/* 
	File:			wsi-westelm.css
	Author:			Erin Lathers
	Created:		11-10-2008
	Description:	Styles specific for WSI Corp Site - west elm

*/
/* Shared brand styles */
p, h1, h2 { font-family:"Times New Roman", Times, serif; }
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: 6.75em;}
div#content { background-color:#fff; position: relative; border: none; margin-top: 1em;}
div#content #intro { margin: 0; padding: 0;  border: none; background-color:#fff; }
div#content h1 { color: #9D9D9D;}
div#content div#brand-header { padding-right: 10em; width: auto; margin-bottom: .4em; }
div#content div#brand-header h2#brand-logo { padding: 2.5em 2em; text-align: left; background-color: #fff; float: left; }
div#content div#content-wrapper { width: auto; border: .1em solid #d2d1cc; }
div#content #intro h1 { color: #656565; font-size: 1.65em; font-weight: bold; padding-bottom: 1em; text-transform: uppercase;}
div#content #intro div.text-wrapper p { font-size: 1.3em; line-height: 1.25em; color: #9e9e9e; text-align: justify; }
div#content #intro div#brand-header { background-repeat: no-repeat; background-position: right top; border: .1em solid #d2d1cc;}


div#content ul.nav-tertiary { float: left; padding: 7.5em 0 .5em 0; width: auto; }
div#content ul.nav-tertiary li { float: left; width: auto; padding: 0 1em;}
div#content ul.nav-tertiary li.first { padding-left: 8em;}
div#content ul.nav-tertiary li a { text-decoration: none; text-transform: uppercase; }
div#content ul.nav-tertiary li a:hover, div#content ul.nav-tertiary li.active a { color:#738734;}
/* end Shared company overview styles */

/* Landing Page */
body#we-landing div#header div.nav ul#nav-brands { background-color:#ece7d8; margin-left: 0; padding-left: 0; width: 100%; }
body#we-landing div#header div.nav ul#nav-brands li.first { padding-left: 6.75em;}
body#we-landing div.landing { float: left; width: 100%; margin-top: 1em; background-color: #fff; }
body#we-landing div.landing h1 { text-align: left; margin: 0; padding: 0;}
body#we-landing div.landing div.text-wrapper { float: left; padding: 2.5em 6em 2.5em 2em; width: 34.5em; border: .1em solid #d2d1cc; margin-bottom: .4em; position: relative; }

body#we-landing div.text-wrapper p { font-size: 1.5em; line-height: 1.2em; text-align: justify; color: #9b9893; font-family : "Times New Roman", Times, serif; }
body#we-landing div.images { padding: 0em; float: right; width: auto;  }
body#we-landing ul#channels { float: left; width: 35em; padding : 3.9em 0 1.3em 3em; /* ie6 hack */ _padding-bottom: 1.4em; margin: 0 -4em 0 0; font-size: 100%; display: block; }
body#we-landing ul#channels li { float : left; padding : 0 0 0 1.5em; margin : 0; }
body#we-landing ul#channels li.first { padding-left: 0;}
body#we-landing ul#channels li a { background-repeat: no-repeat; float: left;}
body#we-landing ul#channels li a:hover img,
body#we-landing ul#channels li.channel-hover a img { visibility: hidden;}
body#we-landing ul#channels li#retail a { background-image: url('../images/company-overview/we/img_retail_on.jpg')}
body#we-landing ul#channels li#catalog a { background-image: url('../images/company-overview/we/img_catalog_on.jpg')}
body#we-landing ul#channels li#online a { background-image: url('../images/company-overview/we/img_online_on.jpg')}
body#we-landing ul#channels li#products a { background-image: url('../images/company-overview/we/img_products_on.jpg')}

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


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

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


/* Online */
body#we-online div#content #intro div.hero-container { float: right; width: 21.7em; padding: 5em 5.5em 5.5em 0em; }
body#we-online div#content #intro div.text-wrapper { float: left; width: 34em; padding: 5em; }
body#we-online div#content #intro div#brand-header { background-image: url('../images/company-overview/we/head_online.jpg'); background-repeat: no-repeat; background-position: right top;}
body#we-online div#content #intro a.visit-brand { display: block; text-indent: -9999em; background-image:url('../images/company-overview/we/we_sprite.gif'); height: 1.8em; width: 12.5em; background-repeat: no-repeat; background-position: -10px -30px;  margin-top: 2em; position: relative; left: 11.75em;}
/* end Online */


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

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

body#we-products div.pop-content { padding: .5em; background-color: #fff; position: relative; width: 63em; }
body#we-products div.pop-content div.hero-container { float: left; width: 24.1em; }
body#we-products div.pop-content div.text-wrapper { float: right; width: 32.25em; padding: 9em 2.75em 0em 3em; }
body#we-products div.pop-content div.text-wrapper h1.we-header { padding: 3.4em 0 1em 0; margin: 0; height: auto; }
body#we-products div.pop-content div.text-wrapper p.drop-case { text-align: justify; font-size: 1.4em; font-weight: normal; line-height: 1.2em; color: #9e9e9e; }
body#we-products div.pop-content div.text-wrapper p.drop-case:First-Letter { font-size : 3em; line-height : 0.6em; padding-top : 0.05em; }

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