/*** Universals ***/
* {
  padding: 0px;
  margin: 0px;
}
img {
  border: none;
}
a, a:visited {
  color: #00F;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.under {
  text-decoration: underline;
}
a.under:hover {
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6 { 
  color: #333; 
  padding:4px 0;
  text-transform: capitalize;
}
h1 {font-size:18px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h3, #homeLinks dt a, #homeDes h2, #catDes h2 {
  display: block;
  text-decoration: none;
  font-size: 13px;
  color: #fff;
  background: #1923B6;
  padding: 3px;
  font-weight: normal;
  margin-bottom: 5px;
  position: relative;
  z-index: 1000;
}
#homeDes h2 {
  font-weight: bold;
  padding: 3px;
  font-size: 15px;
  margin-bottom: 5px;
}

ul, dl {
  list-style: none;
}
table {
  width: 100%;
  border-collapse: collapse;
}
td {
  padding-bottom: 10px;
}
body  {
  font-size: 13px;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #000;
}
#container {
  width: 770px;
  margin: 0 auto;
  margin-top: 10px;
  position: relative;
  left: 2px;
  padding: 0 ;
  
}
#header {
  position: relative;
  width: 780px;
  height: 143px;
  background: url(/images/header.jpg) no-repeat -10px 0;
  border-top: 3px solid #0E22B7;
}
#header td {
  height: 143px;
}
#content {
  padding-top: 15px;
  width: 600px;
  padding-right: 10px;
}

#sidebar {
  width: 150px;
}
#header h1 {
  text-align: center;
  margin-right: 0px;
  text-indent: -9999px;
}
#header td {
  padding-bottom: 0;
}
/* ---------------------- NAVIGATION ---------------------- */

#mainNav {
  background: url(/images/buttons.jpg) no-repeat 0 -0px;;
  position: absolute;z-index:5000;
  width: 760px;
  top: 97px;
  left:0;
  height: 26px;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
}

#mainNav li { 
  float: left;
}
#mainNav a {
  color: #1f319f; 
  display: block;
  width: 107px;
  line-height: 28px;
  position: absolute;
  top: 0px;
}
#navHome { left: 119px; }
#navQuotes { left: 227px; }
#navFinance { left: 334px; }
#navInsurance { left: 440px; }
#navParts { left: 548px; }

/* change tab background if tab = current page */
#auto_quotes #navQuotes, #auto_finance #navFinance,  
#auto_insurance #navInsurance, #auto_parts #navParts, 
#home #navHome, #maker #navHome {
  background: url(/images/buttons.jpg) no-repeat -119px -50px;
  color: #fff;
}
#subNav {
  border-bottom: 3px solid #0E22B7;
  text-align: center; 
  font-weight:bold;
  line-height: 17px;
  height:17px;
  background: url(/images/buttons.jpg) no-repeat -1px -26px;
  width: 760px;
  position: absolute;
  top:121px;
}
#subNav li {
  font-size: 80%; 
  display: inline;
}
#subNav a, #subNav li {
  color: #fff;
}
#navPics img {
  width: auto;
}
#auto_finance #navPics img {
  margin: 0 8px;
}

/* ---------------------- CONTENT ---------------------- */
#homeDes {
  width: 295px;
  margin-right: 10px;
  float: left;
}
#homeDes p {
  margin-bottom: 5px;
}
#homeLinks dt {
  margin-bottom: 10px;
}
#homeLinks td {
  width: 25%;
  padding: 3px;
}
#homeLinks dt a:hover {
  text-decoration: underline;
}
#homeLinks dd a  {
  margin-bottom: 3px;
  margin-right: 20px;
  font-size: 12px;
  display: block;
  color: #000;
  text-decoration: underline;
/*  text-indent: -10px;
  position: relative;
  left: 10px;*/
}
#homeLinks a:hover {
  text-decoration: none;
}
#subDes {
  width: 300px;
  padding-right: 5px;
  min-height: 350px;
}
#subDes img {
  float: left;
  margin-right: 5px;
}
#subContent h1 {
  margin-top: -20px;
  font-size: 14px;
  line-height: 14px;
  position: relative;
}
#sqBanner, #compList {
  width: 295px;
  padding-left: 10px;
  text-align: center;
}
#compList {
  text-align: left;
}
#compList li {
  padding-top: 5px;
}
#compList h3 {
  margin-bottom: 5px;
}

