/* 
	File:			wsi-wshome.css
	Author:			Adam Maxfield
	Created:		10-28-2008
	Description:	Styles specific for WSI Corp Site - Williams-Sonoma Home section 

*/
/* 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.2em; padding-left : 0; width: auto; }
div#header div.nav ul#nav-brands li.first { padding-left : 5.6em; }
div#header div.nav ul.nav-sub	{ background-color: #fff; }
div.content {  border: 1px solid #E6E6E6; float: left; width: 73.8em; margin-top: 0.5em; }
div.content div.text-wrapper h1, 
div.content div.text-wrapper h2, 
div.content div.text-wrapper p	{ 
	color: #666666;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: 1.13em;
	letter-spacing: 0.03em;
	text-align: justify;
}


div.content div.text-wrapper h1 { font-size: 1.65em; font-weight: bold; text-align: center;}
div.content div.text-wrapper p {  font-family: "Times New Roman", Times, serif; font-size: 1.3em; line-height: 1.3em; text-align: justify; letter-spacing: 0.005em;}
div.content div.text-wrapper h2 { padding-bottom: .5em;}
div#content div.text-wrapper h2, 
div.content div.text-wrapper h2, 
div.content div#brand-header h2 a {
	background-image: url('../images/company-overview/wshome/logo_wshome.gif');
	background-repeat: no-repeat;
	font-size: 100%;
	height: 6.1em;
	width: 16.3em;
	margin: 0 auto;
	text-indent: -9999em;
	font-variant:small-caps;
	display: block;
	font-weight: bold;
}
div.content div#brand-header h1	{ font-size: 100%; }
/* END Shared brand styles */

/* Landing Page */
body#wshome-landing div#header div.nav { margin-bottom: 0; }
body#wshome-landing div#header div.nav ul#nav-brands { background-color:#ece7d8; margin-left: 0; width: 100%; }
body#wshome-landing div.content { margin-top: 10px; }
body#wshome-landing div.inner-border	{ float: left; padding: 2.5em; }
body#wshome-landing div.content div#hero	{ float: left; margin-right: 3em; }
body#wshome-landing div.content div.text-wrapper { float: left; width: 36em; position: relative; }
body#wshome-landing div.text-wrapper p	{ margin-top: 0.7em;  font-family: "Times New Roman", Times, serif; font-size: 1.3em; line-height: 1.3em; text-align: justify; letter-spacing: 0.005em; font-weight: normal; }
body#wshome-landing ul#channels	{margin: 1.3em 0 0; height: 10em; }
body#wshome-landing ul#channels li	{ float: left; padding: 0 0 0 1.9em; }
body#wshome-landing ul#channels li a { background-repeat: no-repeat; float: left;}
body#wshome-landing ul#channels li a:hover	{ float: left; }
body#wshome-landing ul#channels li a:hover img { visibility: hidden;}
body#wshome-landing ul#channels li#retail a { background-image: url('../images/company-overview/wshome/img_retail_on.jpg')}
body#wshome-landing ul#channels li#catalog a { background-image: url('../images/company-overview/wshome/img_catalog_on.jpg')}
body#wshome-landing ul#channels li#online a { background-image: url('../images/company-overview/wshome/img_online_on.jpg')}
body#wshome-landing ul#channels li#products a { background-image: url('../images/company-overview/wshome/img_products_on.jpg')}
body#wshome-landing ul#channels li ul.callout {
	color:#9D9D9D;
	font-family:"Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	line-height: 1.2em;
	margin: 0;
	visibility: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;	
}
body#wshome-landing ul#channels li ul.callout li { width: 30em; text-align: center; padding: 0;  }
body#wshome-landing ul#channels li:hover ul.callout,
body#wshome-landing ul#channels li.channel-hover ul.callout	{ visibility: visible;}
/* END Landing Page */

/* Shared sub-brand styles */
div.content div#intro { border: none;  padding: 0; margin-bottom: 0; }
div.content div#content-wrapper	{width: 61.8em;}
div.content div#intro div.text-wrapper { float: left;  width: 33em; padding: 2em 0; }
div#content #intro h1 { font-size: 1.65em; font-weight: bold;}
div#content-wrapper div.text-wrapper h2	{ font-family : "Times New Roman", Times, serif; font-size: 1.65em; font-weight: bold;}
div.content #intro div.hero-container { float: right; width: 25.5em;}
/* TEMP */div.content #intro div.hero-container img { width: 25.5em;}

