/* Theme Name: Meticulous Motors Theme URI: http://wordpress.org/ Description: Custom Theme for Meticulous Motors Author: 723Media, LLC Version: 1.0 */ body { line-height: 1; background:url(images/bg-body.png) repeat-x top left #cdd9e9;text-align:center;font-weight: normal;font-family: 'AllerRegular', sans-serif;font-size:82.5%;color:#666;} h1, h2, h3, h4, h5, h6 { clear: both;font-weight: normal; color:#416eb3;margin:10px 0;} blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } .left{float:left;} .right{float:right;} p{padding:0 10px;} br{margin:2px 0;} a{color:#369;} /* =Fonts -------------------------------------------------------------- */ /* =Structure -------------------------------------------------------------- */ #outer { width:1000px; margin:0 auto;overflow:hidden;} #header{ height:90px; background:url(images/bg-header.png) no-repeat bottom center;} #inner{background:url(images/bg-inner.png) repeat-x top left #fff;border:1px solid #b8c6d9;overflow:hidden;padding:10px;clear:both;} #topbar{background:url(images/bg-topbar.png) repeat-x bottom left #024782; height:50px; border-top:1px solid #2a7cc2;} #image-header{height:190px;background:url(images/img-header.jpg) no-repeat center center;} #navigation{height:52px;background:url(images/bg-navigation.png) repeat-x bottom left;margin:0;padding:5px 0 0 0;} #page-footer{background:url(images/bg-social.png) repeat-x top left;height:200px;clear:both;} #left{width:212px;float:left;background:url(images/bg-sidebar-left.jpg) no-repeat top right;overflow:hidden;} #content{width:545px;float:left;background:#fff;text-align:left;padding:3px;font-size:1.05em;} #right{width:212px;float:right;background:url(images/bg-sidebar-right.jpg) no-repeat top left;overflow:hidden;padding:0 1px;} #footer{background:url(images/bg-footer.png) no-repeat center center;height:100px;width:960px;margin:0 auto;} /* =Presentation -------------------------------------------------------------- */ a.action{float:right;} a.view-all{background:url(images/ico-view.png) no-repeat left center; padding-left:20px;height:18px;line-height:18px;color:#39c;text-decoration:none;} #header h1{background:url(images/logo-header.png) no-repeat center center;width:250px;height:70px;float:left;text-indent:-999999px;display:block;position:relative;} .sidebox{width:209px;overflow:hidden;text-align:center;margin:0 0 10px 0;} .sidebox h3{border:1px solid #1383ff;background:url(images/bg-vehicle-title.png) repeat top left;width:210px;height:30px;font-size:1.15em;color:#fff;text-align:left;padding:12px 0 0 10px;margin:10px 1px 5px 1px;} .sidebox.social a.facebook{display:block;background:url(images/ico-facebook.png) no-repeat center center;width:48px;height:48px;margin:0 10px;float:left;} a.facebook{background:url(images/ico-facebook.png) no-repeat center center;width:48px;height:48px;margin:0 10px;display:inline-block;} .sidebox.social a.twitter{display:block;background:url(images/ico-twitter.png) no-repeat center center;width:48px;height:48px;margin:0 10px;float:left;} a.twitter{background:url(images/ico-twitter.png) no-repeat center center;width:48px;height:48px;margin:0 10px;display:inline-block;} .sidebox.social a.youtube{display:block;background:url(images/ico-youtube.png) no-repeat center center;width:48px;height:48px;margin:0 10px;float:left;} .sidebox.selling a.step-by-step{display:block;background:url(images/btn-stepbystep.png) no-repeat center center;width:202px;height:64px;} .sidebox.financing a.get-approved{display:block;background:url(images/btn-getapproved.png) no-repeat center center;width:202px;height:64px;} .sidebox.exporting a.export{display:block;background:url(images/img-unclesam.jpg) no-repeat center center;width:203px;height:263px;} .sidebox.bbb{background:url(images/img-bbb.jpg) no-repeat center center; width:140px;height:210px;margin:40px auto;} #google_translate_element{padding:0 5px;} .goog-te-gadget, .goog-logo-link{color:#fff !important;} .sidebox.testimonials a{color:#39c;text-decoration:none;} .look{background:url(images/bg-topbar-search.png) no-repeat top left; padding-left:10px;height:50px;} .look form{height:50px;} .look form input{float:left;margin:10px 0 0 0;} .look form .submit{margin:5px 10px 0 10px;float:left;} .sidebox .look{background:none;} .sidebox .look form .submit{float:right;margin:2px 0 0 2px;} #navigation ul{padding:0;margin:0;} #navigation li{float:left;margin:20px 25px 0 12px;} #navigation li a{text-decoration:none;color:#036;} #image-header .cta{float:right;position:relative;margin:50px -5px 0 0;width:303px;height:74px;background:url(images/cta-selling.png) no-repeat center center;display:block;} .recent-box, .make-box, .body-box{font-size:1em;text-align:left;padding-left:10px;} .recent-box span, .make-box span, .body-box span{display:block;} .recent-box .car, .make-box .make{text-transform:uppercase;padding-left:36px;display:block;} .recent-box .car a, .make-box span a, .body-box span a{text-decoration:none;color:#39c;} .recent-box .details{color:#666;padding-left:34px;} .recent-box p{padding:5px;} .make-box p {height:36px;line-height:36px;} .make-box .make{height:36px;line-height:36px;} .body-box .Convertible { background: url(images/bg-Convertible.png) no-repeat top center; padding-top: 55px; text-align: center; } .body-box .Coupe { background: url(images/bg-Coupe.png) no-repeat top center; padding-top: 55px; text-align: center; } .body-box .Hatchback { background: url(images/bg-Hatchback.png) no-repeat top center; padding-top: 55px; text-align: center; } .body-box .Sedan { background: url(images/bg-Sedan.png) no-repeat top center; padding-top: 55px; text-align: center; } .body-box .Sport { background: url(images/bg-Sport.png) no-repeat top center; padding-top: 55px; text-align: center; } .body-box .SUV { background: url(images/bg-SUV.png) no-repeat top center; padding-top: 55px; text-align: center; } .body-box .Truck { background: url(images/bg-Truck.png) no-repeat top center; padding-top: 55px; text-align: center; } .body-box .Wagon { background: url(images/bg-Wagon.png) no-repeat top center; padding-top: 55px; text-align: center; } #weekly-feature{width:510px;height:275px;margin:10px auto 0; background:#fff;border:1px solid #d7d7d7; padding:10px;} #weekly-feature #feature-img{overflow:hidden;height:230px;width:510px;text-align:center;background:#044499;} #weekly-feature #feature-detail{height:40px;width:490px;background:#01325c;line-height:40px;color:#fff;padding:0 10px;border-top:1px solid #3a5d7b;} #weekly-feature #feature-detail a{height:40px;line-height:40px;color:#fff;text-decoration:none;} #page-footer a{margin:45px 10px;display:block;float:left;} #page-footer a.facebook{width:202px;height:75px;background:url(images/img-facebook.png) no-repeat center center;} #page-footer a.twitter{width:270px;height:75px;background:url(images/img-twitter.png) no-repeat center center;} #page-footer a.youtube{width:203px;height:110px;background:url(images/img-youtube.png) no-repeat center center;} #page-footer a.ebay{width:210px;height:85px;background:url(images/img-ebay.png) no-repeat center center;} #footer h2{float:right;background:url(images/logo-footer.png) no-repeat center center;width:210px;height:60px;text-indent:-999999px;} #footer .links { padding-top:20px; } #feature-carousel{background:url(images/bg-vehicle-title.png) repeat top left; border:1px solid #1383ff; width:493px;height:85px;margin:0 auto;} .horizontal-carousel { height: 80px;overflow:hidden;width:500px;margin:20px 0;} .horizontal-carousel .next, .horizontal-carousel .prev {width:15px;display:block;height:80px;margin:0 5px;} .horizontal-carousel .next{background:url(images/btn-next.png) no-repeat center center;float:right;} .horizontal-carousel .prev{background:url(images/btn-prev.png) no-repeat center center;float:left;} .horizontal-carousel .viewport {float:left;width:430px;height:70px;overflow:hidden;position:relative;margin-left:8px;} .horizontal-carousel .overview {list-style:none;position:absolute;padding:0;margin:0;left:0;top:0;} .horizontal-carousel .overview li{float:left;margin:5px 13px;height:80px;width:50px;} .horizontal-carousel .overview li a img{border:2px solid #fff;width:50px;height:50px;margin:10px 0;} .horizontal-carousel .overview li a:hover img{border:2px solid #70b6f1;} h2.special{background:url(images/ico-star.png) no-repeat left center;padding-left:24px;} #map{margin:10px 50px;} .vehicle{border:1px solid #e3e3e3;margin:5px auto;color:#3399cc;width:518px;} .vehicle .image{width:120px;padding:10px;float:left;} .vehicle .image img{border:4px solid #e3e3e3;} .vehicle .specs{float:left;width:72%;font-size:.925em;} .vehicle .specs strong{display:block;border-bottom:1px solid #f7f7f7;padding:8px 2px;} .vehicle .specs .left, .vehicle .specs .right {font-size:.875em;width:49%;} .vehicle .specs .left br, .vehicle .specs .right br{margin:10px 0;} .vehicle .specs .left{float:left;} .vehicle .specs .right{float:right;} .vehicle .specs .general-description{clear:both;color:#666;} .vehicle .details{clear:both;text-align:left;background:url(images/bg-vehicle-detail.png) repeat-x top left #57a701;border-top:1px solid #6b9d03;color:#fff;height:50px;line-height:50px;padding:0 5px;} .vehicle .title{clear:both;text-align:left;background:url(images/bg-vehicle-title.png) repeat top left #064b98;color:#fff;line-height:1.75em;padding:10px 5px;border:1px solid #1383ff;} .vehicle .details strong, .vehicle .title strong{font-size:1.25em;} .vehicle .title strong a{color:#fff;text-decoration:none;} .vehicle .details a{height:50px;line-height:50px;color:#fff;} .vehicle-details{background:#EFF0F4;border:1px solid #D3DAEC;margin:10px auto;padding:10px;width:90%;} .vehicle-details div{border-bottom:1px solid #D3DAEC;overflow:hidden;} .vehicle-details div br{margin:10px 0;} .vehicle-details div.left, .vehicle-details div.right{ border:none; width:45%; } .vehicle-details div.icon { border:none; margin:8px 0; padding:5px 0;} div.icon span { display:block; height:24px; line-height:24px; } .swatch{display:inline-block;width:16px;height:16px;margin:5px 0 -2px 5px;border:1px solid #000;} .vehicle .image .youtube{background:url(images/ico-youtube.png) no-repeat center 15px; display:block;height:68px;font-size:.75em;text-align:center;} #navigation ul{list-style-type:none;} #content h2{margin:30px 10px 20px;border-bottom:1px solid #cfdcee;padding-bottom:10px;} #content p{margin:20px 0;} #content li p{margin:5px 0;} #content .step{background:#fefee5;border:1px solid #fff4c7; padding:10px;margin:10px;} #content .step h3{background:url(images/ico-check.png) no-repeat top left; padding:0 0 5px 24px;border-bottom:1px solid #ffe4ab;} .price{background:url(images/ico-price.png) no-repeat left center; padding-left:24px;} .doors{background:url(images/ico-doors.png) no-repeat left center; padding-left:24px;} .vin{background:url(images/ico-vin.png) no-repeat left center; padding-left:24px;} .transmission{background:url(images/ico-transmission.png) no-repeat left center; padding-left:24px;} .drive{background:url(images/ico-drive.png) no-repeat left center; padding-left:24px;} .mpg{background:url(images/ico-mpg.png) no-repeat left center; padding-left:24px;} .fuel{background:url(images/ico-fuel.png) no-repeat left center; padding-left:24px;} .odometer{background:url(images/ico-odometer.png) no-repeat left center; padding-left:24px;} .engine{background:url(images/ico-engine.png) no-repeat left center; padding-left:24px;} .accidents{background:url(images/ico-accidents.png) no-repeat left center; padding-left:24px;} .owners{background:url(images/ico-owners.png) no-repeat left center; padding-left:24px;} #content h2.inventory{} #clean_contact{background:#ebf1f9;border:1px solid #c7d3e5; width:80%;margin:10px auto;padding:20px;} #clean_contact fieldset input[type='text'], #clean_contact fieldset textarea{width:90%;} #clean_contact fieldset label{display:block !important;margin:5px 0 0 0;} #faq{width:90%;margin:30px auto;} #faq h3{margin:15px auto;} #faq h4{color:#5aab01;margin:20px auto 10px;cursor:pointer;} #faq .toggle-detail{margin:0 20px;} .album-wrapper{width:95%;margin:10px auto;} .album, .album-photo{float:left;width:100px;height:100px;border:1px solid #cfdcee;padding:5px;margin:5px;position:relative;} .highlight{background:#EBF1F9;border:1px solid #C7D3E5;width:90%;margin:10px auto;padding:10px;} .document, .hauler, .keys {width:505px;height:220px;margin:10px auto;} .document{background:url(images/img-sign.png) no-repeat center center;} .keys{background:url(images/img-keys.png) no-repeat center center;} .hauler{background:url(images/img-export.png) no-repeat center center;} .testimonial{background:#EBF1F9;border:1px solid #C7D3E5;margin:10px auto;padding:20px;width:88%;text-align:center;} .testimonial .media{margin:10px auto;} .body-box p { margin:4px 0; padding:0;} .body-box .Truck { background:url(images/bg-Truck.png) no-repeat top center; padding-top:85px;text-align:center;} .body-box .Coupe { background:url(images/bg-Coupe.png) no-repeat top center; padding-top:85px;text-align:center;} .body-box .Sedan { background:url(images/bg-Sedan.png) no-repeat top center; padding-top:85px;text-align:center;} .body-box .Convertible { background:url(images/bg-Convertible.png) no-repeat top center; padding-top:85px;text-align:center;} .body-box .SUV { background:url(images/bg-SUV.png) no-repeat top center; padding-top:85px;text-align:center;} .body-box .Wagon { background:url(images/bg-Wagon.png) no-repeat top center; padding-top:85px;text-align:center;} .body-box .Hatchback { background:url(images/bg-Hatchback.png) no-repeat top center; padding-top:85px;text-align:center;} .body-box .Van { background:url(images/bg-Van.png) no-repeat top center; padding-top:85px;text-align:center;}