@charset "utf-8";
/*********************************
	Crawford Trade Sales by nwonline.co.uk
	Author: Matt Litherland
	Copyright © 2010
*********************************/

html, body, #wrapper {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #00437b 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; background: #FFF; width: 980px; margin: 0 auto;}

#footer { position: relative; margin-top: -48px; height: 48px; clear:both;}

/*Clearfix*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}
	
/*Typography*/
a:link { color: #0d59b9; text-decoration: none}
a:hover { color: #C00; text-decoration: none}
a:active { color: #900; text-decoration: none}

h2 { color: #036; font-weight: bold;}
h3 { color: #06F; font-weight: bold;}
h5 { color: #1a1a1a; 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;}
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; 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: #06C; letter-spacing: -1px}
div.maincol p { color: #666;}
div.maincol p em { font-style: italic;}
div.maincol p strong, div.maincol p b { font-weight: bold;}
div.maincol blockquote { font-style: italic; border-left: 2px solid #c00; padding: 10px; margin: 10px 50px; display: block; color: #666;}

/*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 #C00;}
div.maincol fieldset div:hover input[type='pasword']{ border: 1px solid #C00;}
div.maincol fieldset div:hover textarea{ border: 1px solid #C00;}
div.maincol fieldset div:hover select{ border: 1px solid #C00;}
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;}
div.maincol fieldset input { font-size: 12px;}
div.maincol fieldset input[type='text']{ width: 210px; background: #fff; border: 1px solid #ccc; padding: 6px; color: #666}
div.maincol fieldset input[type='password']{ width: 210px; background: #fff; 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 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: #C00; font: normal 11px/20px 'Tahoma', sans-serif; padding: 0 0 0 5px}

/*Contact*/
div.maincol .form#contact { width: 350px;}
div.maincol .form#contact label { width: 120px;}
div.maincol .form#contact fieldset input[type='text'] { width: 190px;}
div.maincol .form#contact fieldset textarea { width: 190px; padding: 6px;}
div.maincol .form#contact fieldset div { width: 350px; float: left; clear: both; padding: 2px 0; margin: 0 0 2px 0; border-bottom: 1px dotted #fff;}
div.maincol .form#contact fieldset div:hover { border-bottom: 1px solid #fff; background: #fff;}

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 }
div.maincol div.ma_panel.ex div .button { margin: 5px 10px 5px 0;}

.btns { width: 61px !important; text-align: center;}
.btnr { width: 126px !important; clear: right;}

/*Header*/
div#head_wrap { width: 960px; height: 180px; margin: 0 auto; padding: 20px 0 10px 0; position: relative; display: block;}

/*Header GI*/
div#logo a { width: 375px; height: 116px; float: left; position: relative; text-indent: -9999px; background: url('../img/logo.jpg') 0 0 no-repeat;}
div#tel {
	width: 132px;
	height: 88px; 
	float: left; 
	position: relative; 
	margin: 0; 
	text-indent: -9999px; 
	background: url('../img/tel.jpg') 0 0 no-repeat; 
	left: 10px; top: 20px;
	border: 1px dotted #F00;}

div#cars {
	width: 432px;
	height: 150px;
	position: absolute;
	display: block;
	background: url('../img/head_cars.jpg') right top no-repeat;
	right: 3px;
	top: 0;}

/*Top Navigation*/
ul#nav { width: 940px; height: 42px; float: left; clear: both; position: relative; top: 17px; padding: 0 8px; background: #d7d7d7 url('../img/nav_tile.jpg') 0 0 repeat-x;}
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/42px sans-serif; color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #113868;}
ul#nav li a:hover { color: #FC0; text-shadow: none}
ul#nav li a:active { left: 1px; top: 1px;}
ul#nav li a.current { color: #1a1a1a; left: 0; background: #fff url('../img/nav_current.jpg') 0 0 repeat-x; top: 5px; height: 37px; text-shadow: none !important}

/*Layout*/
div#index_wrap { width: 960px; margin: 0 auto; padding: 0 0 10px 0; position: relative; display: block; overflow: hidden; clear: both;}

/*Main Col*/
div.maincol{ width: 707px; float: left; padding: 0 0 10px 12px;}

div#pheader { float: left; width: 704px;}
div#pheader h1 { font: bold 21px/30px 'Helvetica', sans-serif; color: #06C; letter-spacing: -1px;}
div#pheader span.detail_price { font: bold 21px/30px 'Helvetica', sans-serif; color: #036; letter-spacing: -1px;}
div#pcost { float: right; width: 200px; font: bold 21px/40px 'Helvetica', sans-serif; color: #0d59b9; letter-spacing: -1px; text-align: right;}



/*Left Column*/
div#leftcol { width: 240px; float: left; position: relative; padding: 0; margin: 0 0 10px 0;}
div#leftcol h2 { font: bold 20px/30px 'Helvetica', Arial, sans-serif; letter-spacing: -1px; display: block; border-bottom: 1px dotted #7a7a7a; margin: 0 0 10px 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;}

/*Leftcol Homepage*/
div.leftcol_home { width: 222px; position: relative; float: left; padding: 15px 10px; background: #114483 url('../img/fader_blue.jpg') 0 0 repeat-x; min-height: 190px; margin: 0 0 20px 0;}
div#leftcol div.leftcol_home h2 { color: #fff; border-bottom: 1px dotted #000;}
div#leftcol div.leftcol_home .form select { border: 1px solid #006;}
div#leftcol div.leftcol_home .form input[type=submit] { background: #f8f8f8 url('../img/fader_silver.jpg') 0 0 repeat-x; font-weight: bold; color: #1a1a1a; border: 1px solid #fff; padding: 4px 8px; cursor: pointer; text-shadow: 1px 1px 1px #fff;}
div#leftcol div.leftcol_home .form div.short label { color: #CFF;}


/*Sections*/
div#leftcol div.section { }

div#leftcol .form { float: left; clear: both; width: 220px; position: relative; padding: 15px 0 5px 0;}
div#leftcol .form div { float: left; clear: both; width: 215px; margin: 0 0 3px 0;}
div#leftcol .form select { float: left; background: #fff; border: 1px solid #aaabad; font: normal 12px/20px sans-serif; color: #444; padding: 2px; width: 220px; height: 27px;}
div#leftcol .form input[type=submit] { float: right; background: #df0d0d url('../img/btn.jpg') 0 0 repeat-x; font-weight: bold; color: #fff; font-family: Arial, sans-serif; font-size: 12px; border: 1px solid #a40001; padding: 4px 8px; cursor: pointer; text-shadow: 1px 1px 1px #910f0f;}
div#leftcol span.hr { float: left; clear: both; width: 100%; margin: 10px 0; height: 2px; background: #fff; border-top: 1px dotted #ccc;}

div#leftcol .form select { float: left; background: #fff; border: 1px solid #aaabad; font: normal 12px/20px sans-serif; color: #444; padding: 2px; width: 215px; height: 27px;}
div#leftcol .form div.short { float: left; width: 110px; clear: none;}
div#leftcol .form div.short select { float: left; width: 105px; clear: none;}
div#leftcol .form div.short label { float: left; width: 110px; padding: 10px 0 0 0; color: #666;}

/*Sections*/
div#leftcol div.section { width: 240px; float: left; position: relative; padding: 0; background: #f0f0f0 url('../img/leftcol_section_bg.jpg') bottom repeat-x; border: 1px solid #888; margin: 0 0 10px 0; min-height: 170px}
div#leftcol div.section div.sect { width: 220px; padding: 15px 10px; min-height: 150px;}
div#leftcol div.section div.sect h2 { color: #00437b;}
div#leftcol div.section div.sect p { color: #00437b;}

div#leftcol div.section div.sect.s_001 { background: url('../img/sect_001.jpg') right bottom no-repeat;}
div#leftcol div.section div.sect.s_002 { background: url('../img/sect_002.jpg') right bottom no-repeat;}
div#leftcol div.section div.sect.s_003 { background: url('../img/sect_003.jpg') right bottom no-repeat;}





div#carsearch { width: 220px; float: left; position: relative; padding: 15px 10px; background: #fff url('../img/bg_leftcol.jpg') 0 0 repeat-x; border: 1px solid #d7d7d7; margin: 0 0 10px 0;}

div#carsearch ul { float: left; width: 220px; position: relative; clear: both; padding: 10px 0 20px 0;}
div#carsearch ul li { float: left; display: inline; width: 50px; height: 50px; text-align: center; position: relative;}
div#carsearch ul li img { position: absolute; top: 50%; left: 50%; width: 40px; margin-top: -20px; margin-left: -20px;} 
div#carsearch ul li:hover img { width: 50px; margin-top: -25px; margin-left: -25px;}
div#carsearch ul li a { float: left; width: 50px; height: 50px;}

div#carsearch ul.open_times { float: left; width: 220px; position: relative; clear: both; padding: 10px 0; }
div#carsearch ul.open_times li { float: left; clear: both; width: 220px; font: normal 12px/18px sans-serif; height: 18px; text-align: left; color: #666; padding: 0 0 0 10px;}
div#carsearch ul.open_times li span { float: left;}
div#carsearch ul.open_times li span.day 	{ width: 70px;}
div#carsearch ul.open_times li span.from 	{ width: 70px;}
div#carsearch ul.open_times li span.to 		{ width: 70px;}
div#carsearch ul.open_times li span.closed	{ color: #c00;}

div#carsearch ul.open_times li span.day:after 	{ content: "-"; padding: 0 0 0 20px;}
div#carsearch ul.open_times li span.from:after 	{ content: "-"; padding: 0 0 0 10px;}

div#carsearch ul#car_types li { background-image: url('../img/sprite_cars.jpg'); background-repeat: no-repeat; width: 100px; color: #666; font: normal 11px/20px 'Tahoma', Arial, sans-serif; padding: 0; height: 55px; margin: 0 0 5px 10px; ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
div#carsearch ul#car_types li:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1}
div#carsearch ul#car_types li a { width: 90px; display: block; height: 24px; padding: 35px 0 0 0; text-decoration: none; color: #06f;}
div#carsearch ul#car_types li a:hover { color: #333;}

div#carsearch ul#car_types li#ct_001 { background-position: 5px 	0;}
div#carsearch ul#car_types li#ct_002 { background-position: -100px 	0;}
div#carsearch ul#car_types li#ct_003 { background-position: 5px 	-60px;}
div#carsearch ul#car_types li#ct_004 { background-position: -95px 	-60px;}
div#carsearch ul#car_types li#ct_005 { background-position: 5px 	-130px;}
div#carsearch ul#car_types li#ct_006 { background-position: -100px 	-129px;}
div#carsearch ul#car_types li#ct_007 { background-position: 10px 	-192px;}
div#carsearch ul#car_types li#ct_008 { background-position: -100px 	-192px;}
div#carsearch ul#car_types li#ct_009 { background-position: 5px 	-260px;}
div#carsearch ul#car_types li#ct_010 { background-position: -100px 	-260px;}
div#carsearch ul#car_types li#ct_011 { background-position: 5px 	-309px;}
div#carsearch ul#car_types li#ct_012 { background-position: -100px 	-309px;}
div#carsearch ul#car_types li#ct_013 { background-position: 5px 	-365px;}



div#index_wrap.full div#leftcol div#carsearch .form div.search_button_l input[type=submit] {
	float: left;
	width: 96px;
	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.full div#leftcol div#carsearch .form div.search_button_r input[type=submit] { float: left; width: 90px;}

/*Middle Column*/
div#midcol { width: 700px; float: left; position: relative; padding: 0 0 0 10px;}

div#splash { width: 694px; height: 200px; float: left; position: relative; padding: 0; margin: 0 0 20px 0; background: #114483 url('../img/fader_blue.jpg') 0 0 repeat-x; padding: 10px; left: -8px;}
div#splash .anythingSlider { float: left; width: 706px; height: 200px; position: relative; margin: 0}
div#splash .anythingSlider .wrapper { width: 693px; height: 199px; overflow: auto; margin: 0; position: absolute; top: 0; left: 0; border-bottom: 1px solid #6d98c2; border-right: 1px solid #6d98c2; padding: 0;}
div#splash .anythingSlider .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0}
div#splash .anythingSlider ul li { display: block; float: left; padding: 0; height: 200px; width: 695px; margin: 0; background: #fff;}
div#splash .anythingSlider .arrow { display: none}
div#splash #thumbNav { position: absolute; top: 165px; text-align: center; left: 20px; }
div#splash #thumbNav a { color: black; font: bold 12px/18px sans-serif; display: inline-block; padding: 1px 7px; height: 18px; margin: 0 5px 0 0; background: #fff url('../img/bg_leftcol.jpg') 0 0 repeat-x; border: 1px solid #d7d7d7; text-align: center; color: #333; text-decoration: none;}
div#splash #thumbNav a:hover { background-image: none; border: 1px solid #ccc}
div#splash #thumbNav a.cur { background: #fff url('../img/fader_blue.jpg') 0 0 repeat-x; color: #F3F9FE; border: 1px solid #036;}

/*
div#splash .anythingSlider ul li#slide_001 { background: url('../img/slide_001.jpg') right no-repeat; }
div#splash .anythingSlider ul li#slide_002 { background: url('../img/slide_002.jpg') right no-repeat; }
div#splash .anythingSlider ul li#slide_003 { background: url('../img/slide_001.jpg') right no-repeat; }
*/

div#splash .anythingSlider ul li h2 { color: #666; font: bold 22px/32px 'Helvetica', Arial, sans-serif; letter-spacing: -1px;}

div#splash .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; padding: 10px 0;}
div#splash .anythingSlider .wrapper ul ul li { float: none; height: 20px; width: auto; background: url('../img/icon_arrow.jpg') 0 center no-repeat; clear: both; padding: 0 0 0 20px; font: normal 16px/22px 'Tahoma', sans-serif; color: #cb0b0f; text-shadow: 1px 1px 1px #fff;}



div#arrivals { width: 686px; float: left; position: relative; overflow: hidden; padding: 10px; background: #fff url('../img/bg_leftcol.jpg') 0 0 repeat-x; border: 1px solid #d7d7d7; margin: 0 0 10px 0;}

div#arrivals ul { float: left; clear: both; position: relative; padding: 10px 0 10px 0; width: 682px; background: transparent;}
div#arrivals ul li { float: left; display: inline; *display: inline-block; width: 135px; padding: 0 0 10px 0; text-align: center;}	
div#arrivals ul li a img { display: block; width: 125px; margin: 0 auto; border: 3px solid #fff;}
div#arrivals ul li a { float: left; display: inline; width: 135px; color: #1a1a1a; text-decoration: none;}
div#arrivals ul li a:hover span { color: #06F;}
div#arrivals ul li a:hover img { border: 3px solid #FC0;}
div#arrivals ul li span { color: #1a1a1a; font: normal 11px/18px 'Tahoma', sans-serif; margin: 0; padding:10px 0;}

div#arrivals p { font: normal 12px/20px sans-serif; color: #666;}

div#arrivals ul#four_col li { width: 170px;}	
div#arrivals ul#four_col li a img { width: 160px;}
div#arrivals ul#four_col li a { width: 170px;}

div#arrivals ul#three_col li { width: 227px;}	
div#arrivals ul#three_col li a img { width: 221px;}
div#arrivals ul#three_col li a { width: 227px;}

/*Footer*/
div#footer_container { width: 940px; display: block; margin: 0 auto; overflow: hidden; position: relative; bottom: 10px; padding: 0 10px; background: #fff url('../img/bg_leftcol.jpg') 0 0 repeat-x; border: 1px solid #d7d7d7;}
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: #333; font: normal 11px/48px 'Tahoma', sans-serif; margin: 0 4px;}
div#footer_container ul li a { text-decoration: none; color: #333;}
div#footer_container ul li a:hover{ color: #C00}
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: 705px; height: 62px; float: left; position: relative; background: #d9d9d9 url('../img/bg_options.jpg') 0 0 repeat-x; margin: 10px 0 0 0; border: 1px solid #ddd;}
div#options ul { float: left; width: 657px; height: 42px; margin: 0; padding: 10px 30px; position: relative;}
div#options ul li { float: left; display: inline; margin: 0; border-left:1px solid #9d9d9d; border-right:1px solid #fff;}
div#options ul li#opt_001 { background: url('../img/icon_opt_001.gif') 20px 7px no-repeat; border-left:none;}
div#options ul li#opt_002 { background: url('../img/icon_opt_002.gif') 20px 7px no-repeat;}
div#options ul li#opt_003 { background: url('../img/icon_opt_003.gif') 20px 7px no-repeat;}
div#options ul li#opt_004 { background: url('../img/icon_opt_004.gif') 20px 7px no-repeat; border-right:none;}

div#options ul li a { float: left; display: inline; width: 120px; height: 42px; text-align: center; padding: 0 0 0 40px; font: normal 11px/42px 'Tahoma', sans-serif; color: #333; text-decoration: none; text-shadow: 1px 1px 1px #fff;}
div#options ul li a:hover { color: #C00 }	



/*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 div.filters { float: left; width: 300px; padding: 5px 0;}
div#results_filters div.filters .label { float: left; padding: 0 10px 0 0; font: normal 12px/26px sans-serif; color: #666;}
div#results_filters div.filters .select { padding: 1px; background: #fff; border: 1px solid #ccc; color: #666; font: normal 12px sans-serif}

div#results_filters ol { float: right; width: 220px; height: 27px;}
div#results_filters ol li { float: right; 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: #333 !important; background: #fff; border: 1px solid #ccc !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 !important; background: url('../img/nav_tile.jpg') 0 0 repeat-x; top: -1px; border: 1px solid #036 !important;}

div#results_filters .form { float: left; width: 300px;}
div#results_filters .form div { float: left; padding: 2px 0;}
div#results_filters .form label { font: normal 11px/25px 'Tahoma', sans-serif; text-transform: uppercase; padding: 0 10px 0 0;}
div#results_filters .form 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: 200px; 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: 4px; text-align: center; background: #fff; margin: 20px 0 0 10px; border: 1px solid #ccc;}

div#results div.mini_spec { float: left; width: 215px; padding: 10px 0 10px 10px;}
div#results div.mini_spec h3 { padding: 0; font: bold 12px/25px Arial, sans-serif; color: #666; margin: 3px 0}
div#results div.mini_spec h3 a { color: #444;}
div#results div.mini_spec div { float: left; clear: both; padding: 0;}
div#results div.mini_spec span { float: left; display: inline; color: #333; width: 85px; font: normal 11px/17px 'Tahoma', Helvetica, sans-serif}
div#results div.mini_spec span.left { width: 90px; color: #00529c }
div#results div.mini_spec span.right { width: 100px; padding: 0 10px; text-align: left; clear: right;}

div#results div.title_price { float: left; width: 465px; padding: 15px 0 0 10px;}
div#results div.title_price span.price { float: left; font: bold 16px/22px 'Helvetica', Arial, sans-serif; color: #06c; width: 155px; text-align: left; padding: 0}

div#results div.options { float: left; width: 250px; text-align: center; padding: 0}
div#results div.options a { color: #0d59b9; font: bold 12px/20px sans-serif;}
div.options span { float: left; clear: both;}

div#results div.options ul.ticks { float: left; padding: 7px 0; margin: 0; width: 155px;background: transparent; height: 100px; border: none;}
div#results div.options ul.ticks li { float: left; padding: 0 0 0 20px; margin: 0; width: 230px; height: 20px; border: none; background: url('../img/icon_tick.png') 0 1px no-repeat; color: #3d3c45; font: normal 11px/20px 'Tahoma', sans-serif; text-align: left;}


/*Jquery Tabs*/
@media projection, screen {.tabs-hide { display: none;}}
@media print { .tabs-nav { display: none;}}
.tabs-nav { width: 707px; height: 32px; float: right; padding: 0; position: relative;}
.tabs-nav li {float: right; display: inline; line-height: 32px; margin: 0 3px 0 0; background: #14448a url('../img/tab_off.jpg') 0 0 repeat-x; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;}
.tabs-nav li:hover { background: #1b4e93 url('../img/tab_hov.jpg') 0 0 repeat-x;}
.tabs-nav li:first-child { margin: 0;}
.tabs-nav a {float: left; position: relative; display: block; padding: 0 10px; font: normal 11px/32px sans-serif; color: #fff; text-shadow: 1px 1px 1px #1f2c7c;}
.tabs-nav .tabs-selected a { top: 0; background: #276bc0; color: #fff; line-height: 32px;-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; text-shadow: none;}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { outline: 0;}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { cursor: pointer;}
.tabs-container {float: left; width: 707px; padding: 0; background: #114483 url('../img/fader_blue.jpg') 0 0 repeat-x}

div#gallery { width: 684px; float: left; position: relative; overflow: hidden; padding: 10px 10px;}
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 #073a7a; border-bottom: 1px solid #073a7a;}
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 9px 9px 0; width: 100px;}
div#gallery ul li img { max-width: 97px; border: 3px solid #fff; box-shadow: 1px 1px 1px #073a7a;  -moz-box-shadow: 1px 1px 1px #073a7a; -webkit-box-shadow: 1px 1px 1px #073a7a;}
div#gallery ul li a:hover img { border: 3px solid #FC0;}
div#gallery ul li.activeLI a img { border: 3px solid #FC0;}

/*Tabs 2*/
div#tabs_02 { float: left; margin: 10px 0 0 0; width: 707px;}
div#tabs_02 .tabs-nav { width: 705px; height: 37px; float: left; padding: 0; position: relative;}
div#tabs_02 .tabs-nav li {float: left; display: inline; line-height: 37px; margin: 0 0 0 3px; background: #d9d9d9 url('../img/bg_options.jpg') 0 0 repeat-x; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;-moz-border-radius: 0px; -webkit-border-radius: 0px;}
div#tabs_02 .tabs-nav li:first-child { margin: 0;}
div#tabs_02 .tabs-nav a {float: left; position: relative; display: block; padding: 0 10px; font: normal 11px/37px sans-serif; color: #555; text-shadow: 1px 1px 1px #fff;}
div#tabs_02 .tabs-nav .tabs-selected a { top: 0; background: #fff; color: #333; line-height: 37px;}
div#tabs_02 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { outline: 0;}
div#tabs_02 .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { cursor: pointer;}
div#tabs_02 .tabs-container {float: left; width: 685px; padding: 10px; background: #fff; border: 1px solid #ddd;}

div#spec { float: left; width: 707px; position: relative;}

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}


/*UImage Gallery*/
div#demos { float: left; clear: both; border: 1px solid #f00;}