/* ################################################ ### IMPORT CSS STYLES ### ################################################ */ @import url(http://images1.ecarlist.com/sites/common/dropdown.css); @import url(http://images1.ecarlist.com/sites/common/similar_vehicles.css); @import url(http://images1.ecarlist.com/sites/common/vehicle_v2_sidebar_links.css); @import url(http://images1.ecarlist.com/sites/common/v2_top_search.css); @import url(http://images1.ecarlist.com/sites/common/vehicle_v2_top.css); @import url(http://images1.ecarlist.com/sites/common/vehicle_v2_vitals.css); @import url(http://images1.ecarlist.com/sites/common/vehicle_v2_tools.css); @import url(http://images1.ecarlist.com/sites/common/vehicle_v2_details.css); @import url(http://images1.ecarlist.com/sites/common/news_sidebar.css); @import url(http://images1.ecarlist.com/sites/common/news.css); @import url(http://images1.ecarlist.com/sites/common/inventory_v2_sidebar_filters.css); @import url(http://images1.ecarlist.com/sites/common/inventory_v2_right.css); @import url(http://images1.ecarlist.com/sites/common/inventory_v2_sidebar_contact.css); @import url(http://images1.ecarlist.com/sites/common/new_vehicles.css); @import url(http://images1.ecarlist.com/sites/common/featured_vehicles.css); @import url(http://images1.ecarlist.com/sites/common/sitemap-2.0.css); @import url(http://images1.ecarlist.com/sites/common/specials_footer.css); @import url(http://images1.ecarlist.com/sites/common/specials.css); @import url(http://images1.ecarlist.com/sites/common/common_classes.css); @import url(http://images1.ecarlist.com/sites/common/columns.css); /* ########################################### ### #main block styles ### ########################################## */ body { margin: 0; padding: 0; font-family: Helvetica; font-size:14px; background: #303b55; } #page_tile { margin: 0; padding: 0; background:#fff url(../images/bodytile.jpg) repeat-x center top; min-width: 980px; } #page_bkgd { margin: 0; padding: 0 0 20px; background: url(../images/page_bkgd_top.jpg) no-repeat center top; width: 100%; display: table} #page_bttm { margin: 0; padding: 0; background: url(../images/page_bttm.jpg) no-repeat center bottom; padding: 0 0 10px; } .clear { margin: 0; padding: 0; clear:both; } p { font-family: Helvetica; margin: 5px 0; } a { color: #00438a; text-decoration:none; } a:link {} a:hover { color: #007cff; text-decoration:underline; } a:visited {} a:active { outline:none; } a:focus { outline-style: none; } .color_pri { color: #332b1a !important; } .color_sec { color: #333 !important; } #leftColumn { float:left; display:inline; width:240px; padding: 0; margin: 0; text-align: left; } #rightColumn { float:right; display:inline; width:710px; padding: 0; margin: 0; color:#4c4c4c; } #left { float:right; display:inline; width:240px; padding: 0; margin: 0; text-align: left; } #right { float:left; display:inline; width:710px; padding: 0; margin: 0; color:#4c4c4c; } #about #left, #service #left { float:right; } #about #right, #service #right { float:left; } #right p, #financeLeft p, #notify_middle p { font-size:16px; line-height: 16px; color:#444; font-family: Times; } #right h2, #financeLeft h2, #notify_middle h1, #notify_middle h2 { color:#332b1a; font-size:24px; font-weight: normal; margin: 0 0 10px; font-family: Times; text-transform: uppercase; } #header { width:980px; height:250px; margin: 0 auto; padding: 0; } p#topcontact { float:left; margin: 10px 0 0; padding: 0; width:230px; font-size:12px; color:#000; line-height: 16px; } #topsocial { float:right; margin: 10px 0 0; padding: 0; list-style-type:none; } #topsocial li { float:left; margin: 0 0 0 10px; padding: 0; font-size:12px; color:#351200; line-height: 26px; } #topsocial li a { display:block; width:26px; height:26px; text-indent: -9000px; background: url(../images/top_social.png) no-repeat; } #topsocial li a#facebook { background-position: 0px ; } #topsocial li a#twitter { background-position: -26px 0px; } #topsocial li a#youtube { background-position: -52px 0px; } #header h1 { float:left; margin: 0; padding: 0 0 0 106px; display: inline;} #header h1 a { display:block; width:310px; height:240px; text-indent: -9000px; } #headerchat { clear:right; float:right; display:inline; margin: 2px 70px 0 0; padding: 0; width:130px; height:27px; } #navblock { width:980px; margin: 0 auto; padding: 0; } #nav_wrapper { margin: 0; padding: 0; background: url(../images/navbkgd.png) no-repeat center top; } #priNav { float:left; margin: 0 0 0 100px; padding: 9px 0 0; height:41px; list-style-type:none; text-align: center; display: inline; } #priNav li { display:inline; background: url(../images/navdot.png) no-repeat right 3px; padding: 0 5px 0 0; font-family: Times; font-size:14px; } /* #priNav li.last { background: none; padding: 0; } */ #priNav li a { padding: 0 5px 13px; margin: 0 5px; height:41px; line-height: 41px; color:#161410; text-transform: uppercase; text-decoration: none; } #priNav li a:hover { color:#2a6cb0; background: url(../images/navarrow.png) no-repeat center bottom; } #priNav li ul { display: none; } /*dropdown menu*/ #dropmenudiv, #dropmenudiv_firefox{ background: #fff; z-index: 9999 } #dropmenudiv a, #dropmenudiv_firefox a { } #dropmenudiv a:hover, #dropmenudiv_firefox a:hover { font-weight: normal } .custom_pages .groupHeader p{ font-size: 23px; color: #000; font-weight: bold; text-transform: uppercase; } #staff_table { width: 600px; margin-top: 25px; margin-left: 15px; } #staff_table td { padding-top: 3px; } #staff_table th { background: #000; color: #fff; vertical-align: middle; padding: 3px 0px 3px 5px; } a#callback { float:left; margin: 0; padding: 0; line-height: 41px; padding: 9px 0 0 10px; color:#161410; text-transform: uppercase !important; text-decoration: none; font-family: Times; font-size:14px; background: none; } a#callback:hover { color:#2a6cb0; background: url(../images/navarrow.png) no-repeat center bottom; } #home a#callback { float:left; margin: 0; padding: 0; line-height: 41px; padding: 9px 0 0 10px; color:#161410; text-transform: uppercase !important; text-decoration: none; font-family: Times; font-size:14px; background: none; } #home a#callback:hover { color:#2a6cb0; background: url(../images/navarrow.png) no-repeat center bottom; } #inventory a#callback { float:left; margin: 0; padding: 0; line-height: 41px !important; padding: 9px 0 0 10px; color:#161410; text-transform: uppercase !important; text-decoration: none; font-family: Times; font-size:14px !important; background: none; } #inventory a#callback:hover { color:#2a6cb0; background: url(../images/navarrow.png) no-repeat center bottom; } #vehicle a#callback { float:left; margin: 0; padding: 0; line-height: 41px !important; padding: 9px 0 0 10px; color:#161410; text-transform: uppercase !important; text-decoration: none; font-family: Times; font-size:14px !important; background: none; } #vehicle a#callback:hover { color:#2a6cb0; background: url(../images/navarrow.png) no-repeat center bottom; } #home #priNav li a#priNav_Home { background: url(../images/navarrow.png) no-repeat center bottom; } #inventory #priNav li a#priNav_Inventory { background: url(../images/navarrow.png) no-repeat center bottom; } #vehicle #priNav li a#priNav_Inventory { background: url(../images/navarrow.png) no-repeat center bottom; } #financing #priNav li a#priNav_Financing { background: url(../images/navarrow.png) no-repeat center bottom; } #about #priNav li a#priNav_About_Snell { background: url(../images/navarrow.png) no-repeat center bottom; } #contact #priNav li a#priNav_Contact_Us { background: url(../images/navarrow.png) no-repeat center bottom; } #notify #priNav li a#priNav_Vehicle_Finder { background: url(../images/navarrow.png) no-repeat center bottom; } #home_wrapper { margin: 0; padding: 10px 0 0; background: url(../images/home_page_bkgd.jpg) no-repeat center top; } #inner_wrapper { margin: 0; padding: 20px 0 0; background: url(../images/inner_page_bkgd.jpg) no-repeat center top; } #vehicle_wrapper { margin: 0; padding: 20px 0 0; background: url(../images/vehicle_page_bkgd.jpg) no-repeat center top; } #financing #inner_wrapper { margin: 0; padding: 20px 0 0; background: url(../images/inner_page_bkgd.jpg) no-repeat center top; } #wrapper { width:960px; margin: 0 auto; padding: 0 0 20px; min-height: 555px; } #inventory #wrapper { width:970px; margin: 0 auto; padding: 0 0 20px; min-height: 555px; } #vehicle #wrapper { width:970px; margin: 0 auto; padding: 0 0 20px; min-height: 555px; } #home #wrapper { width:980px; margin: 0 auto; padding: 0 0 20px; min-height: 555px; } #home_specials { width:980px; height:327px; margin: 0; padding: 0 0 11px; } #secNav { width:980px; height:40px; margin: 0; padding: 0 0 39px; text-align: center; list-style-type:none; } #secNav li { display:inline; margin: 0; padding: 0 10px; line-height: 40px; } #secNav li a { color:#00438a; font-size:12px; text-decoration: underline; } #secNav li a:hover { color:#007cff; } #home_content { width:980px; margin: 0; padding: 0; background: url(../images/home_text_bkgd.jpg) no-repeat center top; } #hometext { float:left; width:563px; margin: 0; padding: 10px; } #home_content h1 { font-family: Times; font-size: 24px; color:#000; font-weight: normal; text-transform: uppercase; margin: 0 0 20px; padding: 0; } #hometext p { font-size: 16px; line-height: 18px; font-family: times; margin: 0 0 20px; } .specials_flash_container, .specials_flash_item {width: 975px !important; height: 325px !important; background-size: 975px 325px !important;} #home_contact { float:right; margin: 0; padding: 0; width:249px; } #home_contact h1 { margin: 10px 0 0 10px; font-size:20px; } #home #contact_small { width:234px; margin: 10px 0; } #home #contact_small input.input_element { border:5px solid #eaeae0; background: #fff; width:205px; } #home #contact_small textarea { border:5px solid #eaeae0; background: #fff; width:205px; } #home #contact_small .input_element { margin-bottom: 12px; } #home #contact_small .submitButton { margin: 0 0 0 15px; background:; width: auto; } #ql_home { float:right; margin: 0; padding: 0; width:148px; } #ql_home h1 { margin: 10px 0 0 10px; font-size:20px; } #ql_home ul { margin: 4px; list-style-type:none; padding: 3px; background:#bfb488 url(../images/qltile.gif) repeat-x center top; } #ql_home li { margin: 0 0 5px; padding: 0; font-family: Verdana, Myriad Web, Syntax, sans-serif; font-size:14px; } #ql_home li a { display:block; margin: 0; padding: 0 0 0 10px; background: url(../images/ql_li_bkgd2.gif) repeat-x center top; line-height: 35px; color:#fff; text-decoration: none; } #ql_home li a:hover { background-position: center bottom; } #featuredVehicles { margin: 0; padding: 10px; } #featuredVehicles_title { font-family: Times; font-size:18px; color:#000; margin: 0 0 10px; padding: 0; text-transform: uppercase; } #random_list_location #random_list_item { margin:0 8px 0 7px; width:105px; *margin:0 7px; } #random_list_location #random_list_item a { text-decoration:none; font-weight:normal; font-size:11px; color:#000; } #random_list_location #random_list_item a:hover { color:#2a6cb0; } #random_list_location #random_list_item img { border:5px solid #a09673; } #random_list_location #random_list_item img:hover { border:5px solid #2a6cb0; } #home .toolTipInner_price { color:#2a6cb0; } #footer_wrap { margin: 0; padding: 23px 0 0; background:#303b55 url(../images/footer_tile.gif) repeat-x center top; min-width: 980px; } #footer_image { margin:0; padding: 0; background: url(../images/footer_image.jpg) no-repeat center top; } #footer_main { width:980px; margin: 0 auto; padding: 0; height:300px; } #footerlogos { float:left; margin: 0; padding: 0; width:131px; } a#snellhome { display: block; width:109px; height:90px; text-indent: -9000px; background: url(../images/logo_footer.gif) no-repeat left top; margin: 40px 0 0; } a#ecarlist { display:block; width:131px; height:39px; text-indent: -9000px; background: url(../images/ecarlist.gif) no-repeat left top; margin: 40px 0 0; } a#ecarlist:hover { background-position: -131px 0px; } /* LOGO FONT STUFF - =========== */ @font-face { font-family: 'dt_logo'; src: url('http://images1.ecarlist.com/sites/fonts/icomoon/icomoon.eot'); } @font-face { font-family: 'dt_logo'; src: url(data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwT1MvMggi/LYAAAC8AAAAYGNtYXAaVcxXAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zqg1FdEAAAFwAAABXGhlYWQCc1fYAAACzAAAADZoaGVhBQADCQAAAwQAAAAkaG10eAQjAAoAAAMoAAAAFGxvY2EAKADCAAADPAAAAAxtYXhwAAsAXgAAA0gAAAAgbmFtZVcZpu4AAANoAAABRXBvc3QAAwAAAAAEsAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAAHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYA//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAABQAK//UDHgHUAAQAFQBEAE0AWwAAATMHIzcnIwM3PgE3PgE3PgE3PgE3EyMDFgYHDgErATc+ATc+ATsBNyMiBgcOAQcOAQcOAQcDITI2Nz4BNz4BNz4BNxMjEzczFyMXIzcjNxc3MxcjNwcjJxcjNzMCtWgaahwNZ4UWCBIHCQ4IBg4EBgcEbf1kAQUEBQYDpCUBAwcDCAF6GpMKEwsIFAcJDQcFCQJJASkIFQkKEQoHDwQHBwRpZ44BFQEJAQYBCiIGCAYBBgEIAwgBBgEGAV9kZHX+IQEBBAMECQUGDAcHDwgBjf6YAQgEAwOPAQgEBAJkAwQDCgcHDwgJEgn+8wQDAwsGBw8ICBMJAYL+RAQEFRUEEhIZFBQUFBkAAAAAAQAAAAEAAOMOVYpfDzz1AAsCAAAAAADQGwuJAAAAANAbC4kAAP/1Ax4B1AAAAAgAAgAAAAAAAAABAAAB4P/gAAADIwAAAAADHgABAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAEAAAADIwAKAAAAAAAKABQAHgCuAAEAAAAFAFwABQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'), url(data:application/font-woff;base64,d09GRk9UVE8AAATgAAoAAAAABJgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAVYAAAFWSTm40U9TLzIAAAJMAAAAYAAAAGAIIvy2Y21hcAAAAqwAAABMAAAATBpVzFdnYXNwAAAC+AAAAAgAAAAIAAAAEGhlYWQAAAMAAAAANgAAADYCc1fYaGhlYQAAAzgAAAAkAAAAJAUAAwlobXR4AAADXAAAABQAAAAUBCMACm1heHAAAANwAAAABgAAAAYABVAAbmFtZQAAA3gAAAFFAAABRVcZpu5wb3N0AAAEwAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v5t/h0BR0AAAB2Dx0AAAB7ER0AAAAJHQAAAU0SAAYBAQgPERMWG2ljb21vb25pY29tb29udTB1MXUyMHVFNjAwAAACAYkAAwAFAQEEBwoNyvyUDvyUDvyUDvuUDve3+Un38xX0i3AnIoum7wV/9wkVI4v7GPxzoIwFoo2hlJ6anpqZnpOgCPcC+CEF+5KLFSj7/AWLiYmFhIaFhoaKiYsI+zmLsfcjBYuMjZKTkJCQkYyNiwj3DYum7/soiwVxi3CCdXl1entzhHIIQ/uh97yLBaWLpZWinKCcm6OSpAj1+BYjiwX3I/xQFYuPoYuLh4OLi3aGi4uggosFrI8VknmSnZKLi3KGi4ufhHeHi4Sfi3eGi4ukkosFDviUFPiUFYsMCgAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gAB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmAP/9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAADio7VSXw889QALAgAAAAAA0BsLiQAAAADQGwuJAAD/9QMeAdQAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAyMAAAAAAx4AAQAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAABAAAAAyMACgAAUAAABQAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff'); /* url('http://images1.ecarlist.com/sites/fonts/icomoon/icomoon.svg') format('svg'); */ font-weight: normal; font-style: normal; } [class^="icon-dt"], [class*=" icon-dt"] { font-family: 'dt_logo'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-dt:before { content: "\e600"; } .ie7 .icon-dt { zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); } .dt-footer {padding: 10px 0px 0px 0px; color: #fff; font-size: 12px} .dt-footer a span {color: #fff; font-size: 20px} .dt-footer a:hover {text-decoration: none;} /* LOGO FONT STUFF - END =========== */ #footer_contact { float:left; display:inline; margin: 40px 0 0 30px; width:215px; } #footer_contact h3 { font-size:11px; color:#9b9b9b; margin: 0; padding: 0; } #footer_contact p { color:#fff; font-size:16px; margin: 0 0 24px; padding: 0; } #footer_contact p span { margin-left: 23px; } #ec_footer { margin: 0; padding: 0; list-style-type:none; } #ec_footer li { display:inline; margin: 0; padding: 0 8px 0 4px; border-right:1px solid #fff; font-size:12px; color:#fff; *padding: 0 4px 0 8px; } #ec_footer li.last { border:none; } #ec_footer li a { color:#fff; text-decoration: none; } #ec_footer li a:hover { color:#efd473; } #footerlinks { float:left; display:inline; margin: 40px 0 0 30px; padding: 0; width:150px; } #footerNav { margin: 0; padding: 0; list-style-type:none; } #footerlinks h3 { font-size:11px; color:#9b9b9b; margin: 0; padding: 0; } #footerNav li { margin: 5px 0; padding: 0 0 0 12px; font-size:14px; background: url(../images/footer_ql_arrow.gif) no-repeat left center; } #footerNav li a { color:#fefefe; text-decoration: none; } #footerNav li a:hover { color:#efd473; } a#footer_address { color: #fff; } #ec_sitemap_tooltip .cms_nav li { background: none; } /* ################################################# ### #=common forms ### ################################################ */ #site_logoSection { display:none; } #sidebar_address { border:none; padding: 5px; margin: 0 0 30px; background: none; margin: 10px 0; } #sidebar_address_head { color:#332b1a; padding: 0; margin: 0; font-family: Times; font-size:17px; text-transform: uppercase; font-weight: normal; } #sidebar_address .floatleft p { font-size:11px; color:#444; line-height: 18px; } #sidebar_address .floatleft { margin-bottom:15px; margin-top:10px; } #sidebar_address #getdirections { display:block; width:120px; margin: 5px 10px 10px 0; } #sidebar_address a#getdirections:hover { color:#007cff; } #sidebar_address .addressblock { margin: 10px; border-bottom: 1px dotted #ccc; } #dealer_contact { padding:0 0 20px; border:none; background:none; margin: 10px 0; font-size:11px; font-weight: bold; color:#000; } #contact_small h2 { color:#332b1a; padding: 0; margin: 0 0 20px; font-family: Times; font-size:17px; text-transform: uppercase; font-weight: normal; } #dealer_contact #contact_small { width:236px; } #dealer_contact .input_element { width:200px !important; font-size:12px; margin-bottom: 20px; border:1px solid #b2b2b1; background: #fff; } #dealer_contact textarea { width:180px !important; font-size:12px; margin-bottom: 20px; } #about #contact_small .submitButton { background: #c6c6c6; line-height:28px; border:1px solid #a7a7a7; margin: 0; padding: 0px 60px; *padding: 0px 30px; text-align: center; color:#565656; *margin-top:10px; } #about #contact_small .submitButton:hover { background: #a7a7a7; border:1px solid #c6c6c6; } #ql_inner { border:1px solid #cfcab8; background: #f9f9f9; padding: 20px; list-style-type:none; } #ql_inner li { font-size:12px; padding: 0; margin: 3px 0; } #ql_inner li a { color:#3372b3; background: url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_grey.gif) no-repeat left 2px; padding: 0 0 0 12px; } #ql_bttm { width:240px; height:33px; margin: 0; padding: 0; background: url(../images/ql_bttm.jpg) no-repeat center top; } /* ################################################### ### #contact page ### ################################################### */ #contact #customer_tools { margin-top: 0; } #google_map { width:645px; margin: 30px; } #contact_map { background: #fff; border:1px solid #ccc; } #contact #customer_tools_top_middle { color:#332b1a; font-size:24px; font-weight: normal; margin: 0 0 10px 5px; font-family: Times; text-transform: uppercase; } #contact #customer_tools_top_middle img { display:none; } #contact #customer_tools_top_middle .input_element { font-size:11px; } #contact #customer_tools_content_wrapper form.validation label { font-size:11px; font-weight: bold; color:#555; } #contact #customer_tools_top_left, #contact #customer_tools_top_middle, #contact #customer_tools_top_right, #contact #customer_tools_content_wrapper, #contact .customer_tools_content_contact, #contact #customer_tools_bottom_left, #contact #customer_tools_bottom_middle, #contact #customer_tools_bottom_right { background: none; border:none; } /* ########################################### ### #notify ### ########################################## */ #notify #notify_middle { float:left; margin: 0; width:630px; padding: 0; } #notify #notify_form_div { border:1px solid #cfcab8; background: #f9f9f9; margin: 0 2px 0 0; } #notify #notify_form_div h3 { padding: 5px; color:#000; font-family: Times; text-transform: uppercase; } #notify #notify_right { width:302px; margin: 0 0 15px; } #trade_bid #notify_middle { float:left; margin: 0; width:630px; padding: 0; } #trade_bid #notify_form_div { border:1px solid #cfcab8; background: #f9f9f9; } #trade_bid #sidebar_address { border:1px solid #cfcab8; background: #f9f9f9; padding: 20px; } #trade_bid #notify_middle p { margin: 0 20px; } #trade_bid #notify_right { width:302px; } /* ################################################# ### #=inventory page ### ################################################ */ /* Number of Results */ #inventory #inventory_v2_sidebar_filters h3 { padding:10px 0 0 5px; color:#999; font-size:11px; } #inventory #inventory_v2_sidebar_filters h2 { padding:0 0 5px 5px; color:#332b1a; font-size:18px; text-transform: uppercase; font-family:Times; } /* Current Filters Box */ #inventory #currentFilters { background:#a9a180; border:1px solid #666; margin: 10px 0; } #inventory #currentFilters p { padding-left:15px; font-size:12px; color:#fff; } #inventory #currentFilters p a { color:#fff; } #inventory #currentFilters p a:hover { color:#fff; text-decoration: underline; } /* Search Filter List Container Boxes */ #inventory .filterList { background:#f9f9f9; border:1px solid #cfcab8; } #inventory #inventory_v2_sidebar_filters .filterList h3 { padding:0 0 5px 10px; color:#333; font-weight: bold; font-size:13px; } #inventory .filterList ul {} #inventory .filterList ul li { color:#6c6c6c; } #inventory .filterList ul li a { color:#3372b3; background: url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_grey.gif) no-repeat 2px center; } #inventory .filterList li a:hover { color:#fff; background:#3372b3 url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif) no-repeat 2px center; } #inventory .filterList span a { float: left; margin: 10px; } #inventory .filterList span a:hover { color:#3372b3; } /* Contact Form Box */ #inventory #inventory_v2_sidebar_contact { margin: 15px 0; padding:0; background:none; border:none; font-size:11px; font-weight: bold; color:#000; } #inventory #inventory_v2_sidebar_contact h2 { color:#332b1a; padding: 0; margin: 0 0 20px; font-family: Times; font-size:17px; text-transform: uppercase; font-weight: normal; } #inventory #inventory_v2_sidebar_contact .input_element { width:180px !important; font-size:12px; margin-bottom: 17px; } #inventory #inventory_v2_sidebar_contact #contact_small { width:240px; } #inventory #inventory_v2_sidebar_contact #contact_small ol li { clear:both; } #inventory #contact_small #ec_is_submit input.submitButton { background: #c6c6c6; line-height:28px; border:1px solid #a7a7a7; margin: 0; padding: 0px 60px; *padding: 0px 30px; text-align: center; color:#565656; *margin-top:10px; } #inventory #contact_small #ec_is_submit input.submitButton:hover { background: #a7a7a7; border:1px solid #c6c6c6; } #inventory #inventory_v2_sidebar_contact #contact_small ol li label { color:#333; font-weight: normal; } #inventory #inventory_v2_sidebar_contact #contact_small ol { padding: 0 10px; } /* Top Search Bar Styles */ #inventory #searchBar { background: url(../images/topbar.jpg) no-repeat center top; border-top:none; } #inventory #sort_bar { margin: 0; background: url(../images/bttmbar.jpg) no-repeat center top; } #inventory #sort_bar a { color:#333; text-decoration: none; } #inventory #sort_bar a:hover { text-decoration: underline; } /* Vehicle Title and Price */ #inventory .inventory_v2_details h4 a { } #inventory .inventory_v2_details h4 a:hover { text-decoration: underline; } #inventory .price_line_1 { padding-bottom:3px; } #inventory .inventory_v2_details { width:335px; } #inventory .inventory_v2_details_links li a { color:#666; } #inventory .inventory_v2_details_links li a:hover { text-decoration: underline; } #inventory #inventory_v2_details ul li { color:#666; } #inventory a.btn_inventory_contact:link { color:#2a6cb0; } /* Change width so prices dont wrap */ #inventory .inventory_v2_pagination a { color: #666; } #inventory .inventory_v2_pagination a:hover {} #inventory #vehicleDisclaimer p { margin: 10px; display:block; } #inventory .inventory_v2_row { margin: 4px 0 0; background:none; border-bottom: 1px solid #b9b298; } #inventory .inventory_v2_row:hover { background: url(../images/inventory_rollover.jpg) repeat-x center top; } #inventory .inventory_v2_price { width:230px; } #inventory a.clearFilterCpo { color:#fff; } #inventory a.clearFilterCpo:hover { text-decoration: underline; } #inventory .inventory_v2_special { margin-bottom: 5px; } a#vehicle_v2_notify_button img { display:none; } a#vehicle_v2_notify_button { display:block; width:240px; height:118px; text-indent: -9000px; background: url(../images/finder.jpg) no-repeat center top; } #inventory .inventory_v2_paginationLeft { padding: 10px 0 0; } #inventory .inventory_v2_paginationCenter { padding: 10px 0 0; } #inventory .inventory_v2_paginationRight { padding: 10px 0 0; } /* ################################################# ### #=vehicle ### ################################################ */ /* Similar Vehicles Heading */ #vehicle #leftColumn h3 { color:#332b1a; padding: 0; margin: 0; font-family: Times; font-size:17px; text-transform: uppercase; font-weight: normal; } .similarVehicle { font-size: 8pt; background:url(../images/siliar_tile.jpg) repeat-x center top; border:none; padding:5px; } .similarVehicle ul { width: 120px; } #vehicle .similarVehicle ul li { color:#666; } #vehicle .similarVehicle ul li.price { color:#333; font-size:13px; font-weight: bold; } #vehicle .similarVehicle ul li a { font-weight:bold; color:#333; text-decoration: none; font-weight: bold; } /* View More Box */ #vehicle #vehicle_v2_sidebar_links {background:#f9f9f9; border:1px solid #cfcab8; margin:10px 0 0; } #vehicle #vehicle_v2_sidebar_links p { font-weight: bold; padding-left: 5px; color:#333; } #vehicle #vehicle_v2_sidebar_links ul {} #vehicle #vehicle_v2_sidebar_links li { color:#6c6c6c; } #vehicle_v2_sidebar_links li a { color:#3372b3; background: url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_grey.gif) no-repeat 2px center; } #vehicle_v2_sidebar_links li a:hover { color:#fff; background:#3372b3 url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif) no-repeat 2px center; } /* Breadcrumbs and share bar at top */ #vehicle #vehicle_topbar { background: url(../images/topbar.jpg) no-repeat center top; height:36px; color:#fff; line-height: 36px; margin: 0 0 6px; } #vehicle #vehicle_topbar_left { line-height: 36px; height:36px; } #vehicle #vehicle_topbar_right { line-height: 36px; height:36px; } #vehicle #vehicle_topbar a { color:#fff; } #vehicle #vehicle_title { font-size: 27px; font-family: Times; font-weight:bold; width:450px; margin: 10px 0; } #vehicle #vehicle_contact span { color:#332b1a; font-size:18px; } #vehicle #vehicle_contact a { color:#332b1a; } #vehicle .price_line_1 { font-size: 32px; line-height: 32px; font-family: Times; font-weight:bold; } #vehicle #searchBar { background: url(../images/topbar.jpg) no-repeat center top; height:36px; color:#fff; line-height: 36px; border:none; } #vehicle #searchBar_left { padding-top: 0; } #vehicle .gray_ten { color:#8b8156; font-weight: bold; } #vehicle .ip_dottedLine { height:2px; border-bottom:1px solid #d9d5c6; margin: 10px 0; padding: 0; background: none; } #vehicle #vehicle_mainVitals { width:400px; } /* Vehicle Listing Details */ #vehicle #vitalsContainer ul li { font-size:10px; color:#8b8156; } #vehicle #vitalsContainer ul li strong { color:#4c4c4c; font-weight: bold; } #vehicle #media_center_links li a { margin-top:5px; } #vehicle #vehicle_thumbs img { margin:2px 7px; } #vehicle #vehicle_thumbs { background: #cfcab8; } /* give some space to the subject line for the make an offer form */ #vehicle #trade_offer_subject { padding-bottom:10px; display:block; margin-left:70px; font-size:10pt; } #vehicle #dealerboxName { padding-top:5px; font-size:14px; color:#444; } #vehicle .dealerboxAdd { font-size:12px; } #vehicle #dealerboxPhone { font-size:12px; font-weight:bold; padding-top:10px; padding-bottom:10px; } #vehicle #dealerboxMap a { font-size:12px; color:#444; font-weight: bold; text-decoration:none; } #vehicle #dealerboxMap a:hover { text-decoration:underline; } /* Disclaimer at the bottom of the page */ #vehicle #vehicleDisclaimer p { margin: 10px; display:block; } #vehicle #customer_tools .input_element { font-size:11px; } #vehicle #customer_tools_content_wrapper form.validation label { font-size:11px; font-weight: bold; color:#555; } #vehicle #customer_tools_top_middle { padding-top: 10px; height:29px; line-height: 26px; font-weight: normal; } #vehicle #customer_tools_top_middle img { margin-right: 10px; } #financing #financeHeader { border:1px solid #d7d7d7; } #financing #financeLeft h2 { margin-top: 15px; } /* ################################################# ### #service ### ################################################ */ #service #service_request_form h3 { background: #d9d9d9; margin: 10px 20px; color:#333; } #parts #parts_request_form h3 { background: #d9d9d9; margin: 10px 20px; color:#333; } #vehicle_question_submit { margin: 15px 0 15px 220px; } #parts #parts_request_form label, #service #service_request_form label { font-size:12px; } #parts_request_form .input_element, #service_request_form .input_element { float:right; } /* ################################################### ### #sitemap ### ################################################### */ #sitemap #sitemap_list { list-style-type:none; margin:0px; padding:0px; } #sitemap #sitemap_list li { font-size:11pt; } #sitemap .sitemap_vehicle_title { font-weight:bold; color:#333; } #sitemap #sitemapContent h1 { color:#444; font-size:22px; font-weight: normal; margin: 0 0 10px; padding: 20px 0 10px; border-bottom:1px solid #d9d9d8; } #sitemap .sitemap_vehicle_list { list-style-type: none; } #sitemap #sitemap_list li { text-transform: capitalize; } #sitemap #sitemap_list li ul { display:none; } #sitemapContent { padding-bottom: 20px; } #sitemap_list .sitemap_vehicle_list { width: 20%; } /* ################################################### ### #videos ### ################################################### */ #ec_flowplayer_holder {position: relative; width: 600px;} #ec_flowplayer {display:block; height: 340px;} #ec_flowplayer_holder .ecl_video_unmute {display: none;} #ec_flowplayer_controlbar {border: 1px solid #909194; height: 14px; width: 598px; position: relative;} #ec_flowplayer_controlbar .play, #ec_flowplayer_controlbar .pause {border-right: 1px solid #aaa; padding-right: 3px;} #ec_flowplayer_controlbar .play, #ec_flowplayer_controlbar .pause, #ec_flowplayer_controlbar .mute, #ec_flowplayer_controlbar .unmute{background: transparent url(http://images1.ecarlist.com/sites/video/controlbar/images/control_bar.png) -1px -1px no-repeat; float: left; height: 15px; text-indent: -9999em; width: 15px; } #ec_flowplayer_controlbar .mute, #ec_flowplayer_controlbar .unmute {position: absolute; right: 0;} #ec_flowplayer_controlbar .play {background-position: -2px -1px;} #ec_flowplayer_controlbar .pause {background-position: -21px -1px;} #ec_flowplayer_controlbar .mute {background-position: -64px -1px;} #ec_flowplayer_controlbar .unmute {background-position: -84px -1px;} div#ec_flowplayer_controlbar div.time {display: none;} div#ec_flowplayer_controlbar div.track {border: none; height:7px; left:25px; overflow:show; position:absolute; top: 5px; width:550px;} #ec_flowplayer_controlbar div.buffer { background-color:#CCCCCC; height: 1px;} div#ec_flowplayer_controlbar div.track .progress {background-color: #beb69f; height: 3px; margin-top: 1px;} #ec_flowplayer_controlbar div.playhead {display: none;} #ec_playlist {display: none;}