/* PRESETS */
* {margin: 0; padding: 0; border: 0;}
html {width: 100%; height: 100%; background: #DADADA;}
body {width: 100%; height: 100%; font-size: 13px; font-family: Arial, sans-serif; background: white; color: black;}
a:link {text-decoration: underline; color: #009;}
a:visited {text-decoration: underline; color: #909;}
a:active, a:hover {text-decoration: underline; color: #C00;}
/* GLOBAL */
select {
width: 200px; height: 20px; /* set height to 22px for IE7 in CC */
background: white;
border: solid 1px #666;
}
select option {
padding: 0 20px 0 3px;
}
input {
height: 20px;
background: white;
border: solid 1px #666;
}
input.cbox {
width: 22px; height: 22px;
border: none;
}
input.radio {
width: 22px; height: 22px;
border: none;
}
input.submitbutton {
width: 100px; height: 22px;
margin: 2px 2px 0 0;
font-size: 12px; font-weight: bold;
color: #333;
text-align: center;
background: #EDEDED;
border: solid 2px #666; border-top: solid 2px #999; border-left: solid 2px #999;
}
textarea {
font-size: 12px; font-family: Arial, sans-serif; 
border-left: solid 1px #666; border-right: solid 1px #666;
}
/* COMMON */
#container {
position: absolute; top: 0; left: 0;
width: 100%; height: 100%;
background: #DADADA;
}
#page {
position: relative; top: 0px; left: 0px;
width: 920px;
margin: 0 auto;
}
#top {
width: 100%; height: 120px;
background: white;

}
h1 {
position:absolute; top: 25px; left: 50px;
width: 330px; height: 75px;
background: white url(graphics/transinsurers.gif) no-repeat top left;
}
h1 span {
font-size: 12px;
color: black;
}
#tagline {
position: absolute; top: 50px; left: 520px;
width: 400px; height: 58px;
font-family: arial; font-size: 18px; font-weight: bold; font-style: italic;
color: #808080;
}
#tagline span {
padding: 0 0 0 40px;
}
#topnav {
position: absolute; top: 10px; right: 20px;
}
#topnav ul {
list-style-type: none;
}
#topnav ul li {
float: left;
padding: 0 10px;
font-size: 14px; font-weight: bold;
}
/* NAVIGATION */
#navbar {
position: absolute; top: 120px; left: 0;
width: 100%; height: 36px;
background: #C33; 
border-top: solid 1px black; border-bottom: solid 1px black;
}
#navbar ul {
list-style-type: none;
margin: 0 0 0 2px;
background: #C33; color: white;
}
#navbar ul li {
float: left;
margin: 5px 0; padding: 4px 6px;
font-size: 15px; font-weight: bold;
background: #C33; color: white;
}
#navbar a.navbarlink {
padding: 2px 7px;
font-weight: bold;
text-decoration: none;
background: #C33; color: white;
border: solid 1px white;
}
#navbar a.navbarlink:hover {
background: white; color: #C33;
}
/* MAIN*/
#main {
position: absolute; top: 158px; left: 0;
width: 100%;
background: black;
}
#main #truck {
position: absolute; top: 0; left: 0;
width: 208px; height: 280px;
background: transparent url(graphics/hometruck.jpg) no-repeat top left;
}
#main #quote {
position: absolute; top: 280px; left: 0;
width: 208px; height: 92px;
background: black;
}
#main #quote a {
position: relative; top: 20px; left: 30px;
width: 145px; height: 72px;
background: black;
}
#main #fglink {
position: absolute; top: 392px; left: 0;
width: 208px; height: 132px;
background: black;
}
#main #fglink a {
position: relative; top: 20px; left: 30px;
width: 145px; height: 72px;
background: black;
}
#main #focus {
float: right;
width: 712px; height: 255px;
background: #FFA url(graphics/gradient.jpg) repeat-y top left;
}
#focus h2#headline {
position: relative; top: 10px; left: 20px;
width: 440px;
font-size: 26px; font-style: italic; 
text-align: center;
background: transparent; color: black;
}
#focus p#atti {
position: relative; top: 20px; left: 20px;
width: 440px;
font-size: 15px; font-weight: bold;
background: transparent; color: black;
}
#focus p#weins {
position: relative; top: 23px; left: 40px;
width: 440px;
font-size: 14px; font-weight: bold;
background: transparent; color: #900;
}
#focus ul {
list-style-type: disc; list-style-position: inside;
position: relative; top: 25px; left: 50px;
width: 430px;
font-size: 12px; font-weight: bold;
background: transparent; color: black;
}
#focus ul li {
padding: 2px 0;
background: transparent; color: black;
}
#focus #onphone {
position: absolute; top: 0; right: 0;
width: 162px; height: 109px;
background: transparent url(graphics/onphone.jpg) no-repeat top left;
}
#focus #starpoint {
position: absolute; top: 90px; right: 20px;
width: 240px; height: 160px;
background: transparent url(graphics/44states.gif) no-repeat top left;
}
#main #features {
float: right;
width: 712px; height: 269px;
background: white;
}
#features h3 {
margin: 5px 0 0 0;
font-size: 14px;
color: #C00;
}
#features ul {
list-style-type: disc;
margin: 2px 10px 0 20px;
}
#features ul li {
font-size: 13px;
}
#features #commtrucks {
float: left;
padding: 0 0 0 22px;
width: 230px;
}
#features #brokerbonds {
float: left;
width: 230px;
}
#features #lifehealth {
float: left;
width: 230px;
}
#features #call {
position: absolute; top: 395px; left: 310px;
font-size: 18px; font-weight: bold; font-style: italic;
}
#features #call span {
padding-left: 35px;
}
#features #footlinks {
position: absolute; top: 448px; left: 210px;
}
#footlinks #factor {
float: left; clear: none;
margin: 0 0 0 160px;
width: 90px; height: 60px;
font-size: 13px; font-weight: bold; font-style: italic;
text-align: center;
background: #060; color: white;
border: solid 3px #030; border-left: solid 3px #090; border-top: solid 3px #090;
}
#footlinks #legal {
float: left; clear: none;
margin: 0 0 0 65px;
width: 90px; height: 60px;
font-size: 13px; font-weight: bold; font-style: italic;
text-align: center;
background: #009; color: white;
border: solid 3px #006; border-left: solid 3px #33C; border-top: solid 3px #33C;
}
#footlinks #debt {
float: left; clear: none;
margin: 0 0 0 65px;
width: 90px; height: 60px;
font-size: 13px; font-weight: bold; font-style: italic;
text-align: center;
background: #A70; color: white;
border: solid 3px #750; border-left: solid 3px #C90; border-top: solid 3px #C90;
}
#footlinks a {
display: block;
width: 90px; height:55px;
padding: 5px 0 0 0;
text-decoration: none;
color: white;
}
#footlinks a:hover {
background: #ededed; color: #00C;
}
#main #core {
float: right;
width: 712px;
background: white;
}
#main #core.minheight {
height: 524px;
}
#core h2 {
padding: 5px 0 3px 10px;
font-size: 20px;
background: #FFA url(graphics/gradient.jpg) repeat-y top left;
border-bottom: solid 2px #C33;
}
#core h3 {
clear: both;
padding: 7px 0 1px 20px;
font-size: 16px;
}
#core p {
clear: left;
padding: 7px 80px 1px 20px;
text-align: justify;
}
#core p.thanks {
padding: 20px 80px 1px 20px;
font-size: 14px; font-weight: bold;
}
#core p em {
font-weight: bold;
}
#core p em span {
font-weight: bold;
text-decoration: underline;
}
#core #freightcheck { /* Factoring Co Logo */
width: 275px; height: 73px;
margin: 15px 0 0 5px;
background: #FFA url(graphics/freightcheck.gif) no-repeat top left;
}
#core #paypal { /* PayPal link on Contact Page */
margin: 0 0 0 20px;
}
#core #subcore {
padding: 0 80px 0 30px;
}
#core #subcore h4 {
padding: 6px 0 0 20px;
font-size: 14px; font-style: italic;
}
#core #subcore p {
padding-top: 3px;
}
#core #subcore p#healthintro {
padding-top: 6px;
font-size: 14px; font-weight: bold;
}
#core #subcore p.healthquote {
padding: 8px 0 6px 0;
font-weight: bold;
text-align: center;
}
#core #subcore p.healthquote a {
margin: 5px 0; padding: 3px 5px;
text-decoration: none;
color: black; background: #FFA url(graphics/gradient.jpg) repeat-y top left;
border: solid 2px black; border-top: solid 2px #666; border-left: solid 2px #666;
}
#core #subcore p.healthquote a:hover {
color: blue;
text-decoration: underline;
}
#core #subcore p.lifequote {
padding: 8px 0 6px 0;
font-weight: bold;
text-align: center;
}
#core #subcore ul {
list-style-type: disc;
margin: 5px 90px 0 45px;
}
#core #subcore ul li {
font-size: 12px;
}
#core #subcore ul.quoted li {
font-style: italic;
}
#core #subcore ul li em {
font-weight: normal; font-style: normal;
text-decoration: underline;
}
#core #subcore strong span {
text-decoration: underline;
}
#core #subcore.faqs .question {
padding: 3px 0;
font-size: 13px; font-weight: bold;
text-decoration: underline;
color: #009;
cursor: pointer;
}
#core #subcore.faqs .question:hover {
color: #C00;
}
#core #subcore.faqs .show { /* FAQ Answer Boxes */
width: 595px;
visibility: visible;
padding: 5px 0;
background: #DADADA;
}
#core #subcore.faqs .switch {
float: right;
width: 60px;
margin: 5px 5px 5px 10px; padding: 3px;
font-size: 11px; font-weight: bold;
text-align: center;
background: white; color: #009;
border: solid 1px #009;
cursor: pointer;
}
#core #subcore ol {
list-style-type: lower-alpha;
margin: 5px 90px 0 45px;
}
#core #subcore ol li {
font-size: 12px;
}
#core #subcore.faqs .switch:hover {
background: #009; color: white;
}
#core #listset {
padding: 10px 0 0 60px;
}
#core #listset ul {
list-style-type: square;
float: left;
width: 180px;
}
#core #listset ul li {
font-size: 14px; font-weight: bold;
}
#core #forms {
padding: 10px 80px 0 30px;
}
#forms h4 {
clear: both;
margin: 5px 0 0 0; padding: 7px 0 1px 20px;
font-size: 16px; color: #900;
border-top: solid 2px #C33;
}
#forms h4 span {
padding: 7px 0 1px 10px;
font-size: 12px; font-weight: normal; color: black;
}
#forms p.smallspace {
font-size: 2px;
}
#forms .field {
clear: both;
}
#forms .field label {
float: left;
width: 225px;
padding: 6px 5px 0 0;
font-size: 11px; font-weight: bold;
text-align: right;
color: #333;
}
#forms .field label.short {
width: 70px;
}
#forms .field label.noteslabel {
width: 580px;
padding: 10px 0 0 15px;
text-align: left;
}
#forms .field input {
float: left;
width: 200px;
margin: 1px 0 1px 3px;
background: transparent;
border: solid 1px #333;
}
#forms .field input.short {
width: 80px;
}
#forms .field input.med {
width: 150px;
}
#forms .field select {
float: left;
width: 200px;
margin: 1px 0 1px 3px;
background: white;
border: solid 1px #333;
}
#forms .field select.coverage {
width: 100px;
}
#forms .field select.bcoverage {
width: 300px;
}
#forms .field textarea {
width: 200px; height: 90px;
margin: 1px 0 1px 3px;
background: white;
border: solid 1px #333;
}
#forms .field textarea.contact {
width: 300px; height: 120px;
}
#forms .field textarea.notes {
clear: both;
width: 592px; height: 120px;
}
#forms .field input.radio {
float: left;
width: 16px; height: 16px;
margin: 5px 0 0 0;
background: white;
border: none;
}
#forms .field input.cbox {
float: left;
width: 16px; height: 16px;
margin: 5px 0 0 0;
background: white;
border: none;
}
#forms .field span {
float: left;
width: 40px;
padding: 5px 0 0 3px;
font-size: 12px; height: 18px;
}
#forms .field span.mailfax {
width: 120px;
}
#forms .field span.sym {
width: 8px;
}
#forms .buttons {
clear: both;
padding: 10px 0 0 280px;
}
#forms .buttons input.submit {
width: 100px; height: 22px;
margin: 2px; padding: 2px;
font-size: 12px; font-weight: bold;
color: black;
background: #DADADA;
border: solid 2px #C33; border-top: solid 2px #F66; border-left: solid 2px #F66;
}
#forms table {
width: 602px; 
border-collapse: collapse;
}
#forms table thead td, #forms table tbody tr.mainheader td {
padding: 3px 0 0 3px;
font-size: 11px; font-weight: bold;
text-align: left; vertical-align: top;
background: #C33; color: white;
}
#forms table tbody tr.subheader td {
padding: 3px 0 0 3px;
font-size: 11px; font-weight: bold;
text-align: left; vertical-align: top;
background: #666; color: white;
}
#forms table tbody td{
padding: 1px 0;
}
#forms table tbody td.overcheck {
padding: 0 10px 0 0;
text-align: right;
}
#forms table tbody td.overnote {
padding: 5px 10px 0 0;
font-weight: bold;
}
#forms table tbody td.value {
padding: 0 25px 0 0;
text-align: right;
}
#forms table tbody td.num {
width: 25px;
}
#forms table tbody input.make {
width: 160px;
}
#forms table tbody input.year {
width: 70px;
}
#forms table tbody input.driver, #forms table tbody input.violations {
width: 140px;
}
#forms table tbody input.licnum, #forms table tbody input.losses {
width: 115px;
}
#forms table tbody input.exp {
width: 65px;
}
#forms table tbody input.dob {
width: 105px;
}
#forms table tbody input.employer {
width: 322px;
}
#forms table tbody input.num {
width: 70px;
}
#forms table tbody input.clcode {
width: 90px;
}
#forms table tbody select.ttype {
width: 150px;
}
#forms table tbody select.yesno {
width: 80px;
}
#forms table tbody select.radius {
width: 120px;
}
#forms table tbody select.state {
width: 100px;
}
#forms table tbody tr.subrow td {
background: #DADADA;
}
#forms table tbody tr.datarow select.state {
width: 150px;
}
#forms #submitnote {
padding: 0 20px 0 120px;
}
#forms #submitnote p {
font-size: 11px; color: #666;
}
#forms .gap {
clear: both;
height: 10px;
}
.on {
visibility: visible;
padding: 0 0 0 3px;
font-weight: bold;
background: inherit;
}

#core .address {
float: left;
width: 300px;
padding: 10px 0 10px 20px;
}
#core .quotetype {
float: left;
width: 310px;
padding: 10px 0 10px 10px;
}
#core .quotetype p {
padding: 20px 20px 10px 20px;
font-size: 15px;
text-align: left;
}
#core .quoteclick {
float: left;
width: 310px;
padding: 10px 0 10px 20px;
}
#core .quoteclick p {
padding: 20px 20px 10px 20px;
font-size: 15px;
text-align: right;
}
/* Footer */
#foot {
float: right; clear: both;
width: 100%;
background: white; color: #333;
border-top: solid 1px #999;
}
#foot p {
margin: 2px 10px;
font-size: 11px;
background: inherit; color: #666;
}
#foot p#practices {
float: right;
}
#foot p#practices a {
color: #666;
}
/* UTILITY */
.block, .alttext, .off, .hide {
display: none;
}
.clear {
clear: both;
width: 100%; height: 1px;
overflow: hidden;
}