/* 
	File:			wsi-potterybarnkids.css
	Author:			Adam Maxfield
	Created:		10-28-2008
	Description:	Styles specific for WSI Corp Site - Pottery Barn Kids

*/
/* Shared brand styles */
div#header div.nav { margin-bottom: -3em; position: relative; z-index: 999; }
div#header div.nav ul#nav-brands { background-color:#FFF; margin: 0 0 0 0.2em; padding-left : 0; width: 98%; }
div#header div.nav ul#nav-brands li.first { padding-left : 5.6em; }

div#content { border: .1em solid #CCCCCC; background-color: #FFFFFF; margin-top: 0.5em; }
div#content #intro { background-image: url('../images/company-overview/pbk/bg_pbk_brand_crayon-border.gif'); background-repeat: no-repeat; 100%; height: 42.2em; background-color:#f2f4fc; border: none; margin: 4em 5.5em 4em 6em; padding: 0; }
div#content #intro	{ width: expression(document.body.clientWidth < 742? "62.9em" : document.body.clientWidth > 742? "62.9em" : "auto"); }
/*temporary ie hack*/html>/**/body div#content #intro { height: 41.9em; }

/* Tertiary Navs */
div#content div#brand-header { background-position:right top; background-repeat:no-repeat;  }
div#content div#brand-header h1#brand-logo { padding: 1.6em 0; margin:0 6.5em 0 0; text-align: center; }
div#content ul.nav-tertiary { float: left; padding: 1.4em 0; }
div#content ul.nav-tertiary li { float: left; padding: 0 1em;}
div#content ul.nav-tertiary li.first { padding-left: 14em;}
div#content ul.nav-tertiary li a { text-decoration: none; text-transform: uppercase;}
div#content ul.nav-tertiary li.active a, 
div#content ul.nav-tertiary li a:hover { color:#4f4f4f;}
div#content div#content-wrapper	{ margin: 1.5em 2.1em 2em; }
/* /Tertiary Navs */

