/* - - - - - - - - - - - - - - - - - - - - -

Title : Company Name
URL : Company URL

Author :Siliconpetals
Author URL : http://www.siliconpetals.com

- - - - - - - - - - - - - - - - - - - - - */

/*
----------------------------------------------------------------------------- 
Log In
-----------------------------------------------------------------------------*/

/*
----------------------------------------------------------------------------- 
Error Fields
-----------------------------------------------------------------------------*/

div.host .fieldWithErrors {
  display: inline;
}

div.tac .fieldWithErrors label {
  border: 1px solid red;
  margin-top: 7px;
}


div.tac .fieldWithErrors {
  float: left;
}

.fieldWithErrors {
  padding: 0px; 
  margin:0px; 
  font-family:Arial, Helvetica, sans-serif; 
  font-size:13px; 
  font-weight:normal;
  text-align: left;
}

.fieldWithErrors input,
.fieldWithErrors textarea {
  border: 1px solid red;
}

#errorExplanation {
  width: 98%;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-top: 10px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 10px 5px;
}


#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  text-align: left;
  list-style-position: inside;
}

/*
----------------------------------------------------------------------------- 
Signup Forms
-----------------------------------------------------------------------------*/

div.tac input {
  vertical-align: middle;
}

div.tac label {
  display: inline;
  vertical-align: middle;
}

h2.notice {
  border: 1px solid red;
  margin: 5px;
  padding: 10px;
  background:red url(../images/top_bg.jpg) repeat-x;
}

h2.notice p {
  font-size: 16px;
  padding-left: 20px;
  background: transparent url(../images/tick.png) no-repeat;
}

span.host {
  margin-left: 35px;
}

.medium {
  width: 150px;
}

.small {
  width: 80px;
}

input#signup_dealership_name {
  padding: 5px;
  height: 25px;
  width: 350px;
  font-size: 20px;
  font-weight: bold;
}

/*
----------------------------------------------------------------------------- 
Global Styles
-----------------------------------------------------------------------------*/

