/*
---------------------
STORE
---------------------
01. Structure

02. Navigation
    - Top-Level categories
    - Subcategories
    - Product search
    - Display Controls
    - Display Controls: bottom
    - View Cart button
    - Recommendations + Checklist links

03. Product Grid
    - Recommendations

04. Product Details
    - Added to Cart alert

05. Shopping Cart
    - Next Steps
    - Update Cart
	- Pre-Checkout

	
/*
----------------------------------------------------------
01. STRUCTURE
---------------------------------------------------------- */
#store #content { margin-top:1.75em;  }
	#store #content-main { background:url(../images/bg_store.gif) repeat-y; float:right; margin:0 0 2em; padding:30px 25px; position:relative; width:685px; }
		#store #content-main table#products img#top-picks { height:auto; left:-5px; top:-5px; position:absolute; max-width:none; max-height:none;}
		#store #content-main #category-name { background:url(../images/store_category_note.png); height:130px; left:-5px; padding:45px 25px 0 15px; position:absolute; text-align:center; top:-5px; width:145px; z-index:999; }
			#store #content-main #category-name div h2 { background:url(../images/store_category_stars.png) no-repeat center bottom; font-size:1.8em; color:#8B150C; line-height:1.1em; padding-bottom:1em; }
		
		#store #content-main #content-top, #store #content-main #content-bottom { background-repeat:no-repeat; display:block; height:17px; position:absolute; width:735px;}
		#store #content-main #content-top { background-image:url(../images/store_top.gif); left:0; top:0; }
		#store #content-main #content-bottom { background-image:url(../images/store_bottom.gif); left:0; bottom:0; }
	

/*
----------------------------------------------------------
02. NAVIGATION
---------------------------------------------------------- */
#nav-secondary { float:left; }
	#nav-store { background:url(../images/bg_storenav.gif) repeat-y; padding:15px 2px 10px; width:213px; position:relative; }
		#nav-store h2, #nav-store form { margin-left:13px;}
		#nav-store h2 { background-image:url(../images/subheadings.gif); background-repeat:no-repeat; height:25px; margin-bottom:0.2em;}
			#nav-store h2#product-search { background-position:0 -80px; margin-top:0.2em; width:150px;}
			#nav-store h2#category-display { background-position:0 -110px; margin-top:1.75em; width:161px;}
			#nav-store #top, #nav-store #bottom , #nav-store .bottom { background-repeat:no-repeat; display:block; height:17px; position:absolute; width:217px;}
			#nav-store #top { background-image:url(../images/storenav_top.gif); left:0; top:0; }
			#nav-store #bottom { background-image:url(../images/storenav_bottom.gif); left:0; bottom:0; }
			#nav-store .bottom { background-image:url(../images/storenav_bottom.gif); left:0; bottom:0; }
			#nav-store p { padding:0 16px;}

/* TOP-LEVEL CATEGORIES */
ul#categories { margin-bottom:1.25em;  }
	ul#categories li { background-image:url(../images/navstore_dotted.gif); background-repeat:no-repeat; background-position:13px bottom; }
		ul#categories li a { background-image:url(../images/bullet_category.png); background-repeat:no-repeat; background-position:13px 0.2em; color:#000; display:block; font-weight:bold; padding:5px 13px 5px 38px;}
		ul#categories li a:hover, ul#categories li.active,
			ul#categories li:hover { background-color:#E4EFF4; color:#004286; }
		ul#categories li.active a { background-image:url(../images/bullet_category_active.png); color:#004286; }

/* SUBCATEGORIES */
ul#categories li ul { background:#E4EFF4 url(../images/navstore_dotted.gif) no-repeat; border-bottom:2px solid #fff; margin-bottom:0; z-index:9999;  }
	ul#categories li ul li a { background-image:none; color:#000; display:block; font-size:0.9em; font-weight:bold; padding:3px 0 3px 38px;}
	ul#categories li ul li a:hover, 
	ul#categories li.active ul li a:hover,
	ul#categories li.active ul li.active a, 
	ul#categories li.active a:hover { background-color:#CCE0E9; color:#004286; }
	ul#categories li.active ul li a { background:none; color:#000;}
	ul#categories li.active ul.listStoreSubCat { display:block; z-index:2;}
	
