﻿html {
background: #2f5f8f url(css/bg_content.jpg) repeat-y center top;
margin: 0;
padding: 0;
}

body {
background: url(css/bg_body.jpg) no-repeat center top;
font: 13px/100% Arial, sans-serif;
margin: 0;
padding: 0;
}

.caption {
font: 10px Arial, sans-serif;
margin: 0;
padding: 0;
}

.caption2 {
font: 10px Arial, sans-serif;
margin: 0;
padding: 10px;
}

a {
color: #2f5f8f;
}

#header {
background: url(css/header.jpg) no-repeat;
height: 78px;
margin: 0 auto;
position: relative;
padding-left: 1px;
width: 962px;
}
#header h1 {
margin: 0;
padding: 0;
}
#header h1 a {
display: block;
height: 78px;
left: 0;
overflow: hidden;
position: absolute;
text-indent: -1000px;
top: 0;
width: 200px;
}
#search {
display: none;
position: absolute;
right: 20px;
top: 10px;
}
#q {
color: #2f5f8f;
}

#inner {
margin: 0 auto;
width: 955px;
position: relative;
padding-left: 1px;
}

#menu {
background: #fff url(css/menu_bg.jpg) repeat-x left bottom;
font: 12px Arial, sans-serif;
font-weight: bold;
height: 42px;
line-height: 35px;
margin: 3px auto 3px auto;
width: 955px;
text-transform: uppercase;
}
#menu ul, #menu li {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
#menu a {
color: #fff;
text-decoration: none;
display: block;
}
#menu a:hover {
background: url(css/menu_hilite.jpg) repeat-x left bottom;
}

.sub_menu {
background: #468043;
position: absolute;
top: 26px;
padding-top: 10px;
font: 12px Arial, sans-serif;
}
.sub_menu ul,
.sub_menu li {
list-style: none;
margin: 0;
padding: 0;
}
.sub_menu a {
color: #fff;
display: block;
height: 28px;
line-height: 28px;
padding: 0 0 0 15px;
text-decoration: none;
}
.sub_menu a:hover {
background: #2f5f8f;
}

#flash {
display: none;
}

#content {
line-height: 115%;
margin-right: 283px;
position: relative;
padding: 20px 20px 0 20px;
}
#content h3 {
color: #2f5f8f;
font-size: 120%;
letter-spacing: 0px;
margin: 15px 0 0 0;
}
#content h4 {
color: #2f5f8f;
font-size: 120%;
letter-spacing: 1px;
margin: 5px 0 0 0;
}
#content img {
	border: 0;
	margin-top: 5px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: -5px;
}
#content p {
margin: 0 0 10px 0;
}

#content p#pgray {
margin: 0px;
color:#666666;
}


#content ul {
margin-top: 0;
}


#page_title {
background: #468043;
color: #fff;
margin: 0 -20px;
padding: 10px;
line-height:16pt;
position: relative;
top: -20px;
}

.back_top {
text-align: right;
}
#content .check {
height: 15px;
margin: 0 2px;
width: 15px;
vertical-align: middle;
}

.contacthighlighted {
	background-color:  #2f5f8f;
	color: #ffffff;
	width: 610px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
}

table.compare {
width: 55%;
margin: 15px auto;
}
table.compare,
table.compare tr,
table.compare th,
table.compare td {
border: solid 1px #999;
border-collapse: collapse;
}
table.compare th,
table.compare td {
padding: 4px;
}
table.compare th  {
background: #2f5f8f;
color: #fff;
}
table.compare th a {
color: #fff;
}
table.compare td.alt,
table.compare tr.alt td {
background: #f9f9f9;
}


table.formanswer {
width: 600px;
margin: 15px auto;
}
table.formanswer,
table.formanswer tr,
table.formanswer th,
table.formanswer td {
border: solid 1px #999;
border-collapse: collapse;
}
table.formanswer th,
table.formanswer td {
padding: 4px;
}
table.formanswer th  {
background: #2f5f8f;
color: #fff;
}
table.formanswer th a {
color: #fff;
}
table.formanswer td.alt,
table.formanswer tr.alt td {
background: #f9f9f9;
}


table.tanks {
width: 55%;
float: right;
width: auto;
padding: 5px;
}
table.tanks,
table.tanks tr,
table.tanks th,
table.tanks td {
border: solid 1px #999;
border-collapse: collapse;
}
table.tanks th,
table.tanks td {
}
table.tanks th  {
background: #2f5f8f;
color: #fff;
}
table.compare th a {
color: #fff;
}
table.tanks td.alt,
table.tanks tr.alt td {
background: #f9f9f9;
}

table.compare3 {
width: 75%;
margin: 4px auto;

}
table.compare3,
table.compare3 tr,
table.compare3 th,
table.compare3 td {
border: solid 1px #999;
border-collapse: collapse;
}
table.compare3 th,
table.compare3 td {
padding: 0px;
}
table.compare3 th  {
background: #2f5f8f;
color: #fff;
}
table.compare3 th a {
color: #fff;
}
table.compare3 td.alt,
table.compare3 tr.alt td {
background: #f9f9f9;
}


table.compare2 {
margin: 15px auto;
}
table.compare2,
table.compare2 tr,
table.compare2 th,
table.compare2 td {
border: solid 1px #999;
border-collapse: collapse;
}
table.compare2 th,
table.compare2 td {
padding: 4px;
}
table.compare2 th  {
background: #2f5f8f;
color: #fff;
}
table.compare2 th a {
color: #fff;
}
table.compare2 td.alt,
table.compare2 tr.alt td {
background: #f9f9f9;
}


