/* 
	File:			shop.css
	Author:			Erin Lathers
	Created:		12-4-2008
	Description:	This file contains all styles for shop pages. 

*/

/********** General Shop Styles **********/
div#sidebar { float: left; width : 16.7em; margin : 0.5em 0 0; }
div#content { margin-bottom: 1em; margin-left: 16.7em; _width: 82em; }
div#hero-img { width : 100%; line-height: .1em; }
div#hero-img img { }
div#subhero-img img { padding-top: .3em;}
.flash-container { overflow: hidden; }
div#flashMoviePlaceHolder *, 
div#showFlashPathDiv * { float: left;}
div#hero-img img,
div#hero-img div { }
div.hidden { display: none;}

div#content h1 { /*inhereted from pb.css*/ }
div#content div.the-bar h1 { padding-top: 0; border-bottom: 0; font-size: 1.5em; font-weight: bold; float : left; color: #666; /* Subcat <h1>s are structured differently from supercat/cat <h1>s in order to accommodate ajacent pagination. */ }
div#content h2 { float: none; font-size: 1.4em; margin: 1em 0 -1.3em; text-transform: capitalize; font-weight: normal; padding-bottom: .5em; }
div#content p.copy-text { font-size: 1.2em; padding-bottom: 1em; }

div#content div.hero-region { width : 100%; padding-bottom: 2em; }

div.wrap div.the-bar { padding: 0.1em 0 .9em; margin-bottom: 0; width: 100% }
div.the-bar ul.pagination { overflow: visible; }
div.the-bar ul.pagination li span { font-weight:bold;}

/********** endGeneral Shop Styles **********/


/********** Shop Rooms Landing **********/
ul.shop-room-categories { float: left; width: 86.2em; padding: 0 0 2.5em 0; display: block; margin-left: -2.4em; }
ul.shop-room-categories li { float: left; display: block; width: 26.2em; padding-left: 2.4em; height: 26.2em; text-align: center; }
/********** End Shop Rooms Landing **********/

/********** Gift Landing **********/
div#gift-landing div#sidebar { _width : 16.5em; }
div#gift-landing div#content { _margin-left: 16.5em; }
div#gift-landing div.hero-area { padding-bottom : 1em; }
div#gift-landing div.hero-area2 { padding-bottom : .1em; }
div#gift-landing div.sub-hero { overflow : hidden; width : 82.2em; *width : 82.8em; }
div#gift-landing div.sub-hero div.gift-box,
div#gift-landing div.sub-hero div.looking-form,
div#gift-landing div.sub-hero div.gift-card { float : left; }
div#gift-landing div.sub-hero div.looking-form {height:148px; width:500px;background: url('../images/gifts/wd10_b1_bgd.jpg') no-repeat right center; position: relative; padding-left : 0.3em; top: .14em;  display: inline-block;}
div#gift-landing div.sub-hero div.looking-form form { padding : 6em 0em 0em 14em; *padding-bottom : 0.1em; width : 35.1em; overflow: hidden; }
div#gift-landing div.sub-hero div.looking-form fieldset { padding-top : .5em; margin-top : .2em !important; }
div#gift-landing div.sub-hero div.looking-form fieldset label { text-align : left; width : 9em; }
div#gift-landing div.sub-hero div.looking-form fieldset input { text-align : left; width : 20em; }
div#gift-landing div.sub-hero div.looking-form fieldset.button-container { margin-top : 0.3em; }
div#gift-landing div.sub-hero div.looking-form fieldset.button-container input { margin-left : 9.5em; width : 11.8em; }
div#gift-landing div#content h2 { font-size : 1.6em; font-weight :bold; padding : 0.4em 0.5em; border-bottom : 1px solid #4C4032; margin : 0.5em 0 1em; *margin-right : 0.4em; _margin-right : -0.2em; }
/********** end Gift Landing **********/

/********** Gift Sub-category **********/
div.btn-add-selected { width: 13.4em; height:1.7em; float:right; }
div.add-selected-wrapper { margin:.5em 0 1em 0; clear: right; overflow:hidden; display:block; _float:left; }
div.add-selected-note { width: 56em; float: left; font-size:1.2em; line-height:1.2em;}
/********** end Gift Sub-category **********/

