/*
// 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: #00235D;
	margin: 0px;
	padding: 0px;
	background: #FFF url(../assets/product_images/layout85_backgr.gif);
	}
a:link, a:visited	{
	color: #00235D;
	text-decoration: none;
	}
a:hover	{
	text-decoration: underline;
	}
a:active	{}
p	{
	margin: 0px;
	padding: 0px;
	}
hr	{}
input	{
	border: 1px solid #4367C5;
	background-color: #F5F5F5;
	}
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: #600;
	border: none;
	color: #690;
	font-weight: bold;
	}	

.navbarbackground	{/* applies to affiliate page navigation */}	
.navigation	{}
.navigation:link	{}
.navigation:visited	{}
.navigation:hover	{}
.navigation:active	{}
.SubPaneTitleBar	{/* ? */}	

#affiliate_container	{/* affiliate login form */
	border: 0px solid #FFC;
	padding: 0px;
	margin: 0px auto;
	width: 180px;
	background-color: #D9E4F8;
	}
#affiliate_title	{
	border: 0px solid #0C0;
	padding: 5px 0px;
	margin: 10px auto 0px;
	width: 180px;
	color: #FFF;
	font: 1.5em Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	background-image: url(../assets/product_images/layout85_title_back.gif);
	}
#affiliate_login	{/* login table container + account confirmation text in affiliate page */}
#affiliate_login form	{}
#affiliateNav	{
	border: 0px solid #C00;
	padding: 0px;
	margin: 0px;
	height: 30px;
	}
ul#affiliateNav_links	{/* unordered list of shopping tab links */
	border: 0px solid #0C0;
	list-style: none;
	margin: 0px;
	padding-top: 120px;
	font-size: 1.2em;
	}
ul#affiliateNav_links li	{
	border: 0px solid #C00;
	display: inline;
	float: right;
	width: 100px;
	margin-left: 2px;
	padding: 0px;
	}
ul#affiliateNav_links a, ul#affiliateNav_links a:visited	{
	border: 0px solid #CC0;
	line-height: 30px;
	display: block;
	width: 100px;
	margin: 0px;
	padding: 0px;
	color: #6F8DD9;
	text-decoration: none;
	text-align: center;
	background-color: #00235D;
	}
ul#affiliateNav_links a:hover	{
	padding: 0px;
	margin: 0px;
	background-color: #036;
	color: #FFF;
	} 


.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 #0C0;
	padding: 0px;
	margin: 0px auto;
	width: 180px;
	line-height: 1.8em;
	background-color: #D9E4F8;
	}
.directoryList	{/* ul for directory links */
	border: 0px solid #CC0;
	margin: 0px;
	padding-left: 10px;
	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	{
	padding: 3px;
	margin: 0px;
	font-weight:bold;
	color: #690;
	background-color: #FFF;
	}
a.SelectedDept, a.SelectedDept:visited	{/* selected sub department */
	font-weight:bold;
	background-color: #D9E4F8;
	}
a.SelectedDept:hover	{}
a.SelectedDept:active	{}


.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 */
	color: #690;
	font-weight: bold;
	} 
a.QuickPickProductBanner:visited	{
	color: #690;
	font-weight: bold;}
a.QuickPickProductBanner:hover	{}

.product	{/* product popup pages table container + shipping info page */}


a.BuyMeNow	{/* add to cart and wish list links */
	color: #690;
	font-weight: bold;
	}
a.BuyMeNow:visited	{
	color: #690;
	font-weight: bold;
	}
a.BuyMeNow:hover	{}
a.BuyMeNow:active	{}
a.WishMeNow	{
	color: #690;
	font-weight: bold;
	}
a.WishMeNow:visited	{
	color: #690;
	font-weight: bold;
	}
a.WishMeNow:hover	{}
a.WishMeNow:active	{}


.discountPrice	{/* yellow price display + confirmation text in basket */
	color: #F88B1C;
	}
	

		
/* >>>>>>>>>>  layout specific styles <<<<<<<<<< */

/* ----------    layout 85   ------------ */
#header	{ /* div container for header */
	border: 0px solid #0C0;
	margin: 0px auto;
	padding: 0px;
	width: 760px;
	height: 150px;
	background: #4367C5 url(../assets/product_images/layout85_header_back.gif);
	}
#logo	{/* div container for logo image in header */}

#search	{/* container for search box */
	border: px solid #00C;
	padding: 0px;
	margin-left: 400px;
	width: 310px;
	height: 40px;
	background-color: #00235D;
	color: #6F8DD9;
	font-size: .9em;
	}
#search label	{
	border: 0px solid #00C;
	width: 90px;
	padding: 0px;
	margin-top: 5px;
	display: block;
	text-align: right;
	float: left;
	}
#search form	{
	border: 0px solid #00C;
	padding-left: 5px;
	margin-top: 7px;
	display: inline;
	float: left;
	width: 150px;
	}
#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 */
	border: 0px solid #00C;
	padding: 0px;
	margin-top: 5px;
	text-decoration: none;
	color: #6F8DD9;
	display: block;
	float: right;
	width: 60px;
	}
