/*------------------------------------------------------------------ [Base Stylesheet] Theme Name: Shrewsbury VW Version: 1.5 Last Change: 8/24/2009 - Eric Rihlmann [Table of Contents] 1. Global Attributes 2. Header 3. Navigation 4. Columns 5. Content 6. Forms 7. Sidebar 8. Widgets 9. Footer 10. Random Attributes [Notes] -------------------------------------------------------------------*/ /* 1. GLOBAL ATTRIBUTES */ * {margin:0; padding:0;} html,body {height:100%; background:#000;} body { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:100%; /* Resets 1em to 16px */ line-height:1.125em; /* 16?1.125=18 */ background:#000;} a {text-decoration:none; color:#fdfc86; outline:none;} a:hover {color:#e7e500;} h1,h2,h3,h4,h5,h6,strong {font-weight:bold;} abbr,acronym {border-bottom:1px dotted; cursor:help;} em {font-style:italic;} blockquote,ul,ol,dl {margin:1em;} ol,ul,dl {margin-left:2em;} ol li {list-style: decimal outside;} ul li {list-style: disc outside;} dl dd {margin-left:1em;} th,td {border:1px solid #000; padding:.5em;} th {font-weight:bold; text-align:center;} caption {margin-bottom:.5em; text-align:center;} p,fieldset,table {margin-bottom:1em;} hr {display:none;} /* 2. HEADER */ #header {position:relative; z-index:3; color:#97d2f3; background:url(../images/template/header.png) no-repeat top center #000305;} #header .header_inner{width:960px; height:5.75em; margin:0 auto; position:relative;} #header a{color:#97d2f3;} #header a:hover{color:#f6f6a9;} #header h1{padding:0; margin:0; position:absolute; top:12px; text-indent:-5000px; overflow:hidden;} #header h1 a{width:290px; height:72px; display:block; background:url(../images/template/header_dealer_logo.png) no-repeat;} #header h1 a:hover{background-position:0 -72px;} #header .manufacturer_logo{width:190px; height:113px; position:absolute; top:0; right:0; background:url(../images/template/header_manufacturer_logo.jpg) no-repeat;} #header address{width:452px; position:absolute; top:24px; left:321px; z-index:1; font-size:0.75em;} #header address .tel{display:block; padding:0 0 5px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; font-size:1.5em;} #header address .tel strong{ font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; font-size:1.444em; color:#fff;} #header address .contact{padding:0 15px 0 20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; background:url(../images/template/question_14x14.png) no-repeat 0 2px;} #header address .adr{padding:0 0 3px 22px; background:url(../images/template/directions_16x16.png) no-repeat;} #header .hours_sales {display:none; text-indent:-5000px;} #header ul.header_social_links {width:200px; padding:0; margin:0; position:absolute; top:27px; left:535px; z-index:600; font-size:0.75em;} #header ul.header_social_links li {padding:0; margin:0; z-index:600; list-style:none;} #header .header_social_links ul {width:140px; padding:0 0 4px 0; margin:0; position:relative; display:none; z-index:600; background:#0a2e49;} #header .header_social_links ul li {padding:0; margin:0; position:relative; z-index:600; list-style:none;} #header .header_social_links a {background:url(../images/template/header_social_sprite.png) no-repeat; z-index:600; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} #header .header_social_links li:hover ul {display:block; z-index:600;} #header .header_social_links a#follow_us_top {padding:3px 70px 3px 0; font-style:italic; background-position: right 3px;} #header .header_social_links a#social_facebook {padding:4px 0 4px 30px; display:block; background-position: 10px -35px;} #header .header_social_links a#social_twitter {padding:4px 0 4px 30px; display:block; background-position: 10px -75px;} #header .header_social_links a#social_youtube {padding:4px 0 4px 30px; display:block; background-position: 10px -115px;} .header_social_links li:hover ul, .header_social_links li.over ul {display: block;} /* 3. NAVIGATION */ /* Main Navigation */ #nav {padding:4px 25px 10px 25px; position:relative; z-index:2; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:0.875em; color:#bad8e9; background:url(../images/template/nav.png) repeat-x bottom #006fad;} #nav ul {width:754px; padding:0 206px 0 0; margin:0 auto;} #nav li {padding:0; margin:0; float:left; position:relative; z-index:550; list-style:none;} #nav li a {padding:0 5px; margin:0 10px 0 0; display:block; color:#bad8e9;} #nav li a:hover, #nav li:hover a {background:#8abdd9; color:#013f61;} #nav li ul {padding:10px 0 10px 0; margin:0; width:182px; position:absolute; left:0; display:none; z-index: 100; background:#005786; border-bottom:3px solid #013f61;} #nav li ul li {border: none;} #nav li ul li a, #nav li:hover ul li a {padding:0 0 0 17px; width:150px; display:block; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:0.857em; color:#8abdd9; background:url(../images/template/arrow_dark_blue_6x9.png) no-repeat 6px 5px transparent;} #nav li ul li a:hover {background:url(../images/template/arrow_dark_blue_6x9.png) no-repeat 6px 5px transparent; color:#fff;} #nav li>ul {top:auto; left:auto;} #nav li:hover ul, #nav li.over ul {display: block;} /* lists nested under hovered list items */ #nav li ul li.nav_heading, #nav li ul li.nav_heading:hover {padding:17px 0 6px 17px; display:block; font-weight:bold; text-transform:uppercase; color:#000e16;} /* Sub Navigation */ #sub_nav {padding:0; margin:0 0 14px 0; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:0.875em; font-weight:bold; color:#bad8e9;} #sub_nav li {padding:0; margin:0 0 1px 0; width:190px; position:relative; list-style:none;} #sub_nav li a {padding:3px 0 2px 22px; margin:0; width:168px; display:block; color:#55707f; background:url(../images/template/sub_nav_icon.png) no-repeat 10px 8px #03141d;} #sub_nav li a:hover {color:#fff;} #sub_nav li.current_page_item a, #sub_nav li.current_page_item a:hover {background-color:#006fad; background-position:-188px 8px; color:#fff;} ul#sub_nav li.current_page_ancestor ul, ul#sub_nav li.current_page_item ul, ul#sub_nav li.current_page_parent ul {display:block;} ul#sub_nav li.current_page_ancestor, ul#sub_nav li.current_page_ancestor a, ul#sub_nav li.current_page_parent a { background:url(../images/template/sub_nav_icon.png) no-repeat -388px 10px #013f61; color:#fff;} ul#sub_nav li ul {padding:0; margin:0; width:190px; display:none; background:url(../images/template/sub_nav_child_bg.png) no-repeat #2c6585;} ul#sub_nav li ul li {padding:0; margin:0; width:190px; position:relative; list-style:none; border:none; border-top:1px solid #000;} ul#sub_nav li ul li a, ul#sub_nav li.current_page_item ul li a, ul#sub_nav li.current_page_parent ul li a, ul#sub_nav li.current_page_ancestor ul li a { padding:1px 0 1px 22px; margin:0; width:168px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:0.857em; font-weight:normal; font-style:normal; color:#b2cede; background:transparent;} ul#sub_nav li ul li a:hover, #sub_nav li.current_page_item ul li a:hover {background-color:transparent; color:#fff; } ul#sub_nav li ul li.current_page_item a, #sub_nav ul li.current_page_item a:hover {background-color:#006fad; color:#fff;} ul#sub_nav li ul li.current_page_ancestor a {background:#125579; color:#fff;} ul#sub_nav li ul li ul {padding:0; margin:0; width:190px; display:none; background:url(../images/template/sub_nav_grandchild_bg.png) no-repeat #5789a4;} ul#sub_nav li ul li ul li {padding:0; margin:0; width:190px; position:relative; display:none; list-style:none; border-top:1px solid #000;} ul#sub_nav li ul li.current_page_item ul li, ul#sub_nav li ul li.current_page_parent ul li {display:block;} ul#sub_nav li ul li ul li a, ul#sub_nav li.current_page_item ul li ul li a, ul#sub_nav li.current_page_parent ul li ul li a, ul#sub_nav li ul li.current_page_parent ul li a {padding:1px 0 1px 42px; margin:0; width:148px; font-family:Arial, Helvetica, sans-serif; font-size:0.857em; font-weight:normal; color:#fff; background:transparent;} ul#sub_nav li ul li ul li a:hover, ul#sub_nav li.current_page_item ul li ul li a:hover, ul#sub_nav li.current_page_parent ul li ul li a:hover, ul#sub_nav li ul li.current_page_parent ul li a:hover {color:#151c26;} ul#sub_nav li ul li ul li.current_page_item a, ul#sub_nav li.current_page_ancestor ul li.current_page_parent ul li.current_page_item a { background-color:#006fad; color:#fff;} /* 4. COLUMNS */ #columns {padding:14px 0 0 0; margin:0 auto; width:960px; position:relative; z-index:1;} /* Homepage Columns */ .homepage_column #column_1 {padding:0 26px 10px 0; width:744px; float:left;} .homepage_column #column_2 {width:190px; float:left;} /* One Column */ .one_column #column_1 {width:960px;} /* Two Columns */ .two_column #column_1 {width:190px; float:left;} .two_column #column_2 {padding:0 0 10px 26px; width:744px; float:left;} /* Three Columns */ .three_column #column_1 {padding:0 0 10px 0; width:190px; float:left;} .three_column #column_2 {padding:0 26px 0 26px; width:528px; float:left;} .three_column #column_3 {width:190px; float:left;} /* 5. CONTENT */ #content {font-size:0.812em; color:#ccc;} /* Headings */ #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; color:#a1cae1;} #content h1 {padding:0 0 7px 0; font-size:2.307em; line-height:1.033em;} #content h2 {padding:0 0 7px 0; font-size:1.384em; text-transform:uppercase; line-height:normal;} #content h3 {padding:0 0 7px 0; font-size:1.07em; text-transform:uppercase; font-weight:bold; line-height:normal;} #content h4 {padding:0 0 7px 0; font-size:1.07em; text-transform:uppercase; font-weight:bold; line-height:normal; color:#fff;} #content blockquote {padding:0 0 0 8px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; border-left:5px solid #006fad;} #content ul li {list-style-image:url(../images/template/bullet_disc_02.png);} /* Testimonials */ #content .testimonial {margin:0 0 20px 0;} #content .testimonial img {float:left; border:4px solid #333;} #content .testimonial blockquote {padding:0 0 0 28px; margin:0; width:415px; float:right; line-height:normal; background:url(../images/template/testimonial_quote.png) no-repeat; border:none;} #content .testimonial cite {width:412px; float:right; clear:both; display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; text-align:right; color:#fff;} /* Staff */ #content h2.staff-dept {padding:10px 0 0 0; margin:0 0 12px 0; border-bottom:2px solid #333;} #content .staff {padding-left:20px;} #content .staff h3 {padding:0 0 0 0; margin:0 0 0 0;} #content .staff ul {padding-top:0; margin:6px 0 20px 0;} #content .staff ul li {list-style:none;} #content .staff ul li span {text-transform:uppercase; font-size:0.769em; letter-spacing:2px; color:#999;} /* Images */ #content p img {padding:0; max-width:100%;} #content img.centered {display:block; margin-left:auto; margin-right:auto;} #content img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;} #content img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;} #content .alignright {float:right;} #content .alignleft {float:left} /* 6. FORMS */ /* Form Global */ .hidden_fields {display:none;} .required_notice {margin:10px 0; padding:2px 3px; width:13em; display:block; clear:both; font-size:11px; text-align:center; border:1px solid #333;} .required_notice strong {color:#fff;} /* Form Validation */ form .notvalid input, form .notvalid textarea, #quick_contact .notvalid input, #quick_contact .notvalid textarea { border-top:solid 1px #cc0000; border-right:solid 1px #6c0000; border-bottom:solid 1px #4d0101; border-left:solid 1px #6c0000;} form .valid input, form .valid textarea, #quick_contact .valid input, #quick_contact .valid textarea { border-top:solid 1px #a5fe31; border-right:solid 1px #57910b; border-bottom:solid 1px #427006; border-left:solid 1px #57910b;} /* Form Default */ .form_default fieldset {margin:0; padding:10px 0 15px 8px; clear:both; border:none; border-top:1px solid #333;} .form_default fieldset legend {margin-bottom:3px; padding:0 4px; font:normal 1.153em/normal "Century Gothic", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#a1cae1;} .form_default fieldset div {padding:0 0 3px 0; clear:left;} .form_default label {margin:0 0 5px 0; padding:3px 5px; width:135px; display:block; float:left; font-size:11px; text-align:right;} .form_default strong label {color:#fff;} .form_default label.radio, .form_default label.checkbox, .form_default label.valid, .form_default label.notvalid {margin-bottom:2px; padding:2px 5px; width:auto; display:block; float:none; text-align:left; color:#fff;} .form_default div small {margin:0 0px 5px 135px; padding:1px 3px; display:block; font-size:9px; color:#ccc;} /* Form Default - fields */ .form_default input, .form_default select, .form_default textarea {padding:3px 2px; width:200px; font-size:11px; color:#fff; background:url(../images/template/input_bg.gif) #0e0e0e; border:solid 1px #515151;} .form_default select {width:206px;} .form_default input:focus, .form_default select:focus, .form_default textarea:focus { color:#5b4d0e; background:url(../images/template/input_focus_bg.gif) #fdfdd5; border:solid 1px #cece76; border-top:solid 1px #a6a64f; border-bottom:solid 1px #f6f6a9;} .form_default label.radio input, .form_default label.checkbox input {width:auto;} .form_default textarea {height:120px;} .form_default .radio, .form_default .checkbox {background:transparent; border:0;} /* Form Default - Internal Fieldsets */ .form_default fieldset fieldset {margin:5px 0 0 145px; padding:2px 2px; width:200px; display:block; clear:none; border:solid 1px #333;} .form_default fieldset fieldset legend {margin-top:5px; font-size:11px;} /* Form Default - Internal Two Col Fieldsets */ .form_default fieldset fieldset.two_col {margin:5px 0 0 0; padding:2px 2px; width:345px; display:block; clear:none; border:solid 1px #333;} .form_default fieldset fieldset.two_col div {padding:2px 2px; width:162px; float:left; clear:none;} /* Form Default - availability */ .form_default .month {width:79px;} .form_default .day {width:47px;} .form_default .time {width:72px;} /* Form Default - Submit */ .form_default input.submit {margin-left:145px; padding:2px 4px; width:auto; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#bad8e9; background:#006fad; border:none;} .form_default input.submit:hover {color:#013f61; background-color:#8abdd9;} /* Notes */ form div.notes {width:155px; float:right; font-size:11px; line-height:normal; color:#666; cursor:help;} form fieldset:hover div.notes {color:#fff;} #content .notes h4 {margin:0 0 6px 0; padding:2px 0 5px 21px; font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; text-transform:none; color:#a1cae1; background:url(../images/template/form_note_help.png) no-repeat; border-bottom:1px solid #333;} /* Form Payment Calculator */ /* Price */ #payment {padding:20px 0 30px 0;} #payment span.title {margin:0 1px 0 5px; padding:3px 5px; width:130px; display:block; float:left; font-weight:normal; font-size:0.846em; color:#99d0ef; text-align:right;} #payment strong {padding:0 0 0 12px; margin:0; font-family:"Century Gothic", Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; font-size:2.692em; background:url(../images/template/vehicle_price_bg.png) no-repeat;} #payment strong span {padding:0 12px 0 0; margin:0; color:#fff; font-weight:bold; font-size:inherit; background:url(../images/template/vehicle_price_corner_bg.png) no-repeat top right;} /* 7. SIDEBAR */ .sidebar {font-size:0.875em;} .sidebar ul {padding:0; margin:0;} .sidebar li {list-style:none;} /* 8. WIDGETS */ /* Banners */ .sidebar_banner, #banner_service_specials, #banner_parts_specials, #banner_certified_inventory, #banner_schedule_service, #banner_customer_testimonials, #banner-coupon-synthetic-oil { margin:0 0 4px 0; width:190px; display:block;} /* Inventory Search */ #inventory_search {padding: 0 0 7px 0;} #inventory_search h2 {width:190px; height:68px; position:relative; position:relative; text-indent:-5000px; overflow: hidden; background:url(../images/widgets/inventory-search/inventory_search_h2.png);} #inventory_search ul {padding:0; margin:0;} #inventory_search li {list-style:none;} #inventory_search li a {display:block; text-indent:-5000px; overflow: hidden;} #inventory_search li a.new{height:29px; background-image:url(../images/widgets/inventory-search/inventory_search_btn_new.png);} #inventory_search li a.new:hover{background-position: 0 -29px;} #inventory_search li a.preowned {height:29px; background-image:url(../images/widgets/inventory-search/inventory_search_btn_preowned.png);} #inventory_search li a.preowned:hover{background-position: 0 -29px;} #inventory_search li a.certfied {height:36px; background-image:url(../images/widgets/inventory-search/inventory_search_btn_certfied.png);} #inventory_search li a.certfied:hover{background-position: 0 -36px;} /* Inventory Search */ .inventory_search {padding: 0 0 7px 0;} .inventory_search h2 {width:190px; height:68px; position:relative; position:relative; text-indent:-5000px; overflow: hidden; background:url(../images/widgets/inventory-search/inventory_search_h2.png);} .inventory_search ul {padding:0; margin:0;} .inventory_search li {list-style:none;} .inventory_search li a {display:block; text-indent:-5000px; overflow: hidden;} .inventory_search li a.new{height:29px; background-image:url(../images/widgets/inventory-search/inventory_search_btn_new.png);} .inventory_search li a.new:hover{background-position: 0 -29px;} .inventory_search li a.preowned {height:36px; background-image:url(../images/widgets/inventory-search/inventory_search_btn_preowned.png);} .inventory_search li a.preowned:hover{background-position: 0 -36px;} .inventory_search li a.certfied {height:29px; background-image:url(../images/widgets/inventory-search/inventory_search_btn_certfied.png);} .inventory_search li a.certfied:hover{background-position: 0 -29px;} /* Widget Hours */ .widget_hours {padding:0 0 15px 0;} .widget_hours h2 {padding:9px 0 10px 30px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; font-size:1.285em; color:#a1cae1; background:url(../images/template/icon_hours.png) no-repeat 0 5px;} .widget_hours ul {margin:0 0 5px 0; width:190px; font-size:0.923em;} .widget_hours ul li h3 {padding:0 0 0 3px; letter-spacing:3px; font-size:1.005em; font-weight:normal; text-transform:uppercase; color:#fff;} .widget_hours ul li {padding:0; margin:0; width:186px; list-style-position:outside; list-style-type: none; font-weight:normal;} .widget_hours ul li ul {margin:0; padding:0 0 0 3px; width:137px; float:none; background:transparent;} .widget_hours ul li ul li {} .widget_hours ul li ul li.phone {padding:8px 0 0 0;} .widget_hours ul li ul li ul {margin:-18px 0 0 0; padding:0 0 0 59px; width:128px;} .widget_hours ul li ul li ul li {width:128px;} /* Calendar */ #wp-calendar {margin-bottom:4px; width:100%; empty-cells:show; font-size:0.6875em; color:#4c748b;} #wp-calendar #next a {padding-right:10px;text-align:right;} #wp-calendar #prev a {padding-left:10px; text-align:left;} #wp-calendar a {display:block;} #wp-calendar caption {text-align:center; font-weight:bold; text-transform:uppercase; color:#00395a; background:#000;} #wp-calendar thead th {padding:1px 5px; border:2px solid #000; font-weight:bold; color:#00395a; text-align:center; background:#cadae6;} #wp-calendar tbody td {border:2px solid #000; background:#00395a; text-align:center;} #wp-calendar tbody td a {display:block; background:#0083cf; text-align:center; color:#000} #wp-calendar tbody td a:hover {background:#d17f26; color:#000} #wp-calendar tfoot td a {font-size:1.09em; text-transform:uppercase; font-weight:bold; background:#000;} #wp-calendar tfoot td a:hover {} #wp-calendar td.pad {background:transparent; border:none;} /* 9. FOOTER */ #footer {padding:23px 0 0 0; margin:20px 0 0 0; color:#999; font-size:0.75em; background:url(../images/template/footer.png) no-repeat top center #000;} #footer .footer_inner{width:960px; height:300px; margin:0 auto;} #footer a {color:#fff;} #footer a:hover {color:#f6f6a9;} #footer h2 {margin:0 0 0.5em 0; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:1.5em; font-weight:normal; color:#fff;} /* New Model Links */ #footer .new_models {padding:0; margin:0 22px 0 0; width:210px; float:left;} #footer .new_models ul {padding:0; margin:0;} #footer .new_models ul li {width:210px; list-style:none;} #footer .new_models ul li a {font-weight:bold;} #footer .new_models ul li a span {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.833em; color:#666; text-transform:uppercase;} #footer .new_models ul li a:hover span {color:#f6f6a9;} /* Mission Text */ #footer .mission {width:353px; margin:0 27px 0 0; float:left;} /* Quick Contact Form */ #footer .contact {width:348px; float:left;} #footer .contact form {width:180px; float:left;} #footer .contact form label { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; color:#fff; text-transform:uppercase; letter-spacing:2px;} #qc_name, #qc_email, #qc_question {padding:4px 2px 4px 22px; margin:0 0 4px 0; width:155px; display:block; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#fff; border:1px solid #515151;} #qc_name {background:url(../images/template/footer_form_name_12x14.png) no-repeat #0e0e0e;} #qc_email {background:url(../images/template/footer_form_email_14x10.png) no-repeat #0e0e0e;} #qc_question {height:5em; background:url(../images/template/footer_form_question_14x13.png) no-repeat 3px 4px #0e0e0e;} /* Quicklinks */ ul#quicklinks {margin:0;} ul#quicklinks li {list-style-type:none;} ul#quicklinks li a {margin:6px 0 18px; height:47px; width:275px; display:block; text-indent:-5000px; background:url(../images/template/quicklinks-get-financing.jpg) no-repeat;} ul#quicklinks li a:hover {background-position: left bottom;} ul#quicklinks li.quickquote a {background-image:url(../images/template/quicklinks-quick-quote.jpg);} ul#quicklinks li.testdrive a {background-image:url(../images/template/quicklinks-test-drive.jpg);} /* Legal & Credits */ #footer .nav_legal {margin:20px 0 0 0; padding:0 0 50px 0; color:#666; border-top:1px solid #333;} #footer .nav_legal a {color:#666;} #footer .nav_legal a:hover {color:#f6f6a9;} #footer .nav_legal ul {padding:10px 0 0 0; margin:5px 0 0 0; width:400px; float:left;} #footer .nav_legal li {padding:0; margin:0; float:left; list-style:none;} #footer .nav_legal li a {padding:0 10px 0 10px; background:url(../images/template/arrow_dark_gray_6x9.png) no-repeat 0 3px transparent;} #footer .nav_legal p {padding:10px 38px 50px 0; margin:5px 0 0 0; width:462px; float:right; position:relative; text-align:right;} #footer .nav_legal p a {width:32px; height:52px; display:block; position:absolute; top:0; right:0; text-indent:-5000px; overflow:hidden; text-align:left; background:url(../images/template/manning_footer_32x52.png) no-repeat transparent;} #footer .nav_legal p a:hover {background-position:0 -52px;} /* 10. RANDOM ATTRIBUTES */ .clearhack, .clear {clear:both;} /* User Tools */ #user_tools {position:fixed; left:-460px; z-index:9999; width:700px; font-family:Arial, Helvetica, sans-serif; font-size:0.687em; font-weight:normal; color:#2d2920; background-color:transparent; background:url(../images/template/user-tool3.png) no-repeat left bottom;} #user_tools .border {padding:12px 20px 10px 20px;} #user_tools a {color:#a60202;} #user_tools a:hover {color:#d22e2e;} #user_tools:hover {left:0px;} /* Print Link */ .print_link {padding:0; margin:4px 0 15px 0; line-height:normal;} .print_link a {padding:3px 7px 3px 25px; background:url(../images/template/icon_print_link.png) no-repeat 2px 4px;} .sipper {margin:20px 10px 0 0; padding:10px; width:202px; float:left; text-align:center; border:solid 1px #444;} #content .sipper h4 {height:2.25em; font-size:1.25em; font-family:"Century Gothic", Arial, Helvetica, sans-serif; text-transform:capitalize; color:#a3c9e0;} .sipper strong {margin:5px 0 0; display:block;color:#f1e06c;} .sipper a {padding:3px 0; width:100%; display:block; font-weight:bold; background:#016fae;} #preowned-specials {text-align:center;} #content #preowned-specials h2 {font-weight:bold; text-transform:capitalize;} #preowned-specials ul {margin:0 auto; height: 50px; width:500px;} #preowned-specials li {width:250px; float:left; font-weight:bold;} .models p, .models ul {width:450px;} .models ul li {color:#d1d386; list-style-image:none;} #model-links {width:230px; float:right;} #model-links img {margin:6px 0;} #models-main {margin:0; padding:0; width:100%; float:left;} #models-main li {margin:6px 0; width:367px; float:left; display:block; list-style:none;} #models-main li.alt {float:right;} #models-main li a {height:99px; width:367px; display:block; text-indent:-9999px;} #models-main a.new-beetle {background:url(/wp-content/themes/shrewsburyvw/images/models/vw-new-beetle-preview.jpg) no-repeat left bottom;} #models-main a.cc {background:url(/wp-content/themes/shrewsburyvw/images/models/vw-cc-preview.jpg) no-repeat left bottom;} #models-main a.eos {background:url(/wp-content/themes/shrewsburyvw/images/models/vw-eos-preview.jpg) no-repeat left bottom;} #models-main a.gli {background:url(/wp-content/themes/shrewsburyvw/images/models/vw-gti-preview.jpg) no-repeat left bottom;} #models-main a.golf {background:url(/wp-content/themes/shrewsburyvw/images/models/vw-golf-preview.jpg) no-repeat left bottom;} #models-main a.jetta {background:url(/wp-content/themes/shrewsburyvw/images/models/vw-jetta-preview.jpg) no-repeat left bottom;} #models-main a.jettasw {background:url(/wp-content/themes/shrewsburyvw/images/models/vw-jetta-sportwagen-preview.jpg) no-repeat left bottom;} #models-main a.passat {background:url(/wp-content/themes/shrewsburyvw/images/models/vw-passat-preview.jpg) no-repeat left bottom;} #models-main a.rabbit {background:url(/wp-content/themes/shrewsburyvw/images/models/vw-rabbit-preview.jpg) no-repeat left bottom;} #models-main a.routan {background:url(/wp-content/themes/shrewsburyvw/images/models/vw-routan-preview.jpg) no-repeat left bottom;} #models-main a.tiguan {background:url(/wp-content/themes/shrewsburyvw/images/models/vw-tiguan-preview.jpg) no-repeat left bottom;} #models-main a.touareg {background:url(/wp-content/themes/shrewsburyvw/images/models/vw-touareg-preview.jpg) no-repeat left bottom;} #models-main a.touareg2 {background:url(/wp-content/themes/shrewsburyvw/images/models/vw-touareg-tdi-preview.jpg) no-repeat left bottom;} #models-main li:hover a {background-position:left top;}