/*
// 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;
	height: 100%;
	}
body	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #666;
	margin: 0px;
	padding: 0px;
	background: #FFF url(../assets/product_images/layout84_backgr.gif);
	height: 100%;
	}
a:link, a:visited	{
	color: #666;
	text-decoration: none;
	}
a:hover	{
	text-decoration: underline;
	}
a:active	{}
p	{
	margin: 0px;
	padding: 0px;
	}
hr	{}
input	{
	border: 1px solid #222B21;
	color: #222B21;
	background-color: #E6EBD1;
	}
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: 0px;
	color: #222B21;
	background-color: #EBE7DE;
	border: 1px solid #B8B2AA;
	}	

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

#affiliate_container	{/* affiliate login form */
	margin: 10px 0px;
	padding: 0px;
	}
#affiliate_title	{
	padding: 0px;
	margin: 50px 10px 10px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	}
#affiliate_login	{/* login table container + account confirmation text in affiliate page */}
#affiliate_login form	{}

.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: 20px 0px;
	}
.directoryList	{/* ul for directory links */
	border: 0px solid #CC0;
	margin: 0px;
	padding-left: 20px;
	list-style-type: none;
	}
.directoryList li	{
	border: 0px solid #CC0000;
	padding: 0px;
	margin: 0px;
	}
.directoryList a, .directoryList a:visited	{
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	line-height: 1.5em;
	}
.directoryList a:hover	{
	text-decoration: underline;
	}
.directoryList a:active	{}

.SelectedDept	{
	font-weight:bold;	
	background-color: #DDDAD1;
	border: 1px solid #FFF;
	padding: 2px 5px;
	margin: 0px;
	}
a.SelectedDept, a.SelectedDept:visited	{/* selected sub department */
	font-weight:bold;
	border: none;
	padding: 0px 5px;
	}
a.SelectedDept:hover	{}
a.SelectedDept:active	{}


.deptList	{/* products listing page */}
.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, a.QuickPickProductBanner:visited	{/* product title links */
	font-weight:bold;
	}
a.QuickPickProductBanner:hover	{}

.product	{/* product popup pages table container + shipping info page */}


a.BuyMeNow	{/* add to cart and wish list links */
	font-weight: bold;
	color: #797C6E;
	}
a.BuyMeNow:visited	{
	font-weight: bold;
	color: #797C6E;
	}
a.BuyMeNow:hover	{}
a.BuyMeNow:active	{}
a.WishMeNow	{
	font-weight: bold;
	color: #797C6E;
	}
a.WishMeNow:visited	{
	font-weight: bold;
	color: #797C6E;
	}
a.WishMeNow:hover	{}
a.WishMeNow:active	{}


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

		
/* >>>>>>>>>>  layout specific styles <<<<<<<<<< */

/* ----------    layout 84   ------------ */
#header	{ /* div container for header */
	border: 0px solid #0C0;
	margin: 0px auto;
	padding: 0px;
	width: 760px;
	height: 270px;
	background-color: #DCDDB9;
	}
#logo	{/* div container for logo image in header */}

/* -------------------  header navigation section  ------------- */	
#content_header	{/* content holding div */
	}
	

#search	{/* container for search box */
	border: 0px solid #00C;
	padding: 3px 5px 0px 0px;
	margin: 0px;
	text-align: right;
	height: 27px;
	background-color: #DCDDB9;
	color: #222B21;
	} 
#search form	{
	border: 0px solid #00C;
	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;
	vertical-align: middle;
	}
#search a:link, #search a:visited	{/* search box link => advanced search */
	text-decoration: none;
	color: #222B21;
	}
#search a:hover	{
	text-decoration: underline;
	}
	
#store_name	{/* div container for store name */
	border: 0px solid #00C;
	margin: 0px;
	padding: 0px;
	color: #FFF;
	text-align: center;
	font: 1.4em Arial Black, Verdana, Arial, Helvetica, sans-serif;
	background: #3C480E url(../assets/product_images/layout84_storename_back.jpg);
	width: 250px;
	float: left;
	height: 246px;
	}
#store_name table	{/* title positioning table */
	height: 246px;
	}
#store_name span	{/* span to position title */
	}


.shopNav_title	{/* shopping links title */ }
#shopNav	{/* container for shopping links */
	border: 0px solid #C00;
	padding: 0px;
	margin: 0px;
	width: 260px;
	height: 246px;
	float: left;
	background-color: #EBE7DE;
	text-align: center;
	} 
ul#shopNav_links	{/* unordered list of shopping tab links */
	border: 0px solid #0C0;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	line-height: 40px;
	font-size: 1.2em;
	}
