@charset "UTF-8";
/* CSS Document */

/* Global CSS */
/* ------------------------------------------------------------------------------------ */
/* =reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit;	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {	
	outline: 0;
}
body { 
	
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup
----------------------------------------------- */
table {
	border-collapse: separate; 	border-spacing: 0;
}
caption, th, td {
	text-align: left; font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
}

/*Body
-------------------------------------------------------------- */		
html, body {
background:url(images/bg_pattern.png) repeat-x;
background-color:#000000;
font-size:100%;
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.5em;
text-align:left;
}


#wrapper{
	width:944px;
	height:647px;
	margin:0 auto;
	
	margin: auto;
	position:relative;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	overflow:visible;

}
#leftcolumn{
	width:35px;
	height:647px;
	background:url(images/left_border.png) no-repeat;
	float:left;
}
#midcolumn{
	width:874px;
	float:left;
	background-color: #000000;
}



/*Navigation
-------------------------------------------------------------- */		
#nav, #nav ul {
	list-style: none;
	width:874px;
	height:37px;
	background:url(images/topnav_grill.png) repeat-x;
	float:left;
}
#nav li {
	float: right;
}
a.home{
	width:79px;
	height:37px;
	background:url(images/topnav_home.png) no-repeat;
	text-indent:-9999px;
	display: block;
}
a.used{
	width:144px;
	height:37px;
	background:url(images/topnav_used.png) no-repeat;
	text-indent:-9999px;
	display: block;
}
a.finance{
	width:94px;
	height:37px;
	background:url(images/topnav_finance.png) no-repeat;
	text-indent:-9999px;
	display: block;
}
a.specials{
	width:104px;
	height:37px;
	background:url(images/topnav_specials.png) no-repeat;
	text-indent:-9999px;
	display: block;
}
a.contact{
	width:116px;
	height:37px;
	background:url(images/topnav_contact.png) no-repeat;
	text-indent:-9999px;
	display: block;
}

/* End Navigation
-------------------------------------------------------------- */

#logo{
	width:874px;
	height:88px;
	float:left;
	background-image: url(images/james_lane_motors_logo.png);
	background-repeat: no-repeat;
	background-color: #000000;
}
#logo a{
	width:500px;
	height:79px;
	float:left;
	border:0;
	text-indent:-9999px;
}

.main_head {
	float: left;
	height: 26px;
	width: 300px;
}

.stock_head {
	float: left;
	height: 26px;
	width: 500px;
}

.top_add {
	float: right;
	height: 50px;
	width: 300px;
	margin-top: 15px;
	margin-right: 20px;
}

.style_white_sml {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
}

.style_red_sml {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight:bold;
	letter-spacing: 0.2px;
	line-height:1.5em;
	color: #CC0000;
}


#featureflash{
	width:874px;
	height:343px;
	float:left; z-index:1;
}

#featurebanner{
	width:874px;
	height:36px;
	float:left;
	padding-bottom: 11px;
}

#contentimages{
	width:874px;
	height:140px;
	float:left;
	background-color: #000000;
	background-image: url(images/content_image.jpg);
}

#hometext{
	width:390px;
	height:auto;
	float:left;
	padding: 5px 0px 0px 25px;
	margin-bottom: 11px;
}

#contacttext{
	width:300px;
	height:auto;
	float:left;
	padding: 5px 0px 0px 55px;
	margin-bottom: 11px;
}


.hometextright{
	width:430px;
	height:250px;
	float:left;
	padding: 40px 0px 0px 0px;
	margin-bottom: 11px;
}


.maintext{
	font-size:11px;
	color:#ffffff
}

.rolltext{
	font-size:11px;
	color:#ffffff;
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
	color:#CC0000;
}

#maincontent{
	width:845px;
	height:580px;
	float:left;
	padding: 5px 0px 0px 25px;
	margin-bottom: 11px;
	background-color: #000000;
}

	/* Mini Search
-------------------------------------------------------------- */	

#homesearch{
	width:380px;
	height:211px;
	float:left;
	padding-left: 60px;
	padding-top: 5px;
}

.top_sch {
	float: left;
	height: 30px;
	width: 300px;
	background-image: url(images/search_head.gif);
}

.bot_sch {
	float: left;
	height: 40px;
	width: 459px;
}
.ls_sch {
	float: left;
	height: 250px;
	width: 40px;
}

.rs_sch {
	float: right;
	height: 250px;
	width: 40px;
}
.search {
	float: left;
	height: 175px;
	width: 300px;
	background-color: #000000;
}


