/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
strong {font-weight:bold;}
.clear{	clear:both;	font-size:1px;line-height:1px;}
/**************************************************************************************/
a											{color:#31823d; text-decoration:none; outline:0 none;}
a:hover										{color:#0a67b2;}
h1											{font-size:24px;}
h2											{font-size:18px;}
h3											{font-size:16px;font-weight:bold;margin-top:15px;margin-bottom:5px;}
h4											{font-size:14px;font-weight:bold;margin-top:5px;}
/*----------------------------------------------------------------------------------*/
html 										{font-family:"Arial", Verdana, Tahoma; font-size:12px;}
body										{color:#746f6d; background:url(../images/body-bg.gif) repeat; font-family:"Verdana", Arial, Helvetica, sans-serif;font-size:12px;}
/* ---------------------------------------------------------------------------------*/

/* ----------------------- layout ----------*/
.main_wrapper								{background:url(../images/wrapper-top-bg.gif) repeat-x top;}
.container									{width:926px; margin:0 auto; background:url(../images/container-bg.png) repeat-y;}
.sub_container								{width:904px; margin:0 auto;}
#header										{}
.main_content								{/*min-height:472px;*/ padding:40px 0 0 36px}
/*-------------------------------------------*/

/* ------------------------- HEADER HERE -------------------*/
#top_nav									{height:25px; background:url(../images/top-nav-bg.png) repeat-x top; font-size:11px;}
#top_banner									{height:194px; width:100%; margin:-2px 0 0 0; background:url(../images/top-banner.jpg) repeat-x left top;}
.top_nav_left								{float:left; display:inline; color:#eae9e9; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; padding:3px 0 0 10px;}
#top_nav ul									{float:right; display:inline; padding:4px 70px 0 0;}
#top_nav ul	li								{float:right; display:inline; margin-left:15px;}
#top_nav ul	li img							{float:left; margin:5px 0 0 0; display:inline;}
#top_nav ul	li a							{color:#FFF;}
#top_nav ul	li a:hover						{color:#000}
#logo										{padding:28px 0 0 10px;}


/* ------------------------ MAIN NAV HERE ------------------*/
#main_nav									{height:51px; background:url(../images/main-nav-bg.gif) repeat-x;white-space: none;}
#main_nav ul								{float:left; display:inline; font-size:14px; font-weight:bold; padding:17px 0 0 35px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; }
#main_nav ul li								{float:left; display:inline; margin:0 35px 0 0;}
#main_nav ul li	a							{color:#fff}
#main_nav ul li	a:hover						{color:#72aede;}
h1.ph_no									{font-size:31px; color:#fff; font-weight:bold; float:left; display:inline; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; padding:10px 0 0 20px;}
/* ---------------------------------------------------------*/


/* ------------------------- CONTENT LEFT CUST------------------*/
.content_left_cust{
	width:20px; 
	float:left; 
	display:inline;
}


/* ------------------------- CONTENT LEFT------------------*/
.content_left								{width:240px; float:left; display:inline;}
.left_top									{width:240px; height:166px; background:url(../images/left-top-bg.jpg) no-repeat center top;}
.left_mid									{width:240px;margin-top:-13px; background:url(../images/left-mid-bg.gif) repeat-y; text-align:center;padding-top:10px;}
.left_mid h3								{font-family:"GraublauWeb Regular", Arial, Helvetica, sans-serif; color:#007c1a;}
.left_mid a, .left_mid a:hover              { color:#007c1a;text-decoration:underline;}
.btn_apply									{font-size:24px; font-family:"GraublauWeb", Arial, Helvetica, sans-serif; font-weight:bold; padding:10px 0 0 0;}
.btn_apply a								{background:url(../images/btn-apply1.gif) no-repeat; display:inline-block; height:37px; width:172px; color:#fff; padding:10px 0 0 0;text-decoration:none;}
.btn_apply a:hover							{color:#333;}
.btn_special								{font-size:20px; font-family:"GraublauWeb", Arial, Helvetica, sans-serif; font-weight:bold; padding:20px 0 10px 0;text-decoration:none;}
.btn_special a								{background:url(../images/specials.gif) no-repeat; height:47px; width:172px; display:inline-block; padding:25px 0 0 0; color:#fff;text-decoration:none;}
.btn_special a:hover						{color:#585858;}

.city_search								{text-align:center;}
.left_bottom								{width:240px; height:8px; font-size:1px; line-height:1px; background:url(../images/left-bottom.gif) no-repeat center top;}
/* ---------------------------------------------------------*/


/* --------------------- RIGHT CONTENT CUST---------------------*/
.content_right_cust{
	float:left; 
	display:inline; 
	margin:0 0 0 20px;
	max-width:750px;
}
.content_right_cust p{
	width:750px; 
	font-family:"Verdana", Arial, Helvetica, sans-serif; 
	padding:15px 0 0 0; 
	line-height:20px; 
	text-align:justify;
}
.content_right_cust ul, .content_right_cust li {list-style:square;margin-left:8px;line-height:20px;margin-top:10px;margin-bottom:10px;}

.cust span{
	font-weight: normal; 
}
.logout {
	font-size:18px;
	text-align: right;
	border: 1px solid #666666;
	padding: 5px;
	float: right;
	display:inline;
}

/* --------------------- RIGHT CONTENT ---------------------*/
.content_right								{float:left; display:inline; margin:0 0 0 60px;max-width:550px;}
.right_title								{color:#0b67b2; font-weight:bold;font-size:20px;}
.right_title span							{font-size:14px; color:#585858; display:block; padding:6px 0 0 0;text-transform:uppercase;}

.content_right p							{width:517px; font-family:"Verdana", Arial, Helvetica, sans-serif; padding:15px 0 0 0; line-height:20px; text-align:justify}
.p_link										{color:#0c3b74; text-decoration:underline;}
.p_link:hover								{color:#000; text-decoration:none;}

.brands										{padding:130px 0 0 0;}
.dealer										{position:relative; float:left; display:inline; margin:0 0 0 40px;}
.dealer	span								{position:absolute; left:20px; top:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#010101;}
.dealer img									{margin:18px 20px 0 0;}

.brand_logos								{float:left; display:inline-block; margin:0 0 0 20px;}
.brand_logos li								{float:left; display:inline; margin-right:28px;}
.last										{margin-right:0 !important;}
.content_right ul, .content_right li {list-style:square;margin-left:8px;line-height:20px;margin-top:10px;margin-bottom:10px;}
/* ---------------------------------------------------------*/



/* ------------------ FOOTER HERE --------------------------*/
#footer										{height:128px; background:url(../images/footer-bg.jpg) no-repeat center top; position:relative;}
.subfooter									{height:33px; position:absolute; bottom:0; left:0;}
.subfooter ul								{float:left; display:inline; font-size:10px; padding:9px 0 0 20px; font-family:"Verdana", Arial, Helvetica, sans-serif; }
.subfooter ul li							{float:left; display:inline; color:#fff; margin:0 14px 0 0;}
.subfooter ul li a							{color:#fff}
.subfooter ul li a:hover					{color:#000; text-decoration:underline;}

/* ---------------------------------------------------------*/


/* ------------------------ SITEMAP -------------------------*/

.sitemap									{width:926px; margin:0 auto; text-align:center;}

.sitemap ul									{font-size:11px; padding:18px 0 0 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.sitemap ul li								{display:inline; color:#575757; margin:0 12px 0 0}
.sitemap ul li a							{color:#575757;}
.sitemap ul li a:hover						{color:#000; text-decoration:underline;}

.copy										{font-size:10px; font-family:"Verdana", Arial, Helvetica, sans-serif; color:#575757; padding:5px 0 50px 0;}
.by											{color:#575757;}
.by:hover									{color:#000; text-decoration:underline;}

 #products {width:500px;}
 div.product{border-bottom:1px dotted #ccc;margin-bottom:15px;display:block;clear:both;height:auto !important;}
 #products div ul,  #products div li {list-style:square;margin-left:8px;line-height:20px;}
 #products div ul {margin-bottom:15px;}
 #products div h2, #products div h3{margin-bottom:5px;}
 .clear {clear:both;}
.pricing {width:500px;}
td.heading {font-weight:bold;color:#000;}
table.pricing td{padding:5px;}
label {margin-top:20px;margin-bottom:5px;font-weight:bold;display:block;}
.inputbut {background:#ccc;color:#666;border:#666 1px solid;}
#contactform {width:300px;}
#contactform input {width:250px;}
#contactform textarea {width:250px;height:150px;}
#contactform .inputbut {width:50px;margin-right:50px;}

/* ---------------------------------------------------------*/



/* ------------------ MORE --------------------------*/

.formtable {
	width: 100%;
	font-size : 12px;
	line-height:20px;
}
.formtable td {
	padding-right: 8px;
}
.default, NOLABEL.default {
	font-weight: bold; 
}

.defaultErr {
	font-size : 12px;
	font-family : Arial, Verdana,Tahoma, Helvetica; 
	color: #CC0000;
}
DIV.defaultErr {
	width: 90%;
	font-size : 14px;
	text-align:left;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	padding-top: 0.5em;
	padding-left: 1.5em;
	padding-bottom: 1.5em;
	background-color: #FFE8E8;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border: 1px solid #000000;
}
.formError{
	background: #ffdddd;
}
