/* 
	File:			wsi-pottyerbarn.css
	Author:			Erin Lathers
	Created:		10-28-2008
	Description:	Styles specific for WSI Corp Site - Pottery Barn

*/
/* Shared brand styles */
div#header div.nav { margin-bottom: -3em; position: relative; z-index: 999; }
div#header div.nav ul#nav-brands {  margin: 0 0 0 0.1em; padding-left : 0; background-color: #f1eec3;}

div#content { background-color:#f1eec3; position: relative; border: none; margin-top: 0.5em;}
div#content #intro { margin: 3.8em 6.5em; padding: 0;  border: none; background-color:#f1eec3; }
div#content h1 { color: #9D9D9D;}
div#content div#brand-header { padding-right: 10em; width: 50.8em; border: .3em solid #FFF; }
div#content div#brand-header h2#brand-logo { padding: 2.5em 0; text-align: center; width: 100%; border-right: .3em solid #fff; background-color: #ece7d8; }
div#content div#content-wrapper { width: 60.8em; _width: 61.1em; /* IE6 hack to get the content wrapper to be the same width */ border: .3em solid #FFF; border-top: none; overflow: hidden; background-color:#f7f5db; }
div#content #intro h1 { color: #74705C; font-size: 1.65em; font-weight: bold;}
div#content #intro div.text-wrapper p { font-family : "Times New Roman", Times, serif; font-size: 1.3em; line-height: 1.25em; color: #74705C; text-align: justify; }
div#content #intro div#brand-header { background-repeat: no-repeat; background-position: right top;}
div#content #intro div.hero-container { background-color:#FFF; padding-bottom: 999em; margin-bottom: -999em;}


div#content ul.nav-tertiary { float: left; background-color: #f7f5db; padding: 1.15em 0; _padding: 1.2em 0; /* IE6 hack */ width: 100%; border-top: .3em solid #fff; border-right: .3em solid #fff;}
div#content ul.nav-tertiary li { float: left; width: auto; padding: 0 1em;}
div#content ul.nav-tertiary li.first { padding-left: 5em;}
div#content ul.nav-tertiary li a { text-decoration: none; text-transform: uppercase;}
div#content ul.nav-tertiary li a:hover { color:#4f4f4f;}
/* end Shared company overview styles */

/* Landing Page */
body#pb-landing div#header div.nav ul#nav-brands {background-color:#ece7d8; margin-left: 0; padding-left: 0; width: 100%; }
body#pb-landing div#header div.nav ul#nav-brands li.first { padding-left: 6.75em;}
body#pb-landing div.landing { float: left; width: 100%; margin-top: 10px; background-color: #F1EEC3; }
body#pb-landing div#header div.nav { margin-bottom: 0;}
body#pb-landing div.landing div.text-wrapper { padding: 4em 2.2em 0em 2.2em; width: 23em;  }
body#pb-landing div.text-wrapper h1 { padding-bottom: .8em;}
body#pb-landing div.text-wrapper p.drop-case { font-size: 1.3em; font-weight : normal; line-height: 1.25em; text-align: justify; color: #74705c; }
body#pb-landing div.text-wrapper p.drop-case:First-Letter { float: left; font-size : 3em; line-height : .75em; padding-top: .05em; display : block; font-weight: normal; color: #4a4639; }
body#pb-landing div.images { padding: 2.4em 2.2em 2.7em 0em; float: right; width: auto; position: relative; }
body#pb-landing ul#channels {float : left; width: auto; padding : 2.5em 0 0 3.5em; font-size: 100%; }
body#pb-landing ul#channels li { float : left; padding : 0 0 0 1.2em; margin : 0; }
body#pb-landing ul#channels li.first { padding-left: 0;}
body#pb-landing ul#channels li a { background-repeat: no-repeat; float: left;}
body#pb-landing ul#channels li a:hover img,
body#pb-landing ul#channels li.channel-hover a img { visibility: hidden;}

body#pb-landing ul#channels li#retail a { background-image: url('../images/company-overview/pb/img_retail_on.jpg')}
body#pb-landing ul#channels li#catalog a { background-image: url('../images/company-overview/pb/img_catalog_on.jpg')}
body#pb-landing ul#channels li#online a { background-image: url('../images/company-overview/pb/img_online_on.jpg')}
body#pb-landing ul#channels li#bed-bath a { background-image: url('../images/company-overview/pb/img_bed-bath_on.jpg')}
body#pb-landing ul#channels li#products a { background-image: url('../images/company-overview/pb/img_products_on.jpg')}

body#pb-landing ul#channels li ul.callout { visibility: hidden; float: left; color:#97927a; font-size: 1.2em; font-family:"Times New Roman", Times, serif; font-weight: bold; font-style: italic; line-height: 1.2em; }
body#pb-landing ul#channels li ul.callout li { width: 30em; text-align: left; position: absolute; bottom: 1em; left: -22.7em; }
body#pb-landing ul#channels li:hover ul.callout,
body#pb-landing ul#channels li.channel-hover ul.callout { visibility: visible;}
/* end Landing Page */


/* Retail */
body#pb-retail div#content #intro div.hero-container { float: right; width: 22em; padding-left: .3em; }
body#pb-retail div#content #intro div.text-wrapper { float: left;  width: 34em; padding: 2em; }
body#pb-retail div#content #intro div#brand-header { background-image: url('../images/company-overview/pb/head_retail.jpg')}
body#pb-retail div#content #intro a.find-store { display: block; text-indent: -9999em; background-image:url('../images/company-overview/company_overview_sprite.gif'); height: 1.8em; width: 8.8em; background-repeat: no-repeat; background-position: -10px -50px;  margin-top: 2em; position: relative; left: 13em;}
/* end Retail */

