/* GLOBAL STYLES */

* {margin: 0; padding: 0; }
body{ margin:0; padding:0; background-color:#FFFFFF; text-align:center; font-size:11px; font-family:Arial, Helvetica, Sans-Serif; color:#000000;}

img{ border:0; }


p  { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 10px 23px 0 23px;  }
h1 { color: #83828B; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: 10px 23px 0 23px;  }
h2 { color: #336699; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 10px 23px 0 23px;  }
h3 { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 10px 23px 0 23px;}
td  { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 10px 23px 0 23px;  }


/* PAGE LAYOUT */

#frame{ width:755px; margin:0 auto; text-align:left; top:0px; z-index:2; }
#header{ width:755px; padding-top:6px; height:60px;  }   
#footer{ width:755px; height:80px; text-align:center; }
#content{ padding-top:8px; float:left; }


/* SECTIONS */

.section { position: relative; margin: 0; padding: 0; min-width: 146px; overflow: hidden; }
.sectionSolid { background: #f7f7f7; border : #cccccc 1px solid;}
.sectionSolid1{ background: #f0f3f8; border : #cccccc 1px solid;}
.sectionSolid2{ background: #eaffd5; border : #cccccc 1px solid; color: #000000; }
.sectionSolid3{ background: #fff2bf; border : #cccccc 1px solid; color: #000000; }
.sectionGradient , .sectionGradientClear{ background: url(images/profileGradientBG1.png) repeat-x top left;}
.sectionGradient{ border: #D6E4CA 1px solid; border-top:none;}
.sectionBanner { padding-top: 9px;padding-bottom: 9px; clear: both;}
.sectionSidebarOne {position: relative; right: 180px; float: left; margin-left: -100%; margin-bottom: -10000px; padding-bottom: 10000px; width: 180px; }
.sectionSidebarTwo {position: relative; float: left; margin-right: -400px; margin-bottom: -10000px; padding-bottom: 10000px; width: 400px; }

/* Fix wrap problems */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfixLeft:after {clear: left; }
.clearfixRight:after {clear: right; }


/* NAVIGATION */

#navLeft{
    width:146px;
    float:left;
    }

#navLeft ul li a,
#navLeft ul li a:visited,
#navLeft ul li a:hover{
    color:#336699;
    text-decoration:none;
    font-size:11px;
    }

#navLeft ul{
    background: url(images/left_nav/dot_line.gif) repeat-x bottom left; 
    list-style-type:none;
    }

#navLeft li{
    padding-bottom:8px;
    }

#navCategory{
    margin:6px 5px 0 10px;
    padding:0;
    font-family:Arial, Helvetica, Sans-Serif;
    /* text-transform:uppercase; */
    font-weight:bold;
    font-size:11px;
    }

#navCategory li ul{
    margin:6px 0px 0px 10px;
    padding:0;
    font-family:Arial, Helvetica, Sans-Serif;
    text-transform:none;
    font-weight:normal;
    background:none;
    }

#navCategory li ul li{
    margin:0px 0px 0px 10px;
    list-style-image: url(images/left_nav/left_nav_bullet.gif);
    /* list-style-type: circle; */
    }

#navProductType{
    font-family:Arial, Helvetica, Sans-Serif;
    margin:6px 5px 15px 10px;
    padding:0;
    }

#navSpecialItem{
    background: url(images/left_nav/dot_line.gif) repeat-x top left; 
    padding-top:7px;
    }   

#navFooter li ul li{
    /*margin:0px 0px 0px 0px;*/
    /* list-style-image: url(images/left_nav/left_nav_bullet.gif);*/
    list-style-type: circle; 
    }

#navMailingList{
    margin:0px 0px 0px 16px;
    list-style-image: url(images/left_nav/icon_email.gif);
    }

#navContactUs{
    margin:0px 0px 0px 16px;
    list-style-image: url(images/left_nav/icon_contact.gif);
    }

/* CONTENT */
#contentBody{
    width:609px; 
    float:left;
    }

#contentFullPage{
    width:755px; 
    float:left;
    }

.halfColumn{
    width:304px;
    float:left;
    }

.halfLeft{
    width:302px;
    float:left;
    /* clear: both; */
    }
.halfRight{
    width:302px;
    float:right;
    /* clear: both; */
    }

.quarterLeft{
    width:150px;
    float:left;
    /* clear: both; */
    }
.quarterRight{
    width:150px;
    float:right;
    /* clear: both; */
    }

