/* default style */ .selectnav { display: none; } /* small screen */ /* Car Demon Pro Styles */ /* #### Mobile Phones Portrait or Landscape #### */ @media screen and (max-width: 479px){ /* some CSS here */ /* CSS Document */ #top_menu_bar ul li a { width: 50%; } /* Body Widget */ #body_widget { margin: 0 auto 0 0; background-color: #FFFFFF; background-image: url(../images/body_style_content.jpg); background-position: bottom; margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 228px; border-style: solid; border-width: 3px; border-color: #C7C7C7; } #body_style_title { margin-left: 4px; margin-top: 10px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 233px; color: #243D8C; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin-left: 23px; } #bsw_go_back { margin-left: 0px; margin-top: 0px; background-color: #243D8C; background-image: url(../images/btn_go_back.png); background-repeat: no-repeat; overflow: hidden; display: inline; float: left; height: 70px; margin-bottom: 0; width: 44px; cursor: pointer; } #btw_go_forward { margin-left: 0px; margin-top: 0px; background-image: url(../images/btn_go_forward.png); background-color: #243D8C; background-repeat: no-repeat; background-position: right; overflow: hidden; height: 69px; margin-bottom: 0; width: 42px; cursor: pointer; } #body_style_content { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 80px; margin-bottom: 0; width: 142px; } #body_style_footer { margin-left: 4px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 233px; } #cdp_body_style_gallery{ position:relative; margin: 0 auto; overflow:hidden; max-width:234px; height:133px; margin-top:7px; margin-left: auto; } /* Forms */ .cdform input[type="text"] { width: 95%; font-size: 14px; font-weight: bold; } /* Vehicle Content */ .vehicle_content { background-color: #EBEBEB; height: 425px; width: 100%; float: left; } .main_photo_box { background-color: #FFFFFF; float: left; width: 98%; height: 345px; } .main_photo { margin-left: 6px; margin-top: 9px; overflow: hidden; display: inline; float: left; height: 216px; margin-bottom: 0; } .view_vehicle_lg { margin-left: 7px; margin-top: 10px; background-color: #B00909; overflow: hidden; display: inline; float: left; height: 26px; margin-bottom: 0; cursor: pointer; text-align: center; width: 96%; } .view_vehicle { margin-left: 7px; margin-top: 10px; background-color: #B00909; overflow: hidden; display: inline; float: left; height: 26px; margin-bottom: 0; cursor: pointer; text-align: center; } .vehicle_buttons_wide { margin-left: 7px; margin-top: 7px; overflow: hidden; display: inline; float: left; height: 56px; margin-bottom: 0; } .vehicle_buttons { margin-left: 37px; margin-top: 7px; overflow: hidden; display: inline; float: left; height: 56px; margin-bottom: 0; } .car_demon_compare { display: none; } /* Vehicle Widget Details */ .vehicle_widget { margin: 0 auto 0 0; } .widget_title { padding-left: 10px; margin-top: 19px; overflow: hidden; display: block; float: left; height: 20px; margin-bottom: 0; background-color:#243D8C; background-image:url(../images/widget_title_back.png); background-repeat: repeat-x; background-position: bottom; padding-bottom:20px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #243D8C; } .vehicle_body { margin-left: 19px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 349px; margin-bottom: 0; } #left_ad_widget { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; background-color: #FFFFFF} #middle_ad_widget { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; background-color: #FFFFFF} #right_ad_widget { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; background-color: #FFFFFF} .car_demon_compare_div { display:none; } .main_menu { display: none; } .menu-styled-select { width: 90%; } #slideshow { margin-left: auto; margin-right: auto; width: 80%; } #slider_view_details { margin-left: 20px !important; margin-top: 3px !important; position: absolute !important; height: 30px !important; width: 174px !important; font-size: 16px !important; } #slider_details { display: none; } #slider_title_container { margin-top: 2px !important; padding-left: 4px !important; } #slide_title { font-size: 14px !important; } .search_car_box { width: 96% !important; height: auto !important; } .search_header_logo { width: 236px !important; float: none !important; clear: both; margin-left: auto; margin-right: auto; } .search_car_box_frame { height: auto !important; min-height: 350px; } #car-demon-search-cars form { display: block; margin-left: auto; margin-right: auto; width: 250px; } .vehicle_compare_box { display: none !important; } #slider_view_details { display: none !important; } .bjqs-markers { display: none !important; } #slider_title { font-size: 14px !important; } .vehicle_compare_lg { display: none !important; } .vehicle_price_lg { font-size: 18px !important; } .vehicle_price_box_lg { width: 110px !important; } .car_demon_pro_car .widget_title { display: none !important; } .car_demon_pro_car .vehicle_title { display: none !important; } #single-car-thumbnail-box-container { margin-right: auto; display: block; } #phonebox { margin-right: 14px; margin-bottom: 10px; } #footer_widget_left, #footer_middle_widget, #footer_right_widget { width: 96%; padding: 2%; height: auto !important; } #footer_middle_widget .menu li { text-align: left !important; padding: 0; padding-left: 10px; } /* =================== */ .search_year, .search_make, .search_model, .search_dropdown_Min_price, .search_dropdown_Max_price, .search_dropdown_sm { width: 94% !important; } .search_left, .search_right, .search_min_price, .search_max_price, .search_trans, .search_mileage { width: 100% !important; } .search_car_box_frame { float: left; } .search_fields_area { display:none; } .search_btn advanced_btn { width: 100% !important; margin-right: 2% !important; margin-bottom: 2px; } /* Calculator Widget */ .car_demon_calculator_pro { background-color:#DDD; } #calculator_pro_form { width: 100%; max-width: 270px; margin-left: auto; margin-right: auto; height: 440px } #widget-area { margin: 0 auto 0 0; float: left; width: 96%; } #calculator_title_bar { margin-left: 0px; margin-top: 0px; background-color: #DDD; overflow: hidden; display: inline; float: left; height: 7px; margin-bottom: 0; width: 267px; border-bottom: solid; border-bottom-color: #FFFFFF; border-bottom-width: 1px; } #calculator_description { background-color: #DDD; text-align: center; padding-top: 14px; overflow: hidden; display: inline; float: left; height: 40px; margin-bottom: 0; width: 267px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #777; } #calculator_note { background-color: #DDD; text-align: center; margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 17px; margin-bottom: 0; width: 267px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #777; } #calculator_result_title { margin-left: 0px; margin-top: 0px; padding-top: 15px; text-align: center; overflow: hidden; display: inline; float: left; height: 25px; margin-bottom: 0; width: 267px; background-color: #DDD; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #243D8C; } #calculator_result_div { margin-left: 0px; margin-top: 0px; padding-top: 10px; text-align: center; background-color: #DDD; overflow: hidden; display: inline; float: left; height: 38px; margin-bottom: 0; width: 267px; } #calculator_disclaimer { margin-left: 0px; margin-top: 0px; background-color: #DDD; overflow: hidden; display: inline; float: left; height: 60px; margin-bottom: 0; width: 267px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #777; text-align: center; } .inventory_ribbon { margin-left: -46.2% !important; } /* Scroll buttons */ #bsw_go_back_thumbs { width: 34px !important; background-repeat: no-repeat; background-position: right; margin-left: 2% !important; } #btw_go_forward_thumbs { width: 34px !important; background-repeat: no-repeat; background-position: right; } #single-car-social-email-box { display: none !important; } #social_row { float: left; width: 96%; } .single-car-description, .colwrap2 { width: 96% !important; } .single-car-price-box { height: auto !important; } .single-car-price-label { font: 34px/34px 'TitilliumText22LRegular' !important; height: auto !important; } .single-car-price { font-size: 30px !important; height: auto !important; width: auto !important; } .vehicle_compare_box input { display: none !important; } .vehicle_compare_label { display: none !important; } #calc { float: left; width: 100%; background-color: #DDD; margin-bottom: 5px; padding-bottom: 4px; } #calculator_price_div, #calculator_rate_div, #calculator_term_div, #calculator_result_div { width: 100% !important; } .calculator_price_field, .calculator_rate_field, .calculator_term_field, .calculator_results_field { width: 80% !important; } .calculator_results_field { margin-left: 3%; } #look_close { display: none; } .single-car-photo-box { margin-left: 5%; }} /* #### Tablet Portrait or Landscape #### */ @media screen and (min-width: 480px) and (max-width: 639px){ /* some CSS here */ /* CSS Document */ #top_menu_bar ul li a { width: 33%; } /* Body Widget */ #body_widget { margin: 0 auto 0 0; background-color: #FFFFFF; background-image: url(../images/body_style_content.jpg); background-position: bottom; margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 456px; border-style: solid; border-width: 3px; border-color: #C7C7C7; } #body_style_title { margin-left: 4px; margin-top: 10px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 453px; color: #243D8C; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin-left: 23px; } #bsw_go_back { margin-left: 0px; margin-top: 0px; background-color: #243D8C; background-image: url(../images/btn_go_back.png); background-repeat: no-repeat; overflow: hidden; display: inline; float: left; height: 70px; margin-bottom: 0; width: 44px; cursor: pointer; } #btw_go_forward { margin-left: 0px; margin-top: 0px; background-image: url(../images/btn_go_forward.png); background-color: #243D8C; background-repeat: no-repeat; background-position: right; overflow: hidden; height: 69px; margin-bottom: 0; width: 42px; cursor: pointer; } #body_style_content { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 80px; margin-bottom: 0; width: 370px; } #body_style_footer { margin-left: 4px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 453px; } #cdp_body_style_gallery{ position:relative; margin: 0 auto; overflow:hidden; max-width:464px; height:133px; margin-top:7px; margin-left: auto; } /* Forms */ .cdform input[type="text"] { width: 95%; font-size: 14px; font-weight: bold; } /* Vehicle Content */ .vehicle_content { background-color: #EBEBEB; height: 425px; width: 100%; float: left; } .main_photo_box { background-color: #FFFFFF; float: left; width: 98%; height: 345px; } .main_photo { margin-left: 6px; margin-top: 9px; overflow: hidden; display: inline; float: left; height: 216px; margin-bottom: 0; width: 96%; } .view_vehicle_lg { margin-left: 7px; margin-top: 10px; background-color: #B00909; overflow: hidden; display: inline; float: left; height: 26px; margin-bottom: 0; width: 96%; cursor: pointer; text-align: center; } .view_vehicle { margin-left: 7px; margin-top: 10px; background-color: #B00909; overflow: hidden; display: inline; float: left; height: 26px; margin-bottom: 0; width: 96%; cursor: pointer; text-align: center; } .vehicle_buttons_wide { margin-left: 7px; margin-top: 7px; overflow: hidden; display: inline; float: left; height: 56px; margin-bottom: 0; width: 96%; } .vehicle_buttons { margin-left: 37px; margin-top: 7px; overflow: hidden; display: inline; float: left; height: 56px; margin-bottom: 0; width: 96%; } .car_demon_compare { display: none; } /* Vehicle Widget Details */ .vehicle_widget { margin: 0 auto 0 0; width: 96%; } .widget_title { padding-left: 10px; margin-top: 19px; overflow: hidden; display: block; float: left; height: 20px; margin-bottom: 0; width: 96%; background-color:#243D8C; background-image:url(../images/widget_title_back.png); background-repeat: repeat-x; background-position: bottom; padding-bottom:20px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #243D8C; } .vehicle_body { margin-left: 19px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 349px; margin-bottom: 0; width: 94%; } #left_ad_widget { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 96%; background-color: #FFFFFF} #middle_ad_widget { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 96%; background-color: #FFFFFF} #right_ad_widget { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 96%; background-color: #FFFFFF} .car_demon_compare_div { display:none; } #header_logo { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 99px; margin-bottom: 0; width: 400px; } #top_widget_left { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: auto; margin-bottom: 0; width: 360px; } #top_widget_right { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 99px; margin-bottom: 0; width: 241px; } .main_menu { display: none; } .menu-styled-select { width: 50%; } #slideshow { margin-left: auto; margin-right: auto; width: 80%; } #slider_view_details { margin-left: 20px !important; margin-top: 20px !important; position: absolute !important; height: 30px !important; width: 174px !important; font-size: 16px !important; } #slider_details { display: none !important; } #slider_title_container { margin-top: 3px !important; } #slider_details .custom_text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin-left: 15px; margin-right: 10px; color: #FFFFFF; } .search_car_box { width: 96% !important; height: auto !important; } .search_header_logo { width: 236px !important; float: none !important; clear: both; margin-left: auto; margin-right: auto; } .search_car_box_frame { height: auto !important; min-height: 300px; } #car-demon-search-cars form { display: block; margin-left: auto; margin-right: auto; width: 480px; } #bsw_go_back_thumbs { width: 34px !important; background-repeat: no-repeat; background-position: right; margin-left: 6% !important; } #btw_go_forward_thumbs { width: 34px !important; background-repeat: no-repeat; background-position: right; } .vehicle_compare_box { display: none !important; } #slider_view_details { display: none !important; } .bjqs-markers { display: none !important; } #slider_title { font-size: 14px !important; } .vehicle_compare_lg { display: none !important; } .vehicle_price_lg { font-size: 18px !important; } .vehicle_price_box_lg { width: 110px !important; } .car_demon_pro_car .widget_title { display: none !important; } .car_demon_pro_car .widget_title { display: none !important; } .car_demon_pro_car .vehicle_title { display: none !important; } #single-car-thumbnail-box-container { margin-right: auto; display: block; } #phonebox { margin-right: 14px; margin-bottom: 10px; } #footer_widget_left, #footer_middle_widget, #footer_right_widget { width: 100%; padding: 2px; height: auto !important; } #footer_middle_widget .menu li { text-align: left !important; padding: 0; padding-left: 10px; } /* =================== */ .search_year, .search_make, .search_model, .search_dropdown_Min_price, .search_dropdown_Max_price, .search_dropdown_sm { width: 94% !important; } .search_left, .search_right, .search_min_price, .search_max_price, .search_trans, .search_mileage { width: 100% !important; } .search_car_box_frame { float: left; } .search_fields_area { display:none; } .search_btn advanced_btn { width: 100% !important; margin-right: 2% !important; margin-bottom: 2px; } /* Calculator Widget */ .car_demon_calculator_pro { background-color:#DDD; } #calculator_pro_form { width: 100%; max-width: 270px; margin-left: auto; margin-right: auto; height: 440px } #widget-area { margin: 0 auto 0 0; float: left; width: 96%; } #calculator_title_bar { margin-left: 0px; margin-top: 0px; background-color: #DDD; overflow: hidden; display: inline; float: left; height: 7px; margin-bottom: 0; width: 267px; border-bottom: solid; border-bottom-color: #FFFFFF; border-bottom-width: 1px; } #calculator_description { background-color: #DDD; text-align: center; padding-top: 14px; overflow: hidden; display: inline; float: left; height: 40px; margin-bottom: 0; width: 267px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #777; } #calculator_note { background-color: #DDD; text-align: center; margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 17px; margin-bottom: 0; width: 267px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #777; } #calculator_result_title { margin-left: 0px; margin-top: 0px; padding-top: 15px; text-align: center; overflow: hidden; display: inline; float: left; height: 25px; margin-bottom: 0; width: 267px; background-color: #DDD; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #243D8C; } #calculator_result_div { margin-left: 0px; margin-top: 0px; padding-top: 10px; text-align: center; background-color: #DDD; overflow: hidden; display: inline; float: left; height: 38px; margin-bottom: 0; width: 267px; } #calculator_disclaimer { margin-left: 0px; margin-top: 0px; background-color: #DDD; overflow: hidden; display: inline; float: left; height: 60px; margin-bottom: 0; width: 267px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #777; text-align: center; } .inventory_ribbon { margin-left: -46.2% !important; } /* Scroll buttons */ #bsw_go_back_thumbs { width: 34px !important; background-repeat: no-repeat; background-position: right; margin-left: 6% !important; } #btw_go_forward_thumbs { width: 34px !important; background-repeat: no-repeat; background-position: right; } #single-car-social-email-box { display: none !important; } #social_row { float: left; width: 96%; } .single-car-description, .colwrap2 { width: 96% !important; } .single-car-price-box { height: auto !important; } .single-car-price-label { font: 34px/34px 'TitilliumText22LRegular' !important; height: auto !important; } .single-car-price { font-size: 30px !important; height: auto !important; width: auto !important; } .vehicle_compare_box input { display: none !important; } .vehicle_compare_label { display: none !important; } #calc { float: left; width: 100%; background-color: #DDD; margin-bottom: 5px; padding-bottom: 4px; } #calculator_price_div, #calculator_rate_div, #calculator_term_div, #calculator_result_div { width: 100% !important; } .calculator_price_field, .calculator_rate_field, .calculator_term_field, .calculator_results_field { width: 80% !important; } .calculator_results_field { margin-left: 3%; } .single-car-photo-box { margin-left: 5%; }} /* #### Tablet Landscape #### */ @media screen and (min-width: 640px) and (max-width: 759px){ /* some CSS here */ /* CSS Document */ #top_menu_bar ul li a { width: 25%; } /* Body Widget */ #body_widget { margin: 0 auto 0 0; background-color: #FFFFFF; background-image: url(../images/body_style_content.jpg); background-position: bottom; margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 628px; border-style: solid; border-width: 3px; border-color: #C7C7C7; } #body_style_title { margin-left: 4px; margin-top: 10px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 633px; color: #243D8C; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin-left: 23px; } #bsw_go_back { margin-left: 0px; margin-top: 0px; background-color: #243D8C; background-image: url(../images/btn_go_back.png); background-repeat: no-repeat; overflow: hidden; display: inline; float: left; height: 70px; margin-bottom: 0; width: 44px; cursor: pointer; } #btw_go_forward { margin-left: 0px; margin-top: 0px; background-image: url(../images/btn_go_forward.png); background-color: #243D8C; background-repeat: no-repeat; background-position: right; overflow: hidden; height: 69px; margin-bottom: 0; width: 42px; cursor: pointer; } #body_style_content { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 80px; margin-bottom: 0; width: 542px; } #body_style_footer { margin-left: 4px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 633px; } #cdp_body_style_gallery{ position:relative; margin: 0 auto; overflow:hidden; max-width:634px; height:133px; margin-top:7px; margin-left: auto; } /* Forms */ .cdform input[type="text"] { width: 95%; font-size: 14px; font-weight: bold; } /* Vehicle Content */ .vehicle_content { background-color: #EBEBEB; height: 425px; width: 100%; float: left; } .main_photo_box { background-color: #FFFFFF; float: left; width: 98%; height: 345px; } .main_photo { margin-left: 6px; margin-top: 9px; overflow: hidden; display: inline; float: left; height: 216px; margin-bottom: 0; width: 96%; } .view_vehicle_lg { margin-left: 7px; margin-top: 10px; background-color: #B00909; overflow: hidden; display: inline; float: left; height: 26px; margin-bottom: 0; width: 96%; cursor: pointer; text-align: center; } .view_vehicle { margin-left: 7px; margin-top: 10px; background-color: #B00909; overflow: hidden; display: inline; float: left; height: 26px; margin-bottom: 0; width: 96%; cursor: pointer; text-align: center; } .vehicle_buttons_wide { margin-left: 7px; margin-top: 7px; overflow: hidden; display: inline; float: left; height: 56px; margin-bottom: 0; width: 96%; } .vehicle_buttons { margin-left: 37px; margin-top: 7px; overflow: hidden; display: inline; float: left; height: 56px; margin-bottom: 0; width: 96%; } .car_demon_compare { display: none; } /* Vehicle Widget Details */ .vehicle_widget { margin: 0 auto 0 0; width: 96%; } .widget_title { padding-left: 10px; margin-top: 19px; overflow: hidden; display: block; float: left; height: 20px; margin-bottom: 0; width: 96%; background-color:#243D8C; background-image:url(../images/widget_title_back.png); background-repeat: repeat-x; background-position: bottom; padding-bottom:20px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #243D8C; } .vehicle_body { margin-left: 19px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 349px; margin-bottom: 0; width: 94%; } #left_ad_widget { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 96%; background-color: #FFFFFF} #middle_ad_widget { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 96%; background-color: #FFFFFF} #right_ad_widget { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 96%; background-color: #FFFFFF} .car_demon_compare_div { display:none; } #header_logo { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 99px; margin-bottom: 0; width: 400px; } #top_widget_left { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: auto; margin-bottom: 0; width: 350px; } #top_widget_right { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 99px; margin-bottom: 0; width: 251px; } .main_menu { display: none; } .menu-styled-select { width: 90%; } #slideshow { margin-left: auto; margin-right: auto; width: 80%; } #slider_view_details { margin-left: 20px !important; margin-top: 20px !important; position: absolute !important; height: 30px !important; width: 174px !important; font-size: 16px !important; } #slider_details { margin-left: 20px; margin-top: 20px; padding-top: 10px; overflow: hidden; display: inline; float: left; height: 102px; margin-bottom: 0; width: 263px; background-color: #363024; opacity: 0.85; filter: alpha(opacity=40); } #slider_details li { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #FFFFFF; list-style: square; margin: 5px; } #slider_details .custom_text { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin-left: 15px; margin-right: 10px; color: #FFFFFF; } .search_car_box { width: 96% !important; height: auto !important; } .search_header_logo { width: 236px !important; float: none !important; clear: both; margin-left: auto; margin-right: auto; } .search_car_box_frame { height: auto !important; min-height: 250px; } #car-demon-search-cars form { display: block; margin-left: auto; margin-right: auto; width: 620px; } #bsw_go_back_thumbs { width: 34px !important; background-repeat: no-repeat; background-position: right; margin-left: 6% !important; } #btw_go_forward_thumbs { width: 34px !important; background-repeat: no-repeat; background-position: right; } .vehicle_compare_box { display: none !important; } #phonebox { margin-right: 14px; margin-bottom: 10px; } #footer_widget_left, #footer_middle_widget, #footer_right_widget { width: 100%; padding: 2px; height: auto !important; } #footer_middle_widget .menu li { text-align: left !important; padding: 0; padding-left: 10px; } /* =================== */ .search_year, .search_make, .search_model, .search_dropdown_Min_price, .search_dropdown_Max_price, .search_dropdown_sm { width: 94% !important; } .search_left, .search_right, .search_min_price, .search_max_price, .search_trans, .search_mileage { width: 100% !important; } .search_car_box_frame { float: left; } .search_btn advanced_btn { width: 100% !important; margin-right: 2% !important; margin-bottom: 2px; } #calc { float: left; width: 100%; background-color: #DDD; margin-bottom: 5px; padding-bottom: 4px; } #calculator_price_div, #calculator_rate_div, #calculator_term_div, #calculator_result_div { width: 100% !important; } .calculator_price_field, .calculator_rate_field, .calculator_term_field, .calculator_results_field { width: 80% !important; } .calculator_results_field { margin-left: 3%; } .single-car-photo-box { margin-left: 5%; }} /* #### Tablets Portrait or Landscape #### */ @media screen and (min-width: 760px) and (max-width: 1000px){ /* some CSS here */ /* CSS Document */ #top_menu_bar ul li a { width: 25%; } /* Body Widget */ #body_widget { margin: 0 auto 0 0; background-color: #FFFFFF; background-image: url(../images/body_style_content.jpg); background-position: bottom; margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 756px; border-style: solid; border-width: 3px; border-color: #C7C7C7; } #body_style_title { margin-left: 4px; margin-top: 10px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 753px; color: #243D8C; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin-left: 23px; } #bsw_go_back { margin-left: 0px; margin-top: 0px; background-color: #243D8C; background-image: url(../images/btn_go_back.png); background-repeat: no-repeat; overflow: hidden; display: inline; float: left; height: 70px; margin-bottom: 0; width: 44px; cursor: pointer; } #btw_go_forward { margin-left: 0px; margin-top: 0px; background-image: url(../images/btn_go_forward.png); background-color: #243D8C; background-repeat: no-repeat; background-position: right; overflow: hidden; height: 69px; margin-bottom: 0; width: 42px; cursor: pointer; } #body_style_content { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 80px; margin-bottom: 0; width: 670px; } #body_style_footer { margin-left: 4px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 773px; } #cdp_body_style_gallery{ position:relative; margin: 0 auto; overflow:hidden; max-width:764px; margin-top:7px; margin-left: auto; } /* Vehicle Content */ .vehicle_content { background-color: #EBEBEB; height: 425px; width: 328px; float: left; } .main_photo_box { background-color: #FFFFFF; float: left; width: 300px; height: 345px; } .main_photo { margin-left: 6px; margin-top: 9px; overflow: hidden; display: inline; float: left; height: 216px; margin-bottom: 0; width: 286px; } .view_vehicle_lg { margin-left: 7px; margin-top: 10px; background-color: #B00909; overflow: hidden; display: inline; float: left; height: 26px; margin-bottom: 0; width: 284px; cursor: pointer; text-align: center; } .view_vehicle { margin-left: 7px; margin-top: 10px; background-color: #B00909; overflow: hidden; display: inline; float: left; height: 26px; margin-bottom: 0; width: 284px; cursor: pointer; text-align: center; } .vehicle_buttons_wide { margin-left: 7px; margin-top: 7px; overflow: hidden; display: inline; float: left; height: 56px; margin-bottom: 0; width: 288px; } .vehicle_buttons { margin-left: 37px; margin-top: 7px; overflow: hidden; display: inline; float: left; height: 56px; margin-bottom: 0; width: 288px; } .car_demon_compare { display: none; } /* Vehicle Widget Details */ .vehicle_widget { margin: 0 auto 0 0; width: 336px; } .widget_title { padding-left: 10px; margin-top: 19px; overflow: hidden; display: block; float: left; height: 20px; margin-bottom: 0; width: 322px; background-color:#243D8C; background-image:url(../images/widget_title_back.png); background-repeat: repeat-x; background-position: bottom; padding-bottom:20px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #243D8C; } .vehicle_body { margin-left: 19px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 349px; margin-bottom: 0; width: 298px; } #left_ad_widget { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 334px; background-color: #FFFFFF} #middle_ad_widget { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 333px; background-color: #FFFFFF} #right_ad_widget { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 334px; background-color: #FFFFFF} #header_logo { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 99px; margin-bottom: 0; width: 400px; } #top_widget_left { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: auto !important; margin-bottom: 0; width: 350px; } #top_widget_right { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 99px; margin-bottom: 0; width: 251px; } .main_menu { display: none; } .menu-styled-select { width: 50%; } #slideshow { margin-left: auto; margin-right: auto; width: 80%; } #slider_view_details { margin-left: 20px !important; margin-top: 20px !important; position: absolute !important; height: 30px !important; width: 174px !important; font-size: 16px !important; } #slider_details { margin-left: 20px; margin-top: 20px; padding-top: 10px; overflow: hidden; display: inline; float: left; height: 92px; margin-bottom: 0; width: 263px; background-color: #363024; opacity: 0.85; filter: alpha(opacity=40); } #slider_details li { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #FFFFFF; list-style: square; margin: 5px; margin-left: 26px; } #slider_details .custom_text { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin-left: 15px; margin-right: 10px; color: #FFFFFF; } .search_car_box { width: 96% !important; height: auto !important; } .search_header_logo { width: 236px !important; float: none !important; clear: both; margin-left: auto; margin-right: auto; } .search_car_box_frame { height: auto !important; min-height: 200px; } #car-demon-search-cars form { display: block; margin-left: auto; margin-right: auto; width: 620px; } #phonebox { margin-right: 14px; margin-bottom: 10px; } #footer_widget_left, #footer_middle_widget, #footer_right_widget { width: 100%; padding: 2px; height: auto !important; } #footer_middle_widget .menu li { text-align: left !important; padding: 0; padding-left: 10px; } /* =================== */ .search_year, .search_make, .search_model, .search_dropdown_Min_price, .search_dropdown_Max_price, .search_dropdown_sm { width: 94% !important; } .search_left, .search_right, .search_min_price, .search_max_price, .search_trans, .search_mileage { width: 100% !important; } .search_car_box_frame { float: left; } .search_btn advanced_btn { width: 100% !important; margin-right: 2% !important; margin-bottom: 2px; } .single-car-photo-box { margin-left: 5%; }} /* #### Mobile Phones Portrait or Landscape #### */ @media screen and (max-width: 701px){ .search_left { width: 100% !important; height: 70px !important; } .search_right { width: 100% !important; height: 70px !important; } .search_car_box_sm select { width: 100% !important; margin-left: 2%; height: 50px; font-size: 24px; } .search_body { width: 96% !important; } .search_button_box { width: 96% !important; margin-top: 40px !important; } .advanced_search { width: 10% !important; } .advanced_search_btn { width: 10% !important; margin-left: 5%; } .advanced_search { width: 90% !important; } .search_button_box_holder { width: 80% !important; } .search_btn_flat { font: 30px/30px 'TitilliumText22LRegular'; } /* Vehicle Widget Details */ .vehicle_item { width: 99% !important; } .vehicle_top_bar { width: 100% !important; } .vehicle_compare_box { width: 22.9% !important; } .vehicle_title { width: 74% !important; } .vehicle_photo_box { width: 94.6% !important; height: auto !important; } .main_photo_img { width: 96% !important; height: auto !important; } .vehicle_option_title { width: 93.6% !important; padding-left: 1% !important; } .vehicle_options { width: 94% !important; } .vehicle_detail_button_box { width: 94.6% !important; } .view_vehicle { width: 100% !important; } .widget_text h3{ font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #243D8C; } .widget_text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; } .widget_text p { margin-left: 10px; } .vehicle_title_lg { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 37px; margin-bottom: 0; width: 255px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #999999; margin-left: 6px; } .vehicle_compare_lg { margin-left: 0px; margin-top: 3px; overflow: hidden; display: inline; float: left; height: 37px; margin-bottom: 0; width: 150px; text-align: center; font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; color: #999999; } .vehicle_compare { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 37px; margin-bottom: 0; width: 75px; text-align: center; font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; color: #999999; } .vehicle_compare input { border: solid; border-width: 1px; border-color: #243D8C; } .vehicle_stock_box { margin-left: 19px; margin-top: 13px; background-color: #FFFFFF; background-image: url(../images/vehicle_stock.png); background-repeat: no-repeat; overflow: hidden; display: inline; float: left; height: 54px; margin-bottom: 0; width: 130px; } .vehicle_model { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #243D8C; margin-left: 20px; } .vehicle_stock { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; margin-left: 20px; background-color: #FFFFFF; } .vehicle_stock_box_lg { margin-left: 19px; margin-top: 13px; background-color: #FFFFFF; background-image: url(../images/vehicle_stock.png); background-repeat: no-repeat; overflow: hidden; display: inline; float: left; height: 54px; margin-bottom: 0; width: 130px; } .vehicle_model_lg { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #243D8C; margin-left: 20px; } .vehicle_stock_lg { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; margin-left: 20px; } .vehicle_price_box_lg { margin-left: 0px; margin-top: 12px; overflow: hidden; display: inline; float: left; height: 55px; margin-bottom: 0; width: 150px; } .vehicle_price_label_lg { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; margin-left: 20px; text-align: center; } .vehicle_price_lg { font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; color: #0a0; margin-left: 20px; text-align: center; } .vehicle_price_box { margin-left: 0px; margin-top: 12px; overflow: hidden; display: inline; float: left; height: 55px; margin-bottom: 0; width: 168px; } .vehicle_price_label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; margin-left: 20px; text-align: center; } .vehicle_price { font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; color: #0a0; margin-left: 20px; text-align: center; } /* Vehicle Content */ .main_photo_img { cursor:pointer; } .view_vehicle_lg:hover { background-color:#4E7499; } .view_vehicle_lg a { font-size: 10px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; color: #243D8C; text-decoration:none; padding-left: 10px; padding-top: 10px; } .view_vehicle_lg a:visited { color: #243D8C; } .view_vehicle_lg a:hover { color: #FFFFFF; } .view_vehicle:hover { background-color:#4E7499; } .view_vehicle a { font-size: 10px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; color: #FFFFFF; text-decoration:none; padding-left: 10px; padding-top: 10px; } .view_vehicle a:visited { color: #FFFFFF; } .view_vehicle a:hover { color: #FFFFFF; } .vehicle_button_img { margin-right: 1px; cursor: pointer; } #single-car-social-email-box { display: none !important; } #social_row { float: left; width: 96%; } .single-car-description, .colwrap2 { width: 96% !important; }} /* #### Mobile Phones Portrait or Landscape #### */ @media screen and (min-width: 701px) and (max-width: 790px){ /* some CSS here */ .search_left { width: 100% !important; height: 70px !important; } .search_right { width: 100% !important; height: 70px !important; } .search_car_box_sm select { width: 100% !important; margin-left: 2%; height: 50px; font-size: 24px; } .search_body { width: 96% !important; } .search_button_box { width: 96% !important; margin-top: 40px !important; } .advanced_search { width: 10% !important; } .advanced_search_btn { width: 10% !important; margin-left: 5%; } .advanced_search { width: 90% !important; } .search_button_box_holder { width: 80% !important; } .search_btn_flat { font: 30px/30px 'TitilliumText22LRegular'; } /* Vehicle Widget Details */ .vehicle_item { width: 49% !important; } .vehicle_top_bar { width: 100% !important; } .vehicle_compare_box { width: 22.9% !important; } .vehicle_title { width: 75% !important; } .vehicle_photo_box { width: 94.6% !important; height: auto !important; } .main_photo_img { width: 96% !important; height: auto !important; } .vehicle_option_title { width: 93.6% !important; padding-left: 1% !important; } .vehicle_options { width: 94% !important; } .vehicle_detail_button_box { width: 94.6% !important; } .view_vehicle { width: 100% !important; } .widget_text h3{ font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #243D8C; } .widget_text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; } .widget_text p { margin-left: 10px; } .vehicle_title_lg { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 37px; margin-bottom: 0; width: 255px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #999999; margin-left: 6px; } .vehicle_compare_lg { margin-left: 0px; margin-top: 3px; overflow: hidden; display: inline; float: left; height: 37px; margin-bottom: 0; width: 150px; text-align: center; font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; color: #999999; } .vehicle_compare { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 37px; margin-bottom: 0; width: 75px; text-align: center; font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; color: #999999; } .vehicle_compare input { border: solid; border-width: 1px; border-color: #243D8C; } .vehicle_stock_box { margin-left: 19px; margin-top: 13px; background-color: #FFFFFF; background-image: url(../images/vehicle_stock.png); background-repeat: no-repeat; overflow: hidden; display: inline; float: left; height: 54px; margin-bottom: 0; width: 130px; } .vehicle_model { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #243D8C; margin-left: 20px; } .vehicle_stock { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; margin-left: 20px; background-color: #FFFFFF; } .vehicle_stock_box_lg { margin-left: 19px; margin-top: 13px; background-color: #FFFFFF; background-image: url(../images/vehicle_stock.png); background-repeat: no-repeat; overflow: hidden; display: inline; float: left; height: 54px; margin-bottom: 0; width: 130px; } .vehicle_model_lg { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #243D8C; margin-left: 20px; } .vehicle_stock_lg { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; margin-left: 20px; } .vehicle_price_box_lg { margin-left: 0px; margin-top: 12px; overflow: hidden; display: inline; float: left; height: 55px; margin-bottom: 0; width: 150px; } .vehicle_price_label_lg { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; margin-left: 20px; text-align: center; } .vehicle_price_lg { font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; color: #0a0; margin-left: 20px; text-align: center; } .vehicle_price_box { margin-left: 0px; margin-top: 12px; overflow: hidden; display: inline; float: left; height: 55px; margin-bottom: 0; width: 168px; } .vehicle_price_label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; margin-left: 20px; text-align: center; } .vehicle_price { font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; color: #0a0; margin-left: 20px; text-align: center; } /* Vehicle Content */ .main_photo_img { cursor:pointer; } .view_vehicle_lg:hover { background-color:#4E7499; } .view_vehicle_lg a { font-size: 10px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; color: #FFFFFF; text-decoration:none; padding-left: 10px; padding-top: 10px; } .view_vehicle_lg a:visited { color: #FFFFFF; } .view_vehicle_lg a:hover { color: #FFFFFF; } .view_vehicle:hover { background-color:#4E7499; } .view_vehicle a { font-size: 10px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; color: #FFFFFF; text-decoration:none; padding-left: 10px; padding-top: 10px; } .view_vehicle a:visited { color: #FFFFFF; } .view_vehicle a:hover { color: #FFFFFF; } .vehicle_button_img { margin-right: 1px; cursor: pointer; } .inventory_ribbon { margin-left: -46.2% !important; } #calc { float: left; width: 100%; background-color: #DDD; margin-bottom: 5px; padding-bottom: 4px; } #calculator_price_div, #calculator_rate_div, #calculator_term_div, #calculator_result_div { width: 100% !important; } .calculator_price_field, .calculator_rate_field, .calculator_term_field, .calculator_results_field { width: 80% !important; } .calculator_results_field { margin-left: 3%; } /* =================== */ .search_year, .search_make, .search_model, .search_dropdown_Min_price, .search_dropdown_Max_price, .search_dropdown_sm { width: 94% !important; } .search_left, .search_right, .search_min_price, .search_max_price, .search_trans, .search_mileage { width: 100% !important; } .search_car_box_frame { float: left; } .search_btn advanced_btn { width: 100% !important; margin-right: 2% !important; margin-bottom: 2px; } .widget_text { float: left }} /* #### Desktops #### */ @media screen and (min-width: 1000px){ /* some CSS here */ /* CSS Document */ #main { margin: 0 auto; width: 1003px; /*background-color: #FFFFFF*/ } #head_line_left { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 7px; margin-bottom: 0; width: 35%; } #head_line_right { margin-left: 0px; margin-top: 0px; background-color: #243D8C; overflow: hidden; display: inline; float: left; height: 7px; margin-bottom: 0; width: 65%; } #header_logo { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 104px; margin-bottom: 0; width: 400px; } #top_widget_left { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 104px; margin-bottom: 0; width: 360px; } #top_widget_right { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 104px; margin-bottom: 0; width: 241px; } #top_menu_bar { margin-left: 0px; margin-top: 0px; display: inline; float: left; max-height: 54px; margin-bottom: 0; width: 1003px; padding-right: 2px; } #top_menu_bar ul li a { min-width: 143px; padding-left: 8px; padding-right: 8px; } #slider_header { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 9px; margin-bottom: 0; width: 1003px; background-image:url(../images/under_menu.jpg); background-position: top; background-repeat: repeat; } #slideshow { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 380px; margin-bottom: 0; width: 729px; } #slider_divider { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 380px; margin-bottom: 0; width: 6px; } #slider_widget { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 380px; margin-bottom: 0; width: 266px; } #middle_bar { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 6px; margin-bottom: 0; width: 1001px; } #left_ad_widget { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 334px; background-color: #FFFFFF} #middle_ad_widget { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 333px; background-color: #FFFFFF} #right_ad_widget { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 334px; background-color: #FFFFFF} #footer_address { margin-left: 0px; margin-top: 0px; background-color:#D9D9D9; overflow: hidden; display: inline; float: left; height: 20px; margin-bottom: 0; width: 668px; padding-top: 14px; } #footer_menu { margin-left: 0px; margin-top: 0px; background-color:#D9D9D9; overflow: hidden; display: inline; float: left; height: 20px; margin-bottom: 0; width: 333px; padding-top: 14px; text-align: right; } #end_page { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 29px; margin-bottom: 0; width: 1001px; } /* Body Widget */ #body_widget { margin: 0 auto 0 0; background-color: #FFFFFF; background-image: url(../images/body_style_content.jpg); background-position: bottom; margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 996px; border-style: solid; border-width: 3px; border-color: #C7C7C7; } #body_style_title { margin-left: 4px; margin-top: 10px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 993px; color: #243D8C; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin-left: 23px; } #bsw_go_back { margin-left: 0px; margin-top: 0px; background-color: #243D8C; background-image: url(../images/btn_go_back.png); overflow: hidden; display: inline; float: left; height: 70px; margin-bottom: 0; width: 14px; cursor: pointer; } #btw_go_forward { margin-left: 0px; margin-top: 0px; background-image: url(../images/btn_go_forward.png); background-color: #243D8C; overflow: hidden; height: 69px; margin-bottom: 0; width: 12px; cursor: pointer; } #body_style_content { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 80px; margin-bottom: 0; width: 970px; } #body_style_footer { margin-left: 4px; margin-top: 0px; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 993px; } #cdp_body_style_gallery{ position:relative; margin: 0 auto; overflow:hidden; max-width:1002px; margin-top:7px; margin-left: 0px; } /* Slide Show */ #slider_details { margin-left: 20px; margin-top: 20px; padding-top: 10px; overflow: hidden; display: inline; float: left; height: 92px; margin-bottom: 0; width: 263px; background-color: #363024; opacity:0.85; filter:alpha(opacity=40); /* For IE8 and earlier */ } #slider_details .custom_text { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin-left: 15px; margin-right: 10px; color: #FFFFFF; } #slider_details li { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #FFFFFF; list-style: square; margin: 5px; margin-left: 46px; } /* Vehicle Widget Details */ $secondary.widget-area .random_car_lookup { width: 100%; height: 100%; } #secondary.widget-area .random_imgs { width: 100%; height: 100%; } #secondary.widget-area .view_vehicle_lg { width: 100%; height: 100%; margin-left: 0px; } #secondary.widget-area .random_car_lookup { width: 100%; max-width: 230px; max-height: 172px; } #secondary.widget-area .main_photo_img { width: 100%; max-width: 230px; } #secondary.widget-area .vehicle_widget .vehicle_body div { float: left; } #secondary.widget-area .vehicle_widget .vehicle_content .vehicle_body .main_photo_box .main_photo{ width: 100%; height: 100%; } #secondary.widget-area .vehicle_widget .vehicle_content .vehicle_body .main_photo_box { width: 100%; height: 100%; } #secondary.widget-area .vehicle_widget .vehicle_content { height: auto; margin-bottom: 10px; } #secondary.widget-area .vehicle_widget .vehicle_content .vehicle_body { width: 100%; height: auto; max-width: 245px; margin-left: 9px; margin-bottom: 10px; } #secondary.widget-area .vehicle_stock { margin-left: 10px; margin-right: 5px; } #secondary.widget-area .vehicle_price_lg { width: auto; font-size: inherit; } #secondary.widget-area .vehicle_stock_box_lg { width: auto; font-size: inherit; margin-left: 9px; max-width: 100px; } #secondary.widget-area .vehicle_buttons_wide { display: none; } #secondary.widget-area .vehicle_widget .vehicle_title { width: 100%; max-width: 185px; } #secondary.widget-area .vehicle_widget .vehicle_content, .widget-area .vehicle_widget { width: 267px; } .vehicle_widget { margin: 0 auto 0 0; width: 336px; } .widget_title { padding-left: 10px; margin-top: 19px; overflow: hidden; display: block; float: left; height: 20px; margin-bottom: 0; width: 322px; background-color:#243D8C; background-image:url(../images/widget_title_back.png); background-repeat: repeat-x; background-position: bottom; padding-bottom:20px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #243D8C; } .vehicle_body { margin-left: 19px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 349px; margin-bottom: 0; width: 298px; } /* Compare Checkbox */ input[type=checkbox].vehicle_compare_checkbox { display:none; } input[type=checkbox].vehicle_compare_checkbox + label.vehicle_compare_new_checkbox { padding-left:20px; height:15px; margin-top: 3px; display:inline-block; line-height:15px; background-repeat:no-repeat; background-position: 0 0; font-size:10px; vertical-align:middle; cursor:pointer; } input[type=checkbox].vehicle_compare_checkbox:checked + label.vehicle_compare_new_checkbox { background-position: 0 -15px; } .vehicle_compare_new_checkbox{ background-image:url(../images/lite-green-check.png); } /* Vehicle Content */ .vehicle_content { background-color: #EBEBEB; height: 425px; width: 328px; float: left; } .main_photo_box { background-color: #FFFFFF; float: left; width: 300px; height: 345px; } .main_photo { margin-left: 6px; margin-top: 9px; overflow: hidden; display: inline; float: left; height: 216px; margin-bottom: 0; width: 286px; } .view_vehicle_lg { margin-left: 7px; margin-top: 10px; background-color: #B00909; overflow: hidden; display: inline; float: left; height: 26px; margin-bottom: 0; width: 284px; cursor: pointer; text-align: center; } .view_vehicle { margin-left: 7px; margin-top: 10px; background-color: #B00909; overflow: hidden; display: inline; float: left; height: 26px; margin-bottom: 0; width: 284px; cursor: pointer; text-align: center; } .vehicle_buttons_wide { margin-left: 7px; margin-top: 7px; overflow: hidden; display: inline; float: left; height: 56px; margin-bottom: 0; width: 288px; } .vehicle_buttons { margin-left: 7%; margin-top: 7px; overflow: hidden; display: inline; float: left; height: 56px; margin-bottom: 0; width: 288px; } /* Footer */ .footer_inner { width: 1001px; margin: 0 auto; } .footer_end_inner { width: 1001px; margin: 0 auto; } .footer_widget { padding: 10px; width: 312px; } .widget-area { float: right; margin-bottom: 10px; width: 267px; } /* Calculator Widget */ #widget-area { margin: 0 auto 0 0; width: 267px; } #calculator_title_bar { margin-left: 0px; margin-top: 0px; background-color: #DDD; overflow: hidden; display: inline; float: left; height: 7px; margin-bottom: 0; width: 267px; border-bottom: solid; border-bottom-color: #FFFFFF; border-bottom-width: 1px; } #calculator_description { background-color: #DDD; text-align: center; padding-top: 14px; overflow: hidden; display: inline; float: left; height: 40px; margin-bottom: 0; width: 267px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #555; } #calculator_note { background-color: #DDD; text-align: center; margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 17px; margin-bottom: 0; width: 267px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #555; } #calculator_result_title { margin-left: 0px; margin-top: 0px; padding-top: 15px; text-align: center; overflow: hidden; display: inline; float: left; height: 25px; margin-bottom: 0; width: 267px; background-color: #DDD; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #243D8C; } #calculator_result_div { margin-left: 0px; margin-top: 0px; padding-top: 10px; text-align: center; background-color: #DDD; overflow: hidden; display: inline; float: left; height: 38px; margin-bottom: 0; width: 267px; } #calculator_disclaimer { margin-left: 0px; margin-top: 0px; background-color: #DDD; overflow: hidden; display: inline; float: left; height: 60px; margin-bottom: 0; width: 267px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #555; text-align: center; line-height: 14px; } /* Page Styles */ #page #primary { width: 730px; float: left; } #demon-container { width: 730px; float: left; } .content-area-full { width: 1001px !important; } /* Compare Widget */ .car_demon_compare_widget { display: none; position: fixed; width: 260px; right: -195px; background-color: #243D8C; padding: 5px; z-index: 5000; top: 100px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:solid; border-width:1px; border-color:#AAAAAA; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; } .car_demon_compare_box { display:none; background:#FFFFFF; width:800px; height:600px; padding: 9px; border: 3px solid gray; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 5px rgba(0,0,0, .3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); } /* Lightbox */ .car_demon_photo_box { display: none; background: #DDD; width: 800px; height: 600px; padding: 9px; border: 3px solid gray; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 5px rgba(0,0,0, .3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .close_light_box { position: absolute; margin-left: 740px; color: #aa0000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; cursor: pointer; } .car_demon_light_box_main_email { margin-left: 80px; margin-top: 25px; } .car_demon_light_box_main { margin-left: 80px; margin-top: 25px; } .run_slideshow_div { position: absolute; color: #CCCCCC; font-weight: bold; top: 12px; left: 615px; } .photo_next { cursor: pointer; position: absolute; top: 465px; left: 715px; cursor: pointer; } .photo_prev { cursor: pointer; position: absolute; top: 465px; left: 55px; } .hor_lightbox { width: 600px; height: 102px; overflow: scroll; white-space: nowrap; margin-left: 100px; } .car_demon_light_box_main { margin-left: 80px; margin-top: 25px; } .run_slideshow_div { position: absolute; color: #CCCCCC; font-weight: bold; top: 12px; left: 615px; } .menu-styled-select { width: 50%; display:none; } #slider_details .custom_text { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin-left: 15px; margin-right: 10px; color: #FFFFFF; } .search_car_box_frame { height: 380px !important; }} //==Styles for all Width Devices /* some CSS here */ /* CSS Document */ body { background-color: #B0B0B0; } .footer_widget a:hover { background-color: #4E7499; color: #FFFFFF; } #menu-footer-menu a:hover { background-color: #4E7499; color: #FFFFFF; } #top_menu_bar ul li a:hover { background-image:url(../images/bck_menu.png) !important; background-position: left; background-repeat: repeat-x; background-color: #4E7499; color: #FFFFFF; } #top_menu_bar ul .current_page_item a { background-image:url(../images/bck_menu.png); background-color: #243D8C; background-position: left; /*background-repeat: repeat-x;*/ color: #FFFFFF; } #top_menu_bar ul .current_page_item a:hover { background-color: #4E7499; } .ad_widget_title { padding: 10px; padding-left: 15px; margin-left: 3px; margin-right: 3px; background-image:url(../images/widget_title_back.jpg); background-repeat: repeat-x; height: 59px; font-size: 24px; color: #243D8C; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } #under_content { margin-left: 0px; margin-top: 0px; background-image: url(../images/under_content.jpg); overflow: hidden; display: inline; float: left; height: 60px; margin-bottom: 0; width: 100%; } #footer_widget_left { margin-left: 0px; margin-top: 0px; background-color:#999999; overflow: hidden; display: inline; float: left; height: 201px; margin-bottom: 0; } #footer_middle_widget { margin-left: 0px; margin-top: 0px; background-color:#999999; overflow: hidden; display: inline; float: left; height: 201px; margin-bottom: 0; } #footer_right_widget { margin-left: 0px; margin-top: 0px; background-color:#999999; overflow: hidden; display: inline; float: left; height: 201px; margin-bottom: 0; } #footer_menu li ul { margin-top: -10px; } #footer_menu li ul li { list-style: none; float: left; padding: 3px; margin-top:4px; } #footer_menu li a { text-decoration:none; font-size: 10px; color: #999999; font-weight: bold; font-size: 10px; font-family: Verdana, Geneva, sans-serif; } /* Search Widget */ .search_car_box_frame { width: 100%; height: 380px; font-size: 12px; background: #DCDCDC; clear: both; } .search_car_box { position: relative; width: 245px; height: 380px; margin: 10px; margin-top: 0px; } .search_car_box div { margin-top: 4px; float: left; } #car-demon-search-cars select { font-size: 14px; height: auto; max-height: 34px; } .search_header_logo img { margin: 6px; margin-top: 0px; float: left; } .search_header_logo { color: #243D8C; font: 24px/24px 'TitilliumText22LRegular'; font-size: 24px !important; font-weight: bold; } #car-demon-search-cars-pro input[type=submit] { /*background:url(../images/search_btn_bck.png);*/ background-color: #B00909; background-position: left; /*background-repeat: repeat-x;*/ background-position: 10% 0%; color: #FFFFFF; width: 245px; height: 38px; margin-top: 18px; font-family:Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; text-align: center; float: right; cursor: pointer; } .compare_btn { /*background:url(../images/search_btn_bck.png);*/ border: #000 1px solid; background-color: #243D8C; background-position: left; background-repeat: repeat-x; color: #FFFFFF; width: 150px; height: 28px; margin-top: 18px; font-family:Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; text-align: center; float: right; cursor: pointer; } .compare_btn:hover { background-color: #4E7499; } .car_demon_compare_box_list_cars_div .random { width: 185px; float: left; } .search_left { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } .search_right { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } #car-demon-search-cars-pro input[type=submit]:hover { background-color: #4E7499; } ol.bjqs-markers li { background: #243D8C; } ol.bjqs-markers li:hover { background: #4E7499; } ul.bjqs-controls.v-centered li a:hover { background:#000; color:#FFFFFF; } #key_0 a { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; } ol.bjqs-markers li a { padding:3px 10px; // background:#243D8C; background: #C4C4C4; // color:#FFFFFF; color: #555; text-decoration: none; border-bottom: solid; border-width: 1px; border-left-width: 0px; // border-color: #999999; border-color: #555; font-weight: bold; font-size: 12px; } ol.bjqs-markers li.active-marker a, ol.bjqs-markers li a:hover{ // background: #4E7499; background: #EAEAEA; color: #c91344; } #car_demon_compare { color: #FFFFFF; } #car_demon_compare p { width: 195px; } .search_header { float: left; left: 0px; top: 0px; width: 239px; height: 10px; z-index: 1; visibility: visible; } .search_header_logo { float: left; left: 0px; top: 10px; width: 239px; height: 34px; z-index: 2; visibility: visible; } .search_icon { float: left; } .search_title { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #243D8C; margin: 4px; float: left; } .advanced_search_btn { cursor: pointer; color: #00CC00; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; margin-top: 4px; margin-left: 4px; display:none; } .advanced_search { display: none; width: 250px; float: left; min-height: 24px; } .search_labels { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } .search_left { float: left; width: 85px; height: 55px; } .search_right { float: left; width: 155px; height: 55px; } .search_min_price { float: left; left: 0px; top: 131px; width: 119px; height: 61px; z-index: 6; visibility: visible; } .search_max_price { float: left; left: 119px; top: 131px; width: 120px; height: 61px; z-index: 7; visibility: visible; } .search_trans { float: left; left: 0px; top: 182px; width: 119px; height: 61px; z-index: 8; visibility: visible; } .search_mileage { float: left; left: 119px; top: 182px; width: 120px; height: 61px; z-index: 9; visibility: visible; } .search_body { float: left; left: 0px; top: 233px; width: 119px; height: 60px; z-index: 10; visibility: visible; } .search_button_box { float: left; width: 100px; height: 60px; z-index: 11; visibility: visible; } .search_footer { float: left; left: 0px; top: 283px; width: 239px; z-index: 12; visibility: visible; } .search_labels { float: left; width: 85px; } .search_condition { width: 75px; } .search_year { width: 75px; } .search_make { width: 136px; } .search_model { width: 136px; } /* Slide Show */ #slider_title_container { margin-top: 22px; padding-bottom: 8px; padding-left: 34px; overflow: hidden; display: inline; float: left; height: 26px; margin-bottom: 0; width: 100%; background-image: url(../images/slider_title_back.png); } #slider_title { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #243D8C; padding-top: 8px; } #slider_nav { font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #555; } #slider_1 { margin-left: 20px; margin-top: 2px; overflow: hidden; display: inline; float: left; height: 17px; margin-bottom: 0; width: 24px; background-color:#ddd; text-align: center; padding-top:2px; color: #243D8C; cursor: pointer; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } #slider_1:hover { background-color: #4E7499; color:#FFFFFF; } #slider_2 { margin-left: 0px; margin-top: 2px; overflow: hidden; display: inline; float: left; height: 17px; margin-bottom: 0; width: 24px; background-color:#aaa; text-align: center; padding-top:2px; cursor: pointer; } #slider_2:hover { background-color: #4E7499; color:#FFFFFF; } #slider_3 { margin-left: 0px; margin-top: 2px; overflow: hidden; display: inline; float: left; height: 17px; margin-bottom: 0; width: 24px; background-color:#aaa; text-align: center; padding-top:2px; cursor: pointer; } #slider_3:hover { background-color: #4E7499; color:#FFFFFF; } #slider_4 { margin-left: 0px; margin-top: 2px; overflow: hidden; display: inline; float: left; height: 17px; margin-bottom: 0; width: 24px; background-color:#aaa; text-align: center; padding-top:2px; cursor: pointer; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } #slider_4:hover { background-color: #4E7499; color:#FFFFFF; } #slider_view_details { margin-left: 613px; margin-top: 131px; background-image:url(../images/arrow_view_details.png); background-position: right; background-repeat: no-repeat; background-color:#000; overflow: hidden; float: left; height: 24px; width: 74px; margin-bottom: 0; color: #FFFFFF; -moz-box-shadow: 0 0 5px #fff; -webkit-box-shadow: 0 0 5px #fff; box-shadow: 0px 0px 5px #fff; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #fff; display:inline-block; color:#e6e6e6; font-family:Tahoma, Geneva, sans-serif; font-size:10px; font-weight:bold; padding-left: 8px; padding-top: 6px; padding-right: 4px; text-decoration:none; text-shadow:1px 1px 0px #0f000f; cursor: pointer; } #slider_view_details:hover { /*background-color:#4E7499;*/ background-color:#C4C4C4; color: #333; text-shadow: 1px 1px 0px #aaa; } #slider_view_details:active { position:relative; top:1px; } /* Vehicle Widget Details */ .widget_text h3{ font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #243D8C; } .widget_text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; } .widget_text p { margin-left: 10px; } .vehicle_title_lg { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 57px; margin-bottom: 0; width: 255px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #999999; margin-left: 6px; } .vehicle_widget .vehicle_title { width: 247px !important; font: 18px/18px 'TitilliumText22LRegular'; font-weight: bold; } .vehicle_compare_lg { margin-left: 0px; margin-top: 3px; overflow: hidden; display: inline; float: left; height: 37px; margin-bottom: 0; width: 75px; text-align: center; font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; color: #999999; } .vehicle_compare_lg input { border: solid; border-width: 1px; border-color: #243D8C; } .vehicle_compare { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 37px; margin-bottom: 0; width: 75px; text-align: center; font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; color: #999999; } .vehicle_compare input { border: solid; border-width: 1px; border-color: #243D8C; } .vehicle_stock_box { margin-left: 19px; margin-top: 13px; background-color: #FFFFFF; background-image: url(../images/vehicle_stock.png); background-repeat: no-repeat; overflow: hidden; display: inline; float: left; height: 54px; margin-bottom: 0; width: 130px; } .vehicle_model { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #243D8C; margin-left: 20px; } .vehicle_stock { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; margin-left: 20px; background-color: #FFFFFF; } .vehicle_stock_box_lg { margin-left: 19px; margin-top: 13px; background-color: #FFFFFF; background-image: url(../images/vehicle_stock.png); background-repeat: no-repeat; overflow: hidden; display: inline; float: left; height: 54px; margin-bottom: 0; width: 130px; background-position-y: -10px; } .vehicle_model_lg { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #243D8C; margin-left: 20px; } .vehicle_stock_lg { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; margin-left: 20px; } .vehicle_price_box_lg { margin-left: 0px; margin-top: 12px; overflow: hidden; display: inline; float: left; height: 55px; margin-bottom: 0; width: 150px; } .vehicle_price_label_lg { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; margin-left: 20px; text-align: center; } .vehicle_price_lg { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #0a0; margin-left: 20px; text-align: center; } .vehicle_price_box { margin-left: 0px; margin-top: 12px; overflow: hidden; display: inline; float: left; height: 55px; margin-bottom: 0; width: 168px; } .vehicle_price_label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; margin-left: 20px; text-align: center; } .vehicle_price { font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; color: #0a0; margin-left: 20px; text-align: center; } /* Vehicle Content */ .main_photo_img { cursor:pointer; } .view_vehicle_lg:hover { background-color:#4E7499; } .view_vehicle_lg a { font-size: 10px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; color: #FFFFFF; text-decoration:none; padding-left: 10px; padding-top: 10px; } .view_vehicle_lg a:visited { color: #FFFFFF; } .view_vehicle_lg a:hover { color: #FFFFFF; } .view_vehicle:hover { background-color:#4E7499; } .view_vehicle a { font-size: 10px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; color: #FFFFFF; text-decoration:none; padding-left: 10px; padding-top: 10px; } .view_vehicle a:visited { color: #FFFFFF; } .view_vehicle a:hover { color: #FFFFFF; } .vehicle_button_img { margin-right: 1px; cursor: pointer; } /* Footer */ .footer { width: 100%; background-color:#999999; color: #FFFFFF; font-family: Verdana, Geneva, sans-serif; max-height: 281px; } .footer h3 { // color: #FFFFFF; color: #CCC; font-size: 14px !important; } .footer li a { color: #888; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; } .footer .textwidget { color:#FFF; font-weight:normal; font-size:12px; } .footer .widget_recent_entries h3, .footer .widget_nav_menu h3 { font-family: Arial, Helvetica, sans-serif !important; font-weight:bold !important; font-size:14px !important; } .footer_end{ width: 100%; background-color:#D9D9D9; color: #999999; font-weight: bold; height: 40px; } .footer_widget li li { color: #FFFFFF; font-size: 10px; font-weight: bold; list-style: none; background-image: url(../images/footer_li.png); background-repeat: no-repeat; background-position: left; padding-left: 14px; } .footer_widget_title { font-size: 16px; } /* Calculator Widget */ #calculator_icon { margin-left: 0px; margin-top: 0px; background-image: url(../images/calculator_icon.jpg); overflow: hidden; display: inline; float: left; height: 54px; margin-bottom: 0; width: 55px; } #calculator_title_div { margin-left: 0px; margin-top: 0px; background-color: #DDD; overflow: hidden; display: inline; float: left; height: 54px; margin-bottom: 0; width: 212px; } #calculator_title { font: 24px/24px 'TitilliumText22LRegular'; font-weight: bold; color: #243D8C; margin-top: 16px; } .calculator_label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #555; margin-left: 10px; margin-top: 20px; } #calculator_price_label { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 46px; margin-bottom: 0; width: 107px; background-color: #DDD; } #calculator_price_div { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 46px; margin-bottom: 0; width: 160px; background-color: #DDD; } .calculator_price_field { width:50px; border-radius:5px; margin-left: 20px; margin-top: 14px; } #calculator_rate_label { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 46px; margin-bottom: 0; width: 107px; background-color: #DDD; } #calculator_rate_div { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 46px; margin-bottom: 0; width: 160px; background-color: #DDD; } .calculator_rate_field { width:30px; border-radius:5px; margin-left: 20px; margin-top: 14px; } #calculator_term_label { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 46px; margin-bottom: 0; width: 107px; background-color: #DDD; } #calculator_term_div { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 46px; margin-bottom: 0; width: 160px; background-color: #DDD; } .calculator_term_field { width:30px; border-radius:5px; margin-left: 20px; margin-top: 14px; } #calculator_submit_div { margin-left: 0px; margin-top: 0px; background-color: #DDD; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 105px; padding-left: 20px; padding-right: 10px; cursor: pointer; } #calculator_reset_div { margin-left: 0px; margin-top: 0px; background-color: #DDD; overflow: hidden; display: inline; float: left; margin-bottom: 0; width: 105px; padding-left: 10px; padding-right: 17px; cursor: pointer; } .calculator_form_button { /*background:url(../images/search_btn_bck.png);*/ background-color: #243D8C; background-position: left; background-repeat: repeat-x; background-position: 10% 0%; color: #FFFFFF; width: 105px; height: 28px; margin-top: 18px; font-family:Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; text-align: center; float: right; cursor: pointer; } .calculator_form_button:hover { background-color: #4E7499; } /* Page Styles */ .random_img { cursor:pointer; width:143px; } .random{ margin-bottom: 15px; } .random_widget_image { min-width: 180px !important; margin-left:15px; margin-right:0px; margin-bottom:0px; border:solid; border-width:1px; border-color:gray; padding: 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 0 5px rgba(0,0,0, .3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .compare_widget_image_bg { min-width: 120px !important; margin-left:15px; margin-right:0px; margin-bottom:0px; border:solid; border-width:1px; border-color:gray; padding: 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 0 5px rgba(0,0,0, .3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .compare_widget_image { margin-left:2px; margin-right:0px; margin-bottom:0px; border:solid; border-width:1px; border-color:gray; padding: 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 0 5px rgba(0,0,0, .3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); } #ribbon { position:absolute; z-index:500; } #fade_right { position:absolute; z-index:500; cursor:pointer; margin-left:265px; } #look_close { position:absolute; z-index:499; opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; cursor:pointer; } #look_close:hover { display:block; opacity: 1; } .car_demon_compare_widget a { color: #FFFFFF; list-style: none; text-decoration: none; font-size: 12px; } .car_demon_compare_widget a:visited { color: #FFFFFF; list-style: none; text-decoration: none; font-size: 12px; } .car_demon_compare_box_list_cars { height: 530px !important; overflow: auto; } .car_your_price_compare { color: #0a0; font-weight: bold; } .car_final_price_compare { color: #0a0; font-weight: bold; } .close_car_demon_compare { float:right; color:#BBBBBB; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; } .compare_title { margin-top:10px; margin-left:10px; font-size:12px; font-weight:bold; color:gray; } .compare_text { margin-top:1px; margin-left:10px; font-size:10px; font-weight:bold; color:gray; line-height:1.1em; } .car_demon_compare_print { float:left; margin-left:10px; color:#BBBBBB; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; } /* Cars For Sale Vehicle List */ .vehicle_item { margin: 0 auto 0 0; width: 239px; margin-left: 3px; margin-top: 5px; float: left; } .vehicle_top_bar { margin-left: 0px; margin-top: 0px; background-color: #243D8C; overflow: hidden; display: inline; float: left; height: 4px; margin-bottom: 0; width: 239px; } .vehicle_title { overflow: hidden; display: inline; float: left; height: 45px; margin-bottom: 0px; margin-left: 0px; width: 177px; font: 14px/14px 'TitilliumText22LRegular'; font-weight: bold; text-align: left; color: #555; padding-top: 7px; padding-left: 7px; background-color: #FFFFFF; } .vehicle_compare_box_lg { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 42px; margin-bottom: 0; width: 83px; text-align: center; background-color: #FFFFFF; } .vehicle_compare_box_lg input { outline: 1px solid #243D8C; } .vehicle_compare_label_lg { font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 10px; text-align: center; color: #555; } .vehicle_compare_box { margin-left: 0px; margin-top: 0px; overflow: hidden; display: inline; float: left; height: 42px; margin-bottom: 0; width: 53px; text-align: center; background-color: #FFFFFF; } .vehicle_compare_box input { outline: 1px solid #243D8C; } .vehicle_compare_label { font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 10px; text-align: center; color: #555; } .vehicle_make_box { margin-left: 11px; margin-top: 8px; background-color: #FFFFFF; overflow: hidden; display: inline; float: left; height: 35px; margin-bottom: 0; width: 105px; } .vehicle_make_arrow { background-image: url(../images/cars-for-sale-title-arrow.png); background-color: #243D8C; width: 6px; height: 40px; float: left; background-position: 0 -5px; } .vehicle_make { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-align: center; color: #243D8C; text-align: left; padding-left: 12px; } .vehicle_stock_number { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; text-align: left; color: #555; padding-left: 12px; } .vehicle_price_box { margin-left: 0px; margin-top: 8px; overflow: hidden; display: inline; float: left; height: 35px; margin-bottom: 0; width: 111px; } .vehicle_price_label { text-align: center; font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; color: #555; } .vehicle_price { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #0a0; margin-top: -5px; } .vehicle_details_box{ background-color: #EBEBEB; /*height: 397px;*/ } .vehicle_photo_box { margin-left: 11px; margin-top: 0px; padding-top: 6px; overflow: hidden; background-color: #FFFFFF; display: inline; float: left; height: 162px; margin-bottom: 0; width: 218px; text-align: center; } .vehicle_option_title { margin-left: 11px; margin-top: 0px; background-color: #FFFFFF; overflow: hidden; display: inline; float: left; height: 18px; margin-bottom: 0; width: 210px; color: #243D8C; font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; padding-left: 8px; padding-top:8px; } .vehicle_options { margin-left: 11px; margin-top: 0px; background-color: #FFFFFF; overflow: hidden; display: inline; float: left; /*height: 85px;*/ margin-bottom: 0; width: 216px; color: #555; font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; padding-left: 2px; } .vehicle_options li { list-style: none; padding-left: 15px; } .vehicle_options_style { background-color: #243D8C; background-image: url(../images/cars-for-sale-option-arrow.png); background-repeat: no-repeat; width: 9px; float: left; height: 20px; margin-right: 10px; } .vehicle_detail_button_box { margin-left: 11px; margin-top: 0px; background-color: #EBEBEB; overflow: hidden; display: inline; float: left; height: 44px; margin-bottom: 0; width: 218px; } .view_vehicle { margin-left: 0px; margin-top: 0px; padding-top: 2px; background-color: #243D8C; overflow: hidden; display: inline; float: left; height: 28px; margin-bottom: 0; width: 218px; cursor: pointer; text-align: center; } .view_vehicle a { font-size: 10px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; color: #FFFFFF; text-decoration: none; padding-left: 10px; padding-top: 10px; text-align: center; } .view_vehicle a:visited { color: #FFFFFF; } /* Sort */ #frm_cd_sort { float: right; color: #243D8C; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; font-size: 12px; width: 230px; } #frm_cd_sort input { float: right; color: #243D8C; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; font-size: 12px; } #demon-content h1 { float: left; color: #243D8C; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; font-size: 12px; } #demon-content h4 { float: left; color: #243D8C; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; margin-left: 10px; } /* Body Widget */ #bsw_go_back_thumbs { margin-left: 2px; margin-top: 0px; background-color: #243D8C; background-image: url(../images/btn_go_back.png); overflow: hidden; display: inline; float: left; height: 71px; margin-bottom: 0; width: 14px; cursor: pointer; padding-top: 10px; padding-bottom: 10px; } #bsw_go_back_thumbs:hover { background-color: #4E7499; } #bsw_go_back:hover { background-color: #4E7499; } #btw_go_forward_thumbs { margin-left: 0px; margin-top: 10px; background-image: url(../images/btn_go_forward.png); background-color: #243D8C; overflow: hidden; height: 71px; margin-bottom: 0; width: 12px; cursor: pointer; padding-top: 10px; padding-bottom: 10px; } #btw_go_forward_thumbs:hover { background-color: #4E7499; } #btw_go_forward:hover { background-color: #4E7499; } .body_style_thumb { margin-right: 10px; cursor: pointer; } #cdp_body_style_slider{ position:relative; left:0; margin-top: -12px; } #cdp_body_style_slider > div { position:relative; max-width:123px; height:300px; float:left; } /* Car Demon Widget */ .car-demon-widget { list-style:none; } #widgets { margin-top:44px; } #widgets a { display:inline-block; margin:0; padding:3px; text-decoration:none; } #widgets ul, #widgets p { border:1px solid #f5f5f5; border-top:none; margin:0 0 20px; padding:10px; } #widgets ul li { list-style-type:none; margin:0; } #widgets ul li a { color:#444; text-decoration:none; } #widgets ul li a:hover { color:#000; } #widgets ul ul a { padding:3px 0 3px 18px; } #widgets ul ul ul a { padding:3px 0 3px 18px; } #widgets ul ul ul ul a { border:none; padding:3px 0 3px 18px; } #widgets .widget-title img { float:right; height:11px; position:relative; top:4px; width:11px; } #widgets .rss-date { line-height:18px; padding:6px 12px; } #widgets .rssSummary { padding:10px; } #widgets cite { font-style:normal; line-height:18px; padding:6px 12px; } #widgets .textwidget, #widgets .tagcloud { border:1px solid #f5f5f5; border-top:none; display:block; line-height:1.5em; margin:0 0 20px; padding:10px; } #widgets .textwidget a { display:inline; } #widgets ul .children { border:none; margin:0; padding:0; } #widgets .author { font-weight:700; padding-top:4px; } /* Forms */ form legend { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #C91344; } form ol { background-color: #DDD; padding-left: 0; margin-left: 0; } form li { text-decoration: none; list-style: none; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #555; } form li label { width: 125px; display: block; float: none; margin: 4px 10px 0 0; display: -moz-inline-box; display: inline-block; text-align: left; vertical-align: top; } .reqtxt { font-size: 10px; color: #C91344; margin-left: 4px; } .emailreqtxt { font-size: 10px; color: #C91344; margin-left: 4px; } /* Parts Form */ .remove_part { cursor: pointer; } .hide_parts { display:none; } .remove_part_btn { cursor: pointer; display:none; margin-left:10px; margin-top:4px; } .add_part_btn { cursor: pointer; margin-left:10px; margin-top:4px; } .part_msg { display:none; background: #f1cadf; margin:10px; padding:5px; font-weight:bold; } /* Forms */ .cdform .search_btn { /*background: url(../images/search_btn_bck.png);*/ background-color: #B00909; background-position: 10% 0%; background-repeat: repeat-x; color: #FFFFFF !important; width: 190px; height: 38px; margin-top: 18px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; text-align: center; float: right; cursor: pointer; } .cdform .search_btn:hover { background-color: #4E7499; } #social_facebook, #social_g_plus, #social_twitter, #social_pintrest, #social_email_icon, #social_print_icon, #social_email_label, #social_print_label { cursor: pointer; } .email_friend_div { display: none; } #ef_contact_msg { max-width: 250px; } #ef_contact_msg br { display: block !important; } ul.tabs li a.active { border: none !important; color: #464c54 !important; background-color: #d5d5d5 !important; } ul.tabs li a.active:hover { background-color: #FFFFFF !important; } ul.tabs li a { border: none !important; color: #fff !important; font-size: 12px !important; background-color: #243D8C !important; } ul.tabs li a:hover { background-color: #4E7499 !important; } .menu-styled-select { } .menu-styled-select select { background: transparent; width: 100%; padding: 5px; font-size: 16px; line-height: 1; border: 0; border-radius: 0; height: 34px; -webkit-appearance: none; } .menu-styled-select { margin-left: auto; margin-right: auto; margin-bottom: 30px; height: 34px; overflow: hidden; background: url(../images/down_arrow_select.jpg) no-repeat right #ddd; border: 1px solid #ccc; } .clearFloat { clear: both; } .wp-pagenavi { clear: both; margin-top: 8px; margin-bottom: 4px; height: 22px; float: left; width: 96%; font: 14px/14px 'TitilliumText22LRegular'; } #car_demon_thumbs { position: relative; } .wide_widget_title { padding-left: 10px; margin-top: 9px; overflow: hidden; display: block; height: 20px; margin-bottom: 0; width: 100%; padding-bottom: 10px; color: #C91344; } .wide_widget_title h3 { font-family: NobileRegular, Verdana, Geneva, sans-serif !important; font-size: 22px !important; } .widget_title h3 { font-family: NobileRegular, Verdana, Geneva, sans-serif !important; font-size: 22px !important; } #content_1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555; } .page-title, .results_found { font: 14px/14px 'TitilliumText22LRegular'; } .page .entry-title { display: none; } #menu-footer-menu .current-menu-item, .current_page_item { Background: #D9D9D9 !important; } .search_dropdown_sm { width: 100px; } .cd_drop_down_title_bottom, #qc_icon_btm { float: left; } #qc_icon_btm { margin-top: -60px !important; } .cd_drop_down_title_bottom { margin-top: -45px !important; } /* Boiler Plate CSS */ .page-title { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; margin: 0 0 2.6em; text-transform: uppercase; } .page-title a { font-size: 12px; font-weight: bold; letter-spacing: 0; text-transform: none; } .hentry, .no-results { border-bottom: 1px solid #ddd; margin: 0 0 1.625em; padding: 0 0 1.625em; position: relative; } .hentry:last-child, .no-results { border-bottom: none; } .blog .sticky .entry-header .entry-meta { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .entry-title, .entry-header .entry-meta { padding-right: 76px; } .entry-title { clear: both; color: #243D8C; font-size: 26px; font-weight: bold; line-height: 1.5em; padding-bottom: .3em; padding-top: 15px; } .entry-title, .entry-title a { color: #243D8C !important; text-decoration: none; } .entry-title a:hover, .entry-title a:focus, .entry-title a:active { color: #1982d1; } .entry-meta { color: #666; clear: both; font-size: 12px; line-height: 18px; } .entry-meta a { font-weight: bold; } .single-author .entry-meta .by-author { display: none; } .entry-content, .entry-summary { padding: 1.625em 0 0; } .entry-content h1, .entry-content h2, .comment-content h1, .comment-content h2 { color: #000; font-weight: bold; margin: 0 0 .8125em; } .entry-content h3, .comment-content h3 { font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } .entry-content table, .comment-content table { border-bottom: 1px solid #ddd; margin: 0 0 1.625em; width: 100%; } .entry-content th, .comment-content th { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } .entry-content td, .comment-content td { border-top: 1px solid #ddd; padding: 6px 10px 6px 0; } .entry-content #s { width: 75%; } .more-link { height:25px; float:left; padding:0 12px 0 0; color: #243D8C !important; font-weight:bold; font-size:14px; text-decoration:none; } .comment-content ul, .comment-content ol { margin-bottom: 1.625em; } .comment-content ul ul, .comment-content ol ol, .comment-content ul ol, .comment-content ol ul { margin-bottom: 0; } dl.gallery-item { margin: 0; } .page-link { clear: both; display: block; margin: 0 0 1.625em; } .page-link a { background: #eee; color: #373737; margin: 0; padding: 2px 3px; text-decoration: none; } .page-link a:hover { background: #888; color: #fff; font-weight: bold; } .page-link span { margin-right: 6px; } .entry-meta .edit-link a, .commentlist .edit-link a { background: #eee; -moz-border-radius: 3px; border-radius: 3px; color: #666; float: right; font-size: 12px; line-height: 1.5em; font-weight: 300; text-decoration: none; padding: 0 8px; } .entry-meta .edit-link a:hover, .commentlist .edit-link a:hover { background: #888; color: #fff; } .entry-content .edit-link { clear: both; display: block; } /* Images */ .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full, img.size-large { max-width: 97.5%; width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */ height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } .entry-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; } p img, .wp-caption { margin-top: 0.4em; } .wp-caption { background: #eee; margin-bottom: 1.625em; max-width: 96%; padding: 9px; } .wp-caption img { display: block; margin: -2px 0 0 -2px; max-width: 98%; } .wp-caption .wp-caption-text, .gallery-caption { color: #666; font-family: Georgia, serif; font-size: 12px; } .wp-caption .wp-caption-text { margin-bottom: 0.6em; padding: 10px 0 5px 40px; position: relative; } .wp-caption .wp-caption-text:before { color: #666; content: '\2014'; font-size: 14px; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 10px; top: 7px; } #content .gallery { margin: 0 auto 1.625em; } #content .gallery a img { border: none; } img#wpstats { display: block; margin: 0 auto 1.625em; } #content .gallery-columns-4 .gallery-item { width: 23%; padding-right: 2%; } #content .gallery-columns-4 .gallery-item img { width: 100%; height: auto; } /* Image borders */ img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ border: 1px solid #ddd; padding: 6px; max-width: 97.5%; } .wp-caption img { border-color: #eee; } a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */ background: #eee; border-color: #bbb; } .wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img {/* ... including captioned images! */ background: #fff; border-color: #ddd; } /* Make sure videos and embeds fit their containers */ embed, iframe, object { max-width: 100%; } .entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ } /* Password Protected Posts */ .post-password-required .entry-header .comments-link { margin: 1.625em 0 0; } .post-password-required input[type=password] { margin: 0.8125em 0; } .post-password-required input[type=password]:focus { background: #f7f7f7; } /* Author Info */ #author-info { font-size: 12px; overflow: hidden; } .singular #author-info { background: #f9f9f9; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 2.2em -35.6% 0 -35.4%; padding: 20px 35.4%; } .archive #author-info { border-bottom: 1px solid #ddd; margin: 0 0 2.2em; padding: 0 0 2.2em; } #author-avatar { float: left; margin-right: -78px; } #author-avatar img { background: #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #bbb; -moz-box-shadow: 0 1px 2px #bbb; box-shadow: 0 1px 2px #bbb; padding: 3px; } #author-description { float: left; margin-left: 108px; } #author-description h2 { color: #000; font-size: 15px; font-weight: bold; margin: 5px 0 10px; } /* Comments link */ .entry-header .comments-link a { background: #eee url(images/comment-bubble.png) no-repeat; color: #666; font-size: 13px; font-weight: normal; line-height: 35px; overflow: hidden; padding: 0 0 0; position: absolute; top: 1.5em; right: 0; text-align: center; text-decoration: none; width: 43px; height: 36px; } .entry-header .comments-link a:hover, .entry-header .comments-link a:focus, .entry-header .comments-link a:active { background-color: #1982d1; color: #fff; color: rgba(255,255,255,0.8); } .entry-header .comments-link .leave-reply { visibility: hidden; } /* Post Formats Headings To hide the headings, display: none the ".entry-header .entry-format" selector, and remove the padding rules below. */ .entry-header .entry-format { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; position: absolute; text-transform: uppercase; top: -5px; } .entry-header hgroup .entry-title { padding-top: 15px; } article.format-aside .entry-content, article.format-link .entry-content, article.format-status .entry-content { padding: 20px 0 0; } article.format-status .entry-content { min-height: 65px; } .recent-posts .entry-header .entry-format { display: none; } .recent-posts .entry-header hgroup .entry-title { padding-top: 0; } /* Singular content styles for Posts and Pages */ .singular .hentry { border-bottom: none; padding: 4.875em 0 0; position: relative; } .singular.page .hentry { padding: 3.5em 0 0; } .singular .entry-title { color: #000; font-size: 36px; font-weight: bold; line-height: 48px; } .singular .entry-title, .singular .entry-header .entry-meta { padding-right: 0; } .singular .entry-header .entry-meta { position: absolute; top: 0; left: 0; } blockquote.pull { font-size: 21px; font-weight: bold; line-height: 1.6125em; margin: 0 0 1.625em; text-align: center; } .singular blockquote.pull { margin: 0 -22.25% 1.625em; } .pull.alignleft { margin: 0 1.625em 0 0; text-align: right; } .singular .pull.alignleft { margin: 0 1.625em 0 -22.25%; } .pull.alignright { margin: 0 0 0 1.625em; text-align: left; } blockquote.pull.alignleft, blockquote.pull.alignright { width: 33%; } .singular .pull.alignright { margin: 0 -22.25% 0 1.625em; } .singular blockquote.pull.alignleft, .singular blockquote.pull.alignright { width: 33%; } .singular .entry-meta .edit-link a { bottom: auto; left: 50px; position: absolute; right: auto; top: 80px; } /* =Aside ----------------------------------------------- */ .format-aside .entry-title, .format-aside .entry-header .comments-link { display: none; } .singular .format-aside .entry-title { display: block; } .format-aside .entry-content { padding: 0; } .singular .format-aside .entry-content { padding: 1.625em 0 0; } /* =Link ----------------------------------------------- */ .format-link .entry-title, .format-link .entry-header .comments-link { display: none; } .singular .format-link .entry-title { display: block; } .format-link .entry-content { padding: 0; } .singular .format-link .entry-content { padding: 1.625em 0 0; } /* =Gallery ----------------------------------------------- */ .format-gallery .gallery-thumb { float: left; display: block; margin: .375em 1.625em 0 0; max-width: 100%; } /* =Status ----------------------------------------------- */ .format-status .entry-title, .format-status .entry-header .comments-link { display: none; } .singular .format-status .entry-title { display: block; } .format-status .entry-content { padding: 0; } .singular .format-status .entry-content { padding: 1.625em 0 0; } .format-status img.avatar { -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; float: left; margin: 4px 10px 2px 0; padding: 0; } /* =Quote ----------------------------------------------- */ .format-quote blockquote { color: #555; font-size: 17px; margin: 0; } /* =Image ----------------------------------------------- */ .indexed.format-image .entry-header { min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */ } .indexed.format-image .entry-content { padding-top: 0.5em; } .indexed.format-image .entry-content p { margin: 1em 0; } .indexed.format-image .entry-content p:first-child, .indexed.format-image .entry-content p:first-child a, .indexed.format-image .entry-content p:first-child img { display: block; margin: 0; } .indexed.format-image .entry-content .wp-caption .wp-caption-text { margin: 0; padding-bottom: 1em; } .indexed.format-image footer.entry-meta { background: #ddd; overflow: hidden; padding: 4%; max-width: 96%; } .indexed.format-image div.entry-meta { display: inline-block; float: left; width: 35%; } .indexed.format-image div.entry-meta + div.entry-meta { float: none; width: 65%; } .indexed.format-image .entry-meta span.cat-links, .indexed.format-image .entry-meta span.tag-links, .indexed.format-image .entry-meta span.comments-link { display: block; } .indexed.format-image footer.entry-meta a { color: #444; } .indexed.format-image footer.entry-meta a:hover { color: #fff; } #content .indexed.format-image img { border: none; max-width: 100%; padding: 0; } .indexed.format-image .wp-caption { background: #111; margin-bottom: 0; max-width: 96%; padding: 2% 2% 0; } .indexed.format-image .wp-caption .wp-caption-text { color: #ddd; } .indexed.format-image .wp-caption .wp-caption-text:before { color: #444; } .indexed.format-image a:hover img { opacity: 0.8; } /* =error404 ----------------------------------------------- */ .error404 #main #searchform { background: #f9f9f9; border: 1px solid #ddd; border-width: 1px 0; margin: 0 8.9% 1.625em; overflow: hidden; padding: 1.625em 8.9%; } .error404 #main #s { width: 95%; } .error404 #main .widget { clear: none; float: left; margin-right: 3.7%; width: 30.85%; } .error404 #main .widget_archive { margin-right: 0; } .error404 #main .widget_tag_cloud { float: none; margin-right: 0; width: 100%; } .error404 .widgettitle { font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } /* =Showcase ----------------------------------------------- */ h1.showcase-heading { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } /* Intro */ article.intro { background: #f9f9f9; border-bottom: none; margin: -1.855em -8.9% 1.625em; padding: 0 8.9%; } article.intro .entry-title { display: none; } article.intro .entry-content { color: #111; font-size: 16px; padding: 1.625em 0 0.625em; } article.intro .edit-link a { background: #aaa; -moz-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 12px; padding: 0 8px; position: absolute; top: 30px; right: 20px; text-decoration: none; } article.intro .edit-link a:hover, article.intro .edit-link a:focus, article.intro .edit-link a:active { background: #777; } /* Featured post */ section.featured-post { float: left; margin: -1.625em -8.9% 1.625em; padding: 1.625em 8.9% 0; position: relative; width: 100%; } section.featured-post .hentry { border: none; color: #666; margin: 0; } section.featured-post .entry-meta { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } /* Small featured post */ section.featured-post .attachment-small-feature { float: right; height: auto; margin: 0 -8.9% 1.625em 0; max-width: 59%; position: relative; right: -15px; } section.featured-post.small { padding-top: 0; } section.featured-post .attachment-small-feature:hover, section.featured-post .attachment-small-feature:focus, section.featured-post .attachment-small-feature:active { opacity: .8; } article.feature-image.small { float: left; margin: 0 0 1.625em; width: 45%; } article.feature-image.small .entry-title { line-height: 1.2em; } article.feature-image.small .entry-summary { color: #555; font-size: 13px; } article.feature-image.small .entry-summary p a { background: #222; color: #eee; display: block; left: -23.8%; padding: 9px 26px 9px 85px; position: relative; text-decoration: none; top: 20px; width: 180px; z-index: 1; } article.feature-image.small .entry-summary p a:hover { background: #1982d1; color: #eee; color: rgba(255,255,255,0.8); } /* Large featured post */ section.feature-image.large { border: none; max-height: 288px; padding: 0; width: 100%; } section.feature-image.large .showcase-heading { display: none; } section.feature-image.large .hentry { border-bottom: none; left: 9%; margin: 1.625em 9% 0 0; position: absolute; top: 0; } article.feature-image.large .entry-title a { background: #222; background: rgba(0,0,0,0.8); -moz-border-radius: 3px; border-radius: 3px; color: #fff; display: inline-block; font-weight: 300; padding: .2em 20px; } section.feature-image.large:hover .entry-title a, section.feature-image.large .entry-title:hover a { background: #eee; background: rgba(255,255,255,0.8); color: #222; } article.feature-image.large .entry-summary { display: none; } section.feature-image.large img { display: block; height: auto; max-width: 117.9%; padding: 0 0 6px; } /* Featured Slider */ .featured-posts { border-bottom: 1px solid #ddd; display: block; height: 328px; margin: 1.625em -8.9% 20px; max-width: 1000px; padding: 0; position: relative; overflow: hidden; } .featured-posts .showcase-heading { padding-left: 8.9%; } .featured-posts section.featured-post { background: #fff; height: 288px; left: 0; margin: 0; position: absolute; top: 30px; width: auto; } .featured-posts section.featured-post.large { max-width: 100%; overflow: hidden; } .featured-posts section.featured-post { -webkit-transition-duration: 200ms; -webkit-transition-property: opacity, visibility; -webkit-transition-timing-function: ease; -moz-transition-duration: 200ms; -moz-transition-property: opacity, visibility; -moz-transition-timing-function: ease; } .featured-posts section.featured-post { opacity: 0; visibility: hidden; } .featured-posts #featured-post-1 { opacity: 1; visibility: visible; } .featured-post .feature-text:after, .featured-post .feature-image.small:after { content: ' '; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */ width: 100%; height: 45px; position: absolute; top: 230px; } .featured-post .feature-image.small:after { top: 253px; } #content .feature-slider { top: 5px; right: 8.9%; overflow: visible; position: absolute; } .feature-slider ul { list-style-type: none; margin: 0; } .feature-slider li { float: left; margin: 0 6px; } .feature-slider a { background: #3c3c3c; background: rgba(60,60,60,0.9); -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5); -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5); box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5); display: block; width: 14px; height: 14px; } .feature-slider a.active { background: #1982d1; -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8); -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8); box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8); cursor: default; opacity: 0.5; } /* Recent Posts */ section.recent-posts { padding: 0 0 1.625em; } section.recent-posts .hentry { border: none; margin: 0; } section.recent-posts .other-recent-posts { border-bottom: 1px solid #ddd; list-style: none; margin: 0; } section.recent-posts .other-recent-posts li { padding: 0.3125em 0; position: relative; } section.recent-posts .other-recent-posts .entry-title { border-top: 1px solid #ddd; font-size: 17px; } section.recent-posts .other-recent-posts a[rel="bookmark"] { color: #373737; float: left; max-width: 84%; } section.recent-posts .other-recent-posts a[rel="bookmark"]:after { content: '-'; color: transparent; font-size: 11px; } section.recent-posts .other-recent-posts a[rel="bookmark"]:hover { } section.recent-posts .other-recent-posts .comments-link a, section.recent-posts .other-recent-posts .comments-link > span { border-bottom: 2px solid #999; bottom: -2px; color: #444; display: block; font-size: 10px; font-weight: 500; line-height: 2.76333em; padding: 0.3125em 0 0.3125em 1em; position: absolute; right: 0; text-align: right; text-transform: uppercase; z-index: 1; } section.recent-posts .other-recent-posts .comments-link > span { border-color: #bbb; color: #888; } section.recent-posts .other-recent-posts .comments-link a:hover { color: #1982d1; border-color: #1982d1; } section.recent-posts .other-recent-posts li:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; } /* =Attachments ----------------------------------------------- */ .image-attachment div.attachment { background: #f9f9f9; border: 1px solid #ddd; border-width: 1px 0; margin: 0 -8.9% 1.625em; overflow: hidden; padding: 1.625em 1.625em 0; text-align: center; } .image-attachment div.attachment img { display: block; height: auto; margin: 0 auto 1.625em; max-width: 100%; } .image-attachment div.attachment a img { border-color: #f9f9f9; } .image-attachment div.attachment a:focus img, .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img { border-color: #ddd; background: #fff; } .image-attachment .entry-caption p { font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; margin: 0 0 2.6em; text-transform: uppercase; } /* =Navigation -------------------------------------------------------------- */ #content nav { clear: both; overflow: hidden; padding: 0 0 1.625em; } #content nav a { font-size: 12px; font-weight: bold; line-height: 2.2em; } #nav-above { padding: 0 0 1.625em; } #nav-above { display: none; } .paged #nav-above { display: block; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } #content nav .meta-nav { font-weight: normal; } /* Singular navigation */ #nav-single { float: right; position: relative; top: -0.3em; text-align: right; z-index: 1; } #nav-single .nav-previous, #nav-single .nav-next { width: auto; } #nav-single .nav-next { padding-left: .5em; } #nav-single .nav-previous { padding-right: .5em; } /* =Comments ----------------------------------------------- */ #comments-title { color: #666; font-size: 10px; font-weight: 500; line-height: 2.6em; padding: 0 0 2.6em; text-transform: uppercase; } .nopassword, .nocomments { color: #aaa; font-size: 24px; font-weight: 100; margin: 26px 0; text-align: center; } .commentlist { list-style: none; margin: 0 auto; width: 68.9%; } .content .commentlist, .page-template-sidebar-page-php .commentlist { width: 100%; /* reset the width for the one-column and sidebar page layout */ } .commentlist > li.comment { background: #f6f6f6; border: 1px solid #ddd; -moz-border-radius: 3px; border-radius: 3px; margin: 0 0 1.625em; padding: 1.625em; position: relative; } .commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li.comment { background: #fff; border-left: 1px solid #ddd; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin: 1.625em 0 0; padding: 1.625em; position: relative; } .commentlist .children li.comment .fn { display: block; } .comment-meta .fn { font-style: normal; } .comment-meta { color: #666; font-size: 12px; line-height: 2.2em; } .commentlist .children li.comment .comment-meta { line-height: 1.625em; margin-left: 50px; } .commentlist .children li.comment .comment-content { margin: 1.625em 0 0; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .comment-meta a { font-weight: bold; } .comment-meta a:focus, .comment-meta a:active, .comment-meta a:hover { } .commentlist .avatar { -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; left: -102px; padding: 0; position: absolute; top: 0; } .commentlist > li:before { content: url(images/comment-arrow.png); left: -21px; position: absolute; } .commentlist > li.pingback:before { content: ''; } .commentlist .children .avatar { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; left: 2.2em; padding: 0; top: 2.2em; } a.comment-reply-link { background: #eee; -moz-border-radius: 3px; border-radius: 3px; color: #666; display: inline-block; font-size: 12px; padding: 0 8px; text-decoration: none; } a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active { background: #888; color: #fff; } a.comment-reply-link > span { display: inline-block; position: relative; top: -1px; } /* Post author highlighting */ .commentlist > li.bypostauthor { background: #ddd; border-color: #d3d3d3; } .commentlist > li.bypostauthor .comment-meta { color: #575757; } .commentlist > li.bypostauthor .comment-meta a:focus, .commentlist > li.bypostauthor .comment-meta a:active, .commentlist > li.bypostauthor .comment-meta a:hover { } .commentlist > li.bypostauthor:before { content: url(images/comment-arrow-bypostauthor.png); } /* Post Author threaded comments */ .commentlist .children > li.bypostauthor { background: #ddd; border-color: #d3d3d3; } /* sidebar-page.php comments */ /* Make sure we have room for our comment avatars */ .page-template-sidebar-page-php .commentlist > li.comment, .page-template-sidebar-page-php.commentlist .pingback { margin-left: 102px; width: auto; } /* And a full-width comment form */ .page-template-sidebar-page-php #respond { width: auto; } /* Comment Form */ #respond { background: #ddd; border: 1px solid #d3d3d3; -moz-border-radius: 3px; border-radius: 3px; margin: 0 auto 1.625em; padding: 1.625em; position: relative; width: 68.9%; } #respond input[type="text"], #respond textarea { background: #fff; border: 4px solid #eee; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); position: relative; padding: 10px; text-indent: 80px; } #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { position: relative; } #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { background: #eee; -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); box-shadow: 1px 2px 2px rgba(204,204,204,0.8); color: #555; display: inline-block; font-size: 13px; left: 4px; min-width: 60px; padding: 4px 10px; position: relative; top: 40px; z-index: 1; } #respond input[type="text"]:focus, #respond textarea:focus { text-indent: 0; z-index: 1; } #respond textarea { resize: vertical; width: 95%; } #respond .comment-form-author .required, #respond .comment-form-email .required { color: #bd3500; font-size: 22px; font-weight: bold; left: 75%; position: absolute; z-index: 1; } #respond .comment-notes, #respond .logged-in-as { font-size: 13px; } #respond p { margin: 10px 0; } #respond .form-submit { float: right; margin: -20px 0 10px; } #respond input#submit { background: #222; border: none; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); color: #eee; cursor: pointer; font-size: 15px; margin: 20px 0; padding: 5px 42px 5px 22px; position: relative; left: 30px; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } #respond input#submit:active { background: #1982d1; color: #bfddf3; } #respond #cancel-comment-reply-link { color: #666; margin-left: 10px; text-decoration: none; } #respond .logged-in-as a:hover, #respond #cancel-comment-reply-link:hover { text-decoration: underline; } .commentlist #respond { margin: 1.625em 0 0; width: auto; } #reply-title { color: #373737; font-size: 24px; font-weight: bold; line-height: 30px; } #cancel-comment-reply-link { color: #888; display: block; font-size: 10px; font-weight: normal; line-height: 2.2em; letter-spacing: 0.05em; position: absolute; right: 1.625em; text-decoration: none; text-transform: uppercase; top: 1.1em; } #cancel-comment-reply-link:focus, #cancel-comment-reply-link:active, #cancel-comment-reply-link:hover { color: #ff4b33; } #respond label { line-height: 2.2em; } #respond input[type=text] { display: block; height: 24px; width: 75%; } #respond p { font-size: 12px; } p.comment-form-comment { margin: 0; } .form-allowed-tags { display: none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline; } #cd_ddcb_title { margin-top: 10px; } .results_found { // display: none; } .no_result { float: left; } .sorry { font-weight: bold; } .car_demon_compare_box_main h2 { padding: 10px; } .car_demon_compare_print { display: none; } .cd-box-group input[type="checkbox"] { float:left; } .content_section input[type="radio"] { width: 35px !important; } .content_section .cdlabel_right { width: 90px !important; } .content_section input[type=text], select, textarea { margin-left: 2% !important; } .cd-box-group input.cd-box { margin: 2px 8px; width: 14px !important; height: 22px; border: none!important; background: none!important; display: inline-block !important; float:none !important; } .content_section .cdform .cd-group-after { width: 130px !important; float:none !important; } .cd-box-group { width: 96% !important; max-width: 700px !important; } .trade_label { float: none; } .trade_hide { display: none; } .search_car_box select { height: 33px; } .vehicle_widget .vehicle_title a:hover { color: #243D8C; } .cdform textarea { width: 94%; } .random_imgs { position: relative; } .random_imgs .main_photo_img { height: auto !important; } .search_btn advanced_btn { background: url(../images/search_btn_bck.png); background-color: #243D8C; background-position: left; background-repeat: repeat-x; background-position: 10% 0%; color: #FFFFFF; width: 105px; height: 28px; margin-top: 18px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; text-align: center; float: right; cursor: pointer; } /* = Nav =============================================*/ #top_menu_bar > div > ul { height: 40px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: #FFFFFF; background-image:url(../images/menu_item.png); display: block; border-right: 1px; border-right-style: solid; border-right-color: #CCC; list-style-type: none; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; } #top_menu_bar > div > ul li a { float: left; list-style: none; background-image: url(../images/menu_item_border.jpg); background-position: right; background-repeat: no-repeat; display: block; text-align: center; height: 28px; padding-top: 12px; color: #646464; cursor: pointer; text-decoration:none; } .last-item a { background-image: url(../images/space.gif) !important; } .last-item a:hover { background-image:url(../images/bck_menu.png); background-position: left; background-repeat: repeat-x; background-color: #4E7499; color: #FFFFFF; } .sub-menu { z-index:5000; } #top_menu_bar > div > ul > li { float: left; position: relative; } #top_menu_bar > div > ul > li > ul { opacity: 0; visibility: hidden; padding: 16px 0 20px 0; background-color: #ccc; text-align: left; position: absolute; top: 55px; left: 50%; margin-left: -90px; width: 180px; -webkit-transition: all .3s .1s; -moz-transition: all .3s .1s; -o-transition: all .3s .1s; transition: all .3s .1s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); } #top_menu_bar > div > ul > li:hover > ul { opacity: 1; top: 65px; visibility: visible; } #top_menu_bar > div > ul > li > ul:before { content: ''; display: block; border-color: transparent transparent #ccc transparent; border-style: solid; border-width: 10px; position: absolute; top: -20px; left: 50%; margin-left: -10px; } #top_menu_bar > div > ul ul > li { position: relative; } #top_menu_bar > div ul ul a { color: #323232; font-family: Verdana, 'Lucida Grande'; font-size: 13px; background-color: #fafafa; padding: 11px 8px 4px 16px; display: block; -webkit-transition: background-color 0.1s; -moz-transition: background-color 0.1s; -o-transition: background-color 0.1s; transition: background-color 0.1s; } #top_menu_bar > div ul ul a:hover { background-color: #f0f0f0; } #top_menu_bar > div ul ul ul { visibility: hidden; opacity: 0; position: absolute; top: -16px; left: 206px; padding: 16px 0 20px 0; background-color: #fafafa; text-align: left; /*width: 160px;*/ -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); } #top_menu_bar div ul ul > li:hover > ul { opacity: 1; left: 190px; visibility: visible; } #top_menu_bar div ul ul a { width: 156px; text-align: left; background-image: none !important; } #top_menu_bar div ul ul a:hover { background-color: #4E7499; color: #fff; } .current-menu-item, .current_page_item { background-color: #B00909; color: #fff !important; } .current-menu-item > a, .current_page_item > a { color: #ccc !important; } #cd-nav-above { width: 100%; } /* CSS Document */ .cdform { margin-left: auto !important; margin-right: auto; max-width: 900px; } .cdform br { clear: both; display:none; } .cdform input[type="radio"] { margin: 10px; } .finance_segment input[type="text"] { margin: 2px; } .finance_segment select { margin: 2px; } .main_finance_table { width: 850px; text-align:center; color:#000000; } .sub_finance_table { max-width: 805px; } .finance_column { max-width: 400px; color:#000000; } .fin_legend { text-align: left; } .finance_hide_notice { display:none; } .finance_alert { font-size:18px;font-weight:bold;color:#FF0000; } .finance_segment_wide { float:left; width:100%; max-width: 872px; } .finance_segment { float:left; max-width:420px; padding:3px; margin-left:10px; } .finance_label { width:250px; } .finance_locations { width:425px;margin-left:20px; } .finance_hidden { display:none; } .finance_select { width:65px; } .finance_comment { width:350px !important; margin-left:25px; } .finance_applicant_cell { width:48%; float:left; } .finance_applicant_cell_wide { width:100%; float:left; } .finance_coapplicant_cell { width:48%; float:left; } .finance_info_cell { background-color: #243D8C; /*color: #fff;*/ font-weight: bold; padding-left: 4px; } .finance_left { background:#e3e3e3; } .have_cosigner { margin-left:40%;float:left; } .cosigner_question { margin-left:10px;float:left; } .cosigner_block { background;#DDDDDD; } .finance_disclosure { float:right; width:430px !important; margin-right:30px; height:365px; font-size:9px; } .cosigner_title { color:#ffffff; background-color:#999999; } .finance_btn { height:75px; width:260px !important; } .finance_checkbox { width:15px; margin-left:15px; } .finance_img { /*margin-left:75px;*/ margin-left:15px !important; } #show_voi { max-width: 357px; } .finance_box_title { width:375px; } .finance_select_stock { display: none; margin-left:20px; } .finance_no_img { margin-left:150px; } #yac, #mac, #p2yac, #p2mac, #yaca, #maca, #co_yaca, #co_maca, #co_yaca2, #co_bcp2, #co_bct2, #co_maca2, #co_p2yac, #co_p2mac, #co_yac2, #co_mac2, #co_bcp, #co_bct, #p1co_yac2, #p1co_mac2 { width: auto !important; } #bdm, #bdd, #bdy, #yac, #mac, #p2yac, #p2mac, #yaca, #maca, #bcp, #bct { height: 33px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float:left; } #co_bdm, #co_bdd, #co_bdy, #co_yaca, #co_maca, #co_yaca2, #co_bcp2, #co_bct2, #co_maca2, #co_p2yac, #co_p2mac, #co_yac2, #co_mac2, #co_bcp, #co_bct, #p1co_yac2, #p1co_mac2 { height: 33px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .make_co_signer { height: 33px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .personal_info { float:left; } .previous_employment { float:left; } .previous_address { float:left; } .living_situation { float:left; } #select_car_txt { max-width: 260px; width: 100%; display: block; } #find_voi { width: 41%; padding: 1% !important; margin-left: 1% !important; /*height: 100%;*/ } .trade_select_stock { display:none; } .trade_select_description { display:none; } @media only screen and (max-width : 767px) { .cdform, #frm_app { } .finance_applicant_cell { width: 100% !important; } .main_finance_table { width: 249px !important; text-align:center !important; } .sub_finance_table { width: 205px !important; } .have_cosigner { margin-left: 20px !important; } #txtDisclosure { float:none !important; width:220px !important; margin-right: auto !important; height: 75px !important; } #frm_app { font-size:12px; width: 95%; } #frm_app fieldset legend { font-size:14px; } #frm_app { } .#voi_title { max-width: 200px; } .finance_box_title { max-width: 200px; } #frm_app textarea { width:220px !important; margin-left:10px; } #frm_app input { height:25px; font-size:12px !important; width: 100%; } #frm_app select { height:27px; font-size:12px !important; } #frm_app .search_btn { width:230px !important; height: 75px !important; font-size:14px !important; } #sbtValidate { width:230px !important; height: 75px !important; font-size:14px !important; } .finance_column { width: 249px !important; } .style57 { display: none; } #finance_locations { width:230px !important; } #pick_voi_1 { width: 20px; } #pick_voi_2 { width: 20px; } #pick_voi_3 { width: 20px; } .cd-radio { width: 20px !important; } #find_voi { margin-left:20px !important; } .not_my_car { width:20px !important; } .cd-box-title { margin-left:20px !important; } } #menu-icon { display: hidden; width: 40px; height: 40px; background: #4C8FEC url(images/menu-icon.png) center; } a:hover#menu-icon { background-color: #444; border-radius: 4px 4px 0 0; } /*MEDIA QUERY*/ @media only screen and (max-width : 640px) { .menu-icon { display:inline-block; } .menu ul, .menu:active ul { display: none; position: absolute; padding: 20px; background: #fff; border: 5px solid #444; right: 20px; top: 60px; width: 50%; border-radius: 4px 0 4px 4px; } .menu li { text-align: center; width: 90%; padding: 10px 0; margin: 0; } .menu:hover ul { display: block; } }