body{
    background:url(/images/bg.jpg) repeat-x; 
    margin:0px; 
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 62.5%; /* 62.5% sets the default font-size to 10px, makes it easier for setting EM font-sizes */
    background-color:#e6e6e6;
}
a{
    color:#5099d8;
}
.content a:visited { color:#800080; }
.content a:hover {color:#f26522;}
#left a:hover {color:#f26522;}
#container{
    width:776px; 
    margin:auto;
}
#banner{
    float:left;
    margin:0px;
    padding:0px 28px 0px 28px;
    background:url(/images/banner_bg.jpg) no-repeat;
}
.masthead {
    background: url(/images/masthead.jpg) 0 no-repeat;
    display: inline;
    float: left;
    height: 144px;
    margin: 0px 8px;
    padding-top: 66px;
    width: 760px;
}
.masthead h2#change {
    display: none;
    }
.masthead p {
    color:white;
    font-size:1.1em;
    line-height:1.6em;
    margin:0pt;
    padding:17px 0pt 0pt 28px;
    width:395px;
}
.masthead p span {
    font-weight: bold;
}
.logo{
    margin:25px 50px 11px 0px;
}
.tollFree { float: right; height: 35px; text-align: right; width: 269px; }
.tollFree p { font-family: HelveticaNeue, Helvetica, Arial; font-weight: bold; margin: 0; padding: 0; }
.tollFree p.tf { color: #737373; font-size: 16px; letter-spacing: 1px; }
.tollFree p.tf span { color: #000; font-size: 12px; }
.tollFree p.ehp { color: #005baa; font-size: 16px; }
.tollFree p.ehp span { color: #5099d8;}

.bannernavigation{
    width:718px;
    float:left;
    height:44px;
    display:block;
    /*margin-bottom:20px;*/
}
.bannernavigation a{
    font-size:10px;
    color:#fff;
    float:left;
    text-decoration:none;
    height:18px;
    font-weight:bold;
    padding:5px 24px 0px 25px;
    background-color:#005baa;
    border-bottom:1px #fff solid;
    border-right:1px #fff solid;
}
.bannernavigation a.contact{
    padding:5px 26px 0px 26px;
    margin:0px;
    border-right:0px;
}
.bannernavigation a:hover, #banner_current{
    background-color:#003c81;
    border-bottom:1px #003c81 solid;
}
.search{
    float:right;
    padding:10px 0px 10px 200px;
}
#main{
    float:left;
    width:776px;
    background:url(/images/content_bg.gif) repeat-y;
}
#maincontent{
    padding:0px 27px 0px 23px;
    float:left;
    background:url(/images/content_bg1.gif) no-repeat;
}
.content{
    float:left;
    display:block;
    line-height:1.5em;
    color:#585858;
    width:520px;
    padding-left:4px;
}
.topContent {
padding-top: 20px;
}
.contimg{
    float:left;
    padding:0px 0px 15px 0px;
}
h1{
    color:#4981ba;
    font-size:20px;
    padding:20px 0px 10px 0px;
    margin:0px;
}
.ctalinks{
    background:url(/images/cta_bg.jpg) no-repeat;
    height:46px;
    display:block;
    font-size:11px;
    width:731px;
}
.ctalinks a{
    background:url(/images/arrow.gif) no-repeat 20px 11px;
    padding:8px 15px 0px 32px;
    float:left;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
}
.ctalinks a.small{
    background:url(/images/arrow.gif) no-repeat 16px 11px;
    padding:8px 10px 0px 29px;
    float:left;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
}
.ctalinks a:hover{
    color:#fff;
}
#left{
    width:195px;
    float:left;
    padding:0px 0px 0px 5px;
    font-size:10px;
    line-height:15px;
}
#left ul{
    margin:0px;
    padding:0px 0px 10px 0px;
}
#left ul li{
    background:url(/images/bullet.gif) no-repeat 0px 6px;
    list-style:none;
    padding:0px 0px 0px 10px;
}
.content ul{
    margin:0px;
    padding:10px 0px 10px 20px;
}
.content ul li{
    background:url(/images/bullet.gif) no-repeat 0px 7px;
    list-style:none;
    padding:0px 0px 5px 10px;
}
#left h2{
    color:#fff;
    margin:0px;
    padding:6px 0px 0px 8px;
    font-size:17px;
    height:25px;
    display:block;
    font-size:17px;
    font-weight:bold;
    background:url(/images/blue_bg.gif) no-repeat;
}
#left h2 a, #left h3 a{
    color:#fff;
    text-decoration:none;
}
#left h2 a:hover, #left h3 a:hover{
    color:#fff;
    text-decoration:none;
}
#left h3{
    color:#fff;
    margin:0px;
    padding:6px 0px 0px 8px;
    font-size:17px;
    height:26px;
    display:block;
    font-size:17px;
    font-weight:bold;
    background:url(/images/red_bg.gif) no-repeat;
}
font.cmx-Red{
    color:#ee9595;
}
font.cmx-Blue{
    color:#7cafdb;
}
#left .gradient{
    background:url(/images/left_gradient.gif) repeat-x;
    background-color:#fff;
    display:block;
    width:170px;
    padding:5px 0px 20px 10px;
}
#left .redgradient{
    background:url(/images/left_gradient.gif) repeat-x;
    background-color:#fff;
    display:block;
    width:168px;
    padding:5px 0px 20px 10px;
    border-right:1px #ca0000 solid;
    border-left:1px #ca0000 solid;
}
#right{
    float:right;
    font-size:10px;
    padding-top:10px;
    position: relative;
}
div.rate{
    border-top: 1px dashed #eaeaea;
    float: right;
    margin-bottom: 0px;
    padding-top: 10px;
    width:522px;
}
#right a.email{
    background:url(/images/email.gif) no-repeat 0px 1px;
    padding:0px 20px 10px 20px;
    float:left;
    color:#000;
    text-decoration:none;
}
#right a.print{
    background:url(/images/print.gif) no-repeat;
    padding:0px 30px 10px 20px;
    float:left;
    color:#000;
    text-decoration:none;
}
#right a:hover {color:#f26522;}
.breadcrumbs{
    color:#000;
    font-size:10px;
    display:block;
}
.breadcrumbs a, .breadcrumbs a:visited{
    color:#4f94cb;
}
.mainnavigation{
    float:right;
    width:521px;
    color:#6ba4d4;
    font-size:10px;
    border-top:1px #dae8f4 solid;
    padding:8px 0px 0px 0px;
    line-height:16px;
    /*margin:0px 8px 10px 0px;*/
}
.mainnavigation a{
    text-decoration:none;
    color:#6ba4d4;
}
.mainnavigation a:visited{
    color:#6ba4d4;
}
.mainnavigation a:hover{
    color:#f26522;
}
#tab{
    width:520px;
    border-bottom:6px #5299d9 solid;
}
#tab a{
    color:#fff;
    margin:0px;
    padding:5px 0px 5px 0px;
    float:left;
    font-size:10px;
    height:20px;
    text-decoration:none;
    font-weight:bold;
    border-right:2px #fff solid;
    text-align:center;
}
#tab a.tab1{
    width:160px;
    background:url(/images/tabbg1.gif) no-repeat;
}
#tab a.tab2{
    width:117px;
    background:url(/images/tabbg2.gif) no-repeat;
}
#tab a.tab3{
    width:100px;
    background:url(/images/tabbg3.gif) no-repeat;
}
#tab a.tab4{ 
    width:70px;
    background:url(/images/tabbg4.gif) no-repeat;
}
#tab a.tab1:hover, a.tabactive1{
    width:160px;
    background:url(/images/tabbg1_over.gif) no-repeat;
}
#tab a.tab2:hover, a.tabactive2{
    width:117px;
    background:url(/images/tabbg2_over.gif) no-repeat;
}
#tab a.tab3:hover, a.tabactive3{
    width:100px;
    background:url(/images/tabbg3_over.gif) no-repeat;
}
#tab a.tab4:hover, a.tabactive4{
    width:70px;
    background:url(/images/tabbg4_over.gif) no-repeat;
}
#tab a:visited{
    color:#fff;
}
.tabcontent{
    display:none; 
    border:1px #e6e6e6 solid; 
    width:493px;
    padding:10px 10px 10px 15px;
    background-color:#f6f6f6;
}
.col2 input, .search input {
    width: 140px; 
    border: 1px #cccccc solid; 
    background-color:white;
    margin-right:5px; 
    vertical-align:top;
}
textarea{
width: 140px; border: 1px solid #cccccc; background-color:white;
}
.imgborder{
    border:6px #9c9c9c solid;
    padding:1px;
}
.imgspacing{
    margin:0px 10px 0px 0px;
}
.imgspacing-logo{
    margin:0px 25px 20px 0px;
}
#footer{
    background:url(/images/design_btmarc.gif) no-repeat;
    width:776px;
    float:left;
    text-align:center;
    font-size:10px;
    color:#6ba4d4;
    line-height:18px;
    padding-top:22px;
}
.copyrightnotice{
    display:block;
}
#footer a{
    color:#6ba4d4;
    text-decoration:none;
}
#footer a:hover{
    text-decoration:underline;
}
#contactform .col1{
    width:200px;
    float:left;
    padding-bottom:5px;
}