#search a:hover	{
	text-decoration: underline;
	}


.shopNav_title	{/* shopping links title & other titles */
	border: 0px solid #0C0;
	padding: 5px 0px;
	margin: 10px auto 0px;
	width: 180px;
	color: #FFF;
	font: 1.5em Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	background-image: url(../assets/product_images/layout85_title_back.gif);
	}
#shopNav	{/* container for shopping links */
	border: 0px solid #C00;
	padding: 0px;
	margin: 75px 51px 0px 0px;
	height: 30px;
	} 
ul#shopNav_links	{/* unordered list of shopping tab links */
	border: 0px solid #0C0;
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
	}
ul#shopNav_links li	{
	border: 0px solid #C00;
	display: inline;
	float: right;
	width: 90px;
	margin: 0px;
	padding: 0px;
	}
ul#shopNav_links a, ul#shopNav_links a:visited	{
	border: 0px solid #CC0;
	display: block;
	line-height: 30px;
	margin-left: 1px;
	width: 88px;
	padding: 0px;
	color: #6F8DD9;
	text-decoration: none;
	text-align: center;
	background-color: #00235D;
	}
ul#shopNav_links a:hover	{
	padding: 0px;
	margin-left: 1px;
	background-color: #036;
	color: #FFF;
	} 

/* -----------   main content table/div   ---------- */
#container	{/* main container table/div */
	border: 0px solid #C00;
	padding: 0px;
	margin: 0px auto;
	width: 760px;
	background-color: #EDEFEA;
	position: relative; /* for popup menu positioning */
	top: 0px;
	}
.col1	{/* left column in a 2-3 col table */ 
	border: 0px solid #0C0;
	float: left;
	width: 200px;
	padding: 0px;
	margin: 0px;
	}
.col2	{/* center col in a 3 col table */
	border: 0px solid #00C;
	padding: 0px;
	margin-left: 200px;
	margin-top: 0px;
	}
.content_main	{/* col2 main content holding div */
	margin: 10px auto 0px;
	padding: 0px;
	width: 550px;
	border: 2px solid #FFF;
	}
.col3	{/* right col in a 2-3 col table */	}

.col1 hr	{
	}

	
#store_name	{/* div container for store name */
	border: 0px solid #00C;
	margin: 5px;
	padding-left: 10px;
	float: left;
	width: 325px;
	color: #6A83B2;
	font: 2em Arial, Verdana, Helvetica, sans-serif;
	background-color: #FFF;
	/* overflow: auto; */
	}
#store_name span	{/* span to position title */
	}
#store_name table	{
	vertical-align: middle;
	height: 80px;
	}
	
/* -------------------  header navigation section  ------------- */	
#content_header	{/* content holding div */
	}
		
#your_cart_container	{/* container for cart related links */
	border: 0px solid #0CC;
	padding: 0px;
	margin: 0px;
	float: right;
	width: 410px;
	font-size: .9em;
	color: #6F8DD9;
	background-color: #00235D;
	}
ul#your_cart	{/* shopping cart content div */
	border: 0px solid #0C0;
	padding: 10px;
	margin: 0px;
	float: left;
	list-style: none;
	line-height: 2em;
	}
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: #6F8DD9;
	}
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-left: 1px solid #6F8DD9;
	margin: 5px;
	padding: 5px 10px;
	color: #FFF;
	float: right;
	width: 150px;
	line-height: 2em;
 	}
#account_name a	{
	color: #6F8DD9;
	}
	
#deptNav	{/* container for department links */
	border: 0px solid #0C0;
	padding: 0px;
	margin: 0px auto;
	width: 180px;
	line-height: 2.2em;
	font-size: 1.2em;
	background-color: #D9E4F8;
	}
ul#deptNavHor	{/* unordered list of dept links */
	border: 0px solid #0C0;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	}
ul#deptNavHor li	{
	padding: 0px;
	margin: 0px;
	width: 160px;
	}
ul#deptNavHor li a, ul#deptNavHor li a:visited	{
	display: block;
	padding: 0px 10px;
	margin: 0px;
	width: 160px;
	text-decoration: none;
	}
ul#deptNavHor li a:hover	{
	text-decoration: underline;
	background-color: #FFF;
	}

/* ---------  popup menu testing  ------------ */
ul#deptNavHor li #popmenu	{
	/* display: none; */
	}
/* suckerfish menu */
ul#deptNavHor li #popmenu	{
	position: absolute;
	left: -999em;
	width: 740px;
	}
ul#deptNavHor li:hover #popmenu, ul#deptNavHor li.sfhover #popmenu	{
	position: absolute;
	top: 160px;
	left: 10px;
	z-index: 1000;
	border: 1px solid #00235D;
	padding:0px;
	margin:0px;
	line-height: 2em;
	text-align: left;
	font-size: .8em;
	background-color: #D9E4F8;
	opacity: .95;
	filter: alpha(opacity=95); /* IE patch */
	}
ul#deptNavHor div#popmenu a	{
	padding:0px;
	margin:0px;
	width: 180px;
	}



