body { background:#e9e7e3; color:#494848; font-family: Helvetica, Arial, sans-serif; font-size:14px; margin:0; padding:0; text-align:center; }
h1 { color:#666666; font-family: Helvetica, Arial, sans-serif; font-size:24px; margin:0 0 10px 0; padding:0; }
h2 { color:#666666; font-family: Helvetica, Arial, sans-serif; font-size:18px; font-weight:normal; margin:10px 0 10px 0; padding:0; }
h3 { color:#494848; font-family: Helvetica, Arial, sans-serif; font-size:14px; font-weight:normal; margin:10px 0 10px 0; padding:0; }
p { color:#494848; font-family: Arial, Helvetica, sans-serif; }
strong { color:#494848; }
span.date { color:#494848; display:block; font-size:12px; margin:0 0 15px 0; padding:0; }
small.underPhoto { display:block;margin:0 0 5px 0;font-size:9px;color:#aaa; }

a { color:#001339;} 

/* flash modal window */
.simplemodal-overlay { background-color: #000 }
.simplemodal-container { background-color: #fff }
.simplemodal-wrap { position: relative; background: url('../img/modal_bg.gif') bottom repeat-x }
.simplemodal-data { position: absolute; top: 48%; width: 520px; margin: auto; font-weight: bold; line-height: 14px; text-align: center; }

#container { background:#ffffff; margin:12px auto 0px auto; padding:30px 30px 15px; text-align:left; width:900px; }

#menu { background:url('../img/s/menubg.gif') repeat-x; color:#001339; font-size:13px; height:31px; margin:27px 0 21px 0; width:900px; }
#menu ul { margin:0; padding:0; list-style-type:none; }
#menu ul li { border-left:1px solid #ddddde; border-right:1px solid #ffffff; float:left; height:25px; margin:3px 0; padding:0 7px;  } 
#menu ul li a { background:none; color:#001339; display:block; height:18px; line-height:18px; margin:3px 0 0 0; padding:1px 4px; text-decoration:none;white-space:nowrap; }
#menu ul li a.on, #menu ul li a:hover { background:#aecc2e; color:#ffffff; }

#searchBox { background:url('../img/s/searchbg.gif') repeat-x #aecc2e; padding:0 14px 17px 17px; width:259px; }
#searchBox h2 { color:#ffffff; font-size:24px; font-weight:normal; line-height:40px; margin:0; padding:3px 0 0 0; }
#searchBox p { color:#ffffff; font-size:14px; line-height:17px; margin:12px 0 10px 0; padding:0;  }
#searchBox select { margin:0 0 8px 0; width:260px; }

#content #searchBoxBG { background:url('../img/s/searchbg.gif') repeat-x #aecc2e; margin:20px 0 0 0; padding:0 7px 7px 7px; width:566px; }
#content #searchBoxBG h2 { color:#ffffff; font-size:24px; font-weight:normal; line-height:40px; margin:0; padding:3px 0 0 10px; }
#content #searchBoxBG div { background:url('../img/s/searchguidebg.gif') no-repeat 20px 20px #ffffff; padding:20px 20px 20px 130px; margin:7px 0 0 0; }
#content #searchBoxBG div p { color:#494848; font-size:14px; line-height:17px; margin:0 0 15px 0; padding:0;  }
#content #searchBoxBG select { margin:0 0 8px 0; width:260px; }

#content .searchBoxBG { background:url('../img/s/searchbg.gif') repeat-x #aecc2e; margin:20px 0 0 0; padding:0 7px 7px 7px; width:566px; }
#content .searchBoxBG h2 { color:#ffffff; font-size:24px; font-weight:normal; line-height:40px; margin:0; padding:3px 0 0 10px; }
#content .searchBoxBG div { background:url('../img/s/searchguidebg.gif') no-repeat 20px 20px #ffffff; padding:20px 20px 20px 130px; margin:7px 0 0 0; }
#content .searchBoxBG #manufacturer {background: url('../img/s/manufacturers.gif') no-repeat scroll 10px 16px #FFFFFF; padding-left: 160px; padding-right: 15px}
#content .searchBoxBG #car_type {background: url('../img/s/cartype.gif') no-repeat scroll 10px 15px #FFFFFF; padding-left: 160px; padding-right: 15px}
#content .searchBoxBG div p { color:#494848; font-size:14px; line-height:17px; margin:0 0 15px 0; padding:0;  }
#content .searchBoxBG select { margin:0 0 8px 0; width:260px; }

#content #largeFrame { background:url('../img/s/searchbg.gif') repeat-x #aecc2e; margin:0 0 0 0; padding:0 7px 7px 7px; width:566px; }
#content #largeFrame h2 { color:#ffffff; font-size:24px; font-weight:normal; line-height:40px; margin:0; padding:3px 0 0 10px; }
#content #largeFrame div.inner { background:#ffffff; padding:10px; margin:7px 0 0 0; }
#content #largeFrame div.inner p { color:#494848; font-size:14px; line-height:17px; margin:0 0 15px 0; padding:0;  }
#content #largeFrame div.newsletter { background:#ffffff; padding:10px; margin:7px 0 0 0; }
#content #largeFrame div.newsletter p { color:#494848; font-size:14px; line-height:17px; margin:0 0 15px 0; padding:0;  }
#content #largeFrame div.newsletter label {display:block;float:left;padding-top:4px;width:110px;margin-left:8px;}
#content #largeFrame div.newsletter .input {margin: 5px 0;overflow:hidden;width: 392px}
#content #largeFrame div.newsletter .input input {font-size:12px;font-family: Arial, Helvetica, sans-serif;width: 260px; float: left}
#content #largeFrame div.newsletter .input select {font-size:12px;font-family: Arial, Helvetica, sans-serif;width: 260px; float: left}
#content #largeFrame div.newsletter .input .error-message {margin-left:8px;color: red; padding: 5px 0}
#content #largeFrame div.thumbs img { margin:10px 9px 0 0; }

#registerBox { background:#aecc2e; padding:8px; width:259px; }
#registerBox .inner { background:#ffffff; padding:0; margin:0}
#registerBox p { color:#001339; font-size:17px; line-height:17px; margin:12px 0 10px 0; padding:0; font-family: Helvetica, Arial, sans-serif; font-weight: bold; float: left;width:200px;}

#content { margin:0 20px 0 0; width:580px; float:left; }
#content h1 { color:#082056; font-size:17px; line-height:21px; margin:0; padding:0; }
#content p { color:#494848; font-size:14px; line-height:17px; margin:12px 0 6px 0; }
#content p strong { color:#000000; }

#right { width:300px; float:left; }

#footer { background:#f1f1f2; border:1px solid #e1e0e0; clear:both; margin:20px 0 0 0;padding:18px 0 15px 0; }
#footer td { color:#989898; font-size:13px; vertical-align:top; }
#footer a { color:#001339; display:block; font-size:13px; line-height:18px; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer_text {color:#989898; font-size:12px; margin:5px;}

/**
  * Elements
  */
#content div.greenBox, div.greenBox { background:url('../img/s/greenboxbg.gif') repeat-x #aecc2e; margin:0; padding:0 7px 7px 7px; }
#content div.greenBox p.small, div.greenBox p.small { color:#333333; font-size:11px; margin:7px 0 0 0; padding:0; }
#content div.greenBox h2, div.greenBox h2 { color:#ffffff; font-size:17px; font-weight:normal; line-height:30px; margin:0 0 7px 0; padding:0; }
#content div.greenBox div.inner, div.greenBox div.inner { background:#ffffff; padding:5px; margin:0}
#content div.greenBox div.inner img, div.greenBox div.inner img { float:left; margin:0 8px 0 0; }
#content div.greenBox div.inner p, div.greenBox div.inner p { color:#333333; font-size:12px; line-height:16px; margin:0; padding:0px 5px 10px 0; }
#content div.greenBox div.inner a, div.greenBox div.inner a { color:#001339; font-size:12px; line-height:16px; text-decoration:underline; }
#content div.greenBox div.inner p a.first, div.greenBox div.inner p a.first { display:block; padding:0px 5px 10px 0; }
#content div.greenBox div.large_inner {background:none repeat scroll 0 0 #FFFFFF;margin:0;padding:5px;}
#content div.greenBox div.large_inner p {color:#494848; font-size:14px; line-height:17px; margin:0 0 15px 0; padding:0;  }

div.greenBox table.data { width:100%; }
div.greenBox table.data tr.on { background:#f3f3f3; }
div.greenBox table.data th { color:#8e9aa0; font-size:12px; font-weight:normal; padding:11px 0 4px 0; }
div.greenBox table.data td { color:#001339; font-size:12px; height:23px; vertical-align:middle; }

div.rate { background:url('../img/s/poorgood.gif') no-repeat bottom right; float:left; height:28px; margin:0 0 3px 0; padding:0; width:154px; }  

h3.tab { background:#828870; color:#ffffff; cursor:pointer; float:left; font-size:14px; font-weight:normal; margin:7px 0 0 0; padding:6px 10px 5px 10px; }
h3.on { background:#ffffff; color:#000000; cursor:pointer; font-weight:normal; }

/* pagination */
div.pagination { margin:20px 0 0 0; padding:0; }
div.pagination a { color:#001339; float:left; font-size:12px; }
div.pagination div.prev_next { color:#001339; float:left; font-size:12px; width:58px; height: 12px}
div.pagination div.pages { color:#001339; float:left; font-size:12px; text-align:center; width:464px; }
div.pagination div.pages a, div.pagination div.pages span { float:none; padding:0 6px; }

/* listing */
#content table.listing { margin:0;padding:0;  }
#content table.listing tr.on { background-color:#f3f3f3; }
#content table.listing td { border-bottom:1px solid #c7c7c7;padding:5px; vertical-align:top; }
#content table.listing h4 { margin:0 0 12px 0; padding:0; }
#content table.listing h4 a { color:#001339; font-size:12px; } 
#content table.listing td p { color:#494848; font-size:12px; line-height:17px; margin:0; padding:0; }

/* greyBox */ 
#content #largeFrame div.inner div.greyBox { background:#f4f4f4; border:1px solid #dbdbdb; margin:0; padding:13px 11px 9px 11px;}
#content #largeFrame div.inner div.greyBox h3 { color:#001339; margin:0; padding:0; }
#content #largeFrame div.inner div.greyBox p { font-size:14px; line-height:15px; margin:5px 0 8px 0; padding:0; }

/* Comparison TABS */ 
#compTabs { background:url('../img/s/tabsbg.gif') no-repeat #aecc2e; color:#ffffff; font-weight:bold; font-size:13px; height:41px; }
#compTabs.t2 { background:url('../img/s/tabsbg.gif') no-repeat 0 -41px #aecc2e; }
#compTabs.t3 { background:url('../img/s/tabsbg.gif') no-repeat 0 -82px #aecc2e; }
#compTabs.t4 { background:url('../img/s/tabsbg.gif') no-repeat 0 -123px #aecc2e; }
#compTabs ul { margin:0; padding:0; list-style-type:none; }
#compTabs li { float:left; font-size:13px; padding:8px 0 0 15px; }
#compTabs li a { color:#ffffff;text-decoration:none; }
#compTabs li.on a { color:#000000; }

/* table style t1 */
table.t1 { margin:20px 0 0 0; width:100%; }
table.t1 tr.on { background:#f3f3f3; }
table.t1 th { border-bottom:1px solid #e3e3e3; color:#333333; font-size:18px; padding:0 0 7px 0; }
table.t1 td { color:#494848; font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:24px;  }
table.t1 td ul { list-style-image:url('../img/s/li.gif'); margin:0 0 0 20px; padding:0; }
table.t1 td li { line-height:18px; margin:12px 0; padding:0 0 0 10px; }

/* table style t2 */
table.t2 td { color:#494848; font-family:Arial,Helvetica,sans-serif; font-size:14px; padding:4px 0;}
table.t2 td a img { vertical-align:middle; }

/* table style t3 */
table.t3 td { line-height:17px;padding:15px 0 7px 0;vertical-align:top;  }
table.t3 td div.rate { margin:-12px 0 0 0; }

/* table style t4 */
table.t4 td { line-height:17px;padding:10px 0;vertical-align:top;   }

/* table style t5 */
table.t5 { margin:0;padding:0;font-size:12px; }
table.t5 tr.on { background:#f3f3f3; }
table.t5 th { color:#333333; padding:9px 0 14px 0; text-align:left; vertical-align:top; }
table.t5 tr>td:first-child, table.t5 tr>th:first-child { padding-left:7px; }
table.t5 td { color:#494848; border-bottom:1px solid #c7c7c7; font-weight:bold; padding:23px 0 10px 0; vertical-align:top; }
table.t5 td div.rate { margin:-14px 0 0;padding-left:8px;}
table.t5 td a { color:#001339; font-family:Arial,Helvetica,sans-serif; font-weight:normal; }

/* table style t6 */
table.t6 { }
table.t6 td { border-bottom:1px solid #dbdbdb; padding:10px 0 7px 0; }
table.t6 a.small { color:#001339; font-size:11px; }

/* table style t7 */
table.t7 tr>td:first-child, table.t5 tr>th:first-child { padding-left:7px;padding-top:8px; }

/* table style t8 */
table.t8 { margin:0;padding:0;font-size:12px; }
table.t8 tr.on { background:#f3f3f3; }
table.t8 th { color:#333333; padding:9px 0 14px 0; text-align:left; vertical-align:top; }
table.t8 tr>td:first-child, table.t8 tr>th:first-child { padding-left:7px; text-align: left}
table.t8 td { color:#494848; border-bottom:1px solid #c7c7c7; font-weight:bold; padding:8px 0; vertical-align:middle; text-align: center}
table.t8 td div.rate { margin:-14px 0 0 0; }
table.t8 td a { color:#001339; font-family:Arial,Helvetica,sans-serif; font-weight:normal; }

.thumbs img {cursor: pointer}
div.file {background-repeat: no-repeat; background-position: 6px 50%; padding: 6px 6px 6px 32px; border: 1px solid #DDDDDD; margin-top:20px;}

.clear { clear: both; overflow: hidden; font-size: 0px; height: 0px; width: 0px }
.clear5 { clear: both; overflow: hidden; font-size: 0px; height: 5px; width: 0px }

/* cakePHP $form helper output styling */
.review .input, .review .radio, .review .checkbox { padding:5px 0;margin:0 0 5px 0;}
.review .input label { float:left; text-align:left; display:block;width:225px;padding-top:1px;}
.review .input input, .review .input select { border:1px solid #ddd;font-size:14px; }
.review .input input, .review .input #review_models, .review .input #review_makes {width: 200px}
.review .radio_input {padding: 5px 0 0; height:15px;}
.review .radio label, .review .radio_input label { float:left; margin-right:10px; width: 20px;}
.review .radio label.label, .review .radio_input label.label {width: 225px; margin-right:0;height:20px;}
.review .radio input, .review .radio_input input {margin: 0; width: 20px; float: left; border: none}
.review .checkbox {float: left}
.review .checkbox label { float:left; text-align:left; width: 225px;height:20px;}
.review .checkbox input {width: 20px; float: left; border: none}
.review .left {float: left}
.review .form_div {font-weight: bold; margin: 30px 0 10px}
.review .form_div .small {font-weight: normal;}
.review .error-message {color: red}
.review .input input.form-error, .review .input select.form-error {border: 1px solid red;}
.review .dob .error-message {display: none}

/* car review tabs */
.tabs_body {border: 1px solid #b9b9b9; border-top: none;}
#viewTabs {margin-top:20px; background:url("../img/s/gray.gif") repeat-x scroll center bottom transparent; width:546px;}
#viewTabs a {display: block; width: 101px; height: 33px; float: left; background:url("../img/s/tabs.gif") no-repeat scroll 0 -33px transparent;}
#viewTabs a#list_view {width: 115px;}
#viewTabs a#pie_view {width: 148px;background-position:-115px 0}
.graph{width: 250px;height: 250px;padding: 10px 40px 10px 20px;float: left;}
#graphLegend {float: left;margin-top:40px;}
#graphLegend div {font-size: 14px; font-family: Helvetica,Arial,sans-serif; background:url("../img/s/legend.gif") no-repeat scroll 0 0px transparent;padding-left:20px;margin-bottom:7px;}
#selectYear {float: right;padding-top:5px;}
/*#selectYear select {font-size: 12px; font-family: Arial,Helvetica,sans-serif; padding:5px 2px; float: left; margin-right: 5px}*/
#selectYear select {font-size: 12px; font-family: Arial,Helvetica,sans-serif; float: left; margin-right: 5px;margin-top:3px;}