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

*/

/********** General Shop Styles **********/
div.wrap { _width: 993px;}
div#sidebar { float: left; width: 16.7em;}
div#content { margin-left: 17.1em; _margin-left: 10em;}
div#hero-img { width : 100%; line-height: .1em;}
div#flashMoviePlaceHolder,
div#showFlashPathDiv1 { margin-bottom: .5em; position: relative; overflow: hidden; }
div#flashMoviePlaceHolder *, 
div#showFlashPathDiv * { float: left;}
div#hero-img  img,
div#hero-img div { margin-bottom: .5em;}	

h1, h2, h3, p, li   {  color:#645e5e; }
div#content h1 { float: none; /* FF2 pushes the thumbnails lists off the page if the h1 is floated - el 4/2/09 */ font-size:1.6em; _height: 1em; min-height: 1em; padding: 0.5em 0; }
div#content h2.section_title { font-size:1.6em; font-weight:bold; padding: .5em 0; width: 100%; }

/*note: Product Thumbnail Grid has been moved to pbteen.css - el 3/27/09 */


p.section-title { font-size:1.6em; font-weight:bold; color:#645e5e; padding-bottom: .5em; clear: both; width: 100% } /* This is an old style and should be updated when we decide if "Shop By Collection" Should be an <h2> or <h3> ... [PT-1346] - added 10/24/08 - gluong */

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

/********** Shop Rooms Landing **********/
div#content h1.shoprooms_header { padding:.5em; margin:1.5em .5em 1.5em 1.7em; background-color:#EDF8FF; color:#645F5F; font-size:1.2em; font-weight:bold;}
ul.shop-room-categories { float: left; width: 84.9em; padding: .5em 0 0 0; display: block; margin-left: -2.4em; }
ul.shop-room-categories li { float: left; display: block; width: 19em; padding-left: 2em; height: 23em; text-align: left; }
ul.shop-room-categories .shop-description { padding-top: .5em; font-weight:bold; text-align:center; }
/********** End Shop Rooms Landing **********/

/********** (STATIC) Gift Landing **********/
div#content div#gifts-hero .txt-hide { display:none; }
div#content div#gifts-hero { position:relative; height:69.2em; width:82.7em; background-image:url('../images/pages/gifts/103/hero.jpg'); background-repeat:no-repeat; }
/********** Gifts By Recipient Menu ************/
div#content div#gifts-recipient-menu0 { position:absolute; height:24.6em; width:16.1em; left:31.3em; top:2.1em; visibility:visible; /* background-color:#CC9900; */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pages/gifts/101/by-recipient0.png', sizingMethod='scale'); z-index:20; }

div#content div#gifts-recipient-menu1 { position:absolute; height:13.0em; width:16.1em; left:30.9em; *left:31.1em; top:1.8em; visibility:hidden; z-index:7;}
div#content div#gifts-recipient-menu2 { position:absolute; height:13.0em; width:16.1em; left:30.9em; *left:31.1em; top:1.8em; visibility:hidden; z-index:8;}
div#content div#gifts-recipient-menu3 { position:absolute; height:13.0em; width:16.1em; left:30.9em; *left:31.1em; top:1.8em; visibility:hidden; z-index:9;}
	
/********** Featured Gifts Menu ************/
div#content div#gifts-favorite-menu0 { position:absolute; height:18.2em; width:17.5em; left:48.9em; top:2.1em; visibility:visible; /* background-color:#CC9900; */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pages/gifts/911/gfguy-0.gif', sizingMethod='scale'); z-index:30; }

div#content div#gifts-favorite-menu1 { position:absolute; height:17.7em; width:17.5em; left:47.9em; *left:48.2em; top:1.8em; visibility:hidden; z-index:5;}
div#content div#gifts-favorite-menu2 { position:absolute; height:17.7em; width:17.5em; left:47.9em; *left:48.2em; top:1.8em; visibility:hidden; z-index:6;}
div#content div#gifts-favorite-menu3 { position:absolute; height:17.7em; width:17.5em; left:47.9em; *left:48.2em; top:1.8em; visibility:hidden; z-index:7;}
div#content div#gifts-favorite-menu4 { position:absolute; height:17.7em; width:17.5em; left:47.9em; *left:48.2em; top:1.8em; visibility:hidden; z-index:8;}
	
/********** By Price Menu ************/
div#content div#gifts-price-menu0 { position:absolute; height:14.4em; width:17.5em; left:65.8em; top:2.1em; visibility:visible; /* background-color:#CC9900; */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pages/gifts/911/fg-0.gif', sizingMethod='scale'); z-index:10; }
	
div#content div#gifts-price-menu1 { position:absolute; height:17.7em; width:17.5em; left:65.1em; *left:65.5em; top:1.8em; visibility:hidden; z-index:5;}
div#content div#gifts-price-menu2 { position:absolute; height:17.7em; width:17.5em; left:65.1em; *left:65.5em; top:1.8em; visibility:hidden; z-index:6;}
div#content div#gifts-price-menu3 { position:absolute; height:17.7em; width:17.5em; left:65.1em; *left:65.5em; top:1.8em; visibility:hidden; z-index:7;}
div#content div#gifts-price-menu4 { position:absolute; height:17.7em; width:17.5em; left:65.1em; *left:65.5em; top:1.8em; visibility:hidden; z-index:8;}
div#content div#gifts-price-menu5 { position:absolute; height:17.7em; width:17.5em; left:65.1em; *left:65.5em; top:1.8em; visibility:hidden; z-index:9;}
	
/********** end (STATIC) Gift Landing **********/

/********** Gift Landing **********/
div#gift-landing div#content h2 { font-size: 1.5em; background-color:#EDF8FF; font-size:1.2em; font-weight:bold; padding:.5em; margin: .5em 0 1em 0; width: 68.75em;  }
div#gift-landing div#hero-img { float: left; width: 62em;}
/********** end Gift Landing **********/

/********** Common Theme **********/
div#theme-h h1,
div#theme-v h1, 
div#theme-q h1 { font-size: 1.5em; padding-bottom: .5em;}
/********** end Common Theme **********/


/********** Theme H: 3/4 page width hero - 2 rows of 1-column product rows, then 4-column product rows below hero **********/
div#theme-h div#hero-img { float: left; width: 60.4em; display: block; min-height: 40em; _height: 40em; }
div#theme-h ul.single-column { float: none; width: 21.5em; *width: 21.2em;/* ie */ padding: 0em 0 1.5em 0; margin-left: 0em; }
div#theme-h ul.single-column li { float: none; display: block; width: 19em; *width: 18.9em;/* ie */ padding: 0 0 0 2.5em; *padding-left: 2.2em;/* ie */  }

/********** end Theme H **********/

/********** Theme V: 1/2 page width hero - 2 rows of 2-column product rows, then 4-column product rows below hero **********/
div#theme-v div#hero-img { float: left; width: 38.8em; display: block; min-height: 40em; _height: 40em;  }
div#theme-v ul.double-column { float: none; width: 42em; _width: 42.9em;/* ie6 */ padding: 0em 0 1.5em 1.1em; margin-left:0; }
div#theme-v ul.double-column li { float: left; display: block; width: 19em; *width:18.9em; _padding-left: 2.4em;  /* padding: 0 0 0 2.5em; ie6 */  }
/********** end Theme V **********/

/********** Theme Q: No hero or full width hero - Only full-width/4-column product rows **********/
div#theme-q div#hero-img { float: none; }
/********** end Theme Q **********/

/********** Paid Search Pages (templates/content/pages... **********/
body#paid-search div#content h1 { padding: .5em 0 .75em 0;}
body#paid-search div#content ul.shop-room-categories { width: 84.2em; padding: 0 0 2.5em 0; display: block; margin-left: -2.2em; _margin-left: -1.2em; } /* IE Hack - ie6 hack, cause IE6 sometimes doubles floated margins. */
body#paid-search div#content li.item { margin-left: 7em; _margin-left: -.5em; padding-bottom:3em; }

/* Paid Search - Bedding */
body#paid-search div#content div#girls-bedding { border-right:solid 1px #c5c5c5; float:left; padding:0em .8em 0em 0em; }
body#paid-search div#content div#guys-bedding { float:left; margin:0em 0em 0em .9em; }
body#paid-search div#content .bedding-links { margin-left:1em; float:left; }
body#paid-search div#content div#girls-bedding ul.links { padding: 0 0 2.5em 0; display: block; font-size:13px; } 
body#paid-search div#content div#girls-bedding li { padding-top: 1em; }
body#paid-search div#content div#guys-bedding ul.links { padding: 0 0 2.5em 0; display: block; font-size:13px; } 
body#paid-search div#content div#guys-bedding li { padding-top: 1em; }

/********** end Paid Search Pages **********/

/*** Flexible Category ***/
body#shop div.wrap#category div#content h2 { background: #e6f5fc; font-size: 1.3em; font-weight: bold; padding: .55em; margin: 1em 0 .5em; }

div#tall-hero-block, div#short-hero-block { display: block; *float: left; }
div#tall-hero-container, div#short-hero-container { display: inline-block; vertical-align: top; padding-right: 2.1em; overflow: hidden; *float: left; *display: block; }
div#tall-hero-container { width: 39.9em; }
div#short-hero-container { width: 60.9em }
body#shop div.copy-text { padding: .8em 0; }
div#tall-hero-container div.copy-text { width:39.9em; }
div#short-hero-container div.copy-text { width:60.9em; }
div#tall-hero-block-products { display: inline-block; vertical-align: top; width: 41em; *float: left; *display: block; }
div#short-hero-block-products { display: inline-block; vertical-align: top; width: 19.2em; *float: left; *display: block; }
div#content ul.product-list.two-cell { width:43.5em; }
div#content ul.product-list.one-cell { width:22.5em; margin-left: -1.3em; _margin-right: -1em;/* IE6 needs a little room to breathe */ }

.product-list li .product-thumb{ background: #fafafa; }
/*** end Flexible Category ***/

/* flash-placeholder styles */
.flash-placeholder-category {
    width: 83.3em;
    height: 25em;
    border: 3px solid red;
	
}