/* Catalog */
body#pb-catalog div#content #intro div.hero-container { float: left; width: 27.25em; }
body#pb-catalog div#content #intro div.text-wrapper { float: right; width: 29em; padding: 0.8em 2em;}
body#pb-catalog div#content #intro div#brand-header { background-image: url('../images/company-overview/pb/top_right_corner.jpg'); background-repeat: no-repeat; background-position: right top;}
body#pb-catalog div#content #intro a.request-catalog { display: block; text-indent: -9999em; background-image:url('../images/company-overview/company_overview_sprite.gif'); height: 1.8em; width: 12.5em; background-repeat: no-repeat; background-position: -10px -10px;  margin-top: 2em; position: relative; left: 9em;}
/* end Catalog */

/* Online */
body#pb-online div#content #intro div.hero-container { float: right; width: 21.7em; padding-left: .3em;}
body#pb-online div#content #intro div.text-wrapper { float: left; width: 34em; padding: 2em;}
body#pb-online div#content #intro div#brand-header { background-image: url('../images/company-overview/pb/top_right_corner.jpg'); background-repeat: no-repeat; background-position: right top;}
body#pb-online div#content #intro a.visit-brand { display: block; text-indent: -9999em; background-image:url('../images/company-overview/company_overview_sprite.gif'); height: 1.8em; width: 17.5em; background-repeat: no-repeat; background-position: -10px -70px;  margin-top: 2em; position: relative; left: 9.5em;}
/* end Online */

/* Publishing */
body#pb-publishing div#content #intro div.hero-container { float: left; width: 36em; padding-right: .3em;}
body#pb-publishing div#content #intro div.text-wrapper { float: right; width: 21em; padding: .85em 1.65em; }
body#pb-publishing div#content #intro div#brand-header { background-image: url('../images/company-overview/pb/head_publishing.jpg'); background-repeat: no-repeat; background-position: right top;}
/* end Publishing */

/* Bed-Bath */
body#pb-bed-bath div#content #intro div.hero-container { float: left; width: 28.3em; padding-left: .3em;}
body#pb-bed-bath div#content #intro div.text-wrapper { float: right; width: 28em; padding: 2em;}
body#pb-bed-bath div#content #intro div#brand-header { background-image: url('../images/company-overview/pb/BB_top_right.jpg'); background-repeat: no-repeat; background-position: right top;}
body#pb-bed-bath div#content #intro a.request-catalog { display: block; text-indent: -9999em; background-image:url('../images/company-overview/company_overview_sprite.gif'); height: 1.8em; width: 12.5em; background-repeat: no-repeat; background-position: -10px -10px;  margin-top: 2em; position: relative; left: 8em;}
/* end Bed-Bath */



/* Products */
body#pb-products { text-align: left;}
body#pb-products div#wrap { margin: .5em 0em 0em .5em; text-align: left; width: 64em; position: relative;}
body#pb-products div#header, body#pb-products div#footer { display: none;}

body#pb-products ul#pagination { float: right; position: absolute; top: .5em; right: 1em; z-index: 999;}
body#pb-products ul#pagination li { float: left; padding: .25em; }
body#pb-products ul#pagination li a { color:#b5b399; text-decoration: none; font-weight: bold; font-size: 1.1em;}
body#pb-products ul#pagination li a:hover,
body#pb-products ul#pagination li.active a { color:#5b5a5a}

body#pb-products div.pop-content { border: .1em solid #7a7777; padding: .5em; background-color: #f1eec3; position: relative; width: 62.5em; }
body#pb-products div.pop-content div.hero-container { float: left; width: 25em; }
body#pb-products div.pop-content div.text-wrapper { float: right; width: 34.5em; padding: 1.5em; }
body#pb-products div.pop-content div.text-wrapper h1 { background-image:url('../images/company-overview/pb/underline.gif'); background-repeat: no-repeat; background-position: bottom center; padding: 1.5em 0 .6em 0; margin-bottom: .5em; font-variant:small-caps; text-transform: none; font-weight: bold; color:#7a7777 }
body#pb-products div.pop-content div.text-wrapper h1.pb-header { padding: 3.4em 0 1em 0; margin: 0; background-image: none; height: auto; }
body#pb-products div.pop-content div.text-wrapper p.drop-case { text-align: justify; font-size: 1.2em; font-weight: normal; line-height: 1.45em; padding-bottom: 0; color: #7a7777; }
body#pb-products div.pop-content div.text-wrapper p.drop-case:First-Letter { font-size: 3.75em; line-height: 0.7em; font-weight: normal; padding-top: 2em; padding-right: .02em; }

html>body#pb-products div.pop-content div.text-wrapper p.drop-case:First-Letter { padding-top: 0em;}

body#pb-products ul.page-links { position: absolute; right: 1em; bottom: .75em; display: block; float: right; }
body#pb-products ul.page-links li { float: left; padding-left: 1em; display: block;}
body#pb-products ul.page-links li a { text-transform: uppercase; color:#b5b399; text-decoration: none; background-repeat: no-repeat; }
body#pb-products ul.page-links li a:hover { color:#5b5a5a }
body#pb-products ul.page-links li.back-link a { background-image:url('../images/company-overview/pb/arrow_lt_off.gif'); background-position: left .3em; padding-left: 1em;}
body#pb-products ul.page-links li.back-link a:hover { background-image:url('../images/company-overview/pb/arrow_lt_on.gif');}
body#pb-products ul.page-links li.next-link a { background-image:url('../images/company-overview/pb/arrow_rt_off.gif'); background-position: right .3em; padding-left: 1em; padding-right: 1em; }
body#pb-products ul.page-links li.next-link a:hover { background-image:url('../images/company-overview/pb/arrow_rt_on.gif');}
/* end Products */