.eighthLeft{
    width:75px;
    float:left;
    /* clear: both; */
    }
.threeEighthRight{
    width:225px;
    float:right;
    /* clear: both; */
    }

.staticContent{
    float:left;
    margin-bottom:15px;
    text-align:left;
    line-height:15px;
    }

.staticContent em{
    color:#8c4016;
    font-size:12px;
    font-style:normal;
    }
    
.staticContent strong{
    color:#8c4016;
    font-weight:bold;
    }

.staticContent a, .staticContent a:visited{
    color:#666666;
    text-decoration:underline;
    }    
 
.staticContent a:hover{
    color:#666666;
    text-decoration:none;
    border-bottom:dotted 1px #494949;
    }    

.staticContent p{
    color:#666666;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    margin: 10px 23px 0 23px;
    }

.staticContent ul{
    color:#666666;
    list-style-type: disc; 
    padding-left: 18px; 
    font-size: 12px; 
    margin: 10px 23px 0 23px;
    }

.staticContent td  { 
    color: #666666; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    margin: 10px 23px 0 23px;
    }

.staticContent .annotation { 
    color: #666666; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 9px; 
    margin: 10px 23px 0 23px;
    }

.dynamicContent {
    float:left;
    margin-bottom:15px;
    text-align:left;
    line-height:15px;
    }

.dynamicContent em{
    color:#8c4016;
    font-size:12px;
    font-style:normal;
    }
    
.dynamicContent strong{
    color:#8c4016;
    font-weight:bold;
    }

.dynamicContent a, .dynamicContent a:visited{
    color:#666666;
    text-decoration:underline;
    }    
 
.dynamicContent a:hover{
    color:#666666;
    text-decoration:none;
    border-bottom:dotted 1px #494949;
    }    

.dynamicContent p{
    color:#666666;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    margin: 10px 23px 0 23px;
    }

.dynamicContent ul{
    color:#666666;
    list-style-type: disc; 
    padding-left: 18px; 
    font-size: 12px; 
    margin: 10px 23px 0 23px;
    }

.dynamicContent td  { 
    color: #666666; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    margin: 10px 23px 0 23px;
    }

.dynamicContent .annotation { 
    color: #666666; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 9px; 
    margin: 10px 23px 0 23px;
    }


.searchContent {
    float:left;
    margin-bottom:15px;
    text-align:left;
    line-height:15px;
    }

.searchContent h3 { 
    color: #999999; ! important 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; ! important 
    font-weight: bold; 
    margin: 10px 23px 0 23px;
    }

.searchContent a, .searchContent a:visited{
    font-size: 11px; 
    color:#999999;
    text-decoration:underline;
    }    
 
.searchContent a:hover{
    font-size: 11px; 
    color:#999999;
    text-decoration:none;
    }    

.searchContent p{
    color:#666666;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    margin: 0px 23px 0 23px;
    }

.sitemapContent {
    margin-left:12px;
    }

/* HEADER STYLES*/
#header {
    color:#666666;
    font-size:12px;
    } 

.headerTitle {
    color:#336699;
    font-weight:bold;
    font-size:12px;
    } 

.navTop a, .navTop a:visited{
    padding-left: 10px;
    padding-right: 10px;
    color:#666666;
    text-decoration:none;
    font-size:12px;
    }    
 
.navTop a:hover{
    color:#666666;
    text-decoration:underline;
    }  

.navSmall a, .navSmall a:visited{
    color:#666666;
    text-decoration:none;
    font-size:10px;
    }    
 
.navSmall a:hover{
    color:#666666;
    text-decoration:underline;
    } 

.submitLink {
    /*color: #00f;*/
    color:#336699;
    font-size:9px;
    padding-bottom: 2px;
    background-color: transparent;
    /*text-decoration: underline;*/
    border: none;
    cursor: pointer;
    cursor: hand;
}

.searchInput {
    color:#666666;
    margin-left: 10px;
    width:90px;
}

.registrationInput {
    color:#666666;
    margin-left: 0px;
    width:200px;
}


#search input,
.searchPageSearchBox,
.searchPageGoButton {
    vertical-align:middle;
}

#search input.textBox {
    width:90px;
}

/*Footer Styles*/

.footerContent p{
    color:#999999;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    margin: 10px 23px 0 23px;
    }

#footer {
    padding-top: 30px;
    color:#666666;
    font-size:10px;
    } 

#copyright{
    color:#999999;
    font-size:10px;
    }