@import url("master.css");

/* ----- IDS ----- */
body { background: #ddd; color: #043363; }
#container, #email-container { margin: 0 auto; background: #fff; border-top: 8px solid #005daa; }
#container, #siteby { width: 950px; margin: 0 auto; }
#email-container { width: 500px; }
#top-layer { padding: 1.5em; margin-top: 2px; border-top: 2px solid #00af9e; }
#top-layer #date { float: right; margin-top: 30px; }
#nav-layer { float: left; width: 213px; border-right: 1px solid #fff; }
#right-layer { float: right; width: 213px; border-left: 1px solid #fff; }
#main-layer { margin: 0 214px; }
#main-image { height: 230px; width: 522px; position: relative; }
#main-content { margin: 2em; text-align: justify; }
#clearing { clear: both; height: 2px; background: #00af9e; }
#footer { border-top: 2px solid #fff; background: #005daa; color: #fff; }

/* ----- CLASSES ----- */
.background-body { margin: 0.5em 0 0; border: 1px solid #005daa; background: #eee; }
.background-title { background: #005daa; color: #fff; padding: 0.2em 0.5em; font-weight: bold; }
.people { margin-left: 100px; height: 1%; }
.slide { position: absolute; top: 0; left: 0; z-index: 1; }
.side-layer { padding: 0.5em 14px; }
.track-layer { background: #eee; border-top: 1px solid #fff; border-bottom: 1px solid #fff; height: 218px; }
.quote-price { line-height: 1.5em; font-size: 3.5em; }
.quote-extra { margin-top: -1em; padding-bottom: 1em; }
.email { background: #fff; }

/* ----- LISTS ----- */
#top-layer ul, #nav-layer ul, #main-side ul, #right-layer ul, #siteby ul, ul#logos { margin: 0; }

#top-layer ul { clear: right; float: right; }
#top-layer li { float: left; display: block; margin-top: 1.5em; padding: 0 1.2em; line-height: 1.1em; border-left: 1px solid #043363; }
#top-layer li a { color: #043363; }
#top-layer li.first { padding-left: 0; border: none; }
#top-layer li.last { padding-right: 0; }
#top-layer .date { margin-top: 10px; }
#top-layer .date li, #top-layer .info li { line-height: 16px; border-left: 0; }

#nav-layer ul, #main-side ul, #right-layer ul { float: left; }
#nav-layer li, #main-side li, #right-layer li { clear: left; float: left; display: inline; line-height: 32px; margin: 0 1px 1px 0; }
#nav-layer li.head, #main-side li.head, #right-layer li.head { line-height: 43px; color: #fff; font-weight: bold; text-indent: 35px; width: 213px; background: url('../../images/background-nav-extra.gif') no-repeat; }
#nav-layer li a, #main-side li a, #right-layer li a { float: left; color: #fff; font-weight: bold; text-indent: 35px; width: 213px; background: url('../../images/background-nav.gif') no-repeat; }
#right-layer li.head a, #right-layer li.head a:hover { background: none; }
#nav-layer li.selected a, #nav-layer li.selected a:hover { background-image: url('../../images/background-nav-selected.gif'); } 
#nav-layer li a:hover { background-image: url('../../images/background-nav-hover.gif'); }
#nav-layer li ul { display: none; }
#nav-layer li.selected ul { display: block; }
#nav-layer li li { line-height: 21px; }
#nav-layer li li.first { border-top: 1px solid #fff; }
#nav-layer li li a { color: #043363; background: #eee !important; }
#nav-layer li li a:hover { color: #fff; background: #00a99c url('../../images/blue-arrow.gif') no-repeat 15px 6px !important; }
#nav-layer li.icon, #right-layer li.icon { float: none; display: block; line-height: auto; padding: 30px 0 0; text-align: center; }
#nav-layer li.icon a, #right-layer li.icon a { float: none; display: block; text-indent: 0; background: none; }

#siteby li { float: left; display: block; background: none; padding: 0; margin-right: 2px; }
#siteby li.float-right { line-height: 12px; margin-top: 3px; padding: 0 0.3em 0 0.6em; }
#siteby li a { color: #043363; }

ul#logos { clear: both; height: 90px; padding-bottom: 10px; border-bottom: 2px solid #00af9e; }
ul#logos li { float: left; margin-left: 85px; }
ul#logos li.iip { padding-top: 21px; }

#main-content ul { list-style: disc; }
#main-content ol { list-style: decimal; }
.contact dt { float: left; width: 4em; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, .h1, h2, .h2, h3, .h3 { color: #00a99c; }
h1, .h1, h2, .h2 { text-indent: 1.8em; background: url('../../images/icon-arrow.gif') no-repeat 0 5px; }
h2, .h2 { background-position: 0 4px; }

#footer p { text-align: center; margin-bottom: 0; padding-bottom: 0.5em; }

/* ----- LINKS ----- */
a { color: #00a99c; }

/* ----- IMAGES ----- */
img.req { float: right; margin: -14px 5px 0 0; }

/* ----- TABLES ----- */
table caption { padding: 0.5em; margin: 0.5em 0; background: #005daa; color: #fff; font-weight: bold; text-align: left; }
table caption span { font-weight: normal !important; }
table caption a { color: #fff; white-space: nowrap; }

table.quote, table.fees { margin: 0.5em 0 0; }
table.fees { border: 1px solid #005daa; background: #eee; }
table.fees tfoot th, table.fees tfoot td { border-top: 1px solid #005daa; background: #005daa; color: #fff; font-weight: bold; }
table.fees th, table.fees td { padding: 0.3em 0.5em; }
table.fees th { text-align: left; }
table.fees td { text-align: right; }

.results { margin-bottom: 0.8em; }
.results caption { background: #fff; color: #043363; padding: 0.5em 0; }
.results td, .results th { padding: 5px; text-align: left; }
.results thead th { background: #005daa; color: #FFFFFF; font-weight: bold; }
.results_over { background: #CCCCCC; cursor: pointer; }
.results_head a { color: #FFFFFF; }
.results_head a:hover { text-decoration: none; }
.row1, .r0 { background: #ddd; }
.row2, .r1 { background: #eee; }

/* ----- FORMS ----- */
fieldset { margin: 0 0 0.8em 0; }
legend { color: #043363; margin-left: -3px; }
label { float: left; width: 180px; font-weight: bold; }
input, textarea, select { width: 170px; padding: 0.3em 0.5em 0; height: 1.5em; }
select { width: 184px; padding: 0; height: 1.7em; }
textarea { height: auto; }

fieldset.side-form { margin: 0; display: inline; }
legend.h2 { text-indent: 0; background: none; }
.side-form legend, .side-form label { display: none; }
.form-row { margin: 1em 0; }
.auto { width: auto !important; float: none; font-weight: normal; margin-right: 0.2em; border: 0 !important; }
.normal, .validation-passed { border: 1px solid #7f9db9; }
.disabled { color: #ACA899; border: 1px solid #C9C7BA; }
.active { border: 1px solid #529214; }
.validation-failed { border: 1px solid #d12f19; }
.validation-advice, .error { margin: 1em 0; padding: 0.5em; background: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; font-weight: bold; }
.validation-advice { width: 170px; }
.req { color: #00a99c; }

.radio { float: left !important; display: inline !important; margin-left: 0 !important; font-weight: normal; border: 0 !important; }
input.radio { width: auto !important; }
label.radio { width: 60px !important; }

#contact-form .validation-advice { margin-left: 180px; }
#contact-form input, #contact-form textarea, #contact-form .validation-advice { width: 250px; }
#contact-form select { width: 264px; }

/* ----- LIGHTBOX ----- */
#overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 90; background-color:#000; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80); }
#overlay[id] { /* IE6 and below Can't See This */ position: fixed; }
.lightbox { width: 500px; background: #fff; padding: 10px; border: 2px solid #eee; }
#close { position: absolute; top: -5px; right: -5px; cursor: pointer; }