/* 
	File:			home.css
	Author:			Alanna Spence
	Created:		7-30-2009
	Description:	This file contains all styles for the west elm home page. 
*/

/****** HOME ******/

/**********  BEGIN HOMEPAGE BACKGROUND COLOR CONTROLS *************/
/* css for making the background a different color on the homepage only -as */
body, div#home, div#home div#footer {background-color: #4e4d50; padding:0; }
div#home div#footer hr {background-color: #4e4d50; color: #4e4d50; }
div#home div.we-inner-wrap {background-color: #4e4d50; padding-bottom:0em;}
div#home a#brand-logo { padding:.5em 0 .5em 1em; }

div#home div#nav-search-box { *margin-top:0em;}
/* changes footer font color -as */
div#home div#footer *, div#home div.customer-favorites *, div#home div.questions-copyright * {color: #fff;}
div#home div#icons a.feedback-link {color:#FFFFFF;}
div#home div.questions-copyright ul li ul li {border-left:1px solid #fff;}
div#home div.questions-copyright li.first {border-left:none;}

div#home  div#nav-search-box ul li.shopping-bag a { background-image:url("../images/home/nav/icon_shopping_bag_off.gif"); background-repeat: no-repeat; background-position:.2em .4em; padding-left: 1.5em; display: block; cursor: pointer;}
div#home  div#nav-search-box ul li.shopping-bag span#cart-count { vertical-align:top; *line-height: 1.2em; display:inline-block; font-size:0.9em; }


div#home ul#nav-main {background-color:#4e4d50; *padding-top:0.6em; margin-top:.2em; *margin-top:.1em;}
div#home ul#nav-main li:hover { background-color:#4e4d50;}
div#home ul#nav-main li.dropDown ul li:hover {border:none;background-color:#f0f0f0;}
div#home ul#nav-main li.dropDown ul {border:none; margin-left:.1em;}
div#home ul#nav-main li.category-9 ul {  left: -12.3em; *left: -12.4em;}
div#home ul#nav-main li {background-position: 1.4em 1em;}
div#home ul#nav-main li.category-9 { background-position: 2em; *background-position: 2em 1em;  }

/*** Individual Ecom Drop-Down formatting ***/
div#home ul#nav-main li.category-1 { background-image:url('../images/home/nav/nav_furniture_on.gif'); padding-right:0.7em; *padding-right:0.7em; }

div#home ul#nav-main li.category-2 { background-image:url('../images/home/nav/nav_rugs-windows_on.gif'); padding-right:0.6em; *padding-right:0.6em; }

div#home ul#nav-main li.category-3 { background-image: url('../images/home/nav/nav_bedding-bath_on.gif'); padding-right:0.6em; *padding-right:0.6em; }

div#home ul#nav-main li.category-4 { background-image: url('../images/home/nav/nav_lighting_on.gif'); padding-right:0.6em; *padding-right:0.6em; }

div#home ul#nav-main li.category-5 { background-image: url('../images/home/nav/nav_room-wall-decor_on.gif'); padding-right:0.6em; *padding-right:0.6em; }

div#home ul#nav-main li.category-6 { background-image: url('../images/home/nav/nav_entertaining_on.gif'); padding-right:0.5em; *padding-right:0.5em; }

div#home ul#nav-main li.category-7 { background-image: url('../images/home/nav/nav_we-love_on.gif'); padding-right:0.4em; *padding-right:0.4em; }

div#home ul#nav-main li.category-8 { background-image: url('../images/home/nav/nav_whats-new_on.gif'); padding-right:.2em; *padding-right:.4em; }

/* specific styles for last item */
ul#nav-main li.category-9 { background-image: url('../images/home/nav/nav_sale_on.gif');  }

div#home #joinEmail fieldset.email input {color:#666;}

/**********  END HOMEPAGE BACKGROUND COLOR CONTROLS *************/


div#home div#hero {padding:1em 1em 0em 0em; margin-bottom:0em; *margin-left:-1.5em; }
div#home div#hero .txt-hdr {margin-bottom:.7em;}
div#home div#hero .hero-flash {}
div#home div#hero .img-hero{float:left;margin-left:.2em;}
div#home div#hero .hero-right {float:left;margin-left:.8em;}
div#home div#hero .txt-hero {float:left;margin-left:.7em;*margin-left:.6em;}
div#home div#hero .hero-right  .rbanner {margin-bottom:1.1em;}
div#home div#stripe {margin:.2em 1.2em 0 1em;border-bottom:1em solid #acb0b6;}

div#home div#hero .txt-hero-left {float:left;width:31em;margin-right:1.1em;}
div#home div#hero .txt-hero-left img.bottom {margin-top:1em;*margin-top:.8em;}
div#home div#hero .img-hero-right{float:left;}
div#home div#store {margin:1em;*margin-top:.8em;}
div#home div#txt_hero {padding:1em 1em 0 1em;}

div#home div#ffcc00 {margin:.5em 1.2em 0 1em; *margin-top:.3em;border-bottom:1em solid #ffcc00;}
div#home div#ffcc002 {margin:.6em 1.1em 0 1em; *margin-top:.6em;border-bottom:1em solid #ffcc00;}


div#home div#banner img {}
div#home div#bannerSm {margin:1em;margin-bottom:0;}
div#home div#banner {margin:1em 0 0 1em;}
/* div#home div#banner div {padding-right:1.2em; _padding-right:1.2em;*padding-right:1.2em;float:left;} */
div#home div#banner div {padding-right:1.5em; float:left;}
div#home div#banner div.spd2 {padding-right:1.8em; _padding-right:1.8em;*padding-right:1.8em;float:left;}
div#home div#banner div.dash {padding-right:1.4em; _padding-right:1.4em;*padding-right:1.4em;float:left;}

div#home div#banner div.last {padding-right:0;padding-left:0;float:left;margin-right:0;}
div#home div#banner-extended {margin:1em 0 1em 1em;margin-bottom:0;}
div#home div#banner-extended div {float:left;}
div#home #bannerSm {background-color:#f8f8f8;margin-top:12em;padding:0;position:relative; border:1px solid #888;}

div#home div#h4 {}
div#home div#h4 div#hero div#products { width:92.8em; *width:93.4em; margin-top:.1em;padding-bottom:.1em; border-bottom:8px solid #a4141f;}
div#home div#h4 div#hero div#products img {position:relative;padding:0;margin:0;float:left;}


/****** /HOME ******/