﻿html, *
{
    margin: 0;
    padding: 0;
}

body 
{
    margin: 0;
    padding: 0;
    font-size: 62.5%;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #727272;
    background: #000 url('../gfx/bg-body.gif') repeat-y top center;
}

p
{
	font-size: 1.1em;
	margin-bottom: 10px;	
}

.textarea
{
	font-family: Arial, Helvetica, Sans-Serif;
	}

/* IE6 PNG FIX */
/**html img, *html div 
{ 
    behavior: url(scripts/iepngfix.htc) 
}*/

*html .pngfx
{ 
    behavior: url(scripts/iepngfix.htc) 
}

sup.supSmall  
{
    font-size:0.4em;
    color: #fff;
             }
sup.redSmall { font-size:0.4em; color: #CC0000; }

sup.redsmall 
{   
    vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.1em;
	color: #cc0000;
	left:75px;
}


div#headerdiv /* Named such because theres a flash file called header */
{
    margin: 0 auto;
}

div#main-container
{
    width: 980px;
    margin: 0 auto;
    position:relative;
}
/*---IE6 BUG FIX---*/

* html div#main-container
{
    overflow-x: hidden;
}

/*-----------------*/
div#bottom-shadow
{
    width: 980px;
    margin: 0 auto 10px auto;
    height: 9px;
    background-image: url('../gfx/bg-shadow-top.gif');
}

div#content
{
    background: #E1E1E1 url('../gfx/page-background.gif') no-repeat top left;
    min-height: 300px;
    padding-top: 30px;
    padding-bottom: 20px;
}

* html div#content
{
    height: 300px;
}

div#footer
{
    background: #313131 url('../gfx/bg-footer.gif') no-repeat top left;
    margin: 0 auto;
    min-height: 14px;
    padding-top: 3px;
    text-align: center;
    width: 980px;
}

div#footer ul
{
    margin: 0 auto;
    list-style: none;
}

div#footer ul li
{
    display: inline;
    padding-right: 11px;
}

/*  WITHIN THE MAIN CONTENT  */
/*div#left-column
{
    width: 732px;
    float: left;
    margin-left: 35px;
    display: inline;
    padding-bottom: 50px;
}

* html div#left-column
{
    height: 570px;
}*/

div#left-column
{
    float: left;
    margin: 0 35px;
    display: inline;
    padding-bottom: 50px;   
}

div#right-column
{
    width: 173px;
    margin-left: 5px;
    float: left;
    padding-bottom: 50px;
}

/*  THE CAR BOX DIVS  */
div.car-box
{
    float: left;
    margin: 0px 2px 10px 2px;
    width: 192px;
    height: 163px;
    padding: 119px 24px 4px 24px;
    background-repeat: no-repeat;
    background-position: left top;
    display: inline;
}

.car-one
{
    background-image: url('../gfx/car-bgs/car01.png');
}

.car-two
{
    background-image: url('../gfx/car-bgs/car02.png');
}

.car-three
{
    background-image: url('../gfx/car-bgs/car03.png');
}

.car-four
{
    background-image: url('../gfx/car-bgs/car04.png');
}

.car-five
{
    background-image: url('../gfx/car-bgs/car05.png');
}

.car-six
{
    background-image: url('../gfx/car-bgs/car06.png');
}

div.clearer
{
    clear:both;
}

div.non-shadow-left
{
    padding: 4px;
    margin-bottom: 10px;
}

div.multi-tab-box
{
    position: relative;
    background-image: url('../gfx/bg-multi-box.gif');
    background-repeat: no-repeat;
    height: 583px;
    width: 720px;
    margin-left: 6px;
    margin-top: 20px;
    margin-bottom: 30px;
}

div.multi-tab-header
{
    position: absolute;
    top: 35px;
    left: 20px;
    width: 680px;
    height: 30px;
}

/*  MULTIBOXES FOR THE MULTI-TAB BOX  */
div.header-one
{
    position: absolute;
    top: 144px;
    left: 76px;
    width: 270px;
} 

div.content-one
{
    position: absolute;
    top: 186px;
    left: 36px;
    width: 310px;
} 

div.header-two
{
    position: absolute;
    top: 144px;
    left: 420px;
    width: 270px;
} 

div.content-two
{
    position: absolute;
    top: 186px;
    left: 380px;
    width: 310px;
} 

div.header-three
{
    position: absolute;
    top: 274px;
    left: 76px;
    width: 270px;
} 

div.content-three
{
    position: absolute;
    top: 314px;
    left: 36px;
    width: 310px;
} 

div.header-four
{
    position: absolute;
    top: 274px;
    left: 420px;
    width: 270px;
} 

div.content-four
{
    position: absolute;
    top: 314px;
    left: 380px;
    width: 310px;
} 

div.header-five
{
    position: absolute;
    top: 402px;
    left: 76px;
    width: 270px;
} 

div.content-five
{
    position: absolute;
    top: 440px;
    left: 36px;
    width: 310px;
} 

div.header-six
{
    position: absolute;
    top: 402px;
    left: 420px;
    width: 270px;
} 

div.content-six
{
    position: absolute;
    top: 440px;
    left: 380px;
    width: 310px;
} 

div.multi-footer-text
{
    position: absolute;
    top: 520px;
    left: 35px;
    width: 653px;
}

div#bottom-bar
{
    width: 950px;
    margin: 0 auto;
    height: 28px;
    padding: 10px 15px 0 15px;
    
}

div.bottom-bar-shadow
{
    background: #292929 url('../gfx/bg-bottom-bar.gif') no-repeat left top;
}

/* RIGHT COLUMN */
div#promotional1
{
   /*width: 133px;   
   height: 253px;
   padding: 20px;*/
   width: 159px;   
   height: 279px;
   padding:7px;
   background: transparent url('../gfx/2000-promotion.png') no-repeat left top;
   position: relative;
}

* html div#promotional1
{
	background-image: url('../gfx/2000-promotion2.gif');	
}

div#promotional2
{
   width: 133px;   
   height: 204px;
   padding: 20px;
   background: transparent url('../gfx/call-us-promotion.png') no-repeat left top;
   margin-top: 10px;
   position: relative;
}

* html div#promotional2
{
	background-image: url('../gfx/call-us-promotion2.gif');	
}

div#promotional1 h2
{
	padding:13px;
	margin-bottom:18px;
	}

div#promotional1-bottom-text
{
    position: absolute;
    left: 21px;
    top: 200px;
    width: 130px;
}

div#promotional2-bottom-text
{
    position: absolute;
    left: 21px;
    top: 60px;
    width: 130px;
}

div#promotional1 .tout
{
	width:10px;
	height:10px;
	}

/* 2 column boxes/text  */

div.cartoon-box
{
    width: 732px;
    height: 670px;
    position: relative;
}

div.cartoon-box-content
{
    width: 350px;
    padding: 10px 6px;
}

img#find-your-car
{
    position: absolute;
    top:0;
    left:0;
}

.find-your-car
{
    position: absolute;
    top:189px;
    left:0;
}

img#contact-us-step
{
    position: absolute;
    top: 0;
    left: 374px;
}

.contact-us-step
{
    position: absolute;
    top: 189px;
    left: 374px;
}

img#payment-options
{
    position: absolute;
    top: 336px;
    left: 0;
}

.payment-options
{
    position: absolute;
    top: 535px;
    left: 0;
}

img#drive-away
{
    position: absolute;
    top: 336px;
    left: 374px;
}

.drive-away
{
    position: absolute;
    top: 535px;
    left: 374px;
}

.picture-top-box 
{
    float: left;
    width: 314px;
    height: 137px;
    padding: 172px 20px 0 20px;
    background-position: left top;
    background-repeat: no-repeat;
}

.picture-of-girl
{
    background-image: url('../gfx/girl-div.jpg');
    margin-right: 13px;
}

.picture-of-ticks
{
    background-image: url('../gfx/tick-div.jpg');
}

.front-page-car
{
    padding: 10px 357px 0 0;
    height: 230px;
    width: 357px;
    background: transparent url('../gfx/car-bgs/the500c.gif') no-repeat left top;
}

div#submenu
{
    min-height: 20px;
    max-height:58px;
    padding: 0 40px;
    background: #000 url('../gfx/sub-menu.gif') no-repeat left top;
    /*position: relative;*/
}

* html div#submenu
{
    height: 20px;
}

div#submenu object
{
    margin-top: 1px;
}

.column_left_shadow
{
    padding: 10px;
    height: 172px;
    width: 702px;
    background: transparent url('../gfx/column_left_shadow.png') no-repeat left top;
	}
	
.column_left_shadow_half
{
    padding: 20px;
    height: 110px;
    width: 315px;
    background: transparent url('../gfx/column_left_shadow_half.png') no-repeat left top;
	}
	
.offers
{
	margin-top:-30px;
	}
	
.offer_item
{
	padding-top:20px; 
	padding-bottom:20px; 
	width:100%;
	float:left;
	background: transparent url('../gfx/horisontal_grey.gif') repeat-x left top;
	}
	
.offer_item p
{
	padding-left:40px; 
	padding-right:40px; 
	width:660px; 
	float:left;
	}
	
.offer_item img
{
	float:right;
	margin-right:40px;
	}
	
.modal_background
{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:#000000;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index:100;
	}
	
.modal_popup
{
	padding:40px;
	border:solid 1px #000;
	background:#000 url('../gfx/form-page-bg.gif') repeat-x top left;
	z-index:110;
	}

.modal_popup table td
{
	padding:4px;
	}

.popup_close
{
	color: #e58282;
	padding-left:20px;
	background:transparent url('../gfx/close-box.gif') no-repeat;
	position:absolute;
	top:20px;
	right:40px;
	line-height:15px;
	height:15px;
	text-decoration:none;
	}	
.popup_form
{
	background:#e1e1e1 url('../gfx/form-bg.gif') repeat-x top left;
	width:400px;
	padding:20px;
	}
	
.flash_content
{
	/*position:absolute;
	top:0;
	left:0;*/
    width:980px;
    /*background-color:Green;	*/
	}
	
.flash-replaced
{
    /*background-color:Red;*/
    }
	
.button
{
	border: solid 1px #727272;
	background-color:#a1a1a1;
	color:#cd0101;
	padding-left:8px;
	padding-right:8px;
	height:28px;
	line-height:28px;
	font-weight:bold;
	min-width:70px;
	}
	
.error_msg
{
	color:#cd0101;
	}
	
div.main-content-padding 
{
    padding: 10px 5px;
}

div.main-content-padding hr
{
    margin: 20px 0;
}

ul.faq-categories
{
    margin-left: 10px;
    font-size: 1em;
}

ul.faq-categories li
{
    margin-top: 5px;
}

div.offer-item img
{
    cursor: pointer;
}


/************************************************
*                                               *
*           NEW DESIGN - 04-03-2010             *
*                                               *
************************************************/

.new-process-box
{
    width: 162px; 
    float: left; 
    height: 100px; 
    padding: 0 10px; 
    padding-top: 8px;
}

.left-process-box, .right-process-box
{
    width: 157px; 
}

.left-process-box
{
    padding-left: 20px; 
    padding-right: 5px;
}

.right-process-box
{
    padding-right: 20px; 
    padding-left: 5px;
}   

.buying-direct-container
{
    width: 720px; 
    margin-bottom: 270px; 
    float: left; 
    height: 786px; 
    background: #FFF url('../gfx/process-steps.gif') no-repeat left top; 
    margin-left: 40px; 
    margin-right: 11px; 
    margin-top: 6px; 
    position: relative;
    display: inline;
}

#promotional1 p, #promotional2 p
{
    margin-bottom: 0;   
}

/* NEW OFFERS PAGE - MARCH 2010 - J.Burley */

#offers-container
{
    width: 909px;
    margin-left: 37px;   
}

#featured-offer
{
    width: 602px;
    height: 460px;
    float: left;
    background: transparent url('../gfx/featured-car-bg.gif') no-repeat left top; 
    position: relative;
    margin-right: 4px;
}

#featured-offer h2
{
    position: absolute;
    top: 17px;
    width: 602px;   
}

#contact-form
{
    width: 299px;
    float: left;
    position: relative;
}

.contact-form-large { background: transparent url('../gfx/contact-form-large.gif') no-repeat left top; height: 460px; }
.contact-form-small { background: transparent url('../gfx/contact-form.gif') no-repeat left top; height: 390px;}
    

#contact-form .top-description-contact
{
    position: absolute;
    left: 24px;
    top: 57px;
    width: 252px;
}



#contact-form .contact-form-large .bottom-description-contact
{
    position: absolute;
    left: 24px;
    top: 395px;
    width: 252px;
}


#contact-form .bottom-description-contact
{
    position: absolute;
    left: 24px;
    top: 390px;
    width: 252px;
}

#contact-form .bottom-description-contact-small
{
    position: absolute;
    left: 24px;
    top: 320px;
    width: 252px;
}

#contact-form .bottom-description-contact p
{
 font-size: 1.0em;   
}

#contact-form .bottom-description-contact p,
#contact-form .top-description-contact p
{
    margin-bottom: 5px;   
}

#contact-form .top-description-contact p strong
{
    color: #000;
    font-size: 1.1em;   
}

#contact-form table.contact-form
{
    position: absolute;
    left: 24px;
    top: 130px;
}

#contact-form .contact-form-email-us
{
    width: 94px;
    height: 19px;
    background: transparent url('../gfx/email-us-now.gif') no-repeat left top;
    border: 0;
    margin-top: 10px;
    margin-right: 10px;
	cursor:pointer;
}

#contact-form .contact-form-cancel
{
    width: 61px;
    height: 19px;
    background: transparent url('../gfx/cancel.gif') no-repeat left top;
    border: 0;
	cursor:pointer;
}

.enquire-above-vehicle-button 
{
    border:none;
    height: 21px;
    width: 100px;
    margin-top:5px;
	background: transparent url('../gfx/info-about-vehicle.gif') no-repeat left top;
	cursor:pointer;
}

.enquire-above-vehicle-buttonAlt
{
    border:none;
    height: 19px;
    width: 94px;
    margin-top:5px;
	cursor:pointer;		
    background: transparent url('../gfx/email-us-now.gif') no-repeat left top;
}

.image-featured-hero
{
    width: 447px;
    height: 319px;
    position:absolute;
    top:42px; 
    left:6px;
	z-index:10;
}

.image-featured-top, .image-featured-middle, .image-featured-bottom
{
    position: absolute;
    width: 142px;
    left: 454px;
}

.image-featured-top
{
    top: 44px;
    height: 98px;
}

.image-featured-middle
{
    top: 144px;
    height: 125px;
}

.image-featured-bottom
{
    top: 271px;
    height: 90px;
}

.smaller-featured-ad
{
    background: transparent url('../gfx/small-offers-promotion.gif') no-repeat left top;
    width: 299px;
    height: 356px;
    position: relative;
    float: left;
    margin-top: 5px;
    margin-right: 4px;
}

.smaller-featured-ad h3
{
    position: absolute;
    top: 10px;
    width: 311px; 
    font-size:12px;  
}

.smaller-featured-ad .small-promotional-image
{
    left: 6px;
    position: absolute;
    top: 26px;
    width: 287px; 
    height: 205px;
}

.smaller-featured-ad .promotion-code, 
.smaller-featured-ad .car-details, 
.smaller-featured-ad .car-price, 
.smaller-featured-ad .car-period,
.smaller-featured-ad .enquire-vehicle-small
{
    position: absolute;
    left: 24px;
    width:250px;
    text-transform:uppercase;
}

.smaller-featured-ad .car-apr {
	position: absolute;
    left: 24px;
    width:100px;
    text-transform:uppercase;
 }

.smaller-featured-ad .promotion-code
{
    top: 245px;
    width:265px;
}

.smaller-featured-ad .promotion-code strong { color:#fff; font-size:1.6em; }

.smaller-featured-ad .car-details
{
    top: 263px;
}

.smaller-featured-ad .car-details strong
{
   color:#7e7e7e;
   font-size:1.4em;
   font-weight:bolder;
}

.smaller-featured-ad .car-price
{
    top: 296px;
}

.smaller-featured-ad .car-period
{
   top:311px; color:#ccc; font-size:1.2em;
}

.smaller-featured-ad .car-period .abs
{
	position: absolute; font-size:0.9em;
}

.smaller-featured-ad .car-period .flt
{
	float: right; margin-top:5px;
}

.smaller-featured-ad .car-apr
{
   top:325px;
}

.smaller-featured-ad .enquire-vehicle-small
{
    width:100px;
    height: 19px;
    background: transparent url('../gfx/enquire-about-vehicle-small') no-repeat left top;
    border: 0;
    margin-bottom:10px;
}

/* UPDATES OFFERS PAGE - NOV 2010 - W.Burton */
.pWrapper { float:right; margin-top:40px; width:140px; padding:4px; color:#666; }
.pWrapper ul li { list-style-type: none; }

.pWrapperBottom { position:absolute; top:300px; left:454px; width:136px; padding:10px 2px 0 4px; color:#666; border-top:solid 2px #fff; z-index:2000; }

.sRed { color:#cc0000; }

div.rColHeader { float: left; width: 80px; margin-top:10px; }
div.rColHeaderLast { float: left; width: 80px; color:#333; }
div.rColVal { float: right; margin:10px 5px 0 0; text-align:right; }
div.rColValLast { float: right; text-align:right; color:#333;}

.offerBottom  
{
    position: absolute;
    border: 0;
    height: 200px;
    width: 555px;
    left: 24px;
    top: 363px;
    padding:20px 0 0 0; 
    text-transform:uppercase;
}

.offerBottom strong { color:#fff; font-size:1.4em; }

.offerBottomL { position:absolute; font-size:1.2em; width:300px;  color:#ccc; font-weight:bolder; }
.offerBottomR { float:right; color:#ccc; font-size:1.2em; text-align:right; }
.sRedLarge { font-size:1.4em; color:#cc0000; font-weight:bolder;  }

/* */

/* Offers Detail Page */

#offersDetail-Container {
    margin-left:37px;
    overflow: auto;
	width: 100%;
}

#vehicle-finance { width:909px; background-color:#e6e6e6; overflow: auto; padding-bottom:15px; }
#vehicle-finance .header span {
    font-size:1.6em; 
    font-weight:bolder; 
    text-transform:uppercase; 
}

#vehicle-finance-left  {
    width:590px;
    position:absolute;
    padding:10px;
    background-color:#e6e6e6;
    font-size:1.1em;
    color:#666;
}

#vehicle-finance-left .header { border-bottom:solid 2px #fff; margin-right:5px; padding:3px; }

#vehicle-finance-right {
    width:299px;
    float:right;
}

#offersDetail-Container table.tFinance { width:590px; line-height:1.6em; }
#offersDetail-Container .tFinance .right { text-align:right; }
#offersDetail-Container .rowTopBorder {border-top:solid 1px #fff; margin:5px 5px 5px 0; padding-top:20px; }
#offersDetail-Container .rowTop { margin-top:10px; } 

.fiatApproved {  background-color:#e6e6e6;  }
.fiatApprovedImg { margin:10px 0 0 10px; text-align:center;}

#offerTerms { 
	width:909px; 
	font-size:1em; 
	color:#666; 
	margin-left:37px;
	line-height:16px;
	background-color:#f0f0f0; 
}

#offerTermsHome { 
	width:909px; 
	font-size:1em; 
	color:#666; 
	background-color:#f0f0f0; 
	margin-left:37px;
	background-color:#e2e2e2;
	line-height:16px;
}

#offerTerms .oPanel { padding:10px 10px 15px 10px; }
#offerTermsHome .oPanel { padding:10px 10px 15px 10px; }

/* Red Offer Corners */
.topright-red { position:absolute; z-index:12;  background-image: url('../gfx/topright-red.gif'); top:42px; left:284px; height:109px; width:170px; }

.topright-red .topright-red-val {  font-size:3em; color:#fff; font-weight:bolder; }
.topright-red .topright-red-val .topright-red-val-terms label { font-size:1em; font-weight:bolder; color:#fff;  }
.topright-red-text { width:120px;  float:right;  text-align:right; padding:5px;}

.topright-red span.topright-small {  color:#fff; font-size:0.9em; font-weight:bolder; text-transform:uppercase; text-align:right; }
.topright-red span.topright-medium {  color:#fff; font-size:1.1em; font-weight:bolder; text-transform:uppercase; text-align:right; }

.bottomleft-red { position:absolute; z-index:10;  background-image: url(../gfx/bottomleft-red.gif); top:287px; left:6px; height:75px; width:113px; background-repeat:no-repeat; }
.bottomleft-red .bottomleft-red-val {  font-size:3em; font-weight:bolder; color:#fff; }
.bottomleft-red-text { float:left;  text-align:left; margin-top:20px; padding:5px;}
.bottomleft-red span.bottomleft-small {  color:#fff; font-size:1.1em; font-weight:bolder; text-transform:uppercase; text-align:right; }
.bottomleft-medium {  color:#fff; font-size:0.5em; font-weight:bolder;  }

.topright-white { position:absolute; z-index:12;  background-image: url('../gfx/topright-white.gif'); top:26px; left:175px; height:78px; width:118px;  }

/* White Offers Corners */
.topright-white span.topWhiteText {  color:#CC0000; font-weight:bolder; text-transform:uppercase; text-align:right; font-size:7px; line-height:4px; }
.topright-white .topright-white-val {  font-weight:bold; color:#CC0000; font-size:18px !important;  }
.topright-white .topright-white-val .topright-white-val-terms label { font-weight:bolder; color:#CC0000;  }
.topright-white-text { width:115px;  text-align:right; padding:5px 5px 0 0; }

.bottomleft-white { position:absolute; z-index:10;  background-image: url(../gfx/bottomleft-white.gif); top:178px; left:6px; height:53px; width:82px; line-height:16px; }
.bottomleft-white span {  color:#CC0000; font-weight:bolder; text-transform:uppercase; text-align:right; font-size:0.75em; }
.bottomleft-white .bottomleft-white-val {  font-weight:bolder; color:#CC0000; font-size:27px;  }
.bottomleft-white-text { float:left;  text-align:left; margin-top:13px; padding:3px;}
.bottomleft-white-text span.bottomleft-medium {  color:#CC0000; font-size:0.5em; font-weight:bolder;  }

/* Specification */
#vehicle-spec { width:909px; }
#vehicle-spec .offerImageMain { position:absolute; width:600px; }
#vehicle-spec .offerSpecRight { float:right; width:309px; height:428px; background-color:#eaeaea; }

.imgOfferMain { width:600px; height:428px; border:none; } 

#vehicle-spec .header { padding:10px; background-color:#fff; }
#vehicle-spec .header span {
    font-size:1.6em; 
    font-weight:bolder; 
    text-transform:uppercase; 
}

#vehicle-spec .borderBot { border-bottom:solid 1px #fff; padding:5px 0 5px 15px; }
#vehicle-spec span.borderBotTitle  { text-transform:uppercase; font-size:1.3em; font-weight:bolder; color:#333333; }

#vehicle-spec .borderBotVal { float:right; padding-right:5px; }
#vehicle-spec span.borderBotVal { color:#6e6e6e; text-transform:uppercase; font-size:1.5em; font-weight:bolder; }

#vehicle-spec .borderBotValRed { float:right; padding-right:5px; }
#vehicle-spec span.borderBotValRed {  text-transform:uppercase; font-size:1.5em; font-weight:bolder; color: #CD0101; }

#vehicle-spec span.borderBotValCross { color: #CD0101; font-size:0.5em;}

#vehicle-spec .borderBotList { padding:5px; width:120px; }
#vehicle-spec ul li { list-style: square inside; color:#CD0101; text-indent: -1.2em; }
#vehicle-spec .borderBotList span { color: #666666; font-size:1em; }

#oBanner { width:889px; background-color:#e6e6e6; overflow: auto; padding:10px; }
#oBanner span { font-size:1.4em; }

#oBanner span.vName { font-size:1.4em; font-weight:bold; color:#fff; text-transform:uppercase; }
#oBanner span.vDesc  { font-size:1.3em; font-weight:bold; color:#ccc; padding:0 5px; }
#oBanner span.vPrice { font-size:1.4em; color:#cc0000; }
#oBanner span.vCaption { font-size:0.9em; color:#fff; }

.oBannerPoundSigns
{
    font-size: 20px !important;
    font-weight:bold; 
    color:#fff;
}

.oBannerPoundSignsRed
{
    font-size: 20px !important;
    font-weight:normal; 
    color:#cc0000;
}


#oBanner { background:#000 url('../gfx/offer-details-banner.gif') repeat-x; } 

.tSpec { width:300px; margin-top: 5px; }

/**/

* html div#vehicle-spec
{
	width: 910px;
}

* html div#offersDetail-Container
{
	width: 910px !important;
}

* html .topright-white-text { text-align:right; padding:3px 5px 0 0 !important; }


/*-----OFFERS PAGE UPDATE DEAN JAMES 07/12/2010---------*/

.offersFinanceTableRight
{
    width: 310px;
	background: transparent url('../gfx/pluses.gif') no-repeat 280px 30px;
}

.offersFinanceTableRight tr td 
{
    border-bottom:solid 1px #fff;
}

.littleCrossOffersTopRight
{
    left: -48px;
    position: relative;
    top: 16px;
    zoom: 1;
}

.costPerMonth
{
    position: relative;
    top: 13px;
    zoom: 1;
}

.cashCarTopRight
{
    left: 49px;
    position: relative;
    top: -15px;
    zoom: 1;   
   
}

.bottomCashLabel
{
    position: relative;
    top: -18px;
    zoom: 1;
}

.bottomleft-mediumALT
{
    top: -5px;
    left: 43px;
    position: relative;
    font-size: 1.5em;
    color: #fff;
    font-weight:bolder;
    zoom: 1;
}

.TopValCrossForCar
{
    font-size: 1em;
    color:#fff;
}

.bottomleft-apr-ALT
{
    left: -2px;
    position: relative;
    top: 21px;
    zoom: 1;
}


.tSpecMargin
{
    padding-left: 20px;
    text-align: left;
    text-indent: -13px;
    vertical-align: top;
}

/*--------IE6 BUG FIXES--------*/

* html .cashCarTopRight
{
    left: -70px !important;
}

* html .littleCrossOffersTopRight
{
    left: 70px !important;
}


/********** POPOVER ********/

#backgroundPopup
{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:1;
}

#popupContact
{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:163px;
	width:255px;
	background:#666 url('../gfx/popover/background2.jpg') no-repeat left top;
	z-index:2;
	overflow: hidden;
}

#popupContact div
{
	height: 163px;
	width: 255px;
	position: relative;	
}

#popupContact div a.Professional-Link, #popupContact div a.Cars-Link
{
	display: block;
	position: absolute;
	width: 90px;
	height: 78px;
	top: 73px;
	left: 26px;
}

#popupContact div a.Cars-Link
{
	width: 102px;
	left: 135px;
}

#popupContactClose
{
	font-size:14px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color:#6fa5fd;
	font-weight:700;
	display:block;
}

/*SERVICES PAGES*/

.services-container
{ background: transparent; height: auto; width: 980px; position: relative; }

.services-top
{ background: transparent url('../gfx/bgs-page/services-cars-top.jpg') no-repeat left top; width: 980px; min-height:248px; }

* html .services-top
{ height:248px; }

.services-top p.serve-intro
{ position: absolute; top: 10px; left: 38px; width: 330px; }

.services-top .call-fiat
{ position: absolute; top: 65px; width: 134px; right: 55px; }

.services-top .call-fiat p
{ margin-bottom: 10px; }

.services-top p.head1
{ position: absolute; top: 306px; left: 50px; color: #FFF; text-transform: uppercase; font-weight: bold; font-size: 15px; }

.services-top p.head2
{ position: absolute; top: 306px; left: 368px; color: #FFF; text-transform: uppercase; font-weight: bold; font-size: 15px; }

.services-top p.head3
{ position: absolute; top: 306px; left: 690px; color: #FFF; text-transform: uppercase; font-weight: bold; font-size: 15px; }

.services-bottom
{ background: transparent url('../gfx/bgs-page/services-cars-mid.jpg') repeat-y left top; width: 980px; height:auto; padding-top: 15px; overflow:hidden; }

.services-bottom .text-box1
{ width: 240px; padding-left: 50px; float:left; }

.services-bottom .text-box2
{ width: 240px; padding-left: 82px; float:left; }

.services-bottom .text-box3
{ width: 240px; padding-left: 82px; float:left; }

.services-bottom .text-box1 p, .services-bottom .text-box2 p, .services-bottom .text-box3 p
{ margin-top:10px; }

.services-bottom .base-bit
{ background:transparent url('../gfx/bgs-page/services-cars-bottom.jpg') no-repeat left top; width: 980px; height:55px; clear:both; }

/*PRO-SERVICES PAGES*/

.pro-services-container
{ background: transparent; height: auto; width: 980px; position: relative; }

.pro-services-top
{ background: transparent url('../gfx/bgs-page/pro-services-cars-top.jpg') no-repeat left top; width: 980px; min-height:256px; }

* html .pro-services-top
{ height:256px; }

.pro-services-top p.serve-intro
{ position: absolute; top: 10px; left: 38px; width: 330px; }

.pro-services-top .call-fiat
{ position: absolute; top: 65px; width: 134px; right: 55px; }

.pro-services-top .call-fiat p
{ margin-bottom: 10px; }

.pro-services-top p.head1
{ position: absolute; top: 306px; left: 50px; color: #FFF; text-transform: uppercase; font-weight: bold; font-size: 15px; }

.pro-services-top p.head2
{ position: absolute; top: 306px; left: 368px; color: #FFF; text-transform: uppercase; font-weight: bold; font-size: 15px; }

.pro-services-top p.head3
{ position: absolute; top: 306px; left: 690px; color: #FFF; text-transform: uppercase; font-weight: bold; font-size: 15px; }

.pro-services-bottom
{ background: transparent url('../gfx/bgs-page/services-cars-mid.jpg') repeat-y left top; width: 980px; height:auto; padding-top: 15px; overflow:hidden; }

.pro-services-bottom .text-box1
{ width: 240px; padding-left: 50px; float:left; }

.pro-services-bottom .text-box2
{ width: 240px; padding-left: 82px; float:left; }

.pro-services-bottom .text-box3
{ width: 240px; padding-left: 82px; float:left; }

.pro-services-bottom .text-box1 p, .pro-services-bottom .text-box2 p, .pro-services-bottom .text-box3 p
{ margin-top:10px; }

.pro-services-bottom .base-bit
{ background:transparent url('../gfx/bgs-page/services-cars-bottom.jpg') no-repeat left top; width: 980px; height:55px; clear:both; }

.services-container
{
	padding-bottom: 20px;
	background-color: #F1F1F1;
}

.servicing-text-container
{
	padding: 0 40px;	
}

.servicing-text-container ul
{
	font-size: 11px;	
	list-style-position: inside;
	margin-bottom: 10px;
}

.servicing-text-container table
{
	font-size: 11px;
	margin: 20px 0;
	width: 500px;
}

.servicing-text-container table th
{
	background-color: #C00;
	color: #FFF;	
	text-align: left;
}

.servicing-text-container table td, .servicing-text-container table th
{
	padding: 3px;
}