/* ------------- featured dept  -------------------- */
.featuredDept_title	{/* class for featured dept. title on home page */
	border: 0px solid #C00;
	padding: 5px 0px;
	margin: 10px auto 0px;
	width: 180px;
	color: #FFF;
	text-align: center;
	font: 1.5em Arial, Verdana, Helvetica, sans-serif;
	background-color: #D9E4F8;
	background-image: url(../assets/product_images/layout85_title_back.gif);
	}
.featured1, .featured2	{/* title class for featured dept. 1 */
	border: 0px dotted #F93;
	padding: 0px;
	margin: 0px auto;
	width: 180px;
	color: #690;
	font-weight: bold;
	text-align: center;
	line-height: 1.6em;
	letter-spacing: .2em;
	background-color: #FFF;
	}
.featured2	{/* title class for featured dept. 2 [if needed] */
	}
.featDeptNav	{/* container for featured dept links */
	border: 0px solid #FFC;
	padding: 0px;
	margin: 0px auto;
	width: 180px;
	background-color: #D9E4F8;
	} 
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	{} 

.redeemGC	{/* redeem gift card img + link */
	padding: 0px;
	margin: 20px auto;
	width: 162px;
	border: 0px solid #F93;
	}
	
#content_expord	{/* container for express order */
	border: 0px solid #FFC;
	padding: 0px;
	margin: 10px auto 0px;
	width: 180px;
	background-color: #D9E4F8;
	}
#express_title	{/* title for express order */
	border: 0px solid #C00;
	padding: 5px 0px;
	margin: 0px;
	width: 180px;
	color: #FFF;
	text-align: center;
	font: 1.5em Arial, Verdana, Helvetica, sans-serif;
	background-color: #D9E4F8;
	background-image: url(../assets/product_images/layout85_title_back.gif);
	}
#expressOrder	{/* container for form */
	border: 0px solid #C00;
	padding: 0px;
	margin: 0px;
	text-align: center; 
	}  
#expressOrder form	{
	padding: 0px;
	margin: 0px;
	}
#expressOrder form div	{
	border: 0px solid #C00;
	padding: 0px;
	margin: 10px 0px;
	}
	
	
/* -------------  secondary search ----------------  */
#search2	{/* div container for additional search criteria */ 
	border: 0px solid #000; 
	padding: 0px;
	margin: 20px 0px;
	text-align: center; 
	}
#search2 a:link, #search2 a:visited	{
	text-decoration: none;
	line-height: 2em;
	}
#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;
	}






/* ------------  container for images  ------------- */
#hot	{/* container for promos */}
#hot img	{}
#hot_img	{/* image title for promos */}


#topPromo	{/* top promo/banner container */
	border: 0px solid #00C;
	padding: 0px;
	margin: 20px auto;
	height: 60px;
	width: 468px;
	background: url(../assets/product_images/layout85_banner.jpg) no-repeat;
	}
#topPromo img	{
	}
.topPromo_text	{
	border: 1px dotted #FFC;
	padding: 3px 0px;
	margin: 2px auto;
	width: 450px;
	color: #FFF;
	text-align: center;
	font-size: 1.2em;
	font-weight: bolder; 
	}


/* -------------  featured items  ------------------- */
.featured_title	{/* featured item on home page */
	border: 0px solid #C00;
	padding: 0px;
	margin: 20px;
	font: bold 1.5em Arial, Verdana, Helvetica, sans-serif;
	color: #00235D;
	}
.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;
	}


/* -------------  store profile --------------------  */
.store_profile	{/* div container for store profile */
	border: 0px solid #CCC;
	margin: 0px auto;
	padding: 5px 15px;
	width: 480px;
	line-height: 1.5em;
	background-color: #D9E4F8;
	}
.store_profile img	{
	float: left;
	width: 40px;
	clear: right;
	margin: 0px;
	padding-right: 10px;
	padding-top: 3px;
	}

/* -------------------  default footer section  ------------- */	
.content_footer	{/* content holding div */
	clear: both;
	margin: 0px auto;
	padding: 0px;
	border: 0px solid #FFC;
	width: 680px;
	background-color: #FFF;
	}
	
.bracket	{}

#cc_img	{/* container for credit card logos */
	border: 0px solid #C00;
	width: 150px;
	float: right;
	display: inline;
	margin-right: 40px;
	padding: 0px;
	}
#cc_text	{/* credit card text */
	border: 0px solid #00CC00;
	padding: 0px;
	margin-bottom: 7px;
	}

#csNav	{/* container for customer service links */
	border: 0px solid #C00;
	width: 150px;
	float: right;
	display: inline;
	margin-right: 20px;
	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: 20px;
	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: 20px;
	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;
	padding: 0px;
	margin: 0px auto;
	width: 680px;
	background-color: #FFF;
	}
ul#navlist_footer	{/* unordered list of links in footer */
	padding: 5px 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;
	}
ul#navlist_footer li a:hover	{
	padding: 5px;
	margin: 0px;
	text-decoration: underline;
	}

/* -----------   bottom text   -------------------- */
.bottom_text	{/* user generated text */
	margin: 0px auto;
	padding: 5px;
	text-align:center;
	color: #666;
	border: 0px solid #CC00EE;
	}
	