/* Tertiary Navs */
div.content div#brand-header { border: 1px solid #ECE9DE; background-position:right top; background-repeat:no-repeat; padding-right: 10em; width: 51.6em;  }
div.content div#brand-header h2 { background-color: #ece9de; padding: 0.4em 0; margin: 0; border: 0.3em solid #fff; width: 51.3em; }
div.content ul.nav-tertiary {  background-color: #f7f4e9; padding: 1em 0; border: 0.3em solid #fff; border-top: none; width: 51.3em; float: left; }
div.content ul.nav-tertiary li { float: left; padding: 0 1em;}
div.content ul.nav-tertiary li.first { padding-left: 13em;}
div.content ul.nav-tertiary li a { color:#817c6b; text-decoration: none; text-transform: uppercase;}
div.content ul.nav-tertiary li.active a, 
div.content ul.nav-tertiary li a:hover { color:#4f4f4f;}
/* END Tertiary Navs */
/* END Shared sub-brand styles */

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

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

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

/* Products */
body#wshome-products { text-align: center; background-color: #ece9de;}
body#wshome-products div#wrap { margin: 1% auto auto; text-align: left; position: relative; width: 63em}
body#wshome-products div#header, body#wshome-products div#footer { display: none;}
body#wshome-products div#content { background-color: #FFFFFF; position: relative; float: left; }
body#wshome-products ul#pagination { float: right; position: absolute; top: 1em; right: 1em; z-index: 999;}
body#wshome-products ul#pagination li { float: left; padding: .25em; }
body#wshome-products ul li a, 
body#wshome-products ul li span { color:#525352; font-weight: bold; font-size: 1.1em; }
body#wshome-products ul#pagination li a { color:#CCCCCC; text-decoration: none; }
body#wshome-products ul#pagination li a:hover,
body#wshome-products ul#pagination li.active a { color: #525352; }

body#wshome-products div#content div.hero-container { width: 25.4em; float: left; }
body#wshome-products div#content div.hero-container { padding: 0.7em 0 0 0.7em; }
body#wshome-products div#content div.text-wrapper { padding: 3em 3em 0 3em; width: 30.9em; height: 26em; float: right; position: relative; }
body#wshome-products div#product div.text-wrapper h1 { background-image: url('../images/company-overview/wshome/logo_wshome.gif');
	background-repeat: no-repeat; margin: 0.5em auto .5em; padding: 0; font-variant:small-caps; text-align: center; height: 3em; background-position: center top; text-indent: -999em;}
body#wshome-products div#content div.text-wrapper h1.hdr-two-plus	{ background-image: none; height: 2em; padding: 0; margin: 0; }



body#wshome-products div#content div.text-wrapper p.drop-case { text-align: justify; font-size: 1.2em; font-weight: normal; line-height: 1.5em; padding-bottom: 0; color :#525352;}
body#wshome-products div#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;}

body#wshome-products div#content ul#page-links { float: right; padding: .75em 1em; }
body#wshome-products div#content ul#page-links li { float: left; padding-left: 1em;}
body#wshome-products div#content ul#page-links li a { text-transform: uppercase; color:#CCCCCC; font-weight: bold; font-size: 1em; text-decoration: none; }
body#wshome-products div#content ul#page-links li a:hover { color:#525352 }
body#wshome-products div#content ul#page-links li.back-link a { background-image: url('../images/common/arrow_lt_ltgrey.gif'); background-repeat: no-repeat; background-position: center left; padding-left: 1em;}
body#wshome-products div#content ul#page-links li.back-link a:hover { background-image: url('../images/common/arrow_lt_dkgrey.gif'); }
body#wshome-products div#content ul#page-links li.next-link a { background-image: url('../images/common/arrow_rt_ltgrey.gif'); background-repeat: no-repeat; background-position: center right; padding-right: 1em;}
body#wshome-products div#content ul#page-links li.next-link a:hover { background-image: url('../images/common/arrow_rt_dkgrey.gif'); }
/* end Products */