/* 
	Bathroom Lighting Outlet Styles
	Initial programming: 4/29/2008
	*NOTE: The body loads before the header; All positioning styles are very important*
	
	Update: 8/7/08 - Altered paging styles to accomodate long lists of pages. Also edited advanced-paging-variables
*/

/*
	GENERAL STYLES
*/

body{
	background: #E9D9C0;
	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
	color: #43352C;
	text-align: center;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p, form, fieldset, img, ul, li{margin: 0; padding: 0; border: 0;}
.clearer{height: 1px; width: 100%; clear: both; font-size: 0; overflow: hidden;}

#container{
	margin: 0 auto;
	text-align: left;
	width: 960px;
	background: #fff;
	position: relative;
	border-bottom: 1px solid #C7B8A3;
}

div#scATCwrapper{position:absolute;background-color:#000;opacity:.75;filter:alpha(opacity=75);z-index:20000;}
div#scATCmsg{position:absolute;background-color:#fff;border:solid 1px #000;text-align:center;z-index:20001;width:400px;padding:16px;}
body.scATCtemplate1 div#scATCwrapper{display:none;}
body.scATCtemplate1 div#scATCmsg img{margin-right:4px;vertical-align:middle;}
body.scATCtemplate1 div#scATCmsg{background-color:#CE1700;color:#fff;border:solid 1px #fff;width:auto;top:2px;left:2px;padding:2px 8px;}
body.scATCtemplate1 form input,body.scATCtemplate1 form select{opacity:.25;filter:alpha(opacity=25);}
select.scHideSelect{visibility:hidden;}iframe#scCookieTestFrame,iframe#scFrameWorkFrame,iframe#scHddnIFrame{overflow:hidden;height:0;width:0;border:none;}

h2{font-family: tahoma, arial, sans-serif; font-size: 14px; margin-bottom: 10px;}
span.subheading{font-weight: bold;}
#f-text{margin: 20px 0 10px 0;}

/*
	BODY STYLES
*/

#bodyshell{width: 960px; position: relative;}

#bodyshell-pad{
	padding: 3px;
	margin-top: 126px;
	border-left: 1px solid #C7B8A3;
	border-right: 1px solid #C7B8A3;
	float: left;
	width: 99%;
}
#homebody #bodyshell-pad {background: url("/lib/yhst-49427804245157/home-wrap-new.gif") top left repeat-y;}
#homebody #search {background-color:#fff;}

#contentwrap{background: url("/lib/yhst-49427804245157/home-wrap-new.gif") top left repeat-y; float: left;}
#content-pad{margin: 3px 0;}
#container-in{margin-bottom: -3px;}
#contentwrap{margin-top: 3px;}
#content{float: right; width: 757px;}
* html #content{overflow: hidden;}

/*
	NAV STYLES
*/

#leftnav{float: left; width: 190px; overflow: hidden;}
#menu{padding: 0 10px; margin-top: 2px;}
#menu li{list-style-type: none;}
#menu h2{margin: 5px 0;}

#newsletter{margin-top: 20px;}
#newsletter .newsletterBox{height: 13px; width: 105px; vertical-align: top; font-size: 11px; color: #A59272; margin: 0px 8px 0 10px;}
#nheader{background: #E9D9C0; height: 32px;}
#nheader img{margin-left: 10px;}
#ntext{padding: 10px 0 5px 10px;}

#navinfo{margin: 20px 0;}

/* EXPANDING NAV */
ul#scLeftNav .hasSubnav ul {display: none;}
ul#scLeftNav li.inPath ul {display: block !important;}