/* FLYOUT MENU */
ul#categories li ul.listStoreSubCat, ul#categories li ul.listStoreSubCatOpen { background:url(../images/bg_store_subnav_top.png) no-repeat top left; border:0; margin:-33px 0 20px 208px; width:160px; padding:15px 5px 0 5px; position:relative; display: none;}
	ul#categories li ul.listStoreSubCat li, ul#categories li ul.listStoreSubCatOpen li { background-image:url(../images/navstore_dotted2.gif); background-position:13px bottom;line-height:1.2em; }
	ul#categories li ul.listStoreSubCat li.last, ul#categories li ul.listStoreSubCatOpen li.last { background:url(../images/bg_store_subnav_bottom.png) no-repeat bottom left; height:20px; margin-bottom:0; padding-bottom:0;position:absolute; bottom:-20px; left:0; width:170px; }
	ul#categories li ul.listStoreSubCat li a, ul#categories li ul.listStoreSubCatOpen li a { padding:5px 20px;}
	ul#categories li ul.listStoreSubCatActive li.last { display:none;}
	ul#categories li:hover ul.listStoreSubCat, ul#categories li ul.listStoreSubCatOpen { display: block; position: absolute; z-index:5000; }


/* PRODUCT SEARCH */
#store #nav-store input { display:inline; padding:3px; vertical-align:middle; }
	#store #nav-store input.btn { background-color:#fff; background-position:0 -125px; padding:0; width:42px; }
	#store #nav-store input.btn:hover { background-position:-150px -125px; }
	#store #nav-store #store-search p { color:#666; font-size:0.9em; margin:0 0 0 0.2em; padding:0; }
	
