/* 
    Document   : index
    Created on : 25-Apr-2008, 15:35:12
    Author     : robl
    Description:
        PARTICULAR/ PAGE-SPECIFIC styles for index page

        ORGANISATION OF STYLES IN THIS STYLESHEET:
        Each category of styles should be delimited with its own heading in the format:
        /********************************** HEADER **********************************/
/* 
        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 put browser hacks in this stylesheet. Assuming we're talking about IE, these should be contained in a seperate stylesheet that is included conditionally.
        2. Try to avoid using !important declarations: these may work in the short term, but lead to problems later on.
        3. Try to write styles with an appropriate level of specificity from the start, so that they only apply to the specific element that you're writing them for: i.e. don't rely on multiple layers of inheritance with overwriting when it becomes necessary.
*/
/****************************************************************************************/ 
/******************************** Splash area *******************************************/ 
/* will default to basic major panel styling unless javascript adds the class name "on" */
/************** Default *************/
#main_content div.major_panel#splash_area img,
#main_content div.major_panel#splash_area object {display:none;}
#main_content div.major_panel#splash_area div {padding:0;}

/******* Javascript available *******/
#main_content div.major_panel#splash_area.on {position:relative;background:url(/images/particulars/index/splash_bg.jpg) no-repeat;height:285px;}
#main_content div.major_panel#splash_area.on h2 span,
#main_content div.major_panel#splash_area.on h3 span {display:none;}
#main_content div.major_panel#splash_area.on h2,
#main_content div.major_panel#splash_area.on h3 {width:255px;cursor:pointer;margin:0;padding:0;}
#main_content div.major_panel#splash_area.on .footer {background:none;}
#main_content div.major_panel#splash_area.on h2 {background:none;}
#main_content div.major_panel#splash_area.on p,
#main_content div.major_panel#splash_area.on a,
#main_content div.major_panel#splash_area.on ul {display:none;}

/* Titles/ links */
#main_content div.major_panel#splash_area.on #point_1 h2 {height:20px;width:245px;left:14px;top:35px;position:absolute;background:url(/images/particulars/index/splash_titles.png) no-repeat 0 -20px;}
#main_content div.major_panel#splash_area.on #point_1.over h2 {background-position: 0 0px;}
#main_content div.major_panel#splash_area.on #point_2 h3 {height:20px;left:14px;top:95px;position:absolute;background:url(/images/particulars/index/splash_titles.png) no-repeat 0 -60px;}
#main_content div.major_panel#splash_area.on #point_2.over h3 {background-position: 0 -40px;}
#main_content div.major_panel#splash_area.on #point_3 h3 {height:20px;left:14px;top:155px;position:absolute;background:url(/images/particulars/index/splash_titles.png) no-repeat 0 -100px;}
#main_content div.major_panel#splash_area.on #point_3.over h3 {background-position: 0 -80px;}
#main_content div.major_panel#splash_area.on #point_4 h3 {height:20px;left:14px;top:215px;position:absolute;background:url(/images/particulars/index/splash_titles.png) no-repeat 0 -140px;}
#main_content div.major_panel#splash_area.on #point_4.over h3 {background-position: 0 -120px;}
#main_content div.major_panel#splash_area.on .search_now {position: absolute; height:18px; width:97px; right:11px; bottom:9px;}

/* Items rollover display */
#main_content div.major_panel#splash_area.on img {position:absolute;}
#main_content div.major_panel#splash_area.on #point_1.over img,
#main_content div.major_panel#splash_area.on #point_1.over object,
#main_content div.major_panel#splash_area.on #point_2.over img,
#main_content div.major_panel#splash_area.on #point_3.over img,
#main_content div.major_panel#splash_area.on #point_4.over img,
#main_content div.major_panel#splash_area.on #point_2 a,
#main_content div.major_panel#splash_area.on #point_3 a,
#main_content div.major_panel#splash_area.on #point_4 a {display:block;}
#main_content div.major_panel#splash_area.on #point_1 img.no_dealer_profits {left:267px;top:-9px;height:298px; width:124px;}
#main_content div.major_panel#splash_area.on #point_1 img.text {left:437px;top:56px;}
#main_content div.major_panel#splash_area.on #point_1 object {position:absolute;left:406px;top:7px;}
#main_content div.major_panel#splash_area.on #point_2 img.rac_inspection {bottom:6px;left:277px;}
#main_content div.major_panel#splash_area.on #point_2 img.text {left:491px;top:26px;}
#main_content div.major_panel#splash_area.on #point_3 img.rin_text {left:292px;top:136px;}
#main_content div.major_panel#splash_area.on #point_3 img.reserve_it_now {left:433px;top:21px;}
#main_content div.major_panel#splash_area.on #point_4 img.text {left:507px;top:34px;}
#main_content div.major_panel#splash_area.on #point_4 img.testimonial_link {left:507px;top:160px;}
#main_content div.major_panel#splash_area.on #point_4 img.award_acceptance {left:257px;top:26px;}
/****************************** End splash area *************************************/ 