#contactform .col2{
    padding-bottom:5px;
}
.logo-print{
    display:none;
}
.products{
    clear:left;
    display:block;
    width:520px;
    padding-bottom:15px;
}
.productstxt{
    float:left;
}
.tableborder{
    border:1px #ccc solid;
}
.tdgray{
    background-color:#ccc;
}
.emailform{
    background-color:#f6f6f6;
    border:1px #e5e5e5 solid;
    width:478px;
    height:178px;
    display:block;
    font-size:10px;
    padding:15px 15px 15px 25px;
    float:right;
    margin-bottom:20px;
}
#contactform .from_fields {
    width: 230px;
    float: right;
}
#contactform .formfield.widetext {
    padding-bottom:10px;
}
#contactform .to_fields {
    width: 240px;
    float: left;
}
#contactform .msg{
    width: 470px;
    float: left;
}
.emailform .submit{
    text-align:right;
}
#contactform .from_fields .col1,#contactform .to_fields .col1 {
    width:95px;
    float:left;
    padding-bottom:10px;
}
#contactform .from_fields .col2,#contactform .to_fields .col2, #contactform .msg .col2 {
    padding-bottom:10px;
}
#contactform .msg .col1{
    width:95px;
    padding-bottom:10px;
}
.emailform .multiline textarea {
    width: 365px;
}
.emailform input{
    width: 120px;
}
#contactform .submit{
    padding:10px 0px 0px 205px;
}
/*Tab Styles*/
#main span.tabcontainer {
    float:left;
    display: block;
    border:1px #e6e6e6 solid; 
    width:493px;
    padding:10px 10px 10px 15px;
    background-color:#f6f6f6;
}