/* DISPLAY CONTROLS */
div.display-controls { background-image:url(../images/store_bg_breadcrumbs.jpg); background-repeat:no-repeat; background-position:bottom left; font-size:0.9em; margin-bottom:2em; position:absolute; left:2px; overflow:hidden; padding:18px 25px 14px 195px; top:0; width:510px;}
	#display-controls-subcat { padding-left:20px; width: 685px; }
	#display-controls-product { padding-left:20px; width: 685px; padding-top:15px;padding-bottom:10px;  }
	
	div.display-controls ol#breadcrumbs { color:#8B150C; font-weight:bold; list-style-type:none; margin-bottom:0.8em; }
		div.display-controls ol#breadcrumbs li { display:inline}
		div.display-controls ol#breadcrumbs li a { color:#333; text-decoration:underline;}
		div.display-controls ol#breadcrumbs li a:hover { color:#004286; }
		div.display-controls ol#breadcrumbs li span { color:#999; padding:0 1px;}

	div.display-controls form { float:left; display:inline; width:250px;}
		div.display-controls form label { display:inline; font-weight:bold; padding-right:3px;}

	div.display-controls ul { position:absolute; right:20px;}
		div.display-controls ul li { display:inline; margin-right:3px; }
		div.display-controls ul li.section { border-right:1px dotted #ccc; margin-right:7px; padding-right:10px; }
		div.display-controls ul li a { color:#8B150C; font-weight:bold; text-decoration:underline; }
		div.display-controls ul li a:hover { border-bottom:1px dotted #004286; color:#004286; text-decoration:none; }

/* DISPLAY CONTROLS - BOTTOM */
div.bottom { background:none; position:static; padding:0; margin:2em 0 0; text-align:right; width:685px;}
div.bottom ul { position:static; }
		
/* VIEW CART BUTTON */
#viewcart { float:right; font-size:12px; height:21px; line-height:22px; overflow:hidden; position:relative; margin-top:2.2em; }
	#viewcart a { background-position:0 -150px; color:#fff; display:block; height:21px; padding-right:8px; text-indent:105px; white-space:nowrap;  }
	#viewcart a span#endcap { background:url(../images/buttons_cart_endcap.gif) no-repeat; height:21px; position:absolute; right:0; top:0; width:6px; } 
	#viewcart a:hover { background-position:0 -175px }
		
/* RECOMMENDATION + CHECKLIST LINKS */
p#recommended { background:url(../images/icon_recommended.gif) no-repeat; font-size:0.9em; margin-left:13px; clear:left; padding-left:35px; }
p#legend3d { background:url(../images/icon_3d.gif) no-repeat; font-size:0.9em; line-height:1.4em; margin:0 0 0.75em 13px; clear:left; padding-left:35px;width:140px;}
a#checklist-link { display:block; float:left; height:65px; margin:2em 0 4em 1.5em; width:144px; z-index:2;}



/*
----------------------------------------------------------
03. PRODUCT GRID
---------------------------------------------------------- */
table#products { margin-top:7em; width:100%; }
	table#products.toppicks { margin-top:1em; }
	table#products.cart { margin-top:1em; }
	table#products.moreselections { margin-top:1em; clear:both; }
	
	table#products tr.first td { border-top:0; padding-top:0; }
	table#products tr.last td { padding-bottom:0; }
	
	table#products tr td { border:dotted #D1D1D1; border-width:1px 1px 0 0; padding:20px; text-align:center; width:25%; }
		table#products tr td.last { border-right:0; }
		table#products img { margin-bottom:0.5em;  max-width:100px; max-height: 100px;}
		table#products h2, #store table#products h3, #store table#products h4 { text-align:left;}
		table#products tr td span.recommended { text-align:left; width:15px; }	

		
		table#products h2 { line-height:1.5em;}
			table#products h2 a { border-bottom:1px dotted #999; color:#8B150C; text-decoration:none;}
			table#products h2 a:hover { border-bottom:1px dotted #004286; color:#004286; text-decoration:none; }
			table#products h3 { color:#004286; }
		
		table#products h4 { margin:1em 0;}
			table#products h4 a { color:#333; font-size:0.95em; text-decoration:none;}
			table#products h4 a:hover { color:#004286;}
			table#products h4 a.details { background-position:0 -200px; width:52px;}
			table#products h4 a.details:hover { background-position:-150px -200px;}
			
	/* RECOMMENDATIONS */
	span.recommended { cursor:pointer; display:inline; float:left; position: relative;}
	table#products span.recommended img { height:auto; padding:0 8px 0 0; vertical-align:middle; }
	span.recommended em { background:url(../images/bg_recommend.png) no-repeat; display:none; position:absolute; color:#fff; font-style:normal; height:80px; padding:15px 20px 20px 20px; left:-30px; top:-110px; width:170px; z-index:99999; }
	span.recommended img:hover { cursor:pointer;}
	
	span.in3d { cursor:pointer; display:inline;  position: relative; float: left;}
		table#products.moreselections span.in3d { float:none;  }
	
	table#products span.in3d img { height:auto; padding:0 8px 0 0; vertical-align:middle; }
	

/*
----------------------------------------------------------
04. PRODUCT DETAILS
---------------------------------------------------------- */
#store h1.title { background:none; color:#8B150C; float:none; font-size:1.8em; font-weight:bold; height:auto; line-height:1.2em; margin-bottom:0.3em; width:auto; }
#product-photo { display:inline; float:left; margin-right:3em; width:275px; text-align:center;margin-top: 4em;}
	#product-photo img { max-width:275px; max-height: 400px;}

#product-details { display:inline; float:left; width:350px; margin-top:4em; }
	#product-details h2 { color:#004286; font-size:1.8em; font-weight:normal; margin-bottom:1em; }

form#variant-select { margin-bottom:1.5em;}
	form#variant-select label { display:inline; font-weight:bold; padding-right:5px;}

h2#similar { background:url(../images/bg_gradient.jpg) repeat-x; clear:both; color:#004286; font-size:1.3em; font-weight:normal; margin:1.5em 0 0; padding:1em 0 1em 20px; text-transform:uppercase; }
	h2#similar a { border-bottom:1px dotted #004286; color:#004286;  }
	h2#similar a:hover { border-bottom:1px dotted #004286; color:#000;  }

#product-details { margin-bottom:3em;}
#product-details h3 { position:relative;}
	#product-details h3 input.cart { background-color:#fff; background-position:0 -225px; float:left; margin:1.5em 0; width:106px; }
	#product-details h3 input.cart:hover { background-position:-150px -225px; }
	#product-details h3 a.cart { background-color:#fff; background-position:0 -225px; float:left; margin-bottom:3em; width:106px; }
	#product-details h3 a.cart:hover { background-position:-150px -225px; }
	#product-details select { margin-bottom:1em;}
	#product-details label { clear:left; display:block; float:left; line-height:2em; width:4.2em;}
	#product-details a.linkselectLink { display:inline; float:left; line-height:1.2em; margin-bottom:0.5em; padding:5px 25px 5px 5px; }
	
/* RECOMMENDATIONS */
	#product-details span.recommended { cursor:pointer; display:inline; position:relative;}
	#product-details span.recommended img { height:auto; padding:0 8px 0 0; vertical-align:middle; margin-top:-10px; }
	#product-details span.recommended em { background:url(../images/bg_recommend.png) no-repeat; display:none; position:absolute; color:#fff; font-style:normal; height:80px; padding:15px 20px 20px 20px; left:-31px; top:-120px; width:170px; z-index:99999; }
	#product-details span.recommended img:hover { cursor:pointer;}	
	

/* ADDED TO CART ALERT */
span#alert { background:url(../images/bg_alert.png) no-repeat; display:none; float:left; position:absolute; right:53px; top:0; height:76px; width:187px; z-index:9999; }



/*
----------------------------------------------------------
05. SHOPPING CART
---------------------------------------------------------- */
table#products.cart th { color:#666; font-weight:bold; padding:0 20px 5px 0; text-align:right; text-transform:lowercase; white-space:nowrap;}
	table#products.cart th.first { text-align:left; }
table#products.cart tr td {  border-right:0; font-weight:bold; padding:15px 20px 10px; text-align:right; vertical-align:top; width:auto;  }
	table#products.cart tr td.item-thumb {  padding:15px 0 5px 5px; text-align:left;  }
	table#products.cart tr td.item-details {  padding-left:15px; text-align:left;  }
	table#products.cart tr p {  font-weight:normal; text-align:left; }
	table#products.cart tr td input { padding:3px; width:20px;}
	table#products.cart tr td a.remove { background-position:0 -250px; color:#333; font-size:0.9em; font-weight:bold; height:15px; padding-left:20px; text-transform:uppercase; width:100px; }
	table#products.cart tr td a.remove:hover { background-position:-150px -250px; }

	table#products.cart tr td input.remove { background-color:#fff; background-position:0 -250px; color:#333; font-size:0.9em; font-weight:bold; height:15px; padding-left:20px; text-transform:uppercase; width:132px; }
	table#products.cart tr td input.remove:hover { background-position:-150px -250px; }

	table#products.cart tr.subtotal td  { vertical-align:middle; }
	table#products.cart tr.subtotal td h2  { color:#004286; font-size:1.8em; float:right; font-weight:bold; }
	table#products.cart tr.subtotal td h2#cart-subtotal  { background:url(../images/subheadings.gif) no-repeat 0 -295px; float:right; height:15px; width:90px; }

#nav-store h2#checkout-info { background-position:0 -140px; height:46px; margin-top:0.2em; width:170px;}


/* NEXT STEPS */
ul#cart-nextsteps { background:url(../images/bg_callout_cart.gif) no-repeat right 0.5em; float:right; margin-top:1em; overflow:hidden; padding:0 1.25em 1.6em 0;}
	ul#cart-nextsteps li { float:left; display:inline; margin-right:5px;}
	ul#cart-nextsteps li a { display:block }
	ul#cart-nextsteps li input { display:block }
	
p#disclaimer { clear:both; color:#666; float:right; font-size:0.9em; line-height:1.6em; padding-right:20px; width:328px;}
	p#disclaimer img { display:block; padding-top:4px;}


/* UPDATE CART */
#cart-update.btn { background-color:#fff; background-position:0 -325px; width:87px; }
#cart-update.btn:hover { background-position:-150px -325px;}
#cart-shopping.btn { background-position:0 -275px; width:132px; }
#cart-shopping.btn:hover { background-position:-150px -275px;}
#cart-checkout.btn { background-color:#fff; background-position:0 -300px; width:100px; }
#cart-checkout:hover { background-position:-150px -300px;}
#cart-email.btn { background-position:0 -725px; width:120px; }
#cart-email.btn:hover { background-position:-150px -725px;}

/* PRE-CHECKOUT */
body.pre-checkout input.submit, body.pre-checkout p#nothanks { float:left; display:inline;}
body.pre-checkout p#nothanks { line-height:1.4em; margin:0.2em 0 0 2em }
body.pre-checkout p#nothanks a { font-weight:normal; }
body.pre-checkout p#nothanks a strong { text-transform:uppercase; }