body {font-family: Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0;}
a {color:#0000cc;}
a:hover {color:#ff0000;}
p {font-size:12px;}

/* DIVS */
#container {margin: 0 auto; position:relative; width:995px;}

#header { margin:0; padding:10px 0 0 0; background: #ffffff; color: #000000; width:100%; float:left;}
#dottedbox { float:right; border: thin dotted #FFB402; margin-right:60px; padding:2px 10px; background:#ffff99;}
#topnav {float:right; margin-right:5px;}
#yellowbar {background:url(../images/yellowbar_bg.gif) repeat-x; margin:20px 0 0 0; float:left; clear:left; width:995px; height:25px;}

#rightbar {width:200px; float:left; margin:0 0 0 9px;}
#center {
    float:left;
    width:760px;
    color:#000000;
    border:#e2e2e2 1px solid;
    padding:10px;
    margin: 10px 0 5px 10px;
}

/* Overwrites default color for Auto Insurance Quotes links */
#center a { color: #0000cc; }
#center a:hover { color: #FF0000; }

#content {float:left; width:763px; margin-bottom:10px;}
#user_tools {
    float:left;
    width:100%;
    margin-top:20px;
    border-top:#999999 1px solid;
    padding:0 0 10px 0;
}

#user_tools ul {
    list-style-type: none;
    padding-left: 20px;
}
#user_tools ul ul {
    padding-left: 40px;
}

#recommends {clear:left; float:left; width:763px; margin-top:20px; border-top:#999999 1px solid; padding:0 0 10px 0;}

#listads {clear:left; float:left; width:763px; height:61px; margin-top:20px; border-top:#999999 1px solid; padding:0;}


#car_image_facts {
    clear: left;
    float:left;
    width: 266px;
    margin:0 0 0 0;
}

#facts {
    clear:left; 
    float:left;
    width:100%;
    padding:0 0 10px 0;
    margin:20px 0 0 0;
}

#contact_info {
    float:left;
    width:100%;
    margin:20px 7px 0 0;
    border-top:#999999 1px solid;
}

#auto_negotiator {clear:left; float:left; width:763px; margin:20px 0 0 0; border-top:#999999 1px solid;}

#test { border:#e2e2e2 1px solid; background:#cccccc; margin: 70px 0 0 277px; *margin: -15px 0 0 277px;}

#car_info {
    float:left;
    width:480px;
    border:#ffffff 1px solid;
    margin:0 0 0 10px;
}

/* Overwrites default color for Auto Insurance Quotes link and underlines it: in IE */
#car_info a { color: #0000cc; text-decoration: underline; }
#car_info a:hover { color: #FF0000; }
#moreinfo { clear:left; float:left; width:763px;  margin:20px 0 0 0; border-top:#999999 1px solid; padding:0 0 10px 0;}
#moreinfo ul {margin:0; padding:0;}
#moreinfo ul li {display:block; float:left; width:24%; padding: 3px 0; list-style-type:none;}
#other_searches {clear:left; float:left; width:763px; margin-top:20px; border-top:#999999 1px solid; padding:0 0 10px 0; }
#other_searches ul {margin:0; padding:0;}
#other_searches ul li {display:block; float:left; width:32%; padding: 3px 0; list-style-type:none;}
#geolinks {clear:left; float:left; width:763px; margin-top:20px; border-top:#999999 1px solid; padding:0 0 10px 0; }
#geolinks ul {margin:0; padding:0;}
#geolinks ul li {display:block; float:left; width:32%; padding: 3px 0; list-style-type:none;}

#car_sold {background:#ffff99; border: thin dotted #FFB402;}
#scams {background:#ffff99; border: thin dotted #FFB402; padding:5px;}

#footer {float:left;width:995px; text-align:center; color:#000000; clear:both;}

/* SET STYLES */
input {font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}
select {font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}
img {border:none;}
th {
    text-align:left;
    font-weight: bold;
}
h2 {margin:0; padding:0; font-size:16px; font-weight:bold;}
h3 {
    margin:0;
    padding:0;
    font-size:16px;
    font-weight:bold;
    display:block;
    color:#000000;
    background:#e2e2e2;
    width:100%;
    height: 21px;
}