div#content #intro div.hero-container { float: right; }
div#content #intro div.text-wrapper { float: left;  width: 29.5em; padding: 2em 2em 0 2em; }
div#content-wrapper div.text-wrapper h2	{ text-align: center; font-variant:small-caps; font-size: 1.9em; letter-spacing: 0.05em; font-family : "Times New Roman", Times, serif; padding-bottom: .7em; font-weight: bold;}
div#wrap div.text-wrapper h1 
div#wrap div.text-wrapper h2, 
div#wrap div.text-wrapper p	{ font-weight: normal; }
div.text-wrapper h1,
div.text-wrapper h2, 
div.text-wrapper p, 
div.text-wrapper p.drop-case	{ color: #666666; }

div#content #intro div.text-wrapper p { font-family: "Times New Roman", Times, serif; font-size: 1.3em; line-height: 1.3em; text-align: justify; color: #666666; letter-spacing: 0.005em; }

div#content #intro h1 { font-size: 1.65em; font-weight: bold;}
div.text-wrapper h1 { font-variant:small-caps; font-size: 2em; letter-spacing: 0;}
div.text-wrapper p.drop-case { text-align: justify; font-size: 1.3em; line-height: 1.15em;}
div.text-wrapper p.drop-case:First-Letter {font-size: 3.3em; line-height: .9em; }
/* Shared brand styles */


/* Landing Page */
body#pbk-landing div#header div.nav { margin-bottom: 0;}
body#pbk-landing div#header div.nav ul#nav-brands {background-color:#ece7d8; margin-left: 0; padding-left : 0; width : 100%; }
body#pbk-landing div#header div.nav ul#nav-brands li.first { padding-left : 5.6em; }

body#pbk-landing div.landing { float: left; margin-top: 10px; width: 74em; }
/*temporary ie hack*/body#pbk-landing div.landing { *width: 74.2em; }
body#pbk-landing div.landing div.text-wrapper { background-image: url('../images/company-overview/pbk/bg_pbk_landing_crayon-border.gif'); background-color:#f2f4fc; float: left; height: 33.6em; width: 41em; position: relative; }
body#pbk-landing div.text-wrapper h1 { padding: 0; margin: 2em 1.1em 1.1em 1.1em; } 


body#ws-landing div.landing div.text-wrapper p.drop-case { font-weight: normal; font-size: 1.3em; line-height: 1.2em; text-align: justify; letter-spacing: -0.001em; }
body#ws-landing div.landing div.text-wrapper p.drop-case:First-Letter { float: left; font-size: 3em; line-height : .75em; padding-top: 0.05em; display : block; }

body#pbk-landing div.text-wrapper p	{ padding: 0 1.7em; line-height: 1.1em; display: block; font-size: 1.3em; line-height: 1.2em; text-align: justify; letter-spacing: -0.001em; }
body#pbk-landing div.text-wrapper p.drop-case:First-Letter { line-height: .9em; float: left; font-size: 3em; line-height : .75em; padding-top: 0.05em; display : block; }


body#pbk-landing ul#channels	{margin: 2em 0 0 3em; position:absolute; bottom:2em;}
body#pbk-landing ul#channels li	{ float: left; padding: 0 0 0 1.9em; }
body#pbk-landing ul#channels li a { background-repeat: no-repeat; float: left;}
body#pbk-landing ul#channels li a:hover	{ float: left; }
body#pbk-landing ul#channels li a:hover img { visibility: hidden;}
body#pbk-landing ul#channels li#retail a { background-image: url('../images/company-overview/pbk/img_retail_on.jpg')}
body#pbk-landing ul#channels li#catalog a { background-image: url('../images/company-overview/pbk/img_catalog_on.jpg')}
body#pbk-landing ul#channels li#online a { background-image: url('../images/company-overview/pbk/img_online_on.jpg')}
body#pbk-landing ul#channels li#products a { background-image: url('../images/company-overview/pbk/img_products_on.jpg')}
body#pbk-landing div.landing div#hero	{ float: right; }
/* end Landing Page */


/* Retail */
body#pbk-retail div#content div#brand-header { background-image:url('../images/company-overview/pbk/icon_retail.jpg');  }
body#pbk-retail div#content #intro a.find-store { display: block; text-indent: -9999em; background-image:url('../images/company-overview/pbk/sprite_pbk-buttons.gif'); height: 1.8em; width: 8.8em; background-repeat: no-repeat; background-position: -10px -30px;  margin-top: 2em; position: relative; left: 10em;}
/* end Retail */

/* Catalog */
body#pbk-catalog div#content #intro div#brand-header { background-image: url('../images/company-overview/pbk/icon_catalog.jpg'); }
body#pbk-catalog div#content #intro a.request-catalog { display: block; text-indent: -9999em; background-image:url('../images/company-overview/pbk/sprite_pbk-buttons.gif'); height: 1.8em; width: 12.5em; background-repeat: no-repeat; background-position: -10px -10px;  margin-top: 2em; position: relative; left: 8.3em;}
/* end WS catalog */

/* Online */
body#pbk-online div#content #intro div#brand-header { background-image: url('../images/company-overview/pbk/icon_online.jpg'); }
body#pbk-online div#content #intro a.visit-brand { display: block; text-indent: -9999em; background-image:url('../images/company-overview/pbk/sprite_pbk-buttons.gif'); height: 1.8em; width: 17.4em; background-repeat: no-repeat; background-position: -10px -50px;  margin-top: 2em; position: relative; left: 6em;}
/* end Online */

/* Products */
body#pbk-products { text-align: center; background-color: #f2f4fc;}
body#pbk-products div#wrap { margin: 0 auto; text-align: left; position: relative; width: 63em}
body#pbk-products div#header, body#pbk-products div#footer { display: none;}
body#pbk-products div#content { background-image: url('../images/company-overview/pbk/bg_pbk_products_crayon-border.gif'); background-repeat: no-repeat; background-color: #f2f4fc; border: none; position: relative; float: left; width: 63em; height:31.2em; }
body#pbk-products ul#pagination { float: right; position: absolute; top: 1em; right: 1em; z-index: 999;}
body#pbk-products ul#pagination li { float: left; }
body#pbk-products ul#pagination li a, 
body#pbk-products div#content ul#page-links li a, 
body#pbk-products ul#pagination li span	{ font-size: .9em; font-weight: bold; width: 1.5em; text-align: center; }
body#pbk-products ul#pagination li a { color:#CCC; text-decoration: none; display:block; }
body#pbk-products ul#pagination li a:hover, 
body#pbk-products ul#pagination li span { color: #333; display:block; }

body#pbk-products div#content div.hero-container { float: left; margin:0; padding: .3em 0 0 0.4em; }
body#pbk-products div#content div.text-wrapper { float: right; position: relative; width: 34.6em; height: 28.5em; }
body#pbk-products div#content div.text-wrapper h1, 
body#pbk-products div#content div.text-wrapper p	{ margin-right: 2.5em; }
body#pbk-products div#content div.text-wrapper h1 { background-image:url('../images/company-overview/pbk/img_hrule_pbkpop.gif'); background-repeat: no-repeat; background-position: bottom center; padding-bottom: .7em; margin-top: 2em; margin-bottom: 0.3em; font-weight: bold; }

body#pbk-products div.pop-content div.text-wrapper p.drop-case { text-align: justify; font-size: 1.2em; font-weight: normal; line-height: 1.5em; padding-bottom: 0; padding-top: .5em;}
body#pbk-products div.pop-content div.text-wrapper p.drop-case:First-Letter { font-size: 3.69em; line-height: .7em; font-weight: normal; margin-top : 0.02em; margin-right: -0.01em; margin-bottom: -.2em; }

body#pbk-products div#content ul#page-links { float: right; padding: .75em 1em; }
body#pbk-products div#content ul#page-links li { float: left; padding-left: 1em;}
body#pbk-products div#content ul#page-links li a { text-transform: uppercase; color:#a4adc4; text-decoration: none; }
body#pbk-products div#content ul#page-links li a:hover { color:#57678c }
body#pbk-products div#content ul#page-links li.back-link a { background-image:url('../images/company-overview/pbk/arrow_lt_ltgrey.gif'); background-repeat: no-repeat; background-position:center left; padding-left: 1em;}
body#pbk-products div#content ul#page-links li.back-link a:hover { background-image:url('../images/company-overview/pbk/arrow_lt_dkgrey.gif');}
body#pbk-products div#content ul#page-links li.next-link a { background-image:url('../images/company-overview/pbk/arrow_rt_ltgrey.gif'); background-repeat: no-repeat; background-position: center right; padding-right: 1em;}
body#pbk-products div#content ul#page-links li.next-link a:hover {background-image:url('../images/company-overview/pbk/arrow_rt_dkgrey.gif');}

/* end Products */