/*
// styles are ordered top to bottom, left to right, 
// as they apply in the layout
// except legacy styles that
// are listed before current styles
*/


/* <<<<<<<<<<<<  general site-wide styles  >>>>>>>>>>> */
html	{
	margin: 0px;
	padding: 0px;
	}
body	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #333;
	margin: 0px;
	padding: 0px;
	background-color: #EE5019;
	}
a:link, a:visited	{
	color: #900;
	text-decoration: none;
	}
a:hover	{
	text-decoration: underline;
	}
a:active	{}
p	{
	margin: 0px;
	padding: 0px;
	}
hr	{}
input	{
	border: 2px solid #F93;
	padding: 0px;
	margin: 0px;
	}
input:hover	{/* not supported in IE6 */}	
img	{}
img:hover	{/* not supported in IE6 */}	


/* ------------------ common legacy styles ----------------- */

.options	{/* options table class in product displays */}	
.inputControl	{/* input text field in forms */}	
.clickButton	{/* button input in form pages */}
input.clickButton	{
	padding: 0px;
	margin: 5px;
	background: #FC6 url(../assets/product_images/layout81_deptnav_bar.gif);
	color: #600;
	}	

.navbarbackground	{/* applies to affiliate page navigation */}	
.navigation	{}
.navigation:link	{}
.navigation:visited	{}
.navigation:hover	{}
.navigation:active	{}
.SubPaneTitleBar	{/* ? */}	

#affiliate_title	{
	border: 0px solid #CC0000;
	padding: 0px;
	margin: 0px;
	color: #F60;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
	line-height: 2em;
	width: 150px;
	}
#affiliate_container	{/* affiliate login form */
	border: 0px solid #C00;
	padding: 0px;
	margin: 0px;
	width: 150px;
	color: #F60;
	text-align: right;
	}
#affiliate_login	{/* login table container + account confirmation text in affiliate page */}
#affiliate_login form	{}
.login	{/* legacy class for registration forms in affiliate */
	padding: 0px;
	margin-right: -10px;
	text-align: right;
	}

.deptPathBar	{/*dept path bar navigation */}	
.deptPathBar a	{}
.deptPathBar a:hover	{}


/* ---------  department directory  ------------------- */	

#dept_title	{/* title div above the directory table + register in affiliate page */}	
#dept_list_container	{/* div for directory links */
	border: 0px solid #C00;
	padding: 0px;
	margin-top: 10px;
	width: 170px;
	}
.directoryList	{/* ul for directory links */
	border: 0px solid #CC0000;
	margin: 0px;
	padding-left: 5px;
	list-style-type: none;
	line-height: 1.3em;
	}
.directoryList li	{
	border: 0px solid #CC0000;
	padding: 0px;
	margin: 0px;
	}
.directoryList a, .directoryList a:visited	{
	display: block;
	padding-left: 3px;
	margin: 0px;
	width: 150px;
	border-left: #FFF solid 3px;
	text-decoration: none;
	}
.directoryList a:hover	{
	border-left: #C00 solid 3px;
	background-color: #F5F5F5;
	text-decoration: none;
	}
.directoryList a:active	{}

.SelectedDept	{/* sub dept. title */
	border: 0px solid #CC0000;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	color: #F60;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: bold;
	}
a.SelectedDept	{/* selected sub department links */
	font-size: 1em;
	}
a.SelectedDept:visited	{}
a.SelectedDept:hover	{}
a.SelectedDept:active	{}

#product_showcase	{/* table container for nav in product showcase page */}


.deptList	{/* products listing page */
	font-size: 1.2em;
	}
.deptList a	{}	
.deptList a:hover	{}
	

.productList	{/* product display by sub dept. */}
.productList a	{}
.productList a:visited	{}
.productList a:hover	{}
.productList ul	{/* listing display in site map page */
	margin: 5px 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 1.5em;
	}