#homeLinks .one dt a {
  background: #D47400;
}
#homeLinks .two dt a {
  background: #9700B1;
}
#homeLinks .three dt a {
  background: #00B216;
}
#homeLinks .four dt a {
  background: #B61112;
}

/* ---------------------- COMPANY PAGE ---------------------- */
#compBanner {
  position: absolute;
  top: 8px;
  right: 18px;
  padding:0;
  margin:0;
}
#companyDes h1 { 
  text-align: right;
}
#companyDes a {
  float:left;
  margin-right:3px;
  text-align: center;
}

/* ---------------------- OFFERS ---------------------- */
#offers .viewAll {
  text-align: right;
}
#offers td {
  width: 600px;
}
img.offersLogo {
  margin-top: -15px;
}
#offers .row0 td {
  background: #ecf5fd;
  padding: 4px;
  border: 1px solid #ccc;
  padding-bottom: 10px;
  padding-top: 10px;
}
#offers .row1 td {
  background: #ffffe3;
  padding: 4px;
  border: 1px solid #ccc;
  padding-bottom: 10px;
  padding-top: 10px;
}
#offers .viewallComp {
  font-style: italic;
  color: #666;
  font-weight: bold;
}
.offerName {
  position: relative;
  float:right; 
}
.offName-comps {
  text-align: right;
}
/* ---------------------- SIDEBAR ---------------------- */
#sidebar div.sidebox {
  margin-bottom: 10px;
}
#sidebar {
  padding-top: 15px;
}
#sidebar input {
  margin: 5px 0;
}
#sidebar h4 {
  font-size: 11px;
}
#sidebar select {
  width: 120px;
}
/* ---------------------- FOOTER ---------------------- */
#footer li { 
  display:inline;
}
#footer ul {
  text-align:center;
}

/* ---------------------- AUTOMAKERS LIST ---------------------- */

#makersList ul {
  float:left;
  width:145px;
}
h3 {
  position: relative;
  margin-bottom: -5px;
}
#makersBox {
  float: none;
  height: 200px;
}

/* ---------------------- AUTO MAKER PAGE ---------------------- */
#automakerPage img {
  padding-bottom: 5px;
  width: 340px;
}
a#topLink {
  float: right;
  color: #333;
  font-weight: bold;
}

#automakerPage #offerslist { 
  float:right; 
  width: 240px;
}
#automakerPage #offerslist ul { 
  font-weight: bold;
  font-size: 13px;
  color: #555;
  list-style: disc;
  padding: 10px 0 0px 20px;
}
#automakerPage #offerslist ul li {
  padding-bottom: 5px;
}
#makerConditions {
  font-size: 9px;
  text-align: center;
  margin-top: 5px;
  color: #999;
}
#mkrSiteLink {
  text-align: right;
  margin-top: 5px;
}

.makerComp {
  margin-top: 10px;
  width:155px;
  float:left;
}
.makerComp p {
  height: 130px;
}
.makerComp h5 {
  text-align: center;
}
.makerComp img {
  width:120px;;
  padding:5px 0;
  float:none;
}

/*** Contact Form ***/

#contactForm {
  
  font-size: 12px;
  width: 600px;
  color: #000;
  padding: 20px 10px;
  margin: 0 auto;
  border: 1px inset #00226C;
  line-height: 14px;
  height: 170px;
  margin-top: 10px;
}
#contactForm label {
  width: 70px;
  float: left;
  clear: left;
}
#contactForm input {
  width: 190px;
  margin-bottom: 10px;
  height: 14px;
  border: 1px inset #00226C;
}
#contactForm input#submit {
  font-size: 11px;
  position: relative;
  top: 10px;
  left: 74px;
  padding: 0 5px;
  height: 18px;
  float: none;
  width: auto;
}
#contactForm p {
  font-size: 11px;
  float: left;
  width: 300px;
}
#contactForm p#message {
  width: 600px;
  float: none;
}
#contactForm p#message textarea {
  width: 488px;
  border: 1px inset #00226C;
}

