@import url("omnie.css");

* { margin: 0; padding: 0; }
body { background: #ffffff; }

.clear { clear: both; height: 1px; line-height: 1px; }
.clearfix:after, #header:after, #content:after, #footer:after, .roundCol .content:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearfix, #header, #content, #footer { display: block; }

p { margin: 8px 0;}
a:link, a:visited { color: #5987C6; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
.alt a:link, .alt a:visited { color: #E51837}
a img { border: none; }
:focus { outline: 0; }
ul { list-style: none; }


/* Sitewide Typography
------------------------------------------------ */
body { color: #585858; font-family: Lucida Sans, Lucida Sans Unicode, Verdana, Trebuchet, Arial, San Serif; font-size: 12px; line-height: 18px; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }
h5 { font-size: 12px; font-weight: normal; }

.ms-WPBody { color: #585858; font-family: Lucida Sans, Lucida Sans Unicode, Verdana, Trebuchet, Arial, San Serif; font-size: 12px; line-height: 18px; }
/* Page grid
------------------------------------------------ */
#wrapper { width: 965px; margin: auto; }
#content, #footer { width: 965px; }
/* Header */
#header { position:relative; width: auto; height: 110px; padding: 0 0 14px 0; background: url(../images/shadow1.png) 0 100% no-repeat; z-index: 2;}
#logo { position: absolute; top: 18px; left: 30px; z-index: 999999; }
#logo a { background: url(../images/logo.png) 0 0 no-repeat; display: block; width: 138px; height: 43px; }
#logo a span { display: none; }
#searchBar, #searchBar2 { position: absolute; right: 32px; top: 75px; width: 217px; height: 42px; background: url(../images/bg_searchBar.png) 0 0 no-repeat; }
#searchBar2 { height: 35px; }
input#searchBtn, input.searchBtn { background: url(../images/searchBtn.gif) 0 0 no-repeat; width: 44px; height: 10px; position: absolute; right: 7px; top: 9px; border: none; cursor: pointer}
#searchBar .searchTxt, #searchBar2 .searchTxt { width: 150px; border-top: 1px solid #8F8F8F; border-top: 1px solid #cecece; border-bottom: 1px solid #e4e4e4;  border-right: 1px solid #cecece; margin: 5px 5px 0 10px }
#header #auxNav { position: absolute; top: 3px; right: 42px; padding: 0 20px 0 0; background: url(../images/icon_cart.gif) right 2px no-repeat;  }
#auxNav li { float: left; margin-left: 5px; background:none; padding:0;}
#auxNav a { font-size: 11px; color: #999999; font-weight: bold; }
#auxNav li.divider { background: url(../images/divider_vert.gif) 0 0; width: 1px; height: 17px; padding: 0;}
#bpaBtn { position: absolute; top: 30px; right: 32px; }
#bpaBtn a { display: block; background: url(../images/btn_BPA.gif) 0 0 no-repeat; width: 132px; height:30px; }
#bpaBtn a:hover {background-position:0 -30px;}

/*#content { background: url(../images/shadowBtm_1.png) 0 bottom no-repeat; padding: 0 0 42px 0; position: relative; z-index: 1; }*/
#content { background: url(../images/shadowBtm_1.png) 0 bottom no-repeat; padding: 0 0 42px 0; z-index: 1; }
#content .col1 { float: left; width: 790px; }
#content .col2 { float: right; width: 160px; }


/* Footer */
#footer { position: relative; padding-bottom: 30px;}
#footer li { float: left; margin-right: 9px; background:none; padding:0;}
#footer a { font-size: 11px; color: #999999; 
}
#footer li.divider { background: url(../images/divider_vert.gif) 0 0; width: 1px; height: 17px; padding: 0;}
#footer select.otherSites { position: absolute; right: 0; top: 3px; font-size: 11px }
#footer select.otherSites { width: 170px; }
#footer select.otherSites option { padding: 0 5px 0 0; }

/* Main Navigation
------------------------------------------------ */
/*
ul#nav { left: 30px; top:82px; position: absolute; }
#nav li { float: left; margin: 0 30px 0 0; }
#nav a.topLevel { background:url(../images/sprite_navText.gif) 0 0 no-repeat; display: block; height: 18px; }
#nav li a.topLevel:hover, #nav li a.topLevel:active, #nav li.sfhover a.topLevel { z-index: 9999; position: relative; }
#nav a.topLevel span { display: none; }
#nav li#allSpaces a.topLevel { width: 79px; }
#nav li#allSpaces a.topLevel:hover, #nav li#allSpaces a.topLevel:active, #nav li#allSpaces.sfHover a { background-position: 0 -18px; }
#nav li#whatsNew a.topLevel { width: 88px; background-position: -109px 0;}
#nav li#whatsNew a.topLevel:hover, #nav li#whatsNew a.topLevel:active, #nav li#whatsNew.sfHover a { background-position: -109px -18px; }
#nav li#kitchen a.topLevel { width: 57px; background-position: -228px 0; }
#nav li#kitchen a.topLevel:hover, #nav li#kitchen a.topLevel:active, #nav li#kitchen.sfHover a { background-position: -228px -18px; }
#nav li#closet a.topLevel { width: 45px; background-position: -315px 0; }
#nav li#closet a.topLevel:hover, #nav li#closet a.topLevel:active, #nav li#closet.sfHover a { background-position: -315px -18px; }
#nav li#garage a.topLevel { width: 52px; background-position: -391px 0; }
#nav li#garage a.topLevel:hover, #nav li#garage a.topLevel:active, #nav li#garage.sfHover a { background-position: -391px -18px; }
#nav li#allProducts a.topLevel { width: 92px; background-position: -472px 0; }
#nav li ul { position: absolute; z-index: 999; width: 145px; top: 17px; left: -9999em; background: url(../images/bg_ddEndcap1.gif) 0 0 no-repeat; margin: 0; padding: 15px 0 0 0;  }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li li { float: none; text-align: center; background: url(../images/bg_dd8.gif) 0 0 repeat-y; width: 145px; margin: 0; }
#nav li li.endcap { height: 15px; background: url(../images/bg_ddEndcap1.gif) 0 bottom no-repeat; }#nav li:hover ul, #nav li.sfhover ul { left: -35px; }
#nav li#kitchen:hover ul, #nav li#kitchen.sfhover ul { left: 180px; }

#nav li li a { width: 124px; padding: 10px 0; display: block; background: url(../images/divider_dotted.gif) 0 bottom no-repeat; color: #666; font-size: 12px; margin: 0 auto;}
*/
ul#nav { left: 30px; top:82px; position: absolute; }
#nav li { float: left; margin: 0 30px 0 0; background:none; padding:0; }
#nav a.topLevel { background:url(../images/sprite_navText.gif) 0 0 no-repeat; display: block; height: 18px; }
#nav li a.topLevel:hover, #nav li a.topLevel:active, #nav li.sfhover a.topLevel { z-index: 9999; position: relative; }
#nav a.topLevel span { display: none; }
#nav li#allSpaces a.topLevel { width: 79px; }
#nav li#allSpaces a.topLevel:hover, #nav li#allSpaces a.topLevel:active, #nav li#allSpaces.sfHover a { background-position: 0 -18px; }
#nav li#whatsNew a.topLevel { width: 88px; background-position: -109px 0;}
#nav li#whatsNew a.topLevel:hover, #nav li#whatsNew a.topLevel:active, #nav li#whatsNew.sfHover a { background-position: -109px -18px; }
#nav li#kitchen a.topLevel { width: 57px; background-position: -228px 0; }
#nav li#kitchen a.topLevel:hover, #nav li#kitchen a.topLevel:active, #nav li#kitchen.sfHover a { background-position: -228px -18px; }
#nav li#closet a.topLevel { width: 45px; background-position: -315px 0; }
#nav li#closet a.topLevel:hover, #nav li#closet a.topLevel:active, #nav li#closet.sfHover a { background-position: -315px -18px; }
#nav li#garage a.topLevel { width: 52px; background-position: -391px 0; }
#nav li#garage a.topLevel:hover, #nav li#garage a.topLevel:active, #nav li#garage.sfHover a { background-position: -391px -18px; }
#nav li#allProducts a.topLevel { width: 92px; background-position: -472px 0; }
#nav li#allProducts a.topLevel:hover, #nav li#allProducts a.topLevel:active, #nav li#allProducts.sfHover a { background-position: -472px -18px; }
#nav li ul { position: absolute; z-index: 999; width: 160px; top: 17px; left: -9999em; background: url(../images/bg_ddEndcap1.gif) 0 0 no-repeat; margin: 0; padding: 15px 0 0 0;  }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li li { float: none; text-align: center; background: url(../images/bg_dd8.gif) 0 0 repeat-y; width: 145px; margin: 0; }
#nav li li.endcap { height: 15px; background: url(../images/bg_ddEndcap1.gif) 0 bottom no-repeat; |margin-top:-2px; }

#nav li:hover ul, #nav li.sfhover ul { left: -35px; }
#nav li#kitchen:hover ul, #nav li#kitchen.sfhover ul { left: 180px; }

#nav li li a { width: 124px; padding: 10px 0; display: block; background: url(../images/divider_dotted.gif) 0 bottom no-repeat; color: #666; font-size: 12px; margin: 0 auto;}
/* Tarun */
#nav li#whatsNew:hover ul, #nav li#whatsNew.sfhover ul { left: 78px; }
#nav li#closet:hover ul, #nav li#closet.sfhover ul { left: 282px; }
#nav li#garage:hover ul, #nav li#garage.sfhover ul { left: 348px; }
#nav li#allProducts:hover ul, #nav li#allProducts.sfhover ul { left: 440px; }



/* Home page
------------------------------------------------ */
#hero { position: relative; height: 380px; background: url(../images/shadowBtm_1.png) 0 bottom no-repeat; padding: 0 0 14px 0; }
/*#hero #heroNav { position: absolute; bottom: 14px; left: 0px; background: #ffffff; opacity: 0.70; filter: alpha(opacity=70); height: 30px; width: 100%; z-index: 2; }
#heroNav #greenLivingPromo { right: 180px; top: -3px; position: absolute}
.heroImg { display: none; }
.heroImg.current { display: block; }
#hero ul#controls { position: absolute; left: 30px; bottom: 20px; z-index: 3; list-style: none; width: 120px; height: 21px; margin: 0 10px 0 0; }
ul#controls li { float: left; display: inline; }
ul#controls li a { width: 21px; height: 19px; padding: 1px 0 0 0; display: block; background: url(../images/sprite_heroCtrl.gif) 0 0 no-repeat; color: #ffffff; text-decoration: none; text-align: center; }
ul#controls li.autoPlay { width: 28px; height: 20px; background: url(../images/sprite_heroAutoplay.gif) 0 0 no-repeat; cursor: pointer; }
ul#controls li.autoPlay.play { background-position: 0 -20px; }
ul#controls li a:hover, ul#controls li a:active, ul#controls li a.current { background-position: 0 -20px; }
#nextHero { margin: 0 0 0 165px; padding: 5px 0 0 0; text-transform: uppercase; font-size: 14px; font-weight: bold; }
#nextHero a { text-transform: none; }*/


div.homeCallouts { margin: 15px 0 0 0; display: block; overflow: hidden; height: 100%; }
.homeCallouts .callout1 { background: url(../images/bg_calloutHm1.png) 0 0 no-repeat; width: 195px; height: 350px; float: left; margin: 0 15px 0 0; padding: 15px 0;  _margin-right: 14px;}
.homeCallouts .callout1 * { font-weight: bold; }
.homeCallouts .callout1 .thumb { display: block; height: 145px; margin: 0 0 0 1px; text-align:center;  }
.homeCallouts .callout1 .more { margin: 15px 0; }
.homeCallouts .callout1 p, .homeCallouts .callout1 h4, .homeCallouts .callout1 h5, .homeCallouts .callout1 ul, .homeCallouts .callout3 ul, .callout3 ul { margin: 0 10px 0 17px; font-size:11px; line-height:16px; }
.homeCallouts .callout1 p { margin-top: 6px; margin-bottom: 6px; font-weight: normal; }
.homeCallouts .callout .mainHeading, .callout .mainHeading { background: url(../images/shadowBtm_2.png) 0 bottom no-repeat; margin:0 1px 10px 3px; padding: 0 0 10px 14px; font-size:16px; font-weight:normal; font-family:Lucida, Verdana, Trebuchet, Arial, San Serif; }
.homeCallouts .callout h3, .callout h3 { background: url(../images/shadowBtm_2.png) 0 bottom no-repeat; margin: 0 1px 10px 3px; padding: 0 0 10px 14px; }
.homeCallouts .callout h4{ font-weight: bold; font-size: 12px; }

.homeCallouts .callout2 { background: url(../images/bg_calloutHm2.png) 0 0 no-repeat; width: 335px; height: 197px; float: left; padding: 15px 0 0 0; margin-bottom: 10px}
.homeCallouts .callout2 .mainHeading { background-image: url(../images/shadowBtm_3.png); }
.homeCallouts .callout2 h3 { background-image: url(../images/shadowBtm_3.png); }
div#productCarousel #container { overflow: hidden; width: 333px; height: 122px; float: left; position: relative; margin: 8px 1px 0; clear: both }
/*.homeCallouts .callout3, .callout3 { background: url(../images/bg_calloutHm3.png) 0 0 no-repeat; width: 160px; height: 136px; float: left; margin-right: 15px; padding: 15px 0 0 0; font-weight: bold; }*/
.homeCallouts .callout3, .callout3 { background: url(../images/bg_calloutHm3.png) 0 0 no-repeat; width: 160px; height: 136px; float: left; margin-right: 15px; padding: 15px 0 0 0; font-weight: bold; }
.homeCallouts .callout3 .mainHeading, .callout3 .mainHeading { background-image: url(../images/shadowBtm_4.png) }
.homeCallouts .callout3 h3, .callout3 h3 { background-image: url(../images/shadowBtm_4.png) }
.callout.promo { width: 160px; height: 136px; float: left; }
/*.callout.promo span { display: block; }*/
.callout.promo a { display: block;width: 160px; height: 136px; }

#productCarousel {  }
#productCarousel ul { float: left; position: relative; width: 1000000px;}
#productCarousel li { display: inline; float: left;  width: 333px; height: 130px; background:none; padding:0; }
#productCarousel li a.thumb { position: relative; width: 150px; display: inline; float: left; margin: 0 0 0 10px; }
#productCarousel li h4 { margin-right: 16px;  margin-left: 170px;}
#productCarousel li p { margin-right: 16px; margin-left: 170px; position: relative; }
#productCarousel #prevBtn { background: url(../images/arrowScrollLt.gif) 0 0 no-repeat; width: 26px; height: 33px; position: absolute; left: 0; bottom: 0; cursor: pointer }
#productCarousel #nextBtn { background: url(../images/arrowScrollRt.gif) 0 0 no-repeat; width: 26px; height: 33px; position: absolute; right: 0; bottom: 0; cursor: pointer; }
#productCarousel .controls { height: 29px; position: relative; clear: both; }
#productCarousel .count { text-align: center;}

/* All products page
------------------------------------------------ */
.roundCol { background: url(../images/bg_roundCol1_borders.gif) 0 0 repeat-y; margin: 20px 0 0 0; }
.roundCol .endcap { background: url(../images/bg_roundCol1.gif) 0 0 no-repeat; height: 15px; }
.roundCol .endcap.btm { background-position: 0 bottom; }
.roundCol .content { padding: 0 1px; display: block; width: 100% }
ul.gridList { display: inline-block; overflow: hidden;   position: relative; margin-left: -15px; font-family: Lucida Sans, Lucida Sans Unicode, Verdana, Trebuchet, Arial, San Serif; font-size:11px; }
.gridList li { width: 310px; _width: auto; float: left; background:none; padding:0; margin-left: 15px; margin-bottom: 10px; min-height: 200px; |margin-left: 10px; _margin-left: 0px; }

* html .gridList li { height: 240px; }
.gridList ul { width: 155px; margin-left: 155px; position: relative; }
.gridList .heading{ position: relative; margin-left: 155px; font-size:11px; font-weight:bold; }
.gridList ul, .gridList .heading {  }
.gridList li span.prodThumb { position: relative; display: inline-block; float: left; width: 155px; text-align: center; }
.gridList span.links { width: 155px; position: relative; display: inline-block; float: left; }
.gridList .links ul, .gridList .links .heading { margin-left: 0; }
.gridList li li { float: none; width: auto; margin-left: 0; margin-bottom: 0; width: 155px; min-height: 10px; }
* html .gridList li li { height: 10px; }
.gridList h5 { font-size: 12px; font-weight: normal; height:55px; overflow:hidden;}
.gridList h4 { font-size: 12px; font-weight: normal; height:38px; overflow:hidden;}


/* Overrides for jquery tabs */
.ui-widget-content { background: none; border: none; }
.ui-tabs { padding: 0 }
.ui-tabs .ui-tabs-nav { padding: 0 0 0 14px; }
.ui-tabs .ui-tabs-panel { padding: 35px 0 0 0; }
.ui-widget  { font-family: Arial, sans-serif; font-size: 1em; }
.ui-widget-header { border: none; background: url(../images/shadowBtm_5.png) 0 20px no-repeat; }
.ui-state-active, .ui-widget-content .ui-state-active { border: none; }
.ui-state-default, .ui-widget-content .ui-state-default { background: url(../images/bg_tabOff.png) 0 0 no-repeat; border: none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: url(../images/bg_tabOn.png) 0 0 no-repeat; }
.ui-tabs .ui-tabs-nav li a { padding: 0 0 0 10px;}
ul.tabs a span { display: inline-block; padding: 6px 10px 2px 0; height: 20px; font-size: 14px; font-weight: bold; background: url(../images/bg_tabOff.png) right 0 no-repeat; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a span { background: url(../images/bg_tabOn.png) right 0 no-repeat; }

/* Search Results page
------------------------------------------------ */
.resultsHdr { position: relative; width: 790px; display: block; height: 50px; margin: 0px 0 0 0; }
.totalResults { width: 400px; margin: 20px 0 0 20px; color: #939598 }
.totalResults span {color:#939598; font-size:14px; line-height:55px; |line-height:0px;}
#searchBar2 { position: absolute; right: 32px; top: 15px; bottom: 0; }
div#searchResultsTabs { width: 785px; }
#searchResultsTabs .ui-widget-header { background-position: -20px 20px }
#searchResultsTabs ul.gridList { margin-left: 0; }
#searchResultsTabs .gridList li { width: 175px; min-height: 200px; background: url(../images/dotted_border.gif) 0 bottom no-repeat; _margin-left: 10px; }
.resultThumb { display: block; position: relative; margin-bottom:10px; }
.thumbControls { position: absolute; bottom: 0; _top: 110px; left: 0; font-size: 9px; width: 180px; display: block; }
.gridList .thumbControls ul { margin-left: 0; margin-right: 5px; display: block; width: auto; }
#searchResultsTabs .gridList li li { width: auto; float: left; background: none; min-height: 10px;  }
.thumbControls li { float: left; display: inline; }
#searchResultsTabs .gridList li li { margin-left: 0; }
.thumbControls li a, .thumbControls li a:visited { width: 13px; height: 13px; display: block; background: url(../images/sprite_circleCtrl.jpg) 0 0 no-repeat; color: #ffffff; text-decoration: none; text-align: center; line-height: 12px; }
.thumbControls li a:hover, .thumbControls li a:active, .thumbControls li a.current { background-position: 0 -12px; }
.thumbControls a.enlarge { display: block; position: absolute; right: 15px; bottom: 0; _bottom:-18px; width: 15px; height: 14px; background: url(../images/icon_zoom_small.gif) 0 0 no-repeat; }

/*.thumbControls a.enlarge { display: block; position: absolute; right: 15px; bottom: 0; width: 40px; height: 18px; background: url(../images/icon_enlarge.png) 0 0 no-repeat; }*/
.thumbControls span { margin: 0 0 0 5px; }
ul.pagination { text-align: right; display: block; float: right; clear: both; margin: 15px 40px 0 0; color: #5987C6 }
ul.pagination li { margin: 0 0 0 5px; float: left; display: inline;}
.textResults { margin: 0 20px; }
.textResults p { margin: 0 0 10px 0; }
.callout3.search { margin: 40px 0 0 0; }


.roundCol.alt1 { background-image: url(../images/bg_roundCol2_borders.gif); margin: 0; float: left; width: 790px;}
.roundCol.alt1 .endcap { background: url(../images/bg_roundCol2.gif) 0 0 no-repeat; height: 15px; }
.roundCol.alt1 .endcap.btm { background-position: 0 bottom; }

.roundCol.alt2 { background-image: url(../images/bg_roundCol2_borders.gif); margin: 10px 0; float: left; width: 790px;}
.roundCol.alt2 .endcap { background: url(../images/bg_roundCol2.gif) 0 0 no-repeat; height: 15px; }
.roundCol.alt2 .endcap.btm { background-position: 0 bottom; }



.homeCallouts .callout2 .mainHeading {margin-right:5px;}