#div_technical,
#div_applications,
#div_photos,
#div_advantage {
    display: none;
}

span.default_tab #div_advantage,
span.default_tab #div_technical,
span.default_tab #div_applications,
span.default_tab #div_photos {
    display: block;
}

#tabs {
    display: block;    
    height:30px;
    width:520px;
    font-size:10px;
    border-bottom:6px #5299d9 solid;
}

#tabs ul {
    margin:0;
    padding:0;
    list-style:none;
}

#tabs li {
    display:inline;
    margin:0;
    padding:0;
}

#tabs a {
    float:left;
    background:url(/images/tabright.gif) no-repeat right top;
    color:#fff;
    text-align:center;
    font-weight:bold;
    height:30px;
    text-decoration:none;
    cursor:pointer;
}

#tabs a span {
    float:left;
    background:url(/images/tableft.gif) no-repeat left top;
    padding:5px 15px 5px 15px;
    display:block;
}

#tabs a.bg{background-position:100%  -30px;}
#tabs a.bg span{background-position:0% -30px;}



    .cB:after, .products:after {
    content: ".";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    }
    .cL:after {
    content: ".";
    height: 0;
    visibility: hidden;
    display: block;
    clear: left;
    }
    .cB, .cL, .products {
    display: inline-block;
    }
    /* Holly Hack Targets IE Win only \*/
    * html .cB, * html .cL {height: 1%;}
    .cB, .cL {display: block;}
    /* End Holly Hack */

.content h2 {
    font-size:14px;
    margin-bottom:0;
    }