@charset "utf-8";
/* hondaofclearlake website css
made by Jana Souckova for DealerClix*/

body{
	background: #FFFFFF url(images/general/bg.gif) repeat-x fixed;

	font-family: arial, sans-serif;

	font-size:12px;

	letter-spacing: 0.14px;

	margin:0px 0px 0px 0px;

}
h2{margin:20px 10px;
color:#333;

}

h1{margin: 10px;
color:#900;
font-size:22px;

}
h3{margin:20px 50px;
color:#333;

}
.disclaimer{
font-size:9px;
padding:0px 20px 25px 20px; margin-bottom:27px;

}
.red{
	color:#C00}

img
{
	border:none;
}


a, a:visited, a:active, a:hover{

	border:0;

	color:#004e95;

	text-decoration:none;

	display:inline;

	cursor:pointer;

}

a:hover{

	text-decoration:underline;

}


.bodyOuter{

	width:100%;
	text-align:center;

}

.bodyInner{
		background-image:url(images/general/framedInBg.jpg);
		background-repeat:repeat-y ;
		background-position: top left;


	width:1024px;

	margin: 0 auto;

	text-align:left;

	overflow:hidden;

}



#headerBar{

	width:1024px;
background-image:url(images/general/headerbg.jpg);
	height:50px;

}

#headerButtons{

	float:right;

	margin:8px 1px 0px 0px;

}

#headerButtons img{

	margin:0px 0px 0px 1px;

}

.bellowcontent{
	background-image:url(images/general/bodybg.jpg);
		background-repeat:repeat-y ;
		background-position: top left;
	
	width:1024px;

	margin:auto;

	text-align:left;

	overflow:hidden;
}

#footer {
	width:100%;
	padding:4px 0;
	font-size:10px;
	text-align:center;
	vertical-align:middle;
	background-color:#CCC;
}

/* top navigation*/

body div#listmenu ul li ul{display:none;}

div#listmenu ul li:hover ul, div#listmenu ul li ul:hover{display:block}

*{margin:0; padding:0;}
* html a {display:block;}
div#listmenu{
	width:1019px;;
	float:left;
	border-top:1px solid #069;
	border-bottom:1px solid #069;
	font-size:12px;
	background-color:#e5e5e5;
	margin:0 2px;
	position:relative;
	z-index:100;
}
div#listmenu ul{
	margin:0 0 0 102px;

	}

div#listmenu li{
	padding:5px;
	float:left;
	position:relative;
	list-style-type:none;
	background-color:#e5e5e5;
	border-right:1px solid #004e95;
}
div#listmenu li:first-child{
	border-left:1px solid #004e95;
}
div#listmenu li:hover{
	background-color:#fff;
}
div#listmenu a{
	padding:0 5px;
	text-decoration:none;
	color:#004e95;
}
div#listmenu a:hover{
	color:#004e95;
	padding:0 5px;
}

* html div#listmenu ul{
	float:left;
	border-left:1px solid #004e95;
	margin-left:15px;
}

div#listmenu ul li ul {

	margin:0;
	width:200px;
	position:absolute;
	left:-1px;
	top:24px;
}
div#listmenu ul li ul li {
	display: block;
	width:100%;
	border-left:1px solid #004e95;
	border-bottom:1px solid #004e95;
	border-right:1px solid #004e95;
}
div#listmenu ul li ul li a{
	display: block;
	width:100%;
}
div#listmenu ul li ul li:first-child{
	border-top:1px solid #004e95;

}


/* top navigation- submenu of submenu*/

body div#listmenu ul li ul li ul{
	visibility:hidden;
	left:210px;

}

div#listmenu ul li ul li:hover ul {visibility:visible;}

body div#listmenu ul li ul li ul{
	visibility:hidden;
	top:-1px;
	left:210px;
}


/* left side navigation*/

div#carlist {
	width:110px;
	font-size:12px;
	margin:10px 0 10px 30px;
}
 div#carlist ul {
	background-color:#FFF;
	 padding:0px;
	 list-style-type:none;
 }
 div#carlist li {
	 border:1px solid #004e95;
	 margin:0px;
	 padding:5px;
	 list-style-type:none;
 }
div#carlist li:hover{
	background-color:#e5e5e5;
}
 