#menu h2 a{text-decoration: none; color: #000;}
#menu li{padding: 2px 0;}
li.hasSubnav{background: url("/lib/yhst-49427804245157/arrow.gif") left 3px no-repeat;}
li.hasSubnav a{margin-left: 20px; color: #43342F; display: block;}

ul li.inPath{background: url("/lib/yhst-49427804245157/arrow-2.gif") left 3px no-repeat;}
ul li.inPath a{color: #5F62D3;}

#menu ul li ul li a{margin-left: 26px;}

/*
	HEADER STYLES
*/

#header{
	width: 960px;
	height: 127px;
	background: url("/lib/yhst-49427804245157/header-bg-wide.gif") top left no-repeat;
	position: absolute;
	top: 0;
	overflow: hidden;
}

#headerlinks{float: right;}
#headerlinks ul, #headerlinks li{list-style-type: none;}
#headerlinks ul{margin: 8px 20px 0 0;}
#headerlinks li{display: inline; border-left: 1px solid #A89F98; padding: 0 10px 0 14px;}
#headerlinks li a{color: #000; text-decoration: none;}

#guarantee{width: 300px; background: url("/lib/yhst-49427804245157/trans.gif") top left repeat; z-index: 4000; float: right; margin-top: 13px;}
#guarantee #gtext{float: left; text-align: right; width: 226px; margin-top: 16px;}
#guarantee img{float: right;}
#guarantee .gbold{font-weight: bold; font-size: 12px;}
#guarantee a{color: #000; text-decoration: underline;}

#logo{float: left; margin: 20px 0 0 20px; display: inline;}

#tnavbar{width: 100%; float: left; margin-top: 14px;}

#search{border-top: 3px solid #CDB48C; border-bottom: 1px dotted #CDB48B; height: 30px;}

#ordertext{float: left; color: #fff; margin-left: 10px; display: inline;}
#topnav{float: right; margin-right: 7px; display: inline; text-align: right; width: 475px;}
#topnav li, #topnav ul{list-style-type: none;}
#topnav li{display: inline; border-left: 1px solid #BC927A; padding: 0 7px 0 10px;}
#topnav a{color: #fff; text-decoration: none; font-weight: bold;}
#topnav img{margin-left: 0px; margin-bottom: -1px;}

#searchform{float: left; margin: 6px 0 0 10px; display: inline; vertical-align: top;}
#searchform #searchbox{height: 13px; width: 160px; vertical-align: top; font-size: 11px; color: #A59272; margin-right: 5px;}
#searchform #gobutton{vertical-align: top;}
#freeshipping{float: right; color: #5E60D1; margin: 9px 10px 0 0; display: inline;}
#freeshipping a{color: #5E60D1;}

/*
	FOOTER STYLES
*/

#footer{
	border-left: 1px solid #C7B8A3;
	border-right: 1px solid #C7B8A3;
	width: 960px;
	clear: both;
	position: relative;
	z-index: 1000;
}

#footer-pad{margin: 3px; margin-top: 0; border-top: 3px solid #CDB48C;}

#flinks{background: url("/lib/yhst-49427804245157/footer-grad.jpg") top left repeat-x #7A421D; text-align: center;}
* html #flinks{height: 1%;}
#flinks ul, #flinks li{list-style-type: none; }
#flinks ul{padding: 8px 0;}
#flinks li{display: inline; border-left: 1px solid #BC927A; padding: 0 10px 0 12px;}
#flinks li a{text-decoration: none; color: #fff;}

#storelinks{border-bottom: 1px dotted #CDB48B; text-align: center;}

#storelinks ul, #storelinks li{list-style-type: none; }
#storelinks ul{padding: 8px 0;}
#storelinks li{display: inline; border-left: 1px solid #A79E97; padding: 0 5px 0 8px;}
#storelinks li a{text-decoration: none; color: #42342B;}

ul li.first{border-left: none !important;}

#badges{text-align: center; vertical-align: top; padding: 20px 0;}
#badges img{margin: 0 15px; vertical-align: top;}

#copyright{margin-top: 10px; text-align: center;}
#copyright a{text-decoration: none; color: #43352C;}

/*
	HOME PAGE STYLES
*/

#home-intro{background: #fff; padding-bottom: 20px; padding-top: 3px; margin-top: -3px;}

#home-wrap{float: left;}
#home-left{float: left; width: 602px;}
#home-right{width: 152px; float: right;}

#brands table{margin-bottom: 20px;}
#brands table img{border: 1px solid #E9D9C0;}
#brands td.acell{padding-bottom: 25px;}
#brands td.viewmorecell{text-align: center;}

