/* 
	File:			wsi.css
	Author:			Gerard Ramos
	Created:		9-15-2008
	Description:	Styles specific for WSI Corp Site 

*/

div#header { text-align:center; }
div#header div.nav { position: relative; text-align: center; float: left; padding-bottom: 0; width : 100%; margin-bottom: 0.5em; }
div#header div.nav ul { line-height : 1em; width : 100%; }
div#header div.nav ul li { 
	display:block; font-weight:bold; line-height:.8em;
	letter-spacing:.1em; float:left; padding:0 .5em; margin:.3em 0em;
	text-transform:uppercase; border-right:.1em solid #9D9D9D;
}
div#header div.nav ul li a { text-decoration: none; letter-spacing: .112em; white-space: nowrap; }
div#header ul.nav-main { display:block; float:left; padding:1em 1.2em 0.5em 1.2em; }
div#header div.nav ul.nav-main li.first { width:14.5em; margin-top:.2em; background:#fff url('../images/ws-logo.gif') no-repeat; text-indent:-999em; overflow:hidden;  } 
div#header div.nav ul.nav-main li.first a {display:block; height:1em; }
div#header div.nav { font-size:0.9em; }
div#header div.nav ul li.last { margin-right:0; padding-right:0; border:none;}


/*  Secondary nav */
div#header div.nav ul.nav-sub { float: left; display: block; position: relative; background-color: #ece7d8; height:2.3em; z-index: 990; width: 100%;}
div#header div.nav ul.nav-sub li { float: left; display: block; height: 1em; margin-top: 0.8em; position: relative; border: 0; padding: 0 0.6em; display: block; white-space: nowrap; }

div#header div.nav ul#nav-company-overview li.first { padding-left: 23em;}
div#header div.nav ul#nav-investor-information li.first { padding-left: 4.5em;}
div#header div.nav ul#nav-careers li.first { padding-left: 15em}
div#header div.nav ul#nav-business-sales li.first { padding-left: 6.7em;}
div#header div.nav ul#nav-design-trade-program li.first { padding-left: 7em;}
div#header div.nav ul#nav-brands li.first {  padding-left: 7.2em;}
div#header div.nav ul#nav-brands li { padding: 0 .84em;  }

div#header div.nav li ul.nav-drop { position: absolute; left: -999em; top: 1em; padding: .8em 0 0 0; margin: 0; background-color: #ece7d8; z-index: 999; display: block; width: 25.25em; }

div#header div.nav li:hover ul.nav-drop,
div#header div.nav li.drop-down-js ul { left: 0; background-color: #ece7d8; }

div#header div.nav li ul.nav-drop li { border: none; margin: 0; padding:0; text-align: left; height: auto; font-size: 100%; background-color: #ece7d8; width: auto; display: block; }

div#header div.nav li ul.nav-drop li a { padding: .7em; width: 24em; margin: 0; float: left; line-height:1em; color: #9D9D9D; }

div#header div.nav li ul.nav-drop li a:hover { background-color: #F6F5F1; color: #4F4F4F; }
/*  end Secondary nav */

