/* ---------------------CSS Document For SST-------------------------------- */

/* General Styles Throughout The Site */

html,body{margin:0px 0px 0px 0px;padding:0; background-color:#E1E1E3; background-image:url(../Images/bg_background.jpg); background-position:top; background-repeat:repeat-x; color:#333333;}
body{font: 76% arial,sans-serif;text-align:center;}
p{margin:10px 0px 10px 0px; color:#333333;}
h1 { font-size:30px; font-weight:normal; padding-top:0px; color:#D20000; font-family: Gill Sans, arial,sans-serif; border-bottom: 1px solid #D20000; margin-top:0px;}
h2 { font-size:21px; font-weight:normal; padding-top:0px; color:#D20000; font-family: Gill Sans, arial,sans-serif; margin-top:10px; margin-bottom:5px;}
h3 { font-size:21px; font-weight:normal; padding:0px 0px 5px 0px; color:#D20000; font-family: Gill Sans, arial,sans-serif; margin-top:10px; margin-bottom:15px; border-bottom: 1px solid #CCC;}
a{color: #D20000; text-decoration:none;}
a:hover{color: #D20000; text-decoration:underline;}
.floatleft { float:left;}
.floatright { float:right;}
.floatrightPad { float:right; margin-top:28px;}
.border { border: 1px solid #CCC; width:293px;}

/* Header and Top Navigation */

div#header{height:93px; margin:0; background:#000; color: #79B30B; background-image:url(../Images/bg_header.jpg); background-repeat:repeat-x;}
div#header .logo{ margin:0px 0px 0px 0px; float:left; padding-left:30px;}
div#header a{ color:#aaaaaa;}
div#header .pages{float:left; width:380px; position:relative; top: 10px; left:30px; background-color:transparent;}
div#header .bullet{ position:relative; margin:0px 3px 0px 3px; padding-top:5px; }
div#header .search{ margin:5px 0px 0px 0px; float:right; height: 60px;text-align:right; padding-right: 40px; background-color:transparent;}
div#header .searchlabel{ position:relative; top: 5px;}
div#header .searchbutton{ position:relative; top: 13px; left: 5px;}
div#header .strapline{ position:relative; top: 15px; left: 5px;}
div#mainnav{height:30px; margin:0; background:#DB3333; color: #DB3333; clear:both; background-image:url(../Images/bg_tabs.gif); background-repeat:repeat-x;}
div#mainnav .tab{ width:135px; height:30px; float:left; text-align:center;}
div#mainnav .tab:hover{ background-image:url(../Images/bg_tabs_on.gif); background-repeat:repeat-x;}
div#mainnav .tab2{ width:139px; height:30px; float:left; text-align:center;}
div#mainnav .tab2:hover{ background-image:url(../Images/bg_tabs_on.gif); background-repeat:repeat-x;}
div#mainnav .tabsplitter{ width:2px; height:30px; float:left; background-image:url(../Images/tabs_split.gif);}


/* Main Content - Home Page */

div#container{text-align:left; background-color:#FFFFFF;width:962px;margin:0 auto; padding: 10px; margin-top:30px;}
div#homecontent { margin:10px 0px 0px 0px; background-color:pink;}
div#homecontent #flash{ width: 720px; height:243px; float:left; z-index:1;}
.askexpert{ width: 232px; height:248px; float:right; background-color:#E6E6E6; background-image:url(../Images/bg_askexpert.jpg); background-repeat:no-repeat;}
.askexperttext{ position:relative; width: 115px; height:140px; left: 110px; top: 50px; background-color:transparent;}
.prodsearch{ width: 232px; height:48px; float:right; background-color:#E6E6E6; margin:0px 0px 0px 0px;}
.dropdown{ width: 212px; margin: 7px 0px 0px 10px;}

/* Main Content - List and Detail Pages */

div#content { margin:10px 0px 0px 0px; background-image:url(../Images/bg_content.jpg); background-repeat:repeat-x; overflow:hidden; float:left; background-color:transparent; width:962px;}

div#none{ margin:40px 0px 20px 20px;}

div#breadcrumbs{ padding: 10px;}

div#leftcolumn{ width: 232px; float:left; padding-left: 10px; background-color:transparent; }
div#leftcolumn .featuredproduct{ width: 232px; height:169px; margin-top: 10px; float:right; background-color:#E6E6E6;}
div#leftcolumn .askexpert{ width: 232px; height:248px; margin-top: 10px; float:right; background-color:#E6E6E6; background-image:url(../Images/bg_askexpert.jpg); background-repeat:no-repeat;}
div#leftcolumn .askexperttext{ position:relative; width: 118px; height:140px; left: 110px; top: 50px; background-color:transparent;}
div#leftcolumn .leftnav{ }
div#leftcolumn ul{ margin:0px; padding:0px; list-style-type: none;}
.linkOn { color:#000;}
div#leftcolumn ul li{ border-bottom: 1px solid #F4C1C1; font-weight:bold; list-style-type: none; padding: 5px 5px 5px 15px; background-image:url(../Images/bullet_01.jpg); background-repeat:no-repeat; background-position: 5px 8px;}
div#leftcolumn ul li ul{ margin:5px -5px -6px -15px; padding:0px; list-style-type: none; border-top: 1px solid #F4C1C1; }
div#leftcolumn ul li ul li{ padding-left:30px; background-image:url(../Images/bullet_01.jpg); background-repeat:no-repeat; background-position: 20px 8px;}
div#leftcolumn ul .on{ font-weight:bold;}
div#leftcolumn .topblack{ background-image: url(../Images/topblack.jpg); padding:5px 3px 3px 6px; width:223px; height:31px; color:#FFF; font-weight:bold;font-family: Gill Sans, arial,sans-serif; font-size:15px; font-weight:bold; }
div#leftcolumn .topred{ background-image: url(../Images/topred.jpg); padding:5px 3px 3px 6px; width:223px; color:#FFF; height:31px; font-family: Gill Sans, arial,sans-serif; font-size:15px; font-weight:bold;}
div#leftcolumn .thumb{ width: 210px; height:115px; border:1px solid #CCC; margin-top: 5px; margin-left: 10px;}

div#centrecolumn { width: 690px; float:right; position:relative;  bottom: 5px; margin-right:10px; background-color:transparent;}

div#prods{ width:690px; background-color:transparent; float:left; margin-top:10px;}
.prodHeader {font-size:21px; font-weight:normal; padding-top:0px; color:#D20000; font-family: Gill Sans, arial,sans-serif; margin-top:10px; margin-bottom:5px; height:50px; background-color:transparent;}
.prodText{ width:216px; background-color:transparent; height:85px; overflow:auto; float:left;}

div#centrecolumn .row { clear:both; overflow:hidden; }
div#centrecolumn .column { width:216px; float:left; margin-right:10px; border-bottom: 1px solid #CCC; background-color:transparent; }


div#centrecolumn .specTable{  border-left:1px solid #FF0000; border-right:1px solid #FF0000; border-bottom:1px solid #FF0000; float:left; width:690px; background-image:url(../Images/bg_row.jpg); background-repeat:repeat-y;  }
div#centrecolumn .rowred {  border-top:1px solid #FF0000; overflow:hidden; background-image:url(../Images/bg_row.jpg); background-repeat:repeat-y;}
div#centrecolumn .columnred { width:215px; float:left;  padding:3px; font-weight:bold; background-color:Transparent;}
div#centrecolumn .columnred2 { width:457px; float:left; padding:3px 3px 3px 5px; background-color:Transparent; }

div#centrecolumn .expand{ position:absolute; left: 670px;}
div#centrecolumn .thumb{ width: 215px; height:120px; border:1px solid #CCC; margin-bottom: 15px; float:left; padding:0px;}
div#centrecolumn .thumbnews{ width: 215px; height:120px; border:1px solid #CCC; margin-bottom: 15px; margin-right:15px; float:left; background-color:Yellow;}
div#centrecolumn .newsImage{ width:230px; background-color:transparent; float:left; height:auto; margin-top:10px;}
div#centrecolumn .newsContent{ width:460px; background-color:transparent; float:left; height:auto;}

div#centrecolumn .date{ font-size:10px;}
div#centrecolumn .articleIntro{ background-color:transparent;}

div#centrecolumn .separator{ height:21px; clear:both; background-image:url(../Images/separator.jpg); background-repeat:repeat-x;}

div#centrecolumn .productimages{ margin-bottom: 10px; float:right; width: 295px; margin-left:15px; overflow:hidden; background-color:transparent;}

div#centrecolumn .contactImages{ margin-bottom: 10px; float:right; margin-left:15px; overflow:hidden; background-color:transparent;}

div#centrecolumn .prodImg{float:left; width: 293px; overflow:hidden; border:solid 1px #CCC;}

div#centrecolumn .thumbimages{ margin-top: 10px; margin-left:10px; border:1px solid #CCC; overflow:hidden; width:64px; float:left; height:40px;}
div#centrecolumn .thumbimagesFirst{ margin-top: 10px; border:1px solid #CCC; overflow:hidden; width:64px; float:left; height:40px;}

div#rightcolumn { width: 232px; float:right;}


/*Forms*/

.formOutline{ background-color:transparent;
    width:600px;
    float:left;
    margin-top:10px; 
    }

.formLine{
    width:600px;
    background-color:transparent;
    float:left;
    margin-bottom:2px;    
    }    

.formText{
    width:130px;
    background-color:transparent;
    float:left;
    padding-top:6px; 
    color:#333; 
    }
    
 .formInput{
    width:350px;
    background-color:transparent;
    float:left;
    }

.formButton{ width:200px; text-align:right; background-color:transparent;}
.errorLine{ width:330px; text-align:left; color:#D20000; font-weight:bold;}
.textBox{ width:200px;}
.redCol{color:#D20000;}
       
/*End Forms*/

/* Boxes On Homepage */

div#homeboxes{float:left; width:100%; margin-top: 10px; clear:both;}
div#homeboxes a{ color:#FFF; text-decoration:none;}
div#homeboxes a:link{ color:#FFF; text-decoration:none;}
div#homeboxes a:visited{ color:#FFF; text-decoration:none;}
div#homeboxes a:hover{ color:#FFF; text-decoration:none;}
div#homeboxes p{ color:#FFFFFF; margin-top:10px; margin-right:5px;}
div#homeboxes h1{ font-size:21px; color:#FFFFFF; font-weight:normal; visibility:hidden; line-height:0px; margin:0px; padding:0px;}
div#homeboxes .image{ float:left; width: 70px; height:122px; margin: 5px 10px 0px 10px;}
div#homeboxes .button{ float:right; margin-right: 10px; background-color:transparent; float: left; position: relative; left: 70px;}
div#homeboxes .boxone{ width:232px; height: 172px; float:left; margin-right: 11px; background-image:url(../Images/bg_boxone.jpg); background-repeat:repeat-x; overflow:hidden;}
div#homeboxes .boxtwo{ width:232px; height: 172px; background-color:#585858; float:left; margin-right: 11px; background-image:url(../Images/bg_boxtwo.jpg); background-repeat:repeat-x; overflow:hidden;}
div#homeboxes .boxthree{ width:232px; height: 172px; background-color:#000000; float:left; margin-right: 11px; background-image:url(../Images/bg_boxthree.jpg); background-repeat:repeat-x; overflow:hidden;}
div#homeboxes .boxfour{ width:232px; height: 172px; background-color:#4F7C16; float:left; background-image:url(../Images/bg_boxfour.jpg); background-repeat:repeat-x; overflow:hidden;}
.boxHeader{ height:29px; background-color:transparent; width:222px; padding:15px 0px 0px 10px; color:#FFF;font-family: Gill Sans, arial,sans-serif; font-size:18px; font-weight:300; }
.boxContent{ height:138px; width:232px; background-color:transparent;}
.panelImage{ width:70px; background-color:transparent; float:left; padding:10px 10px 0px 10px; height:128px; }
.panelText{ width:142px; background-color:transparent; float:left; height:90px; position:relative; }
.panelButton{}

/*Accordians*/

.accordians{width: 100%; margin-top:20px; margin-bottom:20px;  }
.breakAccordians{width: 100%; height: 1px; padding: 0 0 4px 0; margin-bottom: 4px;}
.AccordionHeader {width:100%; border-bottom: solid 1px #CCC; color:#D20000; padding-bottom:5px; font-family: Gill Sans, arial,sans-serif;  font-size:18px; font-weight:normal; }
.AccordionHeader2 {width:100%; border-bottom: solid 1px #CCC; color:#D20000; padding-bottom:5px; font-family: Gill Sans, arial,sans-serif;  font-size:14px; font-weight:normal; }
.intranetDocRow{width: 99%; padding-top: 2px; padding-bottom: 2px; float: left;}
.wholeLine{ width:690px; float:left; background-color:transparent; margin-bottom:4px; margin-top:4px; padding-top:5px; clear:both;}
.topLine{ width:400px; float:left; background-color:transparent; margin-bottom:4px; margin-top:4px;}
.docimage{ float:left; background-color:transparent; width:40px;}
.doctext { width:99%; background-color:transparent; float:left; margin-bottom:4px;}
.dateText{ width:160px; float:right; background-color:transparent;}
.docTitle{ float:left; width:490px; background-color:transparent; color:#D20000; font-family: Gill Sans, arial,sans-serif;  font-size:14px; font-weight:normal; }
/*Paging*/

.paging{ width:690px; float:left; background-color:transparent; text-align:center; margin-top:15px; border-top: solid 1px #CCC;}


/*SiteMap*/

#sitemap{
    background-color:transparent;
    width:320px;
    margin:10px 0px 0px 20px;
    padding:0px 0px 0px 0px;
    float:left;
    }

#sitemap .rootnode{
    background-color:transparent;
    background-image:url('sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:300px;
    height:15px;
    margin:0px 0px 0px 0px;
    padding:5px 0px 2px 20px;
    float:left;
    font-weight:bold;
    }   
    
#sitemap .subnode{
    background-color:transparent;
    background-image:url('sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:280px;
    margin:0px 0px 0px 12px;
    padding:2px 0px 2px 20px;
    float:left;
    } 
    
#sitemap .subnode2{
    background-color:transparent;
    background-image:url('sitemaplink2.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:280px;
    margin:0px 0px 0px 24px;
    padding:2px 0px 2px 20px;
    float:left;
    }     

/* Footer Information */

div#footer{clear:both; width:100%; padding:10px 0px 0px 0px; margin-top:10px; background-image:url(../Images/bg_footer.gif); background-repeat:no-repeat; height:70px;}
div#footer .links{ clear:both; width:70%; height:20px; background-color:transparent; margin-left:40px; padding-top:10px;}
div#footer p{margin:0;padding:5px 10px 10px 30px;}

.clearBoth{ clear:both;}

.rButt{ margin-top:5px; float:left; clear:both;}