#brands-header{text-align: center; background: #9E5221;}
#brands a{color: #5E62D0;}

#sec-header{text-align: center; background: #9E5221;}
#featured-sections ul{margin: 1em 0 0 10px;}
#featured-sections ul, #featured-sections li{list-style-type: none;}
*:first-child+html #featured-sections li{width: 50%;}
*html #featured-sections li{width: 50%;}
#featured-sections a{color: #5E62D0; font-weight: bold; font-size: 12px;}
#featured-sections li a{color: #000; margin: 0pt 20px; font-weight: normal; font-size: 11px;}
*:first-child+html #featured-sections li a{display: block;}
*html #featured-sections li a{display: block;}
#featured-sections table{border-collapse: collapse;}
#featured-sections td{padding: 10px 3px; vertical-align: top;}
#featured-sections td{border-bottom: 1px dotted #CDB48C;}

#featured-sections li{
	float: left;
	/*width: 145px;*/
	background: url("/lib/yhst-49427804245157/arrow.gif") left 5px no-repeat;
	padding: 2px 0;
}

#specials-header{text-align: center; background: #E8D9C0;}
#specials table{text-align: center;}
#specials table img{border: 1px solid #E9D9C0;}
#specials a{color: #000;}
#specials td{padding:6px 0 6px 8px;}
#specials .name{margin-top: 5px;}
#specials .price{margin-top: 5px;}
#specials .sale-price-bold{color: #4688D4; font-weight: bold;}
#specials form{margin: 8px 0 15px 0;}
#specials form img{border: 0;}

#home-text{margin: 10px 0 20px 0;}
#home-text ul{margin-left: 30px;}

/*
	BREADCRUMBS
*/

