/* clearmotors */

@import url("misc.css");

/**************** page setup ****************/
body {text-align:center; background: url(../images/bg/body.jpg) repeat-x #fff; font-family: trebuchet ms, arial, sans-serif; font-size: 11px; line-height: 15px; color: #fff;}

/**************** divs ****************/
/*structural*/
#container {margin: 0 auto; padding: 20px 0; width: 890px; text-align:left;}
#head {height: 150px; position: relative; background: url(../images/bg/head.jpg) top center no-repeat;}
#main {padding: 20px 10px; background: url(../images/bg/main.jpg) repeat-y;}
#footer {clear:both; background: url(../images/bg/footer.jpg) bottom center no-repeat;}

/*general*/
#logo {float:left; width: 280px; padding: 20px 0 0 15px}
#topad {float:right; width: 572px; padding: 20px 15px 0 0;}
#foottxt {padding: 20px 10px;}
#generalpage {margin: 0 5px; border: 1px solid #828282; padding: 5px; background: #ccc; color: #222;}


/*homepage*/
.homecol {float: left; width: 280px; padding: 0 5px; height: 551px;}
#search {height: 543px; width: 272px; background: url(../images/bg/search.jpg) center center no-repeat #131314; padding: 3px; border: 1px solid #828282;}
#sellyourcar {height: 222px; width: 272px; background: url(../images/bg/sellyourcar.jpg) center center no-repeat #131314; padding: 3px; border: 1px solid #828282;}
#sellyourcarinner {float: right; text-align: right; width: 200px; margin: 80px 10px 0 0; color: #ed1b23; font-size: 10px;}
#locatedealer {margin-top: 11px; height: 301px; width: 272px; background: url(../images/bg/locatedealer.jpg) center center no-repeat #131314; padding: 3px; border: 1px solid #828282;}
#map {float: right; width: 260px; margin-top: 15px;}
#tellafriend {height: 105px; width: 272px; background: url(../images/bg/tellafriend.jpg) center center no-repeat #131314; padding: 3px; border: 1px solid #828282;}
#whataresimi {margin-top: 8px; height: 100px; width: 272px; background: url(../images/bg/whataresimi_new.jpg) center center no-repeat #131314; padding: 3px; border: 1px solid #828282;}
#mainad {margin-top: 11px;}
#daftad {margin-top: 6px;}


/*searchpage*/
#advanced_search {margin: 15px 5px; padding: 5px; border: 1px solid #828282; background: #ccc; color: #222;}
#advanced_search form {margin: 0; padding: 0;}
#advanced_search .title {margin: 10px;}
#advanced_search .col {width: 50%;}
#advanced_search .selectClass {vertical-align: middle; height: 25px; padding: 2px;}
#advanced_search .radioButton {vertical-align: middle; height: 20px; padding: 2px;}
#advanced_search .textBox {vertical-align: middle; height: 15px; padding: 2px;}
#advanced_search label {vertical-align: middle; height: 22px; width: 100%; text-align: right;}
#advanced_search select {margin: 8px; width: 140px; font-family: trebuchet ms, arial, sans-serif; font-size: 11px; line-height: 15px; color: #050505; padding: 1px;}
#advanced_search br {clear: both;}
#a_search_table {width: 100%;}
#a_search_table td {vertical-align: top;}
#a_search_table01 {width: 100%;}
#a_search_table02 {width: 100%;}
#a_search_table01 td {border: 1px solid #ddd; padding: 3px; vertical-align: middle;}
#a_search_table02 td {border: 1px solid #ddd; padding: 3px; vertical-align: middle;}


/*resultspage*/
#resultswrap {background: #c2c2c2; padding: 20px; margin: 5px; color: #222;}
#resultshead {border: 1px solid #666; background: #ccc; margin-bottom: 20px; padding: 10px 0; font-weight: bold; text-align: center; font-size: 16px; color: #990000;}
.result {width: 100%; border: 1px solid #666; background: #ccc; margin-bottom: 20px;}
.result_img {width: 100px; padding: 10px; vertical-align: middle;}
.result_img img {width: 100px; height: 75px;}
.result_desc {width: 100%; border: 0;}
.result_price {font-size: 13px; color: #222; font-weight: bold; text-align: right;}
.result_title {padding: 5px 0 10px 0;}
.result_title a {font-size: 13px; color: #222; font-weight: bold; text-decoration: none;}
.result_viewdetails {text-align: right;}
.result_viewdetails a {color: #990000;font-weight: bold; text-decoration: none;}


/*brochurepage*/
#brochurepage {margin: 5px; padding: 20px; background: #c2c2c2; color: #222; }
#vechdetails_head {border: 1px solid #666; background: #ccc; margin-bottom: 20px; padding: 10px 0; font-weight: bold; text-align: center; font-size: 16px; color: #990000;}
.rightbox {text-align: right; margin-bottom: 5px;}
.rightbox a {color: #990000; font-weight: bold; text-decoration: none;}
#brochurepage h1, #brochurepage h2, #brochurepage h3 {color: #222;} 
/*#brochurepage a {color: #2f558f;}*/
#brocleft {float: left; width: 350px;}
/* pic box */
#photos				{width: 350px; overflow: hidden;}
#pic_box		 	{width: 320px; height: 240px; margin-bottom: 3px; padding: 3px; border: 1px solid #666; display: block; background: #ccc;}
#thumb_box			{width: 350px; height:200px; overflow: auto;}
#brochure_thumb		{float: left; width: 160px; height: 120px; padding: 1px; margin: 0 1px 3px 0; border: 1px solid #666; display: block; background: #ccc; }
.caption {font-size: 10px;}
.enlarge {text-align: right; margin-bottom: 10px; font-size: 10px; width: 320px;}
#contactsellerform {background: #b2b2b2;}
/* infobox	*/
#infobox {clear: both; border: 1px solid #828282; background: url(../images/bg/tile.jpg); padding: 10px; margin: 0 5px 5px 5px;}
#infobox a {color: #fff; border-bottom: 1px dotted #fff; text-decoration: none;}
#infobox	h3 {padding: 0; margin: 2px 0;}
.infolinks_con_2 {float:right;  height: 10px;}
/* info */ 
#Info						{float: right; width: 455px;}
/* details table */
.details				{width: 100%; margin-bottom: 10px;}
.details td			{padding: 2px;}
.detdark td {background: #b2b2b2;}
.largedetails {width: 100%; margin-bottom: 10px; font-size: 12px; font-weight: bold;}
.largedetails td			{padding: 5px 2px;}
.title					{width: 33%; font-weight: bold; }
#brochlinks a {color: #990000;font-weight: bold; text-decoration: none;}
#brodescrip {padding: 5px; width: 320px;}


/*sign up*/
#signuphead {padding: 5px; margin: 0 5px;}
#register {margin: 0 5px; padding: 20px; background: #c2c2c2; color: #222;}
.darkstrip {background: #444; padding: 5px;}
.signupform {background: #ccc; width: 500px; }
.signupforminner {border: 1px solid #666; padding: 5px;}
.signupform a {color: #2f558f;}
.signupform h3 {margin-top: 0;}
.signupform table {width: 100%;}
.signupform table td {padding: 3px;}
.registerbtn {
	display: block;
  width: 85px;
  height: 27px;
  margin: 0;
  border: 0;
  background: transparent url(../images/btns/register.png) no-repeat;
  text-indent: -1000em;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}


/*login*/
#login {float: right; width: 303px; background: #ccc;}
#logininner {padding: 5px; width: 289px; border: 1px solid #666;}
#login a {color: #2f558f;}
.loginbtn {
	display: block;
  width: 85px;
  height: 27px;
  margin: 0;
  border: 0;
  background: transparent url(../images/btns/login.png) no-repeat;
  text-indent: -1000em;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}


/* prev-next links */
.prevnext			{font-weight: bold; padding: 10px; text-align: right;}
.prevnext a			{padding: 2px 5px;}	
.prevnext a:link, .prevnext a:visited {text-decoration: none; color: #990000; }
.prevnext a:hover 	{text-decoration: none; color: #fff; background: #990000;}
.prevnext a:active 	{text-decoration: none; color: #990000;}
.thispage	{padding: 2px 5px;}	
.nolink {padding: 2px 5px;}

/*contactpage*/
#contacttable {width: 70%;}
#contacttable td {padding: 5px 0; vertical-align: top;}
.righttd {text-align: right; width: 100px;}

/*genericpage*/


/**************** menus ****************/
#menu {height: 35px; width: 890px; position: absolute; bottom: 0; left: 0; background: url(../images/menu/bg2.jpg) bottom center no-repeat;}
#menu ul {list-style-type:none; font-weight: bold; line-height: 13px;}
.genmenu {display:inline; float:left; width: 108px; padding: 10px 20px; text-align: center;}
.longmenu {display:inline; float:left; width: 256px; padding: 10px 20px; text-align: center;}
#menu ul li a:link {color: #444; text-decoration: none;}
#menu ul li a:visited {color: #444; text-decoration: none;}
#menu ul li a:hover {color: #23529b; text-decoration: none;}

#footmenu {height: 35px; width: 890px; background: url(../images/menu/bg.jpg) bottom center no-repeat;}
#footmenu ul {list-style-type:none; font-weight: bold; line-height: 13px;}
#footmenu ul li {display:inline; float:left; width: 108px; padding: 10px 20px; text-align: center;}
#footmenu ul li a:link {color: #444; text-decoration: none;}
#footmenu ul li a:visited {color: #444; text-decoration: none;}
#footmenu ul li a:hover {color: #23529b; text-decoration: none;}

.doubleline {padding-top: 5px;}

/**************** general text ****************/
p {margin: 15px 0;}

/**************** headings ****************/
h1, h2, h3	{margin: 15px 0; font-family: trebuchet ms, arial, sans-serif; font-size: 15px; color: #fff; font-weight: bold;}
h3 {font-size: 13px;}

.leadtitle {margin: 5px 0;}

.leadtitlenowrap {margin: 5px;}

#generalpage h1, #generalpage h2, #generalpage h3 {color: #222;} 

/**************** links ****************/
#foottxt a {color: #fff; text-decoration: underline;}

#tellafriend a {display: block; float: right; height: 27px; width: 85px; margin: 60px 10px 0 10px;}
#whataresimi a {display: block; float: right; height: 27px; width: 85px; margin: 60px 10px 0 10px;}

#generalpage a {color: #2f558f;}

/* no parent element links */
.links					{color: #fff;}

/**************** hovered ****************/
#search.hovered {background: url(../images/bg/search.jpg) center center no-repeat #4c4c4c;}
#sellyourcar.hovered {background: url(../images/bg/sellyourcar.jpg) center center no-repeat #4c4c4c;}
#locatedealer.hovered {background: url(../images/bg/locatedealer.jpg) center center no-repeat #4c4c4c;}
#tellafriend.hovered {background: url(../images/bg/tellafriend.jpg) center center no-repeat #4c4c4c;}
#whataresimi.hovered {background: url(../images/bg/whataresimi_new.jpg) center center no-repeat #4c4c4c;}
#result.hovered {border: 3px solid #ddd;}
#brochure_thumb.hovered	{background: #666;}
#pic_box.hovered	{background: #666;}


/**************** lists ****************/
.generalul {margin: 15px 30px;}

.specialofflist {width: 320px; margin: 30px auto; text-align: left; font-weight: bold;}
.specialofflist li {margin: 10px 0;}

/**************** forms ****************/
#search form {width: 170px; margin: 0 auto; padding-top: 90px;}
#search form input, #search label {vertical-align: middle; height: 25px; padding: 2px;}
#search select {margin: 8px; width: 140px; font-family: trebuchet ms, arial, sans-serif; font-size: 11px; line-height: 15px; color: #050505; padding: 1px;}
#search .advanceedlink {text-align: center;}
#search .advanceedlink a {color: #fff;}

#tellafriend input {float: left; vertical-align: middle; width: 140px; margin: 60px 0 0 10px; font-family: trebuchet ms, arial, sans-serif; font-size: 11px; line-height: 15px; color: #050505; padding: 1px;}

.form1 				{clear: both; border: 1px solid #828282; margin-bottom: 12px;}
.form1 legend	{font-family: trebuchet ms, arial, sans-serif; font-size: 11px; line-height: 15px; color: #fff; font-weight: bold; margin-bottom: 15px;}
.form1 label 	{display: block; width: 140px;	float: left;	margin-bottom: 15px;  font-family: trebuchet ms, arial, sans-serif; font-size: 11px; line-height: 15px; } 
.form1 textarea, .form1 select {display: block; width: 140px;	float: left;	margin-bottom: 15px; font-family: trebuchet ms, arial, sans-serif; font-size: 11px; line-height: 15px; color: #050505;}
.form1 select	{width: 158px;}
.form1 textarea	{width: 152px;}
.form1 label 	{text-align: right; padding-right: 18px;}
.form1 br, hr	{clear: both;}
.form1 hr			{border: 0; width: 90%; color: #e9e9e9; background-color: #e9e9e9; height: 1px; padding: 0; margin-bottom: 10px;}
.dff label 		{float: left; display: inline; text-align: left;}	
#defaultForm__vehicle__nct_month, #defaultForm__vehicle__nct_year	{width: 66px;}
.submitbutton	{width: 85px; margin: 0 auto;}
.checkBox 		{width: 20px;}
#formtabs			{height: 46px;}
.login_box      {width:400px; height:250px; margin-left:auto; margin-right:auto;}
.fg_password    {margin-left:160px;}

/**************** tables ****************/


/**************** various ****************/
.pipe						{color: #dcdcdc;}
.hrdotted				{border: none 0; border-top: 1px dashed #c7c0af; width: 100%; height: 1px;}
.padd						{padding: 0 4px;}

/* featurestable */
#featuresdiv		{clear: both;}
#featurestable {border: 1px solid #dcdcdc; margin: 10px 0;}
#featurestable tr {vertical-align: top;}
#featurestable td {background-color: #f6f6f6; width: 120px;}
#featurestable img	{float:left; margin: 5px; vertical-align: middle;}
.featurestableH			{font-weight: bold; padding-top: 5px;}
#featurestable p {clear: both;}
.whiteunderline {height: 35px; margin-bottom: 5px; border-bottom: 2px solid white;}

/* no-image results table */
#selected_cars {clear: both; margin: 20px 10px; text-align: right; font-weight: bold;}
#selected_cars img {vertical-align: middle;}
#selected_cars a {color: #fff; text-decoration: none; padding: 5px; border: 1px solid #828282; background: #333;}
.noimgresults				{clear: both; width: 100%; background-color: #222; border-top: 1px solid #828282; margin-bottom: 10px; font-weight: bold;}
.noimgresults tr		{border-bottom: 1px solid #666;}
.noimgresults	thead th	{background-color: #333; border-right: 1px solid #000; font-weight: bold; padding: 5px 2px;}
.noimgresults tbody td		{border: 1px solid #000; border-bottom: 1px solid #000; padding: 5px 2px; text-align: center;}
.noimgresults .carmodel		{text-align: left;}
.carmodel:hover 				{background-color: #333;}
.noimgresults a:link		{color: #fff; text-decoration: none; display:block;}
.noimgresults a:visited		{color: #fff; text-decoration: none; display:block;}
.noimgresults a:hover 		{color: #fff; text-decoration: none; display:block;}
.tddark						{ border-bottom: 1px solid #000; }


/* color box */
.colorbox				{margin: 0 auto; width:10px;height:10px; border: 1px solid black;font-size :6px;margin-top:4px;}

/* signup form */
.signup 		{clear: both; padding: 0px; margin-bottom: 12px; width: 450px; margin-right:auto;margin-left:auto;}
.signup label, .signup select {display: block; width: 140px;	float: left;	margin-bottom: 15px; font: 10px/150%  Verdana, Arial, sans-serif; color: #3c3c3c;}
.signup select	{width: 158px;}
.signup br, hr	{clear: both;}
.signup label 	{text-align: right; padding-right: 18px;}

/* terms page */
.numberlist		{margin: 10px 5px 10px 25px;}
.letteredlist	{list-style-type: lower-alpha; margin: 10px 5px 10px 35px; }

/* dealer admin area */
.admin_buttons	{width: 100%; text-align: right;}
.admin_buttons img, .addcar	img {vertical-align: middle;}
.addcar					{padding: 10px 0 0 2px;}
.dealeradmin		{clear:both; background-color: #222; border: 1px solid #828282; margin-bottom: 10px;}
.dealeradmin_head	{font-weight: bold; color: #fff; background-color: #333; padding: 3px 10px;}
#dealeradmin_filter {padding: 3px 10px;}
.dealeradmin_head2	{margin-bottom: 5px; border-bottom: 1px solid #dcdcdc; font: 13px Verdana, Arial, sans-serif; font-weight: bold; color: #3c3c3c; background-color: #f1f1f1; padding: 3px;}
.dealeradmin_car	{padding: 2px; margin-bottom: 5px; border-top: 1px solid #dcdcdc;}
.dealeradmin_img	{float:left; width: 160px;}
.dealeradmin_details {float:left; margin-left: 10px; width: 560px; height: 96px;}
.dealeradmin_details_head	{font: 12px Verdana, Arial, sans-serif; font-weight: bold; color: #0060a7; }

/* dealer admin upload car */
.upform {border: 1px solid #666; padding: 5px; margin: 10px 5px;}
.upform h3 {}
.upform table {width: 70%;}
.upform table td {padding: 3px; width: 50%; vertical-align: top;}
.ddark {}
#addfeattab {width: 100%; margin: 10px 0;}
#addfeattab td {}

/* other */
#state {height: 20px;}
#clear {clear: both;}
#centered {text-align: center;}

/* suggestion boxes */
.variant_link {background-color: #FFFFFF; padding: 2px 6px 2px 6px;}
.variant_link_over {background-color: #3366CC; padding: 2px 6px 2px 6px; color: #FFFFFF}
#variant_suggest {visibility: hidden; border: 1px solid black; padding: 0pt; z-index: 2; position: absolute; background-color: white; left: 400px; top: 598px; width: 146px; font-size: 13px; font-family: arial,sans-serif;}		

/* dealers */
#dealerlist {float: left; margin: 8px; list-style-type: none; width: 270px;}
#dealerlist li	{float: left; width: 120px; padding: 5px; margin: 2px 0; background-color: #f6f6f6; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
#dealerlist a 	{color: #0060a7;}
#mapflash				{height: 330px;}
#dealerbymake		{margin: 20px 0; padding: 5px 0; background: #eee;}
.showdark				{background-color: #f6f6f6; border-bottom: 1px solid #ddd; }
.showlight			{border-bottom: 1px solid #ddd;}

/* button */
.buttonClass	{ color:#004da3; font-family:trebuchet ms,helvetica,sans-serif;   font-weight:bold; font-size: 120%; }
#packagetable	{width: 100%; }
#packagetable td {padding: 5px; text-align: center; vertical-align: top; border-right: 1px solid #ccc;}
.pacdarktd {background: #ddd;}
#packagetable label {width: 60px;}
.bluetxt {color: #004da3;}
#subscriptions {float:right; margin-left: 35px; width: 276px;}


#coming {margin: 5px; padding: 20px; background: #c2c2c2; color: #222; text-align: center;}
#coming h2 {font-weight: bold; text-align: center; font-size: 16px; color: #990000;}
#coming a {color: #222;}

.noformat a {color: #ffffff; }

#dealerspecialoffer {height: 610px; background: url(../images/dealerspecialoffer.jpg) top center no-repeat; color: #fff; font-weight: bold;}

.search_again {text-decoration: none; font-size: 80%; color: #444444; }