/* _ _ _ _ _ Owners Club - generic layout/structure stylesheet Version - 1.0.6 Aurthor - DT Domain - autoclubsinternational.com Creation date - 04/07/2010 Change log - last change ''''''''''''''''''''''' Aurthor - DT Date - 27/07/2010 Time - 14:50 ----------------------- Comments: This stylesheet handles the layout and struture of Owners Clubs webites. */ /* Reset */ body, p, h1, h2, h3, h4, h5, h6, ul, li {margin:0; padding:0; list-style:none;} /* End reset */ /* Site wide styles -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body {text-align:center; font-size:62.5%; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;} h2 {font-size:1.4em;} a img {border:none;} .container {width:980px; margin:0 auto; background:#fff;} #main_footer .container, .menu_bg .container, #admin_bar .container {background:none;} .col_l {float:left;} .col_r {float:right;} .clear {clear:both;} /* Next/prev buttons */ a.prev {width:14px; height:16px; text-indent:-6000px; float:left; display:block; background:url(http://www.autoclubsinternational.com/images/layout/button_sprite.png) 0 0 no-repeat;} a.prev:hover {background:url(http://www.autoclubsinternational.com/images/layout/button_sprite.png) 0 -16px no-repeat;} a.prev.inactive {background:url(http://www.autoclubsinternational.com/images/layout/button_sprite.png) 0 -32px no-repeat;} a.next {width:13px; height:16px; text-indent:-6000px; float:right; display:block; background:url(http://www.autoclubsinternational.com/images/layout/button_sprite.png) right 0 no-repeat;} a.next:hover {background:url(http://www.autoclubsinternational.com/images/layout/button_sprite.png) right -16px no-repeat;} a.next:active {background:url(http://www.autoclubsinternational.com/images/layout/button_sprite.png) right -32px no-repeat;} a.next.inactive {background:url(http://www.autoclubsinternational.com/images/layout/button_sprite.png) right -32px no-repeat;} /* End next/prev buttons */ .col_wide {margin:0 310px 0 0;} .wide_box {width:978px; margin:10px 0; border:1px solid #a1a1a1; background:url(http://www.autoclubsinternational.com/images/layout/wide_box_bg.gif) 0 0 repeat-x #dfdfdf;} /* Breadcrumbs */ #breadcrumb {height:15px; font-size:1.2em; margin:0 0 5px 4px; text-align:left;} #breadcrumb li {margin:0 10px 0 0; float:left;} /* End breadcrumbs */ /* Share button */ #content .addthis_button {width:125px; padding:5px 0; display:block;} /* End share button */ /* Register button */ .col_300 a.register_button {width:300px; height:34px; margin:0 0 10px -1px; display:block;} .col_530 a.register_button {width:530px; height:40px; margin:0 0 10px 0; display:block;} /* End register button */ /* Pagination nav */ .page_nav {height:26px; margin:0 0 10px 0; } .page_nav .pagination {width:27px; height:16px; float:right; padding:5px; background:#f8f8f8; border:1px solid #e0e0e0; -moz-border-radius: 4px; -webkit-border-radius: 4px; background:#f8f8f8; background:-webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f0f0f0));} .page_nav h1 {margin:0 0 0 5px; float:left; font-size:1.4em;} .page_nav strong {margin:6px 5px 0 0; display:block; color:#a2a2a2; font-size:1.1em; float:right; font-weight:100;} /* End pagination nav */ /* Photo upload and small social buttons */ #upload {margin:10px 0;} #upload a {text-indent:-6000px;} #upload span {margin:5px 0 0 0; display:block; color:#5c5c5c; font-size:1.2em; float:left;} #upload a.photos {width:130px; height:20px; display:block; background:url(http://www.autoclubsinternational.com/images/layout/upload_sprite.png) 0 0 no-repeat;} #upload a.photos:hover {background:url(http://www.autoclubsinternational.com/images/layout/upload_sprite.png) 0 -19px no-repeat;} #upload a.videos {width:130px; height:20px; display:block; background:url(http://www.autoclubsinternational.com/images/layout/upload_sprite.png) 0 -38px no-repeat;} #upload a.videos:hover {background:url(http://www.autoclubsinternational.com/images/layout/upload_sprite.png) 0 -57px no-repeat;} #upload a.social {width:19px; height:19px; margin:5px 0 0 6px; display:block; float:right;} #upload a.facebook {background:url(http://www.autoclubsinternational.com/images/layout/upload_sprite.png) 0 -77px no-repeat;} #upload a.twitter {background:url(http://www.autoclubsinternational.com/images/layout/upload_sprite.png) -19px -77px no-repeat;} #upload a.linkedin {background:url(http://www.autoclubsinternational.com/images/layout/upload_sprite.png) -57px -77px no-repeat;} #upload a.youtube {background:url(http://www.autoclubsinternational.com/images/layout/upload_sprite.png) -38px -77px no-repeat;} /* End photo upload and small social buttons */ /* End site wide styles ---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Page sections ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Header */ #header {background:url(http://www.autoclubsinternational.com/images/layout/header_bg.png) 0 0 repeat-x;} /* Title of the page - contains AdSense and login & Signup links */ #header .title {width:100%; height:3px; background:#e6e6e6;} /* Enditle of the page - contains AdSense and login & Signup links */ /* Page banner */ #header .banner {width:980px; height:92px; position:relative;} #header .banner .logo {position:absolute; top:-1px; left:0;} /* End page banner */ #header .container {position:relative; text-align:left;} #drop_menu a {display:inline-block; color:#fff; font-weight:600; text-decoration:none;} #drop_menu_buttons {width:278px; height:26px; padding:0 10px; background:url(http://www.autoclubsinternational.com/images/layout/drop_menu_bg.png) top left repeat-x #000; position:absolute; top:0; right:0; z-index:100; border:1px solid #a3a3a3; border-top:none; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;} #drop_menu_buttons a {height:26px; background:none;} #drop_menu_buttons li {color:#CCC; font-size:1.3em;} .logo, .flag {width:28px; height:16px; margin:1px 10px 0 0; display:block; float:left;} .flag {margin:1px 0 0 0;} #drop_menu_buttons .logo span {width:28px; height:16px; margin:4px 0 0 0; display:block;} #drop_menu_buttons .flag span {width:16px; height:11px; margin:6px 0 0 0; display:block;} #drop_menu_buttons .user_options {font-size:1em;} #drop_menu_buttons .user_options span {margin:4px 0 0 0; display:inline-block; color:#f0f0f0;} #drop_menu ul.subnav {width:298px; padding:10px 0; background:#333; display:none; position:absolute; top:27px; right:-1px; z-index:-10; border:1px solid #c0c0c0; border-top:none; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;} #drop_menu ul.subnav li {font-size:1em;} #drop_menu ul.subnav a {height:auto; padding:5px 15px; display:block;} #drop_menu ul.subnav a:hover {background:#666;} #drop_menu ul.subnav span.flag {margin:3px 0 0 0; height:11px;} /* Manufacturer logos */ .ford span, span.ford {background:url(http://www.autoclubsinternational.com/images/layout/logo_sprite.png) 0 0 no-repeat;} .lexus span, span.lexus {background:url(http://www.autoclubsinternational.com/images/layout/logo_sprite.png) 0 -16px no-repeat;} .toyota span, span.toyota {background:url(http://www.autoclubsinternational.com/images/layout/logo_sprite.png) 0 -32px no-repeat;} .bmw span, span.bmw {background:url(http://www.autoclubsinternational.com/images/layout/logo_sprite.png) 0 -48px no-repeat;} .audi span, span.audi {background:url(http://www.autoclubsinternational.com/images/layout/logo_sprite.png) 0 -64px no-repeat;} /* Flags */ .south_africa, .south_africa span, span.south_africa {background:url(http://www.autoclubsinternational.com/images/layout/flag_sprite.png) 0 -33px no-repeat;} .australia, .australia span, spam.australia {background:url(http://www.autoclubsinternational.com/images/layout/flag_sprite.png) 0 -22px no-repeat;} .usa, .usa span, spam.usa {background:url(http://www.autoclubsinternational.com/images/layout/flag_sprite.png) 0 -11px no-repeat;} .brazil, .brazil span, spam.brazil {background:url(http://www.autoclubsinternational.com/images/layout/flag_sprite.png) 0 -44px no-repeat;} .uk, .uk span, spam.uk {background:url(http://www.autoclubsinternational.com/images/layout/flag_sprite.png) 0 0 no-repeat;} .germany, .germany span, spam.germany {background:url(http://www.autoclubsinternational.com/images/layout/flag_sprite.png) 0 -55px no-repeat;} ul.flags {display:inline;} ul.flags li {margin:0 5px 0 0; padding:2px 0 0 0; display:inline;} ul.flags li a.flag {display:inline-block;} #main_footer .flag {width:16px; height:11px; text-indent:-6000px; margin:0 5px 0 0;} #main_footer span.flag {margin:3px 10px 0 0; display:block; float:left;} #main_footer ul.flags {display:block;} /* Site search - background image used instead of radius to ensure browser compatability */ #site_search {height:30px; margin:0 0 10px 0; position:relative;} #site_search .input_end {width:5px; height:30px; position:absolute; top:0; left:0; background:url(http://www.autoclubsinternational.com/images/layout/search_bar_sprite.png) 0 0 no-repeat;} #site_search .input {width:235px; height:26px; padding:1px 0 1px 3px; position:absolute; top:0; left:3px; color:#c2c2c2; font-size:1.6em; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background:url(http://www.autoclubsinternational.com/images/layout/search_bar_sprite.png) -6px -1px no-repeat #fff;} #site_search .input:focus {outline:none; color:#000; background:url(http://www.autoclubsinternational.com/images/layout/search_bar_sprite.png) -6px -31px no-repeat #fff;} #site_search .button {width:76px; height:30px; position:absolute; top:0; right:0; text-indent:-6000px; border:none; background:url(http://www.autoclubsinternational.com/images/layout/search_bar_sprite.png) -226px 0 no-repeat;} #site_search .button:hover {background:url(http://www.autoclubsinternational.com/images/layout/search_bar_sprite.png) -226px -30px no-repeat;} /* End site search - background image used instead of radius to ensure browser compatability */ /* End header */ /* Menu - javascript drop down menu */ .menu_bg {width:100%;} .topnav {width:980px; height:36px; margin:0; padding:0; font-size:1.4em;} .topnav li {margin:0 20px 0 0; padding:0; float:left; position:relative; /*--Declare X and Y axis base for sub navigation--*/} .topnav li a {height:27px; padding:9px 0 0 0; display:block; position:relative; color:#fff; text-decoration:none;} .topnav li a.selected {border-bottom:5px solid #000;} .topnav li a strong {height:26px; margin:-2px 5px 0 0; padding:2px 0 0 5px; display:block;} #header .topnav li .more {margin:0;} .topnav li .more a:hover strong {background:none;} .topnav li .more strong {margin:0 5px 0 5px; padding:0; background:none;} .topnav li .more span {/*--Drop down trigger styles--*/ width:15px; height:36px; display:block; position:absolute; top:0; left:-15px; } #latest_posts {margin:0; float:right;} #latest_posts a {padding:4px 0 0 0;} #latest_posts a:hover {background:none;} .topnav .subhover {background-position:center bottom; cursor:pointer;} /*--Hover effect for trigger--*/ .topnav .subnav {width:180px; margin:0; padding:0; position:absolute; left:-15px; top:36px; z-index:100; display:none; background:#fafafa; border:1px solid #b8b8b8; border-top:none;} .topnav .subnav li {width:180px; margin:0; padding:0; text-align:left;} .topnav .subnav li a {width:160px; height:auto; margin:0; padding:5px 10px 5px 10px; float:left; color:#1f1f1f; font-size:0.8em;} .topnav .subnav li a:hover {background:#f0f0f0;} .topnav li.col_r, #quick_links li.col_r {margin:0; padding:0; float:right;} .topnav .col_r a {padding:6px 0 0 0;} #quick_links {height:28px;} #quick_links.container {text-align:left;} #quick_links ul {margin:0 0 0 5px; padding:0;} #quick_links li {display:inline; margin:0 10px 0 0;} #quick_links a {margin:6px 0 0 0; display:inline-block; color:#7a7a7a; text-decoration:none; font-size:1.2em;} #quick_links li.col_r a {margin:2px 0 0 0;} /* End menu - javascript drop down menu */ /* Content */ #content {padding:5px 0; text-align:left;} /* Columns - three column layout used throughout */ .col_130 {width:130px; float:left; border-right:1px solid #f3f3f3;} .col_300 {width:300px; float:right;} .col_530 {width:530px; margin:0 0 0 9px; float:left; overflow:hidden;} .col_670 {width:670px; float:left;} .col_830 {width:830px; float:right;} /* Columns - three column layout used throughout */ /* Heading settings - section headings have a background or badge */ .badge {height:22px; font-size:1.3em; color:#fff; text-align:center;} .badge span {width:100%; height:21px; display:block; margin:0 5px 0 0; padding:1px 0 0 0;} /* *!*!*!* Headings that use the badge class must have another class specifying the width attached */ h2.news {width:60px; margin:0 10px 0 0;} h2.forum {width:70px;} h2.events {width:70px;} h2.video {width:70px;} h2.photos {width:74px;} h2.marketplace {width:116px;} h2.garage {width:74px;} h2.poll {width:50px;} h2.reviews {width:84px;} h2.feedback {width:84px;} h2.members {width:84px;} h2.login{width:64px;} h2.profile{width:64px;} h2.search{width:64px;} /* End heading settings - section headings have a background or badge */ /* Col 130 */ /* Forum Box - contains the 5 most recent forum posts */ #forum_box h3 {color:#a2a2a2;} #forum_topics li {padding:7px 0; border-top:1px solid #f3f3f3;} #forum_topics li:first-child {border:none;} #forum_topics li a {color:#a2a2a2; text-decoration:none;} #forum_topics li h3 {font-weight:100; text-indent:10px; background:url(http://www.autoclubsinternational.com/images/layout/arrow.png) 2px left no-repeat;} #forum_topics li h3 a {color:#1f1f1f;} /* Forum Box - contains the 5 most recent forum posts */ /* End col 130 */ /* Col 530/670 */ .col_530 hr {margin:0; border:none; border-top:1px solid #f0f0f0;} /* News box - contains the latest news headlines displayed as a slideshow and ticker */ #news_box {margin:0 0 10px 0;} #news_box a {text-decoration:none;} #news_headline .col_r {width:460px;} #news_headline a {text-decoration:none; color:#1f1f1f;} #news_slider {margin:10px 0 0 0; width:528px; height:200px; overflow:hidden;} #news_slider li {width:528px; height:200px; overflow:hidden;} #news_slider .col_l {width:350px;} #news_slider .col_l .frame {width:348px; height:198px; border:1px solid #f0f0f0;} #news_slider .col_l img {height:198px;} #news_slider .col_r {width:178px; height:200px; position:relative;} #news_slider h2 {margin:-4px 10px 5px 10px; line-height:1.3em; font-size:1.6em;} #news_slider h2 a {color:#1f1f1f;} #news_slider p {padding:0 10px; font-size:1.2em; line-height:1.4em;} #news_slider .col_r .more {width:62px; height:16px; position:absolute; bottom:0; right:0; display:block; text-indent:-6000px; background:url(http://www.autoclubsinternational.com/images/layout/news_sprite.png) 0 0 no-repeat;} #news_list {margin:10px 0 0 0; overflow:hidden; background:#fff; border:1px solid #c0c0c0; -moz-border-radius:4px; -webkit-border-radius:4px;} #news_list h3 {font-size:1.0em; font-weight:100;} #news_list .col_l {width:351px; padding:0 0 5px 0; background:#e3e3e3; border-right:1px solid #c0c0c0; -moz-border-radius-topleft:4px; -moz-border-radius-bottomleft:4px; -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px;} #news_categories {padding:10px 0 10px 10px; background:url(http://www.autoclubsinternational.com/images/layout/tab_bg.png) 0 bottom repeat-x #f0f0f0; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px;} #news_categories li {margin:0 20px 0 0; font-size:1.2em; display:inline; color:#a2a2a2;} #news_categories a {color:#1f1f1f; font-size:1.2em;} #news_articles {margin:0 0 5px 0;} #news_articles li {margin:0; padding:5px 10px 0 20px; height:20px; font-size:1.2em;} #news_articles li a {color:#1f1f1f;} #news_list .more {margin:0 0 0 20px; font-size:1.2em;} #news_list .rss {margin:0 10px 0 0; float:right;} #news_list .col_r {width:155px; padding:10px 10px 0 0; position:relative;} /* End news box - contains the latest news headlines displayed as a slideshow and ticker */ /* Video Box */ #video_box {width:530px; margin:10px 0;} #video_links li {margin:10px 0 0 15px; display:inline;} #video_links li a {font-size:1.4em; color:#1f1f1f; text-decoration:none;} #video_thumbs {margin:10px 0;} #video_thumbs li {width:128px; height:140px; margin:0 0 0 6px; float:left; overflow:hidden;} #video_thumbs li:first-child {margin:0;} #video_thumbs li .video_thumb {width:126px; height:96px; margin:0 0 5px 0; display:block; border:1px solid #1f1f1f;} #video_thumbs li img {width:118px; height:88px; margin:4px 0 0 4px;} #video_thumbs li a {text-decoration:none; color:#1f1f1f;} #video_box .more {font-size:1.2em; text-decoration:none; float:right;} /* End video Box */ /* Col 530/670 End */ /* Col 300 */ .side_box {width:298px; margin:10px 0; border:1px solid #a1a1a1; position:relative; background:url(http://www.autoclubsinternational.com/images/layout/wide_box_bg.gif) 0 0 repeat-x #dfdfdf;} .side_box h2 {height:22px; margin:5px 0 5px 10px; color:#fff; text-align:center; background:url(http://www.autoclubsinternational.com/images/layout/heading_bg.png) right -22px no-repeat;} .side_box h2 span {width:100%; height:21px; display:block; margin:0 5px 0 0; padding:1px 0 0 0; background:url(http://www.autoclubsinternational.com/images/layout/heading_bg.png) -131px 0 no-repeat;} /* Welcome box/login */ #welcome_block {position:relative;} #welcome_block .col_l {width:87px; height:84px;} #welcome_block .col_r {width:208px; height:84px; position:relative;} #welcome_block h2 {margin:5px 0 5px 0; padding:0; font-size:1.3em;} #welcome_block.not_logged_in h2 {margin:5px 0 5px 10px;} #welcome_block hr {margin:0 5px 5px 0; border:none; border-top:1px solid #c0c0c0; clear:both;} #welcome_block a {text-decoration:none;} #welcome_block input[type="submit"] {float:right; color:#fff; font-size:0.9em; font-weight:600; padding:3px 7px; border:none; -moz-border-radius:4px; -webkit-border-radius:4px;} #welcome_block input[type="text"], #welcome_block input[type="password"] {width:126px; margin:0 0 0 10px; border:1px solid #c0c0c0; font-size:1.3em;} #user_pic {width:80px; height:74px; margin:4px; background:url(http://www.autoclubsinternational.com/images/layout/welcome_box_bg.png) top left no-repeat;} #user_pic img {max-width:50px; max-height:60px; margin:5px 0 0 11px; border:1px solid #a2a2a2;} #user_stats {font-size:1.3em;} #welcome_block table {width:auto;} #user_stats td {padding:0 12px 0 0;} #user_stats td a {color:#1f1f1f;} #welcome_block .profile {position:absolute; bottom:6px; right:5px;} #welcome_block a.profile {color:#909090;} .not_logged_in {padding:0 0 44px 0; } .member_links {width:298px; height:32px; position:absolute; bottom:0; left:0;} .member_links span {position:absolute; bottom:8px; left:10px;} .member_links input {position:absolute; bottom:5px; right:10px;} /* End welcome box/login */ /* Garage box */ .garage_box {position:relative;} .col_530 .garage_box {margin:0 0 20px 0;} .col_300 .side_box {font-size:0.9em;} .col_300 .garage_box h3.random_car {width:161px; height:20px; text-indent:-6000px; background:url(http://www.autoclubsinternational.com/images/layout/language/en/random_car.png) 0 0 no-repeat; position:absolute; top:-24px; left:94px;} .garage_box .frame {width:270px; padding:6px 6px 3px 6px; position:relative; background:url(http://www.autoclubsinternational.com/images/layout/photo_frame.png) bottom right no-repeat #fff;} .garage_box .frame img {width:270px; height:auto;} .col_300 .garage_box .frame {margin:0 0 0 7px;} .garage_box .frame a {display:block;} .garage_box .frame .gloss {width:100%; height:77px; margin:0; position:absolute; top:-3px; left:0; background:url(http://www.autoclubsinternational.com/images/layout/photo_gloss.png) top center no-repeat;} .col_300 .garage_box .shadow {padding:0 0 6px 0; background:url(http://www.autoclubsinternational.com/images/layout/photo_shadow.png) bottom left no-repeat;} .col_300 .garage_box ul {margin:5px 10px; padding:5px 0; background:#fff;} .garage_box li {padding:1px 0;} .col_300 .garage_box li {padding:1px 10px;} .garage_box small a {color:#1f1f1f;} .col_530 h3.random_car {margin:0 0 10px 0;} .col_530 .garage_box .shadow {padding:0 0 6px 0; float:left; background:url(http://www.autoclubsinternational.com/images/layout/photo_shadow_white.png) -7px bottom no-repeat;} .col_530 .frame {border:1px solid #f0f0f0;} .col_530 .garage_box ul {width:210px; height:130px; margin:0 0 0 10px; padding:60px 10px 10px 10px; float:left; background:url(http://www.autoclubsinternational.com/images/layout/sticky_note.png) top left no-repeat;} .col_530 .garage_box li {padding:0 0 0 30px;} .stats_box {width:528px; padding:10px 0 0 0;} .stats_box h3 {padding:0;} /* End garage box */ /* Col 300 End */ /* End content */ /* Sidebar */ #sidebar {width:298px; margin:0 0 10px 0; background:#f0f0f0; border:1px solid #c0c0c0; -moz-border-radius:4px; -webkit-border-radius:4px;} #sidebar hr {margin:0; border:none; border-top:1px solid #c0c0c0; border-bottom:1px solid #f7f7f7;} #accordion {width:298px; background:#e3e3e3;} #accordion h2 {width:278px; margin:0; padding:5px 10px; color:#898989; font-size:1.2em; background:-webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#d0d0d0)); border-top:1px solid #adadad; cursor:pointer;} #accordion h2:first-child {border:none;} #accordion h2.current {color:#4d4d4d; background:-webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#c0c0c0));} #accordion h2 span {font-weight:100;} #accordion .pane {width:100%; border-top:1px solid #adadad; display:none;} #accordion p {margin:0; padding:10px;} #sidebar .club_list li {height:20px; padding:5px 10px 0 10px;} #sidebar .club_list li.even {background:#dcdcdc;} #sidebar .club_list a.club_link {float:left; text-decoration:none; font-size:1.1em; color:#1f1f1f;} #sidebar .club_list ul.icon_links {float:right;} #sidebar .club_list ul.icon_links li {padding:0; display:inline-block;} /* End sidebar */ /* Footer */ #main_footer {width:100%; margin:20px 0 0 0; padding:0 0 20px 0; text-align:left;} #main_footer .nav {padding:30px 0 20px 0;} #main_footer .nav ul {padding:10px 0 0 0;} #main_footer .nav li {max-width:120px; margin:0 0 0 20px; padding:0 0 5px 0; float:left; line-height:1.4em} #main_footer .nav li:first-child {margin:0;} #main_footer .nav a {color:#fff; text-decoration:none; font-size:1.4em; font-weight:600;} #main_footer .nav li li {margin:0; float:none;} #main_footer .nav li li a {color:#fff; text-decoration:none; font-size:1.2em; font-weight:100;} #main_footer p {padding:20px 0 0 0; float:left; color:#fff;} #footer_links {padding:20px 0 20px 10px; float:left;} #footer_links li {margin:0 10px 0 0; display:inline;} #footer_links li a {text-decoration:none;} #footer_links li a:hover {color:#fff;} /* End footer */ /* End page sections ------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Page specific styles ---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* News */ .col_130 h3 {margin:10px 0 0 0;} .content_filter {margin:10px 0; padding:0 0 10px 0; border-bottom:1px solid #e9e9e9;} .content_filter li {padding:4px 0;} .content_filter a {color:#1f1f1f; text-decoration:none; font-size:1.2em; border-bottom:1px dotted #1f1f1f;} .content_filter li.selected {margin: 0 0 0 -10px; padding:3px 5px 3px 9px; border:1px solid #e0e0e0; border-right:none; -moz-border-radius-topleft:4px; -moz-border-radius-bottomleft:4px; -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; background:#f8f8f8; background:-webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f0f0f0));} .content_filter li.selected a {border:none;} #news li .col_l {width:100px;} #news li .col_l a {color:#fff;} #news li .col_r {width:420px;} #news li hr {padding:10px 0 0 0; border:none; border-bottom:1px solid #f0f0f0; clear:both;} #news h2 {font-size:1em;} #news p {margin:5px 0 0 0; font-size:0.9em;} #news a {text-decoration:none;} #news li {margin:0 0 10px 0; font-size:1.3em; line-height:1.6em; color:#595959;} #news li p {color:#595959;} .db-wrapper {margin:0 0 4px 0;} #news .col_l a img {max-width:100px;} #news.all li, #video.all li {margin:0;} #news.all h2, #video.all h2 {padding:10px 0; border-bottom:1px solid #f0f0f0; font-weight:100;} #news.all h2:hover, #video.all h2:hover {background:#f8f8f8;} #news.all h2 a, #video.all h2 a {color:#1f1f1f; border-bottom:1px dotted #1f1f1f;} #news_article h1 {font-size:1.5em; line-height:1.4em; margin:5px 0;} #news_article p {margin:10px 0; color:#595959; font-size:1.3em; line-height:1.8em;} #news_article h2, #news_article h3, #news_article h4 {color:#595959;} #news_article ul {margin:10px 0 0 0; font-size:1.3em; color:#595959;} #news_article li {margin:0 0 5px 20px; list-style:disc;} #news_article_info {margin:0; color:#a2a2a2; font-size:1.3em;} #news_article .main_image {margin:10px 0 0 0;} #news_headlines li {padding:4px 0; border-bottom:1px solid #f0f0f0;} #news_headlines a {font-size:1.2em; text-decoration:none;} /* End news */ /* Video */ #video_frame {height:445px; margin:0 0 5px 0; position:relative;} #video_frame #video_player {position:absolute; top:53px; left:31px;} #video .col_l {width:100px;} #video .col_l a img {max-width:100px;} #video .col_r {width:420px;} #video li hr {padding:10px 0 0 0; border:none; border-bottom:1px solid #f0f0f0; clear:both;} #video h2 {font-size:1em;} #video a {text-decoration:none;} #video li {margin:0 0 10px 0; font-size:1.3em; line-height:1.6em; color:#595959;} #video li p {color:#595959;} #video_info {margin:10px 0; padding:15px 10px 30px 10px; border:1px solid #dbdbdb;} #video_info h2 {margin:0 0 5px 0;} #video_info p {font-size:1.1em; line-height:1.6em; color:#595959;} #featured_video {margin:0 0 10px 0;} #featured_video h2 {margin:0 0 5px 0;} #featured_video a {display:block; font-size:1.2em; text-decoration:none; text-align:right;} .video_wrap {width:508px; padding:10px 10px 7px 10px; background:#fff; border:1px solid #dbdbdb;} /* End video */ /* End page specific styles -----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Ads --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Header ad */ #header_text_ad {width:760px; float:left;} /* End header ad */ /* Nav ad */ #nav_text_ad {margin:8px 0 0 0; text-align:left;} /* End nav ad */ .content_text_ad {margin:10px 0 0 0;} /* Side ads */ #side_text_ad {margin:10px 0 10px 10px;} #side_image_ad {margin:0 0 10px 0;} /* End side ads */ /* Footer ad */ #footer_image_ad {width:100%; text-align:center;} /* End footer ad */ /* Content ads */ /* Content banner & leaderboard ads */ .content_banner_ad, .content_leaderboard_ad {padding:5px 0; text-align:center; -moz-border-radius:4px; -webkit-border-radius:4px; background:url(http://www.autoclubsinternational.com/images/layout/wide_box_bg.gif) 0 0 repeat-x #dfdfdf; border: 1px solid #c0c0c0;} .content_banner_ad img, .content_leaderboard_ad img {border: 1px solid #c0c0c0;} /* End content banner & leaderboard ads */ /* Content link unti ad */ .content_link_unit {padding:10px 0; text-align:center; border: 1px solid #c0c0c0;} /* End ontent link unti ad */ /* Content skyscapper ad */ .content_skyscrapper_ad, .content_banner_ad, .content_leaderboard_ad {margin:5px 0;} /* End content skyscapper ad */ /* End content ads */ /* Carbon offset banner */ #carbon_offset {text-align:right;} #carbon_offset a.carbon_offset_banner {width:276px; height:60px; margin:10px 0 10px 10px; display:block; background:#afd9f1; border:1px solid #c0c0c0;} /* End carbon offset banner */ /* ebay ads */ /*.ebay_list {width:270px; margin:0 10px 0 0; background:#f0f0f0; border:1px solid #c0c0c0;} .ebay_list .category_title {float:left;} .ebay_list .ebay {width:49px; height:28px; margin:5px 5px 5px 10px; text-indent:-6000px; float:left; display:block; background:url(http://www.autoclubsinternational.com/images/layout/ebay_logo.png) right top no-repeat;} .ebay_list .more {width:72px; height:20px; margin:9px 0 0 5px; text-indent:-6000px; float:right; display:block; background:url(http://www.autoclubsinternational.com/images/layout/ebay_more.png) right top no-repeat;} .ebay_list ul{width:250px; margin:0 10px; padding:0; background:#fff;} .ebay_list li {height:35px; padding:5px 5px 0 5px; text-align:left; list-style:none; border-bottom:1px solid #f0f0f0;} .ebay_list h2 {margin:5px 10px; color:#a1a1a1;} .ebay_list .col_l {width:30px; float:left;} .ebay_list .col_l img {width:30px; height:22px;} .ebay_list .col_r {width:200px; float:right;} .ebay_list .col_r a {text-decoration:none; font-size:1em; color:#1f1f1f; border-bottom:1px dotted #c0c0c0; line-height:1.5em;} .ebay_list .end_soon {padding:5px 50px 0 5px; background:url(http://www.autoclubsinternational.com/images/layout/quick.png) 205px center no-repeat;} .ebay_list .end_soon .col_r {width:156px;}*/ /* ebay marketplace ads */ /*#marketplace_box {-moz-border-radius:4px; -webkit-border-radius:4px;} #marketplace_box .ebay_list {width:242px; height:266px; margin:0; float:left; background:none; border:none; position:relative;} #marketplace_box .ebay_list ul{width:230px; margin:0 10px; padding:0; background:#fff; position:absolute; top:30px;} #marketplace_box .ebay_list .ad {width:230px; height:205px; margin:0 0 0 10px; background:#fff; text-align:center; position:absolute; top:30px;} #marketplace_box .ebay_list .col_l {width:30px; float:left;} #marketplace_box .ebay_list .col_r {width:180px; float:right;} #marketplace_box .ebay_list .end_soon .col_r {width:134px;} #marketplace_box .ebay_list .end_soon {background:url(http://www.autoclubsinternational.com/images/layout/quick.png) 182px center no-repeat;} #marketplace_box .ebay_list .more {position:absolute; bottom:5px; right:5px;}*/ /* End ebay marketplace ads */ /* ebay side ads */ /*.col_300 .ebay_list {width:298px; margin:0 0 10px 0;} .col_300 .ebay_list ul{width:278px; margin:0 10px; padding:0; background:#fff;} .col_300 .ebay_list .col_l {width:30px; float:left;} .col_300 .ebay_list .col_r {width:228px; float:right;} .col_300 .ebay_list .end_soon .col_r {width:184px;} .col_300 .ebay_list .end_soon {background:url(http://www.autoclubsinternational.com/images/layout/quick.png) 230px center no-repeat;} .col_300 .ebay_list .more {margin:5px 10px 5px 0;}*/ /* ebay side ads */ /* End ebay ads */ /* Gold Members */ .gold_members_300x60 {width:300px; height:60px; margin:0 0 10px 0; display:block} /* End Gold Members */ /* Supporters */ .supporters_300x64 {width:300px; height:64px; margin:0 0 10px 0; display:block} /* End Supporters */ #small_rectangles {width:300px} #small_rectangles a {width:140px; height:140px; margin:0 0 20px 0; display:block; background:#a2a2a2;} /* End ads ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #popular_searches {margin:0 0 10px 0;} #popular_searches li {margin:0 10px 0 0; display:inline;} #popular_searches li a {text-decoration:none; font-size:1.2em;} span.message_badge {height:13px; margin:0 0 0 2px; padding:0 4px; display:inline-block; -moz-border-radius:8px; -webkit-border-radius:8px; background:url(http://www.autoclubsinternational.com/images/layout/message_badge.png) top left repeat-x; text-align:center; color:#fff; font-size:0.8em; font-weight:600;} #block h1 {margin:0 0 10px 0; font-size:2em;} #block p {margin:0 0 20px 0; font-size:1.4em; line-height:1.4em;} #block img {max-width:100%; height:auto;} h1.home_title {width:500px; height:25px; margin:0 0 2px 0; display:block; text-indent:-6000px;} h2.home_title {margin:4px 0 0 0; font-size:1.8em; color:#989898;} #content hr {margin:10px 0 0 0; border:none; border-bottom:1px solid #f0f0f0; clear:both;} #home {margin:0 0 40px 0;} #home_banner {width:980px; height:364px; margin:20px 0 20px 0; overflow:hidden; text-indent:-6000px;} #home_banner li {width:980px; height:364px;} #home_banner li a {width:980px; height:364px; display:block;} #like_box {margin:0 0 10px 0;} #link_boxes {width:978px; height:210px; background:url(http://www.autoclubsinternational.com/images/banner/link_boxes_bg.png) top left repeat-x #c0c0c0; border:1px solid #cccccc; -moz-border-radius:5px; -webkit-border-radius:5px;} #link_boxes li {width:300px; height:180px; margin:15px 0 0 18px; background:#c0c0c0; display:inline-block; position:relative;} #link_boxes li .like_button {width:280px; max-hight:26px; min-height:23px; padding:5px 4px; position:absolute; bottom:12px; left:6px; background:#eaf2f8; moz-border-radius:3px; -webkit-border-radius:3px;} /* Hub */ #hub_menu {padding:15px 0; background:url(http://www.autoclubsinternational.com/images/layout/hub_menu_bg.png) 0 0 repeat-x; border:1px solid #c0c0c0; -moz-border-radius:5px; -webkit-border-radius:5px;} #hub_menu li {margin:2px 0;} #hub_menu a {width:108px; padding:5px 10px; color:#1f1f1f; text-decoration:none; font-size:1.3em; display:inline-block;} #hub_menu a:hover {background:url(http://www.autoclubsinternational.com/images/layout/hub_menu_hover.png) 0 0 repeat-x;} #hub_menu.news li.news a, #hub_menu.video li.video a, #hub_menu.photos li.photos a, #hub_menu.forums li.forums a, #hub_menu.classifieds li.classifieds a, #hub_menu.ebay li.ebay a {color:#fff; font-weight:600; background:url(http://www.autoclubsinternational.com/images/layout/hub_menu_selected.png) 0 0 repeat-x;} #hub_menu li span {width:15px; height:14px; margin:0 10px 0 0; display:block; text-indent:-6000px; float:left; vertical-align:middle;} #hub_menu li.news span {width:15px; margin:2px 10px 0 0; background:url(http://www.autoclubsinternational.com/images/layout/icon_links.png) 0 -14px no-repeat;} #hub_menu li.video span {width:17px; margin:1px 8px 0 0; background:url(http://www.autoclubsinternational.com/images/layout/icon_links.png) -15px -14px no-repeat;} #hub_menu li.photos span {width:16px; margin:1px 9px 0 0; background:url(http://www.autoclubsinternational.com/images/layout/icon_links.png) -32px -14px no-repeat;} #hub_menu li.forums span {width:15px; margin:3px 10px 0 0; background:url(http://www.autoclubsinternational.com/images/layout/icon_links.png) -48px -14px no-repeat;} #hub_menu li.classifieds span {width:15px; margin:3px 10px 0 0; background:url(http://www.autoclubsinternational.com/images/layout/icon_links.png) -63px -14px no-repeat;} #hub_menu li.ebay span {width:15px; margin:2px 10px 0 0; background:url(http://www.autoclubsinternational.com/images/layout/icon_links.png) -78px -14px no-repeat;} #hub_content {margin:0 0 10px 0; border:1px solid #c0c0c0; -moz-border-radius:5px; -webkit-border-radius:5px;} #hub_content h1 {margin:10px 10px 2px 10px; font-size:1.5em; float:left;} #hub_content h2 {margin:0 0 2px 0; font-size:1.3em;} #hub_content p {margin:0 10px; font-size:1.2em; color:#666; clear:both;} #hub_content ol {margin:0; padding:0;} #hub_content hr {margin:10px 10px 0 10px;} #hub_content li {margin:0 10px; padding:5px 0; border-bottom:1px solid #f0f0f0; word-wrap:break-word;} #hub_content li p {margin:0;} #hub_content li a {text-decoration:none;} .member_avatar {max-width:50px; max-height:50px; float:left; margin:0 10px 5px 0;} #hub_content li p span {display:inline; color:#a2a2a2;} #hub_content .col_l {width:108px;} #hub_content .col_l a {display:block; position:relative;} #hub_content .col_l img {width:100px; padding:3px; border:1px solid #cccccc;} #hub_content .col_l img:hover {padding:3px; border:1px solid #1f1f1f;} #hub_content .col_r {width:388px;} #hub_content .photo_block {width:153px; height:156px; display:inline-block; border:none; text-align:center;} #hub_content .photo a {width:153px; height:156px; display:block;} #hub_content .photo img {max-width:143px; max-height:122px; margin:0 0 5px 0; padding:3px; border:1px solid #cccccc;} #hub_content .photo img:hover {border:1px solid #1f1f1f;} #hub_content .photo span {display:block; text-align:left;} #hub_content .ebay_listing .col_l {width:70px;} #hub_content .ebay_listing .col_l img {width:60px;} #hub_content .ebay_listing .col_r {width:430px;} .ebay_listing .ebay_title {width:180px; margin:0 5px 0 0; float:left;} .ebay_listing .ebay_time {width:90px; margin:0 5px 0 0; font-size:1.2em; float:left; color:#666;} .ebay_listing .ebay_price {width:70px; text-align:center; font-size:1.4em; float:left; color:#666;} .ebay_listing .ebay_link {width:72px; font-size:1.4em; float:right;} .ebay_listing .ebay_link a {width:72px; height:20px; display:block; text-indent:-6000px; background:url(http://www.autoclubsinternational.com/images/layout/ebay_more.png) top left no-repeat;} #hub_content .add_video {width:100px; height:20px; margin:10px 10px 0 0; float:right; display:block; background:red; -moz-border-radius:5px; -webkit-border-radius:5px;} #hub_content .text_link {padding:10px; text-decoration:none; font-size:1.2em; color:#1f1f1f;} #hub_content .rss {float:left; color:#a2a2a2;} #hub_content .more {float:right;} #content_ad {width:528px; height:130px; border:1px solid #c0c0c0; -moz-border-radius:5px; -webkit-border-radius:5px;} #site_search {margin:0 0 10px 0;} #select_club h2 {margin:0 0 10px 0; padding:5px 10px; font-size:1.1em; background:#f0f0f0; border:1px solid #c0c0c0; -moz-border-radius:5px; -webkit-border-radius:5px;} #select_club ul {display:none;} #social_buttons {margin:0 0 10px 0;} #social_buttons h2 {margin:0 0 4px 0; font-size:1.2em; color:#a2a2a2;} #social_buttons li {display:inline;} #social_buttons a {width:32px; height:32px; margin:0 6px 0 0; display:inline-block; text-indent:-6000px;} #social_buttons .facebook {background:url(http://www.autoclubsinternational.com/images/layout/social_sprite.png) 0 -50px no-repeat;} #social_buttons .twitter {background:url(http://www.autoclubsinternational.com/images/layout/social_sprite.png) -32px -50px no-repeat;} #social_buttons .youtube {background:url(http://www.autoclubsinternational.com/images/layout/social_sprite.png) -64px -50px no-repeat;} #social_buttons .linkedin {background:url(http://www.autoclubsinternational.com/images/layout/social_sprite.png) -96px -50px no-repeat;} .medium_rectangle {width:300px; height:250px; border:1px solid #c0c0c0;} .post_block .post h3 {padding-left:0; background:none; border:none;} .site_message {margin:0 0 10px 0; position:relative; background:#f0f0f0; border:1px solid #c0c0c0; -moz-border-radius:5px; -webkit-border-radius:5px;} .site_message a {text-decoration:none;} .site_message a.close {position:absolute; top:5px; right:10px; color:#686868;} .site_message p {padding:30px 20px; font-size:1.2em; color:#686868;} #dealer_list li {height:22px;} #dealer_list li, #dealer_reviews li {padding:6px 0; line-height:22px; border-bottom:1px solid #f0f0f0; font-size:14px; color:#666;} #dealer_list li:hover, #dealer_reviews li:hover {background:#fefefe;} #dealer_list li a, #dealer_reviews li a {margin:2px 10px 0 0; line-height:16px; float:left; font-size:14px; text-decoration:none;} #dealer_list li a.add_review, #dealer_reviews li a.add_review {margin:0;} #dealer_reviews li span {float:left; color:#c0c0c0} #dealer_reviews li .stars {margin:0 10px 0 0;} #dealer_list li .stars {margin:2px 6px 0 0;} #dealer_list li span {font-size:12px; color:#c0c0c0;} .rating_stars select {display:none;} .stars {width:80px; height:16px; float:left; background:url(http://www.autoclubsinternational.com/images/layout/jquery.ui.stars.gif) 0 -32px repeat-x;} .stars span {height:16px; display:block; text-indent:-6000px;} .stars-1 {width:16px; background:url(http://www.autoclubsinternational.com/images/layout/jquery.ui.stars.gif) 0 -48px repeat-x;} .stars-2 {width:32px; background:url(http://www.autoclubsinternational.com/images/layout/jquery.ui.stars.gif) 0 -48px repeat-x;} .stars-3 {width:48px; background:url(http://www.autoclubsinternational.com/images/layout/jquery.ui.stars.gif) 0 -48px repeat-x;} .stars-4 {width:64px; background:url(http://www.autoclubsinternational.com/images/layout/jquery.ui.stars.gif) 0 -48px repeat-x;} .stars-5 {width:80px; background:url(http://www.autoclubsinternational.com/images/layout/jquery.ui.stars.gif) 0 -48px repeat-x;} #star_ratings td {padding:2px 0; font-weight:100; color:#666;} .rating_name {width:70px;} #reviews h1, #reviews h2 {margin:0 0 10px 0;} #reviews p {margin:0 0 10px 0; color:#666; font-size:13px; line-height:22px;} #reviews ul {margin:0 0 10px 0;} #reviews hr {margin:10px 0; border:none; border-top:1px solid #f0f0f0;} #review {width:400px;} #review h2 {margin:0 0 10px 0; font-size:15px;} #review label {font-size:13px; color:#666;} #review input[type=text] {width:240px;} #review textarea {width:398px; height:300px; margin:2px 0;} #review .error {color:#C00;} #rating .error {color:#C00; line-height:18px; display:block; font-size:0.9em;} #rating {width:260px; background:#f0f0f0; border:1px solid #c0c0c0; -moz-border-radius:5px; -webkit-border-radius:5px;} #rating h2 {margin:10px 10px 0 10px;} #rating p {margin:5px 10px; font-size:13px; color:#666;} #rating hr {border:none; border-top:1px solid #c0c0c0; margin:10px;} #rating table {margin:10px 0 10px 10px;} #total_ratings {margin:10px 0 20px 0; padding:10px; background:#f0f0f0; border:1px solid #c0c0c0; -moz-border-radius:5px; -webkit-border-radius:5px;} #total_ratings table {margin:5px 0;} h1.dealer_title {float:left;} .add_review_l {width:146px; height:32px; margin:0 0 10px 0; text-indent:-6000px; float:right; display:block; background:url(http://www.autoclubsinternational.com/images/layout/add_review_l.png) 0 0 no-repeat;} #dealer_list li .add_review {width:96px; height:22px; text-indent:-6000px; float:right; display:block; background:url(http://www.autoclubsinternational.com/images/layout/add_review.png) 0 0 no-repeat;} #dealer_list li:hover .add_review {background:url(http://www.autoclubsinternational.com/images/layout/add_review.png) 0 -22px no-repeat;} #reviews .content_banner_ad {width:100%; height:60px; margin:10px 0; padding:3px 0; border:none; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; background:none;} #reviews p.results, #reviews ul.results {margin:10px 0 50px 0;} p.results {padding:0 0 10px 0; border-bottom:1px solid #f0f0f0;}