/* * {margin: 0!important; padding: 0 !important;} */ @import url('http://images1.ecarlist.com/sites/templates/common/css/base.css'); .clear {clear: both;} html {background: #232324;} body {background: #424345 url(../images/bg_body.jpg) no-repeat top left; font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;} p { line-height: 1.625em; } #wrapper {width: 100%;} #content_wrapper {width: 1000px; margin: 0 auto;} #content {padding-top: 40px;} /* Error Message Text Color */ body #wrapper #content_wrapper #content p.error_msg {color: #c01a1f !important;} /*#########################################*/ /*#### <--//// GLOBAL ELEMENTS \\\\--> ####*/ /*#########################################*/ /*#### <--//// HEADER \\\\--> ####*/ #header {width: 1000px;} h1 {text-indent: -9999px; float: left; margin: 0; margin-right: 20px;} h1 a {display: block; width: 427px; height: 101px; background: url(../images/header_logo.png) no-repeat top left;} #dealer_info {float: right; margin-top: 0; text-align: right; width: 350px; background: #bc2121; padding: 10px; color: white; font-size: 12px; line-height: 16px;} #dealer_info #phone {float: left; font-size: 19px;} #nav_wrapper {width: 495px\9; float: right; margin-top: 26px;} #priNav {width: 550px\9;} #priNav li {margin: 0 6px;} #priNav li a {color: #989b9e; font-size: 14px; text-decoration: none; font-weight: 500;} #priNav li a:hover {color: #eaeaeb;} #priNav li span {color: #000; margin-left: 12px;} #priNav li.last span {display: none;} #priNav li.last {margin-right: 0;} /*#### <--//// FOOTER \\\\--> ####*/ #footer_wrapper {background: #232324; padding-top: 35px; height: 100%; overflow: hidden; clear: both;} #footer {width: 1000px; margin: 0 auto; font-size: 13px; font-weight: 200; overflow: hidden; margin-bottom: 25px;} #footer #footerNav {overflow: hidden;} #footer #footerNav li {display: block; float: left; color: #666768 !important; padding: 0 4px 0 0;} #footer a {color: #666768; text-decoration: none;} #footer a:hover {color: #ccc;} #footerNav span {margin-left: 4px; color: #666768;} #ec_footer {margin-bottom: 35px; margin-top: 5px;} #ec_footer li {display: block; float: left; color: #666768; padding: 0;} #ec_footer li.mid {padding-left: 5px;} /*#logoplacer {background: url(../images/bg_dtFooter.jpg) no-repeat center left; float: right; width: 300px;} #logoplacer a {display: block; text-indent: -9999px; background: url(../images/dtFooter.png) no-repeat top left; width: 205px; height: 18px; float: right;} #logoplacer a:hover {background-position: top right;}*/ #logoplacer li {background: url(../images/bg_dtFooter.jpg) no-repeat center left; float: right; padding: 8px 24px;} #logoplacer li.last {background: none;} #logoplacer a {display: block; text-indent: -9999px; height: 35px;} #logoplacer a#mitsubishi {background: url(../images/mitsubishi_logo.jpg) no-repeat left center; width: 137px; } #logoplacer a#autoplex {background: url(../images/autoplex_logo.png) no-repeat left center; width: 107px;} #logoplacer a#dt_ecl {background: url(../images/dtFooter.png) no-repeat left center; width: 205px;} #logoplacer a#dt_ecl:hover {background-position: right center;} /*#### <--//// CONTENT DIVS \\\\--> ####*/ div#left {width: 280px; margin-right: 50px;} div#right {background: url(../images/bg_content_tile.png) repeat-y top center; width: 670px; margin-bottom: 35px; float: left;} div.right_wrapper {background: url(../images/bg_content_top.png) no-repeat top center; min-height: 645px; width: 670px; margin-top: -5px;} div.right_content {background: url(../images/bg_content_bottom.png) no-repeat bottom center; min-height: 645px; width: 620px; margin-bottom: -12px; padding: 25px;} div#right h2 {color: #cecece; font-size: 24px; margin-bottom: 10px;} div#right p {color: #ffffff; font-weight: normal; font-size: 14px; margin-bottom: 25px;} div#right h3 {color: #ffffff; margin-bottom: 35px; } div#right h4 {color: #424344;} div#right ul {list-style: disc; margin: 5px 40px 20px; font: 14px/18px 'Helvetica Neue';} div#right ul li {margin: 5px 0;} /*##############################################*/ /*#### <--//// SEMI-GLOBAL ELEMENTS \\\\--> ####*/ /*##############################################*/ /*#### <--//// DEALER CONTACT FORM \\\\--> ####*/ #dealer_contact {background: url(../images/bg_contact.png) no-repeat top center; width: 291px; height: 527px; padding: 4px;} #dealer_contact h2 {display: none;} #dealer_contact fieldset {margin-top: 120px;} #dealer_contact fieldset input {margin-bottom: 5px; border: 2px inset;} #dealer_contact fieldset label {color: #424344; font-weight: bold; font-size: 14px; margin-bottom: 3px;} #dealer_contact fieldset li.required label {background: none;} #dealer_contact li.required input {height: 22px; width: 250px !important; background: #e4e4e4;} #dealer_contact fieldset ol li {height: 53px;} #dealer_contact fieldset ol li.required select#subject {font-size: 11px; font-weight: normal; width: 220px !important;} #dealer_contact fieldset ol li + li + li + li { height: 46px;} #dealer_contact #ec_is_submit input.submitButton {background: url(../images/btn_submit.png) no-repeat center center; width: 207px; height: 34px; border: none; text-indent: -9999px; margin-top: 12px; cursor: pointer;} body #wrapper #content_wrapper #left #dealer_contact fieldset ol li textarea {width: 250px !important; height: 68px; border: 2px inset; background: #e4e4e4;} /*############################################*/ /*#### <--//// HOME PAGE ELEMENTS \\\\--> ####*/ /*############################################*/ /*#### <--//// QUICK LINKS \\\\--> ####*/ #quick_links {width: 1000px; background: url(../images/bg_quickLinks.png) no-repeat bottom center; overflow: hidden; margin-bottom: 15px;} #quick_links ul li {display: block; float: left;} #quick_links ul li a {display: block; float: left; text-indent: -9999px; width: 297px; height: 546px;} #quick_links ul li.first a {margin-right: 53px;} #quick_links ul li.first + li {margin: 0 0 3px 0;} #quick_links ul li.last a {margin-left: 53px;} #quick_links #process a {background: url(../images/btn_quickLinks_process.png) no-repeat top right;} #quick_links #questions a {background: url(../images/btn_quickLinks_questions.png) no-repeat top right;} #quick_links #schedule a {background: url(../images/btn_quickLinks_schedule.png) no-repeat top right;} #quick_links ul li#process:hover a {background-position: top left;} #quick_links ul li#questions:hover a {background-position: top left;} #quick_links ul li#schedule:hover a {background-position: top left;} /*#### <--//// BAR ABOVE FOOTER \\\\--> ####*/ #lower_wrapper {background: url(../images/bg_lower.png) repeat-x top left; width: 100%; height: 50px; clear: both;} #home #lower_wrapper {height: 342px;} #lower {width: 1000px; margin: 0 auto; background: url(../images/bg_welcome.png) no-repeat top center; height: 50px;} #home #lower {height: 342px; padding-top: 50px;} #welcome_text {background: url(../images/bg_welcomeText.png) no-repeat top center; width: 555px; height: 212px; padding: 25px; float: left;} #welcome_text h3 {color: #aa252a; font-size: 47px; text-transform: uppercase; letter-spacing: -2px;} #welcome_text h3 span {color: #8c8d8d; font-weight: 200; font-size: 25px; text-transform: none; letter-spacing: 0;} #welcome_text p {margin-top: 20px; font-size: 14px; color: #424344;} #welcome_text a {color: #777; text-decoration: none; font-size: 12px;} #welcome_text a:hover{text-decoration: none; color: #fff;} #welcome_image {display: block; float: right; width: 361px; height: 263px; background: url(../images/welcome_image.png) no-repeat top left;} #welcome_text > h3 {background: url(../images/text_about.png) no-repeat top left; width: 368px; height: 63px; text-indent: -9999px;} #welcome_text > h3 > * {text-indent: -9999px;} #welcome_text {} /*###############################################*/ /*#### <--//// SERVICE PAGE ELEMENTS \\\\--> ####*/ /*###############################################*/ #service #left, #contact #left {background: url(../images/bg_contact.png) no-repeat bottom center; padding: 25px; padding-bottom: 45px; width: 249px; margin-right: 29px; color: #424344} #service #left #sidebar_address_head, #contact #left #sidebar_address_head {font-size: 14px;} #service #left #sidebar_address_titles, #contact #left #sidebar_address_titles {font-size: 12px !important; margin: 15px 0; float: left; width: 54px;} #service #left #sidebar_address_titles + div, #contact #left #sidebar_address_titles + div {font-size: 12px; margin: 15px auto 15px 13px; float: left;} #contact #left {padding-bottom: 71px;} #service #right h3 {color: #424344; margin-bottom: 10px;} #service #right p {font-size: 14px; color: #fff;} #service #service_container_v legend:first-child + h3 {margin-top: 25px;} #service #service_request_form ol {width: 280px !important;} #service #service_container_v ol li {width: 305px; margin: 0 auto;} #service #service_container_v ol li label { color: #424344;} #service #service_container_v ol li input {border: 2px inset; background: #e4e4e4;} #service #service_container_v ol li select {font-size: 11px;} #service #service_container_v ol li textarea {background: #e4e4e4; border: 2px inset; height: 76px;} #service #service_container_v div#vehicle_question_submit input {background: url(../images/btn_submit.png) no-repeat center center; width: 207px; height: 34px; border: none; text-indent: -9999px; margin: 30px auto 20px auto !important; cursor: pointer; margin: 0 auto;} #service #service_container_v div#vehicle_question_submit {width: 207px; margin: 0 auto;} #service fieldset ol.inline:last-child {margin-left: 25px;} /*###############################################*/ /*#### <--//// CONTACT PAGE ELEMENTS \\\\--> ####*/ /*###############################################*/ #contact #right .customer_tools_left {width: 10px;} #contact #right .customer_tools_left li img {width: 110px;} #contact #right .customer_tools_right {margin-top: 15px; margin-right: 0px} div#right ul{ margin: 5px 20px 20px} #contact #right .customer_tools_right #vehicle_question_submit input {background: url(../images/btn_submit.png) no-repeat center center; width: 207px; height: 34px; border: none; text-indent: -9999px; margin-top: 12px; cursor: pointer; margin: 0 auto; display: block; margin-top: 10px; line-height: 0; font-size: 0; margin-right: 0;} #services #right ul {color: #444 !important; width: 35% !important;} #services #right ul li {margin: 15px 0; list-style-image: url(../images/list_icon.png); font-size: 12px;} #services #right ul li span {font-weight: bold; color: #fff !important; font-size: 14px;} #process #images li {display: block; float: left;} #process #images li img {height: 185px; margin: 35px 8px 20px 8px; border: 2px solid white; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .35); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .35); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .35) ;} #questions #right a {color: #ccc; text-decoration: none; font-size: 12px;} #questions #right a:hover {color: #fff;}