div#carlist li a{
	text-decoration:none;
	color:#004e95;
}
	
div#carlist li a:hover{
	color:#004e95;
}

div#carlist ul li a{
	display: block;
	width:100%;
}


div#paymentlist {
	width:150px;
	font-size:12px;
	margin:10px 0 30px 8px;
}
 div#paymentlist ul {
	background-color:#FFF;
	 padding:0px;
	 list-style-type:none;
 }
 div#paymentlist li {
	 border:1px solid #004e95;
	 margin:0px;
	 padding:5px;
	 list-style-type:none;
 }
div#paymentlist li:hover{
	background-color:#e5e5e5;
}
 
div#paymentlist li a{
	text-decoration:none;
	color:#004e95;
}
	
div#paymentlist li a:hover{
	color:#004e95;
}

div#paymentlist ul li a{
	display: block;
	width:100%;
}


div#specialslist {
	width:130px;
	font-size:12px;
	margin:10px 0 30px 15px;
}
 div#specialslist ul {
	background-color:#FFF;
	 padding:0px;
	 list-style-type:none;
 }
 div#specialslist li {
	 border:1px solid #004e95;
	 margin:0px;
	 padding:5px;
	 list-style-type:none;
 }
div#specialslist li:hover{
	background-color:#e5e5e5;
}
 
div#specialslist li a{
	text-decoration:none;
	color:#004e95;
}
	
div#specialslist li a:hover{
	color:#004e95;
}

div#specialslist ul li a{
	display: block;
	width:100%;
}
/* 3 column design*/

div#maincontent {
		width:619px;
		margin:0px;
		float: left;	
		position:relative;
		z-index:1;
		}
div#leftcolumn {
	width:163px;
	float:left;

}
div#leftcolumn p{
	margin:10px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
div#rightcolumn {
	width:230px;
	font-size:12px;
	float:left;
	margin:10px 5px;

}
.links{
	margin: 0px 20px 30px 30px;
	font-size:13px;
	width:250px;
	height:100px;
	line-height:20px;
	float:left;

}

div#carad {
	margin:0px;

}

div#accolades p{
	margin:30px 10px;
	font-size:12px;
	 background:url(images/general/line.gif) left bottom repeat-x; padding:0 0 25px 20px; margin-bottom:27px;

}
div#accolades ul{
	margin:30px 30px;
	font-size:12px;
	
}
div#accolades img{
	margin-right:10px;
	float:left;

}
div#trims img{
	margin:0 20px 20px 0;
	float:left;

}

div#trims ul{
	
	font-size:11px;
	background:url(images/general/line.gif) left bottom repeat-x; padding:0 0 25px 20px; margin-bottom:27px;
}

div#trims p{
	margin:30px 20px;
	font-size:11px;

}
div#accessories p{
	margin:30px 20px;
	font-size:24px;
	line-height:40px;
	text-align:center;
}

.linknames{
	text-decoration:none;
	color:#333;

}

a.linknames:hover{
	text-decoration:none;
	color:#333;
	cursor:default;

}


.accessoriesspecial{
	width:180px;
	height:200px;
	padding:10px;
	margin:20px 10px;;
	background-color:#e5e5e5;
	border:2px solid #CCC;

}
.accessoriesspecial p{
	margin-top:20px;
	margin-left:10px;
	font-size:13px;

}
.accessoriesspecial h2{
text-align:center;
	color:#900;
	font-size:16px;
	font-weight:bold;
	margin:5px;

}
div#text p{
	margin:10px;
	font-size:12px;
	
}

div#text h2{
	margin:20px 0px 0px 10px;
	font-size:16px;
	
}
div#text ul{
	margin:0px 30px;
	font-size:12px;
	
}



/* contact us form*/
div#formcontainer{
	width:400px;
	margin-left:30px;
margin-top:20px;

}
div#formcontainer form{
	border-top:2px solid #ccc;
	border-bottom: 3px solid #ccc;
padding-left:50px;
}
div.formcontainer div.clearfix{
	border-top:1px solid #ccc;
	padding:10px 0px;
	vertical-align:top;
	
}
div#formcontainer form label {
	width:200px;
	font-size:12px;
	color:#333;

}

.submit{
	margin:10px 0;
}