/* CLASSES */
.bold {font-weight:bold;}
.fleft {float:left;}
.fright {float:right;}
.greytext {color:#666666;}
.font11 {font-size:11px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.textcenter {text-align:center;}
.greybg {background:#e2e2e2;}
.listmargin {margin: 0 0 0 277px;}
.redcolor {color:#ff0000;}

/* AUTO INSURANCE LINK */
.auto_insurance { margin-right: 3px;}
.auto_insurance_text { text-decoration: underline; color: #0000cc; }

/*ie6*/
.tablewidth {_width:100%; _padding:0; _margin:0; _float:left;}

/*RECENTLY VIEWED COVER*/
#recentcover {float:right; padding:0 0 10px 10px;}

ul.recalls_tabMainNav {
    text-align: left; /* set to left, right or center */
    margin: 1em 0 1em 0; /* set margins as desired */
    font: bold 12px verdana, arial, sans-serif; /* set font as desired */
    border-bottom: 1px solid #E2E2E2; /* set border COLOR as desired */
    list-style-type: none;
    padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
    line-height: 30px;
}

ul.recalls_tabMainNav li { /* do not change */
    display: inline;
    background-color: #fff; /* set background color to match above border color */
    color: #000; /* set selected tab link color as desired */
    position: relative;
    top: 0px;
    padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #E2E2E2; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    color: #666; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
    background: #fff; /* set desired hover color */
    cursor: pointer;
}

ul.recalls_tabMainNav li.active { /* do not change */
    color: #000; /* set selected tab link color as desired */
    background: #ffff99; /* set desired hover color */
    border-bottom: none;
    top: 1px;
    cursor: default;
}


ul#tabNav {
    text-align: left; /* set to left, right or center */
    margin: 1em 0 1em 0; /* set margins as desired */
    font: bold 12px verdana, arial, sans-serif; /* set font as desired */
    border-bottom: 1px solid #E2E2E2; /* set border COLOR as desired */
    list-style-type: none;
    padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabNav li { /* do not change */
    display: inline;
    background-color: #fff; /* set background color to match above border color */
    color: #000; /* set selected tab link color as desired */
    position: relative;
    top: 0px;
    padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #E2E2E2; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    color: #666; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
    background: #fff; /* set desired hover color */
    cursor: pointer;
}

ul#tabNav li.active { /* do not change */
    color: #000; /* set selected tab link color as desired */
    background: #ffff99; /* set desired hover color */
    border-bottom: none;
    top: 1px;
    cursor: default;
}

ul#subNav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ccc;
}

ul#subNav li {
    display: inline;
    background : #fff;
    color : #999;
    font-weight : bold;
    margin-right : 4px;
    padding : 2px 10px;
    text-decoration : none;
    border-style: none;
    text-transform: capitalize;
    border: 1px solid #ccc;
    cursor: pointer;
}

ul#subNav li.active{
    color: #000;
    background-color: #ffff99;
}

a .recallSummary{
    color: black;
} 
.recallNotice {
    border:solid 1px #e2e2e2;
    height: 80px;
    cursor: pointer;
}
.recallNotice:hover {
    background-color: #ffff99;
}
.recallSummary {
    margin: 0 10px;
}
.recallAnchor{
    background-color: #bfd7fe;
    color:#FFFFFF;
    float:right;
    font-size:20px;
    height:100%;
    line-height:80px;
    text-align:center;
    vertical-align:middle;
    width:40px;
}

.recallNotice:hover .recallAnchor{
    color: #ffff99;
}

.recallData {
    padding: 10px;
}

.recallData .recallSummary{
    float:left;
    width: 64%;
    padding-right: 15px;
    margin: 0px;
}
.recallData .recallSummary p b{
    text-indent: -10px
}

.recallData .recallInfo{
    width: 35%;
}
.recallData .recallInfo table{
    font-size: 10px;
    border: solid 1px #e2e2e2;
    width:  100%;
}

.recallData .recallInfo table td{
    background-color: #f0f0f0;
    text-transform: uppercase;
    text-indent: 10px;
}

ul.recallCalendar{
    width: 100%;
    margin: 0px;
    padding: 0px;
}

ul.recallCalendar .date{
    float: left;
    border: solid 1px;
    max-width: 100%;
    list-style-type: none;
    text-align:center;
    padding-right: 10px;
    background-color: #ffff99;
}

.container{
    clear: both !important;
}

.container:after{ 
    content: "."; 
    display: block; 
    height: 10px; 
    font-size:0; 
    clear: both; 
    visibility:hidden; 
    }

.headerLeft{
    float: left;
    font-weight: bold;
    width: 80px;
}

.left {
    float: left;
}

.right {
    float: right;
}

hr {
    border: 1 solid #e2e2e2;
    height: 1px;
    width: 80%;
}