/*--IE8 Compatible--*/
#tblContent1 td {white-space:normal !important;}
#tblContent2 td {white-space:normal !important;}
#tblContent3 td {white-space:normal !important;}


/* --------------------------------Site Layout-------------------------------*/

#TDSearchResults a{color:#004895!important;}
#TDSearchResults Ol li span.resultHead{color:#004895!important;}
#TDSearchResults Ol li span.resultNumber {color:#004895!important;}
#TDSearchResults div {width:900px; margin:0 auto;}
#TDSearchResults ol {width:900px; margin:0 auto;}

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}

#TableTopNavBar td {vertical-align: middle !important}

#TRBreadCrumbs_PrintIcon td {background: none; padding: 3px 7px 5px 0; text-align: right;}

#TRBreadCrumbs_PrintIcon td a.clsAltNormalOneSmaller {font: normal 12px "trebuchet ms" !important; margin: 0; color: #004799 !important; padding: 0 5px}

#FlashBanner {position: absolute; top: 124px; margin-left: -22px;}

tr#Edtr4106 td#TDHTML {height: 298px}

#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: 896px !important; margin: 0 auto 30px auto !important;}

TD#tblContentTD1, TD#tblContentTD2 {padding-right: 23px}  

table#tblContent1, table#tblContent2 {}


/* --------------------------------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, #footer p, #footer a:visited {font: normal 13px "trebuchet ms"; text-decoration:none!important; margin: 0; color: white}

#footer a:hover {text-decoration: underline!important;}



/* --------------------------------Text-------------------------------*/