.QuickPickProduct	{}
.QuickPickProductBanner	{ /* table for item title */}
a.QuickPickProductBanner	{/* product title links */} 
a.QuickPickProductBanner:visited	{}
a.QuickPickProductBanner:hover	{}

.product	{/* product popup pages table container + shipping info page */
	background-color: #FFF;
	}


a.BuyMeNow	{/* add to cart and wish list links */}
a.BuyMeNow:visited	{}
a.BuyMeNow:hover	{}
a.BuyMeNow:active	{}
a.WishMeNow	{}
a.WishMeNow:visited	{}
a.WishMeNow:hover	{}
a.WishMeNow:active	{}


.discountPrice	{/* yellow price display + confirmation text in basket */
	color: #F93;
	}
	

		
/* >>>>>>>>>>  layout specific styles <<<<<<<<<< */
/* ----------       layout 81       ------------ */

#header	{ /* div container for header styling */}
#logo	{/* div container for logo image in header */}

#store_name	{/* div container for store name */
	border: 0px solid #0CC;
	background: #EE5019 url(../assets/product_images/layout81_top_bar.jpg) no-repeat;
	margin: 0px auto;
	padding-top: 30px;
	text-align: center;
	height: 70px;
	width: 760px;
	}
#store_name span	{/* span to position title */
	border: 0px solid #00C;
	margin: 0px auto;
	padding: 0px;
	color: #900;
	font: bold x-large Arial, Helvetica, sans-serif;
	}	
#store_name span a:link, #store_name span a:visited	{/* home page back link */
	text-decoration: none;
	}
#store_name span img	{/* optional img in store name */
	border: none;
	vertical-align: middle;
	}
	
	
/* -----------   main content table/div   ---------- */
#container	{/* main container table/div */
	border: 0px solid #CC0000;
	padding: 0px;
	margin: 0px auto;
	background: #EE5019 url(../assets/product_images/layout81_mid_bar.gif) repeat-y;
	width: 760px;
	position: relative; /* for popup menu positioning */
	top: 0px;
	}
.col1	{/* left column in a 2-3 col table */ 
	border: 0px solid #00CC00;
	float: left;
	width: 170px;
	padding: 0px;
	margin: 0px;
	background-color: #FFF;
	}
.col2	{/* center col in a 3 col table */
	border: 0px solid #CC0000;
	padding: 0px;
	margin-left: 170px;
	background-color: #FFF;
	color: #333;
	}
.content_main	{/* main content holding div */
	margin: 0px;
	padding: 5px;
	position: relative;
	top: 10px;
	border: 1px solid #CCC;
	width: 528px;
	}
.col3	{/* right col in a 2-3 col table */	}

.col1 hr	{
	width: 140px;
	margin: 10px auto;
	padding: 0px;
	background-color: #FEFEFE;
	}


#deptNav	{/* div container for department links */
	border: 0px solid #CC0000;
	padding: 0px;
	margin: 0px 20px;
	width: 720px;
	background: #EE5019 url(../assets/product_images/layout81_deptnav_bar.gif);
	line-height: 50px;
	}
ul#deptNavHor	{/* ul list of dept links */
	padding:0px;
	margin:0px;
	text-align: center;
	}
ul#deptNavHor li	{
	display:inline;
	padding:0px;
	margin:0px;
	}
ul#deptNavHor li a, ul#deptNavHor li a:visited	{
	padding:0px 5px;
	margin:0px;
	text-decoration: none;
	color: #900;
	}
ul#deptNavHor li a:hover	{
	padding: 5px;
	margin: 0px;
	background-color: #FC6;
	color: #C00;
	}

/* ---------  popup menu  ------------ */
ul#deptNavHor li #popmenu	{/* div container for dept. links */
	/* display: none; */
	}
/* suckerfish menu */
ul#deptNavHor li #popmenu	{
	position: absolute;
	left: -999em;
	width: 690px;
	}