#rightcolumn{
	width:35px;
	height:647px;
	background:url(images/right_border.png) no-repeat;
	float:right;
}	
#brandlogos, .footertext{
	width:944px;
	height:90px;
	background:url(images/botbar_logos.png) no-repeat;
	float:left;
}
.footertext{
	background-image:none;
}	


/* footer
----------------------------------------------------------------------------------------*/
#footer {
	height: 105px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#flink {
	text-align:center;
	font-size:11px;
	padding-top:25px;
	height:56px;
	background-position:bottom;
	}

#flink ul {
	margin: 0.10em 0;
    padding: 0 3px;
    list-style: none;	
	
}
#flink li {
    display: inline;
    margin: 0;
    padding: 0 0.2em 0 0.5em;
    background: url(images/line.gif) left center no-repeat;
}
#flink .first {
    padding-left: 0;
    border: 0;
	background: none;
}
#flink a {
    font-size:11px;
    color:#333333;
	text-decoration:underline;
}
#footer a:hover {
	color:#CC0000;
	text-decoration:none;
}
h2 {
font-size:11px;
padding:14px 0 2px 0;
color:#333333 !important; 
}
h3 {
font-size:11px;
padding:5px 5px 5px 5px;
color:#ffffff !important; 
}

h4 {
	font-size:13px;
	padding:5px 5px 5px 5px;
	color:#ffffff !important;
}


/*--------Form---------*/
.spacer {
	clear:both;
	height:4px;
}
.left_col {
	clear: right;
	float: left;
	height: auto;
	width: 300px;
	padding-left: 11px;
}
.p_right {
}
.b_box {
	float: right;
	height: auto;
	width: 77px;
	margin-left: 15px;
}

#contactFormArea, #tradinghours {
	width:306px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif !important;
	font-size:12px;
	float: left;
	padding: 5px 0px 0px 25px;
	height: 360px;
}

#tradinghours { height:50px;}

#contactFormArea h1 {
	font-size:12px;
	font-weight:bold;
	padding:0 0 8px 0;
}
#contactFormArea p, #tradinghours p {
	font-size:11px;
	color:#FFFFFF;
	margin:0 0 6px 0;
	padding:0 0 4px 0;
}
#contactFormArea label {
	display:block;
	text-align:left;
	width:80px;
	float:left;
	font-size:11px;
	padding-bottom:2px;
	color: #FFFFFF;
}
#contactFormArea input, textarea {
	float:left;
	font-size:11px;
	border:solid 1px #666;
	width:220px !important;
	margin-left: 0px;
	padding:1px 2px;
	margin-bottom: 5px;
	height: 20px;
}

#contactFormArea select {
	margin-bottom: 3px;
	width:150px !important;
	height:23px;
}
textarea:focus, input:focus { border-color: #FFF !important; background:#f2f2f2 !important; }


* html div#contactFormArea select {margin-bottom:3px;}	
* html div#contactFormArea textarea {height:92px;}	

#contactFormArea textarea {
	height:92px;
	overflow:visible;
	width: 400px;
}
#contactFormArea button {
	clear:both;
	padding:0 0 0px 0;
	width:77px;
	height:28px;
	background:url(images/submit.gif);
	text-align:center;
	line-height:28px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	border:none;
}
.calculator label {
	display:block !important;
	font-size:11px;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	line-height:15px;
	
}
.message {display:none;}

.contactlong {
	height:158px;
}
.msg {
	width:480px!important;
}
/*home search*/
.minisearch { float:left; }
.homeEngine{padding:0;}
.minisearch{padding:0;margin:10px 0 0 6px;}
.minisearch fieldset{border:none;display:block;width:219px;padding:0;margin:0;}
.minisearch label{display:block;float:left;font-weight:bold;width:62px;height:26px;line-height:24px;margin:0;padding:0;font-weight:bold;font-family:verdana;color:#fff;font-weight:bold;font-size:11px;text-align:left; color:#fff;}
.minisearch select{display:block;float:right;padding:0;margin:0;width:153px;}
.minisearch .clear{height:0;margin:0;padding:0;clear:both;font-size:0;}
.searchBox #priceMin, .searchBox #yearMin{width:70px;float:left;margin-left:4px;}
.searchBox #priceMax, .searchBox #yearMax{width:70px;float:right;}
 
.miniSearchButton{clear:both;background:url('images/search-stock.gif') no-repeat;width:126px;height:30px;border:0;margin:0 0 0 64px;cursor:pointer;color:#fff;}
input.miniSearchButton:focus { background:url('images/search-stock.gif') no-repeat !important; background-color:none !important;}
/*************/