/* File: custom.css Description: Custom styles for Thesis Site: firstforseatcars.com BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ @font-face { font-family: "Seat Bold"; src: url('font/Seat/SEMEBR__.TTF'); } .custom #container { background: url("images/header-background.jpg") repeat-x; width: 100%; text-align: center; } .custom #page{ width: 960px; margin: 0 auto; text-align: left; /* border: 1px dotted #0f0; */ } .custom #content_box { width: 960px; background-color: #ffffff; } .custom #content_box.no_sidebars #content { width: 900px; padding-right: 30px; padding-left: 30px; } .custom #content_box #content { width: 660px; padding-right: 30px; padding-left: 30px; background-color: #fff; /* border-right: 1px solid #fcfcfc; */ } .custom #header { padding: 0; background: #900 url("images/header-091106-03.jpg") no-repeat; width: 960px; height: 305px; /* border: 1px dotted #f66626; */ } .post_box, .teasers_box, .full_width #content_box .page, .no_sidebars .post_box { margin: 0; } ul.menu .menu{ margin: 0; padding: 0; border-style: none; } .custom ul.menu{ padding-left: 25px; width: 935px; border-style: none; background: #740002 url("images/nav-background-091106-03.jpg"); border-bottom: 1px solid #740002; } .custom ul.menu li a{ background: #efefef url("images/buttonbar-2.gif"); border-right: 1px solid #bbb; border-left: 1px solid #efefef; border-bottom: 1px solid #acacac; letter-spacing: 0.07em; } .custom ul.menu li li a, .custom ul.menu li.current li a{ background: #efefef; border-right: 1px solid #999999; border-left: 1px solid #f6f6f6; } .custom ul.menu li.current a{ border-right: 1px solid #ddd; border-left: 1px solid #fff; border-bottom: 1px solid #fff; } .custom ul.menu .current a, .custom ul.menu li li.current a{ background-color: #ffffff; background-image: none; } .custom ul.menu .current-parent a{ background-color: #ffffff; background-image: none; border-bottom: 1px solid #ffffff; } .custom ul.menu .current-parent .item a{ background-color: #f6f6f6; background-image: none; border-bottom: 1px solid #f9f6f7; } .custom.about #content p, .custom.about #content ul{ padding-left: 65px; padding-right: 65px; } .custom.about .image_float_right, .custom.about .pullquote{ margin-right: 65px; } .custom .header-image img{ margin-bottom: 35px; margin-top: 15px; } .custom #sidebars { margin-top: 1.2em; background-color: #ffffff; padding-right: 30px; /* border: 1px dotted #f0f; */ width: 204px; background-color: #ffffff; padding-top: 0; margin-top: 50px; } #sidebars #sidebar_1{ padding: 10px; width: 184px; background-color: #efefef; } #sidebars .sidebar_list{ padding: 0; } ul.sidebar_list { padding-top: 2.2em; } .sidebar-image{ margin-top: 85px; margin-right: auto; margin-left: auto; width: 48px; padding-left: 40px; bottom: 0; } .sidebar-image.autoemocion{ width: 48px; } .custom #multimedia_box{ padding: 0; } .image_float_left{ float: left; position: relative; margin-right: 5px; margin-bottom: 10px; } .float_left{ float: left; position: relative; margin-right: 5px; } .image_float_right, .post_image{ float: right; position: relative; margin-left: 25px; margin-bottom: 15px; } .image_float_right .image_info{ margin-left: 40px; position: relative; top: -10px; } .image_float_right .image_info h2{ margin-top: 4px; margin-bottom: 2px; font-size: 13pt; } #content .image_float_right p.small_image_caption{ color: #999; font-size: 9pt; width: 290px; margin: 2px auto 5px; padding: 0; line-height: 11pt; text-align: center; } #content .image_float_right p.image_caption{ color: #999; font-size: 8pt; width: 350px; margin: 2px auto 5px; padding: 0; line-height: 11pt; text-align: center; } .notes{ border: 1px solid #c00; padding: 10px; } p.note.subhead{ border: none; padding: 0; background-color: #fff; } .clear{ clear: both; } .service_block{ width: 274px; float: left; margin-right: 35px; margin-bottom: 35px; } .service_block.offer, .service_block.last{ margin-right: 0; } .service_block.offer{ /* border: 1px dotted #f00; */ } .service_block p{ margin-bottom: 5px; margin-left: 3px; margin-right: 10px; } .service_block h2{ margin: 2px 0 3px 3px; /* font-size: 1.25em; font-weight: bold; color: #515151; letter-spacing: 1pt;*/ } .service_block p a{ font-style: italic; } .service-image{ width: 270px; padding: 2px; border: 1px solid #ccc; background: #d1d1d1 url(images/box-gradient.gif) repeat-x; float: left; margin-bottom: 5px; } .service-image img{ margin: 0; padding: 0; float: left; } .custom .service_block .service-image p, .custom .service_block .service-image p a, .custom .service-image.border img, .custom .service-image.border a img{ margin: 0; padding: 0; } .service_block.offer, .service_block.last{ margin-right: 0; } .custom h1, h2, h3, .custom h1 a, .custom h2 a{ color: #c00; text-decoration: none; } .custom h1 a:hover, .custom h2 a:hover{ text-decoration: underline; } .custom h1{ font-size: 2.8em; line-height: .95em; } .custom h1 .subhead{ font-size: .75em; } .custom .headline_area{ margin-bottom: 15px; } h2 .model-description{ color: #888; font-size: .95em; font-weight: normal; font-style: italic; } .service_block h2 a{ text-decoration: none; color: #c00; } .service_block h2 a:hover{ text-decoration: underline; background-color: #efefef; } .subhead{ font-size: .85em; color: #999; font-style: italic; font-weight: normal; } #yoastbreadcrumb{ font-size: 1.2em; margin-top: 1.2em; margin-left: 0; } #footer { text-align: center; /* border: 1px dotted #0f0; */ border-top: 1px dotted #efefef; margin: 35px 25px 20px; padding: 30px; width: 850px; bottom: 0; position: relative; /* -moz-border-radius: 1em; -webkit-border-radius: 1em; */ background: #d1d1d2 url("images/footer-gradient.gif") repeat-x; } .footer_block{ font-size: .9em; width: 160px; float: left; position: relative; text-align: left; border-right: 1px solid #efefef; margin-right: 30px; padding-right: 20px; margin-bottom: 15px; min-height: 210px; overflow: visible; } .footer_block.last{ border-right: none; margin-right: 0px; padding-right: 0px; width: 180px; } .custom #footer .footer_block p, .custom #footer .footer_block li{ font-size: 1.3em; line-height: 1.5em; } .footer_block a{ color: #333; text-decoration: none; } .footer_block a:hover{ color: #33f; text-decoration: underline; } .footer_block p, .footer_block ul{ margin: 0 0 8px; text-align: left; } .footer_block h2{ margin: 0; padding: 0; /* font-family: "Museo 700"; */ color: #c00; } .footer_block ul{ padding: 0 0 0 15px; } .footer_block.last{ border-right: none; margin-right: 0px; padding-right: 0px; width: 180px; } .custom p#copyright{ clear: left; font-size: 1.1em; line-height: 1.35em; } #tagline{ float: right; right: 25px; margin-top: 15px; color: #999; position: relative; font-style: italic; font-size: 1.5em; } .contact_block{ clear: right; width: 265px; float: right; position: relative; color: #fff; font-size: 1.5em; font-weight: bold; line-height: 1.45em; text-shadow: #555 2px 2px 4px; margin-top: 35px; font-family: "Seat Bold"; } .contact_block .company{ font-size: 1.5em; line-height: 1.4em; } .contact_block .intro{ font-family: "Seat Bold"; font-style: italic; text-decoration: none; font-weight: normal; font-size: 1.5em; color: #333; text-shadow: none; line-height: 1.1em; } .contact_block .phone{ font-size: 1.1em; } .button{ font-family: "Seat Medium"; border: 1px solid #d00; padding: 5px; width: 120px; text-align: center; font-weight: bold; background-color: #f0f0f0; border-bottom-color: #b00; border-bottom-width: 1px; border-right: 1px solid #b00; text-shadow: #999 2px 2px 4px; margin-top: 10px; } .button a{ color: #c00; font-size: 1.2em; } #image_box img.square { height: auto; width: auto; } .custom li.widget{ margin-bottom: 25px; } .margin-promo{ width: 180px; margin: 0; padding: 0; text-align: left; } .margin-promo.caption{ border: 1px solid #dedede; padding: 1px; } .margin-promo.caption p{ font: bold .95em/1.25em Verdana, Helvetica, Arial, sans-serif; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; font-weight: bold; font-style: normal; font-size: .95em; color: #555; } .margin-promo.caption p .more{ font-style: italic; } .custom .margin-promo.border-top{ margin-top: 45px; } .margin-action{ width: 150px; margin-left: 10px; margin-right: 10px; padding: 5px; /* background: #d5d4d5 url("images/buttonbar.gif") repeat-x; */ background: #c4c0bf; text-align: center; font-family: "Seat Medium"; font-weight: bold; font-size: 1.15em; border: 1px solid #645d59; border-bottom-color: #4c4643; border-bottom-width: 1px; border-right: 1px solid #4c4643; text-shadow: #999 2px 2px 4px; } .custom .margin-text{ width: 140px; margin-left: 10px; margin-right: 10px; padding: 10px; /* background: #d5d4d5 url("images/buttonbar.gif") repeat-x; */ background: #f3f3f3; border: 1px solid #bcbcbc; border-bottom-color: #878787; border-bottom-width: 1px; border-right: 1px solid #878787; } .margin-text.highlight{ border: 1px solid #c00; } .custom .margin-text.nopad{ padding: 0 0 10px; width: 160px; } .custom .margin-text.nopad a img{ border-bottom: 1px solid #bcbcbc; } .custom .margin-text.nopad p{ padding: 0 10px; } .custom .margin-text.no-border{ padding: 0; width: 160px; margin: 0; } .custom .margin-image{ margin-left: 8px; margin-right: 8px; margin-bottom: 18px; } .custom .margin-text.no-border img{ margin: 0; padding: 0; } .custom .margin-text.no-border a img{ border-bottom: 1px solid #bcbcbc; } .custom .margin-text p{ text-align: center; font: bold .95em/1.25em Verdana, Helvetica, Arial, sans-serif; margin: 2px 0 0; padding: 0; color: #646464; } .custom .margin-text h2{ text-align: center; font: bold 1.18em Verdana, Helvetica, Arial, sans-serif; margin: 0; padding: 0; letter-spacing: .05em; } .custom .margin-text ul{ margin-top: 15px; } .custom .margin-text ul.bullet{ list-style-type: disc; margin-left: 15px; } /* .margin-promo, .margin-action, .pullquote{ -moz-border-radius: 1em; -webkit-border-radius: 1em; } */ .margin-promo p, .margin-action p{ font-size: 1em; font-style: italic; margin-top: 0; margin-bottom: 0; text-align: left; } .margin-promo img{ padding: 0; } .margin-action h2, .margin-action p{ text-align: center; vertical-align: middle; margin: 3px 0; padding: 0; color: #5c5246; } .margin-action h2 a, .margin-action p, .margin-promo h2, .margin-promo h2 a{ color: #645d59; } .margin-action h2, .margin-action p, .margin-promo h2{ font: bold .80em/1.2em Verdana, Helvetica, Arial, sans-serif; } .margin-action a:hover{ text-decoration: underline; } p.more{ text-align: right; width: 100%; } p.intro, .intro li, .intro p{ font-weight: bold; color: #555; } .car-quote{ width: 170px; margin: 35px auto 25px; padding: 10px; background: #d1d1d1 url("images/footer-gradient.gif"); float: left; margin-left: 15px; margin-bottom: 15px; margin-top: 0; } .car-quote p{ font-size: 1em; font-style: italic; margin-top: 0; margin-bottom: 0; text-align: left; } .car-quote h2{ text-align: center; margin: 0 0 5px; padding: 0; font: bold 1em/1.2em Verdana, Helvetica, Arial, sans-serif; } .custom blockquote{ border-style: none; font-style: italic; color: #444; } .custom blockquote p{ margin-bottom: 1em; } .pullquote{ width: 180px; padding: 15px 29px 15px 25px; background: #d1d1d1 url("images/footer-gradient.gif"); float: right; border-left: 2px solid #c00; margin: 0 0 15px 25px; color: #999; font: bold 1.15em/1.45em Verdana, Helvetica, Arial, sans-serif; } .pullquote em{ padding: 4px; font-style: normal; text-decoration: underline; } .pullquote p{ font-style: italic; margin-top: 0; margin-bottom: 0; text-align: left; } .pullquote h2{ text-align: center; margin: 0 0 5px 0; padding: 0 0 0 10px; font: bold 1em/1.2em Verdana, Helvetica, Arial, sans-serif; } .custom .about p.pullquote{ margin-right: 65px; padding: 20px 30px; } .content-promo{ width: 170px; margin: 35px auto 25px; padding: 10px; background: #d1d1d1 url("images/footer-gradient.gif"); float: right; margin-left: 15px; margin-bottom: 15px; margin-top: 0; } .content-promo p{ font-size: 1em; font-style: italic; margin-top: 0; margin-bottom: 0; text-align: left; } .content-promo h2{ text-align: center; margin: 0 0 5px; padding: 0; font: bold 1em/1.2em Verdana, Helvetica, Arial, sans-serif; } .parts-frame{ border: 1px solid #efefef; width: 620px; height: 500px; padding: 10px; } .parts-frame td{ color: #f00; } .used-cars-frame{ width: 800px; clear: both; border: 1px solid #efefef; } .used-car-frame iframe{ } span.drop-cap{ color: #c00; float: left; font-family: Georgia,serif; font-size: 300%; line-height: 1.05em; margin-right: 0.13em; margin-bottom:-0.20em; } .car-model{ clear: right; margin-top: 40px; overflow: visible; } .car-model h2{ margin: 0; } .car-model p{ margin-top: 3px; width: 325px; margin-bottom: 0; } .car-model img{ margin-top: 10px; } .custom.about #content p.signature, p.signature{ width: 250px; float: left; margin-right: 0; padding-right: 0; margin-top: 20px; } .profile{ font-size: .9em; color: #777; font-style: italic; width: 90%; } .note{ font-size: .95em; color: #777; font-style: italic; } .quote{ width: 90%; padding: 15px 20px; border: 1px solid #c00; margin: 25px auto; } .quote h3{ color: #c00; margin-top: 0; } .quote p{ color: #313131; margin-top: 8px; margin-left: 15px; font-style: italic; margin-bottom: 0; } .teaser .format_teaser { margin-bottom:0.75em; } /* @group Table */ th, td { vertical-align: top; padding: 2px 20px 3px 3px; text-align: left; font-size: .85em; } th, tr.title-row th{ background-color: #c00; color: #fff; /* font-family: "Museo 700"; */ white-space: nowrap; padding: 2px; } table.offer-data, table.depreciation, .data.border{ border: 1px solid #c00; padding: 2px; margin-bottom: 25px; } table.depreciation{ width: 330px; padding: 0px; } table.depreciation td.depr{ text-align: right; } table.depreciation td.center{ text-align: center; } table.data th, table.data td { vertical-align: top; padding: 3px 25px 4px 5px; text-align: left; font-size: 1em; } table.data{ margin-bottom: 25px; margin-left: 25px; } img.down_15{ position: relative; top: 15px; } table.offer-data.center td{ text-align: center; } th.center{ text-align: center; } .offer-data th{ background-color: #fff; color: #c00; width: 80px; margin: 0; border-style: none; padding: 3px 10px 3px 5px; } tr.odd th, tr.odd td{ background-color: #efefef; border-style: none; } .offer-data th,.offer-data td, table.offer-data { border-collapse:collapse; } .motability th { background-color: #fff; color: #c00; /* font-family: "Museo 700"; */ width: 80px; height: 18px; } .motability tr td, .motability tr th{ border-bottom: 1px dotted #ccc; white-space: nowrap; } td { /* width: 250px; */ } td.checkbox{ background-color: #fff; width: 80px; text-align: right; } .row_odd { background-color: #fff8ee; } .row_even { background-color: #fff3e1; } /* @end */ /* @group Forms */ .gform_wrapper .right_label div.ginput_complex, .gform_wrapper .left_label div.ginput_complex { float:left; width:74%; } .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper textarea.textarea { width:72%; } .gform_wrapper .ginput_complex input, .gform_wrapper .ginput_complex select { width:99% !important; } .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right { float:left; width:50%; } .gfield_checkbox input{ width: 12px; height: 12px; float: left; margin: 2px 2px 0 0; padding: 0; } .gform_wrapper .left_label .gfield_label { float:left; font-weight: bold; margin:2px 12px 0 0; width:23%; } .custom .gform_footer.top_label input.button, .custom .gform_footer.left_label input.button{ width: 135px; background-color: #c00; color: #645d59; background: #c4c0bf; font: bold .90em/1.2em Verdana, Helvetica, Arial, sans-serif; padding-top: 5px; padding-bottom: 5px; border: 1px solid #645d59; } .gform_footer.top_label{ padding-top: 0; padding-bottom: 0; margin-bottom: 10px; margin-top: 10px; } .custom .gform_body{ border: 1px solid #645d59; padding: 10px; } .gform_wrapper{ margin-bottom: 35px; margin-right: 0; width: 80%; } /* .custom .ginput_container{ width: 100%; border: 1px solid #f00; } */ .custom .ginput_right, .custom .ginput_right input{ width: 100%; } .custom .ginput_container span label{ font-size: 9pt; line-height: 9pt; margin-bottom: 0; margin-top: 2px; color: #777; margin-left: 2px; } .custom .gform_wrapper .ginput_complex input, .custom .gform_wrapper .ginput_complex select { padding-right: 10px; } .gform_wrapper ul.right_label li, .gform_wrapper form ul.right_label li, .gform_wrapper ul.left_label li, .gform_wrapper form ul.left_label li { margin-bottom:10px; } .gform_wrapper ul.right_label .gfield_checkbox li, .gform_wrapper form ul.right_label .gfield_checkbox li, .gform_wrapper ul.left_label .gfield_checkbox li, .gform_wrapper form ul.left_label .gfield_checkbox li { margin-bottom:2px; } .gform_wrapper .left_label ul.gfield_checkbox, .gform_wrapper .right_label ul.gfield_checkbox, .gform_wrapper .left_label ul.gfield_radio, .gform_wrapper .right_label ul.gfield_radio { margin-left:26%; } .gform_wrapper .left_label .mailing_list .gfield_label { float:left; font-weight: normal; margin: 2px 12px 0 0; width:90%; } .gform_wrapper .left_label .mailing_list .gfield_checkbox label { display: none; } .left_label .gfield_description{ width:65%; padding:0; float: right; position: relative; margin: 0; top: -18px; } /* @end */ .privacy{ width: 500px; } .faq, .highlight{ border: 1px solid #c00; padding: 10px 30px 20px; margin-bottom: 25px; } .faq p, .highlight p{ margin-top: 0; margin-bottom: .3em; } .bold{ font-weight: bold; color: #695f5f; font-style: italic; font-size: 1.05em; } .faq h3, .highlight h3{ margin-left: 0; margin-bottom: .2em; margin-top: .7em; padding: 0; } .custom #civilian h2, .custom #military h2{ margin-top: 0; } .format_text #tabs ul{ margin: 0; } .faq h2{ margin: 0 0 5px; } h2.no-margin{ margin-top: 0; } .custom ul.ui-tabs-nav{ padding-left: 1.45em; } p.offer-date{ font-style: italic; font-size: .75em; color: #777; margin: 0 0 0 3px; } .custom img.border, .custom img.post_image.frame, .custom img.thumb.frame, .custom .teaser .post_image_link img.thumb.frame, .custom div.border img { padding: 2px; background-color: #fff; border: 1px solid #ddd; margin-top: 3px; } .custom .box.border { padding: 20px 25px 10px; background-color: #fff; border: 1px solid #ddd; margin-top: 25px; margin-bottom: 15px; } .custom .special img.border{ border-color: #c00; } .data.google{ width: 570px; } #address{ color: #444; margin-top: 15px; text-align: center; margin-right: auto; margin-left: auto; width: 550px; font: normal normal 9pt Tahoma, Verdana, Helvetica, Arial, sans-serif; } .divider{ border-bottom: 1px dotted #ccc; clear: both; margin: 25px auto; width: 90%; } .align-top{ top: -30px; position: relative; } .vert_space_25{ width: 1px; height: 25px; }.vert_space_50{ width: 1px; height: 50px; } .vert_space_100{ width: 1px; height: 100px; } .vert_space_150{ width: 1px; height: 150px; } .vert_space_200{ width: 1px; height: 200px; } .vert_space_250{ width: 1px; height: 250px; } .delete{ text-decoration: line-through; } .comment{ width: 75%; margin-bottom: 45px; border-bottom: 1px dotted #999; margin-top: 15px; } .conditions{ color: #777; font-style: italic; } .custom .offer_float_right{ float: right; position: relative; color: #c00; font-size: 12pt; font-weight: bold; border: 1px solid #ccc; padding: 5px 15px; top: -15px; background: #d1d1d1 url('images/box-gradient.gif') repeat-x; } .custom .offer_float_right.used_car{ top: -20px; background-color: #fff; } .custom .offer_float_right h2{ font-size: 14pt; font-weight: bold; text-align: center; } .custom .offer_float_right p{ color: #555; text-align: center; font: normal normal 10pt Tahoma, Verdana, Helvetica, Arial, sans-serif; } .custom .offer_float_right.used_car p{ width: 315px; } .marker{ color: #c00; font-weight: bold; font-size: 15pt; top: 3px; position: relative; } .offer em{ font-style: normal; font-weight: bold; color: #c00; } .custom a.outbound{ text-decoration: none; color: #c00; font-weight: bold; } .custom a:hover.outbound{ text-decoration: underline; } .quote.margin-290{ margin-right: 310px; width: 295px; } .new{ color: #c00; font-weight: bold; font-style: italic; font-size: 1.1em; }