ul#deptNavHor li:hover #popmenu, ul#deptNavHor li.sfhover #popmenu	{
	position: absolute;
	top: 35px;
	left: 30px;
	z-index: 1000;
	border: 1px solid #C00;
	padding:0px;
	margin:0px;
	line-height: 1.8em;
	text-align: left;
	background-color: #FFF;
	opacity: .96;
	filter: alpha(opacity=96); /* IE patch */
	}
	


#search	{/* search box div */
	border: 0px solid #0000CC;
	float: left;
	position: relative;
	left: 0px;
	padding: 10px 0px;
	background-color: #900;
	color: #FFF;
	width: 500px;
	text-align: center; 
	} 
#search form	{
	padding: 0px;
	margin: 0px;
	display: inline;
	}
#search input	{
	vertical-align: middle;
	}
#search input.inputButton	{/* remove border around img buttons, keep for other input */
	border: none;
	}
#search a:link, #search a:visited	{/* search box link => advanced search */
	color: #FFF;
	text-decoration: none;
	}
#search a:hover	{
	text-decoration: underline;
	}
	
#your_cart_container	{/* container for cart related links */
	border:0px solid #0000CC;
	float: right;
	position: relative;
	right: 0px;
	margin: 0px;
	padding: 0px;
	width: 220px;
	background-color:#FFF;
	font-size: 0.9em;
	height: 70px;
	}
ul#your_cart	{/* shopping cart content div */
	padding: 5px 10px;
	margin: 0px;
	list-style: none;
	color: #900;
	}
ul#your_cart li a, ul#your_cart li a:visited	{
	padding: 5px;
	margin: 0px;
	color: #900;
	line-height: 1.7em;
	text-decoration: none;
	}
ul#your_cart li a:hover	{
	text-decoration: underline;
	}
.cart	{}
.wish	{}
.checkout	{}
.account	{}
.your_cart_img	{/* shopping cart icon image */}

#account_name	{ /* account id container */
	border: 0px solid #CC0000;
	position: relative;
	float: left;
	width: 470px;
	margin: 0px;
	padding: 5px;
 	}
#account_name a	{}

/* ------------- featured dept  -------------------- */
.featuredDept_title	{/* class for featured dept. title on home page */
	border: 0px solid #C00;
	padding: 0px;
	margin-top: 20px;
	width: 150px;
	color: #900;
	text-align: right;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2em;
	}
.featured1	{/* title class for featured dept. 1 */
	border: 0px solid #FC3;
	padding: 20px 10px;
	margin-left: 10px;
	width: 120px;
	color: #FFF;
	text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.4em;
	line-height: 2em;
	letter-spacing: .2em;
	background-color: #C00;	
	}
.featured2	{/* title class for featured dept. 2 [if needed] */
	border: 0px solid #FC3;
	padding: 10px;
	margin-left: 10px;
	width: 120px;
	color: #FFF;
	text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.2em;
	letter-spacing: .2em;
	background-color: #C60;	
	}
.featured2 a:link, .featured2 a:visited	{
	padding: 0px;
	margin: 0px;
	color: #FFF;
	letter-spacing: normal;
	font-size: .8em;
	line-height: 1.4em;
	font-weight: bold;
	text-decoration: none;
	}
.featured2 a:hover	{
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	color: #C60;
	text-decoration: none;
	background-color: #FF9;
	}
.featDeptNav	{/* container for featured dept links */
	padding: 0px;
	margin-left: 10px;
	border: 3px solid #FC3;
	width: 134px;
	background-color: #FF9;
	} 
ul.featDeptNav_links	{/* unordered list of nav tab links */
	border: 0px solid #FC3;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	line-height: 2em;
	text-align: center;
	}
ul.featDeptNav_links li	{/* individual nav tab links */}
ul.featDeptNav_links a	{}
ul.featDeptNav_links a:visited	{}
ul.featDeptNav_links a:hover	{} 


.shopNav_title	{/* shopping links title */ }
#shopNav	{/* container for shopping links */
	border: 0px solid #C00;
	padding: 0px;
	margin: 0px;
	} 
