@charset "utf-8";
/* STANDARD CSS Only read by front end of website */
* { margin:0; padding:0;}
body  { font-family:Arial, Helvetica, sans-serif; font-size: 62.5% !important; background:#fff; color:#000;}

input { font-size:1.1em;}
textarea {font-family:Arial, Helvetica, sans-serif; font-size:1.2em;}


/* MAIN LAYOUT */

#main_container{ width: 100%; font-size: 1.2em; }
#page_container{ width: 980px; margin: 0 auto; }

/* HEADER */

#header{ background: #fff; width: 980px; height: 55px; position:relative; }
#header .logo{ position:absolute; top:7px; left: -3px; z-index: 90; }
#header .logo img{ border: 0; }
#header .logo a:hover { background:none;}

/* HEADER IMAGERY, FIND A VEHICLE AND PHONE TODAY */

#header_content{ background: url(../images/body_bg.gif) repeat-y; width: 960px; position:relative; padding:15px 10px; }
#header_content .head{ background:#fff url(../images/content_head.jpg) no-repeat; width: 980px; height: 12px; position:absolute; top: 0; left: 0; }
#header_content .foot{ background:#fff url(../images/content_footer.jpg) no-repeat; width: 980px; height: 12px; position:absolute; bottom: 0; left: 0; }
#header_content #top_head_left{ border: 1px solid #8ba6ca; width: 583px; height: 276px; }

#searchCars{ background: #5a7ba7 url(../images/searchcar_bg.jpg) repeat-x top left; height: 159px; width: 362px; border: 1px solid #99aecd; border-bottom: 2px solid #00235a; border-top: 0; }
#searchCars h6{ position:relative; top: 10px; left: 10px; margin-bottom: 10px; color:#fff; }
#searchCars a#getaquote{ background: url(/images/getaquote_banner.jpg) no-repeat left top; height: 159px; width: 362px; display:block; text-indent:-9000px; }
#searchCars a:hover#getaquote{ background-position: -363px top; }

.row { height:22px;}
#findavehicle {margin-top:20px;}
#findavehicle label { width:100px; height:20px; margin-left:37px; float:left; display:block; color:#fff; font-weight:bold;}
#findavehicle select{ width:200px; float:left; border:1px solid #a5acb2; padding: 2px; }
#findavehicle #submit { background: url(../images/findvehicle_btn.gif) no-repeat; color:#fff; font-size:0.9em; width:59px; height:17px; border:0; margin:3px 0 0 277px; cursor:pointer; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

#phoneToday {background: #5a7ba7 url(../images/searchcar_bg.jpg) repeat-x top left; height: 109px; width: 362px; border: 1px solid #99aecd; border-bottom: 2px solid #00235a; border-top: 0; margin-top: 5px;}
#phoneToday h6 { position:relative; top: 10px; left: 10px; margin-bottom:15px; color:#fff; }
#phoneToday p{ width: 89%; margin-left: 37px; color: #fff;}
#phoneToday .phone{ background: #4a6fa5; width: 325px; padding-left: 37px; position:absolute; bottom:0; height: 34px; line-height:34px; font-size: 1.5em; color:#fff;}
#phoneToday .phone span{ font-weight: bold; }

#nav{ height:70px; position:absolute; top:24px; right: 5px;  }
#nav ul{ margin:0; padding:0; list-style-type:none;}
#nav li{ margin:0 0 0 1px; padding:0; float:left; position:relative; text-align:center;}

#nav a {background:url(../images/nav.gif) no-repeat left 0px; height:31px; display:block; padding:0 9px; line-height:31px;color:#fff; font-weight:bold; text-decoration:none; text-transform:capitalize;}
#nav a .navright {background:url(../images/nav_r.gif) no-repeat left 0px; height:31px; width:9px; display:block; position:absolute; right:0; top:0; z-index:10;}
#nav a:hover {background:url(../images/nav.gif) no-repeat left -31px; text-decoration:none;}
#nav a:hover .navright {background:url(../images/nav_r.gif) no-repeat left -31px;}
#nav #selected {background:url(../images/nav.gif) no-repeat left -62px; text-decoration:none; color:#00285E; }
#nav #selected .navright {background:url(../images/nav_r.gif) no-repeat left -62px;}


/* MAIN CONTENT AREA AND SPECIAL DEALS */

#main_content, #main_content_home{ background: url(../images/main_content.gif) repeat-y; width: 960px; position:relative; padding:15px 10px; }
#main_content_home{ width: 980px; padding: 15px 0; }
#main_content_home .inner{ padding: 0 10px; }
#main_content .head, #main_content_home .head{ background:#fff url(../images/main_content_top.gif) no-repeat; width: 980px; height: 12px; position:absolute; top: 0; left: 0; }
#main_content .foot, #main_content_home .foot{ background:#fff url(../images/main_content_bottom.gif) no-repeat; width: 980px; height: 12px; position:absolute; bottom: 0; left: 0; }

#main_content ul{ width: 100%; margin: 5px 0 5px 10px; padding:0; }
#main_content li{ background: url(../images/bullet.gif) no-repeat left center; width: 100%; list-style-type: none; padding:0 0 0 20px; }
#main_content table { width:580px; margin:15px 0; clear:both;}
#main_content table td {width:270px;}

#content_area{ width: 583px; color: #00285e;  }
#content_area_home{ width: 100%; }

#carListing{ background: #5a7ba7 url(../images/searchcar_bg.jpg) repeat-x top left; width: 362px; border: 1px solid #99aecd; border-bottom: 2px solid #00235a; border-top: 0; }
#carListing h6 { position:relative; top: 10px; left: 10px; margin-bottom: 10px; color:#fff;}
#carListing ul {width: 90%; margin:20px 0; padding:0; list-style-type:none; margin-left:35px; color: #fff;}
#carListing li { border-top:1px solid #a2b6d0; background:0; padding:8px 0;}
#carListing .special_price{ background: url(../images/special_price.png) no-repeat center center; width: 55px; height: 39px; font-size: 1.0em; line-height: 0.7em; margin:0 5px; font-weight: normal; text-align: center; padding:19px 0 0 0; float:right; }
#carListing .special_price span{ font-size: 0.8em; font-style:italic; color: #ccc;  }

/* HOME PAGE CAR LISTING */

#newcarlist{ margin:0; padding:0 0 0 10px; list-style-type:none; }
	#newcarlist li{ background: #5B7CA7 url(/images/searchcar_bg.jpg) repeat-x top left; float: left; position:relative; width:311px; margin: 10px 10px 0 0; padding:0; border: 1px solid #a2bbdb; color: #eff2f6;  }
	#newcarlist li.car_3{ margin-right:0; }
	#newcarlist .imgholder{ text-align: center; width:100%; background: #fff; margin-bottom: 5px;}
	#newcarlist img{ vertical-align:middle; }
	#newcarlist h3{ color: #fff; }
	#newcarlist b{ color:#fff; display:block;}
	#newcarlist .inner{ padding:10px 10px 20px; }
	#newcarlist .special_price{ background: url(../images/specialoffer.png) no-repeat center center; width: 80px; height: 50px; font-size: 1.2em;  line-height: 0.7em; margin:0; font-weight: normal; text-align: center; color: #fff; padding:30px 0 0 0; position:absolute; top:-10px; right:-10px; }
	#newcarlist .special_price span{ font-size: 0.9em; font-style:italic; color: #ccc;  }
	#newcarlist .contact{ font-weight:bold; color: #fff; font-size: 1.1em; position:absolute; bottom:0; left:0; width:291px; background: #4A6FA5; padding: 5px 10px; }
	#newcarlist .contact strong{ font-size: 1.3em;}
	#newcarlist .brandlogo{ position:absolute; top:0; left:0; }

/* FOOTER */

#footer{ width: 960px; padding: 0 10px; margin-bottom:20px; height: 24px; font-size:0.9em; color: #00285e; position:relative; color:#8ca7cb; }
#footer .balloon { font-size:1.1em; color:#000;}
#footer li { display:inline;}
#footer li a { margin-right:10px; color:#8CA7CB; font-weight:normal; text-decoration:underline;}
#footer li a:hover { background:none; color:#00275D;}


/* ALERTS FOR FORM AND FORM LAYOUTS */
.alert{ color: #cc0000;  }
form{ width: 100%; }
.form_left{ width:25%; }
.form_right{ width: 55%; }
.form_right input{ background:#fff; border: 1px solid #708DB5; padding: 3px; color: #00285E;}
.form_right textarea{ background:#fff; border: 1px solid #708DB5; padding:0 3px; font-size: 1.0em; color: #00285E; }
.submit{ background:#00275D; color:#fff; border:none; font-weight:bold; text-transform:uppercase; font-size:1em; font-family:Arial, Helvetica, sans-serif; margin-left:26%; cursor:pointer; padding:2px 8px;}

/* FLOATING CLASSES */
.fleft{ float:left; position:relative;}
.fright{ float:right; position:relative;}
.clear { clear:both; height:0; line-height:0; font-size:1px;}

/* GENERAL LINK COLOURS fleft fright clear */
a:link {color:#000; text-decoration:none; font-weight:bold;}
a:visited {color:#000; text-decoration:none; font-weight:bold;}
a:hover {text-decoration:underline;}
a:active {color:#FF6600;}
a:focus {outline:none;}

/* GLOBAL IMAGE STYLES */
img {border:none;}
.middle {vertical-align:middle;}