body h1	{color:#fff; font-size:2.2em; font-family:"Times New Roman",Times,serif;font-variant:small-caps; letter-spacing:0.1em; padding:.3em 0 .4em; margin-bottom:0.23em; text-align:center;}

body p.drop-case { font : bold 1.4em Times New Roman, Times, serif; letter-spacing : 0.04em; color : #888; overflow : hidden; padding-bottom : 2em; }
body p.drop-case:First-Letter { float : left; font-size : 4.7em; line-height : 0.6em; padding-top : 0.03em; display : block; }

div#content, div#landing { clear:both; float:left; background:#ece7d8; width:100%;  }


div#intro { border:.1em solid #999999; margin:4em 6em; padding:.5em; background:#fff; }
div#intro div#welcome { background:#faf7d9; padding-left:6.2em; float:left; width:28.2em; height:24.2em; }
div#intro p#home-image { margin-left:34.5em; padding-left:.5em; background:#fff; width:22em; }
div#intro img#welcome-home { width:22em; height:10.5em;}

div#welcome ul { float:left; overflow:hidden; position:relative; width:22em; height:12em; background:#faf7d9 url('../images/home-center-nav.jpg') no-repeat;   }
div#welcome ul li { text-align:center; overflow:hidden; margin:1em 0; position:absolute; top:0; height:2.2em; width:22em; text-indent:-1000em; }
div#welcome ul li.first { margin:0; }
div#welcome ul li a { display:block; width:22em; height:2.2em; text-transform:uppercase; }
/* div#welcome ul li a:hover { background: #faf7d9 url('../images/home-center-nav.jpg'); } */

div#welcome ul li#company-overview a:hover { background: #faf7d9 url('../images/home-center-nav.jpg') -220px 0px;  }
div#welcome ul li#investor-information a:hover { background: #faf7d9 url('../images/home-center-nav.jpg') -220px -32px ;  }
div#welcome ul li#career a:hover { background: #faf7d9 url('../images/home-center-nav.jpg') -220px -54px ;  }
div#welcome ul li#business-sales a:hover { background: #faf7d9 url('../images/home-center-nav.jpg') -220px -76px ;  }
div#welcome ul li#design-program a:hover { background: #faf7d9 url('../images/home-center-nav.jpg') -220px -98px ;  }

div#welcome ul li#company-overview { top:0; }
div#welcome ul li#investor-information { top:22px;}
div#welcome ul li#career {top:44px;}
div#welcome ul li#business-sales {top:66px;}
div#welcome ul li#design-program {top:88px;}

div#intro img.home-room-img { width:26em; height:24.2em; }

div#stores { clear:both; text-align:center; }
ul#nav-stores a, ul#nav-stores a:visited { text-decoration:none; font-weight:bold; color:#666;}
ul#nav-stores a:active, ul#nav-stores a:hover { color : #333; }
ul#nav-stores, ul#nav-footer  { 
	background:#fff; float:left; text-align:center; padding:0.2em 0 0 4.5em; font-size:1em; /* removing right padding so that the liste does not wrap in ie6 */
}
ul#nav-stores li, ul#nav-footer li { float:left; padding:.5em; display: block; }
ul#nav-footer li { border-right:.1em solid #898989; line-height:1em; padding:0 .5em; margin:0; }
ul#nav-footer li.last { border:none; }
ul#nav-stores { font-weight:bold; text-transform:uppercase; letter-spacing:.1em; width: 70em; }

ul#nav-footer { margin:1em 0 0 1em;}
ul#nav-footer a { text-decoration:underline; font-weight:normal; color:#9D9D9D; }
ul#nav-footer a:hover { color:#898989;}
div#footer p { clear:both; color:#9D9D9D; padding:.2em 0; }
div#footer { clear:both; text-align:center; margin-bottom:2em; }

/* contact us */
body#contact div#content {background-color:#fff; }
body#contact div#content h1 { color:#fff; font-size:2em; padding:.5em 0 .5em .7em; background-color:#344035; text-align:center; }
body#contact div#content p#form-message { background-color:#ece7d8; color:#666; padding:.4em; font-size:1.2em; line-height:1.3em; margin:.2em 0; }
fieldset#contact-form { padding:0 1em; font-size:1.2em; position:relative; }
fieldset#contact-form legend { display:none; }
fieldset#contact-form p, fieldset#contact-form label  {display:block; margin:.5em 0; line-height:1.3em; }
fieldset#contact-form p#error-warning { position:absolute; top:0; right:2em;}
p#success-message { padding:3em 0; margin:5em auto; width:50em; font-size:1.2em; text-align:center; border:.1em solid #999;}
div.vcard {  color:#666; background-color:#ECE7D8; text-align:center; padding:.4em 0; font-size:1.2em; line-height:1.3em;  }

/* default error styling */

ul.error, div.form-content ul.error { display:block; margin:.5em 0; background:#F3F3ED; padding:.2em; border:.1em dotted #993333; width:100%; }
ul.error li.message, div#content ul li.message { color: #993333; margin:.4em 1em; padding:0; float:none; width:100%; }

/* St. Jude's */
div#st-judes {
	padding-top : 0em;
	text-align : center;
	color : #666;
}

div#st-judes a {
	padding-bottom : 0.8em;
	display : block;
}
/* /St. Jude's */