ul#shopNav_links li	{
	border-bottom: 1px solid #FFF;
	padding: 0px;
	margin: 0px;
	}
ul#shopNav_links a, ul#shopNav_links a:visited	{
	border: 0px solid #CC0;
	padding: 0px;
	margin: 0px;
	color: #666;
	display: block;
	width: 260px;
	text-decoration: none;
	}
ul#shopNav_links a:hover	{
	padding: 0px;
	margin: 0px;
	background-color: #FFF;
	} 

		
#your_cart_container	{/* container for cart related links */
	border: 0px solid #0CC;
	padding: 0px;
	margin: 0px;
	float: right;
	width: 250px;
	height: 246px;
	text-align: right;
	color: #666;
	line-height: 1.4em;
	background: #FFF url(../assets/product_images/layout84_yourcart_back.jpg);
	}
ul#your_cart	{/* shopping cart content div */
	border: 0px solid #0CC;
	padding: 10px 20px;
	margin: 0px;
	list-style: none;
	}
ul#your_cart li	{
	padding: 0px;
	margin: 0px;
	}
ul#your_cart li a, ul#your_cart li a:visited	{
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	color: #666;
	}
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 #C00;
	margin: 0px;
	padding: 0px 20px;
	text-align: right;
	color: #666;
	line-height: 1.2em;
 	}
#account_name a, #account_name a:visited	{
	color: #666;
	}

.redeemGC	{/* redeem gift card img + link */
	padding: 0px;
	margin: 20px;
	text-align: right;
	border: 0px solid #F93;
	color: #5C81AA;
	font: 1.6em Arial, Helvetica, sans-serif;
	}
.redeemGC a, .redeemGC a:visited	{
	color: #5C81AA;
	}
	

/* -----------   main content table/div   ---------- */
#container	{/* main container table/div */
	border: 0px solid #0C0;
	padding: 0px;
	margin: 0px auto;
	width: 760px;
	background-image: url(../assets/product_images/layout84_cont_back.gif);	
	position: relative;  /* for popup menu positioning */
	top: 0px;
	}
.col1	{/* left column in a 2-3 col layout */ 
	border: 0px solid #0CC;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 250px;
	background-color: #EBE7DE;
	}
.col2	{/* content col in a 2 col layout */
	border: 0px solid #C00;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 260px;
	background-color: #FFF;
	}
.content_main	{/*  main content holding div */
	border: 0px solid #00C;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 510px;
	background-color: #FFF;
	}
.col3	{/* right col in a 2-3 col table */	
	border: 0px solid #0C0;
	padding: 0px;
	margin: 0px;
	float: right;
	width: 250px;
	background-color: #EBE7DE;
	}

	
.col1 hr	{
	}


#deptNav	{/* container for department links */
	border: 0px solid #0C0;
	padding-left: 20px;
	margin: 0px;
	line-height: 2.5em;
	width: 230px;
	}
ul#deptNavHor	{/* unordered list of dept links */
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	}
ul#deptNavHor li	{
	border: 0px solid #00C;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #FFF;
	}
ul#deptNavHor li a, ul#deptNavHor li a:visited	{
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	font-size: 1.2em;
	display: block;
	width: 230px;
	}
ul#deptNavHor li a:hover	{
	padding: 0px;
	margin: 0px;
	background-color: #FFF;
	}

/* ---------  popup menu  ------------ */
ul#deptNavHor li #popmenu	{
	/* display: none; */
	}
/* suckerfish menu */
ul#deptNavHor li #popmenu	{
	position: absolute;
	left: -999em;
	width: 700px;
	}
ul#deptNavHor li:hover #popmenu, ul#deptNavHor li.sfhover #popmenu	{
	position: absolute;
	top: -243px;
	left: 50px;
	z-index: 1000;
	border: 1px solid #666;
	padding:0px;
	margin:0px;
	line-height: 2em;
	text-align: left;
	background-color: #EBE7DE;
	opacity: .95;
	filter: alpha(opacity=95); /* IE patch */
	}


#content_expord	{/* container for express order */
	border: 0px solid #00C;
	padding: 0px;
	margin: 20px auto;
	text-align: center; 
	width: 182px;
	background-color: #DDDAD1;
	}
#express_title	{/* title for express order */
	border: 0px solid #C00;
	padding: 0px;
	margin: 0px;
	font-size: 1.2em;
	font-weight: bold;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	}
#expressOrder	{/* container for form */
	border: 0px solid #C00;
	padding: 0px;
	margin: 0px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	}  
#expressOrder form	{
	padding: 0px;
	margin: 0px;
	}
#expressOrder form div	{
	border: 0px solid #C00;
	padding: 5px 0px;
	margin: 0px 0px;
	}
	