ul#shopNav_links	{/* unordered list of shopping tab links */
	border:0px solid #CC0000;
	margin: 0px;
	padding: 0px;
	width: 150px;
	list-style-type: none;
	text-align: right;
	line-height: 2em;
	}
ul#shopNav_links li	{
	padding: 0px;
	margin: 0px;
	}
ul#shopNav_links a	{
	display: block;
	width: 150px;
	text-decoration: none;
	}
ul#shopNav_links a:visited	{}
ul#shopNav_links a:hover	{
	padding-right: 5px;
	background-color: #F5F5F5;
	text-decoration: none;
	border-right: #C00 solid 3px;
	} 


#express_title	{/* title for express order */
	border: 0px solid #CC0000;
	padding: 0px;
	margin: 0px;
	color: #F60;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
	line-height: 2em;
	width: 150px;
	}
#expressOrder	{/* container for form */
	border: 0px solid #C00;
	padding: 0px;
	margin: 0px;
	width: 150px;
	color: #F60;
	text-align: right;
	}  
#expressOrder form	{
	padding: 0px;
	margin: 0px;
	}
#expressOrder form div	{
	border: 0px solid #C00;
	padding: 0px;
	margin: 2px;
	text-align: right;
	}

	
/* -------------  secondary search ----------------  */
#search2	{/* div container for additional search criteria */ 
	border: 0px solid #000000; 
	padding: 0px;
	margin: 0px;
	width: 150px;
	text-align: right;
	font-size: .9em;
	}
#search2 a:link, #search2 a:visited	{
	color: #333;
	text-decoration: none;
	line-height: 2em;
	}
#search2 a:hover	{
	text-decoration: underline;
	line-height: 2em;
	}


.redeemGC	{/* redeem gift card img + link */
	padding: 0px;
	margin: 0px;
	}

/* ------  credit card images and custom links ------ */
#cc_links	{/* div container for credit card img + custom links*/
	border: 0px solid #00CC00;
	padding: 0px;
	margin-bottom: 10px;
	width: 150px;
	text-align: right;
	}
#cc_links a, #cc_links a:visited {
	text-decoration: none;
	line-height: 2em;
	}
#cc_links a:hover	{
	text-decoration: underline;
	line-height: 2em;
	}


/* ------------  container for promos  ------------- */
#hot	{/* container for promos */
	padding-top: 5px;
	margin: 0px;
	}
#hot img	{
	padding: 0px;
	margin: 0px;
	border: 1px solid #CCC;
	}
#hot_img	{/* image title for promos */
	}


#topPromo	{/* top promo/banner container */
	border: 1px solid #8A9656;
	padding: 5px;
	margin: 5px 0px 0px;
	background-color: #E6EBD1;	
	height: 60px;
	width: 518px;
	}
#topPromo img	{
	border: 1px solid #8A9656;
	float: left;
	padding: 0px;
	margin: 0px;
	width: 112px;
	}
.topPromo_text	{
	border: 1px solid #8A9656;
	padding: 5px;
	margin-left: 120px;
	color: #3C480E;
	text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.2em;
	letter-spacing: .1em;
	height: 50px;
	background-color: #FFF;
	}

/* -------------  featured items  ------------------- */
.featured_title	{/* featured item on home page */
	border: 0px solid #CC0000;
	padding: 0px;
	margin-top: 5px;
	width: 530px;
	font-size: 1.6em;
	color: #FFF;
	line-height: 32px;
	text-indent: 10px;
	background: #6E6358 url(../assets/product_images/layout81_featured_back.gif);
	}
.featured_description	{/* featured item description */}
.featured_text	{/* featured item pricing description */}
.featured_table p	{/* content holding table on home page */
	margin: 0px auto;
	padding: 10px 0px;
	width: 150px;
	text-align: center;
	}
.featured_table td	{/* content holding table p on home page */
	vertical-align: top;
	}

