/* _ _ _ _ _ Owners Club - generic layout/structure stylesheet Version - 1.0.2 Aurthor - DT Domain - autoclubsinternational.com Creation date - 13/03/2010 Change log - last change ''''''''''''''''''''''' Aurthor - DT Date - 22/07/2010 Time - 17:37 ----------------------- 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; background:url(http://www.autoclubsinternational.com/images/layout/bg_grad.png) 0 0 repeat-x; #fff;} h2 {font-size:1.4em;} a img {border:none;} .container {width:980px; margin:0 auto;} .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.fordownersclub.com/images/layout/button_sprite.png) 0 -16px no-repeat;} a.prev.inactive {background:url(http://www.fordownersclub.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:16px; margin:0 0 10px 0; padding:5px; background:#f8f8f8; border:1px solid #dbdbdb; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .page_nav .pagination {width:27px; height:16px; float:right;} .page_nav h3 {margin:0 0 0 5px; float:left;} .page_nav h4 {margin:0 5px 0 0; font-size:1.1em; float:right; color:#a2a2a2;} .page_nav h4 span {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:27px; background:url(http://www.autoclubsinternational.com/images/layout/top_bar_bg.png) 0 0 repeat-x #000;} #header .title .container {height:27px; text-align:left; color:#fff;} #header .title ul {margin:2px 4px 0 0;} #header .title li {margin:0 0 0 10px; float:left;} #header .title a {text-decoration:none; color:#fff;} #header .title img {vertical-align:middle;} /* 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:0; left:5px;} /* End page banner */ /* Site search - background image used instead of radius to ensure browser compatability */ #header .banner .input_end {width:5px; height:30px; position:absolute; top:31px; right:274px; background:url(http://www.autoclubsinternational.com/images/layout/search_sprite.png) 0 0 no-repeat;} #header .banner .input {width:200px; height:26px; padding:1px 0 1px 3px; position:absolute; top:31px; right:70px; color:#a4a4a4; font-size:2em; border-top:1px solid #b6c2dd; border-bottom:1px solid #8295ea; background:url(http://www.autoclubsinternational.com/images/layout/search_sprite.png) -36px -1px no-repeat #fff;} #header .banner .input:focus {outline:none; color:#000; background:url(http://www.autoclubsinternational.com/images/layout/search_sprite.png) -10px -31px no-repeat #fff;} #header .banner .button {width:60px; height:30px; position:absolute; top:31px; right:10px; text-indent:-6000px; border:none; background:url(http://www.autoclubsinternational.com/images/layout/search_sprite.png) -242px 0 no-repeat;} #header .banner .button:hover {background:url(http://www.autoclubsinternational.com/images/layout/search_sprite.png) -242px -30px no-repeat;} #header .banner .button:active {color:#fff; background:url(http://www.autoclubsinternational.com/images/layout/search_sprite.png) -242px -60px 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;} .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; } .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 {width:100%; height:28px; background:#f0f0f0;} #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 10px 0 10px; 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 6px; float:left;} .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;} #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;} /* Social media buttons */ #social_buttons {height:18px; margin:14px 0 0 0; background:url(http://www.autoclubsinternational.com/images/layout/social_sprite.png) 0 0 no-repeat;} #social_buttons a {width:32px; height:32px; margin:-6px 0 0 10px; float:right; display:block; text-indent:-6000px;} #social_buttons .facebook {background:url(http://www.autoclubsinternational.com/images/layout/social_sprite.png) 0 -18px no-repeat;} #social_buttons .facebook:hover {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 -18px no-repeat;} #social_buttons .twitter:hover {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 -18px no-repeat;} #social_buttons .youtube:hover {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 -18px no-repeat;} #social_buttons .linkedin:hover {background:url(http://www.autoclubsinternational.com/images/layout/social_sprite.png) -96px -50px no-repeat;} /* End social media buttons */ /* 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 ul.tabs {background:url(http://www.autoclubsinternational.com/images/layout/tab_bg.png) 0 bottom repeat-x;} #sidebar ul.tabs li {display:inline-block;} #sidebar ul.tabs li a {width:87px; padding:10px 5px; display:block; font-size:1.3em; color:#202020; text-decoration:none; text-align:center;} #sidebar ul.tabs li a:hover {background:url(http://www.autoclubsinternational.com/images/layout/tab_bg_on.png) 0 bottom repeat-x #e6e6e6;} #sidebar ul.tabs li a.current {background:url(http://www.autoclubsinternational.com/images/layout/tab_bg_on.png) 0 bottom repeat-x #e6e6e6;} #sidebar .pane_2, #sidebar .pane_3 {display:none;} #sidebar .pane_1 {background:#e3e3e3;}*/ #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;} #sidebar .icon_links a {height:14px; margin:0 0 0 5px; display:block; text-indent:-6000px;} #sidebar .icon_links .forum {width:15px;} #sidebar .icon_links .news {width:15px; background:url(http://www.autoclubsinternational.com/images/layout/icon_links.png) 0 0 no-repeat;} #sidebar .icon_links .video {width:17px; background:url(http://www.autoclubsinternational.com/images/layout/icon_links.png) -15px 0 no-repeat;} #sidebar .icon_links .photos {width:16px; background:url(http://www.autoclubsinternational.com/images/layout/icon_links.png) -32px 0 no-repeat;} #sidebar .icon_links .forum {width:15px; background:url(http://www.autoclubsinternational.com/images/layout/icon_links.png) -48px 0 no-repeat;} #sidebar .club_list li:hover .news {width:15px; background:url(http://www.autoclubsinternational.com/images/layout/icon_links.png) 0 -14px no-repeat;} #sidebar .club_list li:hover .video {width:17px; background:url(http://www.autoclubsinternational.com/images/layout/icon_links.png) -15px -14px no-repeat;} #sidebar .club_list li:hover .photos {width:16px; background:url(http://www.autoclubsinternational.com/images/layout/icon_links.png) -32px -14px no-repeat;} #sidebar .club_list li:hover .forum {width:15px; background:url(http://www.autoclubsinternational.com/images/layout/icon_links.png) -48px -14px no-repeat;} /* 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 */ .news_filter {margin:10px 0 0 0; padding:0 0 5px 0;} .news_filter li {margin:0 0 5px 0;} .news_filter a {color:#1f1f1f; text-decoration:none; font-size:1.3em;} #news h2 {margin:0 0 5px 0; font-size:1.1em;} #news a {text-decoration:none;} #news li {margin:0 0 20px 0; font-size:1.3em; line-height:1.6em; color:#595959;} #news li p {color:#595959;} #news_article h1 {font-size:1.5em;} #news_article p {margin:0 0 20px 0; color:#595959; font-size:1.3em; line-height:1.6em;} #news_article_info {margin:0; color:#a2a2a2; font-size:1.3em;} #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 {margin:10px 0 0 0; position:relative;} #video_frame #video_player {position:absolute; top:53px; left:31px;} #video .col_l {width:130px;} #video .col_r {width:390px;} #video h2 {margin:0; font-size:1.1em;} #video a {text-decoration:none;} #video li {padding:5px 0 5px 0; font-size:1.3em; line-height:1.6em; color:#595959; border-bottom:1px solid #f0f0f0;} #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:0 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 */ /* 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;} 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;} .flag {width:16px; height:11px; text-indent:-6000px;} span.flag {margin:3px 10px 0 0; display:block; float:left;} .south_africa {background:url(http://www.autoclubsinternational.com/images/layout/flag_sprite.png) 0 -33px no-repeat;} .australia {background:url(http://www.autoclubsinternational.com/images/layout/flag_sprite.png) 0 -22px no-repeat;} .usa {background:url(http://www.autoclubsinternational.com/images/layout/flag_sprite.png) 0 -11px no-repeat;} .brazil {background:url(http://www.autoclubsinternational.com/images/layout/flag_sprite.png) 0 -44px no-repeat;} .uk {background:url(http://www.autoclubsinternational.com/images/layout/flag_sprite.png) 0 0 no-repeat;} .germany {background:url(http://www.autoclubsinternational.com/images/layout/flag_sprite.png) 0 -55px no-repeat;} #main_footer ul.flags {display:block;} 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;} .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;}