﻿@charset "utf-8";
/*********************************
	Georgesons by nwonline.co.uk
	Copyright © 2010
	Green: #aacd08
	Blue: #0d59b9
	Pink: #d0086f
*********************************/

html, body, #wrapper {
	height: 100%;
	margin: 0;
	padding: 0;
	background: url('../img/bg_body.jpg') 0 0 repeat-x;
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 20px;
	font-size: 12px;}

body > #wrapper {height: auto; min-height: 100%;}
#page_wrapper { padding-bottom: 48px;}

#footer { position: relative; margin-top: -48px; height: 48px; clear:both; background: #042b52 url('../img/footer_tile.jpg') 0 0 repeat-x;}

.inputBlur { color: #999; font-style: italic; }
.inputActive { color: #666; }

input[type='text']:focus { background: #ffc;}
input[type='password']:focus { background: #ffc;}
textarea:focus { background: #ffc;}

/*Clearfix*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}

/*Print Only*/
body#print_only { background: #fff;}
div#print_wrap { float: left; margin: 0; position: relative; width: 678px; padding: 10px 0;}
div#print_wrap div#gallery { background: #fff;}
div#print_wrap div#spec { background: #fff;}
div#print_wrap div#spec ul { border: none !important;}
div#print_wrap div#spec div { border: none !important;}

div#print_wrap h1 { font: bold 18px/30px 'Helvetica', Arial, sans-serif; margin: 0 0 15px 0;}

/*Layout*/
div#index_wrap { width: 956px; margin: 0 auto; padding: 0 2px 10px 2px; position: relative; display: block; overflow: hidden;}

div.maincol{ width: 707px; float: left; padding: 0 0 10px 12px;}

/*Typography*/
a:link { color: #0d59b9; text-decoration: none}
a:hover { color: #d0086f; text-decoration: none}
a:active { color: #0d59b9; text-decoration: none}

h2 { color: #0d59b9; font-weight: bold;}
h5 { color: #0d59b9; font: bold 12px/24px sans-serif;}

address { color: #4a4a4a; font: normal italic 12px/18px 'Arial', Helvetica, sans-serif; margin: 10px 0 0 0}

.button { float: left; position: relative; margin: 5px 10px; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; padding: 4px 8px; cursor: pointer; text-decoration: none;}
.button:active { top: 1px; left: 1px;}
.button.blue { background: #0f5ac2; color: #fff; border-left: 1px solid #92cefc; border-top: 1px solid #92cefc; border-right: 1px solid #3f4c03; border-bottom: 1px solid #3f4c03;}
.button.green { background: #91ad0c url('../img/button_green.jpg') 0 0 repeat-x; color: #0b0b0b; border-left: 1px solid #ff0; border-top: 1px solid #ff0; border-right: 1px solid #848484; border-bottom: 1px solid #848484;}
.button.pink { background: #901025 url('../img/button_pink.jpg') 0 0 repeat-x; color: #ee83bf; border-left: 1px solid #ee83bf; border-top: 1px solid #ee83bf; border-right: 1px solid #690028; border-bottom: 1px solid #690028;}
a.back { padding: 4px 8px; background: url('../img/nav_tile.jpg') 0 0 repeat-x; color: #fff; font: normal 11px/20px sans-serif; text-decoration: none; float: right; -webkit-border-radius: 11px; -moz-border-radius: 11px; position: relative;}
a.back:hover { color: #1a1a1a;}
a.back:active { left: 1px; top: 1px;}

div.maincol h1 { font: bold 21px/40px 'Helvetica', sans-serif; color: #0d59b9; letter-spacing: -1px}
div.maincol p { color: #666;}

div.maincol ul.disc { list-style-type: disc; list-style-position: inside }
div.maincol ul.disc li { color: #666; font: normal 12px/18px 'Arial', Helvetica, sans-serif; }

div.maincol blockquote { width: 627px; float: left; position: relative; border-left: 2px solid #0d59b9; margin: 10px 30px; padding: 5px 10px}
div.maincol blockquote p { font-style: italic; margin: 0 0 5px 0;}

/*Forms div.maincol form { width: 100%; float: left; margin: 0; padding: 10px 0} */
div.maincol fieldset { width: 100%;}
div.maincol fieldset div { width: 100%; float: left; clear: both; padding: 3px 0; margin: 0 0 5px 0; border-bottom: 1px dotted #fff;}
div.maincol fieldset div label { float: left; width: 260px; color: #333; padding: 0 10px 0 10px; line-height: 30px;}
div.maincol fieldset div small { font: normal 11px/14px 'Tahoma', sans-serif; color: #666;}
div.maincol fieldset div:hover { background: #eee; border-bottom: 1px dotted #ccc;}
div.maincol fieldset div:hover input[type='text']{ border: 1px solid #06C;}
div.maincol fieldset div:hover input[type='pasword']{ border: 1px solid #06C;}
div.maincol fieldset div:hover textarea{ border: 1px solid #06C;}
div.maincol fieldset div:hover select{ border: 1px solid #06C;}
div.maincol fieldset div .button { margin: 5px 10px 5px 0}

div.maincol fieldset select{ background: #fff; border: 1px solid #ccc; padding: 3px; color: #666; cursor: pointer;}
div.maincol fieldset textarea{ border: 1px solid #ccc; padding: 3px; font: normal 12px/18px Arial, Helvetica, sans-serif; color: #4a4a4a; width: 210px;}
div.maincol fieldset input { font-size: 12px;}
div.maincol fieldset input[type='text']{ width: 210px; border: 1px solid #ccc; padding: 6px; color: #666}
div.maincol fieldset input[type='password']{ width: 210px; border: 1px solid #ccc; padding: 6px; color: #666}
div.maincol fieldset input[type='radio']{ float: left; margin: 3px 4px}
div.maincol fieldset input[type='checkbox']{ float: left; margin: 3px 4px}
div.maincol fieldset div span.radiobutt label { width: 60px }


div.maincol fieldset ul { float: left; width: 200px; margin: 0; padding: 0 0 10px 0;}
div.maincol fieldset ul li { list-style-type: none; line-height: 21px; color: #666; float: left; clear: both; width: 220px}
div.maincol fieldset ul li label { float: left; width: 120px; padding: 0; cursor: pointer; clear: right; line-height: 26px;}

span.req { color: #06C; font: normal 11px/20px 'Tahoma', sans-serif; padding: 0 0 0 5px}

/*Contact*/
div.maincol fieldset.contact { float: left; width: 350px;}
div.maincol fieldset.contact label { width: 120px;}
div.maincol fieldset.contact input[type='text'] { width: 190px;}
div.maincol fieldset.contact textarea { width: 190px; padding: 6px;}
div.maincol fieldset.contact div { width: 350px; float: left; clear: both; padding: 2px 0; margin: 0 0 2px 0; border-bottom: 1px dotted #fff;}
div.maincol fieldset.contact div:hover { border-bottom: 1px solid #fff; background: #fff;}

div.maincol div#gmap { width: 335px; height: 216px; float: left; border: 1px solid #ccc; background: #fff url('../img/gmap.jpg') center center no-repeat; padding: 0; margin: 5px 0 0 10px}
div.maincol div#gmap a { float: left; width: 331px; height: 212px; border: 2px solid #fff; text-indent: -9999px; overflow: hidden;}
div.maincol div#gmap:hover { border: 1px solid #ccc;}
div.maincol div#gmap a:hover { background: #fff; text-indent: 0; text-align: center; line-height: 212px; color: #000; font-weight: bold; text-decoration: none; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}

div.maincol div.contact_panel { float: left; width: 215px; padding: 0 0 10px 12px; height: 130px;}
div.maincol div.contact_panel ul { float: left; width: 100%; padding: 0; margin: 10px 0 0 0;}
div.maincol div.contact_panel ul li { color: #666; line-height: 21px;}
div.maincol div.contact_panel p { margin: 10px 0 0 0}

/*Members Area*/
div.maincol div.ma_panel { width: 320px; float: left; margin: 0 0 10px 0; padding: 10px;}

div.maincol div.ma_panel.ex label { display: none;}
div.maincol div.ma_panel.ex input[type=text]{ float: left; clear: both; padding: 6px 4px; font-size: 12px; color: #ccc; border: 1px solid #ccc; color: #4c4c4c; width: 187px; background: #eee;}
div.maincol div.ma_panel.ex input[type=password]{ float: left; clear: both; padding: 6px 4px; font-size: 12px; color: #ccc; border: 1px solid #ccc; color: #4c4c4c; width: 187px; background: #eee}
div.maincol div.ma_panel.ex div { float: left; clear: both; padding: 0 0 3px 0; position: relative; }
div.maincol div.ma_panel.ex div#div2 { float: left; clear: both; padding: 0 0 3px 0; position: relative; }
div.maincol div.ma_panel.ex div.row { float: left; clear: both; padding: 0 0 3px 0; position: relative; }
div.maincol div.ma_panel.ex div .button { margin: 5px 10px 5px 0;}

div.maincol div.ma_panel.ex input.inputBlur { color: #999 !important; font-style: italic !important; }
div.maincol div.ma_panel.ex input.inputActive { color: #666; }

div.maincol div.ma_panel.ex div.warning { position: absolute; left: 200px; top: 0; display: block; width: 120px; padding: 6px 0;}

.btns { width: 61px !important; text-align: center;}
.btnr { width: 126px !important; clear: right;}

/*Header*/
div#head_wrap { width: 960px; height: 120px; margin: 0 auto; padding: 20px 0 10px 0; position: relative; display: block;}

/*Header GI*/
div#logo a { width: 338px; height: 54px; float: left; position: relative; text-indent: -9999px; background: url('../img/logo.jpg') 0 0 no-repeat;}
div#tel { width: 369px; height: 55px; float: right; position: relative; margin: 0; text-indent: -9999px; background: url('../img/tel.jpg') 0 0 no-repeat;}

/*Control Panel*/
ul#cpanel { width: 306px; float: right; clear: right; position: relative; top: -22px; margin: 0; padding: 0;}
ul#cpanel li { float: right; display: inline; position: relative;}
ul#cpanel li:after { content: "| "; color: #fff; font: normal 11px/20px 'Tahoma', Arial, sans-serif;}
ul#cpanel li:first-child:after { content: "";}
ul#cpanel li a { color: #fff; font: normal 11px/20px 'Tahoma', Arial, sans-serif; padding: 0 5px; text-decoration: none;}
ul#cpanel li a:hover { color: #aacd08}

/*Top Navigation*/
ul#nav { width: 940px; height: 40px; float: left; clear: both; position: relative; top: -3px; *top: 15px; padding: 0 8px; background: url('../img/nav_tile.jpg') 0 0 repeat-x; border: 2px solid #fff; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;  -moz-border-radius: 4px 4px 0 0;}


ul#nav li { float: left; display: inline; position: relative; margin: 0 2px;}
ul#nav li a { float: left; display: inline; position: relative; padding: 0 7px; font: bold 12px/40px sans-serif; color: #fff; text-decoration: none;}
ul#nav li a:hover { color: #1a1a1a;}
ul#nav li a:active { left: 1px; top: 1px;}
ul#nav li a.current { color: #1a1a1a; top: 5px; left: 0; background: #fff url('../img/nav_current.jpg') 0 0 repeat-x; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius: 4px 4px 0 0;}


div#breadcrumb { float: left; width: 705px;}
div#breadcrumb ul { float: left; width: 600px; position: relative; color: #0d59b9;}
div#breadcrumb ul li { float: left; display: inline; margin: 0 8px 0 0; position: relative;}
div#breadcrumb ul li:before { content: "/"; padding: 0 8px 0 0;}
div#breadcrumb ul li:first-child:before { content: ""; padding: 0;}
div#breadcrumb ul li { font: normal 11px/24px 'Tahoma', sans-serif;}
div#breadcrumb ul li a { color: #0d59b9; text-decoration: none;}
div#breadcrumb ul li a:hover { color: #d0086f }

div#breadcrumb a.backwards { float: right; font: normal 11px/24px 'Tahoma', sans-serif; color: #d0086f; text-decoration: none; }
div#breadcrumb a.backwards:hover { text-decoration: underline; color: #0d59b9;}

div#pheader { float: left; width: 500px;}
div#pheader h1 { font: bold 21px/40px 'Helvetica', sans-serif; color: #0d59b9; letter-spacing: -1px;}
div#pcost { float: right; width: 200px; font: bold 21px/40px 'Helvetica', sans-serif; color: #0d59b9; letter-spacing: -1px; text-align: right;}

div#gallery { width: 687px; float: left; position: relative; overflow: hidden; padding: 20px 10px; background: #831115 url('../img/bg_pinkfader.jpg') 0 0 repeat-x; -webkit-border-radius: 4px;}
div#gallery div#viewimg { float: left; width: 320px; height: 240px; padding: 4px; background: #fff; border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #6b0140; border-bottom: 1px solid #6b0140;}
div#gallery div#viewimg img { max-width: 320px;}
div#gallery ul { float: right; width: 345px; padding: 0; margin: 0; position: relative;}
div#gallery ul li { float: left; display: inline; margin: 0 12px 12px 0; width: 100px;}
div#gallery ul li img { max-width: 97px; border: 2px solid #fff;}
div#gallery ul li a:hover img { border: 2px solid #000;}

/*Left Column*/
div#leftcol { width: 240px; float: left; position: relative; padding: 0;}

div.container ul.compare { width: 190px; float: left; clear: both; position: relative; margin: 0; padding: 5px 10px;}
div.container ul.compare li { width: 180px; float: left; clear: both; font: normal 11px/28px 'Tahoma', Arial, sans-serif; color: #0d59b9; border-top: 1px dotted #666; padding: 0 5px;}
div.container ul.compare li:first-child { border: none;}
div.container ul.compare li:hover { background: #ededed; cursor: pointer}
div.container ul.compare li a { display: block;}

/*Regular Width Hacks*/
div#index_wrap.full { width: 935px; padding: 0 12px 10px 12px;}
div#index_wrap.full div#leftcol { width: 212px; padding: 0 3px 0 0}
div#index_wrap.full div#leftcol div#carsearch { width: 192px}
div#index_wrap.full div#leftcol div#carsearch h2 { width: 192px;}
div#index_wrap.full div#leftcol div#carsearch .form { width: 192px;}
div#index_wrap.full div#leftcol div#carsearch .form div { width: 192px;}
div#index_wrap.full div#leftcol div#carsearch .form select { width: 192px;}
div#index_wrap.full div#leftcol div#carsearch ul { width: 192px;}
div#index_wrap.full div#leftcol div#carsearch ul li { width: 96px; font-size: 15px}
div#index_wrap.full div#leftcol div#carsearch ul li a { width: 96px;}
div#index_wrap.full div#leftcol div.container { margin: 10px 0 0 0;}

div#index_wrap.full div#arrivals { width: 687px;}
div#index_wrap.full div#arrivals ul { width: 687px;}
div#index_wrap.full div#arrivals ul li { width: 140px; padding: 0 10px; margin: 0 10px 0 0}

/*End Regular Width Hacks*/
	
div#carsearch { width: 220px; float: left; position: relative; padding: 15px 10px; background: #90ac0c url('../img/bg_leftcol.jpg') 0 0 repeat-x; -webkit-border-radius: 3px;}
div#carsearch h2 { float: left; width: 220px; height: 18px; text-indent: -9999px; background: url('../img/h_usedcarsearch.png') center 0 no-repeat;}
div#carsearch h2.search { background: url('../img/h_searchbytype.png') center 0 no-repeat; margin: 10px 0;}
div#carsearch h2.budget { background: url('../img/h_budget.png') center 0 no-repeat; margin: 10px 0;}
div#carsearch .form { float: left; clear: both; width: 220px; position: relative; padding: 15px 0 5px 0;}
div#carsearch .form div { float: left; clear: both; width: 220px; margin: 0 0 3px 0;}
div#carsearch .form select { float: left; background: #fff; border: 1px solid #718f18; font: normal 12px/20px sans-serif; color: #0d59b9; padding: 4px 3px; width: 220px; height: 27px;}
div#carsearch .form input[type=submit] { float: right; background: #0f5ac2; font-weight: bold; color: #fff; font-family: Arial, sans-serif; font-size: 12px; border-left: 1px solid #92cefc; border-top: 1px solid #92cefc; border-right: 1px solid #3f4c03; border-bottom: 1px solid #3f4c03; padding: 4px 8px; cursor: pointer;}
div#carsearch span.hr { float: left; clear: both; width: 100%; margin: 10px 0; height: 2px; background: url('../img/hr_leftcol.png') 0 0 repeat-x;}
div#carsearch div.cartype{ width: 197px; height: 77px; margin: 0 auto; position: relative; display: block; clear: both; overflow: hidden;}
div#carsearch ul { float: left; width: 220px; position: relative; clear: both;}
div#carsearch ul li { float: left; width: 110px; display: inline; font: bold 17px/25px 'Helvetica', Arial, sans-serif; letter-spacing: -1px;}
div#carsearch ul li a { float: left; position: relative; width: 100px; color: #fff; text-decoration: none; margin: 0 0 0 10px}
div#carsearch ul li a:hover { color: #3f4c03}
div#carsearch ul li a:active { top: 1px; left: 1px;}
div#carsearch ul li a.current { color: #fffb00}


div#index_wrap div#leftcol div#carsearch .form div.search_button_l { float: left; clear: both; width: 220px;}
div#index_wrap.full div#leftcol div#carsearch .form div.search_button_l { float: left; clear: both; width: 190px;}
div#index_wrap div#leftcol div#carsearch .form div.search_button_l input[type=submit] {
	float: right;
	width: 110px;
	text-align: center;
	background: #0f5ac2;
	font-weight: bold;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	border-left: 1px solid #92cefc;
	border-top: 1px solid #92cefc;
	border-right: 1px solid #3f4c03;
	border-bottom: 1px solid #3f4c03;
	padding: 4px 8px;
	cursor: pointer;}

div#index_wrap div#leftcol div#carsearch .form div.search_button_l input[type=submit].button.pink { background: #901025 url('../img/button_pink.jpg') 0 0 repeat-x; color: #fff; border-left: 1px solid #ee83bf; border-top: 1px solid #ee83bf; border-right: 1px solid #690028; border-bottom: 1px solid #690028; float: right; margin: 0;}

/*Middle Column*/
div#midcol { width: 480px; float: left; position: relative; padding: 0 0 0 12px;}

div#dual_col { width: 707px; float: left; padding: 10px 0;}
div#dual_col div#midcol { padding: 0;}

div#splash { width: 470px; height: 180px; float: left; position: relative; background: #fff; padding: 3px; margin: 0 0 10px 0; border: 2px solid #cecece; -webkit-border-radius: 3px; -moz-border-radius: 4px;}
div#splash .anythingSlider { float: left; width: 470px; height: 180px; position: relative; margin: 0}
div#splash .anythingSlider .wrapper { width: 470px; height: 180px; overflow: auto; margin: 0; position: absolute; top: 0; left: 0}
div#splash .anythingSlider .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0}
div#splash .anythingSlider ul li { display: block; float: left; padding: 0; height: 180px; width: 470px; margin: 0}
div#splash .anythingSlider .arrow { display: none}
div#splash #thumbNav { display: none}
div#splash #start-stop { display: none}

div#arrivals { width: 460px; float: left; position: relative; overflow: hidden; padding: 20px 10px; background: #831115 url('../img/bg_pinkfader.jpg') 0 0 repeat-x; -webkit-border-radius: 4px;}
div#arrivals h2 { float: left; width: 200px; height: 18px; text-indent: -9999px; background: url('../img/h_newarrivals.jpg') 0 0 no-repeat;}
div#arrivals h2.consider { width: 399px; background:url('../img/h_consider.jpg') 0 0 no-repeat; } 
div#arrivals ul { float: left; clear: both; position: relative; padding: 10px 0; width: 480px; background: transparent}
div#arrivals ul li { float: left; display: inline; *display: inline-block; width: 140px; background: url('../img/arrivals_img.jpg') center 0 no-repeat; padding: 0 5px;}	
div#arrivals ul li a img { display: block; max-width: 112px; max-height: 82px; width: 112px; height: 82px; margin: 9px auto; border: 3px solid #fff;}
div#arrivals ul li a { float: left; display: inline; width: 150px; color: #fff; text-decoration: none;}
div#arrivals ul li span { color: #fff; font: normal 11px/18px 'Tahoma', sans-serif; margin: 0; padding:10px 0;}
div#arrivals ul li span strong { font: bold 12px/20px sans-serif;}

/*Right Column*/
div#rightcol { width: 212px; float: right; position: relative;}
div.container_img { width: 100%; float: left; position: relative; padding: 10px 0 0 0; margin: 0;}
div.container { width: 100%; float: left; position: relative; padding: 0 0 15px 0; margin: 0 0 10px 0; background: #cecece url('../img/bg_silverfade.jpg') 0 0 repeat-x; -webkit-border-radius: 3px;}
div.container h2 { float: left; display: block; width: 100%; height: 63px; background: url('../img/h_compare.jpg') 0 0 no-repeat; text-indent: -9999px;}
div.container h2.valuemycar { background: url('../img/h_valuemycar.jpg') 0 0 no-repeat;}
div.container h2.servicing { background: url('../img/h_servicing.jpg') 0 0 no-repeat;}
div.container span {width: 190px; height: 100px; float: left; clear: both; position: relative; padding: 10px 0 0 10px}
div.container span.golf { background: url('../img/span_golf.jpg') bottom right no-repeat;}
div.container span.peugot { background: url('../img/span_peugot.jpg') bottom right no-repeat;}
div.container span.spanner { background: url('../img/span_spanner.jpg') bottom right no-repeat; padding-top: 15px; height: 85px;}
div.container span { color: #0d59b9; font: normal 11px/19px 'Tahoma', sans-serif;}

/*Additional Text*/
div#additional { width: 955px; display: block; overflow: hidden; position: relative; margin: 0 auto; padding: 0; clear: left; float: left }
div#additional p { color: #666; font: normal 11px/18px 'Tahoma', sans-serif; width: 735px}

div#additional div.container { width: 212px; float: right; position: relative; padding: 0 0 15px 0; margin: 0 0 10px 0; background: #cecece url('../img/bg_silverfade.jpg') 0 0 repeat-x; -webkit-border-radius: 3px;}

/*Footer*/
div#footer_container { width: 940px; display: block; margin: 0 auto; overflow: hidden; position: relative; padding: 0 10px;}
div#footer_container ul.left { float: left; position: relative; width: 400px;}
div#footer_container ul.left li { float: left; position: relative; display: inline;}
div#footer_container ul.right { float: right; position: relative; width: 400px;}
div#footer_container ul.right li { float: right; position: relative; display: inline;}
div#footer_container ul li { color: #92b8f1; font: normal 11px/48px 'Tahoma', sans-serif; margin: 0 4px;}
div#footer_container ul li a { text-decoration: none; color: #92b8f1;}
div#footer_container ul li a:hover{ color: #aacd08}
div#footer_container ul.left li:first-child:before { content: "";}
div#footer_container ul.left li:before { content: "-"; padding: 0 8px 0 0;}
div#footer_container ul.right li:first-child:after { content: "";}
div#footer_container ul.right li:after { content: "-"; padding: 0 0 0 8px;}

/*Components*/
div#options { width: 707px; height: 90px; float: left; position: relative; background: #cecece url('../img/bg_silverfade_opt.jpg') 0 0 repeat-x; margin: 10px 0 0 0;}
div#options ul { float: left; width: 707px; height: 80px; margin: 0; padding: 10px 0 0 0; position: relative;}
div#options ul li { float: left; display: inline; margin: 0}
div#options ul li a { float: left; display: inline; width: 100px; height: 30px; text-align: center; background-image: url('../img/sprite_options.jpg'); background-repeat: no-repeat; background-position: 0 0 ; padding: 50px 0 0 0; font: normal 11px 'Tahoma', sans-serif; color: #333; text-decoration: none;}
	
div#options ul li a:hover { color: #d0086f }	
div#options ul li#opt_001 a{ background-position: 30px 0}
div#options ul li#opt_002 a{ background-position: -85px 0}
div#options ul li#opt_003 a{ background-position: -200px 0}
div#options ul li#opt_004 a{ background-position: -305px 0}
div#options ul li#opt_005 a{ background-position: -400px 0}
div#options ul li#opt_006 a{ background-position: -515px 0}
div#options ul li#opt_007 a{ background-position: -620px 0}

div#spec { width: 687px; float: left; position: relative; background: #cecece url('../img/bg_silverfade_opt.jpg') 0 0 repeat-x; margin: 10px 0 0 0; padding: 10px;}
div#spec ul#main_tabs { float: left; width: 687px; border-bottom: 1px solid #aeaeae; margin: 0; padding: 0;}	
div#spec ul#main_tabs li { float: left; display: block; position: relative; }
div#spec ul#main_tabs li a{ float: left; display: inline; position: relative; top: 2px; font: normal 11px/35px 'Tahoma', sans-serif; color: #666; margin: 0 5px 0 0; padding: 0 12px; background: #d4d4d4; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #aeaeae; text-decoration: none; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0;} 
div#spec ul#main_tabs li a:hover { background: #ccc; color: #333;}

div#spec ul#main_tabs li#pink a { float: left; display: inline; position: relative; top: 2px; font: bold 11px/35px 'Tahoma', sans-serif; color: #92c3fb; margin: 0 5px 0 0; padding: 0 12px; background: url('../img/footer_tile.jpg') 0 0 repeat-x; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #002142; text-decoration: none;} 
div#spec ul#main_tabs li#pink a:hover { background: #91ad0c url('../img/button_green.jpg') 0 0 repeat-x; color: #1a1a1a; border-bottom: 1px solid #667a08;}
div#spec ul#main_tabs li#pink a.active { background: #fff; top: 2px; color: #0b56aa; border-bottom: 1px solid #fff; border-left: 1px solid #aeaeae; border-top: 1px solid #aeaeae; border-right: 1px solid #aeaeae}
	
div#spec ul#main_tabs li a.active { background: #fff; top: 2px; color: #0b56aa; border-bottom: 1px solid #fff; border-left: 1px solid #aeaeae; border-top: 1px solid #aeaeae; border-right: 1px solid #aeaeae}

div#spec #tab1 { float: left; width: 665px; clear: both; position: relative; background: #fff; padding: 15px 10px; border-left: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae; border-right: 1px solid #aeaeae}
div#spec #tab2 { float: left; width: 665px; clear: both; position: relative; background: #fff; padding: 15px 10px; border-left: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae; border-right: 1px solid #aeaeae}
div#spec #tab3 { float: left; width: 665px; clear: both; position: relative; background: #fff; padding: 15px 10px; border-left: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae; border-right: 1px solid #aeaeae}
div#spec #tab4 { float: left; width: 665px; clear: both; position: relative; background: #fff; padding: 15px 10px; border-left: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae; border-right: 1px solid #aeaeae}
div#spec #tab5 { float: left; width: 665px; clear: both; position: relative; background: #fff; padding: 15px 10px; border-left: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae; border-right: 1px solid #aeaeae}

div#spec div.panel { width: 216px; float: left; padding: 0; background: #fff; border: 1px solid #aeaeae; position: relative; margin: 15px 5px 0 0;}
div#spec div.panel h4 { float: left; background: #fff; font: bold 12px/30px sans-serif; padding: 0 10px; color: #0d59b9}
div#spec div.panel ul { float: left; width: 216px; position: relative; padding: 0; margin: 0; border-top: 1px dotted #cecece;}	
div#spec div.panel ul li { font: normal 11px/26px 'Tahoma', sans-serif; color: #333; border-bottom: 1px dotted #cecece;}
div#spec div.panel ul li { float: left; display: inline; width: 196px; padding: 0 10px;}
div#spec div.panel ul li span.left { float: left; width: 115px; text-align: left; height: 26px;}
div#spec div.panel ul li span.right { float: left; width: 76px; text-align: left; border-left: 1px dotted #ccc; padding: 0 2px; text-align: right; height: 26px;}
div#spec div.panel input[type=text] { border:1px solid #ccc; width: 50px; padding: 3px; color: #666; vertical-align: middle;}
div#spec div.panel select { padding: 3px; color: #666; border: 1px solid #7f9db9; background: #fff; width: 70px;}
.cost { font-size: 11px; font-weight: bold; color: #0ba200; margin: 2px 0 0 0}
.nomargin { margin: 15px 0 0 0 !important;}
.pad { padding: 3px 0 0 0 !important;}

div#spec div.terms { padding: 10px 0; float: left;}

div#spec ul.details { float: left; width: 665px; position: relative; padding: 0; margin: 10px 0; border-top: 1px dotted #cecece;}	
div#spec ul.details li { font: normal 11px/26px 'Tahoma', sans-serif; color: #333; border-bottom: 1px dotted #cecece;}
div#spec ul.details li { float: left; display: inline; width: 310px; padding: 0 10px;}
div#spec ul.details li span.left { float: left; width: 130px; font-weight: bold; text-align: left;}
div#spec ul.details li span.right { float: left; width: 180px; font-weight: normal; text-align: left;}

div#spec ul.stats { float: left; width: 665px; position: relative; padding: 0; margin: 10px 0; border-top: 1px dotted #cecece;}	
div#spec ul.stats li { font: normal 11px/26px 'Tahoma', sans-serif; color: #333; border-bottom: 1px dotted #cecece;}
div#spec ul.stats li { float: left; display: inline; width: 310px; padding: 0 10px;}
div#spec ul.stats li span.left { float: left; width: 130px; font-weight: bold; text-align: left;}
div#spec ul.stats li span.right { float: left; width: 180px; font-weight: normal; text-align: left;}

div#spec ul.spec { float: left; width: 665px; position: relative; padding: 0; margin: 10px 0; border-top: 1px dotted #cecece;}	
div#spec ul.spec li { font: normal 11px/26px 'Tahoma', sans-serif; color: #333; border-bottom: 1px dotted #cecece;}
div#spec ul.spec li { float: left; clear: both; width: 645px; padding: 0 10px;}

div#spec p { font: normal 11px/20px 'Tahoma', sans-serif; color: #666; padding: 0 10px; margin: 5px 0 2px 0}

div#finance { width: 687px; float: left; position: relative; background: #d4d4d4 url('../img/bg_silverfade_large.jpg') 0 0 repeat-x; margin: 10px 0 0 0; padding: 10px; overflow: hidden;}
div#finance h2 { float: left; position: relative; display: block; width: 707px; height: 67px; background: url('../img/h_finance_opt.jpg') 0 0 no-repeat; text-indent: -9999px; left: -10px; top: -10px;}
div#finance p { font: normal 11px/20px 'Tahoma', sans-serif; color: #666;}

div#finance div.panel { width: 220px; float: left; padding: 0; background: #fff; border: 1px solid #aeaeae; position: relative; margin: 15px 5px 0 0;}
div#finance div.panel h4 { float: left; position: absolute; top: -26px; left: -1px; background: #fff; font: bold 12px/25px sans-serif; padding: 0 10px; border-top: 1px solid #aeaeae; border-left: 1px solid #aeaeae; border-right: 1px solid #aeaeae; color: #0d59b9}
div#finance div.panel ul { float: left; width: 220px; position: relative; padding: 0; margin: 10px 0; border-top: 1px dotted #cecece;}	
div#finance div.panel ul li { font: normal 11px/26px 'Tahoma', sans-serif; color: #333; border-bottom: 1px dotted #cecece;}
div#finance div.panel ul li { float: left; display: inline; width: 200px; padding: 0 10px;}
div#finance div.panel ul li span.left { float: left; width: 120px; text-align: left;}
div#finance div.panel ul li span.right { float: left; width: 65px; text-align: left; border-left: 1px dotted #ccc; padding: 0 5px; text-align: right;}
.cost { font-size: 11px; font-weight: bold; color: #0ba200;}

/*Results*/
div#results_desc { float: left; width: 707px; padding: 15px 0;}
div#results_desc p { color: #0d59b9;}
div#results_desc img.img_right { float: right; padding: 10px; margin: 10px;}

div#results_filters { float: left; width: 707px; padding: 5px 0;}
div#results_filters ol { float: left; width: 420px; height: 27px;}
div#results_filters ol li { float: left; display: block; width: 25px; height: 25px; margin: 0 0 0 5px; padding: 0; position: relative;}
div#results_filters ol li a { display: block; position: relative; width: 25px; height: 25px; text-align: center; font: bold 13px/25px sans-serif; border: 1px solid #cecece; background: url('../img/fader_silver.jpg') 0 0 repeat-x; text-decoration: none; color: #4b4b4b;}
div#results_filters ol li a:hover { color: #fff !important; background: url('../img/fader_blue.jpg') 0 0 repeat-x; border: 1px solid #325f9c !important}
div#results_filters ol li a.next { font: bold 18px/23px sans-serif; text-decoration: none;}
div#results_filters ol li a.active {color: #fff; background: url('../img/fader_dark.jpg') center center repeat-x; top: -2px; border: 1px solid #5c5c5c !important;}

div#results_filters .filter_row { float: left; width: 200px;}
div#results_filters .filter_row div { float: left; padding: 2px 0;}
div#results_filters .filter_row label { font: normal 11px/25px 'Tahoma', sans-serif; text-transform: uppercase; padding: 0 10px 0 0;}
div#results_filters .filter_row select { padding: 3px; border: 1px solid #cecece; background: #fff; color: #666;} 


div#results_filters_BottomPage { float: left; width: 707px; padding: 5px 0;}
div#results_filters_BottomPage ol { float: left; width: 420px; height: 27px;}
div#results_filters_BottomPage ol li { float: left; display: block; width: 25px; height: 25px; margin: 0 0 0 5px; padding: 0; position: relative;}
div#results_filters_BottomPage ol li a { display: block; position: relative; width: 25px; height: 25px; text-align: center; font: bold 13px/25px sans-serif; border: 1px solid #cecece; background: url('../img/fader_silver.jpg') 0 0 repeat-x; text-decoration: none; color: #4b4b4b;}
div#results_filters_BottomPage ol li a:hover { color: #fff !important; background: url('../img/fader_blue.jpg') 0 0 repeat-x; border: 1px solid #325f9c !important}
div#results_filters_BottomPage ol li a.next { font: bold 18px/23px sans-serif; text-decoration: none;}
div#results_filters_BottomPage ol li a.active {color: #fff; background: url('../img/fader_dark.jpg') center center repeat-x; top: -2px; border: 1px solid #5c5c5c !important;}

div#results_filters_BottomPage .filter_row { float: left; width: 200px;}
div#results_filters_BottomPage .filter_row div { float: left; padding: 2px 0;}
div#results_filters_BottomPage .filter_row label { font: normal 11px/25px 'Tahoma', sans-serif; text-transform: uppercase; padding: 0 10px 0 0;}
div#results_filters_BottomPage .filter_row select { padding: 3px; border: 1px solid #cecece; background: #fff; color: #666;} 


div#results { float: left; width: 707px; margin: 0; padding: 0; position: relative;}
div#results ul { float: left; width: 707px; margin: 5px 0; padding: 0; position: relative; border-top: 1px dotted #ccc}
div#results ul li { float: left; clear: both; width: 707px; height: 170px; border-bottom: 1px dotted #ccc; background: url('../img/bg_silverfade_large.jpg') 0 0 repeat-x;}

div#results span.imgwrap { float: left; margin: 0; padding: 22px 0 0 9px; height: 130px; width: 185px; text-align: center; background: url('../img/fader_results_bgimg.jpg') 5px 5px no-repeat; margin: 10px 0 0 5px;}
div#results span.imgwrap img { max-height: 125px;}

div#results div.mini_spec { float: left; width: 340px; padding: 10px 0 10px 10px}
div#results div.mini_spec h3 { padding: 0; font: bold 12px/28px sans-serif; color: #0d59b9; margin: 0}
div#results div.mini_spec div { float: left; clear: both; padding: 0; border-bottom: 1px dotted #ccc;}
div#results div.mini_spec div.last-child { border: none;}
div#results div.mini_spec span { float: left; display: inline; color: #333; width: 85px; font: normal 11px/18px 'Tahoma', Arial, Helvetica, sans-serif}
div#results div.mini_spec span.left { width: 100px; color: #d0086f }
div#results div.mini_spec span.right { width: 170px; padding: 0 8px 0 8px; text-align: left; clear: right;}

div#results div.options { float: left; width: 155px; text-align: center; padding: 20px 0 0 0}
div#results div.options a { color: #0d59b9; font: bold 12px/20px sans-serif;}
div.options span { float: left; clear: both;}
div.options span.price { float: left; font: bold 18px/22px 'Helvetica', Arial, sans-serif; color: #0d59b9; width: 155px; text-align: center; padding: 10px 0 0 0}
div.options span.finance { margin: 10px 0 5px 8px; width: 140px; height: 46px; background: url('../img/finance_ticket.jpg') 0 0 no-repeat;}
div#results div.options span.finance a { float: left; display: block; width: 90px; height: 40px; color: #fff; font: normal 11px/16px 'Tahoma', sans-serif; padding: 6px 10px 0 40px; text-align: left;}
div#results div.options span.finance a:hover { color: #aacd08 } 

div.options span.remove { margin: 10px 0 5px 18px; width: 140px; height: 50px;}
div#results div.options span.remove a { float: left; display: block; width: 140px; height: 50px; background: url('../img/remove.png') 0 center no-repeat; text-indent: 26px; line-height: 50px; color: #C00}
div#results div.options span.remove a:hover { color: #1a1a1a} 

/*Corner Hacks*/
span.corner { width: 5px !important; height: 5px !important; position: absolute !important; display: block !important; padding: 0 !important; margin: 0 !important;}
	
span.corner.tl { background: url('../img/crnr_tl.png') 0 0 no-repeat; top: 0; left: 0;}
span.corner.tr { background: url('../img/crnr_tr.png') 0 0 no-repeat; top: 0; right: 0;}
span.corner.bl { background: url('../img/crnr_bl.png') 0 0 no-repeat; bottom: 0; left: 0;}
span.corner.br { background: url('../img/crnr_br.png') 0 0 no-repeat; bottom: 0; right: 0;}
	
span.corner.tl { _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/crnr_tl.png',sizingMethod='crop');}
span.corner.tr { _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/crnr_tr.png',sizingMethod='crop');}
span.corner.bl { _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/crnr_bl.png',sizingMethod='crop');}
span.corner.br { _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/crnr_br.png',sizingMethod='crop');}


img.proton_img { margin: 10px 0 0 }

/* What's Your Budget Form*/
div#search_budget .form_budget { float: right; width: 192px; position: relative; padding: 0; margin: 10px 0 0 5px}
div#search_budget .form_budget div { float: left; clear: both; width: 192px; margin: 0 0 3px 0;}
div#search_budget .form_budget input[type=submit]  { float: right; background: #0f5ac2; font-weight: bold; color: #fff; font-family: Arial, sans-serif; font-size: 12px; border-left: 1px solid #92cefc; border-top: 1px solid #92cefc; border-right: 1px solid #3f4c03; border-bottom: 1px solid #3f4c03; padding: 3px 5px; cursor: pointer; margin-right: 5px}

div#search_budget .form_budget p { width: 95px; display: block; padding: 0; margin: 0;  float: left; font: normal 12px/18px Arial, Helvetica, sans-serif; color: #fff; text-shadow: 1px 1px 1px #4b5907}
div#search_budget .form_budget label { float: right; margin: 0 5px; color: #fff; text-shadow: 1px 1px 1px #4b5907 }
div#search_budget .form_budget .input { width: 50px; float: right; height: 20px; margin: 0 5px; width: 80px;}
div#search_budget .form_budget .select { width: 50px; float: right; height: 20px; margin: 0 5px; padding: 2px; width: 84px;} 

/*Additional Text*/
div#additional_centered { width: 955px; display: block; overflow: hidden; position: relative; margin: 0 auto; padding: 0; clear: left; float: left; left: 250px; top: -230px }
div#additional_centered p { color: #666; font: normal 11px/18px 'Tahoma', sans-serif; width: 480px}



div.proton_finance { border: 1px solid #aeaeae;border-right: none; height: auto; width: 702px; margin: 10px 0; clear: both }
div.proton_finance div.panel { width: 350px; float: left; padding: 0; background: #fff; position: relative; margin: 0;border-right: 1px solid #aeaeae;}
div.proton_finance div.panel h4 { float: left; background: #fff; font: bold 12px/30px sans-serif; padding: 0 10px; color: #0d59b9}
div.proton_finance div.panel ul { float: left; width: 350px; position: relative; padding: 0; margin: 0; border-top: 1px dotted #cecece;}	
div.proton_finance div.panel ul li { font: normal 11px/26px 'Tahoma', sans-serif; color: #333; border-bottom: 1px dotted #cecece;}
div.proton_finance div.panel ul li { float: left; display: inline; width: 330px; padding: 0 10px;}
div.proton_finance div.panel ul li span.left { float: left; width: 180px; text-align: left; height: auto;}
div.proton_finance div.panel ul li span.right { float: left; width: 145px; text-align: center; border-left: 1px dotted #ccc; padding: 0 2px; height: 26px;}
div.proton_finance div.panel input[type=text] { border:1px solid #ccc; width: 50px; padding: 3px; color: #666; vertical-align: middle;}
div.proton_finance div.panel select { padding: 3px; color: #666; border: 1px solid #7f9db9; background: #fff; width: 70px;}
div.proton_finance div.panel .cost { font-size: 11px; font-weight: bold; color: #0ba200; margin: 0}
div.proton_finance div.panel .nomargin { margin: 15px 0 0 0 !important;}
div.proton_finance div.panel .pad { padding: 3px 0 0 0 !important;}

span.applynow .button { width: 200px; float: left; position: relative; margin: 0; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; padding: 4px 20px; cursor: pointer; text-decoration: none; text-align: center}
