@charset "UTF-8"; /* CSS Document */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : DriverSide Main Stylesheet v2.0 Author : Kristin Kramer URL : http://www.driverside.com colors: light green: #d9edce; green: #54b948; #393; dk_green links, text: #393; dk_green in nav: #7ab672; old: darkest grey: #333, lightest grey: #dedede; orange: #fb8019 link, visited, hover, active - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ @import url('common.css'); h1 span {font: inherit;} #lb_changecar h3 {font-size: 15px; font-weight: 700; margin: 0 0 4px 0;} #garage_mod h2 {font-size: 15px; font-weight: 700; margin: 6px 0 12px 0;} .main_box_rt h2, .mod_rt_content h2 {font-size: 15px !important;} .main_box h1 {font-size: 18px; font-weight: 700; color: #666; margin: 6px 0 6px 0;} .main_box h2 {font-size: 16px; font-weight: 100; margin: 4px 0 4px 0;} .main_box h3 {font-size: 15px; font-weight: 100; margin: 3px 0 4px 0;} .main_box h4 {font-size: 15px; font-weight: 700; color: #333; margin: 0 0 6px 0;} .xl_font {font-size: 30px; font-weight: 700;} .nowrap {white-space: nowrap;} .center {text-align: center;} a * {color: inherit; color: #369 !ie;} a:hover * {color: inherit; color: #393 !ie;} /* ----- IMAGES ----- */ img.myphotos {border: 1px solid #bbb; padding:6px;} .details img {vertical-align: middle;} /* ----- LINKS ----- */ a.red:hover {color: #c00;} #mid_column .sm_grey_tooltip {color: #666; font-size: 11px; font-weight: 500; text-decoration: none; border-bottom: 1px dotted;} a.sm_green_link {font-size: 11px;} #mid_column a {/*text-decoration: underline*/;} #garage_mod_ul li a {color: #333; text-decoration: none;} #garage_mod_ul li a:hover {color: #393; text-decoration: underline;} #service_mod.main_box_rt a {color: #333; text-decoration: underline; font-weight: inherit;} #service_mod.main_box_rt a:hover {color: #393; text-decoration: underline; font-weight: inherit;} a.grey6_link {color: #666; font-size: inherit; font-weight: normal; text-decoration: underline;} a.grey6_link:hover {color: #666; font-size: inherit; font-weight: normal; text-decoration: underline;} .similar_col a {color: #fff; line-height: 17px; font-weight: 500;} .paging a {color: #666; font-weight: 500; text-decoration: underline;} /*.paging a:hover {color: #393; font-weight: 500; text-decoration: underline;}*/ a.underline {text-decoration: underline;} .grey_back_link {text-decoration: underline; font-size: 11px; color: #666; background: url('../img/left_arrow_white.gif') center left no-repeat; padding: 3px 0 3px 16px;} .grey_next_link {text-decoration: underline; font-size: 11px; color: #666; background: url('../img/right_arrow_white.gif') center right no-repeat; padding: 3px 16px 3px 0;} .grey_back_link:hover, .grey_next_link:hover {font-size: 11px;} .print_link {background: url('../img/icon_print.gif') center right no-repeat; padding: 4px 28px 4px 0;} .print_btn {background: url('../img/icon_print.gif') 10px center no-repeat; padding: 4px 10px 4px 36px; border: 1px solid #ccc; color: #666; display: inline-block !ie;} .close_link {background: url('../img/close.gif') center right no-repeat; padding: 4px 20px 4px 0;} .view_coupon_link {background: url('../img/mechanic_icons.png') 0 1px no-repeat; padding: 0 0 0 24px;} .request_appt_link {background: url('../img/mechanic_icons.png') 1px -74px no-repeat; padding: 0 0 0 24px; white-space: nowrap;} .visit_url_link {white-space: nowrap;} /* ----- FORMS ----- */ textarea {background: #fff url('../img/fieldshadow.gif') repeat-x; border: 1px solid #c2c2c2; border-top-color: #888;} /* ------ HR ------- */ .hr_rt {width: 282px; clear: both; height: 5px; border: 0; border-bottom: dotted 2px #ccc; margin: 5px 0;} .hr_main {width: 556px; clear: both; height: 3px; border: 0; border-bottom: dotted 2px #ccc; margin: 5px 0;} /* ------ Image SPRITES ------- */ .print {background: url(../img/icon_print.gif) 0 0 no-repeat; height:18px; width:20px; cursor: pointer; border: 0;} .backarrow {background: url(../img/left_arrow_white.gif) 0 0 no-repeat; height:12px; width:12px; cursor: pointer; border: 0;} .questionmark {background: url(../img/questionmarkicon.png) 0 0 no-repeat; height:12px; width:12px; cursor: pointer; border: 0;} /* ------ BUTTON SPRITES ------- */ .view_quotes_orange {position: absolute; bottom: 6px; right: 10px; background: url(../img/btn_org_dlr_qte.png) 0 0 no-repeat; height:31px; width:118px; cursor: pointer; border: 0; color:#fff; font-size:14px; font-weight:700;} /* blue buttons */ .find_dealer {background: url(../img/bluebuttons.gif) 0 -1px no-repeat; height: 25px; width: 100px; cursor: pointer; border: 0;} .find_mechanic {background: url(../img/bluebuttons.gif) 0 -31px no-repeat; height: 25px; width: 118px; cursor: pointer; border: 0; vertical-align: bottom;} /* .register_now common.css */ .add_scheduled_service {background: url(../img/bluebuttons.gif) 0 -88px no-repeat; height: 25px; width: 142px; cursor: pointer; border: 0; vertical-align: middle;} .copy_to_site {background: url(../img/bluebuttons.gif) 0 -115px no-repeat; height: 25px; width: 146px; cursor: pointer; border: 0; vertical-align: middle;} .add_this_vehicle {background: url(../img/bluebuttons.gif) 0 -142px no-repeat; height: 25px; width: 100px; cursor: pointer; border: 0;} .review_write_btn {background: url(../img/bluebuttons.gif) 0 -169px no-repeat; height: 25px; width: 109px; cursor: pointer; border: 0;} /* .get_started home.css */ .build_garage {background: url(../img/bluebuttons.gif) 0 -293px no-repeat; height: 25px; width: 129px; cursor: pointer; border: 0;} .continue {background: url(../img/bluebuttons.gif) 0 -320px no-repeat; height: 25px; width: 78px; cursor: pointer; border: 0;} .continue_to_report_btn {background: url('../img/bluebuttons.gif') 0 -383px no-repeat; height: 25px; width: 141px; cursor: pointer; border: 0;} .sign_up_now {background: url(../img/bluebuttons.gif) 0 -350px no-repeat; height: 25px; width: 99px; cursor: pointer; border: 0;} .compare_warranty {background: url(../img/bluebuttons.gif) -120px -410px no-repeat; height: 25px; width: 180px; cursor: pointer; border: 0;} .rt_arrow {background: url(../img/bluebuttons.gif) -270px -1px no-repeat; height: 22px; width: 30px; cursor: pointer; border: 0; vertical-align: bottom;} .begin {background: url(../img/bluebuttons.gif) -243px -26px no-repeat; height: 25px; width: 57px; cursor: pointer; border: 0;} .save_btn {background: url(../img/bluebuttons.gif) -189px -50px no-repeat; height: 25px; width: 53px; cursor: pointer; border: 0; vertical-align: middle;} .save_btn_sm {background: url(../img/bluebuttons.gif) -251px -51px no-repeat; height: 22px; width: 49px; cursor: pointer; border: 0; vertical-align: middle;} .update {background: url(../img/bluebuttons.gif) -235px -76px no-repeat; height: 25px; width: 65px; cursor: pointer; border: 0;} .generate_referral_btn {background: url(../img/bluebuttons.gif) 0 -508px no-repeat; height: 25px; width: 124px; cursor: pointer; border: 0;} .get_estimate {background: url(../img/bluebuttons.gif) -201px -103px no-repeat; height: 25px; width: 99px; cursor: pointer; border: 0;} .search_blue {background: url(../img/bluebuttons.gif) -235px -130px no-repeat; height: 25px; width: 65px; cursor: pointer; border: 0; vertical-align: middle;} /* .login common.css */ /* .submit common.css */ .delete_btn_blue {background: url(../img/bluebuttons.gif) -239px -213px no-repeat; height: 25px; width: 61px; cursor: pointer; border: 0; vertical-align: middle;} .upload_btn_blue {background: url(../img/bluebuttons.gif) -235px -240px no-repeat; height: 25px; width: 65px; cursor: pointer; border: 0;} .gaviewlisting {background: url(../img/bluebuttons.gif) -206px -269px no-repeat; height: 25px; width: 94px; cursor: pointer; border: 0; float: right;} .ask_mechanic_btn {background: url(../img/bluebuttons.gif) -164px -299px no-repeat; height: 25px; width: 136px; cursor: pointer; border: 0; vertical-align: middle;} .sm_get_started {background: url(../img/bluebuttons.gif) -210px -327px no-repeat; height: 25px; width: 90px; cursor: pointer; border: 0; vertical-align: middle;} .register_for_webinar {background: url(../img/bluebuttons.gif) -158px -356px 0 no-repeat; height: 25px; width: 142px; cursor: pointer; border: 0;} .request_appt_btn {background: url(../img/bluebuttons.gif) 0 -479px no-repeat; height: 25px; width: 154px; cursor: pointer; border: 0;} .schedule_appt_btn {background: url(../img/bluebuttons.gif) -146px -383px no-repeat; height: 25px; width: 154px; cursor: pointer; border: 0;} .signup_now_btn {background: url(../img/bluebuttons.gif) -155px -438px no-repeat; height: 37px; width: 145px; cursor: pointer; border: 0;} .submitreview_btn {background: url(../img/bluebuttons.gif) 0 -438px no-repeat; height: 37px; width: 151px; cursor: pointer; border: 0;} /* green buttons */ .check_value {background: url('../img/greenbuttons.gif') 0 -40px no-repeat; height: 39px; width: 137px; cursor: pointer; border: 0;} .find_parts {background: url('../img/greenbuttons.gif') 0 -122px no-repeat; height: 39px; width: 120px; cursor: pointer; border: 0;} .find_recalls {background: url('../img/greenbuttons.gif') 0 -81px no-repeat; height: 39px; width: 137px; cursor: pointer; border: 0;} .lg_get_estimate {background: url('../img/greenbuttons.gif') 0 0 no-repeat; height: 39px; width: 141px; cursor: pointer; border: 0;} .see_top_problems {background: url('../img/greenbuttons.gif') 0 -163px no-repeat; height: 39px; width: 172px; cursor: pointer; border: 0;} /* grey buttons */ .add_grey {background: url(../img/graybuttons.gif) 0 0 no-repeat; height: 25px; width: 48px; cursor: pointer; border: 0;} .delete_grey {background: url(../img/graybuttons.gif) 0 -27px no-repeat; height: 25px; width: 61px; cursor: pointer; border: 0;} .edit_grey {background: url(../img/graybuttons.gif) 0 -54px no-repeat; height: 25px; width: 48px; cursor: pointer; border: 0;} /* .cancel_grey common.css */ .cancel_grey_sm {background: url(../img/graybuttons.gif) -68px -83px no-repeat; height: 22px; width: 59px; cursor: pointer; border: 0; vertical-align: middle;} .set_alert {background: url(../img/graybuttons.gif) 0 -108px no-repeat; height: 25px; width: 74px; cursor: pointer; border: 0;} .back_to_form {background: url(../img/graybuttons.gif) 0 -135px no-repeat; height: 25px; width: 102px; cursor: pointer; border: 0;} .submit_grey {background: url(../img/graybuttons.gif) 0 -162px no-repeat; height: 25px; width: 66px; cursor: pointer; border: 0;} .quickview {background: url(../img/graybuttons.gif) 0 -189px no-repeat; height: 25px; width: 84px; cursor: pointer; border: 0;} /* .close_grey common.css */ .no_thanks {background: url(../img/graybuttons.gif) 0 -243px no-repeat; height: 25px; width: 86px; cursor: pointer; border: 0;} .browse, .fileinputs {background: url(../img/graybuttons.gif) 0 -270px no-repeat; height: 25px; width: 68px; cursor: pointer; border: 0;} /* .go_grey common.css */ .setup_reminder_btn {background: url(../img/graybuttons.gif) -176px -188px no-repeat; height: 25px; width: 124px; cursor: pointer; border: 0;} .print_coupon_btn {background: url(../img/graybuttons.gif) -198px -215px no-repeat; height: 22px; width: 102px; cursor: pointer; border: 0;} .save_grey_sm_btn {background: url(../img/graybuttons.gif) -251px -239px no-repeat; height: 22px; width: 49px; cursor: pointer; border: 0;} a.smgrey_btn {height: 18px; line-height: 18px; padding: 0 3px; border: 1px solid #ccc; border-radius: 3px; font-size: 11px; font-weight: 700; color: #444; display:inline-block; background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#dedede));background-image:-moz-linear-gradient(top,#fff,#dedede);background-image:-o-linear-gradient(top,#fff,#dedede);background-image:-ms-linear-gradient(top,#fff,#dedede);background-image:linear-gradient(top,#fff,#dedede);} .smgrey_btn:focus,.smgrey_btn:hover,.smgrey_btn:active{text-decoration:none; border-color:#bbb;background-color:#f8f8f8;background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#d9d9d9));background-image:-moz-linear-gradient(top,#f8f8f8,#d9d9d9);background-image:-o-linear-gradient(top,#f8f8f8,#d9d9d9);background-image:-ms-linear-gradient(top,#f8f8f8,#d9d9d9);background-image:linear-gradient(top,#f8f8f8,#d9d9d9);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} /* grey buttons with icons */ .addtogarage {background: url(../img/graybuttons.gif) -174px -24px no-repeat; height: 30px; width: 126px; cursor: pointer; border: 0;} .changevehicle {background: url(../img/graybuttons.gif) -196px -56px no-repeat; height: 25px; width: 104px; cursor: pointer; border: 0; float:right;} .changevehicledn_btn {background: url(../img/graybuttons.gif) -91px -56px no-repeat; height: 25px; width: 104px; cursor: pointer; border: 0;} .addvehicle {background: url(../img/graybuttons.gif) -215px -83px no-repeat; height: 25px; width: 85px; cursor: pointer; border: 0; float:right;} .addanothercar_btn {background: url(../img/graybuttons.gif) -168px -110px no-repeat; height: 25px; width: 132px; cursor: pointer; border: 0;} .more_btn {background: url(../img/graybuttons.gif) -246px -137px no-repeat; height: 22px; width: 54px; cursor: pointer; border: 0;} .completed_btn {background: url(../img/graybuttons.gif) -200px -161px no-repeat; height: 25px; width: 100px; cursor: pointer; border: 0;} .grey_lt_arrow {background: url(../img/carousel.gif) 0 0 no-repeat; width: 16px; height: 23px; cursor: pointer; border: 0;} .grey_rt_arrow {background: url(../img/carousel.gif) 0 -24px no-repeat; width: 16px; height: 23px; cursor: pointer; border: 0;} .green_lt_arrow {background: url(../img/carousel.gif) 0 -50px no-repeat; width: 16px; height: 23px; cursor: pointer; border: 0;} .green_rt_arrow {background: url(../img/carousel.gif) 0 -75px no-repeat; width: 16px; height: 23px; cursor: pointer; border: 0;} /* ------ GLOBALS -------- */ .visible {visibility: visible;} .invisible {visibility: hidden;} /* ----- Google Ads ------- */ iframe#google_ads_frame1 {border: solid 1px #dedede; width: 158px !important;} iframe#google_ads_frame2 {border: solid 1px #dedede; width: 298px !important;} .spot_adv_title {background: #EEEEEE; /*height: 12px; */padding: 0; font-size: 10px; color: #aaa; text-align: center; border: 1px solid #ddd; border-bottom: none;} /* main layout */ #garage_mod {position: absolute; width: 257px; height: 217px; top: 113px; right: 80px; _top: 121px; _right: 69px; background: url(../img/my_garage_mod.gif) 0 0 no-repeat; z-index: 1;} #garage_mod_content {position: relative; width: 215px; height: 185px; top: 20px; left: 20px;} .logged_out_list {width: 190px; margin: 0 0 10px 25px; color: #666;} #garage_mod_content.logged_out img {vertical-align: middle; float: left; clear: both;} #garage_mod_ul {position: relative; margin: 0 0 5px 0; padding: 0; list-style: outside; list-style-type: none; width: 213px; height: 127px; background: url(../img/back_garage_module.gif) 0 0 no-repeat #fff;} #garage_mod_ul li {position: relative; height: 17px; margin: 0 0 0 30px; color: #666; padding: 11px 0 0 0;} /*land page*/ #main_top_land {width: 1080px; height: 122px; background-color: #fff;} /*land page*/ #partner_logo_img {position: relative; width: 211px; height: 81px; margin: 10px 0 0 10px;} /*land page*/ #powered_logo_img {position: relative; width: 168px; height: 58px; margin: 0 0 0 10px;} /*land page*/ #top_nav_land {position: relative; clear: both; height: 31px; width: 1080px; margin: 0 0 0 0; border-bottom: solid 9px #7ab672;} /*land page*/ #topnav6_land {position: relative; margin-right: 36px; height: 31px; float: right;} /*land page*/ #main_bottom_land {width: 1080px; background-color: #f5f5f5; margin: 0; padding: 10px 0 0 0;} #main_bottom {background-color: #f5f5f5; margin: 0; padding: 0px;} #MMH_main {position: relative; background-color: #fff; padding: 10px 0 0 10px;} #main_photo {position: relative; margin-left: 0px; float: left;} #main_photo_inner {padding: 5px; border: 1px solid #ddd; width: 340px;} #main_photo_changer {float: left; position: relative; clear:left;} #MMH_info {position: relative; width: 365px; height: 150px; float: left; margin-left: 20px;} #MMH_info_tech_specs {height: 125px; overflow: hidden;} .main_info_specs_header {color: #666; font-weight: 700; font-size: 13px; line-height: 24px;} .main_info_specs_content {color: #666; font-weight: 100; font-size:12px;} #MMH_info_mileage {float: left; width: 235px; overflow: hidden;} .MMH_miles_header {color: #666; font-weight: 700; font-size: 14px;} .MMH_miles {font-size: 26px; font-weight: 700; color: #999;} #MMH_add_to_garage {float: right; width: 100px; text-align: right; vertical-align: bottom; padding: 8px 10px 0 0;} #MMH_add_to_garage img {padding-left: 5px; padding-right: 5px; vertical-align: bottom;} #left_column {position: relative; width: 160px; float: left;} ul#left_nav {width: 160px; list-style: outside; list-style-type: none; margin: 10px 0; padding: 0 0 12px; border: solid 1px #bbb; border-width: 1px 0; background: url(../img/nav_lft_back.gif) 0 0 repeat-y;} ul#left_nav li {height: 21px; width: 156px; padding: 8px 0 0 10px;} ul#left_nav li.on {background: url(../img/nav_lft_back_hover.gif) 0 0 no-repeat;} ul#left_nav li.on a {text-decoration: none !important; font-weight: 700;} ul#left_nav li a {display: block; outline: 0;} ul#left_nav li.main_cat {font-weight: 700; color: #666; width: 150px; padding: 10px 0 0 10px; margin-top: 10px;} ul#left_nav li.inactive {color: #ccc;} /*car browser page*/ #ga_browser_left_col {width: 280px; display: inline; float:left; margin: 10px 0 15px 10px;} /*car browser page*/ #ga_refine_select_main_box {position: relative; border: solid 1px #ccc; background-color: #fff; padding: 10px;} /*car browser page*/ .ga_browser_left_main_content, .ga_browser_left_main_content label {font-size: 11px; line-height: 17px;} /* registration page */ #reg_left_col {width: 400px; float: left; border: none; padding: 50px 30px 0 30px; margin: 0; font-size:12px; color: #333;} #benefits_list {list-style: none; padding: 0; margin: 0;} #benefits_list h2 {margin: 0;} #benefits_list li {width: 360px; height: 45px; padding: 5px 0 0 70px; margin: 25px 0; background: url('../img/reg_icons.gif') no-repeat;} #benefits_list .coupon {padding: 20px 0 0 105px; width: 325px; height: 65px;} #benefits_list .alert {background-position: 0 -95px;} #benefits_list .advice {background-position: 0 -163px;} #benefits_list .estimate {background-position: 0 -235px;} /*car browser page*/ #ga_browser_mid_col {float: left; width: 590px; margin: 10px 0 15px 10px; padding: 10px; background: #fff; color: #333; border: 1px solid #ccc;} /*car browser page*/ .ga_browser_wrapper {width: 577px; _width: 567px; border: solid 1px #888; background-color: #fff; margin-bottom: 10px; padding: 10px;} /*car browser page*/ .ga_browser_car_module {border: 1px solid #ccc; margin: 10px 0; background-color:#f5f5f5; padding: 10px;} /*car browser page*/ .ga_browser_car_innermod {float: left; display: inline; margin-left: 10px; width: 430px; font-size: 11px; line-height: 15px;} /*car browser page*/ .gabrowser_mod_price { font-size: inherit; color:#333; font-weight: 700; float: right; font-size: 14px;} /*car browser page*/ .gabrowser_pages {font-size: 10px; color: #444; margin: -5px 14px 0 0; float: right;} /*car browser page*/ img.vinsearch {width: 242px; height: 121px; border: solid 1px #369; float: left; margin-right: 8px;} #mid_column {position: relative; width: 582px; float: left; background-color:#fff; border: 1px solid #bbb; margin: 10px 0 0 8px; padding: 10px; _padding: 10px 5px;} /*-- ratings page --*/ .rating_table {border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;} .rating_table_spacer {clear: both; height: 15px;} .rating_table_spacer2 {clear: both; height: 5px;} .tr1, .tr2, .tr3 {border-bottom: 1px solid #ddd;} .th {font-size: 15px; color: #444; font-weight: 700; background-color: #eee; padding: 4px 0 4px 6px;} .tr1 .td {padding: 6px 12px 0 12px; float: left; background-color: transparent;} .tr2 .th1 {padding: 6px 12px 0 12px; float: left; font-weight: 700;} .tr2 .th2 {padding: 6px 12px 0 12px; float: left; font-weight: 700;} .tr2 .td1 {padding: 6px 12px 0 12px; float: left; font-size: 12px; color: #444; width: 77%;} .tr2 .td2 {padding: 6px 12px 0 12px; float: left; width: 12%;} .tr3 .td1 {padding: 6px 12px 0 12px; float: left; font-size: 15px; color: #444;} .tr3 .td2 {padding: 6px 12px 0 12px; float: left; text-align: left; width: 58px;} .tr3 .td3 {padding: 6px 12px 0 12px; float: left; text-align: left; width: 25%;} .tr3 .td4 {padding: 6px 12px 0 12px; float: left; text-align: left; width: 15%;} .tr4 .td1, .tr4 .td2, .tr4 .td3, .tr4 .td4 {padding: 2px 3px; float: left; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 23%;} .NoBorderTable, .NoBorderTable .tr4 .td1, .NoBorderTable .tr4 .td2, .NoBorderTable .tr4 .td3, .NoBorderTable .tr4 .td4 {border: none!important;} .tr {clear: both; height: 26px;} .rating_stars {margin-right: 4px;} .rating_stars img {vertical-align: bottom;} .rating_stars_label {font-size: 9px;} #powerRatingsLeftBanner {float: left;} #powerRatingsRightBanner{float: right; height: 76px; width: 300px; padding: 0; position: relative; text-align: center;} .view_more_text {font-size: 92%; color: #666;} .view_more_text a {font-size: inherit; color: #666; text-decoration: underline;} .view_more_text a:hover {font-size: inherit; color: #333; text-decoration: none;} .rating_key_font, .rating_key_font div, .rating_key_font span {font-size: 9px; color:#666; text-align: left; display: inline;} /* ---------------- ratings key styles --------------------------------------*/ .main_rating_key {background-color: #333;} .rating_key_title {color: #eee; font-weight: 500; padding: 20px; font-size: 12px;} .main_rating_key_column {float: left; width:20%; border-right: 1px solid #aaa; background-color: #333; padding: 10px; height: 230px;} .main_rating_key_column a {text-decoration: none; color: #b4b4b4; font-weight:500; font-size: 11px;} .rating_key_column_seperator {width: 1px; background-color: #fff;} .rating_key_footer {background-color: #858585;height:16px; text-align:center;color:#A1A1A1;padding-top:8px;} .rating_key_footer a {text-decoration: none; color: #fff; font-weight: 500; font-size: 11px;} .rating_key_footer a:hover {color:#000!important; text-decoration:underline; font-weight:500;} /*-- tech specs page --*/ .specs_table_th {font-size: 14px; color: #444; font-weight: 700; background-color: #eee; padding: 6px 5px; height: 70%;} .specs_tr1, .specs_tr2 {border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: none; float: left; width: 100%; height: 32px;} .specs_tr2 .specs_td1 {color: #666; padding: 3px 5px; float: left; font-size: 94%; width: 26%; height: 90%; overflow: auto;} .specs_tr2 .specs_td2 {color: #666; padding: 3px 5px; float:left; font-size:94%; text-align:left; width:19%; border-right:1px solid #ddd; height: 82%; overflow: auto; font-weight: 700; } .specs_tr2 .specs_td3 {color: #666; padding:3px 5px;float:left;font-size:94%;text-align:left;width:27%;height: 90%; overflow: auto;} .specs_tr2 .specs_td4 {color: #666; padding:3px 5px;float:left;font-size:94%;text-align:left;width:19%;font-weight: 700; height: 100%; overflow: auto;} /*-- cost to own page --*/ .cost_top {float: left; margin: 0; width: 570px; padding: 0 0 6px 6px;} .cost_top_left {float: left; width: 77.8% !important; width: 78.1%; margin: 0 3px 0 0; padding-top:4px; font-weight: 600; font-size:14px;} .cost_top_right {float: left; width: 18.5%; width: 19.5%; margin: 0; padding: 0;} .cost_table {width: 567px; padding: 0 6px;} .cost_tr2 {border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; float: left;width:99.75%; height:28px; width: 100%;} .cost_tr2 .cost_td1 {font-size: 12px; color: #444; padding: 4px 0 6px 14px; float: left; text-align: left; width: 16% !important; width: 18%;border-right:dashed 1px #ddd; font-weight: 700; height: 75% !important; height: 100%;} .cost_tr2 .cost_td2 {font-size: 11px; padding:4px 0 4px 14px; float:left; text-align:left;width: 10%!important; width: 12%; border-right:dashed 1px #ddd; margin: 0 auto; height: 78% !important; height: 100%;} .cost_tr2 .cost_td3 {font-size: 11px; padding:4px 0 4px 14px; float:left; text-align:left;width: 10%!important; width: 12%; border-right:dashed 1px #ddd; margin: 0 auto; height: 80% !important; height: 100%;} .cost_tr2 .cost_td4 {font-size: 11px; padding:4px 0 4px 14px; float:left; text-align:left;width: 10%!important; width: 12%; border-right:dashed 1px #ddd; margin: 0 auto; height: 80% !important; height: 100%;} .cost_tr2 .cost_td5 {font-size: 11px; padding:4px 0 4px 14px; float:left; text-align:left;width: 10%!important; width: 12%; border-right:dashed 1px #ddd; margin: 0 auto; height: 80% !important; height: 100%;} .cost_tr2 .cost_td6 {font-size: 11px; padding:4px 0 4px 14px; float:left; text-align:left;width: 10%!important; width: 12%; border-right:dashed 1px #ddd; margin: 0 auto; height: 80% !important; height: 100%;} .cost_tr2 .cost_td7 {font-size: 11px; padding:4px 0 4px 14px; float:left; text-align:left;height: 90%; margin: 0 auto; width: 15.6%; width: 15.3% !ie; _width: 15.3%; height: 80% !important; height: 100%;} ul.summary li { margin-left: -18px;} .main_box_mmh_rt div ul {margin-left: -18px;} #alert_box {position: relative; width: 560px; text-align: center; padding: 10px; border: solid 1px #cc0000 !important;} #alert_box.none {border: solid 1px #ccc !important;} /*my_questions page*/ .my_question {border-bottom: dotted 1px #ccc; padding: 5px 0 5px 0; clear: both;} /*my_questions page*/ .recent_question {border-bottom: dotted 1px #ccc; padding: 5px 0 5px 0; clear: both;} /*recall_listing page* #recall_listing td.details a {color: #666; font-size: 11px; font-weight: 500; text-decoration: none;} /*recall_listing page* #recall_listing td.details a:hover {color: #393; font-size: 11px; font-weight: 500; text-decoration: none;} /*recall_listing page*/ #recall_listing a.recall_list_item {color: #555; font-size: 11px; font-weight: 500; text-decoration: none;} /*recall_listing page*/ #recall_listing a.recall_list_item:hover {color: #555; font-size: 11px; font-weight: 500; text-decoration: underline;} .recall_signup_mod {width:540px; border:solid 1px #ddd; background-color:#f7f7f7; padding:15px;} /*recall_listing page*/ #recall_listing {width: 100%; border: solid 1px #ccc; border-bottom: none; margin-top: 5px;} /*recall_listing page*/ #recall_listing td {padding: 10px 15px; border-bottom: solid 1px #ccc;} /*recall_listing page*/ #recall_listing td.details {width: 75px; padding: 10px 15px; border-bottom: solid 1px #ccc; color: #666; font-size: 11px; vertical-align: bottom; text-align: right;} /*recall_listing page*/ div.issued_date {color: #666; font-size: 11px; font-weight: 500; margin-bottom: 5px;} /*recall_detail page*/ #recall_detail {border: solid 1px #ccc; margin-top: 5px; padding: 20px 15px; clear: both;} /*find_mechanic_list page*/ #sponsored_listings {border: solid 1px #666; border-bottom: none; margin-top: 10px; background: url(../img/sponsored_links.gif) right top no-repeat #f2f2f2;} /*find_mechanic_list page*/ .sort a:hover {text-decoration: underline !important;} /*find_mechanic_list page*/ .biz_item {position: relative; border-bottom: dashed 1px #666; margin: 0 10px; line-height: 22px; padding: 10px 0;} .biz_item .blue {font-size: 16px;} .biz_item .blue strong {color: inherit; font-size: 16px !ie; color: #369 !ie;} .biz_item .tel, .view_coupon_link, .request_appt_link {margin-right: 8px;} .stars_grey {display: inline-block; background: url('../img/star_white_off.gif') repeat-x; width: 75px; height: 14px; overflow: hidden; text-align: left;} .stars_gold {display: inline-block; background: url('../img/star_white_on.gif') repeat-x; width: 75px; height: 14px; overflow: hidden; text-align: left;} /*find_mechanic_list page*/ #automechanic_list {border: solid 1px #666;} #automechanic_list > .active {border: 1px solid #393;} /*find_mechanic_list page*/ .list_num {width: 18px; height: 18px; background: url('../img/mechanic_icons.png') -1px -23px no-repeat; text-align: center; padding-top: 2px; color: #fff; float: left; margin-right: 5px;} /*find_mechanic_detail page*/ #mapdiv {position: relative; float: right; top: 0; width: 300px; height: 250px; border: solid 1px #999;} /*find_mechanic_detail page*/ #automechanic_review {background: #F8F8F8; border: 1px solid #DBDBDB; padding: 10px; margin-top: 20px;} /*find_mechanic_detail page*/ #automechanic_review textarea, #automechanic_review input[type="text"] {border: 1px solid #DBDBDB; width: 98%;} /*find_mechanic_detail page*/ #automechanic_review .star_box {border: 1px solid #DBDBDB; background: #fff; padding: 5px; width: 90px;} /*find_mechanic_detail page*/ #automechanic_review_left {float: left; display: inline; width: 55%; margin-right: 2%;} /*find_mechanic_detail page*/ #automechanic_review_right {float: left;} /*find_mechanic_detail page*/ #posted a {font-weight: 700 !important;} .review-heading {background-color: #ededed; padding: 8px; height: 1% !ie;} .review-heading strong.sm_grey6 {margin-left: 6px; font-weight: 700;} .review-body {padding: 10px; margin-bottom: 20px; height: 1% !ie;} .review-body p {margin: 0 0 20px;} #appointment_form #business_info {float: none; width: auto;} #appointment_form > .grey_box {padding: 20px 0;} #appointment_form h3 {margin: 20px 0 10px;} #appointment_form .form_input {margin: 10px 0;} #appointment_form .form_label {width: 30%;} #appointment_form .form_field {width: 50%;} #appointment_form input[type="text"], #appointment_form input[type="email"], #appointment_form textarea {width: 98%;} #appointment_form input[type="radio"] + input[type="text"] {width: auto;} #appointment_form input#appointment_date {width: auto;} #appointment_form input#DateTime {width: auto;} #appointment_form input#DateTime::-ms-clear {display: none;} #appointment_form .calicon {display: inline-block; background: url('../../app/images/cal.gif') no-repeat; width: 16px; height: 16px; vertical-align: middle; margin-left: 5px;} #appointment_form select#appointment_time {text-align: right;} input.input3 {width: 30px !important;} input.input4 {width: 35px !important;} #appointment_thankyou {margin: 40px 100px 40px 40px;} #appointment_thankyou .grey_back_link {float: right; margin-right: 100px;} #fam_categories {float: left; width: 29%;} #fam_categories label {font-size: 11px;} #fam_listing {float: right; width: 70%;} #fam_listing #sponsored_listings, #fam_listing #automechanic_list {border: 0;} #fam_listing .biz_item:hover {background: #f2f2f2;} #fam_listing .adr, #fam_listing .tel, #fam_listing .view_coupon_link, #fam_listing .request_appt_link, #fam_listing .visit_url_link {display: block;} #fam_listing .sm_grey {position: absolute; bottom: 10px; right: 0;} .am_col_left {float: left; width: 74%;} .am_col_right {float: right; width: 20%; text-align: right;} .am_certification {margin-bottom: 5px;} /*servicing page*/ #pos1_box {margin: 20px 0; padding: 40px 15px 20px; text-align: left; background: url(../img/lb_box_back.gif) 0 0 repeat-x #f1f1f1; border: 1px solid #ccc;} .pos1_box_right {float: left; _position: relative;} #free_add {position: relative; float: right; width: 268px !important; width /**/: 300px; height: 65px; background-color: #f3f3f3; padding: 15px; margin-bottom: 20px; border: solid 1px #dedede; white-space: nowrap;} #next_service_head {position: relative; float: left; width: 230px; height: 65px;} #next_service_head .grey_next_link {float: right;} #find_mechanic_box {position: relative; width: 550px; text-align: left; padding: 20px 15px; background-color: #f3f3f3;} .service_card_border {position: relative; clear: both; border: solid 1px #ddd; text-align: center; top: -1px; top: -11px !ie; padding: 15px 10px; z-index: 0;} .service_tab {position: relative; float: left; margin-right: 4px; padding: 5px 10px; border: solid 1px #ddd; background-color: #fff; z-index: 1;} .service_tab a {color: #333; font-size: 11px; font-weight: 700; text-decoration: none !important;} .st_off {color: #333; border-bottom: solid 1px #ddd;} .st_on, .st_on a {color: #393; border-bottom: solid 1px #fff;} #next_service_table {position: relative; width: 560px; margin: 5px auto 0 auto; text-align: left; z-index: 0;} #next_service_table tr {border-left: solid 1px #ccc; border-right: solid 1px #ccc;} tr.even_row {background-color: #f5f5f5;} tr.odd_row {background-color: #fff;} #next_service_table td {padding: 10px 15px; border-bottom: solid 1px #ccc;} #next_service_table td.details {width: 75px; padding: 10px 15px; border-bottom: solid 1px #ccc; color: #666; font-size: 11px; vertical-align: bottom; text-align: right;} #service_details_table {width: 100%; margin: 5px auto 0 auto; text-align: left;} #service_details_table tr {border-left: solid 1px #ccc; border-right: solid 1px #ccc;} #service_details_table td {padding: 10px; border-bottom: solid 1px #ccc;} #service_details_table td.details {width: 75px; padding: 10px; border-bottom: solid 1px #ccc; color: #666; font-size: 11px; vertical-align: bottom; text-align: right;} #service_schedule_out_table {position: relative; width: 560px; margin: 5px auto 0 auto; text-align: left; z-index: 0;} #service_schedule_out_table tr {border-left: solid 1px #ccc; border-right: solid 1px #ccc;} #service_schedule_out_table td {padding: 10px; border-bottom: solid 1px #ccc;} #service_schedule_out_table td.details {width: 75px; padding: 10px; border-bottom: solid 1px #ccc; color: #666; font-size: 11px; vertical-align: bottom; text-align: right;} #service_history_list {position: relative; width: 100%; margin: 5px auto 0; text-align: left; z-index: 0;} #service_history_list tr {border-left: solid 1px #ccc; border-right: solid 1px #ccc;} #service_history_list td {padding: 10px; border-bottom: solid 1px #ccc;} #service_history_list td.details {width: 75px; padding: 10px; border-bottom: solid 1px #ccc; color: #666; font-size: 11px; vertical-align: bottom; text-align: right;} #history_new_table {position: relative; margin: 5px auto 0 auto; text-align: left; z-index: 0;} #history_new_table tr {border-left: solid 1px #ccc; border-right: solid 1px #ccc;} #history_new_table td {padding: 10px; border-bottom: solid 1px #ccc;} #history_new_table td.check {width: 30px; border-bottom: solid 1px #ccc; color: #666; font-size: 11px; vertical-align: bottom; text-align: center;} /*auto-glossary page */ #dictionary_module .st_off {background: #f3f3f3;} #dictionary_module .service_card_border {top: -20px !ie; text-align: left; padding: 20px 10px;} #dictionary_module .service_card_border p, .service_card_border a {line-height: 20px !important;} #dictionary_module .service_card_border select {width: 220px; margin: 5px 0;} /*my reviews page*/ .grey_bar {height: 18px; padding: 6px 0 0 4px; background-color: #ededed; margin: 10px 0 10px 0;} /*my reviews page*/ .grey_bar img {vertical-align: bottom;} #value_zip_table {margin: auto; position: relative;} /*what's it worth page*/ #value_table {position: relative; width: 100%; margin: 5px auto 0 auto; text-align: left; border: solid 1px #ccc;} /*what's it worth page*/ #value_table td {vertical-align: top; padding: 10px;} #value_table td:last-child {border-left: 1px dashed #ccc; width: 45%;} #value_table .xl_font {float: left; margin-right: 10px;} #value_table #pValue {width: 70px; height: 20px;} #value_table .set_alert {vertical-align: bottom;} #module_value_Forecast {min-height: 230px;} #bb-copyright {margin: 20px 10px;} /*diagnose page*/ #mid_column #diagnostic_module {width: 100%; text-align: center;} .diagnose_box {position: relative; width: 474px; margin: auto; text-align: left;} .diagnose_box_top, .diagnose_box_bottom {background: url('../img/t_diagnose_corners.gif') 0 0 no-repeat; width: 474px; height: 13px;} .diagnose_box_top {background-position: 0 -14px;} .diagnose_content {padding: 15px 20px 20px 30px; background: #f8f8f8; border: 1px solid #d8d8d8;} .diagnose_box .diagnose_content {border-width: 0 1px;} .diagnose_content h2 img {vertical-align: -5px;} .diagnose_content div.recommend_link {padding: 5px 0;} .diagnose_content div.recommend_link img {vertical-align: middle;} .diagnose_content div.recommend_link a {font-size: 14px; font-weight: 700;} .diagnose_btn_off {background: url(../img/t_diagnose_buttons.gif) 0 0 no-repeat; width: 256px; height: 42px; margin-top: 20px;} .diagnose_btn_off:hover, div.diagnose_btn_on {background: url(../img/t_diagnose_buttons.gif) 0 -43px no-repeat; width: 256px; height: 42px; margin-top: 20px; cursor: pointer;} div.diagnose_btn_off div, div.diagnose_btn_on div {height: 30px; margin-left: 14px; padding: 10px 10px 10px 80px;} div.diagnose_btn_off div a, div.diagnose_btn_on div a {font-size: 18px; font-weight: 700; text-decoration: none !important;} #icon_looks_like {background: url(../img/icons/diagnose_icons.gif) 0 8px no-repeat;} #icon_sounds_like {background: url(../img/icons/diagnose_icons.gif) 0 -48px no-repeat;} #icon_smells_like {background: url(../img/icons/diagnose_icons.gif) 0 -102px no-repeat;} #icon_feels_like {background: url(../img/icons/diagnose_icons.gif) 0 -156px no-repeat;} #icon_not_working {background: url(../img/icons/diagnose_icons.gif) 0 -205px no-repeat;} div.diagnose_link {margin-top: 10px; padding: 5px 0 5px 20px; background: url('../img/icons/greenArrow_icon.png') 5px 8px no-repeat;} div.diagnose_link:hover {background-color: #ededed;} div.diagnose_link:hover a {color: #393;} div.diagnose_link a {font-size: 19px; font-weight: 500; color: #333; display: block; text-decoration: none;} div.diagnose_link a:hover {font-size: 19px; font-weight: 500; color: #393; text-decoration: none;} #diagnose_disclaimer {margin: 50px 0 5px;} .aj_span {padding: 6px 10px;} div.aj_span:hover {background-color: #ededed; color: #393 !important;} div.ajspan:hover a {color: #393 !important;} #ajs_search {position: absolute; width:350px; text-align: left; z-index: 1; border: 1px solid #ccc; right: 10px; background-color: #fff; display: none;} #symptom_search_id {width: 180px; font-size: 12px; margin-right: 10px;} #pos2_box {position: relative; width: 540px; text-align: center; padding: 20px;} /*land page*/ #pos2_box_landing {position: relative; width: 540px; text-align: left; padding: 20px;} /*land page*/ img#car_landing {position: relative; float: left; border: solid 1px #ccc; padding: 5px; margin-right: 10px;} img.car_saved {position: relative; float: left; border: solid 1px #ccc; padding: 5px; margin-right: 10px;} #pos3_box {position: relative; padding: 10px; background: #f5f5f5;} /*parts overview page*/ #fidiv_carousel {position: relative; overflow: hidden;} /*parts overview page*/ #fidiv_plus_on, #fidiv_plus_off {position: absolute; top: 70px; right: 5px;} /*parts overview page*/ #fidiv_minus_on, #fidiv_minus_off {position: absolute; top: 70px; left: 5px;} .carousel {background: #f5f5f5; border: 1px solid #ccc; margin: auto; padding: 0 25px;} .carousel_item {position: relative; width: 88px; height: 130px; float: left; display: inline; overflow: hidden; margin: 10px 3px; padding: 5px; /*background: #fff; border: 1px solid #ccc;*/} .carousel_item .myphotos {width: 86px; height: 60px; margin-bottom: 2px;} .carousel_item .carousel_item_name {height: 44px; overflow: hidden;} .carousel_item a {font-size: 11px; text-decoration: none;} .carousel_item a:hover {text-decoration: underline;} /*parts results page*/ #parts_listing_table {border-top: solid 1px #ccc;} /*parts results page*/ #parts_listing_table td.part_img_td, #parts_listing_table td.part_title_td, #parts_listing_table td.part_price_td {border-bottom: solid 1px #ccc; padding: 8px;} /*parts results page*/ #parts_listing_table td.part_img_td {border-left: solid 1px #ccc; width: 100px; text-align: center;} /*parts results page*/ #parts_listing_table td.part_title_td {width: 380px; text-align: left;} /*parts results page*/ #parts_listing_table td.part_price_td {border-right: solid 1px #ccc; width: 100px; text-align: center; font-size: 15px; font-weight: 700;} #pos4_box {position: relative; width: 560px; text-align: left; padding: 10px; clear: both;} #pos5_box {position: relative; width: 570px; text-align: left; padding: 5px; clear: both;} .main_box {border: solid 1px #ccc; font-size: 13px; background-color: #fff; margin-bottom: 10px;} .main_box .left_col {float: left; width: 46%; padding-right: 3%;} .main_box .right_col {float: left; width: 46%; padding-left: 3%;} #mod_ctr_fam .main_box {padding: 10px 15px 15px;} .catheader {border-top: solid 4px #ccc; border-bottom: dashed 1px #ccc; font-size: 16px; background-color: #fff; margin: 5px 0 10px 0; padding: 4px 0;} .box_left {position: relative; width: 170px; margin: 10px 0 0 0; text-align: right; float: left;} .box_left_thin {position: relative; width: 230px; margin: 10px 0 0 0; text-align: left; float: left;} .box_left_wide {position: relative; width: 52%; margin: 10px 0 0 0; text-align: left; float: left;} .box_left_wide .myphotos {width: 90px; height: 70px;} .box_right {position: relative; width: 366px; margin: 10px 10px 0 0; text-align: left; float: right;} .box_right_solid {position: relative; width: 300px; margin: 10px 10px 0 0; text-align: left; float: right;} .box_right_thin {width: 40%; margin: 10px 2% 0 0; text-align: left; float: right; display: inline;} .box_right_wide {float: right;} .pretty_box {position: relative; width: 376px; background: url(../img/box_thick_mid.gif) 0 0 repeat-y #fff;} .dotted_box {position: relative; width: 376px; border-left: dashed 1px #666;} .msg_box {background-color: #f5f5f5; padding: 20px 0; width: 85%; border: solid 1px #666; margin: auto;} div.ppa_cat_box_wrap {position: relative; width: 138px; height: 140px; text-align: left; float: left; margin-right: 4px; _margin-right: 2px;} div.ppa_cat_box {position: relative; width: 138px; height: 110px; border: solid 1px #666; text-align: center;} div.ppa_cat_box img {position: relative; vertical-align: middle;} #carhub_automechanic input {vertical-align: middle;} #carhub_automechanic span {line-height: 25px;} #carhub_partswhatnext {height: 220px;} /*car browser page*/ #ga_refine_select_box {background: url(../img/search_gradient.png) 0 0 repeat-x #f5f5f5; border: 1px solid #ccc; border-bottom:0; padding:10px;} /*car browser page*/ #ga_browser_right_col {width: 160px; float: right; border: none; margin-top: 10px;} /* registration page */ #reg_right_col {width: 480px; float: right; border: none; padding: 33px 42px 0 42px; margin: 0; font-size:12px; color: #333;} /* registration page */ .reg_main_box_rt {border: solid 1px #ccc; background-color: #f8f8f8; margin-top: 10px; padding: 28px 24px 40px 27px;} /* registration page */ .reg_text {background-color:#fff; border:1px solid #bbb; color:#333; font-size:12px; font-weight:500; margin-right;6px;} /* registration page */ .reg_dropdown {background-color:#fff; border:1px solid #bbb; color:#333; font-size:12px; font-weight:500; padding:0; width:180px; margin-top:6px; margin-right;6px;} /* registration page */ .reg_med_dropdown {background-color:#fff; border:1px solid #bbb; color:#333; font-size:12px; font-weight:500; padding:0; width:120px; margin-top:6px; margin-right;6px;} /* registration page */ .reg_sm_dropdown {background-color:#fff; border:1px solid #bbb; color:#333; font-size:12px; font-weight:500; padding:0; width:90px; margin-top:6px; margin-right;6px;} #stores_table {width: 100%;} #stores_table th {text-align: left; font-weight: 700;} #reg_right_col #stores_table {margin: 10px 0;} #right_column {position: relative; width: 300px; float: right; padding-top: 10px;} .main_box_rt, .mod_rt_content {_position: relative; border: solid 1px #bbb; /*font-size: 13px; */background-color: #fff; margin: 0 0 10px; padding: 5px 5px 5px 15px;} .main_box_mmh_rt {border: solid 1px #ccc; font-size: 13px; background-color: #fff; margin-bottom: 10px; padding: 10px 14px 10px 10px; color:#333;} .main_box_mmh_rt strong {color: #333;} .part_frame {width: 135px; float: left; display: inline; margin-left: 8px;} .part_item {cursor: pointer; width: 135px; height: 120px; padding: 14px 0 0; background: url(../img/part_frame.gif) no-repeat; text-align: center;} .part_others {padding: 0 10px 10px;} .acc_title {font-size: 15px !important; font-weight: 700 !important;} /* registration page */ #reg_main_bottom {width: 1028px; background-color: #fff; border: 1px solid #bbb; padding: 15px; margin: 12px;} /*--------------------------------Spotlight page Styles ------------------------*/ #spotlight_cat_top {border: 1px solid #dfdfdf; margin-bottom: 20px;} #spotlight_cat_top img {float: left; border-right: 1px solid #dfdfdf;} #spotlight_cat_top .catart_desc {float: left; width: 170px; padding: 10px 0 0 20px;} #spotlight_cat_top .catart_desc p {font-size: 14px;} #spot_main_bottom {background-color: #fff; margin: 0; padding: 0; padding-bottom: 20px;} #spot_left_col {width: 160px; float: left; padding: 0; margin: 0;} .spot_left_date {width: 149px; margin: 0; background-color: #ddd; padding: 15px 0 2px 10px; line-height: 20px;} ul#spot_left_nav {width: 160px; margin: 0; padding: 0; list-style-type: none; list-style-position: outside;} ul#spot_left_nav li {height: 25px; width: 150px; padding: 10px 0 0 10px; border-bottom: solid 1px #ddd; color: #444; margin: 0;} ul#spot_left_nav li a.off {font-weight: 500; color: #444; border-right: solid 1px #ddd;} ul#spot_left_nav li a.on {font-weight: 500; color: #393;} ul#spot_left_nav li.off:hover { text-decoration: underline; } ul#spot_left_nav li.main_cat {font-weight: 700; color: #444; padding: 10px 0 0 10px;} ul#spot_left_nav li.on { background-color: #eee; color: #393; font-weight: 700; font-size: 12px;} ul#spot_left_nav li.off {background-color: #fff; cursor: pointer; font-weight: 700; color: #444; border-right: solid 1px #ddd; width: 148px;} ul#spot_left_nav li.inactive {color: #90b67b;} /*top level layout*/ #spot_mid_col {position: relative; width: 570px; float: left; display: inline; background-color:#fff; border: 0; margin: 0 0 0 8px; padding: 10px 0 10px 5px;} #spot_wide_col {float: left; width: 730px; padding: 10px 0 10px 15px;} /*---------Spotlight rotating images css------*/ #spot_mid_col1 {postion: relative; height: 290px;} #spot_rotating_head_back {position: absolute; margin-bottom: 0; left: 10px; height: 230px; border:0 none;} #spot_translucent_head_back {height: 230px; background-color:#fff; filter: alpha(opacity=0); -moz-opacity:.0; opacity:.0;} #spot_rotating_text {position: absolute; height: 40px; padding: 237px 0 0 15px; color: white;} #spot_rotating_text.alignRight {text-align: right;} #spot_rotating_text a {color: #fff; text-decoration: none; font-size: 12px;} .spot_rotating_headline {font-size: 18px; color: #fff; line-height: 18px; font-weight: 700; margin-top:5px;} .spot_leader {font-weight: 700; color: #fff; line-height: 15px; padding: 4px 0 0 0; margin-bottom:4px; width: 400px;} #spot_rotating_nav_back {position: absolute; margin-top: 240px; margin-top: 236px !ie; _margin-top: 236px; height: 53px;} #spot_translucent_nav_back {width: 570px; height: 53px; background-color:#000; filter: alpha(opacity=50); -moz-opacity:.50; opacity:.50;} #spot_paging_nav {position: absolute; margin-left: 378px; margin-left: 410px !ie; _margin-left: 410px; margin-top: 268px; width: 200px; height: 16px; z-index:1;} ul#spot_pagingnos {list-style: none; height: 16px; float: left; margin: 0 5px 0 10px;} ul#spot_pagingnos li {width: 16px; height: 16px; padding: 3px 6px 3px 5px; font-size: 9px; color: #fff; display: inline; margin-right: 5px; font-weight: 700;} ul#spot_pagingnos li.off {background-color: #000;} ul#spot_pagingnos li.off:hover {background: url(/app/images/editorial/btns/pg_on.gif) 0 0 no-repeat; cursor: pointer;} ul#spot_pagingnos li.on {background: none;} /*------------Spotlight editorial pick------------*/ .module_title, #spot_right_column .mod_rt_title {border: 0; border-top: 4px solid #bbb; position: relative; font-size: 16px; color: #393; margin: 0; font-weight: 700; background-color: #eee; padding: 3px 4px;} a.module_link {font-size: 16px; color: #393; font-weight: 700;} #spot_right_column .mod_rt_content {border: 0; padding: 5px;} #spot_mid_col2 {height: 200px; padding: 0; margin: 0 0 20px;} .spot_right_editorial {width:48%; float: left;} .spot_right_editorial h2 {margin: 12px 0 0 0;} .spot_right_editorial h2 a {color: inherit;} .spot_left_editorial {width:50%; float: right;} #spot_mid_col2 img {margin: 12px 0 0 0; padding: 0; border: solid 1px #ccc;} /*------------Spotlight blog------------*/ #spot_mid_col3 {height: 210px; width:570px; padding: 0; margin: 0;} .spot_post_text {margin: 8px 0 0 0; font-size: 12px; height: 12px; float: left;} .spot_blog_table {width: 570px; padding: 0;} .spot_tr1, .spot_tr2 {float: left;width:99.75%; height:28px; padding:10px 0 0 0; border:0;} .spot_tr3 {width: 570px; clear: both; height: 5px; vertical-align:middle; border:0; border-bottom: dotted 2px #ccc;} .spot_tr1 .spot_td1 {font-size: 14px; padding:0; float: left; text-align: left; width: 80% !important; width: 75%; font-weight: 700; } .spot_tr1 .spot_td2 {font-size: 11px; color: #666; padding:0; font-family: Arial; font-style: italic; float: right; text-align:right; width: 20%!important; width: 15%; } .spot_tr2 .spot_td1 {padding:6px 0; float: left; width: 300px !important; width: 60%;} .spot_tr2 .spot_td2 {font-size: 12px; padding:6px 0; float: right; text-align:right; width: 150px!important; width: 30%;} a.spot_blog_link {color:#666; text-decoration: none; font-weight: 700; font-size: 12px;} a.spot, a.spot_blog_bluelink, a.spot_readmore_link {text-decoration: underline; font-weight: 700; font-size: 11px;} /*------------Spotlight partners------------*/ #spot_mid_col4 {height: 300px;} .spot_partner_box {position: relative; width: 183px; height: 256px; margin: 5px 3px 0 2px; float: left; display: inline; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;} .spot_partner_box_head {width: 164px; height: 37px; padding: 6px 0 0 10px;} .spot_partner_box_content {width: 164px; padding: 0 10px; font-size: 11px; color: #666; line-height: 14px;} .spot_partner_box_content div.partner_heading {color:black; font-size: 14px; height: 32px; font-weight: bold; line-height: 14px;} .spot_partner_box_content img {margin: 0 5px 1px 0; border: solid 1px #ddd; float: left;} a.partner_link {color: #333; } div.partner_bottom_links {position: absolute; left: 0; bottom: 0; height: 20px; width: 164px; padding: 0 10px;} div.partner_bottom_links a {font-size: 11px; color: #507091;} /*------------Spotlight Review------------*/ #spot_mid_col5 {width: 570px;} .spot_review_col {width: 30%; padding: 5px; float: left;} .spot_review_col div.spot_review_content a {color: #666; width: 160px; float: left; line-height: 17px; border-right: 1px solid #ccc; height: 20px; font-size: 11px;} .spot_review_col div.spot_review_content_noborder a {color: #666; width: 160px; float: left; line-height: 17px; height: 20px; font-size: 11px;} #spot_right_column, #own_right_column {float: right; display: inline; margin: 220px 25px 0 0; width: 300px; background-color:#fff;} /*#own_right_column {width: 325px; padding:10px 0 0 5px; float: right; background-color:#fff;}*/ .mod_body_copy_header {color:#444444; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold;} .mod_body_copy {color:#666; font-family:Arial,Helvetica,sans-serif; font-size:12px;} #mod_rt_1 select {vertical-align: middle;} #mod_rt_2 {height: 230px;} div.rt_col_photo_module {font-size: 11px; line-height: 13px; clear: both; height: 53px; margin: 0; padding-bottom: 13px;} div.rt_col_photo_module img {float: left; margin: 0 10px 0 0;} div.rt_col_photo_module a {line-height: 13px;} a.mod_body_copy_header:hover {color:#444444; text-decoration: underline; font-size: 12px;} div.rt_col_photo_module img {border: solid 1px #ddd;} #mod_rt_3 {height: 230px;} #spot_rtcol_advertisement {width:300px} div.spot_adv_content {border: 1px solid black; height: 250px; margin: 0 0 30px; width: 300px;} #mod_rt_4 {height: 157px; display: none;} #mod_rt_5 {} #mod_rt_5 .mod_rt_content {line-height: 24px; font-weight: 700;} #mod_rt_5 .mod_rt_content img {vertical-align: middle;} #mod_rt_5 .mod_rt_content ul {padding:0 0 0 10px;padding:0 0 0 0 !ie;_padding:0 0 0 0;margin-left: 0px;margin-left: 15px !ie; _margin-left: 15px;} #mod_rt_5 .mod_rt_content li {padding:0 0 0 0px; color:#444444; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold;} #mod_rt_5 .rss_date{font-size: 11px; font-style:italic;padding:0 0 0 0px; color: #666;} #mod_rt_5 .mod_rt_content a {line-height: 13px; text-decoration:none;} #mod_rt_5 .mod_rt_content a:hover {color:#444444; text-decoration: underline; font-size: 12px;} #mod_rt_6 {background: #EEEEEE none repeat scroll 0 0; border:1px solid #CCCCCC; height: 220px;} div.spot_editor_title {color:black;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;padding:15px 0 0px 15px;width:280px;} div.spot_editor_content {font-size: 11px; font-weight: normal; padding: 5px 0 0 10px;} div.spot_editorform_content {font-size:11px; font-weight:normal; padding: 5px 5px 0 15px; width: 250px;} textarea#ask_editors, textarea#submit_tip_textarea {border:1px solid #999999;color:#777777;font-size:12px;height:120px;margin-bottom:10px;padding:5px;width:240px;} input#ask_small {border: 0; float: right;} /*--------------------------------Spotlight page ends --------------------------*/ /*----------------------------------------Widget Marketing ---------------------*/ #widget_main{width: 1080px; background-color: #fff; margin: 0; padding: 0px;} .widget_table {width: 875px; padding:0;} .widget_table .tr1{width: 100%; height:395px; border: 0 none;} .widget_table .tr1 .td1 {font-size: 12px; padding:0; float: left; width: 428px; border: 0; background-color: #eee; height:395px;} .widget_table .tr1 .td2 {font-size: 12px; padding:0; float: right; width: 428px; border: 0; background-color: #eee; height:395px;} .widget_askmechanic {background: url(../img/widgets2.png) -98px -172px no-repeat; height: 252px; width: 298px; cursor: pointer; border:0; vertical-align: middle;} .widget_costtoown {background: url(../img/widgets2.png) -540px -172px no-repeat; height: 252px; width: 300px; cursor: pointer; border:0; vertical-align: middle;} .widget_localmechanic {background: url(../img/widgets2.png) -98px -582px no-repeat; height: 252px; width: 298px; cursor: pointer; border:0; vertical-align: middle;} .widget_payservice {background: url(../img/widgets2.png) -540px -582px no-repeat; height: 252px; width: 300px; cursor: pointer; border:0; vertical-align: middle;} .widget_checkrecall {background: url(../img/widgets2.png) -98px -995px no-repeat; height: 252px; width: 298px; cursor: pointer; border:0; vertical-align: middle;} .widget_onlinegarage {background: url(../img/widgets2.png) -540px -995px no-repeat; height: 252px; width: 300px; cursor: pointer; border:0; vertical-align: middle;} .widget_carworth {background: url(../img/widgets2.png) -98px -1405px no-repeat; height: 252px; width: 298px; cursor: pointer; border:0; vertical-align: middle;} .widget_text_title{font-size:15px; font-weight: 700; padding: 7px 13px;} .widget_text{font-size:12px; padding:6px 13px;} .widget_spacer{ height: 16px;} /*-------------------------------------Ownership page starts------------------------*/ .own_module_title {border-top:4px solid #bbb; position: relative; font-size: 16px; color: #393; margin: 0; width: 563px; font-weight: 700; height: 28px; background-color: #eee; padding: 4px; vertical-align: middle;} .own_text_head{margin: 4px 0 0 0; font-size: 14px; color: #666; font-weight: 700; vertical-align: middle; padding: 0;} #own_mid_col {position: relative; width: 570px; float: left; background-color:#fff; border: 0 none; margin: 0; padding: 5px 10px;} a.own_blue_link {color: #507091; text-decoration: underline; font-weight: 700; font-size: 11px; height: 15px;} #own_mid_col1 {height: 190px; width: 570px; padding: 0; margin: 0;} .own_right_keep{width:59%; float:left;} .own_left_keep{width:39%; float: right; height: 100%} .own_keep_text_head{position: relative; margin: 12px 0 0 0; font-size: 16px; color: #393; font-weight: 700; vertical-align: middle; padding: 0;} .own_keep_text {margin: 12px 0 0 0; font-size: 12px; color: #666;} #own_mid_col1 img {margin: 12px 0 0 0; padding: 0; border: solid 1px #ddd;} #own_mid_col2 {height: 180px; width:570px; padding: 0; margin: 0;} .own_tips {width:570px; height:24px; padding:12px 0 0 0; border:0;} .owntips_td1{width: 37%; float: left;} .owntips_td2{width: 50%; float: right;} #own_tip_list {margin-top: 5px; line-height: 24px; width: 100%} a.own_tips_link {font-weight: normal; font-size: 12px; color: #666; text-decoration: none;} #own_mid_col2 img.ed_bullet {margin: 0; margin-right: 5px; vertical-align: middle; border: 0; float: none;} #own_mid_col3 {height: 160px; width:570px; padding: 0; margin: 0;} #own_warranty_content {width: 565px; margin: 5px 0 0 1px; line-height: 16px; color: #666; font-size: 12px;} #own_mid_col4 {height: 300px;} .own_savemoney_box {position: relative; width: 184px; height: 216px; margin: 5px 2px 0 2px; float: left; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;} .own_savemoney_box_content {width: 164px; padding: 10px; font-size: 12px; color: #666; line-height: 14px;} .own_savemoney_heading {color:black; font-size: 14px; height: 42px; font-weight: bold; line-height: 14px;} .own_savemoney_box_content img {margin: 0 5px 1px 0; border: solid 1px #ddd; float: left;} a.own_savemoney_heading_link {color: #333; text-decoration: none; font-size: 13px; } .own_savemoney_bottom_links {position: absolute; left: 0; bottom: 0; height: 20px; width: 164px; padding: 0 10px;} .own_savemoney_bottom_links a {font-size: 11px; color: #507091; text-decoration: underline;} #own_mid_col5 {width: 570px;} .own_review_col {width: 30%; padding: 5px; float: left;} .own_review_content a {color: #666; width: 160px; float: left; line-height: 17px; border-right: 1px solid #ccc; height: 20px; font-size: 11px;} .own_review_content_noborder a {color: #666; width: 160px; float: left; line-height: 17px; height: 20px; font-size: 11px;} /*-----CSS for right column ----*/ div.own_top_rt_col_module {width: 295px; margin-bottom: 10px; margin-top:210px; padding:0 0 0 0;padding:210px 0 0 0 !ie; _padding:210px 0 0 0;} /*.own_rt_col_module {width: 295px; margin-bottom: 10px;}*/ .own_mod_title {border-bottom:1px dashed #CCCCCC; border-top:4px solid #CCCCCC; color:#393; font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; padding:2px 0 0 5px; width:295px;} .own_mod_rt_content {font-size: 11px; font-weight: normal; padding: 5px 0 0 3px;} div.own_rt_col_photo_module {clear: both; height: 53px;} div.own_rt_col_photo_module img {float: left; margin: 0 10px 0 0;} div.own_rt_col_photo_module {font-size: 11px; line-height: 13px; clear: both; margin: 0; padding-bottom: 13px;} div.own_rt_col_photo_module a {line-height: 13px;} a.mod_body_copy_header:hover {color:#444444; text-decoration: underline; font-size: 12px;} div.own_rt_col_photo_module img {border: solid 1px #ddd;} #own_rt_col4 {background: #EEEEEE none repeat scroll 0 0; border:1px solid #CCCCCC; height: 220px; margin-bottom:110px} div.own_Tip_title {color:black;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;padding:15px 0 0px 15px;width:280px;} div.own_tipform_content {font-size:11px; font-weight:normal; padding: 5px 5px 0 15px; width: 250px;} input#ask_small {border: 0; float: right;} /*-------------------------------------Bandges/auto-mechanics page starts------------------------*/ div#badge_wrapper {position: relative; width: 890px; margin: 0 auto 0 auto; background-color: #fff; border-left: solid 1px #eee; border-right: solid 1px #eee; border-bottom: solid 1px #eee; padding: 0;} #badge_main_top {width: 890px; background-color: #fff;} #badge_top_nav {position: relative; clear: both; height: 31px; width: 890px; margin: 10px 0 0 0; _margin-top: -3px; border-bottom: solid 9px #54b948;} #badge_main_bottom {width: 890px; background-color: #fff; margin: 0; padding: 0px;} #badge_left_col {width: 160px; float: left; padding: 0; margin: 0; border: 1px solid #ccc;} ul#badge_left_nav {width: 160px; margin: 0; padding: 0; list-style-type: none; list-style-position: outside;} ul#badge_left_nav li {height: 25px; width: 150px; padding: 10px 0 0 10px; border-bottom: solid 1px #ccc; color: #444; margin: 0; background-color: #ddd;} ul#badge_left_nav li a.off {font-weight: 500; color: #444; border-right: solid 1px #ddd; background-color:#eee;} ul#badge_left_nav li a.on {font-weight: 500; color: #54b948;} ul#badge_left_nav li.off:hover { text-decoration: underline; } ul#badge_left_nav li.main_cat {font-weight: 700; color: #444; padding: 10px 0 0 10px;} ul#badge_left_nav li.on { background-color: #ddd; color: #54b948; font-weight: 700; font-size: 12px;} ul#badge_left_nav li.off {background-color: #eee; cursor: pointer; font-weight: 700; color: #777; border-right: solid 1px #ddd; width: 150px; font-size: 12px;} ul#badge_left_nav li.inactive {color: #90b67b;} #badge_right_col {width: 710px; float: right; border: 2px solid #ddd; margin: 6px; padding: 0; height: 860px;} .badge_heading { font-size: 20px; color: #54b948; font-weight: 700; padding: 10px 20px; text-align: left;} .badge_bold_text { font-size: 12px; color: #333; font-weight: 700; padding: 10px 20px; text-align: left;} .badge_normal_text { font-size: 12px; padding: 10px 20px; text-align: left;} .badge_textarea {background-color: #fff; border-width: 1px; border-style: sold; border-color: black; overflow:hidden;} #badge_footer {position: relative; clear: both; width: 832px; background-color: #858585; text-align: left; padding: 10px 9px 12px 50px;} #badge_footer a {color: white; font-weight: 500;} #badge_copyright {position: absolute; right: 30px; top: 10px;} /*----------------------------Article Templates start----------------------------------------------------*/ #article_mid_column {position: relative; width: 565px; float: left; display: inline; background-color:#fff; border: 0; margin: 15px 0 150px 15px;} #article_mid_col1 {position: relative; width: 538px; float: left; background-color:#fff; border: o none; margin: 4px; padding: 5px;} #article_mid_col3 {position: relative; width: 564px; float: left; background-color:#fff; border: 0 none; margin: 4px; padding: 5px;} #article_mid_column h2 img {vertical-align: -5px;} #article_mid_column h2 {margin-top: 30px; color: #333;} .article_intro {margin: 20px 0; line-height: 18px;} .article_content {margin-top: 15px; line-height: 18px;} .article_title {color: #393; font-size:26px; font-weight: 700; margin: 6px 0 5px;} .article_blurb {padding-bottom: 5px; font-size: 14px; padding-top: 10px;} .article_italic_by {color: #888; font-size:11px; font-weight: normal; font-family: Arial; font-style: italic;} .article_img_text {margin: 2px; font-size: 14px; color: #666; padding: 0;} .article_imglt {margin: 0 13px 4px 0; padding: 2px; float: left;} .article_imgrt {margin: 0 0 4px 13px; padding: 2px; float: right;} .article_page3 {width:100%; width:98% !ie; _width:98%; height: auto;} .article_page {width:100%; width:98% !ie; _width:98%; height: auto;} .article_primary_img {margin-right: 13px; margin-bottom: 4px; padding: 2px; float: left;} .article_other_img {margin: 0 0 15px 10px; padding: 0; float: right; width: 160px;} /*---------------------------------Footer Static Pages start ---------------------------------------*/ .static_title {font-size:26px; font-weight: 700; margin: 6px 9px 5px;} .static_sub_title {color: #111; font-size:14px; font-weight: 700; margin: 6px 10px 5px; line-height: 22px;} .static_bold_text {font-size: 12px; color: #111; font-weight: 700; line-height: 18px; margin: 3px 10px 2px;} .static_normal_text {font-size: 12px; line-height: 18px; color: #333; margin: 6px 10px 5px; font-weight: 500;} .static_italic_text {font-size: 12px; font-family: verdana; font-style: italic; line-height: 18px; color: #333; margin: 6px 10px 5px; font-weight: 500;} ul.static_ul_left li { margin-left: -18px; font-size: 12px; line-height: 18px;} a.static_link {text-decoration: underline;} a.static_link:hover {text-decoration: none;} a.static_link_new_line {text-decoration: underline; margin: 3px 10px 2px;} a.static_link_new_line:hover {text-decoration: none;} .static_news_left_col {width: 188px; float: left; border: solid 1px #ccc; text-align: center; padding: 5px; margin: 3px 10px 2px 0; overflow: hidden;} .static_news_right_col {width: 550px; float: right; margin: 3px 10px 2px;} .static_makeposition {width:780px; min-height:800px; margin:3px 10px 2px; background-color:#fff; position: relative;} #static_mid_column h1 {font-size: 26px !important; margin: 6px 9px 25px;} #static_mid_column ul.static_news, #static_mid_column ul.static_press, #static_mid_column ul.static_faq_answers {margin: 0 0 0 15px; padding: 0; list-style: none;} .static_press strong {margin-bottom: 3px;} .admin_tools {position: absolute; right: 0; top: 0; background: #f5f5f5; border: 1px solid #ccc; padding: 5px;} .admin_tools .loading {position: absolute;} .admin_tools a {margin: 0 5px;} #static_right_col ul.static_news {margin: 0;} ul.static_news li, ul.static_press li, ul.static_faq_questions li, ul.static_faq_answers li {position: relative;} ul.static_news li, ul.static_press li {margin-bottom: 25px;} ul.static_faq_questions li {line-height: 25px; margin-left: 10px;} ul.static_faq_answers, ul.static_faq_questions {margin-bottom: 50px !important;} ul.static_faq_answers strong, ul.static_faq_answers .faq_answer {width: 650px;} ul.static_faq_answers .faq_answer {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #ccc;} /*---------------------------------Sales Page---------------------------------*/ #sales_helps {margin-top: 5px;} #sales_sample {position: relative;} /*--#sales_sample .static_normal_text {position: absolute; top: 330px; left: 10px; width: 330px; margin: 0;}--*/ #sales_sample .static_normal_text {left: 10px; margin: 10px;} #sales_quote {float: right; display: inline; padding: 10px; width: 300px; background: #F5F5F5; border: 1px solid #ccc; font-weight: 700;} #contact_form {position: relative;} .frm_loading {position: absolute; left: 0; top: 0;} .form_input {margin: 2px;} .form_label {float: left; display: inline; padding: 2px 5px; width: 40%; text-align: right;} .form_field {float: left;} /*---------------------------------Signup Page---------------------------------*/ #signup_content {width: 506px; padding: 20px;} #signup_content h1 {font-size: 25px !important;} #signup_content p {font-size: 14px; line-height: 17px;} #signup_content #login_link {float: right; margin: 4px 10px 10px 5px;} #signup_left {float: left; margin: 25px 0;} #signup_right {float: right; width: 150px !ie; text-align: right; margin-top: 75px;} #signup_right .italic {font-size: 11px; color: #888; margin-bottom: 5px;} #signup_ul {margin: 0; padding: 0 0 0 15px;} #signup_ul li {line-height: 20px;} /*---------- Research Page ----------*/ #static_mid_column {float: left; background: #fff; margin: 10px 10px 50px; padding: 10px 20px 100px; width: 798px; border: 1px solid #ccc;} #static_mid_column h5 {margin: 30px 0 10px;} #static_mid_column p {width: 600px;} /*#research_mid_column .register_for_webinar {margin: 20px 0;}*/ #research_studies {border-top: 1px solid #ccc; margin: 30px 0;} a.pdf_download {padding: 5px 0 5px 35px; background: url('../img/pdf_icon.gif') no-repeat left center;} /* ------- Global Search --------- */ #ga_search_left_col {width:735px; border:solid 1px #b7b7b7; background-color:#fff; margin:10px 0 15px 8px; padding:0; float:left; display: inline;} #ga_search_left_col a.blue_link, #ga_search_left_col a.blue_link strong, #ga_search_left_col a.sm_blue_link {color:#507091;} #search_filters a.blue_link {color:#369;} #ga_search_right_col {width:300px; background-color: #fff; border:none; margin:250px 25px 8px 4px; padding:0; float:right; display: inline;} .reg_large_dropdown {background-color: #fff; border:1px solid #bbb; color:#333; font-size:12px; font-weight:500; padding:0; width:200px; margin-top:6px; margin-right;6px;} .ga_search_left_col_content {padding:16px 14px 14px 14px;} .ga_search_right_col_content {padding:10px 20px 20px 20px;} .ga_search_rightcol_title {color:#666; font-size: 12px;} .ga_search_right_col_text {color:#444; font-size: 11px;} .gasearch_pages {font-size:10px; color: #444; margin:0 14px 10px 0; float: right;} .gasearch_grey4_title {font-size:12px; color: #666;} a.blue_link {color: #369; font-size: inherit; font-weight: 700; text-decoration: underline;} a.blue_link:hover {color: #369; font-size: inherit; font-weight: 700; text-decoration: underline;} a.sm_blue_link {color: #369; font-size: 11px; font-weight: 500; text-decoration: underline;} a.sm_blue_link:hover {color: #369; font-size: 11px; font-weight: 500; text-decoration: underline;} a.lrgr_blue_link {color: #369; font-size: 15px; font-weight: 700; text-decoration: underline;} a.lrgr_blue_link:hover {color: #369; font-size: 15px; font-weight: 700; text-decoration: underline;} .sm_grey444 {color: #444; font-size: 11px; font-weight: 500;} .sm_grey6 {color: #666; font-size: 11px; font-weight: 500;} .box_grey_link {color: #666; font-size: 11px; font-weight: 600; text-decoration: none;} .box_grey_link:hover {color: #393; font-size: 11px; font-weight: 600; text-decoration: none;} img.vinsearch {width:242px; height:121px; border:solid 1px #369; float:left; margin-right:8px;} /* ------- Top 5 -------------------- */ .five_issues {height: 26px;} .five_issues a {font-size: 14px; color: #444;} .five_issues img {margin-right: 10px;} /* ------- Repair Estimates --------- */ #top_repair_estimate {width:1080px; height:228px; background-color:#fff; border-bottom:1px; border-color:#d9d9d9;} #top_banner_car { width:750px; padding:16px 20px 15px 13px; margin:0; font-size:12px; line-height:18px; color:#666;} .top_banner_car_title {font-size:18px; font-weight:700; color:#444;} hr.repair_top {width: 390px; height: 1px; border: 0; border-bottom: dotted 1px #ddd; padding-top:30px;} #repair_mid_col {width:560px; border:solid 1px #d9d9d9; background-color:#fff; padding:20px 14px 20px 15px; margin-left:170px; margin-bottom:12px; margin-top:12px;} #repairs_right_col {width: 300px; float: right; margin:0; border: none;} .repair_default_module {width:530px; height:270px; border:solid 1px #d9d9d9; background-color:#f7f7f7; margin:20px 15px 0 15px;} .repairs_default_left_col {width:165px; float:left; margin:18px 0 0 16px; border: none;} .repairs_default_right_col {width: 190px; float: right; margin: 50px 63px 0 0; _margin: 50px 43px 0 0; border:none;} .repairs_default_mid_col {margin: 50px 0 0 20px; border:none; text-align: center; width: 20px; float: left;} .repair_grandtotal_module {width:550px; border:solid 1px #d9d9d9; background-color:#fff; padding:15px 15px 25px 13px;} table.partsandlabor2 {width: 550px; border: none; margin: 0; margin: auto; position: relative; text-align: left;} table.partsandlabor {width:550px; border:solid 1px #d9d9d9; margin:0;} td.litecell1 {width:366px; text-align:left; border-right:1px dotted #d9d9d9; border-top:none; border-bottom:none; border-left:none; padding-top:10px; padding-bottom:5px;} td.litecell2 {width:75px; text-align:center; vertical-align:middle; border-right:1px dotted #d9d9d9;} td.litecell3 {width:71px; text-align:center; vertical-align:middle; border:none;} td.litecell1b {width:366px; text-align:left; border-right:1px dotted #d9d9d9; border-top:none; border-bottom:1px solid #d9d9d9; border-left:none; padding-top:10px; padding-bottom:5px;} td.litecell2b {width:75px; text-align:center; vertical-align:middle; border-right:1px dotted #d9d9d9; border-bottom:1px solid #d9d9d9;} td.litecell3b {width:71px; text-align:center; vertical-align:middle; border-bottom:1px solid #d9d9d9;} td.darkcell1 {text-align:left; border-right:1px dotted #d9d9d9; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-left:none; background-color:#f7f7f7; padding-top:10px; padding-bottom:5px;} td.darkcell2 {text-align:left; border-right:1px dotted #d9d9d9; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-left:none; text-align:center; vertical-align:middle; background-color:#f7f7f7;} td.darkcell3 {text-align:left; border-right:none; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-left:none; text-align:center; vertical-align:middle; background-color:#f7f7f7;} td.darkcell1b {text-align:left; border-right:1px dotted #d9d9d9; border-top:1px solid #d9d9d9; border-bottom:none; border-left:none; background-color:#f7f7f7; padding-top:10px; padding-bottom:5px;} td.darkcell2b {text-align:left; border-right:1px dotted #d9d9d9; border-top:1px solid #d9d9d9; border-bottom:none; border-left:none; text-align:center; vertical-align:middle; background-color:#f7f7f7;} td.darkcell3b {text-align:left; border-right:none; border-top:1px solid #d9d9d9; border-bottom:none; border-left:none; text-align:center; vertical-align:middle; background-color:#f7f7f7;} /*----------------------------Car Review starts----------------------------------------------------*/ .review_sub_title {color: #333; font-size: 16px; font-weight: 700;/* margin: 6px 0 5px;*/} .review_user_rating_table {} .review_text {float: left; margin: 2px; font-size: 12px; color: #666; padding: 0;} .review_grey_text { float: left; margin: 2px; font-size: 12px; color: #aaa; padding: 0;} .review_dotted_hr {width: 100%; clear: both; height: 5px; border: 0; border-bottom: dotted 2px #ccc; margin: 6px 0 5px;} .review_rate { padding: 0; font-size: 14px; font-weight: 600;/* width: 400px; height: 20px;*/} .review_primary_img {margin: 0 0 15px 10px; padding: 0; float: right;} .review_other_img {margin: 0 15px 10px 0; padding: 0; float: left; width: 160px;} .review_module_title {border-top:4px solid #ccc; border-bottom: 2px dotted #ddd; position: relative; font-size: 16px; color: #666; margin: 0; font-weight: 700; height: 24px; background-color: #fff; padding: 4px 4px 4px 0; vertical-align: middle;} .review_page {width: 100%; width: 98% !ie; _width:98%; height: auto;} .review_page .mechanic2 {margin-top: 4px;} #user_reviews_container {position: relative; width: 564px; margin: 5px 0 0 10px;} .review_form_left {float: left; width:50%; } .review_form_right {float: right; width:50%;} .review_button {float: right; margin-right: 14px; margin-top: 5px; height: 30px;} #user_review_form_container {margin-bottom: 10px;} #user_review_form_container #user_review_form_left {float: left; width: 42%; margin-right: 3%;} #user_review_form_container #user_review_form_right {float: left; width: 54%;} #user_review_form_container .right {text-align: right;} #user_review_form_container input[type='text'], #user_review_form_container select, #user_review_form_container textarea {width: 99%;} #user_review_form_container select {border: 1px solid #ccc; margin: 10px 0 15px;} #user_review_form_container textarea {height: 280px;} #user_reviews_ratings_form_box {border: 1px solid #ccc;} #user_reviews_ratings_form_box td {padding: 5px;} #user_review_table {width: 100%; border: 0; border: 1px solid #ddd;} #user_review_table td {padding: 4px 0 3px 8px;} #top_module_car {position:relative; padding:6px 0 23px 13px; width:715px; margin:0; font-size:12px; line-height:18px; color:#666;} #top_module_car .myphotos {float: left; display: inline; margin: 5px 16px 0 0; width: 310px; height: 160px;} #top_module_car h5 {margin: 10px 0 0;} #trim_info {margin-bottom: 5px;} .other_trim_btn {border: #ccc 1px solid; color: #666; padding: 1px 15px 1px 5px; background: #f8f8f8 url('../img/trimButtonArrow.gif') no-repeat 95% center; cursor: pointer;} .other_trim_btn:hover {border-color: #393; color: #393;} #car_mileage_msrp {position: absolute; bottom: 20px; left: 340px; width: 385px;} #add_to_garage_btn {position: absolute; bottom: 0; right: 0;} .lg_444 {color: #444; font-size: 20px; font-weight: 500;} .mileage_txt {color:#393; font-size: 22px !important; font-weight:700; text-align:right;} #cm_detail, #cm_save_cancel {height:25px;} /*-------------- Ask Our Mechanics ------------ */ .ask_mechanic_module {background: url(../img/aom_titlebkg.png) 0 0 no-repeat; border:solid 1px #ccc; background-color:#fff; padding:0; width: 570px;} .meet_experts_module {background: url(../img/mte_titlebkg.jpg) 0 0 no-repeat; width:280px; border:solid 1px #ccc; background-color:#fff; padding:10px 8px 12px 12px;} .mechanic_ans_mod {margin:25px 10px 25px 50px;} .ask_question {color: #444; font-size: 16px; font-weight: 700;} img.mechanic {border:solid 1px #d3d3d3; margin:6px; float:left;} .grey_box {border: solid 1px #ccc; background-color: #f8f8f8; padding: 10px 20px; height: 1%;} #ask_question_module {padding: 20px;} #ask_question_module select {width: 190px; margin: 2px 0;} #ask_question_module .submit_btn_blue {margin-top: 15px;} .question_lt {float: left; width: 59%;} .question_lt #am_title, .question_lt textarea {width: 90%;} .question_rt {float: left; width: 41%;} #ask_question_module #data_integer_1, #ask_question_module #data_integer_2, #ask_question_module #terms {margin-left: 0;} #ask_question_module #am_year {margin-top: 0;} .slp_content #ask_question_module, .slp_content #recent_questions_module {margin-right: 120px;} .slp_content #mapdiv {width: 500px;} div.readmore_rt {float:right; margin:0; padding:0;} a.readmore_rt, a.readmore_rt:hover {color: #666; font-size: 11px; font-weight: 500; text-decoration: underline;} hr.recent_questions {height: 1px; border: 0; border-bottom: dashed 1px #ccc;} .smr_grey {color: #999; font-size: 10px;} .smr_grey6 {color: #666; font-size: 10px; font-weight: 500;} a.qna_question {color: #444; font-weight: 700; text-decoration: none;} a.qna_question:hover {text-decoration: underline;} /*-------------- Meet The Experts-Right Col ----------*/ .mte_bio_mod {padding: 5px 20px 5px 0; font-size: 12px;} .mte_bio_mod a {text-decoration: underline; font-weight: 700;} a.mte_name_link, a.mte_name_link:hover {color: #666;} div.mte_bio_mod img {float: left; margin-right: 12px;} /*-------------- Meet The Experts-Right Overlay ----------*/ #mte_overlay {margin: 10px 10px 0 20px;} #mte_overlay .mte_bio_mod h2 {margin: 0 0 2px;} #mte_overlay p {margin-right: 20px;} #mte_overlay .close_grey {position: absolute; bottom: 10px; right: 10px;} /*-------------- Get a Repair Estimate-Right Col ----------*/ .get_estimate_title {color:#393; font-size:13px; font-weight:700;} /*-------------- Single Video - Right Col --------------*/ .rt_col_single_video_img {background: #000; padding: 5px 0;} .rt_col_single_video_capt {background: #666; padding: 10px 0; text-align: center; font-weight: bold; color: #FFFFFF;} #rt_col_single_video a {color: #fff; text-decoration: none;} #rt_col_single_video .mod_rt_content {padding: 0;} /*-------------- Your Local Mechanics - Right Col --------------*/ .wnw_automechanic_item {padding: 10px 0; border-top: 1px dashed #666;} #rt_am_form #servicelist_Map {width: 270px; height: 200px;} #rt_am_form a#viewall_link {float: right; margin-top: 5px;} /*-------------- Servicing ------------ */ #servicing_recalls_mid_col {width:600px; border:solid 1px #cd0808; background-color:#fff; padding:12px 0 12px 0; margin-left:170px; margin-top:12px; text-align:center; color:#727272} h1.green {margin-bottom: 10px;} hr.solid4 {width: 570px; height: 1px; border: 0; border-bottom: solid 4px #cfcfcf;} hr.dashed_cf {width: 570px; height: 1px; border: 0; border-bottom: dashed 1px #cfcfcf;} .servicing_subheader {color:#666; font-weight:700; font-size:16px;} .service_reminders {width:260px; border:solid 1px #dcdcdc; background-color:#f7f7f7; padding:18px 0 16px 20px; float:right; margin-left:10px;} .service_more_articles {width:235px; border:0; background-color:#fff; padding:0; float:right; margin-left:50px;} /* ------- Car Agnostic - Ask Our Mechanics --------- */ #caragnostic_am_left_column, #caragnostic_fm_left_column, #wide_column {background-color:#FFFFFF; border:1px solid #CCCCCC; float:left; margin:10px 0 20px 8px; padding:10px; position:relative;width:720px;} .agnostic_am_title {font-size:18px; font-weight:700; color:#393;} .agnostic_am_header_marketingtext {margin:10px 0 5px 0;} .agnostic_am_ask_question_module {width:680px;height:300px; height:320px !ie; _height:320px; border:solid 1px #dbdbdb; background-color:#f8f8f8; padding:16px 18px 6px 18px;} .agnostic_am_question_left {float:left; margin:0; padding:0; width:440px;} .agnostic_am_question_rt {float:right; display: inline; margin:0 25px 0 0; padding:0; width:200px;} .agnostic_am_question_rt .agnostic_am_label_title {width:auto;} .agnostic_am_label_title {color: #444; font-size: 11px; font-weight: 500; margin-top:15px;width:400px;} #title.agnostic_am_question_title {height: 18px; margin:2px 4px 4px 0; width: 420px; border: 1px solid #666; padding: 5px 0 0 5px; font-size: 12px; color: #777; float: left;} .agnostic_am_question_text {border: 1px solid #666; margin:2px 4px 4px 0; width:420px; resize: none; padding: 5px 0 0 5px; font-size: 12px; color: #777;} hr.agnostic_recent_questions {width:720px; height: 1px; border: 0; border-bottom: dotted 1px #ddd;} .agnostic_am_paging a {color:#666;} .agnostic_am_paging a:hover {color:#666; text-decoration:underline;} #caragnostic_am_right_column, #wide_right_column {float:right; padding:215px 20px 0 0; position:relative; width:300px;} .agnostic_am_meet_experts_module {background: url(../img/mte_titlebkg.jpg) 0 0 no-repeat; width:280px; border:solid 1px #ccc; background-color:#fff; padding:10px 8px 0 12px; margin-bottom:5px;} .agnostic_am_repair_estimate_module {background: url(../img/mte_titlebkg.jpg) 0 0 no-repeat; width:280px; border:solid 1px #ccc; background-color:#fff; padding:10px 8px 0 12px; margin-bottom:35px;} a.agnostic_am_readmore_rt, a.agnostic_am_readmore_rt:hover {color:#666; font-size:11px; font-weight:500; float:right; margin:0; padding:0; text-decoration:underline;} a.grey4, a.grey4:hover {color: #444; font-size: inherit;} /* ------- Car Agnostic - Find a Mechanic --------- */ .input5 {width: 55px;} #agnostic-fm-form label {font-size: 14px; font-weight: 700; margin-right: 4px;} #agnostic-fm-form .input5, #agnostic-fm-form select {margin-right: 20px;} #servicelist_Map {border: 1px solid #ccc; height: 320px; margin: 10px 0;} .agnostic_fm_filter {margin: 5px 0;} .agnostic_fm_filter, .agnostic_fm_filter * {font-size: 10px;} .agnostic_fm_filter a, .agnostic_fm_filter strong {margin: 0 3px;} .agnostic_fm_filter label {margin-left: 20px;} /*-------------- Whats New Modules ------------ */ .box_top_rt, .garage_mod_header, .mod_rt_title, .wnw_center_module_top, #center_module_psr .catheader, .box_top {background: url('../img/headerstroke.gif') repeat-x; border: solid 1px #bbb; border-bottom: 0; margin: 0; font-size: 16px; font-weight: 700; color: #777; padding: 7px 7px 5px 15px; clear: both;} .wnw_right_module {background: #fff url('../img/headerstroke.gif') repeat-x; border:solid 1px #bbb; padding: 7px 16px 12px 14px;} .wn_right_title {font-size: 16px; font-weight: 700; color: #777;} td.greyline {width:2px; background-image: url(../img/whatsnew_grey_white_line.gif); background-position: center; background-repeat: repeat-y;} .wnw_dealer_quote {position: relative; background: url(../img/dlr_qte_bkg.png) 0 0 no-repeat; width:290px; height:152px; border:solid 1px #ccc; padding:15px 0 6px 10px;} .dealer_quote_title {color:#fff; font-size:21px; font-weight:700;} .dealer_quote_txt {color:#fff; font-size:12px; font-weight:500; margin-right:80px;} .dealer_quote_txt2 {position: absolute; bottom: 8px; left: 10px; color:#444; font-size:11px; font-weight:500;} /*--------------- Referer Welcome Overlay ---------------*/ #referer_welcome {position: absolute; left: -60px; top: 170px; width: 315px;} #referer_top {width: 100%; height: 23px; background: url('../img/overlay_top.png') no-repeat;} #referer_content {position: relative; width: 275px; padding: 5px 15px 20px 25px; background: url('../img/overlay_mid.png') repeat-y;} #referer_content strong.dkgrey, #referer_content p {font-size: 14px;} #referer_content a.grey {float: right;} #referer_content a.grey img {float: none; clear: none; vertical-align: middle;} #referer_content p {width: 200px; margin-top: 5px;} #referer_content .rt_arrow {position: absolute; right: 50px; bottom: 23px;} #referer_bottom {width: 100%; height: 12px; background: url('../img/overlay_bottom.png') no-repeat;} #mmy_dropdown_referer select {width: 200px; margin: 4px 0;} .gam_slot_160x600 iframe#google_ads_frame2, .gam_slot_160x600 iframe#google_ads_frame1 {width: 158px !important;} .gam_slot_300x250, .iframe_ad_300x250 {width: 300px; height: 250px; border: 0; margin: 0; overflow: hidden;} /*--------------- AutoCheck Module ---------------*/ .autoscore {color: #0077A7;} .autoscore_header {background: #0077A7 url('../img/autocheck_logo.gif') right center no-repeat; color: #fff; font-size: 13px; font-weight: 700; padding: 7px 0 4px 8px;} .main_box_rt select {width: 225px; margin-bottom: 10px;} #autocheck_score {margin: 10px 0 0;} form#add_vin_form{position: relative; margin-top: 10px;} .main_box_rt #add_vin_form {margin: 10px 0 0;} .score_box, .score_box2, .noscore {margin-bottom: 10px;} #autocheck_score .noscore {background: url('../img/autocheck_noscore.gif') no-repeat; height: 94px; display: none;} .score_box {text-align: center; background: url('../img/autocheck_scorebox.gif') no-repeat; padding: 27px 0 12px 10px; height: 55px;} .score_box_left {float: left; padding-top: 10px; width: 130px;} .score_box_right {float: left; line-height: 58px; width: 62px; font-size: 32px;} .similar_vehicle {font-size: 10px; color: #dadd82;} #similar_vehicle_score {font-size: 12px; font-weight: 700;} ul.green_checkmarks {list-style: none; padding: 0; margin: 0;} ul.green_checkmarks li {background: url('../img/check_green.gif') 0 0px no-repeat; padding: 0 0 0 22px; line-height: 18px; margin: 10px 0;} /*---------- Registration with Add Car ----------*/ #reg_main_bottom .grey_box {padding: 20px 20px 40px; margin-bottom: 50px;} #reg_car_info {float: left; width: 220px;} #reg_user_info {float: left; width: 500px; border-left: 1px solid #ccc; padding-left: 40px;} #registration_form .form_input {margin: 0;} #registration_form .form_label, #registration_form .form_field {float: none; display: block; text-align: left; width: auto; padding: 0;} #reg_user_info input[type="text"], #reg_user_info input[type="password"] {width: 200px;} #reg_car_info input[type="text"] {width: 180px;} #registration_form input[type="checkbox"] {margin-left: 0;} #registration_form .red {height: 15px;} #registration_form #rege_terms {height: auto;} /* Latest Article */ #latest_articles {} .latart_item {padding: 10px 0; border-top: 1px dashed #ccc;} .latart_item .myphotos {float: left; display: inline; margin-right: 10px; position: relative; width: 160px; height: 96px; border: 1px solid #ccc; padding: 0;} .latart_desc {float: left; position: relative; width: 390px; height: 96px;} .latart_desc h3 {margin: 0; font-size: 16px !important;} .latart_related {position: absolute; bottom: 0;} /* Featured Articles */ #cat_content {margin-bottom: 20px;} .featart_item {float: left; width: 135px; margin: 10px 0 0 10px;} /* Article Categories */ #article_categories {margin-bottom: 20px;} #article_categories h5, #article_categories_wide h5 {margin: 10px 0 0; font-size: 11px !important; color: #888;} #article_categories .artcat_column {float: left; width: 49%; margin-left: 2%;} .artcat_item {cursor: pointer; background: #f6f6f6; border: 2px solid transparent; height: 57px; overflow: hidden;} .artcat_item:hover {border-color: #393;} .artcat_item img {float: left; border: 1px solid #ccc; margin-right: 10px;} .artcat_desc {float: left; display: inline; width: 165px;} .artcat_item .title_link {font-size: 12px; color: #333; font-weight: 700; text-decoration: none; margin-bottom: 10px; display: block;} .artcat_item .title_link:hover, .artcat_item:hover .title_link {color: #393;} #article_categories_wide {float: right; margin: 20px; width: 890px; border-top: 2px solid #dfdfdf;} #article_categories_wide .artcat_column {float: left; width: 32%; margin-left: 2%; margin-left: 1.9% !ie;} .mod_rt {margin-bottom: 10px;} #right_column #rt_col_single_video .mod_rt_content {padding: 0;} .mod_title {border-bottom: 1px dashed #ccc; border-top: 4px solid #ccc; color: #393; font-size: 14px; font-weight: 700; padding: 2px 0 0 5px;} .dashed_tr {position: relative; padding: 10px 0; border-top: 1px dashed #ccc;} .dashed_tr a.read_more_bt_rt {position: absolute; bottom: 10px; right: 10px;} #rt_ds_blog .mod_rt_content a.strong {display: block; text-decoration: none;} /* SLP */ #slp_right_col {background: #fff; border: 1px solid #ccc; float: left; margin: 10px 0 100px 10px; width: 835px; min-height: 500px;} #slp_right_col h1 {font-size: 24px !important;} .slp_top {background: #fff url('../img/gradient.gif') repeat-x bottom; border-bottom: 1px solid #ccc; padding: 10px 10px 20px 20px;} .slp_content {background: #fff; padding: 10px 10px 10px 20px; margin-bottom: 50px; height: 1%;} .slp_content p {width: 80%;} .grey_box p {width: auto;} .italic, i {font-size: inherit; font-style: italic;} sup.italic {font-size: 8px; padding-bottom: 5px;} /* SLP - Service */ .mmy_blue {float: right; margin-right: 20px; position: relative; padding: 15px; width: 220px; height: 223px; background: url('../img/GreenModule.gif') no-repeat;} .mmy_blue h3.green {font-size: 20px !important; margin: 0;} .mmy_blue #ts_header {margin: 10px 0 0;} .mmy_blue select {width: 98%; margin: 2px 0 3px;} .mmy_blue .lg_get_estimate, .mmy_blue .find_recalls, .mmy_blue .find_parts, .mmy_blue .check_value, .mmy_blue .see_top_problems {position: absolute; right: 20px; bottom: 15px;} .mmy_blue #mmy_overlay_loading, .mmy_blue #ts_overlay_loading {position: absolute; left: 15px; top: 190px;} .slp_support_item {width: 560px; margin: 10px 0 20px;} .slp_support_item .slp_support_bg {margin-right: 10px; float: left; background: url('../img/featureButton.gif'); width: 83px; height: 61px; cursor: pointer;} #slp_service .slp_support_bg div {background-image: url('../img/ServiceIcons.gif');} .slp_support_bg div {width: 42px; height: 59px; margin: auto;} #slp_support_icon_1 {background-position: 0 0;} #slp_support_icon_2 {background-position: 0 -62px;} #slp_support_icon_3 {background-position: 0 -118px;} #slp_support_icon_4 {background-position: 0 -174px;} .slp_support_item h5 {margin: 0;} .slp_support_item a {color: #333; font-weight: 700; text-decoration: none;} .slp_support_item a:hover {color: #393; text-decoration: underline;} /* SLP - Diagnostic */ .slp_content .diagnose_box {margin: 0;} .slp_content .diagnose_content select {width: 200px; margin: 5px 0;} .slp_content #diagnose_disclaimer {margin: 0;} .slp_content #recent_questions_module {background: #fff; margin-top: 20px;} #recent_questions_module p {width: auto;} #recent_questions_module .sm_grey_link {text-decoration: underline;} #slp_issue .slp_support_bg div {background-image: url('../img/CommonProblemsIcons.gif');} #slp_recall .slp_support_bg div {background-image: url('../img/RecallsIcons.gif');} #slp_value .slp_support_bg div {background-image: url('../img/ValueIcons.gif');} /*---------- Common Car Problems ----------*/ .rating_good {background: #709e63;} .rating_bad {background: #a93636;} .rating_other {background: #ccc;} .rating_good, .rating_bad, .rating_other {} .common_problem_ratings {width: 250px; float: right; margin-left: 10px;} .rating_container, .rating_score {margin: 2px 0 3px;} .rating_container {width: 205px; height: 13px; background: #fff; border: solid 1px #bbb; float: left;} .rating_container .rating_good, .rating_container .rating_bad, .rating_container .rating_other {height: 100%;} .rating_score {width: 35px; float: right;} .rating_legend {white-space: nowrap; float: left;} #rating_legends .rating_good, #rating_legends .rating_bad, #rating_legends .rating_other {width: 18px; height: 12px; float: left; margin: 1px;} #rating_legends .rating_label {color: #666; float: left; margin: 0 15px 0 5px;} #common_problems_module {padding: 5px 10px 10px; margin: 6px 0 50px; border: solid 1px #ccc; background: #f8f8f8;} #common_problems_module .common_problem {border-top: dashed 1px #aaa; padding: 14px 0 14px 10px;} #common_problems_module .common_problem h5 {margin: 7px 0 0; line-height: normal; padding-top: 5px; padding-bottom: 5px;} .common_problem_details {margin: 6px 0 8px; color: #666;} .black_bullet_1, .black_bullet_2, .black_bullet_3, .black_bullet_4, .black_bullet_5, .black_bullet_6, .black_bullet_7, .black_bullet_8, .black_bullet_9, .black_bullet_10 {background: url('../img/bullets_black.png') no-repeat; padding: 0 0 0 27px; line-height: 22px;} .grey_bullet_1, .grey_bullet_2, .grey_bullet_3, .grey_bullet_4, .grey_bullet_5, .grey_bullet_6, .grey_bullet_7, .grey_bullet_8, .grey_bullet_9, .grey_bullet_10 {background: url('../img/bullets_gray.png') no-repeat; padding: 0 0 0 27px; line-height: 22px;} .green_bullet_1, .green_bullet_2, .green_bullet_3, .green_bullet_4, .green_bullet_5, .green_bullet_6, .green_bullet_7, .green_bullet_8, .green_bullet_9, .green_bullet_10 {background: url('../img/bullets_green.png') no-repeat; padding: 0 0 0 27px; line-height: 22px;} .bullet_1, .black_bullet_1, .grey_bullet_1, .green_bullet_1 {background-position: -273px -8px;} .bullet_2, .black_bullet_2, .grey_bullet_2, .green_bullet_2 {background-position: -244px -37px;} .bullet_3, .black_bullet_3, .grey_bullet_3, .green_bullet_3 {background-position: -215px -66px;} .bullet_4, .black_bullet_4, .grey_bullet_4, .green_bullet_4 {background-position: -186px -95px;} .bullet_5, .black_bullet_5, .grey_bullet_5, .green_bullet_5 {background-position: -157px -124px;} .bullet_6, .black_bullet_6, .grey_bullet_6, .green_bullet_6 {background-position: -128px -153px;} .bullet_7, .black_bullet_7, .grey_bullet_7, .green_bullet_7 {background-position: -99px -182px;} .bullet_8, .black_bullet_8, .grey_bullet_8, .green_bullet_8 {background-position: -70px -211px;} .bullet_9, .black_bullet_9, .grey_bullet_9, .green_bullet_9 {background-position: -41px -240px;} .bullet_10, .black_bullet_10, .grey_bullet_10, .green_bullet_10 {background-position: -11px -269px;} .black_bullet_sm_1, .black_bullet_sm_2, .black_bullet_sm_3, .black_bullet_sm_4, .black_bullet_sm_5, .black_bullet_sm_6, .black_bullet_sm_7, .black_bullet_sm_8, .black_bullet_sm_9, .black_bullet_sm_10, .black_bullet_sm_11, .black_bullet_sm_12, .black_bullet_sm_13 {background: url('../img/bullets_sm_black.png') no-repeat; padding: 0 0 0 22px; line-height: 17px; height: 17px;} .grey_bullet_sm_1, .grey_bullet_sm_2, .grey_bullet_sm_3, .grey_bullet_sm_4, .grey_bullet_sm_5, .grey_bullet_sm_6, .grey_bullet_sm_7, .grey_bullet_sm_8, .grey_bullet_sm_9, .grey_bullet_sm_10, .grey_bullet_sm_11, .grey_bullet_sm_12, .grey_bullet_sm_13 {background: url('../img/bullets_sm_gray.png') no-repeat; padding: 0 0 0 22px; line-height: 17px; height: 17px;} .green_bullet_sm, .green_bullet_sm_1, .green_bullet_sm_2, .green_bullet_sm_3, .green_bullet_sm_4, .green_bullet_sm_5, .green_bullet_sm_6, .green_bullet_sm_7, .green_bullet_sm_8, .green_bullet_sm_9, .green_bullet_sm_10, .green_bullet_sm_11, .green_bullet_sm_12, .green_bullet_sm_13 {background: url('../img/bullets_sm_green.png') no-repeat; padding: 0 0 0 22px; line-height: 17px; height: 17px;} .bullet_sm_1, .black_bullet_sm_1, .grey_bullet_sm_1, .green_bullet_sm_1 {background-position: -260px -7px;} .bullet_sm_2, .black_bullet_sm_2, .grey_bullet_sm_2, .green_bullet_sm_2 {background-position: -239px -28px;} .bullet_sm_3, .black_bullet_sm_3, .grey_bullet_sm_3, .green_bullet_sm_3 {background-position: -218px -49px;} .bullet_sm_4, .black_bullet_sm_4, .grey_bullet_sm_4, .green_bullet_sm_4 {background-position: -197px -70px;} .bullet_sm_5, .black_bullet_sm_5, .grey_bullet_sm_5, .green_bullet_sm_5 {background-position: -176px -91px;} .bullet_sm_6, .black_bullet_sm_6, .grey_bullet_sm_6, .green_bullet_sm_6 {background-position: -155px -112px;} .bullet_sm_7, .black_bullet_sm_7, .grey_bullet_sm_7, .green_bullet_sm_7 {background-position: -134px -133px;} .bullet_sm_8, .black_bullet_sm_8, .grey_bullet_sm_8, .green_bullet_sm_8 {background-position: -113px -154px;} .bullet_sm_9, .black_bullet_sm_9, .grey_bullet_sm_9, .green_bullet_sm_9 {background-position: -92px -176px;} .bullet_sm_10, .black_bullet_sm_10, .grey_bullet_sm_10, .green_bullet_sm_10 {background-position: -71px -198px;} .bullet_sm_11, .black_bullet_sm_11, .grey_bullet_sm_11, .green_bullet_sm_11 {background-position: -50px -219px;} .bullet_sm_12, .black_bullet_sm_12, .grey_bullet_sm_12, .green_bullet_sm_12 {background-position: -29px -240px;} .bullet_sm_13, .black_bullet_sm_13, .grey_bullet_sm_13, .green_bullet_sm_13 {background-position: -8px -261px;} /**/ .garage_mod_content {position: relative !ie; background-color: #fff; border: solid 1px #bbb; margin: 0 0 10px; padding: 20px 15px;} #mycars_pfa_mod {position: relative; padding: 15px 0 15px 15px; margin-bottom: 5px; z-index: 1 !ie;} #mycars_pfa_mod h5 {margin: 0;} #mycars_pfa_mod div.myphotos {float: left; _position: relative; margin: 0 10px 0 0;} #mycars_pfa_mod .mycars_desc {float: left; _position: relative;} #mycars_pfa_mod .mycars_buttons {position: absolute; text-align: center; top: 15px; right: 10px; z-index: 1 !ie;} #mycars_pfa_mod .changevehicledn_btn {margin-bottom: 3px;} #mycars_overlay {position: absolute; top: 25px; right: 0; z-index: 100; text-align: left;} #mycars_overlay #rt_col_mycars {width: 300px;} #mycars_pfa_mod .mycars_mileage {position: absolute; _position: static; bottom: 10px; width: 360px;} #mycars_pfa_mod .mycars_mileage .midgrey {/*margin-top: 16px; */font-size: 11px;} #mycars_pfa_mod #cm_value {float: left; padding-right: 5px; width: 105px;} #mycars_pfa_mod .mycars_mileage .lg_444 {float: left; line-height: 30px; padding: 0 10px 0 5px;} #mycars_pfa_mod #cm_detail {float: left;} #mycars_pfa_mod #ds_mileage_status {position: absolute; _position: static; _clear: both; bottom: -12px; left: 0;} .small_pfa {padding: 10px 0 10px 15px !important;} .small_pfa .mycars_buttons {top: 10px !important;} /*temporary*/ #lb_addanothercar {position: absolute; top: 10px; left: 10px; text-align: left;} #mycars_overlay #reg_right_col, #lb_addanothercar #reg_right_col {float: none; padding: 0; margin: 0; width: 380px;} #mycars_overlay .reg_main_box_rt, #lb_addanothercar .reg_main_box_rt {margin: 0; padding: 10px 15px; background: #fff; height: 380px; height: 420px !ie;} #rt_col_mycars div.myphotos {float: left; width: 86px; height: 46px; margin-right: 5px;} #rt_col_mycars .mycars_desc {float: left; width: 170px;} .dashed_tr {clear: both; padding: 10px 0; border-top: 1px dashed #bbb;} ul#next_steps li {float: left; margin-left: 5px; display: inline;} .auto_mechanics_btn, .repair_estimates_btn, .coupon_btn, .mechanic_answers_btn, .browseparts_btn {background: url('../img/next_steps_btns.gif') 0 0 no-repeat; width: 183px; height: 56px; cursor: pointer; border: 0;} .coupon_btn {background-position: 0 -58px;} .repair_estimates_btn {background-position: 0 -116px;} .mechanic_answers_btn {background-position: 0 -174px;} .browseparts_btn {background-position: 0 -232px;} /**/ .warranty_tr1, .warranty_tr2 {clear: both; border: 1px solid #bbb; zoom: 1 !ie;} .warranty_tr1 {background: #eee; font-weight: 700;} .warranty_tr2 {border-width: 0 1px 1px;} .warranty_td1, .warranty_td2, .warranty_td3 {float: left; _position: relative; padding: 6px 0 6px 2%; font-weight: inherit; line-height: 22px;} .warranty_td3 span {line-height: inherit;} .warranty_td3 img {vertical-align: middle;} .warranty_td1 {width: 40%;} .warranty_td2 {width: 32%; border: 1px solid #bbb; border-width: 0 1px;} #warranty_module .sign_up_now {margin-top: 20px;} #warranty_module .red {font-weight: 700;} .coupon_wrapper {position: relative; width: 470px; padding: 15px 15px 10px; background: #fff url('../img/lb_box_back.gif') repeat-x bottom; border: 3px dashed #ccc; margin-top: 20px;} .coupon_wrapper .coupon_left {float: left; width: 100px; margin-right: 15px; text-align: center;} .coupon_left .myphotos {border: none; width: 100px; margin-bottom: 10px;} /* .coupon_left .myphotos img {position: absolute; top: calc(50% - 30px); left: 15px;} */ .coupon_wrapper .coupon_right {float: left; width: 355px; height: 1% !ie;} .coupon_right h2 {margin: 0 0 3px;} .coupon_right .coupon_exp {margin-bottom: 30px;} .coupon_wrapper .buttons {position: absolute; right: 15px; bottom: 12px;} .coupon_wrapper .buttons .print_coupon_btn {margin-left: 5px;} .coupon_border {border: 1px solid #ccc; padding: 4px; display: inline-block; background: #fff;} .coupon_border .coupon_wrapper {margin-top: 0;} .check_coupon_btn {background: url('../img/check_coupons_button_1.png') no-repeat; width: 133px; height: 25px; border: 0; cursor: pointer; vertical-align: middle;} #ctr_coupons .coupon_wrapper {margin-left: 15px;} #business_info {float: left; width: 240px;} #business_info .myphotos {border: none; text-align: left; margin-bottom: 10px;} #business_info h5 {display: inline; margin: 0 5px 5px 0;} #business_info .sm_grey6 {white-space: nowrap;} #business_info .adr {margin-top: 8px;} #business_info .hours {margin-top: 8px;} #business_info .blue {margin: 8px 0 15px; font-size: 16px; font-weight: 700;} #wrapper_print #business_info {width: 220px;} #wrapper_print #mapdiv {width: 280px;} /** MOTOR START **/ .job_column {float: left; width: 50%; margin: 5px 0 0 0;} a.job_btn {display: block; font-size: 14px; background: #f8f8f8 url('../img/graybuttons_rcc.png') 0 0 no-repeat; width: 262px; height: 43px; line-height: 42px; padding: 0 0 0 10px; text-decoration: none;} a.job_btn:hover {color: #393; background-position: 0 -43px;} #job_search_id {width: 180px; font-size: 12px; color: #339933; text-align: left; margin-right: 10px;} #psr_search {position: absolute; width:350px; text-align: left; z-index: 1; border: 1px solid #ccc; right: 10px; top:20px; background-color: #FFFFFF; display: none; } #psr_job_categories {margin-top: 30px;} #psr_job_categories h5 {border-bottom: 1px solid #ccc; margin-top: 20px;} #psr_job_categories li, #popular_vehicles_mod li {float: left; width: 47%; margin-left: 2.5%; line-height: 18px;} #mmy_dropdown_estimate select {width: 90%;} #popular_vehicles_mod {margin: 30px 0;} ul.no_bullets {list-style: none; padding: 0; margin: 0} ul.no_bullets li {line-height: 20px;} #rt_col_recent_repairs .mod_rt_content {padding: 5px 10px; width: auto; border: 1px solid #ccc; background: #fff;} #rt_col_recent_repairs .mod_rt_content a {display: block;} .right80 {clear: right; float: right; width: 80%;} .grey_border_box {border: 1px solid #ccc; padding: 5px 2%; width: 76%;} .tr_border {border: 1px solid #ccc;} .td_left {border-left: 1px solid #ccc; padding: 5px 10px;} .td_mid1, .td_right1 {padding: 5px 10px 0;} .td_mid2, .td_right2 {padding: 0 10px 5px;} .td_right1, .td_right2 {border-right: 1px solid #ccc;} .td_top {border-top: 1px solid #ccc;} .td_bottom {border-bottom: 1px solid #ccc;} #psr_select_parts .submit_btn_blue {float: right; margin-top: 10px;} #estimate_module {border: 1px solid #ccc; padding: 20px 20px 50px;} #estimate_module h2.green, #estimate_module h3 {margin: 20px 0 10px;} #estimate_module h3.first-child {margin: 0;} #estimate_left {float: left; width: 24%;} #cost_diagram {margin: 20px -10px 0;} .cost_labor, .cost_parts {float: left; width: 18px; height: 12px; margin: 1px;} .cost_labor {background: #7AB672;} .cost_parts {background: #BFDBB2;} .cost_label {float: left; margin: 0 15px 0 5px;} #cost_footer {margin-top: 10px; border-top: 1px solid #ccc;} #estimate_right {float: right; width: 75%;} #estimate_right .print_btn {float: right;} #estimate_right .toc_td1 {float: left; background: #fff;} #estimate_right .toc_td3 {float: right; background: #fff;} #estimate_right .toc_tr2 {border: 0; border-bottom: 2px dotted #999; height: 0.9em; margin-bottom: 0.4em;} #estimate_right .toc_tr2.row-2 {height: 1.9em;} #estimate_right .toc_tr2.row-2 > .toc_td3 {margin-top: 1em;} #estimate_right h3.toc_tr2 {border-color: #444;} #estimate_right .request_appt_btn, .diagnose_content .request_appt_btn {clear: right; float: right; margin: 20px 0 0;} a.request_appt_btn {text-indent: 100%; white-space: nowrap; overflow: hidden;} #estimate_module .view_more {float: right; margin: 10px 35px 0 0;} #psr_next_steps_module {margin-top: 20px;} #psr_next_steps_module a {border: 0; background-color: transparent; background-position: 5px 50%; padding-left: 20px; color: #393; font-size: 14px; font-weight: 700;} #psr_next_steps_module a:hover {background-color: #eee; text-decoration: underline;} a.green_triangle {background: url('../img/greenArrowIcon.png') no-repeat 96% 50%; padding-right: 15px; color: #444; text-decoration: none;} #zip_form .grey_box {padding-bottom: 50px;} #psr_zip_module {position: relative; margin: 0 40px;} #car_repair_estimate_zip {float: left; padding: 20px 0 0; width: 40%;} #psr_edit_labor_area {float: left; margin-left: 30px;} #center_module_psr {margin-bottom: 15px;} #center_module_psr .main_box {padding: 10px; border: 1px solid #ccc;} #rt_col_psr .mod_rt_content {width: auto; padding: 10px 10px 20px; border: 1px solid #ccc; border-top: 0; background: #fff;} #rt_col_psr select {width: 200px;} /** MOTOR END **/