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

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

div#content { border : 3px solid #2393C3; float : left; margin-top : 10px; background-color : #fff; width : 73.4em; }
div#content div.inner-border { border: 3px solid #91C9E1; padding : 0.3em; overflow : hidden; height : 40em; }
div#content div.inner-border.landing { height : auto; }

/* Tertiary Navs */
div#content div#brand-header { padding : 1.4em 0 0 0; overflow : hidden; }
div#content h2#brand-logo { margin : 0 0 0 32.3em; padding : 0; }
div#content ul.nav-tertiary { float: left; padding : 6.3em 0 0 7.4em; }
div#content ul.nav-tertiary li { float: left; width: auto; padding: 0 1em;}
div#content ul.nav-tertiary li a,
div#content ul.nav-tertiary li a:visited { font-weight : bold; font-size : 0.9em; letter-spacing : 0.1em; text-decoration: none; text-transform: uppercase; color : #57678c; }
div#content ul.nav-tertiary li.active a,
div#content ul.nav-tertiary li a:active,
div#content ul.nav-tertiary li a:hover { color:#327ec0; }
/* /Tertiary Navs */

div#content h1 { color: #666; text-transform : uppercase; font-size : 1.4em; font-weight : bold; padding : 0 0 1.2em 0; margin : 0; }
div#content div#content-wrapper { overflow : hidden; padding : 3em 1.5em 3em 2.8em; }
div#content div#content-wrapper div.hero-container { float : right; text-align : right; }
div#content div#content-wrapper div.text-wrapper   { float : left; }
div#content div#content-wrapper div.text-wrapper p {
	color:#888888;
	font-size:1.3em;
	font-weight:normal;
	letter-spacing:-0.001em;
	line-height:1.2em;
	text-align:justify;
	font-family:Times New Roman,Times,serif;
}
div#content div#content-wrapper div.text-wrapper a { display : block; text-indent : -9999em; background-image : url('../images/company-overview/pbt/sprite_pbt-buttons.gif'); height : 1.8em; background-repeat : no-repeat; margin-top : 2em; position : relative; }
/* /Shared brand styles */


/* Landing Page */
body#pbt-landing div.hero { float : right; }
body#pbt-landing div.text-wrapper { margin-right : 27.9em; padding : 1.1em 2.4em; height : 31.1em; }
body#pbt-landing div.text-wrapper h1 { font-size : 1em; padding-bottom : 1.1em; text-align : center; width : auto; }
body#pbt-landing div.text-wrapper p.drop-case { 
	font-size:1.3em;
	font-weight:normal;
	letter-spacing:-0.001em;
	text-align:justify;
	line-height : 1.34em; 
}
body#pbt-landing div.text-wrapper p.drop-case:First-Letter { font-size : 2.7em; line-height : 0.9em; padding-top : 0em; }
html>/**/body#pbt-landing div.text-wrapper p.drop-case:First-Letter { font-size : 3em; line-height : 0.65em; padding-top : 0.13em; }

body#pbt-landing div ul#channels { float: left; width: auto; padding : 0; position: relative; font-size: 100%; }
body#pbt-landing div ul#channels li { float : left; padding : 0 0 0 2.6em; margin : 0; }
body#pbt-landing div ul#channels li.first { float : left; padding : 0 0 0 6.6em; margin : 0; }
body#pbt-landing div ul#channels li a { background-repeat: no-repeat; float: left;}
body#pbt-landing div ul#channels li a:hover img, 
body#pbt-landing div ul#channels li.channel-hover a img { visibility: hidden;}
body#pbt-landing div ul#channels li#retail a { background-image: url('../images/company-overview/pbt/img_retail_on.jpg')}
body#pbt-landing div ul#channels li#catalog a { background-image: url('../images/company-overview/pbt/img_catalog_on.jpg')}
body#pbt-landing div ul#channels li#online a { background-image: url('../images/company-overview/pbt/img_online_on.jpg')}
body#pbt-landing div ul#channels li#products a { background-image: url('../images/company-overview/pbt/img_products_on.jpg')}
/* end Landing Page */


/* Catalog */
body#pbt-catalog div.hero-container                 { padding-top : 0; }
body#pbt-catalog div.text-wrapper                   { padding-top : 5.5em; width : 35em; }
body#pbt-catalog div.text-wrapper a.request-catalog { width : 12.4em; background-position : 0em 0em; margin-left : 11.4em; }
/* end WS catalog */

