/* ##########################################################
: McHenryCarSales (mchenrycarsales.com)
: ---------------------------------------------------
: Design & Development by gbish (2006)
: graham.bishop@gmail.com
########################################################## */


/* <layout> */

* {margin: 0px; padding: 0px;}
img, a.img {border: 0px;}


.s100pc {width: 100%;}
.s95pc {width: 95%;}
.s80pc {width: 80%;}

.s1000 {width: 1000px;}
.s900 {width: 900px;}
.s750 {width: 750px;}
.s400 {width: 400px;}
.s200 {width: 200px;}
.s180 {width: 180px;}
.s140 {width: 140px;}
.s120 {width: 120px;}
.s100 {width: 100px;}
.s80 {width: 80px;}
.s50 {width: 50px;}

.l {float: left;}
.r {float: right;}
.al {text-align:left;}
.ar {text-align:right;}
.ac {text-align:center;}

.mc {margin: 0px auto;}


.clear {width: 100%; height: 1px; font-size: 1px; clear: both;}
.clear25 {width: 100px; height: 25px; font-size: 25px; clear: both;}



/* <standard> */
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
	a {color: #333333; }
	a:hover {text-decoration: none;}
	
	a.more {color: #9F978B;} 
	
	p.header {border-left: 8px solid #E1D4C0; border-bottom: 2px solid #E1D4C0; margin-bottom: 10px; padding: 4px 6px; font-size: 1.6em; color: #002255;}
	p.header_blue {border-left: 8px solid #002255; border-bottom: 2px solid #002255; padding: 4px 6px; font-size: 1.8em; font-weight: normal; color: #002255; font-family:Arial, Helvetica, sans-serif;}
	.header_blue a { text-decoration: none; color: #002255;}

/* <header> */
#header {margin-top: 10px; border-bottom: 6px solid #002255; padding-right: 20px;}
	#header p.tagline {color: #95ACCD; font-size:24px; font-style:italic; font-weight: bold;}
	#header p.date {font-size:10px; color:#666666; text-align: right;}
	
/* <breadcrumbs> */
.bread { color: #666666; font-size: 10px; margin: 4px; text-transform:lowercase;}
.bread a { color: #666666; text-decoration: none;}
	

/* <footer> */
#footer {color: #333; font-size: 11px; text-align: right; border-top: 6px solid #95ACCD; background-color: #EFF6FF;}
#footer p { padding: 10px;}
#footer a {color: #333; text-decoration: none;}


/* <menu> */
#mainmenu { background-color: #002255; background-image:url(menu_bg.gif); background-repeat:repeat-x; background-position:bottom; width: 100%; height: 41px; margin-top: 2px; overflow: hidden;}
	#mainmenu ul {float: left; list-style: none;}
	#mainmenu ul li {float: left; padding: 12px 0px; border-right: 1px solid #002255;}
	#mainmenu ul li a {padding: 12px 30px; font-size: 14px; color: #ffffff; text-decoration: none;}
	#mainmenu ul li a:hover {background-color: #1D63C2; background-image:url(menu_bg_hover.gif); background-repeat:repeat-x; background-position:bottom;}


/* <content> */
#content {width: 100%; min-height: 300px; height: auto !important; height: 300px; padding-bottom: 30px; }

#content p { margin-bottom: 10px;}
#content ul { margin-left: 20px; margin-bottom: 10px;}
#content ol { margin-left: 25px; margin-bottom: 10px;}

#side_panel {width: 220px; margin-right: 10px; padding-bottom: 10px; color: #666666; }

#side_panel .side_box {background-color: #F5EDE3; background-image:url(../images/sidep_r.gif); background-position: right bottom; background-repeat:no-repeat; padding-bottom: 10px;}
	#side_panel dl {color: #002255; padding-right: 10px;}
	#side_panel dt {margin-left: 20px; font-weight: bold; margin-bottom: 2px;}
	#side_panel dt a {color: #002255; font-size: 1.1em;}
	#side_panel dd {margin-left: 30px; margin-bottom: 10px; font-size: 10px ;}
	#side_panel dd a {color: #002255; }
	
#side_panel ul.submenu {list-style: none; margin: 0px; }
	ul.submenu li { border-bottom: 2px solid #E1D4C0; padding: 6px 0px; overflow: hidden; }
	ul.submenu li.top { border-top: 2px solid #E1D4C0;}
	
	ul.submenu li a { padding: 6px 10px 6px 50px; color: #002255;}
	ul.submenu li a:hover { }

#main {margin-left: 230px;}
	
	/* ~ news item ~*/
	.news {}
	.news h2.news_header {border-left: 8px solid #002255; border-bottom: 2px solid #002255; padding: 4px 6px; font-size:18px; font-weight: normal; color: #002255;}
		
	.news div.blue {background-color: #D1DDEF; padding: 12px; color: #002255; margin-bottom: 25px; border-bottom: 1px solid #002255;}
	.date {padding-right: 10px; color: #555555;}
	
	.comments, .comments a { color: #002255;}
	.comments span { color: #002255; font-size: 10px;}
	
	.item {padding: 0px 10px;}

	/* ~ car lists ~*/
	.car_list {margin-bottom: 25px;}
	.car_list table thead td {border-bottom: 2px solid #E1D4C0; color: #002255; font-size: 10px; font-weight: bold; text-align:left; cursor: pointer; background-image:url(asc_desc.gif); background-position: right; background-repeat:no-repeat;}
	.car_list table tbody td {padding: 4px; color: #002255; border-bottom: 1px solid #FFF8EF; cursor: pointer;}
	
	.car_list table tbody tr.sold td {color:#990000; background-color:#FFEFEF;}
	.car_list table tbody tr.sold_hover td {color:#990000; background-color:#FFDFDF;}
	
	.car_list a {color: #002255;}
	
	.row_hover td { background-color: #F5EDE3; border-bottom: 1px solid #E1D4C0; border-collapse:collapse;}

/* #searchbox {border: 6px solid #E1D4C0; -moz-border-radius: 5px; -webkit-border-radius: 5px;} */
#searchbox {}
#searchbox #inside { border-left: 8px solid #E1D4C0; border-right: 8px solid #E1D4C0; background-color: #F5EDE3; padding: 10px;}

#searchbox #top { height: 8px; background-color: #E1D4C0; background-image:url(../images/searchb_tr.gif); background-position: right top; background-repeat:no-repeat;}
#searchbox #top div {height: 8px; width: 8px; background-image:url(../images/searchb_tl.gif); background-position: left top; background-repeat:no-repeat;}
#searchbox #bottom { height: 8px; background-color: #E1D4C0; background-image:url(../images/searchb_br.gif); background-position: bottom right; background-repeat: no-repeat;}
#searchbox #bottom div {height: 8px; width: 8px; background-image:url(../images/searchb_bl.gif); background-position: bottom left; background-repeat: no-repeat;}

/* <comments> */
.comments_block { min-width: 400px; width: auto !important; width: 400px; max-width: 600px; }
.comments_box {background-color: #F5EDE3; padding: 10px 10px 0px 10px; border: 2px solid #E1D4C0; z-index: 0; position:relative;}

.comments_error {background-color: #FFCACA; padding: 10px 10px 0px 10px; border: 2px solid #CC0000; z-index: 0; position:relative; color:#990000;}
.comments_note {background-color: #CFE3FF; padding: 10px 10px 0px 10px; border: 2px solid #002255; z-index: 0; position:relative; color:#002255;}

.comments_info { background-image:url(../images/comments_arrow.gif); background-position: 10px 0px; background-repeat:no-repeat; 
padding: 8px 0px 0px 55px; height: 40px; z-index: +2;  position:relative; top: -2px; } /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/

.comments_info .user { font-style:italic; font-size: 1.5em; color: #526B84;}
.comments_info .reg { font-size: 1.8em; font-style: normal;}

.comments_head {color: #526B84; font-size: 2.0em; font-weight: bold; margin-bottom: 15px; font-style:italic;}
.comments_head a {color: #526B84;}

.comments_block div.form {  font-size: 12px; color: #000; font-variant:small-caps;  background-color: #F5EDE3; border: 2px solid #E1D4C0; padding: 10px; z-index: 1; position:relative;}

.comments_block input {width: 300px; border: 1px solid #002255; padding: 2px 4px;}
.comments_block textarea {width: 360px; border: 1px solid #002255; height: 160px; }
.comments_block .button { 
z-index: +2;  position:relative; top: -2px; width: auto;  padding: 5px 10px 5px 50px !important; padding: 5px 10px 5px 18px; border: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style:italic; font-size: 1.5em; color: #526B84;
background-image:url(../images/comments_arrow.gif); background-position: 10px 0px; background-repeat:no-repeat; background-color: transparent;  }

/* <side panel images> */
.sp_btn_back { background-image:url(../images/side_panel_back.gif); background-repeat: no-repeat;}
.sp_btn_mail { background-image:url(../images/side_panel_mail.gif); background-repeat: no-repeat;}
.sp_btn_print { background-image:url(../images/side_panel_print.gif); background-repeat: no-repeat;}



/* <pagination> */
.leftpad { padding-left: 30px;}
.pagination {padding-top: 10px;}
.pagination a {padding: 5px 8px; border: 1px solid #002255; font-weight: bold; text-decoration: none;}
.pagination a.on {background-color: #1C61BE; color: #fff;}
.pagination a:hover {background-color: #002255; color: #fff;}



/* <forms> */
form.qs {margin-left: 20px; color: #002255; font-weight:bold;}
form.qs input {font-size: 11px; color: #002255; border: 2px solid #E1D4C0; background-color: #fff; width: 160px; padding: 2px 4px;}

table.contact_form { width: auto;}
table.contact_form tr td { padding: 2px 4px;}

form {}
input, textarea {border: 1px solid #002255; padding: 2px 4px;}

select {border: 1px solid #002255; }
option {background-color: #EFF6FF;}

input.button {border: 2px solid #002255; padding: 2px 25px; background-color: #D1DDEF; letter-spacing: 2px;}
input.reset {border: 2px solid #D1DDEF; padding: 2px 25px; background-color: #EFF6FF; margin-left: 40px; }
input.error {}

/* <details> */
#details { display: block; width: 100%; }

.details_block { width: 350px; float: right; display:block; position:relative; overflow: visible; padding: 5px;}
* html .details_block { display:inline-block;}

.details_content {margin-right: 370px; }

	/* ~~~ prices and info block side ~~~ */
	.details_block {}
	
	.price_block { background-color: #D1DDEF; margin-bottom: 10px; padding: 10px; border: 1px solid #002255; background-image:url(../images/listing-sidebg.gif); background-position: top left; background-repeat:no-repeat; padding-left: 60px;}
		.price {font-size: 3.0em; font-weight: normal; color: #002255; font-family:Arial, Helvetica, sans-serif; padding: 0px 0px 0px 20px;}
		.avail {font-size: 2.0em; font-weight: normal; color: #002255; font-family:Arial, Helvetica, sans-serif; padding: 0px 0px 0px 20px;}
	
	/* ~~~ images ~~~ */
	.details_images { text-align: center;}
		.images_main { text-align: center; display: block;}
		.images_main img {border: 1px solid #000;}
		.images_more { margin: 10px 0px; text-align: center;}
		.images_more img {border: 1px solid #000; margin: 5px 5px;}
	
	/* ~~~ table details  ~~~ */
	table.details {width: 99%; }
	table.details td {padding: 4px; color: #002255; border-bottom: 1px solid #FFF8EF; }
	
	/* ~~~ details links ~~~ */
	ul.details_links { list-style: none; position:relative; left: -20px;}
	ul.details_links li {padding: 5px 0px 5px 5px; width: 250px; border: 1px solid #002255; margin-bottom: 4px;}
	ul.details_links li a { background-image:url(../images/listing_off.gif); background-position: left; background-repeat:no-repeat; padding: 4px 5px 4px 25px; text-decoration: none;}
	ul.details_links li a:hover {background-image:url(../images/listing_on.gif); background-position: left; background-repeat:no-repeat; padding: 4px 5px 4px 25px; text-decoration: underline;}

.required { color:#CC0000; font-size: 11px; font-variant:small-caps;}

/* <Image Box> */
.image_box {border: 1px solid #cccccc; padding: 10px; width: 50%;}