/* 
	File:			shop.css
	Author:			Erin Lathers
	Created:		6-10-2009
	Description:	This file contains all styles for WS shop pages (pulled over from PBTeen). 

*/
/********** General Shop Styles **********/
div#content { margin-top: 4.2em; position: relative; padding-left: 0.9em;  }
div#sidebar { margin-top: 2em;}
div#content h1, div#category h1, div#sub-category h1 { border-bottom: none; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-size: 1.4em; padding: 0; margin: 0; font-weight: bold; color: #4b690f; }
div#content h1 { color: #4b690f; margin-bottom: 0.3em; }
div#content h2 { font-size: 1.5em; color: #505050; padding: 0.5em 0 0.5em 0.5em; }
div#content p.copy-text { margin-bottom: 1em	; }
div#category.wrap div.the-bar { min-height: 2.7em; _height: 2.8em; }
/********** endGeneral Shop Styles **********/

/********** Hero and Hero-level content links **********/
#super-category #hero-region,
#super-category #subhero-region,
#category #hero-region,
#category #subhero-region,
#sub-category #hero-region,
#sub-category #subhero-region { width: 100%; }
#super-category #hero,
#category #hero,
#category #subhero,
#sub-category #hero { margin-right: -0.2em; }
#category #subhero-region .related-promo { float: left; } 
#super-category #hero-region .content-link, #category #hero-region .content-link, #category #subhero-region .content-link, #sub-category #hero-region .content-link { float: none; margin-top: 0;}
/********** /Hero and Hero-level content links **********/

/********** Super Category **********/

div#super-category #hero-region { position: relative; padding-bottom: 1em;}
div#super-category #hero-region div.related-promo { position: absolute; right: 0; top:0;}
div#super-category #hero-region .content-link { margin-top: 0;}
div#super-category div#content { margin-top: 4.2em;}
div#super-category div#content h1 { display: none;}
div#super-category div#content h2.section-title { font-size: 1.3em; color: #4a2300; font-weight: bold; padding: 1em 0 0.2em 0; float:left;  }
div.wrap div.the-bar { margin-bottom: .5em; }
div#super-category div.content-link { float: left;}
div#super-category div#subhero-region { padding-bottom: 1em;}
div#super-category div#subhero2-region div.related-promo, 
div#super-category div.related-promo { float: left;}
div#super-category div#subhero2-region { float: left;}
div#super-category div#subhero2-region div.related-promo div.content-link,
div#super-category div.related-promo div.content-link { float: left; clear: left;}
div#super-category div#subhero2-region div#subhero2 { float: right;}
div#super-category div#content ul.product-list { border: none; width: 78.1em; margin: 0 -0.1em 0 0; float: left;/* At the moment this float is required on pages with hero-level content links. A little fragile for my tastes, but the broader styling isn't condusive at the moment to a better-targeted approach using clearfix. ~b */ }
div#super-category div#content ul.product-list a { color: #505050; }
div#super-category div#content ul.product-list a:hover,
div#super-category div#content ul.product-list a:active { color: #4B690F; }
div#super-category div#content ul.product-list li { width: 19.5em; padding: 0; margin: 0; border: none; position: relative; }
div#super-category div#content ul.product-list li div.product-name a { font-weight: bold; padding: 0 0.5em 0.5em 0.5em; line-height: 1em; display: block;}
div#super-category div#content ul.product-list li div.product-name a span.arrow-right { background-image:url('../images/common/arr_category.gif'); background-position: right 1px; line-height: 1.1em; width: 0.7em; display: inline-block; text-indent: -99em; margin-right: -0.5em;}
/*FireFox 2 Supercat arrows - because FF2 wraps the arrow if it is displayed inline block, while the rest of the browsers have opposite behavior 10/2/09 - el */
div#super-category div#content ul.product-list li div.product-name a span.arrow-right, x:-moz-any-link { display: inline; padding: 0 0.2em; *padding: 0; background-position: right 2px;}
/*FireFox 3 Supercat arrows*/
div#super-category div#content ul.product-list li div.product-name a span.arrow-right, x:-moz-any-link, x:default { display: inline-block; padding: 0; background-position: right 1px;}



div#super-category div#content ul.product-list li div.product-name a:hover span.arrow-right ,
div#super-category div#content ul.product-list li div.product-name a:active span.arrow-right { background-image:url('../images/common/arr_category-over.gif');}
div#super-category div#content ul.product-list li div.product-thumb { width: 19.5em; height: 12em; width: auto; padding: 0; border-right:1px solid #fff;}
div#super-category div#content ul.product-list li div.product-thumb a { padding: 0; margin: 0; width: auto;}
div#super-category div#content ul.product-list li div.product-thumb a img { width: 19.4em; padding-bottom: 0.5em; }
div#super-category div#content ul.product-list li div.subcat-list { border-right: 1px solid #BDC4AB; width: 19.4em; }
div#super-category div#content ul.product-list li div.subcat-list a { display: block; padding: .3em 1em .1em 1em; line-height: 1.1em; font-size: 1.2em; }
/********** /Super Category **********/