/********** Category/Collections **********/
div#category div#content h1.cat-title { border-bottom: none; padding: 0;}
div#category div#content h1.cat-title.sale { color: #bb003a;}
div#category div#content h2 { padding: 0; margin: 0 0 0.6em 0; font-size: 1.5em; font-weight: bold;  }
/********** /Category/Collections **********/

/********** Subcat Short **********/
div#sub-category-short div#short-hero-region { width: 82.3em; float: right; }
div#sub-category-short div#short-hero-img { width: 61em; float: left; }
div#sub-category-short div#short-hero-img #hero-img { padding-bottom: 1em; }

div#sub-category-short ul.product-list.single-item { float: none; width: 21.1em; margin: 0 0 0 -1em; clear: none; _width: 20.5em; _overflow: hidden; }

div#sub-category-short ul.product-list { clear: right; }

#gift #sub-category div.product-list { margin-bottom:1.5em;  } /* What is this? */

div#sub-category-short-alt #products-area { float: left; }
div#sub-category-short-alt ul.product-list.single-item { float: left; clear: left; width: 21.1em; margin: 0 0 2em -2.2em; }
div#sub-category-short-alt ul.product-list { clear: left; }
div#sub-category-short-alt div#short-hero-img { overflow: hidden; width: 61em; height: 47.7em; float: right; }

div#sub-category-short-alt div#short-hero-img { overflow: hidden; width: 61em; height: 47.7em; float: right; padding: 0 .3em 2.1em 0; *padding-right: .9em; _padding-right: 0; *padding-bottom: .5em; _padding-bottom: .5em; }
div#sub-category-short-alt ul.product-list.single-item { width: 21em; margin: 0; clear: none; _float: left; _clear: left !important; }
div#sub-category-short-alt ul.product-list.single-item li { padding-left: 0; }
div#sub-category-short-alt ul.product-list { clear: right; }
/********** Subcat Short **********/

/********** Subcat Tall **********/
div#sub-category-tall div#tall-hero-img { overflow: hidden; width: 40.3em; *width: 40.6em; float: left; padding-bottom: 1em; }
div#sub-category-tall ul.double-item { float: right; clear: right; width: 42.2em; margin: 1em 0 1em -2.2em; *width: 43em; }
div#sub-category-tall div.the-bar { clear: right; width: 100%; }
div#sub-category-tall div#adjacent-hero-img { float: right; padding-right: .2em; *padding-right: .3em; _padding-right: 0; _width: 41.5em; _overflow: hidden; }
/********** Subcat Tall  **********/

/********** Subcat Wide **********/
div#sub-category-wide div#content h1 { border-bottom:none; font-size:1.5em !important; font-weight: bold; }
/********** Subcat Wide **********/

/********** Multi-buy  **********/
div#content div.multibuy-add-section { width: 82.2em; *width: 82.7em; padding-top: .5em; }
div#content div.multibuy-add-section p.multibuy-instructions { font-size: 1.2em; padding: 0 0 1em; width: 57em; }
div#content div.multibuy-add-section div.btn-add-selected { margin-top: .2em; float: right; }
div#content input.muliBuyCheckbox { vertical-align:middle; margin : -0.2em 0.5em 0 0; }

div#content div.multibuy-tall-hero { float: right; width: 40em; }
div#content div.multibuy-tall-hero div.multibuy-add-section { width: 100%; }
div#content div.multibuy-tall-hero p.multibuy-instructions { width: 100%; padding-bottom: 0; }
div#content div.multibuy-tall-hero-bottom { clear: both; }
div#content div.multibuy-short-hero { width: 61.1em; *width: 61.4em; }
div#content div.multibuy-short-hero div.multibuy-add-section { width: auto; }
div#content div.multibuy-short-hero p.multibuy-instructions { width: 38em; }
div#content div.multibuy-gift { width: 81.9em; }

/********** end Multi-buy  **********/

/********** Videos **********/
div#content div#movie {  text-align: center; padding: 1.9em 5em 6.5em 8em; border : 17px solid #d5d3c7;}
div#content div#movie div.vid {   padding-top: 2em; padding-bottom: 2em; border-top : 1px solid #d3d3d1; border-bottom : 1px solid #d3d3d1;}
div#content div#movie p {  padding-top: 2em; font-size: 1.2em; line-height:1.4em}
div#content div#movie h8 {  text-align: center; font-family:"Times New Roman", Times, Garamond, serif;  font-size: 2.5em; line-height:1.9em;}
/********** Videos **********/