/* GENERAL STYLES */
* {padding: 0; margin: 0;}
body {text-align: center; background: #fff url(../images/bg.jpg) 0 0 repeat-x; font-family: helvetica, Arial, verdana, sans-serif; font-size: 13px; color: #990000;}
p {line-height: 19px; margin: 10px;}
button {cursor:pointer; border:0; background: none; text-align: left;}
.hide {display: none;}
.clear {clear: both;}
a {outline: none;}
a img {border: none;}
a:link, a:visited {text-decoration: underline; color: #333;}
a:hover, a:active {text-decoration: none; color: #9f1822;}
.left49 {float: left; width: 47%;}
.right49 {float: right; width: 47%;}
.left {float: left;}
.no_border {border: none!important}
li {list-style: none;}
p.error {font-weight: bold; color: #ff0000; font-size: 20px;}

/* LAYOUT */
#cont_wrapper {width: 100%; background: transparent url(../images/white.gif) 0 250px repeat-x; padding-bottom: 30px;}
#container {width: 900px; text-align: left; margin: 0 auto;}
#header {height: 250px; width: 900px; background: transparent url(../images/header.jpg) 0 0 no-repeat; overflow: hidden;}
#main_body {background: #fff; float: none;position: relative;}
#left_content {width: 280px; float: left;}
#right_content {width: 600px; float: right;}
#footer_wrap {width: 100%; background: #9f1822 url(../images/footer.jpg) 0 0 repeat-x; text-align: center; min-height: 100px; margin-top: -10px;}
#footer {clear: both; width: 900px; text-align: left; margin: 0 auto; background: transparent url(../images/footer_main.jpg) 0 0 no-repeat; min-height: 100px;}
#contact_strap {float: right; text-align: right; width: 100%;}
#logo {margin-top: 50px; position: relative;}
#contact_panel {width: 900px; margin: 0 auto 0 auto; display: block;}
#contact_panel div {float: left; width: 250px; margin: 0 15px;}
.home_box {width: 274px; display: block; float: left;  margin: 20px 0 10px 30px; background: transparent url(../images/box_bg.gif) 0 0 repeat-y;}
#useful_page .home_box {margin: 10px 20px 10px 0;}
.home_search, .home_showroom {margin-left: 0;}
#contact_form {position: relative; z-index: 100; background: #000;}
.deals_box, .wheel_box {background: transparent; width: 274px; margin-top: 10px;position: relative;}
div.mid {border-right: 1px solid #eaeaea; border-top: none; border-bottom: none;}
.wheel_box_body,
#accordion {background: #f7f7f7 url(../images/box_wheel_top.gif) 0 0 no-repeat; padding: 80px 0 0 20px;}
.deals_box_body {background: #1E617E url(../images/box_deals_top.jpg) 0 0 no-repeat; padding: 80px 0 0 20px; color: #fff;}
.outdent {margin-left: -10px;}

.top_box,
.short_box {background: #f7f7f7 url(../images/wide_box_wheel_top.gif) 0 0 no-repeat; padding: 60px 0 0 0px; margin-top: 10px; position: relative; width: 564px; border-bottom: 1px solid #eaeaea; min-height: 213px;}

#faq_page .top_box,
#about_page .top_box,
#terms_page .top_box,
#news_page .top_box,
#secure_page .top_box
 {background: #f7f7f7 url(../images/wide_box_wheel_top_2.gif) 0 0 no-repeat;}

.short_box {background: #f7f7f7 url(../images/wide_box_wheel_short.gif) 0 0 no-repeat; min-height: 0; padding: 75px 0 30px 0;}

#contact_tab {position: relative; text-align: right; margin-top: -100px;}

/* TEXT */
h1.header {height: 74px; width: 839px; display: block; text-indent: -99999px; background: transparent url(../images/h1_main_text.png) 0 0 no-repeat;}
#logo h1 {text-indent: -99999px; background: transparent url(../images/logo.png) 0 0 no-repeat;}
#logo h1 a{display: block; height: 43px; width: 271px;}
#contact_strap p {font-style: italic; color: #fff;}
#contact_strap a {color: #fff!important; text-decoration: none;}
.home_box h2 {text-indent: -99999px; height: 157px; width: 274px;}

.home_search h2 {background: transparent url(../images/home_box_1.jpg) 0 0 no-repeat; }
.home_used h2 {background: transparent url(../images/home_box_2.jpg) 0 0 no-repeat; }
.home_specials h2 {background: transparent url(../images/home_box_3.jpg) 0 0 no-repeat; }
.home_showroom h2 {background: transparent url(../images/home_box_4.jpg) 0 0 no-repeat; }
.home_finance h2 {background: transparent url(../images/home_box_5.jpg) 0 0 no-repeat; }
.home_useful h2 {background: transparent url(../images/home_box_6.jpg) 0 0 no-repeat; }

.useful_about h2 {background: transparent url(../images/useful_box_2.jpg) 0 0 no-repeat; }
.useful_secure h2 {background: transparent url(../images/useful_box_3.jpg) 0 0 no-repeat; }
.useful_login h2 {background: transparent url(../images/useful_box_6.jpg) 0 0 no-repeat; }
.useful_terms h2 {background: transparent url(../images/useful_box_4.jpg) 0 0 no-repeat; }
.useful_faqs h2 {background: transparent url(../images/useful_box_1.jpg) 0 0 no-repeat; }
.useful_news h2 {background: transparent url(../images/useful_box_5.jpg) 0 0 no-repeat; }

.home_box h2 a {display: block; height: 157px; width: 274px;}
.home_box h4 {text-indent: -99999px; background: transparent url(../images/box_bottom.gif) 100% 100% no-repeat; margin: 0; padding: 0;}
.home_box p {font-size: 11px; margin: 5px 10px;}
.wheel_box h2, .deals_box h2,
.top_box h2, .short_box h2, #useful_page .tb_content_left h2 {background: transparent url(../images/blue_lozenge.png) 0 0 no-repeat; padding:8px ;font-style: italic; font-weight: bold; font-size: 15px; width: 195px; height: 34px; color: #fff; position: absolute; top: 30px; left: 0;}
#used_page .top_box h2, 
#used_page #right_content .wheel_box h2 {background: transparent url(../images/purple_lozenge.png) 0 0 no-repeat;}
#specials_page #right_content .wheel_box h2 {background: transparent url(../images/blue_lozenge.png) 0 0 no-repeat;}
#showroom_page #right_content .top_box h2 {background: transparent url(../images/orange_lozenge.png) 0 0 no-repeat;}
#finance_page #right_content .top_box h2 {background: transparent url(../images/darkgreen_lozenge.png) 0 0 no-repeat;}

.deals_box h2 {background: transparent url(../images/grey_lozenge.png) 0 0 no-repeat; color: #9f1822;}
.deals_box h3 {font-size: 30px; padding-left: 12px;}
.deals_box a{color: #fff!important; font-style: italic;}

.wheel_box h4, .deals_box h4 {background: transparent url(../images/box_wheel_bottom.gif) 0 0 no-repeat; height: 30px; text-indent: -99999px;}
.deals_box h4 {height: 23px; background: transparent url(../images/box_deals_bottom.jpg);}
.top_box h2 {background-image: url(../images/blue_lozenge.png);}
h3.toggler {cursor: pointer; font-size: 16px; background: transparent; color: #990000;font-style: italic;margin: 0 0 4px 0;padding: 3px 5px 1px;}
#accordion a {text-decoration: none!important;}
#accordion p {margin-top: 0;}
ul.model_list li a {padding-left: 20px;}
ul.model_list li a.active {background: transparent url(../images/green_arrow.gif) 0 0 no-repeat;}
.tb_content_right p,
#car_list_container p,
.mid p {margin: 15px 10px 0 10px; font-size: 11px;}
.top_box img, .deals_box img, #used_page .wheel_box img {border: 1px solid #eaeaea; margin: 10px;}
.tb_content_left {float: left;}
.tb_content_right {float: right; width: 250px; margin: -30px 10px 0 0;}
ul.faq li a {text-decoration: none; font-style: italic;}
h3.headline {background: transparent url(../images/blue_lozenge_long.png) 0 0 no-repeat; padding:8px ;font-style: italic; font-weight: bold; font-size: 16px; width: 560px; height: 20px; color: #fff; position: absolute; top: 10px; left: 0; line-height: 25px;}
div.news_item {position: relative; padding-top: 50px;}

.short_box .price {position: absolute; top: 30px; left: 220px;}
.short_box .price h3 {font-size: 35px; color: #990000;}
.short_box .price h3 span {font-size: 18px; color: #c6db46;}

.short_box h5 {background: transparent url(../images/blue_lozenge_long.png) 0 0 no-repeat; padding:8px ;font-style: italic; font-weight: bold; font-size: 16px; width: 560px; height: 70px; color: #fff; position: absolute; top: 30px; left: 0; line-height: 25px;}
.short_box h5 span {font-size: 12px;}
.stripe_blue,
.stripe_purple,
.stripe_orange,
.stripe_darkgreen,
.stripe_green {position: absolute; bottom: 0; right: 0; height: 75px; width: 74px; display: block; background: transparent url(../images/stripe_blue.png) 0 0 no-repeat;}

.stripe_green {background-image: url(../images/stripe_green.png);}
.stripe_purple {background-image: url(../images/stripe_purple.png);}
.stripe_orange {background-image: url(../images/stripe_orange.png);}
.stripe_darkgreen {background-image: url(../images/stripe_darkgreen.png);}

.wheel_icon_green,
.wheel_icon_grey {position: absolute; top: 5px; right: 5px; height: 32px; width: 31px; display: block; background: transparent url(../images/wheel_icon_green.png) 0 0 no-repeat;}
.wheel_icon_grey {background-image: url(../images/wheel_icon_grey.png);}

#right_content ul {margin-left: 20px;}
#right_content ul li {margin: 8px; list-style: disc;}

#footer h2 {font-size: 30px; font-style: italic; color: #fff; margin: 10px 0 0 0; letter-spacing: -1px;}
#footer p {font-weight: bold; font-size: 16px; color: #fff; margin-left: 0;}

p.used_left {float: left; width: 42%;}
p.used_left span {font-size: 28px; color: #d60064; display: block; margin: 10px 0 25px 0; line-height: 30px;}

/* car list */
#car_list_container {background: #f7f7f7; width: 562px; border: 1px solid #eaeaea; border-top: none; padding: 10px 0 60px 0; position: relative; margin-top: 0;}
#car_list {width: 524px; margin: 0 15px 15px 15px; font-size: 11px; background: #fff;}
th {text-align: left; font-weight: bold; }
#car_list th, #car_list td {margin: 0px; border: 1px solid #eaeaea; border-right: none; border-bottom: none;padding: 8px 2px; text-transform: capitalize;}
#car_list th.right_border,
#car_list td.right_border {border-right: 1px solid #eaeaea;}
#car_list tr.bottom td {border-bottom: 1px solid #eaeaea;}
#car_list tr:hover {background: #df0f27; color: #fff;}
#car_list tr:hover thead {background: #fff;}
#car_list a {color: #990000!important;}
#car_list tr:hover a {color: #fff!important;}

/* NAV */
#top_nav ul li, #colour_nav ul li {display: inline;}
#top_nav {float: right; display: block; margin-top: -25px; position: relative;}
#top_nav ul li {padding: 0 5px; border-right: 1px solid #fff; line-height: 28px;}
#top_nav ul li a {color:#fff!important; text-decoration: none;}

#home_page ul li #nav_1, 
#faq_page ul li #nav_2,
#about_page ul li #nav_3,
#secure_page ul li #nav_4,
#terms_page ul li #nav_5,
#news_page ul li #nav_6,
#login_page ul li #nav_7,
#contact_page ul li #nav_8, 
#top_nav ul li a:hover, #top_nav ul li a:active {border-bottom: 3px solid #fff;}

#colour_nav ul {margin: 10px 0; height: 30px; display: block; border-top: 2px solid #df0f27; padding-top: 18px;}
#colour_nav ul li {padding: 0 35px; position: relative;}
#colour_nav ul li span {position: absolute; top: 20px; left: 36px;}
#colour_nav ul li.first span {position: absolute; top: 20px; left: 0px;}
#colour_nav ul li.first {padding: 0 20px 0 0;}
#colour_nav ul li.last {padding-right: 0;}

#colour_nav ul li a {font: italic bold 13px/19px Arial, helvetica, verdana, sans-serif; text-decoration: none;}
#colour_nav ul li a:link, #colour_nav ul li a:visited {color: #fff;}
#search_page #colour_nav #col_nav_1,
#used_page #colour_nav #col_nav_2,
#specials_page #colour_nav #col_nav_3,
#showroom_page #colour_nav #col_nav_4,
#finance_page #colour_nav #col_nav_5,
#included_page #colour_nav #col_nav_6,
#colour_nav ul li a:hover, #colour_nav ul li a:active {color: #333333;}

.mooSlide {padding: 10px;font-family: Arial, Helvetica, sans-serif;line-height: 16px;color: #FFFFFF;font-size: 11px;}

/* CONTACT FORM*/
/* car_detail */
#car_detail {margin-left: 20px;}
#car_detail p {margin-left: 0;}
fieldset { border: 0;}
label {display: block; width: 100%; margin: 5px 0;}
input, select, textarea {width: 90%;}
textarea, input {height: 20px; font-size: 14px;}
textarea {height: 90px;}
input.radio {width: 20px; height: 15px; display: inline;}


/* CAR DETAIL */
table.sub_table {width: 180px; margin: 10px 0; float: left; margin-left: 30px;}
table.sub_table thead {padding: 2px;}
table.sub_table th {background: #990000; color: #fff; text-transform: uppercase; padding: 5px 0; text-align: center;}
table.sub_table td {font-size: 11px; padding: 5px 2px; color: #fff; text-align: center; border-right: 1px solid #333;}
table.sub_table td.black {font-size: 12px; font-weight: bold; color: #333; background: #eee;}
table.sub_table td.left_border {border-left: 1px solid #333;}



/* LIGHTBOX */
	/* lightbox css */
#lightbox{background-color:#eee;padding: 10px;border-bottom: 2px solid #666;border-right: 2px solid #666;}
#lightboxDetails{font-size: 0.8em;padding-top: 0.4em;}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(../images/overlay.png); }
* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}