/*--IE8 Compatible--*/
#tblContent1 td {white-space:normal !important;}
#tblContent2 td {white-space:normal !important;}
#tblContent3 td {white-space:normal !important;}

/* --------------------------------Site Layout-------------------------------*/

body, html {margin: 0; height: 100%}
 
td {text-align: left}

#TDForMiddleCell {background: transparent url(/images/UserUploadedImages/MainBG.gif) top left repeat-x !important; text-align: center}

#TROutertable, #Table2  {min-height: 100%;}

#TableTopNavBar  {margin: 0 auto !important; width: 950px !important; text-align: left;}

.TradeSearchImput {border: #A9C1DA solid 1px; padding: 1px 6px; margin-right: 10px; width: 130px; font: Normal 12px arial; color: #004799; vertical-align: middle}

#SelleysTradeLogo {margin: 15px 0 1px 0 !important}

td#TopmenuTD {background: url(/images/UserUploadedImages/MainBG.gif)}

#TableTopNavBar td {vertical-align: middle !important}

#MaintableForContent {background: white url(/Images/UserUploadedImages/183/CornerTop.gif) no-repeat right -1px}

#MaintableForContent, div.Masterdiv  {margin: 0 auto !important; width: 940px !important; text-align: center;}

div#DivContent {width: 940px !important; margin: 0 auto 30px auto !important;}



/* --------------------------------Admin------------------------------*/

td#ElementCell1 select, td#ElementCell1 font, td#ElementCell1 a,

td#ElementCell2 select, td#ElementCell2 font, td#ElementCell2 a,

td#ElementCell3 select, td#ElementCell3 font, td#ElementCell3 a 

{float: left; margin-top: 5px}

/*.RadEWrapper, .RadEContentContainer {width: 300px !important}*/



/* --------------------------------Menu-------------------------------*/

/**Level 1 **/
.RadMenu_CM12, .RadMenu_CM12 ul{z-index:2000!important;}
#TableTopNavBar ul li{padding:0 4px; z-index:2000!important;}
#TableTopNavBar ul li span{padding:0; font: bold 14px Arial !important; z-index:2000!important;}

/**Level 2 **/
#TableTopNavBar ul li ul{background-color:#D8E8F8; width:165px!important; z-index:2000!important; margin-top:5px;}
#TableTopNavBar ul li ul li{height:20px; padding:5px 0 5px 5px; border-bottom:1px white solid; width:160px!important; z-index:2100!important;}
#TableTopNavBar ul li ul li a{z-index:2200; height:20px;}
#TableTopNavBar ul li ul li span.text{font:700 12px verdana !important; color:#0053a3;}
#TableTopNavBar ul li ul li.first{background:url(../images/useruploadedimages/top_corner.gif) no-repeat right top}
#TableTopNavBar ul li ul li.last{border:none;}

/** Level 2 Hover **/
#TableTopNavBar ul li ul li:hover{background-color:#0053A0;}
#TableTopNavBar ul li ul li:hover span.text{color:#FFFFFF!important;}
#TableTopNavBar ul li ul li.first:hover{background:#0053A0}

/*IE6 Hover */
*html #TableTopNavBar ul li ul li a:hover span.text{color:#000000!important; text-decoration:underline;}



/* --------------------------------Footer-------------------------------*/


#footer {background: url(/images/UserUploadedImages/FooterBG.gif) bottom left repeat-x; text-align: center; height: 80px; width: 100%; position: relative; padding: 40px 0 30px 0 !important}

tr#Footer1_TRBottomBannerHTML td {height: 0 !important;}

#footer p, #footer a {font: normal 13px "trebuchet ms"; margin: 0; color: white}

#footer a:hover {text-decoration: underline}



/* --------------------------------Text-------------------------------*/


td, div {font: normal 13px "trebuchet ms" !important; margin: 0; color: #004799 !important}

a:hover {text-decoration: none }

ul li {padding: 0; margin: 0}

div#BottomBanner h1 {font: Bold 24px Arial !important}

div#BottomBanner h2 {font: Normal 18px Arial !important}

div#BottomBanner h3 {font: bold 15px Arial !important}

div#BottomBanner h4 {font: bold 13px Arial !important}

div#BottomBanner h5 {font: italic 13px Arial !important}

/* --------------------------------Home Banner------------------------------*/

div.BannerHeader {position: relative}

div#FlashBannerParent {position: absolute; top: 0; left: 0; margin: 0 0 0 20px; }

div.BannerHeader h1 {text-transform: uppercase; font: bold 14px Arial; margin: 20px 0 -5px 0}

div#FlashBanner {background: url(/images/UserUploadedImages/182/BorderFeatureProduct.png) no-repeat 253px 0px; padding: 10px 0; width: 940px}

ul.MenuBarVertical {margin: 0; padding: 0; list-style-type: none; position:relative; font-size: 100%; cursor: default; width: 257px}

ul.MenuBarActive {z-index: 1000;}

ul.MenuBarVertical li {margin: 0 0 4px 0; padding: 0; list-style-type: none; position: static; text-align: left; cursor: pointer; width: 257px;}

ul.MenuBarVertical ul{margin: 0 0 0 270px; padding: 0; list-style-type: none; position: absolute; z-index: 1020; cursor: default; width: 200px; left: -1000em; top: 0;}

ul.MenuBarVertical ul#LatestProducts {left: 0;}

ul.MenuBarVertical ul.MenuBarSubmenuVisible {left: 0;}

ul.MenuBarVertical ul li {width: 200px; background-color: none}


/*--- DESIGN ELEMENTS:---*/

ul.MenuBarVertical a {display: block; cursor: pointer; background-color: #0053a0; padding: 5px 10px; color: #fff; text-decoration: none; height: 20px}

a.active {background-color: #026dd0 !important;}

ul.MenuBarVertical h2 {font: bold 14px arial; padding: 0; margin:0}

ul.MenuBarVertical ul li a {font: Normal 20px arial; color: #0053a0; padding: 0; margin:0; text-align: center}

ul.MenuBarVertical ul li h3 {font: Normal 20px arial; color: #0053a0; padding: 0; margin:10px; height:55px; text-align: left}

ul.MenuBarVertical ul li p {font: Normal 13px arial; color: #0053a0; padding: 0 20 0 0; margin: 15px 0; text-transform: lowercase; background: url(/Images/UserUploadedImages/183/MainBullet.png) no-repeat 150px 5px}

ul.MenuBarVertical ul li img {border: none;  height: 108px; width: 142px;}

ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible {background-color: #026dd0; color: #FFF;}

ul.MenuBarVertical ul a {display: block; cursor: pointer; background-color: #fff; padding: 10px; color: #333; text-decoration: none; border: white solid 1px; height: 233px }

ul.MenuBarVertical ul a.MenuBarItemHover, ul.MenuBarVertical ul a.MenuBarItemSubmenuHover, ul.MenuBarVertical ul a.MenuBarSubmenuVisible {background-color: #f3f5fd; color: #0053a0;}



/* IE hacks */
ul.MenuBarVertical iframe {position: absolute; display: none; z-index: 1010;}

/* IE7 Only */
*:first-child+html body #BuildingProducts {margin-top: -34px}
*:first-child+html body #FlooringProducts {margin-top: -68px}
*:first-child+html body #RoofingProducts {margin-top: -102px}
*:first-child+html body #PlumbingProducts {margin-top: -136px}
*:first-child+html body #SpecialistProducts {margin-top: -170px}
*:first-child+html body #Accessories {margin-top: -204px}
*:first-child+html body ul.MenuBarVertical a {padding: 5px 10px !important;}
*:first-child+html body ul.MenuBarVertical ul a {height: 225px}
*:first-child+html body ul.MenuBarVertical ul li p {margin-left: -30px !important; background-position: 163px 5px}

/*IE6 Only */
* html body #BuildingProducts {margin-top: -34px}
* html body #FlooringProducts {margin-top: -68px}
* html body #RoofingProducts {margin-top: -102px}
* html body #PlumbingProducts {margin-top: -136px}
* html body #SpecialistProducts {margin-top: -170px}
* html body #Accessories {margin-top: -204px}
* html body ul.MenuBarVertical a {padding: 5px 10px !important;}
* html body ul.MenuBarVertical ul a {height: 225px; border: #DFE6F8 !important;}
* html body div#FlashBanner {background-image: none;}
* html body  ul.MenuBarVertical ul li p {margin-left: -30px !important; background-position: 163px 5px}
 


/* slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
ul.MenuBarVertical li.MenuBarItemIE {display: inline; f\loat: left; background: #FFF;}
}



/* --------------------------------Home------------------------------*/

#TRBreadCrumbs_PrintIcon {display: none;}

#BottomBanner {height: 290px; width: 940px; background: transparent url(/images/UserUploadedImages/183/BottomBox.jpg) no-repeat right top; position: relative !important; }

#BottomBanner div a p  {font: normal 13px "trebuchet ms" !important; margin: 0; color: #004799 !important}

#BottomBanner div a:hover p, #BottomBanner div a:hover  {text-decoration: none !important;}

#BottomBanner div a:hover p strong {text-decoration: underline !important;}   

tr#Edtr4132 td#TDHTML,div#Module4132_RadEditor1 {height: 298px !important;}

#NewsletterSignup {position: absolute !important; top: 0; left: 0; width: 276px; height: 252px; margin: 25px 0 0 0 !important;
 }

#NewsletterSignup h2 {color: #444; margin: 20px 0 0 25px; width: 200px; line-height: 25px !important}

#NewsletterSignup div.TopFields {margin-top: 20px}

#NewsletterSignup div.TopFields input {margin: 5px 0 0 30px; padding: 0; font: normal 11px arial; width: 200px; height: 20px !important; border: none!important; }

#NewsletterSignup select {margin: 5px 0 0 30px; font: normal 11px arial; width: 200px; height: 20px; border: grey solid 1px}

#NewProduct {position: absolute; top: 0; left: 0; width: 167px; height: 97px; margin: 32px 0 0 294px; padding: 15px;}

#NewProduct a h2 {color: #004799; margin: 0; text-decoration: none !important;}

#NewProductImage {position: absolute; top: 0; left: 0; margin: 45px 0 0 385px; width:90px; text-align: right; }

#NewProduct p {width: 90px}

#TradeProblemSolver {position: absolute; top: 0; left: 0; width: 193px; height: 97px; margin: 32px 0 0 492px; padding: 15px; }

#TradeProblemSolver a h2 {color: #004799; margin: 0; text-decoration: none !important;}

#TradeProblemSolver .product-name{padding-top:120px; font-size:15px!important; font-weight:bold!important;}

#TradeProblemSolver p {text-align: right; width: 85px; float: right}

#FeaturedProduct {position: absolute; top: 0; left: 0; width: 167px; height: 96px;  margin: 159px 0 0 294px; padding: 15px}

#FeaturedProduct a h2 {color: #004799; margin: 0; text-decoration: none !important;}

#FeaturedProductImage {position: absolute; top: 0; left: 0; margin: 195px 0 0 385px; width:90px; text-align: right}

#FeaturedProduct p {width: 90px}

#SelleysTradePromotions {position: absolute; top: 0; left: 0; width: 193px; height: 96px; margin: 159px 0 0 492px; padding: 15px}

#SelleysTradePromotions a h2 {color: #004799; margin: 0; text-decoration: none !important;}

#SelleysTradePromotions p {width: 100px}

#ToolBoxTalk {position: absolute; top: 0; left: 0; width: 193px; height: 95px; margin: 114px 0 0 716px; padding: 15px}

#ToolBoxTalk a h2 {color: #004799; margin: 0; text-decoration: none !important; width: 100px; text-align: right; float: right}

#ToolBoxTalk p {clear: both; text-align: right}



/* --------------------------------Home 3 Panels------------------------------*/

#BottomBanner3 {height: 290px; width: 940px; background: transparent url(/images/UserUploadedImages/182/BottomBox3.jpg) no-repeat right top; position: relative !important; }

#BottomBanner3 h2 {font: Normal 18px Arial !important;}

#BottomBanner3 div a p  {font: normal 13px "trebuchet ms" !important; margin: 0; color: #004799 !important}

#BottomBanner3 div a:hover p, #BottomBanner div a:hover  {text-decoration: none !important;}

#BottomBanner3 div a:hover p strong {text-decoration: underline !important;}   

#BottomBanner3 #NewProduct {position: absolute; top: 0; left: 0; width: 167px; height: 97px; margin: 32px 0 0 294px; padding: 15px; display: none}

#BottomBanner3 #NewProduct a h2 {color: #004799; margin: 0; text-decoration: none !important;}

#BottomBanner3 #NewProductImage {position: absolute; top: 0; left: 0; margin: 45px 0 0 385px; width:90px; text-align: right; display: none}

#BottomBanner3 #NewProduct p {width: 90px}

#BottomBanner3 #TradeProblemSolver {position: absolute; top: 0; left: 0; width: 183px; margin: 32px 0 0 511px; padding: 15px; }

#BottomBanner3 #TradeProblemSolver a h2 {color: #004799; margin: 0; text-decoration: none !important;}

#BottomBanner3 #TradeProblemSolver p {text-align: left; margin: 0px 0 0 0; width: 183px}

#BottomBanner3 #FeaturedProduct {position: absolute; top: 0; left: 0; width: 183px; height: auto; margin: 165px 0 0 298px; padding: 15px;}

#BottomBanner3 #FeaturedProduct a h2 {color: #004799; margin: 0; text-decoration: none !important;}

#BottomBanner3 #FeaturedProductImage {position: absolute; top: 0; left: 0; margin: 70px 0 0 521px; width:183px; text-align: center}

#BottomBanner3 #PromotionsImage {position: absolute; top: 0; left: 0; margin: 157px 0 0 595px; width:90px; text-align: left; z-index: 200; display: none}

#BottomBanner3 #FeaturedProduct p {width: 183px}

#BottomBanner3 #SelleysTradePromotions {position: absolute; top: 0; left: 0; width: 184px; margin: 165px 0 0 511px; padding: 15px; border-top: #254C77 solid 1px; display: none}

#BottomBanner3 #SelleysTradePromotions a h2 {color: #004799; margin: 0; text-decoration: none !important;}

#BottomBanner3 #SelleysTradePromotions p {width: 80px}

#BottomBanner3 #ToolBoxTalk {position: absolute; top: 0; left: 0; width: 183px; height: 95px; margin: 114px 0 0 726px; padding: 15px;}

#BottomBanner3 #ToolBoxTalk a h2 {color: #004799; margin: 0; text-decoration: none !important; width: 100px; text-align: right; float: right}

#BottomBanner3 #ToolBoxTalk p {clear: both; text-align: right}


/* --------------------------------Home 4 Panels------------------------------*/

#BottomBanner4 {height: 290px; width: 940px; background: transparent url(/images/UserUploadedImages/182/BottomBox3.jpg) no-repeat right top; position: relative !important; }

#BottomBanner4 h2 {font: Normal 18px Arial !important;}

#BottomBanner4 div a p  {font: normal 13px "trebuchet ms" !important; margin: 0; color: #004799 !important}

#BottomBanner4 div a:hover p, #BottomBanner div a:hover  {text-decoration: none !important;}

#BottomBanner4 div a:hover p strong {text-decoration: underline !important;}   

#BottomBanner4 #NewProduct {position: absolute; top: 0; left: 0; width: 167px; height: 97px; margin: 32px 0 0 294px; padding: 15px; display: none}

#BottomBanner4 #NewProduct a h2 {color: #004799; margin: 0; text-decoration: none !important;}

#BottomBanner4 #NewProductImage {position: absolute; top: 0; left: 0; margin: 45px 0 0 385px; width:90px; text-align: right; display: none}

#BottomBanner4 #NewProduct p {width: 90px}

#BottomBanner4 #TradeProblemSolver {position: absolute; top: 0; left: 0; width: 183px; margin: 32px 0 0 511px; padding: 15px; }

#BottomBanner4 #TradeProblemSolver a h2 {color: #004799; margin: 0; text-decoration: none !important;}

#BottomBanner4 #TradeProblemSolver p {text-align: right; width: 110px; float: right}

#BottomBanner4 #FeaturedProduct {position: absolute; top: 0; left: 0; width: 183px; height: auto; margin: 165px 0 0 298px; padding: 15px;}

#BottomBanner4 #FeaturedProduct a h2 {color: #004799; margin: 0; text-decoration: none !important;}

#BottomBanner4 #FeaturedProductImage {position: absolute; top: 0; left: 0; margin: 70px 0 0 521px; width:90px; text-align: left}

#BottomBanner4 #FeaturedProductImage img {width: 60px}

#BottomBanner4 #PromotionsImage {position: absolute; top: 0; left: 0; margin: 157px 0 0 595px; width:90px; text-align: left; z-index: 200}

#BottomBanner4 #FeaturedProduct p {width: 183px}

#BottomBanner4 #SelleysTradePromotions {position: absolute; top: 0; left: 0; width: 184px; margin: 165px 0 0 511px; padding: 15px; border-top: #254C77 solid 1px}

#BottomBanner4 #SelleysTradePromotions a h2 {color: #004799; margin: 0; text-decoration: none !important;}

#BottomBanner4 #SelleysTradePromotions p {width: 80px}

#BottomBanner4 #ToolBoxTalk {position: absolute; top: 0; left: 0; width: 183px; height: 95px; margin: 114px 0 0 726px; padding: 15px;}

#BottomBanner4 #ToolBoxTalk a h2 {color: #004799; margin: 0; text-decoration: none !important; width: 100px; text-align: right; float: right}

#BottomBanner4 #ToolBoxTalk p {clear: both; text-align: right}