/*
    Document   : universal
    Created on : 19-Mar-2008, 17:10:03
    Author     : robl
    Description:

    FOR:
        All styles for Carsite that apply across the entire site.

    NOT FOR:
        Anything particular to one page or part of the site should go in:
        /stylesheets/particulars/<site area>.css

        Internet Explorer hacks should go in IE<version number>.css

    ORGANISATION OF STYLES IN THIS STYLESHEET:
        These styles should be further divided into sections e.g. header, footer etc

        Each category of styles should be delimited with its own heading in the format:
        /********************************** FOOTER **********************************/
/*
        Use multiple lines of ***s to indicate a major division, with decreasing numbers of lines for minor divisions.

        GENERAL GUIDELINES FOR STYLES:
        1. Don't leave !important declarations here: these may work in the short term, but lead to problems later.
        2. Write "sandboxed" styles i.e. with an appropriate level of specificity from the start, to avoid too much complex bleeding through the cascade.
        3. Write styles on single lines, rather than placing a carriage return after every rule.
*/

/*********************************************************************************************/
/****************************************** GENERAL ******************************************/
/*********************************************************************************************/
* { margin:0; padding:0}
html {height:100%; width:100%}
html, body {padding:0; margin:0px auto; font-family: Arial,Helvetica,sans-serif; font-size:98%; color:#383838; line-height:1em; }
#wrapper { margin:14px auto auto; width:965px;}
img {font-size:10px;line-height:10px;text-align:center;} /* Styling for alt text in case of missing images */

.warning {color:red;}a
.notice {color:green;}
.warning,
.notice {background:#FFEFF9 none repeat scroll 0 0;border:2px dashed red;font-size:1.5em;left:10px;top:10px;margin:0 10px 10px;line-height:1.2em;padding:20px;position:relative;width:88%;}
input.warning {position:inherit;margin:0;padding:0;background:#FFEFF9;width:auto;border:1px solid red;color:black;font-size:1em;}
textarea.warning {position:inherit;margin:0;padding:0;background:#FFEFF9;width:auto;border:1px solid red;color:black;font-size:1em;}
select.warning {position:inherit;margin:0;padding:0;background:#FFEFF9;width:auto;border:1px solid red;color:black;font-size:1em;}
#errorExplanation {color:red;background-color:#FFDFE9;border:1px dashed red;margin:10px;padding:10px;width:94%;}
#main_content div.major_panel #errorExplanation h2 {color:red;background:none;height:auto;width:auto;padding:0;}
#errorExplanation li {list-style:inside disc;}

h1, h2 {font-family:Arial,Helvetica,sans-serif;}
h1 {font-size:1.2em; color:#00ACC8;}
h2 { font-size:1.1em; color:#FFF;}
h2 a {color:#FFF;}
h2 a:hover {color:#EFFBFF;}
h3 {font-size:1.2em;color:#00ABC7;}
h4 {font-size:1.1em;}
h5 {font-size:0.80em}
strong {font-weight:bold;}
p, th, tr, dd, ul, ol {font-size:0.85em; line-height:normal}
span {}
a {color:#0079A2; text-decoration:underline; text-decoration:underline}
a:hover {color:#00ACC8;}
a:active {color:#454D4F;}
li {line-height:normal}
form select { font-size:0.80em}
input[type="submit"], input[type="button"], input[type="file"] {background:#F6F5FB url(/images/white_button_bg.gif) repeat-x left bottom;border:1px outset #D8D8D8;padding:4px 10px;color:#666666;font-size:12px;padding:0 5px;}
input[type="reset"] {background:#F6F5FB url(/images/white_button_bg.gif) repeat-x left bottom;border:1px outset #D8D8D8;padding:4px 10px;color:#666666;font-size:12px;font-weight:bold;padding:0 5px;margin-left:34px;}

/******************************************* HEADER ******************************************/

#header {position:relative;background: url(../images/header.gif) no-repeat center 0px; margin: 0 auto 0; height:175px; width:100%}
#header a {color:white;}
#header img.carsite_logo {left:10px;position:absolute;top:23px;}
#header #main_title {height:48px;left:285px;position:absolute;top:40px;width:456px;}
#header img.rac_logo {position:absolute;right:16px;top:30px;}
#header ul#main_navigation {left:15px;position:relative;top:139px;padding-left:3px;z-index:1;}
#header ul#main_navigation li {display:inline;text-transform:uppercase;font-size:.9em;}
#header ul#main_navigation a {color: #003366; padding:9px 5px 10px;text-decoration:none;border-right:1px #ffffff solid;margin-left:-4px;}
#header ul#main_navigation a:hover {background:url(/images/main_navigation_bg_hover.gif) repeat-x 0 -4px; color:white;}
body#index #main_navigation a.index,
body#browse_cars #main_navigation a.browse_cars,
body#cars #main_navigation a.cars,
body#testimonials #main_navigation a.testimonials,
body#faq #main_navigation a.faq,
body#contact #main_navigation a.contact,
body#blog_main_page #main_navigation a.news {color: white; background:url(/images/main_navigation_bg.gif) repeat-x;border-bottom:3px solid #94BA0B;}
#header div#phone_number {color:#003366;font-size:1.2em;left:790px;position:absolute;top:139px;}
#header * {display:inline;}
#header dd {padding:0 0.3em;font-weight:bold;}
#header #buyer_account_links {font-size:0.8em;left:820px;position:absolute;top:14px;background:white url(/images/login.gif) no-repeat scroll 0 0;padding-left:14px;}
#header #buyer_account_links a {color:#00ACC8;}
#header #buyer_account_links a:hover {color:#0079A2;}

/***************************************** MAIN CONTENT **************************************/
.local_navigation {z-index:0;background:transparent url(../images/header.gif) no-repeat scroll -9px -168px;font-size:0.7em;left:8px;padding-left:3px;position:relative;text-transform:uppercase;top:-7px;width:100%;height:20px;margin-bottom:-5px;}
.local_navigation li {display:inline;}
.local_navigation a {color:white;border-right:#468A04 1px solid;text-decoration:none;padding:3px 5px;position:relative;top:3px;margin-left:-3px;}
.local_navigation a:hover {background:transparent url(/images/local_navigation_bg_hover.gif) repeat-x scroll 0 0}
div#main_content {float:right;width:750px;margin:10px 8px;}
.suppressions_for_ebay div#main_content {float:none;margin:0 auto;}
#main {position:relative;width:965px;color:#5F5F5F;;background: url(../images/main-content-bg.gif) repeat-y 0px top;}
#main_content div.minor_panel {float:left;background:url(/images/medium_box_bg.gif) repeat-y;width:287px;margin:5px 0 0 8px;}
#main_content div.minor_panel h2 {padding:10px 0pt 10px 10px;background:url(/images/medium_box_header.gif) no-repeat;width:277px;height:17px;color:#474143;}
div.search h2 {font-weight: bold;}
#main_content div.minor_panel .footer {clear:both;background:url(/images/medium_box_footer.gif) no-repeat;width:287px;height:14px;}
#main_content div.minor_panel ul {margin:5px;}
#main_content div.minor_panel p {margin:0 5px;}
#main_content div.minor_panel a {}
#main_content div.major_panel {background:url(/images/major_panel_bg.gif) repeat-y;float:left;width:734px;position:relative;}
/*#main_content div.major_panel * {padding:5px;}*/
#main_content div.major_panel p {padding:10px;}
#main_content div.major_panel span, #main_content div.major_panel a {padding:0;}
#main_content div.major_panel a.back {padding:10px;font-size:12px;}
#main_content div.major_panel h2 {padding:10px 0pt 10px 10px;background:url(/images/major_panel_h2_bg.gif) no-repeat;width:734px;height:17px; color: #003663; font-weight:bold; }
#main_content div.major_panel .footer {clear:both;background:transparent url(/images/major_panel_footer.gif) no-repeat scroll 0 0;height:10px;padding:0;}
.pagination {clear:both;border:1px solid #DFDFDF;margin-bottom:10px;margin-left:auto;margin-right:auto;text-align:center;width:70%;padding:5px;}
.back_to_listing {margin:1em;font-size:.8em;display:block;}
/***************************************** MAIN SIDEBAR **************************************/
#main #main_sidebar {width:180px; margin:10px 0;float:right;}
/*search*/
#main #main_sidebar #car_search select { clear:both; width:168px; margin-bottom:4px; background:#ffffff; border:1px solid #5C989C; font-size:0.80em; position: relative; left: 7px;}
#main #main_sidebar #car_search input { position:relative; left:7px; margin-bottom:4px}

/*minor_panel*/
#main #main_sidebar .minor_panel {background: url(/images/minor_panel_bg.gif) repeat-y;width:182px;margin-top:1px;}
#main #main_sidebar .minor_panel h2 { background: url(/images/minor_panel_h2_grey.gif) no-repeat left; width:182px; padding:10px 0 10px 10px; position:relative; color:#004080; font-size:1em; font-weight: bold;}
#main #main_sidebar .minor_panel p { margin-top:-5px}
#main #main_sidebar .minor_panel a {font-size:11px;line-height:11px;}
#main #main_sidebar .minor_panel a:hover {}
#main #main_sidebar .minor_panel img { position:relative; float:left; margin-right:8px;left:5px;}
#main #main_sidebar .minor_panel img#favorites {}
#main #main_sidebar .minor_panel ul {padding-left:10px;}
#main #main_sidebar .minor_panel .footer {background:transparent url(/images/minor_panel_footer.gif) no-repeat scroll 0 0;clear:both;height:11px;}

/********************* Quick links *****************************/
#main #main_sidebar .minor_panel#quick_links li {margin:5px 0;}
#main #main_sidebar .minor_panel#quick_links li li {list-style:disc;}
#main #main_sidebar .minor_panel#quick_links li a.hide_models {padding-left:10px;color:#666666;}
#main #main_sidebar .minor_panel#quick_links li a.show_models {color:#666666;}
a#long_list_hide-show {padding-left:1em;color:#666666;}

/********************* testimonials module ********************/
div#testimonials p {padding:10px;}
/* default behaviour for no-javascript */
div#testimonials.js_off #revolving_feedback li {display:none;}
div#testimonials.js_off #revolving_feedback li#currently_displayed{display:block;}
/* with javascript */
#main_content div#testimonials.minor_panel p {font-size:0.7em;padding:0 0.5em;}
div#testimonials .spacer {height:209px;position:relative;left:-1px; top: -10px;}
div#testimonials #revolving_testimonial {position:absolute;background:transparent url(/images/testimonials_bg.gif) -3px -2px no-repeat; height:205px;width:157px;margin:10px;}
div#testimonials #revolving_testimonial li {height:73px;}
div#testimonials #revolving_testimonial img {width:130px;position:absolute;top:10px;left:10px;border:1px solid gray;}
div#testimonials #revolving_testimonial a.caption_excerpt {line-height:1.2em;font-size:0.9em;text-indent:20px;color:white;text-decoration:none;font-style:italic;position:absolute;left:8px;top:116px;width:150px;display:inline;}
div#testimonials #revolving_testimonial .read_more {background:url(/images/testimonials_right_quote.gif) no-repeat -2px -3px;padding-left:26px;text-transform:uppercase;color:#bffc15;font-weight:normal;font-style:normal;font-size:0.9em;letter-spacing:1px;}
#main #main_sidebar #testimonials_links img {vertical-align:middle; float:none;}
a#hear_testimonials {cursor:pointer;}

/****************** Delivery promotion ******************************/
#main_sidebar #delivery_promo {height:176px;height:206px;}

/******************************************* FOOTER ******************************************/
#footer {background: url(/images/footer-bng.gif) no-repeat center bottom;height:39px; width:964px; text-align:center; padding-top:10px;clear:both;}
#footer p {color: #667788; margin-top: 4px;}
/************************************ ADMIN LOGGED-IN PANEL **********************************/

.logged_in {font-weight:bold;position:fixed;top:0;right:0;background:#FF0088;color:white;width:130px;padding:10px;font-size:1.6em;}
.logged_in a {border-bottom:1px dashed;color:white;font-weight:bold;text-decoration:none;padding:0.2em;}
.logged_in a:hover {background-color:#CF0073;}
.logged_in li {list-style:disc;list-style-position:inside;font-weight:normal;font-size:.6em;margin:0.5em 0;}