/********** Category **********/
div#category div#content { margin-top: 0em;}
div#category.wrap div#top-bar { margin-left: 21.1em; padding-top: 1.5em; margin-bottom: 0; }
div#category.wrap div#bottom-bar { padding-top: 1.5em;}
div#category.wrap div.the-bar ul.pagination { float: right;}
div#category #hero-region { float: left; position: relative;}
div#category #hero-region div.related-promo { position: absolute; right: 0; top:0;}
div#category div.the-bar h1 { font-size: 1.4em; padding: 0.5em 0 0.4em 0; margin: 0; font-weight: bold; float: left;}
div#category h2.section-title { float: left; width: 100%; _width: 80%; margin-bottom: -1px; margin-right: 1em; padding: 0.8em 0 0.4em; }
/********** /Category **********/

/********** Sub Category **********/
div#sub-category div#content { margin-top: 0em; position: relative; }
div#sub-category div.the-bar { float: right; height: auto; }
div#sub-category div.the-bar { padding-top: 1em; }
div#sub-category div#top-bar { float: none; min-height: 2.6em; _height: 2.8em; margin-left: 21em; padding-top: 1.5em; margin-bottom: 0; }
div#sub-category div#top-bar h1 { font-size: 1.4em; padding: 0.5em 0 0.4em 0; margin: 0; font-weight: bold; float: left;}
div#sub-category div#top-bar ul.pagination { float: right;}
div#sub-category div#hero-region { float:left; padding-bottom: 1.5em; position: relative; }
div#sub-category div#hero-region div.related-promo { position: absolute; right: 0; top:0;}
/********** /Sub Category **********/


/********** Shop Rooms Landing **********/

/********** End Shop Rooms Landing **********/

/********** Gift Landing **********/
div#gift-landing div#content h2 {   }
div#gift-landing div#hero-img { }
div#gift-landing div.upper-row { float: left;}
div#gift-landing div.upper-row img { float: left; clear: left;}
div#gift-landing div.middle-row { float: left; }
div#gift-landing div.middle-row img { float: left; clear: left;}
div#gift-landing div.lower-row { float: left; }
div#gift-landing div.lower-row img { float: left; clear: left;}
/********** end Gift Landing **********/

/********** Gift Sub-category **********/
body#gift div#sub-category div#top-bar { padding-top: 1.6em;}
/********** end Gift Sub-category **********/


/*** Theme Pages ***/
div#theme-a div#content, div#theme-b div#content { margin-left: 0; border: none; padding-left: 0; margin-top: 0; }
div#theme-a div#content h1, div#theme-b div#content h1 { font-size: 1.8em;}

	/*** Theme A ***/
div#theme-a div#content { float: none; width: 100%; }
div#theme-a div#content div#hero-img img { margin-bottom: 1em;}
div#theme-a div#content ul.product-list { width: 99em; *width: 99.7em; overflow: hidden; margin-right: -0.3em; border-right: 1px solid #FFF; position: relative; z-index: 999 }
div#theme-a div#content ul.product-list li { width:16.9em; *width: 17em; position: relative; margin-right: -0.1em; position: relative; z-index: 990;  }
div#theme-a div#content div.add-selected-wrapper { padding: 1em 0; clear: left;}
div#theme-a div#content div.add-selected-wrapper p.add-selected-note { font-size: 1.2em; float: left; color: #505050; font-weight: bold; padding-top:  .5em; }
div#theme-a div.add-selected-wrapper div.btn-add-selected { float: right;}
div#theme-a div#content ul.product-list li span.product-price { margin-bottom: 3em;}
div#theme-a div#content ul.product-list span.product-selection {  position: absolute; right: 1em; bottom: 1em; font-size: 1.2em; }
div#theme-a div#content ul.product-list span.product-selection input {  margin-left: .5em; height: 1.5em; width: 1.5em; padding: 0; float: left; }
div#theme-a div#content ul.product-list span.product-selection label { font-weight: bold; float: left; }
div#theme-a div#content ul.product-list span.product-selection label span.hide { display: none;}

	/*** Theme B ***/
div#theme-b div#content { float: none; width: 100%; }
div#theme-b div#hero img,
div#theme-b div#hero div { margin-bottom: 0;}
div#theme-b div#hero a { line-height: 0; }

div#theme-b div#content-link-header { width: 100%; margin-top: 1em; }
div#theme-b div#content-link-header div.related-promo { float: right; }
div#theme-b div.value-added { float: left; width: 38.4em; padding-right: 1.2em; }
div#theme-b div#subhero2 { margin-top: 1.3em; }
div#theme-b div.value-added .content-link { margin-top: 1.3em; }
div#theme-b div.value-added .content-link.image-promo { clear: left; }
div#theme-b div#theme-products { width: 19em; border: 1px solid #a28e79; overflow: hidden; margin-top: 1.3em; float: right; }
div#theme-b ul.theme-product-list li { margin: 0 1em; padding: 1.6em 0 1.2em; border-bottom: 1px solid #e6e2d7; margin-bottom: -1px;/* Hides per-item keyline on last item in column */ }
div#theme-b ul.theme-product-list li div.product-thumb { text-align: center; }
div#theme-b ul.theme-product-list li span.product-price span { font-size: 1em; display: block; }
div#theme-b span.flag-text { font-size: 1em; } 

div#theme-b div.btn-add-selected { clear: both; padding-top: 2em; float: right; }

/********** Multi-buy Error **********/
p.error { font-size: 1.2em; margin-top: 1.2em; }