.yes {
color: #390;
font-weight: bold;
}
.no {
color: #c00;
}

.clear {
clear: both;
}


#sidebar {
width: 280px;
padding-top : 300px;
float: right;
height: 500px;
}

#find_professional,
#support_login {
margin: 20px;
width: 240px;
padding-bottom: 2px;
}
#find_professional p,
#support_login p {
margin: 10px;
}
#find_professional {
background: #fff;
}
#find_professional h3,
#support_login h3 {
background: url(css/bg_side_top.jpg) no-repeat;
color: #2f5f8f;
font-size: 100%;
height: 35px;
line-height: 35px;
padding: 0 0 0 35px;
text-transform: uppercase;
}
#support_login {
background: #488043;
color: #fff;
}
#support_login h3 {
background: url(css/bg_side_bottom.jpg) no-repeat;
}
#support_login label {
float: left;
line-height: 22px;
width: 5em;
}
#support_login a {
color: #fff;
}
#login {
margin-left: 55px;
}


#footer {
background: #fff;
clear: both;
color: #fff;
font-size: 85%;
padding: 3px 0;
position: relative;
}
#footer-inner {
background: #2f5f8f;
padding: 4px;
}
#footer p {
margin: 0;
}
#footer ul, #footer li {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
#footer a {
color: #fff;
padding: 0 4px;
}

#copyright {
float: right;
}


/* tabs */
#tabs {
overflow: hidden;
margin: 0 ;
}
#content #tabs img {
margin: 0;
}
.mootabs_title {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

.mootabs_title li {
float: left;
background: #fff url(css/tabs_bg.jpg) no-repeat bottom right;
cursor: pointer;
color: #fff;
font-weight: bold;
height: 34px;
line-height: 36px;
padding: 0 0 0 9px;
margin: 3px 3px 0 0;
text-transform: uppercase;
width: 212px;
}
.mootabs_title li.over,
.mootabs_title li.active {
background: #fff url(css/tabs_hilite.jpg) no-repeat bottom right;
}
.mootabs_title li.over {
color: #264c73;
}

.mootabs_panel {
clear: left;
color: #264c73;
display: none;
margin-bottom: 3px;
overflow: hidden;
width: 100%;
}
.mootabs_panel h3
{
color: #000;
margin: 16px;
}
.mootabs_panel p {
color: #264c73;
margin: 10px 16px;
}
.mootabs_panel a
{
color: #264c73;
}
.mootabs_panel.active {
background: #fff;
background-image:url(images/tab_div_back.gif);
background-repeat:repeat-x;
display: block;
}


/* products */
div.product {
clear: left ;
margin-bottom: 30px;
}
div.product img {
float: left;
}
div.product .title {
background: url(css/bg_side_bottom.jpg) no-repeat -8px 0;
border: solid 1px #224974;
border-width: 1px 0;
color: #224974;
line-height: 35px;
font-weight: bold;
height: 35px;
padding-left: 30px;
vertical-align: middle;
width: 460px;
}
div.product .col {
float: left;
width: 230px;
}
div.product .desc {
background: #c1cede;
color: #224974;
padding: 10px;
width: 470px;
}
div.product .label {
background: #d1e7d0;
border: solid 1px #224974;
border-width: 1px 0;
color: #224974;
line-height: 32px;
font-weight: bold;
padding: 0 16px;
width: 458px;
}
div.product ul {
margin-bottom: 0;
}


div.service {
float: left;
}
div.service .title {
background: url(css/bg_side_bottom.jpg) no-repeat -8px 0;
border: solid 1px #224974;
border-width: 1px 0;
color: #224974;
line-height: 35px;
font-weight: bold;
height: 35px;
padding-left: 30px;
vertical-align: middle;
width: 270px;
}
div.service .desc {
background: #c1cede;
color: #224974;
padding: 10px;
width: 280px;
}
div.service p {
margin: 0;
}
div.service form {
margin: 0;
}


div.product .clear,
div.service .clear {
clear: left;
}


.form_er {
color: #d00;
font-weight: bold;
}

#tanksdiv {
 padding: 0px 0px 0px 10px;
 float:right;
 }


/* HOMEPAGE */
#homepage #header {
height: 12px;
}
#homepage #inner {
padding-top: 0;
}

#homepage #content {
margin-left: 283px;
margin-top: 3px;
margin-right: 0;
}

#homepage #flash {
background: #fff;
display: block;
height: 280px;
margin: 0 auto 3px auto;
width: 280px;
}
#homepage #sidebar {
float: left;
margin-right: 3px;
margin-top: 3px;
background: #b9b9b9;
padding-top : 0;
padding-bottom: 46px;
height: 689px;
}
* html #homepage #sidebar {
margin-right: 0;
}
#homepage #menu {
margin-bottom: 0;
}

.img {
float: right;
margin: 0px;
}

.img2 {
float: left;
margin: -10px 0px;
}
#content .img img {
margin: 0;
padding: 0;
}
.img .caption {
border: solid 1px #999;
background: #ccc;
color: #666;
padding: 5px 0px 0px 0px;
text-align: center;
}

.img2 .caption2 {
border: none;
color: #666;
padding: 0px;
text-align: center;
}

.img .caption2 {
border: none;
color: #666;
padding: 0px;
text-align: center;
}

#homepage #content h3 {
font-size: 16px;
margin: 10px 0;
}

.quote {

font: 13px/100% Optima, Arial, sans-serif;
font-style:italic;
color:#2f5f8f;
}

.quotesig {

font: 13px/100% Optima, Arial, sans-serif;
}

#mun {
display:none;
}

#well {
display:none;
}