/* ---------------------- FEATURED COMPANIES ---------------------- */
#featured-home li {
  float: left;
  text-align: center;
  width: 144px;
}
#featured-home img {
  width: 130px;
  padding: 3px;
}
#featured-home ul {
  height: 70px;
}
.goLink {
  position: absolute;
  bottom: 3px;
}

#featuredcompanies  h3 { 
  text-align:left;
  position: relative;
  top: 0px;
  z-index: 100; 
  margin: 0 2px; 
  margin-bottom: -20px;
}

#featuredcompanies td{ 
  padding-bottom: 0;
}
#featuredcompanies table td {
  width: 50%;
  padding: 10px 2px 0;
}
#featuredcompanies table td a.logo {
  display:block;
  padding:5px;
  text-align:center;
}
#featuredcompanies table td p {
  text-align: justify;
}

/* ---------------------- SELECT STATE ---------------------- */
.select_state { 
  background-repeat: no-repeat; 
  width: 597px; 
  height: 230px;
}
/* insurance state select background images */
  .car { background-image: url(../images/insForm-car.jpg); }
  .bike { background-image: url(../images/insForm-bike.jpg) }
  .mainins { background-image: url(../images/insForm-main.jpg); }
  .inscos { background-image:url(../images/insForm-comps.jpg); }
  .dealersform { background-image:url(../images/form-autodealers.jpg); }
  .partsform { background-image:url(../images/form-autoparts.jpg); }
  
.select_state form { 
  position: relative;
  top: 150px;
  left: 420px
}
.select_state select, .partsform select {
  width: 120px;
}
.dealersform #select1, .partsform #select1 {
  position: relative;
  bottom: 25px;
}
.dealersform #select2, .dealersform input,
.partsform #select2, .partsform input {
  position: absolute;
  top: 30px; left:0px;
}
.dealersform input, .partsform input {
  left: 130px;
}
#cityCloak {
  width: 160px;
  height: 60px;
  background: #fff;
  position: absolute;
  top: 312px;
  left: 415px;
  z-index:10000;
  display:none;
}

/* ---------------------- SITEMAP ---------------------- */
a.map {color: #003366;}
a.maphome {font-size:16px;}
a.mapcurrent {font-size:14px;color:green;margin-left:20px;}
a.direct {color:blue;}
a.tab {margin-left:20px;}
a.twotab {margin-left:40px;}
a.threetab {margin-left:60px;}
a.fourtab {margin-left:80px;}
a.fivetab {margin-left:100px;}

/* ---------------------- ROUND EDGES ---------------------- */

  /* Insert the custom corners and borders */
  
  .cb {
     width: 100%;
  	 position:relative;
  	}
  
  .bottom {
  	position:relative;
  	right:0px;
  	}
  
  /* Rules for the top corners and border */
  .bt {
  	background:url(/images/box.png) no-repeat 100% 0;
  	margin:0 0 0 18px;
  	height:6px;
  	text-align: left;
  	}
  .bt div {
  	height:6px;
  	width:18px;
  	position:relative;
  	left:-18px;
  	background:url(/images/box.png) no-repeat 0 0;
  	}
  
  /* Rules for the bottom corners and border */
  .bb {
    text-align: left;
  	background:url(/images/box.png) no-repeat 100% 100%;
  	margin:0 0 0 12px;
  	height:6px;
  	}
  .bb div {
  	height:6px;
  	width:12px;
  	position:relative;
  	left:-12px;
  	background:url(/images/box.png) no-repeat 0 100%;
  	}
  
  /* Insert the left border */
  .i1 {
  	padding:0 0 0 8px;
  	background:url(/images/borders.png) repeat-y 0 0;
  	}
  /* Insert the right border */
  .i2 {
  	padding:0 8px 0 0;
  	background:url(/images/borders.png) repeat-y 100% 0;
  	}
  /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
  .i3 {
  
  	}
  /* CSS for the box ends here */
  /* box styles fix */
  * html .i1,
  * html .i3 { height:1px; }
/* ---------------------- Fixes!!! ---------------------- */
.clearfix {
  clear:left;
  visibility: hidden;
}