/* styles, import after skidoo_too.css */
ul { 
    list-style-image: url(/images/bullet.jpg); 
}
ol li, ul li { margin-bottom: .5em; }
.center { text-align: center }
img { border: none }
#pageWrapper, #masthead, #innerColumnContainer, #footer, .sub_footer, .hnav, .hnav ul li a, .vnav ul, .vnav ul li
{
	border-color: #fff;
}
.hnav ul li a { border-right: 1px solid #023363; }
.vnav ul { list-style-image: none }
.vnav ul, .vnav ul li { border-color: #fff; }
html, body
{
	/* note that both html and body elements are in the selector.
	 * this is because we have margins applied to the body element
	 * and the HTML's background property will show through if
	 * it is ever set. _DO_NOT_ apply a font-size value to the
	 * html or body elements, set it in #pageWrapper.
	 */
    background: #fff url(/images/graybar.jpg) repeat-y;
	color: #464834;
    color: #222;
	font-family: verdana, arial, sans-serif;
}
#pageWrapper
{
	font-size: 80%;	/* set your default font size here. */
    margin-left: 50px;
}
#masthead
{
	color: #000;
    padding: 0;
    border-bottom-width: 0;
}
.hnav
{
	color: #8c8c8c;
}
#outerColumnContainer
{
	border-left-color: #fff;	/* left column background color */
	border-right-color: #fff;	/* right column background color */
	background-color: #fff;		/* set the background color for the
					   middle column here */
}
.vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active
{
	text-decoration: none;
	background-color: #fff;
}
#rightColumn .vnav ul li a:link, #rightColumn .vnav ul li a:visited, #rightColumn .vnav ul li a:active
{
	background-color: #ded;
}
.vnav ul li a:hover, #rightColumn .vnav ul li a:hover
{
	text-decoration: underline;
}
.hnav ul li a:link, .hnav ul li a:visited
{
    font: 700 80% Helvetica, arial, sans-serif;
    background: #fff;
/*	color: #8c8c8c;
    color: #023363;
*/
    color: #033363;
}
.hnav ul li a:hover
{
    text-decoration: underline;
 /*   color: #333;*/
}
#rightColumn .inside
{
	/* if you apply a font size to just #rightColumn, then its width,
	 * which is specified in EMs, will also be affected. you don't want
	 * that. so apply font size changes to the .inside element which exists
	 * inside underneath all three columns
	 */
	font-size: 90%;
}
#rightColumn .inside .vnav
{
	font-size: 110%;
}
#footer,  .sub_footer {
    font-size: 11px;
}
#footer {
    margin-top: 1em;
}
#footer, .sub_footer
{
    border-top: 1px solid #d9d9d9;
    margin-left: 50px;
    width: 706px;
	background-color: #fff;
	color: #b7b7b7;
}
#footer a { color: #b7b7b7; }
#enquiryBox {
    color: #666;
    text-align: left;
    background-color:#fff;
}
#leftColumn h3, #enquiryHead {
    font-weight: 700;
    background: #f4f4f4;
    padding: .5em;
    font-size: 100%;
    margin: .5em 0;
}
* html #leftColumn h3 { height: 100%; }
.newsletter_form .button, .button {
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    border-left:1px solid #666;
    border-top:1px solid #666;
    font-family:Verdana,Geneva,sans-serif;
    font-size:11px;
}
.newsletter_form {
    background-color: #fff;
    padding: 5px 15px;
    margin-bottom: 1em;
}
.newsletter_form form { margin:0; padding: 0}
* html .newsletter_form { height: 100%; }
.newsletter_form .button, .button {
    background-color:#666;
    color:#fff;
    padding:0 2px 4px 2px;
    font-weight: bold;
    height:18px;
}
.newsletter_form .button {
    height: 20px;
    float: left;
}
* html .newsletter_form .button { padding: 0 2px;  }
.newsletter_form .field{
 float: left;
 color:#000;
 padding-left:2px;
 height:16px;
 width: 90px; 
}
form { margin: 0; padding: 0 } 
#listing_form {
    margin: 1em 0;
}
fieldset {
    padding: 1em;
    margin-bottom: 1em;
    border-style: solid;
    border-color: #d9d9d9;
    
}
fieldset legend {
    font-weight: 700;
    font-size: 120%;
    /*font-family: helvetica, sans-serif;*/
    padding: 0 1em;
}