body#pbt-catalog div#content div#content-wrapper div.text-wrapper a.find-store { background-image : url('../images/company-overview/pbt/btn_find_store.gif'); width : 12.4em; background-position : 0em 0em; margin-left : 11.4em; }

/* Online */
div#content div#content-wrapper                { padding-left : 3.8em; }
body#pbt-online div.hero-container             { padding-top : 0; width : 28.9em; text-align : center; }
body#pbt-online div.text-wrapper               { padding-top : 5.5em; width : 38em; }
body#pbt-online div.text-wrapper a.visit-brand { width : 11.5em; background-position : 0em -1.8em; margin-left : 12.6em; }
/* end Online */

/* Products */
body#pbt-products { text-align : center; }
body#pbt-products div#header, body#pbt-products div#footer { display: none;}

body#pbt-products div#wrap { width : 64em; margin : 0; padding : 0; text-align : left; }
body#pbt-products div#content { border : 3px solid #2393C3; background-color: #FFFFFF; padding : 0; margin : 0; width : auto; }
body#pbt-products div#content div.inner-content { border: 3px solid #91C9E1; padding : 0.3em; overflow : hidden; position : relative; }
body#pbt-products div#content div.hero-container { float: left; }

body#pbt-products ul#pagination { float: right; position: absolute; top: 0.2em; right: 0.3em; z-index: 999;}
body#pbt-products ul#pagination li { float: left; padding: .25em; }
body#pbt-products ul#pagination li span,
body#pbt-products ul#pagination li a,
body#pbt-products ul#pagination li a:visited { color:#a4adc4; text-decoration: none; font-weight: bold; font-size: 1.1em;}
body#pbt-products ul#pagination li span,
body#pbt-products ul#pagination li a:active,
body#pbt-products ul#pagination li a:hover { color:#57678c; }

div#content ul.nav-tertiary li a:visited { font-weight : bold; font-size : 0.9em; letter-spacing : 0.1em; text-decoration: none; text-transform: uppercase; color : #57678c; }
div#content ul.nav-tertiary li.active a,
div#content ul.nav-tertiary li a:active,
div#content ul.nav-tertiary li a:hover { color:#327ec0; }

body#pbt-products div#content div.text-wrapper { margin-left : 27em; width: 34em; height : 30em; position: relative; }
/*temporary ie hack*/html>/**/body#pbt-products div#content div.text-wrapper { height : 20em; }
body#pbt-products div#content div.text-wrapper h1 { background-image : url('../images/company-overview/pbt/underline.gif'); background-repeat : no-repeat; background-position : bottom center; padding-bottom : 1em; margin : 1em 0; font-variant : small-caps; text-transform : none; font-size : 2em; }
body#pbt-products div#content div.text-wrapper h1.brand-logo { background-image : none; margin : 1em 0; padding : 0; }
body#pbt-products div#content div.text-wrapper h1.pbt-header { margin-top: 3em; color: #dcc226; background-image: none; }
body#pbt-products div#content div.text-wrapper p.drop-case { text-align: justify; font-size: 1.25em; font-weight: normal; line-height: 1.5em; color : #666; padding-right : 1.5em; padding-bottom : 0; }
body#pbt-products div#content div.text-wrapper p.drop-case:First-Letter { font-size: 4em; line-height: 0.9em; }

body#pbt-products div#content ul#page-links { position : absolute; top : 28.7em; right : 0.6em; }
body#pbt-products div#content ul#page-links li { float: left; padding-left: 1em; width : 4em; }
body#pbt-products div#content ul#page-links li a { text-transform: uppercase; color:#CCCCCC; text-decoration: none; }
body#pbt-products div#content ul#page-links li a:hover { color:#5b5a5a }
body#pbt-products div#content ul#page-links li.back-link {  }
body#pbt-products div#content ul#page-links li.next-link {  }
body#pbt-products div#content ul#page-links li.back-link a { color:#a4adc4; background-image:url('../images/company-overview/pbt/arrow_left-off.gif'); background-repeat: no-repeat; background-position:center left; padding-left: 1em; }
body#pbt-products div#content ul#page-links li.back-link a:hover { color:#57678c; background-image:url('../images/company-overview/pbt/arrow_left-on.gif'); }
body#pbt-products div#content ul#page-links li.next-link a { color:#a4adc4; background-image:url('../images/company-overview/pbt/arrow_right-off.gif'); background-repeat: no-repeat; background-position: center right; padding-right: 1em; }
body#pbt-products div#content ul#page-links li.next-link a:hover { color:#57678c; background-image:url('../images/company-overview/pbt/arrow_right-on.gif'); }
/* end Products */