label {
  display: block;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote { margin:0; padding:0; list-style:none; }

body { background:#ffffff url(../images/top_bg.jpg) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;  text-align:center;/* for IE */ color:#000000;}

form{margin:0; padding:0; display:inline; border:none; }

select, input, textarea {font:  Verdana, Helvetica, sans-serif;}

img { border: 0;}

h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}

p{ margin:0; padding:0; color:#000000; font-size:12px; padding-left:3px; text-align:left; font-family:Arial, Helvetica, sans-serif;}
dd p{ margin-top:5px; padding:0; color:#000000; font-size:12px; padding-left:3px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif;}
td { margin:0; padding:0;}
ul,li {margin:0; padding:0; list-style:none;}
a{margin:0; padding:0; font-size:12px;  color:#000000;}
.nrb { border-right: none !important;}

.clear{clear:both; height:1px;}

.cle_right{clear:right; height:1px; overflow:hidden; }
.cle_left{clear:left; height:1px; overflow:hidden; }
.display{ display:block; margin:0; padding:0; text-align:left; overflow:hidden;}
.display23{ display:block; margin:0; padding:0; text-align:left;}
.display_pad{ display:block; padding-top:15px; overflow:hidden}
.display_pad3{ display:block; padding-top:8px; overflow:hidden}
.display_pad1{ display:block; padding-top:15px; /*overflow:hidden;*/}
.display_pad2{ display:block; padding-top:25px; overflow:hidden;}
.dis_hd{ padding-top:6px; display:block;overflow:hidden;}
.display_pad p{ margin-bottom: 10px;}
.display_2{padding-top:10px; padding-left:3px;}
.pad10{ padding-left:10px;}
.st{margin-top: 5px;}
.pad_box{ padding:20px;}
.sst{margin-top: 10px;}
.ssl{margin-left: 10px;}
.cl {clear: left;}
.st{margin-top: 5px;}
.rtt{padding-bottom: 10px;}
.flrt{ float:none;}
h3{ padding-bottom:6px; font-family: Arial, Helvetica, sans-serif; font-size:16px; padding-left:5px; color:#3a3a3a; font-weight:normal; text-transform: none; text-align:left;}
h4{ padding-bottom:6px; font-family: Arial, Helvetica, sans-serif; font-size:18px; padding-left:5px; color:#035fac; font-weight:normal; text-transform: none; text-align:left;}
h5{  font-family: Arial, Helvetica, sans-serif; font-size:14px; padding-left:25px; font-weight:bold; color:#616161;  text-transform: none; text-align:left;}
h2{  font-family: Arial, Helvetica, sans-serif; font-size:16px; padding-left:5px; font-weight:bold; color:#616161; margin-bottom:5px;  text-transform: none; text-align:left;}
.bold_text{padding-bottom:6px; font-family: Arial, Helvetica, sans-serif; font-size:14px; padding-left:5px; color:#3a3a3a; font-weight:normal; text-transform: none; text-align:left;}
.rew{font-size: 10px;margin: 0; float:right}
.fonr{font-size: 12px;}

img.border { border: 1px solid grey; }
/*
----------------------------------------------------------------------------- 
Template Styles
-----------------------------------------------------------------------------*/
#wrapper{ min-width: 300px;max-width:812px;margin: auto;
	      width:expression(document.body.clientWidth < 300? "300px" : document.body.clientWidth > 812? "812px" : "auto");
	}	
	
#logo{ background:url(../images/logo.jpg) left no-repeat; width:100%; height:78px;}	

/*#login{ background:url(../images/login.jpg) right no-repeat; width:309px; float:right; text-align:center; line-height:20px;  height:28px;  color:#ffffff; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
#login a{ color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
/*

/*
----------------------------------------------------------------------------- 
Navigation  style Styles
-----------------------------------------------------------------------------*/

#navigation{ width:75%; float:left; display:block;  }
#lf_navi{ background:url(../images/left_navi.jpg) left no-repeat; height:30px; overflow:hidden;}
#rf_navi{ background: url(../images/right_navi.jpg) right no-repeat; height:30px; overflow:hidden;}
#rf_navi ul{ float:left;}
#rf_navi li{    float:left;}
#rf_navi a{  display:block; font-family:Arial, Helvetica, sans-serif;  padding-left:17px; padding-right:17px;font-weight:bold; color:#000000; font-size:13px;   background:url(../images/divider.jpg) right no-repeat; float:left; line-height:30px;}
#rf_navi a:hover{ color:#005bad;}
#no_border{ display:block;}
#no_border a{ background:none;}

/*#login{ width:22%; float:right; background:url(../images/lf_reg.jpg) left no-repeat;}
#login_rf{ background: url(../images/rf_reg.jpg) right no-repeat; height:30px; text-align:left;  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;}
#login_rf a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; line-height:30px; text-transform:uppercase; font-weight:bold; text-align:left; padding-left:40px;}*/



.navi{ width:100%; margin:auto;  margin-bottom:20px; margin-top:10px;}
.navi li{ display:inline; border-right:1px solid #000000; padding-left:10px; padding-right:10px;}
.navi a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.navi a:hover{ color:#005bad;}

/*
----------------------------------------------------------------------------- 
Header style Styles
-----------------------------------------------------------------------------*/
#header{ background:url(../images/lf_hd_bg.jpg) top left no-repeat #4b99f2; }

#header_rf{ background:url(../images/rf_hd_bg.jpg) top right no-repeat; }
#hd_bot_lf{ background: url(../images/lf_bot.jpg) left bottom no-repeat;}
#hd_bot_rf{background: url(../images/rf_bot.jpg) right bottom no-repeat; text-align:left;}
#header a.signup{ background:url(../images/button.png) no-repeat; border:none; text-align:left; width:133px; height:27px; font-family:Arial, Helvetica, sans-serif; font-size:15px; padding-left:10px; line-height:23px; margin-top:10px; text-decoration: none;}
#header a:hover.signup{ color:#000066;}
.blue_text{ padding-left:20px;  padding-top:20px; padding-bottom:20px;}
.blue_text img{float:right; margin-left:0px;}
.blue_text p{ font: 19px georgia; line-height:normal; padding-top:15px; color: #efefef; }
.blue_texin{ padding-left:20px; display:block; }
.blue_texin img{float:right; margin-left:0px; width:auto; height:auto;}
.blue_texin p{ font: 20px georgia; line-height:normal; padding-top:15px; color: #efefef; padding-top:20px; }


/*
----------------------------------------------------------------------------- 
Contaent  Styles
-----------------------------------------------------------------------------*/
a.interest{ background: url(../images/samll_arrow.gif) left no-repeat; padding-left:10px; font-family:Arial, Helvetica, sans-serif; color:#035fac; font-size:12px; border-bottom:1px dotted #035fac; margin-top:20px; font-weight:bold; float:left; text-decoration: none; }
.site_image{float:right; margin-right:20px; height:240px; height:auto !important; min-height:240px; text-align:left;}
.site_image img{ margin-top:5px;}
.dot_line{ display:block; padding-top:30px; padding-left:20px; float:left; text-align:left; margin-right:10px;}
.dot_line li{ line-height:25px; background:url(../images/dot.gif) left no-repeat; padding-left:10px; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}

#title_bluerf{ background:url(../images/blue_title_rf.jpg) right no-repeat;height:38px;}
#title_bluelf{ background:url(../images/blue_title_lf.jpg) left no-repeat; line-height:38px; height:38px;}
.text_box{ background:url(../images/text_box.jpg) bottom repeat-x; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; min-height:300px; height:auto !important; height:300px;}
.text_in{ padding-right:30px; padding-left:40px; padding-top:30px; padding-bottom:25px;}

#title_yellowrf{ background:url(../images/yellow_title_rf.jpg) right no-repeat;}
#title_yellowlf{ background:url(../images/yellow_title_lf.jpg) left no-repeat;line-height:38px; }

.box_sml{ width:216px; float:left; margin-right:40px;}
.box_sml1{ width:216px; float:left;}
.box_sml p{ font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000000;}
.box_sml1 p{ font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000000;}

#faq_tplf{ background:url(../images/lf_faq_tp.jpg) left no-repeat; }
#faq_tprf{ background:url(../images/rf_faq_tp.jpg) right no-repeat; line-height:35px;}
#faq_tprf h5{ padding-left:35px; }
#cen_faqlf{ background:url(../images/cen_faqlf.jpg) left repeat-y;}
#cen_faqrf{ background:url(../images/cen_faqrf.jpg) right repeat-y;}
#bot_faqlf{background:url(../images/bot_faqlf.jpg) left bottom no-repeat;}
#bot_faqrf{ background:url(../images/bot_faqrf.jpg) right bottom no-repeat;min-height:150px; height:auto !important; height:300px;}
#faq_inner{ padding:20px; text-align:left;}
#faq_inner dl dt {
  font-weight: bold;
  padding: 0 0 .1em 0;
}

#faq_inner dl dd {
  margin: 0;
  padding: .3em 0 1.2em 0;
}

#about_inner{ padding-top:10px; padding-bottom:20px; text-align:left;}
#about_inner h2{  font-family: Arial, Helvetica, sans-serif; font-size:16px; padding-left:5px; font-weight:bold; color:#616161;   text-transform: none; text-align:left;
}
#about_inner p{ padding-left:6px;}


#price_chart{ margin-top:20px;  margin:0 auto;}



#price_chart .con_div{ width:26%; cursor: inherit; float:left; text-align:center; background:url(../images/divn.png) top repeat-x;  display:block; }
#price_chart .con_div:hover{width:26%; cursor: inherit; float:left; text-align:center; display:block;  background:#fffeec url(../images/div_hover.png) top repeat-x; }
#price_chart .con_div .m{min-height:70px; height:auto !important; height:70px; padding-top:10px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; font-weight:bold; text-align:center;}
#price_chart .con_div h2{ font-family: Arial, Helvetica, sans-serif; font-size:13px; padding-left:5px; font-weight:bold; color:#000000; margin-bottom:0;  text-transform: none; text-align:center; font-weight:bold; height:24px; border-bottom:1px solid #cccccc; line-height:25px;}
#price_chart .con_div li{ line-height:30px; height:30px; color:#000000; border-bottom:1px solid #f3f3f3;}
#price_chart .tool_div{width:20%;  float:left; cursor: help; text-align:center; background:url(../images/divn.png) top repeat-x;  }
#price_chart .tool_div h2{ font-family: Arial, Helvetica, sans-serif; font-size:13px; padding-left:5px; font-weight:bold; color:#000000; margin-bottom:0;  text-transform: none; text-align:center; font-weight:bold; height:24px; border-bottom:1px solid #cccccc; line-height:25px; }
#price_chart .tool_div li{ padding-right:10px;  display:block; height:30px; text-align:right; font-size:11px; font-weight:bold; color:#000000; border-bottom:1px solid #f3f3f3;}
#price_chart .tool_div .m{min-height:70px; cursor:default; height:auto !important; height:70px; padding-top:10px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; font-weight:bold; text-align:center;}
#price_chart .tool_div a{font-size:11px; font-weight:bold; color:#000000; line-height:30px;  text-decoration:none;}

#price_chart .tool_div .question{font-weight: bold;
  color: #ae7b00; display:inline;}

#price_chart .con_div .hint{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#999999;}
#price_chart .con_div a.signup{ margin:auto; background:url(../images/signup-active.gif)  no-repeat; width:88px; margin-top:10px; height:21px; border:none; display:block;}
#price_chart .con_div a:hover.signup{ background:url(../images/signup-active.gif) no-repeat; width:88px; margin-top:10px; height:21px; border:none; display:block;}
#price_chart .con_div a.signup span{ display:none;}

.gray_box{ background:#efefef; padding:10px; padding-bottom:20px; border:1px solid #dfdfdf;}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#000000;
	font-weight:bold;
    text-decoration:none;
	line-height:normal;
	font-size:11px;
	cursor: auto;
}
a.tt span{ display: none; cursor: help;  }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
	  margin-left:100px;
    position:absolute;
    top:0px; left:0;
	  padding: 22px 0 0 0;
	  width:200px;
	  color: #993300;
    text-align: left;
    filter: alpha(opacity:90);
    KHTMLOpacity: 0.90;
    MozOpacity: 0.90;
    opacity: 0.90;
}

a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
  background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	color: #548912;
	height:20px;
  background: url(../images/bubble_bottom1.gif) no-repeat bottom;
}

.contact_lf{ width:97%; margin-right:40px; background:#f2f2f2; border:1px solid #e6e6e6; display:block; float:left; padding:10px;}
.contact_lf h1{ font-size:22px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:normal; text-align:left;}
.contact_lf p{ padding-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal;}
.contact_lf .req {
  color: #F33;
}

.contact_lf input[type="text"]{
  width: 250px;
  font-size: 13px;
  margin-top: 4px;
  height:20px;
}
.contact_lf  textarea {
  width: 350px;
  margin-top: 8px;
}

.contact_lf .submit-btn input {
  width: 150px;
  font-size: 12px;
  height:24px;
  line-height:18px;
}


.cont_rf{ width:30%; float:right; display:block; text-align:left;}

.cont_rf h1{ font-size:22px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:normal; text-align:left;}
.cont_rf p{padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal;}
.cont_rf input{width:240px; font-size: 13px; height:20px;}
.cont_rf .submit-btn input {
  width: 100px;
  font-size: 14px;
  height:24px;
  line-height:14px;
  padding-bottom:5px;
}
.signup{ display:block;}
.signup p{ padding-left:8px; font-size:13px;}
.signup input{
  font-size: 13px;
  margin-top: 4px;
  height:20px;
}
.signup select{
  font-size: 13px;
  margin-top: 4px;
  height:20px;
}
.signup .submit-btn input {
  width: 150px;
  font-size: 14px;
  height:24px;
  line-height:14px;
  padding-bottom:5px;
}
.hint_a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-top:4px; font-weight:normal; color:#999999;}

.dis_fl{ float:left; margin-right:20px;}
.dis_fl1{ float:left;}
.dis_fl2{ float:left;}
.sign_img{ float:left;height:92px; width:71px;  margin-right:10px; text-align:center;  border:1px solid #e7e6db;   background:#efefef;}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
/*
----------------------------------------------------------------------------- 
footer Styles
-----------------------------------------------------------------------------*/
#footer{ margin-top:40px; background:#303435; height:33px; line-height:33px; color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size:11px; text-align:center;}

#footer a {
  color: white;
  font-weight: bold;
  padding: 0 10px;
}