@charset "UTF-8";
/* Main Structure */

img, div{ behavior: url(scripts/iepngfix.htc); }

html {}
body { background-image: url(graphics/body_main_bg.jpg); background-repeat: no-repeat; background-position: top; margin: 0; padding: 0; font: 12px Arial; text-align: left; color: #7a7a7a; line-height: 17px; behavior: url("scripts/csshover3.htc"); background-color:#58938c;}

body#services_page, body#contact_page, body#inside, body#products_page { background-image: url(graphics/body_inside_bg.jpg); background-repeat: no-repeat; background-position: top; margin: 0; padding: 0; font: 12px Arial; text-align: left; color: #7a7a7a; line-height: 17px; behavior: url("scripts/csshover3.htc");}

#facebook {height: 24px; display:inline-block; background: url(graphics/facebook.png) 0 0 no-repeat; padding: 6px 28px 0 38px; float: right; margin: 30px 0 0 0; clear: right; font-size: 16px;}
#facebook:hover { background-position: 0 -30px;}

a#categories {float: right; clear:right; display:block; background: url('graphics/viewallcategories.jpg') 0 0 repeat; height: 38px; width: 197px;}
a#categories:hover{background-position: 0px -38px;}

body a{color: #78a22f;}
body a:hover{color: #006c68;}

#container {display:block; margin:0 auto; width: 1000px; overflow:visible;}
#header{width: 1000px; height: 141px; display: inline-block; float:left; clear: left;}
#flash {float:left; clear:left; display:inline-block; background-image:url(titles/flash_title.png); background-position: left top; background-repeat:no-repeat; width: 980px; height: 292px; margin: 0 0 0 0px;}
#flashscroll {width:980px; height: 203px; display:block; clear:left; float:left; margin: 89px 0 0 9px; }
#similar {background-image:url(graphics/link.gif); background-repeat:no-repeat; background-position:left; height: 34px; float: left; clear: left; display:inline-block; font-size: 14px; color: #2c7b78; width: 497px; padding:16px 0 0 55px; font-weight:bold; margin-bottom: 25px;}

/*Text Formatting*/

h1 { font-size: 140%; font-weight: normal; color: #ffffff;}
h2 { font-size: 18px; font-weight: normal; color: #666666; font-style:bold; width:400px; margin-bottom:5px;}
h3 { font-size: 13px; color: #006c68;}
h4 { font-size: 16px; font-weight: normal; color: #006c68; font-style:bold; width:400px; margin-top: 8px; margin-bottom: 8px; width:200px; line-height:18px;}
h5 { font-size: 20px; color: #006c68;font-weight: normal; margin-bottom:5px; margin-top: 12px;}
h6 { font-size: 16px; font-weight: normal; color: #006c68; font-style:bold; margin-top: 20px; margin-bottom: 8px; line-height:18px;}
.subtitle{ font-size: 20px; color: #006c68;font-weight: normal; margin-bottom:5px; margin-top: 12px;}


ol{padding:0 0 0 17px; margin:0;}
ul{padding:0 0 0 17px; margin:0; list-style-type:square;} 

/* Main Menu */

ul#topnav { height:63px; margin:18px 0 0 0; padding:0; width: 587px; float:right; clear:right; display:inline-block; }
ul#topnav li {float: left; border: none; list-style-type:none;}
ul#topnav li a { display: block; padding: 0; margin: 0; height:63px; text-indent: -9999px; overflow: hidden;}

a#home { background: url('graphics/menu.png') 0 0 repeat;  width:117px;}
a#products { background: url('graphics/menu.png') -117px 0 repeat;  width:128px;}
a#services { background: url('graphics/menu.png') -245px 0 repeat;  width:123px;}
a#order { background: url('graphics/menu.png') -368px 0 repeat;  width:101px;}
a#contact { background: url('graphics/menu.png') -469px 0 repeat;  width:118px;}

a#home:hover { background-position: 0 -126px;}
a#products:hover { background-position: -117px -126px;}
a#services:hover { background-position: -245px -126px;}
a#order:hover  { background-position: -368px -126px;}
a#contact:hover  { background-position: -469px -126px;}

body#home_page a#home { background-position: 0 -126px;}
body#products_page a#products { background-position: -117px -126px;}
body#services_page a#services { background-position: -245px -126px;}
body#order_page a#order { background-position: -368px -126px;}
body#contact_page a#contact { background-position: -469px -126px;}

/*Diagnostic menu*/

.diagnostic_menu {display:block; float:left; clear:left; background-color:#FFF; border: solid 1px #CCC; width: 201px; height: 14px; font-size: 13px; font-weight: bold; padding: 11px 0 14px 11px; margin: 0 0 10px 0; overflow:hidden;}
a.diagnostic_menu {text-decoration:none;}
a.diagnostic_menu:hover{ background-color:#eff5f5; text-decoration:none;}

/* Main Graphics */

#logo {width: 198px; height: 76px; float: left; clear: left; display:inline-block; margin: 38px 0 0 20px;}

/*Front Page*/
#front_container{ float:left; width:960px; position:relative; left:20px; background-image:url(graphics/content_gradient.gif); background-position:top left; background-repeat:no-repeat; background-color:#FFF;}
#front_left { width: 417px; float:left; position:relative; padding: 30px 0px 30px 30px;}
#front_center { width: 417px; float:right; padding: 30px; font-size: 14px; line-height:20px;}
#front_right { width: 417px; float:right; position:relative; padding:  0 30px 30px 30px; clear: right;}

#left { width: 214px; float:left; position:relative; padding: 30px; display:inline-block;}


.news-item {padding-top:10px;}

/*footer*/

#footer {width: 628px; background-image:url(graphics/footer.gif); background-repeat:no-repeat; background-position:top left; display:inline-block; padding: 95px 40px 20px 292px; margin-left: 20px; background-color:#dedede;}

/*Inside Pages*/

#product_left { width: 304px; float:left; position:relative; padding: 30px;}
#product_right { width: 527px; float:left; padding: 30px; font-size: 13px; line-height:20px;}

#product_right_switch { width: 304px; float:left; position:relative; padding: 30px 30px 0px 30px;}
#product_left_switch { width: 527px; float:left; padding: 30px 30px 0px 30px; font-size: 13px; line-height:20px;}

#container_inside{ float:left; width:960px; position:relative; left:20px; top:1px; background-image:url(graphics/content_gradient.gif); background-position:top left; background-repeat:no-repeat; background-color:#FFF;}

#full_page { width: 878px; float:left; position:relative; padding: 35px; font-size: 13px; line-height: 20px;}
#full_page h1 { font-size: 24px; font-weight: normal; color: #006c68;}

#half_left { width: 420px; float:left; position:relative; padding: 0px 17px 0px 35px; font-size: 13px; line-height: 20px;}
#half_right { width: 420px; float:right; position:relative; padding: 0px 35px 0px 17px; font-size: 13px; line-height: 20px;}

#half_left_epi { width: 420px; float:left; position:relative; padding: 0px 17px 0px 35px; font-size: 13px; line-height: 20px;}
#half_right_epi { width: 420px; float:right; position:relative; padding: 0px 35px 0px 17px; font-size: 13px; line-height: 20px;}

.right_image {float:right; display:block; clear:right; background-color:#FFF; border: solid 1px #CCC; padding: 15px; margin-left: 25px;}
.title {float:left; display:block; clear:left; margin: 0; padding:0;}

#inside_content { width: 620px; float:left; padding: 30px; font-size: 13px; line-height:20px; display:inline-block;}

.site_map_list {width:250px; margin-right:10px; float:left;}
.site_map_list ul, .site_map_list ul li {margin:0; list-style: disc inside;}
.site_map_list ul ul{margin:5px 0  25px 20px;}

ul#diagnostic_product_list {float:left; margin:0; padding:0 0 0 0;}
ul#diagnostic_product_list li {list-style-type:none; background: url('graphics/diagnostic_product_list.png'); background-repeat:no-repeat; background-position: top left; width:267px; float:left; margin:0 10px 15px 0; font-size:11px; line-height: 16px; padding: 8px 10px 12px 18px; }
ul#diagnostic_product_list li a {text-decoration:none; float:left; margin-top:10px; width:110px; height:19px; background: url('graphics/product_link_bg.gif'); background-repeat:no-repeat; color:#ffffff; text-align:center; padding:3px 0 0 0;}
ul#diagnostic_product_list li a:hover {text-decoration:none; float:left; margin-top:10px; width:110px; height:19px; background: url('graphics/product_link_bg_roll.gif'); background-repeat: no-repeat; color:#ffffff; text-align:center; padding:3px 0 0 0;}

.learn {display:inline-block; float:left; clear:left; background-image: url('graphics/learn.jpg'); background-position:top left; background-repeat:no-repeat; width: 250px; height: 22px; font-size: 16px; font-weight: bold; padding: 14px 0 14px 0px; text-align:center;}
a.learn {text-decoration:none; color:#FFF;}
a.learn:hover{text-decoration:none; color:#fff; background-position: 0 -50px;}

.learn_right {display:inline-block; float:right; clear:right; background-image: url('graphics/learn.jpg'); background-position:top left; background-repeat:no-repeat; width: 250px; height: 22px; font-size: 16px; font-weight: bold; padding: 14px 0 14px 0px; text-align:center;}
a.learn_right {text-decoration:none; color:#FFF;}
a.learn_right:hover{text-decoration:none; color:#fff; background-position: 0 -50px;}

.learn_left {display:block; float:left; clear:left; background-image: url('graphics/learn.jpg'); background-position:top left; background-repeat:no-repeat; width: 250px; height: 22px; font-size: 16px; font-weight: bold; padding: 14px 0 14px 0px; text-align:center;}
a.learn_left {text-decoration:none; color:#FFF;}
a.learn_left:hover{text-decoration:none; color:#fff; background-position: 0 -50px;}

.order {display:inline-block; background-image: url('graphics/order.jpg'); background-position:top left; background-repeat:no-repeat; width: 250px; height: 22px; font-size: 16px; font-weight: bold; padding: 14px 0 14px 0px; text-align:center; margin-left: 15px;}
a.order {text-decoration:none; color:#FFF;}
a.order:hover{text-decoration:none; color:#fff; background-position: 0 -50px;}

#box {border:solid 1px #006c68; background-color:#dee6e6; padding:20px}

#blog {border: solid 1px #d5d5d5; padding:20px;}

a#agepdf {width:100%; display: block; background-color: #ad1a13; color: #ffffff; padding: 10px; margin-bottom: 10px; width: 250px; margin-left: 30px;}
a#agepdf:hover {background-color: #8f1009;}

/*CONTACT FORM*/

.form_input {width:425px; display:block;  background-color:#fff; height:20px; margin-bottom:15px; border: 1px solid #999;}
.form_text {float:left; margin-right:10px; width:125px; margin-right:35px;}
#additional_info {width:425px; display:block;  background-color:#fff; height:150px; border: 1px solid #999;}
#submit {width:100px; height:25px; display:block; background-color:#006c68; margin-left:486px; color:#fff; border:0;}
.radio {margin-left:25px;}
#message {background-color:#e2f0d1;display:block;float:left;font-weight:bold;margin-left:9px;padding:23px 25px;text-align:center;width:910px;}
#message p {color:#629921;margin:0;}
#message.error {background-color:#fefad0;color:#a30008;}

/*FAQ*/

.FAQ {padding: 6px 10px 6px 10px; width:820px;}
.FAQTitle {color:white;font-size:13px; width:820px;}
.FAQQuestion {font-size:12px;font-weight:bold;padding: 6px 10px 6px 10px;;background-color:#ffffff;border: solid 1px #e7e7e7;margin-bottom:5px; width:820px;}
.FAQQuestion span {cursor:pointer; width:820px;}
.FAQAnswer {font-size:11px;color:#666666;display:block;padding: 12px; width:820px;}
.FAQAnswer ul {margin-top:0px;margin-left:0px;padding-left:35px;display:block;margin-bottom:0px; width:842px;}
.FAQAnswer p {margin: 10px;font-size:11px;color:#666666; width:842px;}
.FAQHidden {display:none;padding: 20px; width:842px;}
.FAQWrapOn {background-color:#f3f3f3;margin-bottom:5px; width:842px;}
.FAQWrapOff {background-color:f3f3f3; width:842px;}

/*RETAILERS*/

.RET {padding: 6px 10px 6px 10px; width:250px;}
.RETTitle {color:white;font-size:13px; width:250px;}
.RETQuestion {font-size:16px;font-weight:bold;padding: 14px 0px 14px 0px;background-image: url('graphics/order.jpg'); background-position:top left; background-repeat:no-repeat;border: solid 0px #e7e7e7;margin-bottom:5px; width: 250px; height: 22px; color:#FFF; text-align:center;}
.RETQuestion span {cursor:pointer;}
.RETAnswer {font-size:11px;color:#666666;display:block;padding: 12px; width:226px;}
.RETAnswer ul {margin-top:0px;margin-left:0px;padding-left:35px;display:block;margin-bottom:0px; width:215px;}
.RETAnswer p {margin: 10px;font-size:11px;color:#ffffff; width:250px;}
.RETHidden {display:none;padding: 20px; width:250px;}
.RETWrapOn {background-color:#ffffff;margin-bottom:5px; width:250px;}
.RETWrapOff {background-color:ffffff; width:250px;}

/*READ*/

.READ {padding: 6px 10px 6px 10px; width:400px;}
.READTitle {color:white;font-size:13px; width:400px;}
.READQuestion {font-size:12px;font-weight:bold;padding: 6px 10px 6px 10px;;background-color:#ffffff;border: solid 1px #e7e7e7;margin-bottom:5px; width:400px;}
.READQuestion span {cursor:pointer; width:400px;}
.READAnswer {font-size:11px;color:#666666;display:block;padding: 12px; width:400px;}
.READAnswer ul {margin-top:0px;margin-left:0px;padding-left:35px;display:block;margin-bottom:0px; width:422px;}
.READAnswer p {margin: 10px;font-size:11px;color:#666666; width:422px;}
.READHidden {display:none;padding: 20px; width:422px;}
.READWrapOn {background-color:#f3f3f3;margin-bottom:5px; width:422px;}
.READWrapOff {background-color:f3f3f3; width:422px;}