/* -------------  store profile --------------------  */
.store_profile	{/* div container for store profile */
	border: 0px solid #CCC;
	margin-top: 10px;
	padding: 10px;
	width: 508px;
	}


/* -------------------  default footer section  ------------- */	
.content_footer	{/* content holding div */
	clear: both;
	margin: 20px auto 0px;
	padding: 10px;
	border: 1px solid #CCC;
	width: 660px;
	background-color: #F5F5F5;
	}

#cc_img	{/* container for credit card logos */
	border: 0px solid #C00;
	width: 22%;
	float: right;
	display: inline;
	margin: 0px 5px;
	padding: 0px;
	}
#cc_text	{/* credit card text */
	border: 0px solid #00CC00;
	padding: 5px;
	margin: 0px;
	}

#csNav	{/* container for customer service links */
	border: 0px solid #C00;
	width: 22%;
	float: right;
	display: inline;
	margin: 0px 10px;
	padding: 0px;
	 } 
.csNav_title	{/* customer service links title */
	border: 0px solid #00CC00;
	padding: 0px;
	margin: 0px;
	color: #666;
	font-weight: bold;
	}
ul#csNav_links	{/* unordered list of customer service tab links */
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 2em;
	}
ul#csNav_links li	{}
ul#csNav_links a, ul#csNav_links a:visited	{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #333;
	}
ul#csNav_links a:hover	{
	text-decoration: underline;
	}

#affilNav	{/* container for affiliate links */
	border: 0px solid #C00;
	width: 22%;
	float: right;
	display: inline;
	margin: 0px 10px;
	padding: 0px;
	 }
.affilNav_title	{/* site info affiliate title */
	border: 0px solid #00CC00;
	padding: 0px;
	margin: 0px;
	color: #666;
	font-weight: bold;
	} 
ul#affilNav_links	{/* unordered list of affiliate tab links */
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 2em;
	}
ul#affilNav_links li	{}
ul#affilNav_links a, ul#affilNav_links a:visited	{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #333;
	}
ul#affilNav_links a:hover	{
	text-decoration: underline;
	}

#infoNav	{/* container for site info links */
	border: 0px solid #C00;
	width: 22%;
	float: right;
	display: inline;
	margin: 0px 10px;
	padding: 0px;
	 }
.infoNav_title	{/* site info links title */
	border: 0px solid #00CC00;
	padding: 0px;
	margin: 0px;
	color: #666;
	font-weight: bold;
	} 
ul#infoNav_links	{/* unordered list of site info tab links */
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 2em;
	}
ul#infoNav_links li	{}
ul#infoNav_links a, ul#infoNav_links a:visited	{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #333;
	}
ul#infoNav_links a:hover	{
	text-decoration: underline;
	} 



/* ------------   standard footer ------------------ */
#nav_footer	{/* div container for footer nav */
	border: 0px solid #CC0000;
	padding: 0px;
	margin: 0px 20px;
	width: 720px;
	background: #6E6358 url(../assets/product_images/layout81_footernav_bar.gif);
	line-height: 50px;
	}
ul#navlist_footer	{/* unordered list of links in footer */
	padding:0px;
	margin:0px;
	text-align: center;
	}
ul#navlist_footer li	{
	display:inline;
	padding:0px;
	margin:0px;
	} 
ul#navlist_footer li a, ul#navlist-footer li a:visited	{
	padding: 0px 5px;
	margin: 0px;
	text-decoration: none;
	color: #000;
	}
ul#navlist_footer li a:hover	{
	padding: 5px;
	margin: 0px;
	background-color: #968E85;
	color: #FFF;
	}

/* -----------   bottom text   -------------------- */
.bottom_text	{/* user generated text */
	background:#EE5019 url(../assets/product_images/layout81_bottom_bar.gif) no-repeat;
	margin: 0px auto;
	padding:0px;
	text-align:center;
	color:#000;
	line-height:80px;
	width: 760px;
	border:0px solid #CC00EE;
	}