td, div {font: normal 13px "trebuchet ms" !important; margin: 0; color: #004799 !important}

p {}


TD#tblContentTD2 p a {font: normal 13px "trebuchet ms" !important; margin: 0; color: #004799 !important}

#MaintableForContent ul {padding-left: 0; list-style: none; margin: 0 10px 10px 0; }

#MaintableForContent ul li {padding: 0 0 3px 25px; font: Normal 13px "trebuchet ms"; background: url(/Images/UserUploadedImages/183/MainBullet.png) no-repeat left 5px}

a, a:hover, a:visited, a:focus{text-decoration: underline;}

a:hover {text-decoration: none }

p a, p a:hover, p a:visited{margin:0px; font: 13px "trebuchet ms"!important; color: #004799; text-decoration:underline;}

h1 {font: Bold 24px Arial !important}

h2 {font: Normal 18px Arial !important}

h3 {font: bold 15px Arial !important}

h4 {font: bold 13px Arial !important}

h5 {font: italic 13px Arial !important}



/* --------------------------------Products-------------------------------*/



.BackToProduct {background: url(/images/UserUploadedImages/183/BackToProductTop.gif) no-repeat;}

.BackToProduct td {width: 190px; background: url(/images/UserUploadedImages/183/BackToProductBottom.gif) bottom left no-repeat; height: 40px; text-align: center; padding: 5px 5px 10px 5px}  

.BackToProduct a, .BackToProduct a:visited {font: Bold 13px Arial; color: white; display: block; width: 170px; margin: 0 auto; text-align: left; text-decoration: none}

.BackToProduct a:hover {text-decoration: underline}  

.ProductDetails {background: url(/images/UserUploadedImages/183/ProductDetailsTop.gif) no-repeat; margin-top: 13px}

.ProductDetails td {width: 190px; background: url(/images/UserUploadedImages/183/ProductDetailsBottom.gif) bottom left no-repeat; height: 200px; padding: 10px 0; text-align: center} 

.ProductDetails h3 {width: 170px; background-color:#004799; color: white; font: bold 13px "trebuchet ms" !important; padding: 5px 10px; margin: 0 !important; text-align: left} 

.ProductDetails h4 {width: 168px; background-color:#D8E8F7; font: normal 12px "trebuchet ms" !important; padding: 3px 10px; margin: 0 !important; border-left: 1px solid #004799; border-right: 1px solid #004799;  text-align: left} 

.ProductDetails ul {padding-left: 0; list-style: none; margin: 5px 10px !important;  text-align: left}

.ProductDetails ul li {padding: 0 0 3px 15px !important; font: Normal 12px "trebuchet ms" !important; background: url(/Images/UserUploadedImages/183/ProductBullet.png) no-repeat left 7px !important;  text-align: left}


.ProductDetails p {font: Normal 12px "trebuchet ms"; margin: 0 10px; padding-bottom: 10px;  text-align: left}

.ProductDetails img {margin: 0 auto;}

.ProductAncor {background: url(/images/UserUploadedImages/183/ProductAncorTop.gif) no-repeat; width:140px}

.ProductAncor td {width: 140px; background: url(/images/UserUploadedImages/183/ProductAncorBottom.gif) bottom left no-repeat; height: 200px; padding: 10px 0} 

.ProductAncor h2 {padding: 5px 15px} 

.ProductAncor p {padding: 0 15px; font: Normal 12px "trebuchet ms" !important;} 

.productAncor p img{margin-top:10px;}

.ProductAncor ul {padding-left: 0; list-style: none; margin: 0 15px 15px 15px !important; }

.ProductAncor ul li {padding: 0 0 3px 15px !important; font: Normal 12px "trebuchet ms" !important; background: url(/Images/UserUploadedImages/183/ProductBullet.png) no-repeat left 7px !important;}

.ProductAncor ul li a {font: Normal 12px "trebuchet ms" !important; text-decoration: underline; color: #004799 !important;}

.ProductAncor ul li a:hover {text-decoration: none;  !important;}

.ProductInfo {border: 1px solid #004799; width: 100%; margin-top: 20px}

.ProductInfo td {border: white solid 10px !important;}

/***Related Products ***/

h1.related-products, h2.related-products{padding:10px 0 0px 0; font: Bold 24px Arial !important;}
#RelatedProducts td {padding-top: 15px}

#RelatedProducts {border-top: #0053A0 solid 1px; width: 100%; margin:20px 0;}

#RelatedProducts .image{padding-right:20px; width:110px; text-align:center;}
#RelatedProducts h2 a{font:normal 18px "trebuchet ms", Arial, Verdana, Tahoma; color:#004799!important;}
#RelatedProducts p.RelatedProducts a{text-decoration:none;}


#msds-button{display:none;}




/***New Products page *******/

.new-products{
 clear:both;
 height:130px;
 margin-bottom:15px;
}
.new-products img{
 float:left;
 margin-right:15px;
}
.new-products h2{
 margin-top:10px;
}
.new-products p{
 font-size:13px!important;
}
.new-products a{
 color:#0053A0!important;
}



/* --------------------------------Product Landing-------------------------------*/


#ProductLanding {margin: 30px 0 0 0; }

#ProductLanding td {padding: 0 0 0 0; width: 200px; position: relative; overflow: auto }

td#LandingContentSpacer {padding: 0 52px}

#ImageHolder {position:relative; margin-bottom: 30px
}
#Frame {position:absolute; top:0; left:0; width:200px;}

#ProductLandingRightPanel {margin: 45px 0 0 29px}

#advise1, #advise2, #advise3, #advise4{display:none;}

#ProductLanding a{MARGIN: 0px; FONT: 13px "trebuchet ms"; COLOR: #004799 !important}

#tblContent2 h1{margin:0;}

.widget{margin-top:15px;}

#ProductLanding  dl , .widget dl{padding-left: 0; list-style: none; margin: 0 15px 15px 0 !important; }

#ProductLanding  dl dt , .widget dl dt{padding: 0 0 0 15px !important; font: Normal 13px "trebuchet ms" !important; background: url(/Images/UserUploadedImages/183/ProductBullet.png) no-repeat left 7px !important;}

#ProductLanding  dl dt a, .widget dl dt a {font: Normal 13px "trebuchet ms" !important; text-decoration: underline; color: #004799 !important;}

#ProductLanding  dl dt a:hover, .widget dl dt a:hover{text-decoration: none;  !important;}

#placeholder1 a{color:#0053A0; text-decoration:none!important; font-size:13px!important;}
#placeholder1 a:hover{color:#0053A0; text-decoration:underline!important;}


/*******************************Form Creator Styles***********************************/

.contact_heading{margin:0 0 20px 30px!important;}
#divFormCreatorTableContentMain{padding-left:30px;}
.formCreatorTable table h2{font-weight:bold; color:#FDB92F;}
.formCreatorTable table p label{font-size:12px!important; font-family:Arial;}


/**Fix Radio buttons **/

#divFormCreatorTableContentMain p {display:block!important;clear:both;}

#divFormCreatorTableContentMain .clsCheckBoxListSpanOptions,
#divFormCreatorTableContentMain .clsRadioButtonListSpanOptions {display:block; float:left; margin-bottom:12px;}

#divFormCreatorTableContentMain p input.clsRadioButtonList,
#divFormCreatorTableContentMain p input.clsCheckBoxList {float:left !important; clear:both !important; margin-left:200px;}

*:first-child+html #divFormCreatorTableContentMain p input.clsRadioButtonList,
*:first-child+html #divFormCreatorTableContentMain p input.clsCheckBoxList {float:left !important; clear:both !important; margin-left:auto;}

*html #divFormCreatorTableContentMain p input.clsRadioButtonList,
*html #divFormCreatorTableContentMain p input.clsCheckBoxList {float:left !important; clear:both !important; margin-left:0;}

#divFormCreatorTableContentMain p label{width:200px!important;}

#divFormCreatorTableContentMain p label.clsCheckBoxListLabel,
#divFormCreatorTableContentMain p label.clsRadioButtonListLabel {width:400px!important; float:right!important; padding-top:3px; margin-top:-20px;}

*:first-child+html #divFormCreatorTableContentMain p label.clsCheckBoxListLabel,
*:first-child+html #divFormCreatorTableContentMain p label.clsRadioButtonListLabel {float:right!important; padding-bottom:2px; margin-top:auto;width:398px!important;}

*html #divFormCreatorTableContentMain p label.clsCheckBoxListLabel,
*html #divFormCreatorTableContentMain p label.clsRadioButtonListLabel {width:390px!important; float:right!important; padding-bottom:2px; margin-top:0;}



/* -----------------Contact Details--------------------------- */

.AdLeft2{
 width: 14px;
 background-image: url(../images/UserUploadedImages/22/Adlett2.GIF);
 height:15px;
 background-repeat: no-repeat;
 background-position: left top;
}

.AdMiddleRight1{
 background-image: url(/images/UserUploadedImages/22/AdMiddleRight1.gif);
 background-repeat: repeat-y;
 background-position: right;
}

#AdContent{
 padding-right:4px;
 padding-bottom:10px;
}

.AdMiddleLeft1{
 background-image: url(/images/UserUploadedImages/22/AdMiddleLeft1.gif);
 background-repeat: repeat-y;
}

.AdMiddleTop1{

 background-image:url(../images/UserUploadedImages/22/AdTop1.gif);
 background-repeat: repeat-x;
 background-position: top;
 background-color:#0053A0;
 padding-top:13px;
 vertical-align:bottom!important;
}

.AdMiddleBottom1{
 height: 10px;
 background-image:url(/images/UserUploadedImages/22/AdBottom1.gif);
 background-repeat: repeat-x;
 background-position: bottom;
}
.AdRight2{
 width: 14px;
 background-image: url(/images/UserUploadedImages/22/AdRight2.gif);
 background-repeat: no-repeat; background-position: right top;
}
.AdRightBottom1{
 background-image: url(/images/UserUploadedImages/22/AdRightB1.gif);
 background-repeat: no-repeat;
 background-position: right bottom;
}
.AdLeftBottom1{
 background-image: url(/images/UserUploadedImages/22/AdLeftB1.gif);
 background-repeat: no-repeat;
 background-position: left bottom;
}

.WhiteBold h2, .WhiteBold a:link, .WhiteBold a:active, .WhiteBold a:visited,.WhiteBold a:hover{font-family: Arial, Helvetica, 
sans-serif; font-size: 15px!important; font-weight:bold!important; text-decoration: none; color: #0053A0; font-weight: bold;}

.HandyHintsTable h2{font-size: 13px!important; font-weight:bold!important; color: #fff;}
.HandyHintsTable h3{margin:0px!important; font-size:12px!important;}
.HandyHintsTable p{margin:0 0 10px 0}


/*******************Sitemap *********************************/

#trTypeMenu a{font: normal 13px "trebuchet ms"; color: #004799;}
#trTypeMenu a.clsMidHeader{font: bold 13px "trebuchet ms"; display:block;}




















































