/**************************** Car list *******************************/
#car_lists {width:332px;float:left;}
.car_list {width:320px;clear:left;}
.early_bird {margin-top:8px;}
table.carList {width:320px;}
.car_list h2 {background:url(/images/h2-carlist.gif) repeat-x;padding:5px 8px 8px; color: #474143; font-weight: bold;font-size:0.8em;width:300px;clear:left;}
.carList th, #carList td {padding:3px;}
.car_list th {font-weight:bold;background-color:#F6F6F6;padding:5px;font-size:0.7em;}
.car_list a {color:#114477; font-weight: normal;}
.car_list a:hover {color:#01ABC7;}
td.carListPhotoColumn img {margin:5px;}
.car_list th {border-right:#D1D1D1 1px solid;border-bottom:1px solid #00ACC8;}
td.carListPriceColumn {color:white;text-align:center;width:80px;height:60px;text-transform:uppercase;}
.ready_to_go td.carListPriceColumn {background:transparent url(/images/particulars/index/ready_to_go_button.gif) no-repeat scroll center top;}
.early_bird td.carListPriceColumn {background:transparent url(/images/particulars/index/early_bird_button.gif) no-repeat scroll center top;}
td.carListPriceColumn:hover {background-position:center bottom;}
div.ready_to_go th {display:none;}
.early_bird .carList tr{background:url(/images/particulars/index/early_bird_bg.gif) repeat-x;}
.ready_to_go .carList tr{background:url(/images/particulars/index/ready_to_go_bg.gif) repeat-x;}
.carListEndTimeColumn {display:none;text-align:center;width:50px;}
td.carListPhotoColumn img {margin:2px 1px -1px 4px;}
p.carOfTheDay {font-size:1.6em;color:#84AF0B;}
/* tr {border-bottom:1px solid #00ACC8;border-left:1px solid #D1D1D1;border-right:1px solid #D1D1D1;  background:url(/images/carlist-row-bg.gif) no-repeat 0 0; } */
td#carOfTheDay {position:relative;width:80px;}
td#carOfTheDay p.price {position:relative;color:white;float:left;z-index:1;top:10px;left:31%;}
td#carOfTheDay p.ebay {position:relative;background:transparent url(/images/car-of-the-day-button.gif) no-repeat scroll 0 0;height:61px;width:78px;}
td#carOfTheDay p.ebay:hover {background-position:0 -62px;cursor:pointer;}
td#carOfTheDay p.ebay a {color:white;position:absolute;top:30px;right:10px;width:60px;}
#early_bird_bargains {width:208px;padding:5px;height:155px;position:relative;left:320px;}
.early_bird .car_list_wrapper {padding-left:1px;width:320px;}
.ready_to_go .car_list_wrapper {padding-left:1px;}

.car_list_wrapper table td.early_bird_bargains{vertical-align:top;font-size:11pt;background:url(/images/particulars/index/early_bird_bg.gif) repeat-y;padding:10px;}
.car_list_wrapper table td.early_bird_bargains h5 {font-size: 1em; color:#ae3ffc;font-weight:bold;}
.car_list_wrapper table td.early_bird_bargains p,
.car_list_wrapper table td.ready_to_go_cars p {margin-top:8px;}
.car_list_wrapper table td.ready_to_go_cars{vertical-align:top;font-size:11pt;background:url(/images/particulars/index/ready_to_go_cars_bg.gif) repeat-y;padding:10px;}
.car_list_wrapper table td.ready_to_go_cars h5 {font-size: 1em; color:#75900a;font-weight:bold;}

/************ Ways to Buy panel**********/

#ways_to_buy{background:transparent url(/images/particulars/index/ways_to_buy_bg.jpg) no-repeat scroll 0 0;height:455px;margin:9px 14px 0 0;position:relative;width:403px;float:right;}
h2.early_bird_header{color:#006893;font-size:2em;font-weight:bold;left:9px;position:absolute;top:-6px;line-height:2em;}
h3.cherry_picked_header{left:9px;position:absolute;top:39px;line-height:2em;}
p.early_bird_text {color:#008DCE;font-size:0.7em;height:118px;left:128px;padding:8px;position:absolute;top:83px;width:126px;}
p.money_back_text {color:#DE8505;font-size:0.7em;font-weight:bold;height:60px;left:7px;position:absolute;top:175px;width:95px;}
h2.ready_to_go_header{color:#415D00;font-size:2em;font-weight:bold;left:9px;position:absolute;top:219px;height:90px;line-height:2em;}
p.ready_to_go_text1{color:#4A7200;left:10px;position:absolute;top:280px;width:212px;}
p.ready_to_go_text2{color:#4A7200;left:10px;position:absolute;top:352px;width:212px;}
p.disclaimer{background:transparent url(/images/h2-carlist.gif) repeat-x scroll 0 0;color:#474143;font-size:0.6em;height:30px;left:1px;padding:5px 8px 8px;position:absolute;bottom:-5px;width:386px;}

/* Press section */
#press {margin-top:1em;}
#press li {float:left;}
#press li img {padding:.5em;}
#press li input {padding:.5em;}
#press #who_else {clear:both;margin:0 0 .3em .5em;display:block;}