﻿/** Styles in this sheet are available in Content Editor 
*** See SiteStyles.css for General Site Layout/Backgrounds Styles
*** Do not include positioning and layout styles in this sheet, use SiteStyles css file instead
**/

/* Start General Styles */
body
{
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:11px;
}

th {font-weight:bold;}

img { border:0px none #ffffff;}

h1  {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:13px 0px 13px 0px; font-size:20px; color:#CCCCCC;}
h1.PageTitle  {text-transform: uppercase; color:#666666; font-size:14px; line-height:30px; padding: 0px 0px 13px 0px;}
h2  {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:medium; padding:5px 0px 5px 0px;}
h3  {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#666666; padding:6px 0px 6px 0px;}
h4  {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold}



input, select {font-size:10px;}

strong, b {font-weight:bold;}
i   {font-style:italic;}

a, .linkbutton, .cart_item a.linkbutton { color: #666666; text-decoration: underline; }
a:hover, .linkbutton:hover, .cart_item a.linkbutton:hover { color: #B7A600; text-decoration: none; }
.cart_item a.linkbutton {font-weight: normal;}

hr {
    background-color:#ff9900;
    border:0px none #FFFFFF;
    color:#ff9900;
    height:1px;
}
hr.gray {
    background-color:#cccccc;
    border:0px none #FFFFFF;
    color:#cccccc;
    height:1px;
}

p {margin-top:0px; margin-bottom:8px; margin-left:0px; text-align:left; font-weight:normal;}

.small, .small select
{
    font-size: .9em;
}
.checkout {
	font-size:10px;
}
.positionPaypal
{
  text-align:right; 
  width:250px; 
  margin-top:-25px;   
}
.standout { color:#333399; } 

.tinyText {font-size:9px;color:#8A8A8A;}


.StepNumber 
{
    color:#666666; 
    font-size:14px; 
    font-weight:bold;
    text-transform: uppercase;
    border: 0px none #ffffff;
    padding:2px 0px;
    margin:0px 0px 20px 0px;
    border-bottom: 2px solid #fab131;
    /*background-image: url(../images/stepBg.gif); 
    background-position: top center; 
    background-repeat:no-repeat; 
    height:30px; 
    width:30px;
    margin:0px 5px 0px 0px;
    padding:5px 0px 0px 0px; 
    text-align:center;*/
}
h4.checkout {padding:0px 0px; text-transform: none; display: inline; letter-spacing: 1px; font-size:13px;}

.blue
{
    color:#24B3ED; 
    font-size:12px;
}
.highlight
{
    color:#f79634;
}
/* End General Styles */

/* Start Button Styles */
.ButtonStyle
{
    color:#202020;
    font-size:12px;
    background-color:#FFFFFF;
    border:1pt solid #C0C0C0;
    padding:2px 3px 2px 3px;
    text-decoration: none;
    font-family:"Arial";
}
.AltButtonStyle .ButtonStyle
{
    color: #648ABD;
    font-size:11px;
    background-color: #012e57;
    border:1px solid #ffffff;
    text-decoration: none;
}
.HighlightButtonStyle .ButtonStyle
{
    color: #000000;
    font-size:14px;
    background-color: orange;
    border:1px solid #012e57;
    padding: 6px 6px 6px 6px;
    text-decoration: none;
}

.ButtonStyle:hover, .ButtonStyle:active
{
    cursor:pointer;
    color:#009BFF;
}
.paddButton { padding: 0px 10px 0px 10px;}
/* End Button Styles */


/* Start Status Summary Styles */
.Error, .AspNet-Login-FailurePanel, .AspNet-PasswordRecovery-FailurePanel
{
    color:#ff0000;
    font-weight: bold;
    font-size: 13px;
    padding:10px 10px 10px 10px;
    margin:5px 0px 5px 0px;
}
.Success
{
    /*color:#204bbb;
    font-weight: bold;
    font-size: 13px;
    padding:10px 10px 10px 10px;
    margin:5px 0px 5px 0px;*/
    display:none;
}
.Success2
{
    color:#204bbb;
    font-weight: bold;
    font-size: 13px;
    padding:10px 10px 10px 10px;
    margin:5px 0px 5px 0px;
}
/* End Status Summary Styles */

/* Start Headings/Titles Styles */
.TitleText, .TitleText span
{
    background: #666666; color: #ffffff; font-weight: bold; font-size:12px; 
    padding:5px 5px 5px 5px; margin:0px 0px 10px 0px;
}
.SectionHeading
{
    font-size:12px;
    font-weight:bold;
    padding:3px 0px 3px 0px;
}

.headingColor {
color:#B7A600;
font-weight:bold;
}

.asterisk
{
    color: #FF0000;
}
.optional .asterisk {display: none; visibility: hidden;}

.DeptTitle, .DeptTitle a:link, .DeptTitle a:visited, .DeptTitle a:active, .DeptTitle a:hover
{font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; color:#B7A600; font-size:14px; text-decoration:none;}

.sl_head, #pswReminderDiv td.sl_head
{padding:10px 10px 10px 10px; color:#666666; font-size:14px; font-weight:bold;
text-transform: uppercase; border: 0px none #ffffff; border-bottom: 2px solid #fab131 !important;}
.sl_inner             {background-color:#ffffff; padding:10px 15px 10px 15px; color:#666666;}

.blocklabel{display:block;}
/* End Headings/Titles Styles */

/* Start Table Styles */
Table.itemLine td
{
    line-height:30px;
}
Table.itemLine td .Item_Avail {line-height: 15px;}
.TableStyle,.dataFormTable     {/*color:#000000;*/ border-width:0px;}
.FullWidth  {width:100%}
.TableStyle tr th, .TableStyle tr td,
.dataFormTable tr th, .dataFormTable tr td, .paddDiv  { padding:5px 5px 5px 5px; border-width:0px;}
.HeaderRow,.HeaderRow th, .HeaderRow a:link, .HeaderRow a:visited
{
    background-color: #a9a9a9; 
    color: #ffffff;
    font-family:Verdana,Helvetica,sans-serif;
    font-size:10px;
    font-weight:bold;
}
.HeaderRow a:hover, .HeaderRow a:active {color:#E5891B;}

.HighlightRow, .HighlightRow th, .HighlightRow td {background-color: #fff0dd;}
.LightRow,.LightRow th,.LightRow td {background-color: #f0f0f0;}

.HeaderRowLight, .HeaderRowLight th, .HeaderRowLight a:link, .HeaderRowLight a:visited
{
    background-color: #bbbbbb;
    color:#FFFFFF;
    font-family:Verdana,Arial,Helvetica;
    font-size:14px;
    font-weight:bold;
}
.subHeading 
{
    color:#767a7d;
    font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
    font-size:13px;
    font-weight:bold;
}
.form_name 
{
    color:#FFFFFF;
    font-family:Verdana,Arial,Helvetica;
    font-size:18px;
    font-weight:bold;
}

tr.AlternateRow td   {background-color:#eeeeee;}
.dataFormTable tr th    {text-align:right; font-weight:normal;}
.thwidths th { width:115px; }
.dataFormTable select {width:150px;}
.small select {width: auto;}
.dataFormRow {margin:3px 0px 10px 0px;}
.bordered, .bordered tr th, .bordered tr td, .borderContainer {border:1px solid #cccccc;}
.borderPadded {border:1px solid #cccccc; padding:10px 15px;}
.TopMargin  {margin:8px 0px 0px 0px;}

.cartBottomContainer {background-color:#f3f1e2; padding:0px 0px 35px 0px;}

.totalTable  {margin:0px 0px 5px 0px;}
.totalTable tr th,.totalTable tr td  {border-width:0px; padding:3px 5px 3px 5px; border-bottom:1px solid #cccccc; font-size:11px;}
.totalTable tr th {border-right:1px solid #cccccc; text-align:right; padding-left:12px;}
.totalTable tr td   {color:#000000;}

.light_bg {background-color: #f5f5f5;}

.DeptListing tr td {width:33%;}
/* End Table Styles */

/* Start Half Size Container Styles */
.left_half
{
    float:left;
    width:360px;
}
.right_half
{
    float:right;
    width:360px;
}
.left {float:left;}
.right {float:right;}
.clear  {clear:both;}

.smaller_half       {width:240px;}
.smaller_half_padded {width:240px; padding:10px 10px 10px 10px;}
/* End Half Size Container Styles */

/* Start Content Item Styles */
.tollfreenumber {display:block;margin-right:-5px;padding-top:5px;font-family:Verdana, Arial, Helvetica;font-size:14px;color:#f7941d;letter-spacing:5px;}
.cs {display:block;padding-top:10px;color:#a69680;line-height:16px;}
.hours {display:block;color:#a69680;font-size:10px;line-height:16px;}
.tollfreeinfo         {font-family:Verdana, Arial, Helvetica; font-size:9px; color:#8A8A8A; font-weight:bold; }
/* End Content Item Styles */


/* trade site splash page styles */
#tradeSplash {width:100%;font-size:11px;color:#808285;}
	#tradeSplash .splImg {margin:0;padding:0;height:314px;}
		#tradeSplash .joinBtn {z-index:9999;margin:-90px 0 0 -250px;padding:0;}
		#tradeSplash .mbrBdg {z-index:9998;margin:-245px 0 0 135px;padding:0;}
	#tradeSplash ul {list-style-type:none;}
		#tradeSplash ul.benefits, #tradeSplash ul.benefits li {margin-left:0;padding-left:0;list-style: none none outside;}
	#tradeSplash li {padding-top:10px;list-style: none none outside;}
	#tradeSplash h3, #tradeSplash h4, #tradeSplash p {margin:0;padding:0;font-size:11px;font-weight:normal;}
	#tradeSplash h3, #tradeSplash h4 {color:#f7941d;}
	#tradeSplash h3 {font-weight:bold;}
	#tradeSplash ul.signinup {width:50%;margin:0 auto;padding:0;}
		#tradeSplash ul.signinup li {float:left;padding-right:35px;padding-bottom:10px; list-style: none none outside;margin:0;}
		#tradeSplash ul.signinup li p {padding-bottom:10px;}
		#tradeSplash ul.signinup li.separator {padding-right:0;padding-left:35px;border-left:1px solid #c8c6c7;}
div.hideH1 h1 {display:none;}
/* end trade site splash page styles */

/* Start Trade Login Styles */
#tradeLogin {
	margin:8px 0px;
	padding: 35px 20px 0px 20px;
	background: transparent url(../images/Login/tradeSigninBG.gif) top left repeat-x;
	font-size:10px;
	color:#666666;
	border-collapse:collapse;
}

#tradeLogin #loginLeft {float: left; width: 300px;}
    #tradeLogin #loginLeft h2 {width:290px;height:90px;background:url(../images/Login/tradeSigninHeading.png) top left no-repeat;}
        #tradeLogin #loginLeft h2 span {margin-left:-9999px;}
    #tradeLogin #loginLeft .links {text-align:left;}
        #tradeLogin #loginLeft a {display:block;margin-bottom:20px;text-decoration:underline;text-transform:uppercase;color:#fab73b;font-size:12px;font-weight:bold;}

#tradeLogin #loginCenter {float: left; width:250px;}

#tradeLogin #loginRight {float: right; width:200px; height:187px; overflow: visible; margin: 0px 0px 0px 15px; text-align:center;background:url(../images/Login/tradeSigninBorder.png) 0 10% no-repeat;}
    #tradeLogin #loginRight p {padding:0 0px 0px 15px;text-align:center;}

#tradeLogin .errorsT {margin:0;padding:0;}
#tradeLogin .errorsT .top {margin:0px 0px 0px 0px !important;padding:5px 7px;width:230px;background:url(../images/Login/tradeLoginErrTop.png) top left no-repeat;text-align:left;font-size:10px;}
#tradeLogin .errorsT .bottom {margin:0px 0px 0px 0px !important;padding:0 0 30px 0;width:250px;background:url(../images/Login/tradeLoginErrBtm.png) top left no-repeat;font-size:10px;}
#tradeLogin .errorsT br {display:none;}
/* End Trade Login Styles */

/* concepts pages - used in department descriptions */
#lessLink {display:none;}
#conceptsContainer {margin:0 0 7px;padding:0;}
	.conceptsHd {margin:0;padding:0;}
		.conceptsHd td {margin:0;padding:0;vertical-align:top;}
		.conceptsHd .intro {padding:17px 17px 5px;/*height:148px;*/background:#e2e0dc;}
			.conceptsHd .intro strong {font-size:14px;}
			.conceptsHd .intro p, .conceptsHd .intro div {margin:0;/*padding:17px;*/padding:0;color:#999999;line-height:16px;}
			.conceptsHd .intro p#deptMore, .conceptsHd .intro p#less,
			.conceptsHd .intro div#deptMore, .conceptsHd .intro div#less {display:none;}
			.conceptsHd .intro p.expand, .conceptsHd .intro div.expand {margin:0;padding:0;font-size:11px;line-height:12px;text-align:right;}
			.conceptsHd .intro a:link,.conceptsHd .intro a:visited {color:#999999;text-decoration:underline;}
			.conceptsHd .intro a:hover,.conceptsHd .intro a:active {color:#999999;text-decoration:underline;}
			.conceptsHd .intro p.expand a:link,.conceptsHd .intro p.expand a:visited,
			.conceptsHd .intro div.expand a:link,.conceptsHd .intro div.expand a:visited {color:#999999;text-decoration:none;}
			.conceptsHd .intro p.expand a:hover,.conceptsHd .intro p.expand a:active,
			.conceptsHd .intro div.expand a:hover,.conceptsHd .intro div.expand a:active {color:#999999;text-decoration:underline;}
		.conceptsHd .img {vertical-align:middle;background:#979185;height:154px;}
		.conceptsHd .hd {margin:0;padding:0;/*height:50px;*/background:#ed8226;}
			.conceptsHd .hd h3 {margin:0;padding:0;}
			.conceptsHd .hd h3 span {margin:0 0 0 -9999px;padding:0;}
			/*.design .conceptsHd h3 {width:223px;height:50px;background:url(../trade/concepts/hd_design_lines.gif) top left no-repeat;}
			.studio .conceptsHd h3 {width:229px;height:50px;background:url(../trade/concepts/hd_studio_lines.gif) top left no-repeat;}
			.custom .conceptsHd h3 {width:218px;height:50px;background:url(../trade/concepts/hd_custom_lines.gif) top left no-repeat;}
			.energy .conceptsHd h3 {width:250px;height:50px;background:url(../trade/concepts/hd_energy_efficient.gif) top left no-repeat;}*/
	.conceptsLinks {margin:0;padding:0;}
		.conceptsLinks td {margin:0;padding:0;vertical-align:top;}
		.conceptsLinks .ctr {padding:0 5px;}
		.conceptsLinks .conceptBox {margin:8px 0;padding:0;border:1px solid #999999;width:198px;/*height:125px;*/}
		.conceptsLinks h4 {margin:0;padding:10px 0;background:#e9ecdb;font-size:13px;color:#999999;text-align:center;text-transform:uppercase;}
			.conceptsLinks h4.long {padding:11px 0;text-align:left;font-size:11px;}
			.conceptsLinks h4 a:link, .conceptsLinks h4 a:visited {display:block;color:#999999;text-decoration:none;}
			.conceptsLinks h4 a:hover, .conceptsLinks h4 a:active {display:block;color:#999999;text-decoration:underline;}

.conceptsHd .intro h1,
.conceptsHd .intro h2,
.conceptsHd .intro h3,
.conceptsHd .intro h4,
.conceptsHd .intro h5,
.conceptsHd .intro h6 {
	display:inline;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size: 12px;
	color:#999999;
	background-image: none;
}
.conceptsHd .intro h1 {
	font-size:14px;
	font-weight:bold;
}
/* end concepts pages */

/* Department page */
.SubDept 
{
    padding: 2px 30px 2px 10px;
}
.deptTop
{
    background:#fff url(../images/slider/bg-dept-top.gif) repeat-x;
    margin:8px 0 10px 0;
    /*padding: 0px 10px;*/
    color: #231f20;
}
    .LandingTitle
    {
        text-transform:uppercase;
        color: #ffffff;
        font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
        padding-top:8px;

    }
    .deptTop #deptMore, .deptTop #less {display:none;}

.deptTopLeft
{
    float: left;
    width: 520px;
}
.dept_content_sizer {width: 510px;}
.dept_quicklinks { margin-top:0;background:#fff url(../images/slider/bg-dept-quicklinks.gif) 0 0 repeat-y; }
    .dept_quicklinks h2.LandingSubTitle {color: #e58925;}
    #main_content_wide .quicklinks li {list-style-type: none; margin: 5px 0px 5px 5px; color: #636563;}
    #main_content_wide .quicklinks li a {text-decoration: none;color: #636563;}
    #main_content_wide .quicklinks li a strong {color: #000000;}
.dept_spacer {
    margin:0;padding:0;height:10px;background:#fff;
}

.deptProducts {
    background: transparent url(../images/LandingProductsBg.png) no-repeat 2px 0;
    width: 265px;
    padding-right: 10px;
    position: absolute;
    left: 535px;
}
    .LandingProduct {
        padding: 0px 19px;
    }
    .landingnew {color: #E5891B; font-weight: bold; font-size: 15px;}
    .landingP {
        font-size: 10px;
        text-decoration: none;
    }
    .landingpager {padding: 0px 19px;}
    .landingpager .pager, .landingpager .currentPage
    {
        color: #ffffff;
        border: 1px solid #E5891B;
        background-color: #E5891B;
        padding: 3px 3px;
        text-decoration: none;
        font-weight: bold;
    }
        .landingpager .currentPage {color: #000000;}
    .landingpager .NextPreviousLink
    {
        color: #E5891B;
        border: 1px solid #E5891B;
        padding: 3px 3px;
        text-decoration: none;
        font-weight: bold;
    }
h2.LandingSubTitle
{
    color: #E5891B;
    padding: 10px 0px;
}

.featured_left{
    float: left;
    width: 405px;
    border-right: 1px solid #cccccc;
    padding-right: 17px;
}
.featured_right{
    float: right;
    width: 365px;
}
.DeptListing .ProductHolder.Dept_ProductHolder {height: auto;}
/* end Department Page*/

/* Start IGoDigital Styles */
.igo_boxhead h2 { color: #E5891B; padding: 10px 0px;}
.igo_product {float: left; width: 146px;}
.igo_product a {display:block; width: 110px;}
.igo_product .igo_product_image {/*width: 110px;*/}

.ProdRecs .igo_boxhead {border-bottom: 0px none #FAB131; padding: 0px 0px 2px 0px; text-align: left; margin-left: 10px;}
.ProdRecs .igo_boxhead h2 {font-size: 13px;letter-spacing: 1px; padding: 0px; color: #666666;}
.ProdRecs .igo_boxbody {margin-left: 10px;}
.ProdRecs .igo_product {text-align: left; margin-bottom: 10px;}

.HomeRecs .igo_boxhead h2 {color: #666666; padding: 0px 0px; font-size: 11px;}
.HomeRecs .igo_product {width: 114px; margin: 5px;}
.HomeRecs .igo_list,.HomeRecs .igo_sale, .HomeRecs .igo_save {margin-left: 0px;}

.CartRecs .igo_boxhead {border-bottom: 2px solid #FAB131; margin: 0 0 20px; padding: 15px 0px 2px 0px;}
.CartRecs .igo_boxhead h2 {font-size: 13px;letter-spacing: 1px; padding: 0px; color: #666666;}
.CartRecs .igo_product {width: 133px; margin: 10px;}
.CartRecs .igo_product a {font-weight: bold; font-size: 10px; margin: 5px 0px 0px 0px;}
.CartRecs .igo_product .igo_product_image{border: 1px solid #000000;}
/* End IGoDigital Styles */