.scBreadcrumbs{
	font-weight: bold;
	font-size: 10px;
	border-bottom: 1px dotted #CDB48B;
	margin: -3px;
	padding-left: 3px;
	text-transform: lowercase;
	padding-bottom: 3px;
	margin-bottom: 12px;
}
.scBreadcrumbs a{color: #000; font-weight: normal; text-decoration: none;}
.scBreadcrumbs a:hover{text-decoration: underline;}
.scBreadcrumbs img{margin: 0 3px;}

/*
	DYNAMIC PAGING
*/

.ctrls{background: #9E5221; color: #fff; padding: 5px 0;}
.ctrls a{color: #fff;}
.ctrls td{padding:3px 25px;}
.chosen{color: #423431; font-weight: bold;}

.pageof{margin-right: 25px;}
.sep{margin: 0 7px;}
.leftArrowDiv{margin-right: 15px; position: relative;}
.rightArrowDiv{position: relative;}
.sortsep{margin: 0 30px;}
.sortlinks img{margin-right: 4px;}
a.chosen{color: #423431;}
.showing{font-weight: bold;}

#paging #contents table{width: 100%; margin-top: 10px;}
#paging #contents table img{border: 1px solid #E9D9C0;}
#paging #contents table td{padding: 0 7px;}
#paging #contents table td.infoCell{padding-bottom: 30px;}
#paging #contents table .name{margin-bottom: 5px;}
#paging #contents table td a{color: #43352C;}
#paging #contents .saleprice{font-weight: bold; color: #418BD4;}

/*
	SECTION PAGE STYLES
*/

#sec-left{float: left; width: 312px;}
#sec-right{float: right; width: 256px; text-align: center;}

#sec-right table{border: 1px solid #9E5221; border-collapse: collapse;}
#sec-right td{vertical-align: top; padding: 16px 12px; border: 1px dotted #CDB48C;}
#sec-right td a{color: #43352C; text-decoration: underline; font-weight: bold;}
#sec-right td .sublinks{text-align: center;}
#sec-right td .sublinks a{color: #9E5221; text-decoration: underline; font-weight: normal; display: block; margin-top: 3px;}

#sec-text{font-size: 12px; margin-top: 15px; padding-bottom: 20px; border-bottom: 1px dotted #CDB48B;}
#sec-text a{color: #4589D4; text-decoration: none;}
#wshop{margin-top: 15px; padding-left: 10px;}
#wshop ul{margin-left: 30px;}
#wshop li{padding: 2px 0;}
#pfinal{margin: 15px 0;}

/*
	SUBSECTION PAGE STYLES
*/

#subsec-top{border-bottom: 1px dotted #CDB48B; padding-bottom: 10px;}
#subsec-top img{float: left; border: 1px solid #E9D9C0; margin-right:7px;}
#subsec-text{font-size: 12px; margin-right: 10px;}
#paging-conts{margin-top: 10px;}

/*
	ITEM PAGE STYLES
*/

#cross-sell-head{background: #9F521D; text-align: center; height: 33px; margin-bottom: 20px;}
#cross-sell{padding-bottom: 20px;}
#cross-sell-table{text-align: center;}
#cross-sell table img{border: 1px solid #E9D9C0;}
#cross-sell table td{text-align: center; vertical-align: top;}
#cross-sell table td a{color: #43342D;}
#cross-sell table .name{margin-bottom: 6px;}
#cross-sell .sale-price-bold{font-weight: bold; color: #4589D4;}
#related-head{background: #9F521D; text-align: center; height: 33px;}
#recent-head{background: #9F521D; text-align: center; height: 33px;}
#recently-viewed-items table div{display: none;}

/*
#related-itms ul{float: left; padding: 20px 80px;}
#related-itms li{float: left; margin-right: 7px; background: url("/lib/yhst-49427804245157/rbullet.gif") center left no-repeat; padding-left: 10px; list-style-type: none; width: 200px;}
#related-itms li a{color: #46342A; text-decoration: none; white-space: nowrap;}
*/

#related-itms ul{float: left; padding: 20px 20px; width: 750px;}
#related-itms ul li{width: 210px; float: left; list-style-type: none;
				background: url("/lib/yhst-49427804245157/rbullet.gif") left 5px no-repeat; margin-right: 15px; padding-bottom: 5px;}
#related-itms li a{color: #46342A; text-decoration: none; display: block;}
#related-itms li a span{padding-left: 10px; display: block;}

.recent-items-name{padding-bottom: 5px;}
.recent-items-name a{color: #43342D;}
.recent-items-saleprice{font-weight: bold; color: #4589D4;}

#item-img{float: left; width: 250px; text-align: center;}
#item-img img{border: 1px solid #F5EAD6;}
#scPage-insets{margin-top: 15px;}
#scPage-insets img{margin: 0 8px;}
#pit-here{float: right; width: 270px; margin-right: 30px; display: inline;}
#pit-here table{border-collapse: collapse; width: 100%;}
#pit-here th, #pit-here td{border: 1px solid #fff; padding: 5px;}
#pit-here th{background: #E9D9C0; text-align: right; font-weight: normal; color: #854722;}
#pit-here td{background: #F5EAD6;}

#quantity-box{text-align: right; height: 13px;}
#pit-here select{width: 140px;}

#pit-here tr.sale-price th{font-size: 14px; font-weight: bold;}
#pit-here tr.sale-price td{font-size: 14px; color: #CC0001; font-weight: bold;}
#pit-here td.add-to-cart{text-align: right;}

#free-ship-img{text-align: center; margin-top: 10px;}

#benefits{width: 525px; margin-top: 15px; overflow: hidden; float: left; margin-left: -7px; display: inline;}
#ben-top{background: url("/lib/yhst-49427804245157/ben-top.gif") top left no-repeat; height: 13px; overflow: hidden;}
#ben-text{padding-left: 10px;
background: url("/lib/yhst-49427804245157/ben-mid.gif") top left repeat-y;}
.benefits-h{color: #82471F; display: block; margin-left: 10px; font-size: 16px;}
#ben-text ul{margin-left: 10px;}
#ben-text li{list-style-type: none; background: url("/lib/yhst-49427804245157/bullet.gif") center left no-repeat; padding-left: 15px; margin-top: 4px;}
#ben-bottom{background: url("/lib/yhst-49427804245157/ben-bot.gif") top left no-repeat; height: 11px;}

/*
	TABBED DETAILS STYLES
*/

div#sc-tab-details {
	margin: 30px 0px 20px 10px;

	width: 745px;
	clear: both;
}

div#sc-tab-details ul#sctab {
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	float: left;
	width: 515px;
	clear: both;
	list-style: none;
	overflow: hidden;
}

div#sc-tab-details ul#sctab li.tabheader,
div#sc-tab-details ul#sctab li.tabhover {
	margin: 0 2px 0 0;
	height: 22px;
	width: auto;
	float: left;
	background: #DFEA7D url('/lib/yhst-49427804245157/tab-right.gif') no-repeat right 0px;
	font: bold 12px "Trebuchet MS", Geneva, sans-serif;
}

div#sc-tab-details ul#sctab li.tabheader a,
div#sc-tab-details ul#sctab li.tabhover a {
	text-decoration: none;
	display: block;
	overflow: hidden;
	float: left;
	width: auto;
	height: 18px;
	background: transparent url('/lib/yhst-49427804245157/tab-left.gif') no-repeat left 0px;
	font: bold 13px tahoma, arial, sans-serif;
	text-align: center;
	padding:4px 20px 0;
	color: #854521;
}

div#sc-tab-details ul#sctab li.tabhover {
	background-color: #5D3C83;
	background-position: right 0;
}

div#sc-tab-details ul#sctab li.tabhover a {
	background-position: left 0;
	color: #5E62D0;
}

