/* BODY */

body 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color:#000000;
	margin:0px;
	background-image: url(../graphics/top/bg.jpg); 
	background-repeat: repeat-x;
}

/* top */
.topactive { background-image: url(../graphics/top/activebg.jpg); 
 padding-left:8px; padding-right:2px; padding-top:4px; text-align:left; height:19px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color:#ccc; font-size:14px; font-weight:bold;
 
 }

 
.topactive a{ color: #fff; text-decoration:none; }
.topactive a:hover { color:#ccc; text-decoration:none;}

.topother { background-image: url(../graphics/top/otherbg.jpg); 
 padding-left:8px; padding-right:2px; padding-top:4px; text-align:left; height:19px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color:#777; font-size:14px; font-weight:bold;
 
}
.topother a{ color: #777; text-decoration:none; }
.topother a:hover { color:#333; text-decoration:none;}
.loggedintop { font-size:9px; color:777777; line-height:10px; }

/* leftnavarea */
#left01 { background-image: url(../graphics/nav/bg.jpg); text-indent:10px; line-height:24px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color:#000000; font-size:13px; font-weight:bold; }
#left01 h1 { line-height:24px; font-size:13px; font-weight:bold; margin:0; padding:0; }
.left01links {background: transparent; display: block; border-bottom: 1px solid #fff0b5;}

a.left01links {background: #transparent; display: block; color:#000000;}

a.left01links:hover {background: #DA970F; display: block;}


#leftnav { background-image: url(../graphics/nav/bg.jpg); text-indent:10px; line-height:18px; }
#leftnav h1 { line-height:18px; font-size:12px; font-weight:normal; margin:0; padding:0; }

.lefthead { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color:#000000; font-size:14px; font-weight:bold; margin-bottom:3px; }

.leftform { background-image: url(../graphics/nav/bg.jpg); padding-left:10px; }

.leftlinks { display: block;}

a.leftlinks { display: block; color:#000000;}

a.leftlinks:hover {background: #DA970F; display: block;}

.loggedin {font-size:11px; line-height:11px; height:18px; padding-left:31px; padding-top:8px; background-image: url(../graphics/nav/loggedinbg.jpg); 
background-repeat: no-repeat; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 color:#fff;}
 .loggedin a { color:#FFFFFF; }
  .loggedin a:hover { text-decoration:underline; color:#CCCCCC; }
  
 .loggedout {font-size:14px; font-weight:bold; height:23px; padding-left:10px; padding-top:3px; background-image: url(../graphics/nav/loggedoutbg.jpg); background-repeat: no-repeat; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 color:#fff;} 
 .loggedout a { color:#FFFFFF; }
  .loggedout a:hover { text-decoration:underline; color:#CCCCCC; }

/* contentarea */


.mainarea {
	padding-left:15px;
	padding-right:15px;
	padding-top:0px;
	
}


.latest  { border: 1px #ccc solid; padding:9px; color: #000; font-size:12px; line-height:12px; }


.price { font-weight:bold; color:#000; background-color:#ffcc00; padding:2px; }


.feature { background-color:#faeec0; padding:15px; font-size:11px; color:#333333; line-height:12px; }


.pagetitle, h1.pagetitle { font-size: 18px; color: #000; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; margin-bottom:10px; margin-top: 10px;
padding-bottom:5px; border-bottom: 1px #ffcc00 solid; font-weight:normal; }
h3 { font-size: 16px; color: #000; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; margin-bottom:10px; margin-top: 10px;
padding-bottom:5px; border-bottom: 1px #ffcc00 solid; }
h4 { font-size: 16px; color: #000; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; margin-bottom:10px; margin-top: 10px;
padding-bottom:5px; border-bottom: 1px #ffcc00 solid; }

.pagetitle a{ font-size: 18px; color: #000; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; margin-bottom:10px; margin-top:10px;
}


.subtitle { font-size: 16px; color: #fc0; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; margin-bottom:4px; margin-top:4px;
  }
 .subtitlenew { font-size: 16px; color: #000000; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; margin-bottom:4px; margin-top:4px;
  }

.head01 {font-size: 16px; color: #000; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
h1.head01 {font-size: 16px; line-height:20px; color: #000; margin:0; padding:0 0 0 25px; background:url(/graphics/general/icon_latest.gif) left 50% no-repeat; text-transform:uppercase;}

.highlight { font-size:11px; background-color:#faeec0; padding:2px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; }
.highlight a {  color:#c30; }
.highlight a:hover {  color:#000; background-color:#fc0; }

.highlightbig { font-size:13px; width:80%; background-color:#ededed; padding-top:10px; padding-bottom:10px; padding-left:5px; padding-right:5px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; line-height:17px; }
.highlightbig a {  color:#c30; }
.highlightbig a:hover {  color:#000; }

.red {
	color: #ff0000;
}

.help01 {background-image:url(../graphics/general/help01.gif); padding-top:6px; padding-right:4px; padding-bottom:4px; padding-left:4px; color:#666666; font-size:11px; line-height:13px; margin:0px;}
.help01 strong {color:#000000; padding-left:18px;}

.registerarea  { border: 1px #fc0 solid; padding:5px; }

.calculatorarea { border: 1px #ccc solid; background-color:#ededed; padding:10px; color:#555; width:248px;  }
.calculatorprice {  background-color:#fc0; margin-left:5px; font-size:16px; color:#000; padding:4px; font-weight:bold; }
.mentionus { font-family: Arial, Helvetica, sans-serif; font-weight:bold;color:#333333; font-size:12px; }
.mentionus img { padding:3px; }



/* searcharea */
.searcharea1  { border-bottom: 1px #bbb solid; border-left:  1px #bbb solid;  border-right:  1px #bbb solid; padding-left:15px; padding-bottom:5px; background-color:#E5E5E5; color:#000000; }
/*.searchareanew  { border-top: 1px #bbb solid; border-left:  1px #bbb solid;  border-right:  1px #bbb solid; background-image: url(../graphics/general/searchbg.jpg); padding-left:10px; padding-right:10px; padding-top:10px; color:#000000;  }*/

.searchareanew_index {
      background: url(../graphics/general/search_bg.gif) no-repeat top right; padding-top:10px; color:#000000;
}

.searchareanew  { background: url(../graphics/general/search_bike_bg.gif) repeat-x; padding-top:10px; color:#000000;}
.left_of_form {
        background: url(../graphics/general/search_bg_tl.gif) no-repeat; width: 12px;
}
.in_between_form {
        background: url(../graphics/general/search_inbetween_top.gif) no-repeat; width:40px;
}

.right_of_form {
        background: url(../graphics/general/search_bg_tr.gif) no-repeat; width: 12px;
}

.bottom_of_form {
        background: url(../graphics/general/search_bg_bottom.gif) repeat-x;
}

.searchareanew_index_bike  { border: 0; background: url(../graphics/general/search_bike_bg.gif) repeat-x; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; color:#000000;  }

/*.searcharea  { border-bottom: 1px #bbb solid; border-top: 1px #bbb solid; border-left:  1px #bbb solid;  border-right:  1px #bbb solid; background-image: url(../graphics/general/searchbg.jpg); padding-left:10px; padding-right:10px; padding-top:2px; /padding-bottom:2px;  color:#000000; }*/
.advsearcharea {  border: 0; font-size:10px; height:21px; background: url(../graphics/general/search_bg_bottom.gif) repeat-x; padding-top:14px;  }
.advsearcharea_2 {  border: 0; font-size:10px; height:21px; padding-top:7px;  }
.advsearcharea a, .advsearcharea_2 a { color: #000; text-decoration:none; }
.advsearcharea hover { color: #000; text-decoration:none; }
.searchhighlight1 { background-color:#bbb; padding:2px; border:1px solid #bbb}

.searchhighlight { background-color:#bbb; font-size:11px; color:#000000; padding:2px; border:1px solid #bbb}

.searchhighlightnew { background-image: url(../graphics/general/linkbg.jpg); font-size:11px; color:#000000; padding:2px; border:1px solid #bbb}
.searchhighlight a { color:#000000; } .searchhighlight a:hover { color:#555; }
.resultstab01 { background-image:url(../graphics/general/viewtab01.gif); padding-left:15px; padding-top:2px; padding-bottom:2px; width:110px; height:18px; }
.resultstab01 a { color:#000000; } .resultstab01 a:hover { }
.resultstab02 { background-image:url(../graphics/general/viewtab02.gif); padding-left:15px; padding-top:2px; padding-bottom:2px; width:110px; height:18px; }
.resultstab02 a { color:#000000; } .resultstab02 a:hover { }
.resultsnav02 { color:#333; }
.grid td { border-left: 1px solid #ccc; }

.listingarea { padding:10px; }
.listingoutline { border:1px solid #bbb; font-size:13px; line-height:11px; }

.linkpanel {background-color:#FFCC00; padding:3px; color:#FAEEC0; font-size:11px; }
.linkpanel a { color:#000;  } .linkpanel a:hover { color:#000; text-decoration:underline; }
.detailpanel { color:#000000; padding: 0px;}
.detailpanel tr.odd { background-color:#eee; }
.detailpanel td.spacer { background-color:#fff; width:100px;}
.detailpanel td.label { width:100px; text-align: left;}
.detailpanel a { color:#555; } .detailpanel a:hover { color:#000; }
div.detailpanel div.detailscol { float:left; }
div.detailpanel div.detailscol div.label { font-weight: bold; display: block; width: 50px;}
div.detailpanel div.detailscol div.value { float: left; }

/* DEALER */

.premiumpanel { background-color:#fff; font-size:13px; line-height:17px; color:#000; padding:5px; border:2px #fc0 solid; }
.premiumpanel a { color:#c30; } .premiumpanel a:hover { color:#000; }

.grey { color:#888;}

/* ENTERDETAILS */
.enterdetailsarea { padding:10px; border:1px solid #ffcc00;  }


/* END */
 #end { 
  color:#999; text-align:left; font-size:10px; font-family: Arial, Helvetica, sans-serif; text-align:center; line-height:11px;
}
#end a{ color: #999; text-decoration:none; }
#end a:hover { color:#960; text-decoration:none;}

.endsmall { font-size:9px; color:bbb; line-height:10px; }
 

/* LINES */


.line01 { border-bottom:1px #cccccc solid; margin-bottom:5px; margin-top:5px;}
.line02 { border-bottom:1px #fff solid;}

/* dynamic */


.textfield {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:12px;
	color:#999; margin:4px;
	}
	
.button {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:12px;
	color:#333; margin:4px;
	}
.menu { font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:12px;
	color:#000000; margin:4px 0;
	width:150px;
	}
.menu_bike { font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:12px;
	color:#000000; margin:4px;
	width:150px;
	float: left;
}
.menuwide { font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:12px;
	color:#000000; margin:4px 0;
	width:200px;
	}
.menumedium { font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:12px;
	color:#000000; margin:4px;
	width:100px;
	}
.menusmall { font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:12px;
	color:#000000; margin:4px;
	width:60px;
	}

a {
	text-decoration: none; color: #c30;
}
a:hover {
	text-decoration: underline; color: #000;
}

input.link
{
	color: #c30;
	padding: 0;
	margin: 0;
	background-color: #ddd;
	cursor: pointer;
	cursor: hand;
}
input.addToWishlist
{
	width: 200px;
}

.error
{
	color: red!important;
	padding: 5px;
}
.message
{
	color: blue!important;
}
.dealer_message
{
	color: blue!important;
	padding: 10px;
	margin: 5px;
	border: 1px blue dotted;
	width: 95%;
}
.dealer_error
{
	color: red!important;
	padding:10px;
	margin: 5px;
	border: 1px red dotted;
	width: 95%;
}

tr.odd
{
	background-color: #eee;
}

th
{
	text-align: left;
}
.text {
color:#000;
}

form.findused_form {
	margin: 0;
	padding: 0;
	display: inline;
}

/* ----------------------------------------- */
/* Added during whatvan/whatbike development */
/* ----------------------------------------- */

.enterdetailsarea h1 
{
	width: 100%;
	background-color: #ddd;
	font-size: 12px;
	font-weight: normal;
	padding-left: 2px;
	margin: 0 0 10px 0;
	clear: both;
}

.enterdetailsarea div
{
	padding: 2px;
}





.makelist li{
list-style-type:none;

	font-size: 10px;

	width: 140px;


}


.enterdetailsarea div.label
{
	width: 150px;
	height: 15px;
	font-weight: bold;
	float: left;
	clear: left;
}
.enterdetailsarea div.data
{
	width: 400px;
	float: left;
}


tr.odd
{
	background-color: #eee;
}

hr.clear
{
	clear: both;
	height: 1px;
	line-height: 1px;
	color: #ddd;
	border: none;
	border-top: 1px solid #ddd;
}

table.stats
{
    float:left;
    padding:10px 0 0 0;
    width:140px;
}
table.stats tr.caption { text-align: center; }
table.stats tr.caption th { border: none; }
table.stats tr { padding: 0; margin: 0}
table.stats td, table.stats th
{
    padding: 5px;
    margin: 0;
}
table.stats td,table.stats th {border-bottom: 1px black solid;}
table.stats td.rowTitle
{
    border-right: 1px black solid;
    border-bottom: 1px black solid;
}

/*Progress Bar*/

#demo-status
{
    margin-top:					15px;
	 margin-left:				0px;
	<!--padding:				10px 15px;-->
	width:					700px;
}

#demo-status .progress
{
	background:				white url(/progress/progress.gif) no-repeat;
	background-position:	+50% 0;
	margin-right:			0.5em;
}

#demo-status .progress-text
{
	font-size:				0.9em;
	font-weight:			bold;

}

#demo-list
{
	list-style:				none;
	padding: 0px;
	margin: 0px;
	width:300px;
	

}

#demo-list li.file
{
	height:40px;
	padding-top:2px;
}
#demo-list li.file.file-uploading
{
	
}
#demo-list li.file.file-success
{
	
}
#demo-list li.file.file-failed
{
	
}

#deletedromlist { padding:11px 630px 0px 0px; 	line-height:			40px;
	height:					40px;

	line-height:			40px;
	height:					40px;}
#demo-list li.file .file-size
{
	font-size:				0.9em;
	line-height:			18px;

}
#demo-list li.file .file-info
{
	display:				block;
	

	float:left;
	padding:0px;
	margin: 0px;
	clear
}
#demo-list li.file .file-remove
{
	clear:					both;
	line-height:			18px;
	
	margin: 0px;
	float:right;
}


#demo-list li.file .file-name
{
	display:				block;	

	float:left;
	padding:0px;
	margin: 0px;

}
div#progressbars {
    display:none;
    padding: 60px 20px 20px 20px;
    border: 1px black;
    float: center;
    width:513px;
	height: 228px;
    margin-left: 0px;
	background-image:url(/assets/uploadbox.gif); background-repeat:no-repeat;
	position:absolute;
	left: 400px;
	top: 1000px;
}


.demo-browse-all { height: 36px; }
.demo-browse-all img { border:none; }
.uploadfloat { float:left; }

form#contactForm { clear: both; display: block; }
form#contactForm div { clear: both; padding: 0.8em 0; }
form#contactForm label { display: block; width: 200px; float: left;  font-weight: bold;}
form#contactForm input,form.contactForm textarea { float: left;  width: 200px;  }
form#contactForm input.submit { width: auto; }


#carsheader h1 { 
    margin: 3px 0px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
	}


#dealersheader h1 { 
    margin: 3px 0px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
	}
	
	
.carmakes ul {
	float: left;
	clear: none;
	font-size: 11px;
	width: 15%;
	list-style: none;
	padding: 5px 0px 5px 8px;
	margin: 0px;
}

.tborder {

 border: 0px #ccc solid;
 
 }

#carmakeshead h2 { 
    margin: 8px 0px 0px 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	}

.carmakesbg {
        background: url(../graphics/general/carmake_bg.jpg) repeat-x;
}