/*** GENERAL STYLES ***/

body {background: #066c44 url(../images/bkg.gif) repeat-x; text-align: center; margin: 0; padding: 20px 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 15px; color: #333;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 21px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #4d91a8;}
a:hover {color: #f80;}

.hide {display: none;}
.alert {color: #c00;}
.small {font-size: 11px; line-height: 15px;}
.gray {color: #666;}
.indent {padding-left: 20px;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 15px 15px 0;}
.imgright {float: right; margin: 0 0 15px 15px;}
.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; overflow: hidden; background: #ccc; margin: 2em 0;}
.clear {float: none; clear: both;}

.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}


/*** TOP STYLES ***/

#outer {position: relative; width: 990px; margin: 0 auto; text-align: left; background: #fff;}
#top {position: relative; height: 113px; background: url(../images/top.gif); border-bottom: 5px solid #333; z-index: 1;}
#printlogo {display: none;}
#logo a {position: absolute; left: 0; top: 0; width: 460px; height: 113px; color: #066c44; text-decoration: none; font-family: garamond, serif; text-transform: uppercase; font-size: 37px; line-height: 116px; text-indent: 93px; font-weight: normal; z-index: 5;}
#logo .ir {background: url(../images/logo.gif);}
#tagline {position: absolute; left: 129px; top: 73px; font-size: 14px; font-style: italic; font-weight: normal; z-index: 1;}


/*** LOGIN STYLES ***/

#logoutlink {position: absolute; right: 40px; top: 6px; font-size: 12px; text-decoration: none;}
#logoutlink:hover {text-decoration: underline;}
#forgotpasswordlink {position: absolute; right: 85px; top: 2px; font-size: 11px;}

#loginform {position: absolute; right: 0; bottom: 12px; width: 310px; font-size: 13px;}
#loginform table {border-bottom: 1px solid #e9e9e9;}
#loginform table td {padding-bottom: 2px;}
#loginform h4 {color: #066c44; font-style: italic; font-size: 18px; padding: 0 0 5px 0 !important;}
#loginform div.text {clear: both; padding-top: 5px; overflow: hidden;}
#loginform label {float: left; width: 73px; padding-left: 2px;}
#loginform div.text input {width: 150px; font-size: 13px;}
#loginform div.button {position: absolute; right: 18px; bottom: -4px;}


/*** NAV STYLES ***/

#nav {background: #333; height: 30px; overflow: hidden; font-size: 16px; line-height: 30px; padding-left: 10px;}
#nav li {float: left;}
#nav li a, #nav li a span {display: block;}
#nav li a {color: #ddd; text-decoration: none; padding: 0 0 0 5px;}
#nav li a:hover {color: #fff;}
#nav li a span {padding: 0 20px 0 15px; background-position: right top;}
#nav li.on {background: #fff;}
#nav li.on a, #nav li.on a span {background-image: url(../images/nav.gif); color: #066c44;}


/*** HERO STYLES ***/

#hero {padding: 2px 0; border-bottom: 5px solid #333; height: 270px; overflow: hidden;}
#heroimage {float: right; width: 600px; height: 270px;}
#herotext {position: relative; float: left; width: 305px; height: 190px; padding: 40px; background: #a8c3cc; color: #f6f9fa; font-size: 18px; line-height: 25px; overflow: hidden;}
#herotext h1 {font-size: 38px; color: #dce7eb; line-height: 60px;}
#herotext h2 {font-size: 22px; color: #fff; font-style: italic; line-height: 32px; font-weight: normal;}
#herotext li {padding-left: 15px; background: url(../images/bullet-hero.gif) 0 8px no-repeat;}

#herotext.dealers {height: 200px; padding-top: 30px;}
#herotext.dealers h1 {font-weight: normal; font-style: italic; font-size: 40px; line-height: 50px; margin-bottom: 8px;}
#herotext.dealers h2 {font-weight: bold; font-style: normal; font-size: 20px; margin-bottom: 0;}
#herotext .learnmorelink {position: absolute; left: 0; top: 230px; width: 340px; padding-right: 45px; text-align: right; height: 40px; line-height: 40px; font-size: 25px; font-weight: bold; background: #cbdbe0 url(../images/learnmorelink.gif) right top no-repeat; text-transform: uppercase; color: #fff; text-decoration: none; font-style: italic; z-index: 10;}

#herotext.consumers {height: 200px; padding-top: 30px;}
#herotext.consumers h1 {font-style: italic; font-size: 37px; line-height: 35px; margin-bottom: 20px; letter-spacing: -1px;}
#herotext.consumers h1 strong {display: block;}
#herotext.consumers h2 {font-weight: bold; font-style: normal;}
#herotext.consumers ul {margin-top: 7px; font-size: 15px; line-height: 20px;}
#herotext.consumers li {background-position: 0 6px;}


/*** STRUCTURAL STYLES ***/

#main {position: relative; min-height: 220px; background: url(../images/main.gif) left bottom no-repeat; overflow: hidden;}
#content {float: left; width: 560px; padding: 50px 0 60px 60px;}
#content.admin {position: relative; float: none; width: 870px; padding: 50px 60px;}
#sidebar {float: right; width: 250px; padding: 50px 40px 0 20px; margin-bottom: 70px;}


/*** CONTENT STYLES ***/

#content h1 {position: relative; font-size: 26px; line-height: 30px; font-weight: normal; color: #066c44; margin-bottom: 20px;}
#content h2 {font-size: 18px; margin: 30px 0 11px;}
#content ul {margin: 0 0 1.5em 0;}
#content ul li {padding-left: 20px; background: url(../images/bullet.gif) 2px 6px no-repeat; margin-bottom: 3px;}

#content table {width: 100%; border-collapse: collapse; margin-bottom: 2.5em;}
#content table th, #content table td {border: 1px solid #fff; background: #e0e9ec; padding: 6px 10px;}
#content table th {background: #cbdbe0; font-weight: normal; text-align: left;}
#content table thead th {background: #b9cfd6; font-size: 23px; line-height: 26px; color: #fff; padding: 8px 10px; font-weight: bold;}
#content table tfoot td {background: #fff url(../images/tfoot.gif) left top repeat-x; text-align: right;}
#content table tfoot td p {text-align: left; font-size: 13px; line-height: 18px; padding: 5px 10px;}

#content.login table td {background: #fff; padding: 3px 10px; text-align: right; font-size: 14px !important;}
#content.admin table {width: auto;}

#content .phonelist h3, #content .phonelist p {clear: both; margin: 0;}
#content .phonelist h3 {padding: 1.5em 0 5px;}
#content .phonelist span {float: left; width: 30%;}

#adminnav {position: absolute; right: 40px; top: 20px;}
#adminnav a {margin: 0 8px; font-size: 13px;}


/*** FORM STYLES ***/

.text350 {width: 350px;}
.text175 {width: 175px;}
.text100 {width: 100px;}
.text75 {width: 75px;}


/*** SIDEBAR STYLES ***/

#sidebar {font-size: 14px; line-height: 19px; border-bottom: 2px solid #b9cfd6;}
#sidebar h3 {width: 250px; margin: 0 -40px 20px -20px; padding: 6px 40px 6px 20px; background: #b9cfd6; color: #fff; font-style: italic; font-weight: normal; font-size: 22px; line-height: 23px;}
#sidebar h4 {font-size: 16px;}
#sidebar table {width: 310px; border-collapse: collapse; margin: -15px -40px 5px -20px;}
#sidebar table th, #sidebar table td {border: solid #cbdbe0; border-width: 1px 0; padding: 3px 5px;}
#sidebar table th {padding-left: 20px; font-weight: normal;}
#sidebar table td.last {padding-right: 40px;}


/*** SPLASH STYLES ***/

.splashbutton {margin-bottom: 10px;}
.splashbutton a {position: relative; left: -2px; top: -2px; display: block; width: 568px; height: 129px; line-height: 20px; color: #333; text-decoration: none; background: url(../images/splashbutton.gif); cursor: pointer;}
.splashbutton a strong {position: absolute; left: 172px; top: 19px; font-size: 38px; line-height: 50px; color: #066c44;}
.splashbutton a em {position: absolute; left: 175px; top: 67px; width: 310px;}
.splashbutton a img {position: absolute; left: 4px; top: 4px;}


/*** FOOTER STYLES ***/

#footer {position: relative; width: 950px; margin: 0 auto; text-align: left; color: #e7f1ed; font-size: 13px; line-height: 1.2em; overflow: hidden; padding: 13px 20px;}
#footer a {color: #e7f1ed; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer p {float: left; margin: 0;}
#footer ul {position: relative; float: right; overflow: hidden;}
#footer ul li {position: relative; left: 11px; float: left; border-right: 1px solid #e7f1ed; padding: 0 10px;}