#content table
{
    margin-bottom: 1.5em;
    border-collapse: collapse;
    text-align: left;
}

#content table th
{
    font-weight: bold;
    padding: 0.5em;
}

#content table td 
{
    padding: .5em
}

#content table tr.rowH
{
    color: #fff;
    background: #006192 url('images/a8.gif') top left repeat-x;
    border-right: solid 1px #fff;
}
#content table tr.rowA
{
    color: inherit;
}

#content table tr.rowB
{
    background-color: #edfdff;
    background: #f5f5ff;
    color: inherit;
}
.bottom_row { border-bottom: 2px solid #0077c0; }
.bright { background: #fbb117; font-weight: 700}
.formtop {
    background: #f2f8fc;
    color: #036;
    font-size: 120%; 
    font-weight: 700;
}
.listing_title {
    background: #0077c0;
    color: #f5f5f5;
    font-size: 120%; 
    font-weight: 700;
    margin: 1em 0 0 0;
    padding: .5em;
    font: 700 120% arial, sans-serif;
    background: url(/images/blue_bar.gif) repeat-x;
    height: 49px;
    font-size: 150%;
    padding: .7em 1em 0 1em;
}

.headerbox {
   font-weight: 700;
   color: #fff;
   width: 340px;
   overflow: hidden;
   margin-left: 40px;
   font-size: 140%;
} 
form select, form .field {
    font-size: 11px;
    background-color: #fff;
    border: 1px solid #c0c0c0;
    padding: 1px 0 0 2px;
}
.widget {
    float: left;
    width: 33%
}
.errors {
    font-weight: 700;
    color: #c00;
    margin: 1em;
}
form label {
    display: block
}
.home_top {
    background: #d4e8f3 url(/images/cars.jpg) no-repeat;
    height: 128px;
}
ul.directory { 
    list-style-type: none; 
    margin: 0 0 2em 0; 
    padding: 0 0 0 1em;
    font-size: 11px;
    /*font-family: verdana, helvetica, arial, sans-serif;*/
    line-height: 1.5em;
 }
.directory a {
    text-decoration: none;
}
.directory a:hover {
    text-decoration: underline;
}
.howitworks {
    line-height: 1.4em;
}
.howitworks li {
    margin-bottom: .5em;
    margin-right: 1em;
}

.bold { font-weight: 700 }
#header .imgwrap {
   background: #fff url(/images/header5.jpg) 0 100% no-repeat;
   height: 188px;
    font-family: arial, sans-serif;
} 
#header .instructions h2 { font-size: 160%; }
#header .instructions  {
    font-size: 76%;
    font-weight: 700;
    position: absolute;
    left: 395px;
    top: 90px;
    color: #fff;
    line-height: 1.6em;
}
.logo { 
    margin-left: 68px;
    color: #000;
    font-weight: 200;
    letter-spacing: 1px;
    background: url(http://findmethiscar.com/images/logo2.gif) no-repeat; 
    height: 33px; 
}
.logo .replace {
    display: none;
}
.bigness{
    font-weight: 900;
}
.smalltxt {
    font-size: 9px;
}

#title {
    float: left;
    font-size: 14pt;
    padding: 0 0 0 10px;
}
#advanced_search {
    margin: 1em 0;
}
#advanced_search .field { width: 80px }
#advanced_search .long, #advanced_search select { width: 180px }
.three_col { float: left; width: 33%;}
.two_col { float: left; width: 50% }
.bymake {
    width: 500px;
    margin: 0 auto;
    line-height: 2em;
}
.cartlinks {
    float: right;
    font-weight: 700;
    font-size: 11px;
}
.pagination {
    text-align: right;
    margin: 1em;
    font-weight: 700;
    font-size: 120%;
}
.pagination a { text-decoration: none }
.pagination a:hover { text-decoration: underline}
.zipform {
    line-height: 1.6em;
    margin-bottom: 1em;
}
.zipform select { width: 140px; }
.zipform .field { width: 70px; }