div#sc-tab-details ul#sctab li.tabhover a:hover {
	text-decoration: none;
	color: #fff;
}

div#sc-tab-details div#sctabinfo {
	margin: 0;
	clear: both;
}

div#sc-tab-details div#sctabinfo div.infobox {
	clear: both;
	font: normal 12px Tahoma, Geneva, sans-serif;
	padding: 10px 16px;
	border: 1px solid #BDC9D5;
	text-align: left;
}

div#tab-bot{height: 12px; width: 544px; background: url("/lib/yhst-49427804245157/tab-bot.gif") top left no-repeat; margin-top: -1px;}

/*
	SITEMAP STYLES
*/

.sitemap-header {font: bold 14px verdana; color: #000; display: block; padding-top:  25px;}
.sitemap-1      {font: bold 12px verdana; color: #000; display: block; padding-left: 25px;}
.sitemap-2      {font: bold 12px verdana; color: #000; display: block; padding-left: 50px;}
.sitemap-3      {font: normal 10px verdana; color: #000; display: block; padding-left: 75px;}
.sitemap-4      {font: normal 8px verdana;  color: #000; display: block; padding-left: 100px;}

body{display: none;}
body{display: block; #}

/*Added by Eric M. on 5/22/08. Added blog area to bottom of left nav*/
#blog
{
    padding: 5px;
    color: #000;
    font: 11px Tahoma, Arial, Sans-Serif;
    text-align: center;
}

#blog p
{
    background-color: #E8D9C0;
    padding-top: 5px;
}

#blog a
{
    text-align: left;
    display: block;
}

#featured-sections ul {
	float:left;
}

#featured-sections li {
	width:145px;
}

#featured-sections li a {
	display:block;
}

*:first-child+html #featured-sections ul {
	float:none;
}

*:first-child+html #featured-sections li {
	width:50%;
}

/* MSS STYLES */
.mss-caption-img {float:left; margin-right:7px;}
#mss-categ {clear:left; padding-top:30px;}
.mss-categ-table {border:1px solid #9c5521; padding:10px;}
.mss-categ-table td {width:180px; _width:210px; vertical-align:top; padding:15px;}
.mss-categ-table .left-border {border-left:1px solid #e4e4e4;}
.mss-categ-table .bot-border {border-bottom:1px solid #e4e4e4;}
.mss-categ-link {display:block; text-align:center;}
.mss-categ-above {font-weight:bold; font-size:14px; margin:0 0 6px;}

.mss-categ-above a, .subname a {text-decoration:none; color:#000;}
.viewall a {color:#e2590b !important;}