/* -------------  secondary search ----------------  */
#search2	{/* div container for additional search criteria */ 
	border: 0px solid #00C;
	padding: 0px;
	margin: 20px auto;
	text-align: center; 
	width: 182px;
	background-color: #DDDAD1;
	}
#search2 a:link, #search2 a:visited	{
	text-decoration: none;
	line-height: 2em;
	display: block;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	}
#search2 a:hover	{
	text-decoration: underline;
	line-height: 2em;
	}


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


#cc_img	{/* container for credit card logos */
	border: 0px solid #C00;
	margin: 20px auto;
	padding: 0px;
	text-align: center;
	}
#cc_text	{/* credit card text */
	border: 0px solid #00CC00;
	padding: 5px;
	margin: 0px;
	}
	

/* -------------  featured items  ------------------- */
.featured_title	{/* featured item on home page */
	border: 0px solid #C00;
	padding: 10px;
	margin: 0px;
	text-align: center;
	font: 1.4em Arial Black, Verdana, Arial, Helvetica, sans-serif;
	color: #797C6E;
	}
.featured_description	{/* featured item description */}
.featured_text	{/* featured item pricing description */}
.featured_table p	{/* content holding table p 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;
	}

/* ------------- featured dept  -------------------- */
.featuredDept_title	{/* class for featured dept. title on home page */
	border: 1px solid #FFF;
	padding: 5px;
	margin: 5px auto;
	text-align: center;
	line-height: 1.6em;
	width: 182px;
	background-color: #DDDAD1;
	font-size: 1.2em;
	font-weight: bold;
	}
.featured1, .featured2	{/* title class for featured dept. 1 */
	border: 1px solid #FFF;
	padding: 5px;
	margin: 5px auto;
	text-align: center;
	line-height: 1.6em;
	letter-spacing: .2em;
	width: 182px;
	}
.featured2	{/* title class for featured dept. 2 [if needed] */
	}
.featDeptNav	{/* container for featured dept links */
	border: 0px solid #FFC;
	padding: 0px;
	margin: 0px;
	} 
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;
	}
.featured2 a:link, .featured2 a:visited	{
	}
.featured2 a:hover	{
	}
ul.featDeptNav_links li	{/* individual nav tab links */}
ul.featDeptNav_links a	{}
ul.featDeptNav_links a:visited	{}
ul.featDeptNav_links a:hover	{} 


#topPromo	{/* top promo/banner container */
	border: 0px solid #FFC;
	padding: 0px;
	margin: 20px auto;
	width: 180px;
	background: #EBE7DE url(../assets/product_images/layout84_banner.gif) no-repeat;
	}
#topPromo img	{
	}
.topPromo_text	{
	border: 0px solid #FFC;
	position: relative;
	top: 30px;
	padding: 10px;
	margin: 0px;
	width: 160px;
	color: #FFF;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	background: #EBE7DE url(../assets/product_images/layout84_banner_text.gif);
	}

/* -------------  store profile --------------------  */
.store_profile	{/* div container for store profile */
	border: 0px solid #C0C;
	margin: 0px auto;
	padding: 0px;
	width: 200px;
	line-height: 1.8em;	
	}
.store_profile img	{
	}


/* ------------  container for images  ------------- */
#hot	{/* container for promos */}
#hot img	{}
#hot_img	{/* image title for promos */}







/* -------------------  default footer section  ------------- */	
.content_footer	{/* content holding div */
	clear: both;
	margin: 0px auto;
	padding: 10px;
	height: 130px;
	color: #B5C09F;
	border-top: 3px solid #FFF;
	border-bottom: 3px solid #333;
	background: #3C480E url(../assets/product_images/layout84_footer_back.jpg) no-repeat;
	}
.content_footer a, .content_footer a:visited	{
	color: #B5C09F;
	}

.bracket	{}


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

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

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



/* ------------   standard footer ------------------ */
#nav_footer	{/* div container for footer nav */
	border: 0px solid #C00;
	width: 100px;
	float: right;
	display: inline;
	margin-right: 30px;
	padding: 0px;
	}
ul#navlist_footer	{/* unordered list of links in footer */
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 1.5em;
	}
ul#navlist_footer li	{
	} 
ul#navlist_footer li a, ul#navlist-footer li a:visited	{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	}
ul#navlist_footer li a:hover	{
	text-decoration: underline;
	}

/* -----------   bottom text   -------------------- */
.bottom_text	{/* user generated text */
	margin: 0px auto;
	padding: 5px 0px;
	text-align:center;
	color: #666;
	border: 0px solid #CC00EE;
	}