html {
	height: 100%;
}
body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333;
	background-color:white;
	height: 100%;
	}

h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:28px;
	line-height:28px;
	font-weight:900;
	color:#ccc;
	}


p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}
	
label
{
display: block;
margin: 10px 0;
}

label text {
	display: block;
}

label input, label select, label textarea
{
display: inline;
 padding-left: 5px;
 padding-right: 5px;
}

.no-table {
float: left;
 border: thin groove;
 border-bottom: none;
 border-top: none;
 padding: 5px 5px 5px 5px;
 margin: 5px 5px 5px 5px;

}
	#extraDiv1 {
	position: absolute;
	top: 5px;
	left: 5px;
	width:297px;
	height:53px;
	background: transparent url(style/logo3.gif) no-repeat;
	}
	
a {
	color:#2655a5;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
	
a:link {color:#2655a5;}
a:visited {color:#2655a5;}
a:hover {background-color:#eee;}
#spacer{
display: block;
height: 90%;
float: left;
width: 1px; 
font-size: 1px; /* to make sure width is not overridden */
padding: 0;
margin: 0;
}

#Header {
	margin:1px 0px 10px 0px;
	padding:55px 0px 0px 10px;
	border-style:solid;
	border-color:black;
	border-width:1px 0px;
	line-height:11px;
	background: #EEEEEE url(style/title.gif) no-repeat right;
	height:33px;
	}
#Header-nav {
	text-align: center;
	}
	
#Header ul {
margin: 0; 
padding: 10px;
list-style-type: none;
} 

#Header a {
display: inline;
width:120px;
padding: 5px 10px 10px 10px;
border: 1px solid #000000;
background: #dcdcdc;
text-decoration: none;
} 

 #Header li {
	list-style-type: none;
	display: inline;
	text-align: center;
	padding-left: 1px;
	padding-right: 1px;
	margin: 0px;	
	} 
	
	#Header a:link, #Header a:active, #Header a:visited {
color: #000000;
}

#Header a:hover {
border: 1px solid #000000;
background: #333333;
color: #ffffff;
} 
#Menu ul{
	text-align: left;
	color:#2655a5;
	font-size:10px;
	text-decoration:none;
	font-weight: 600;
	font-family:verdana, arial, helvetica, sans-serif;
	margin-left: -2px;
	list-style: none;
}
#Menu {
	float: left;
	width:150px;
	padding: 10px;
	margin: 0px 10px 10px 5px;
	background-color:#eee;
	border:1px solid #999;
	line-height:17px;
	width:150px;
	position: static;
	}

#Content {
	margin:0px 50px 50px 200px;
	padding:10px;
	max-width: 700px;
	}


#contentwrap{
display: block;
width: 99%; /* to suit but leave room for spacer */
text-align: center;
padding: 0;
margin: 0;
}
#Footer {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding:15px 0px 0px 0px;
	background: #eee url(style/power.jpg) no-repeat top right;
	font: lighter smaller height:14px;
	border-style:solid;
	border-color:black;
	border-width:1px 0px; 
	line-height:11px;
	height:14px;
	width: 100%;

	}
	
	
	//*------------Carinfo----------*//
	
	
input {
	float: right;
	display: block;
	margin-right: 1px;
}

.no-table {
float: left; 
margin: 0 .5em;
}
.dealerText {
	display: block;
	margin-bottom: 0px;
	max-width: 190px;
	}
 #carContainer {
	width: 700px;
}
 #carContainer label {
	display: inline;
}
 #carContainer p {
	font-size: larger;
	font-weight: bolder;
	font-family: Arial;
	text-align: center;
	line-height: 25px;
	height: 25px;
}
 #topContent {
	vertical-align: middle;
 }
 #details {
  	float: left;
  	width: 190px;
	font-family: Arial;
 	text-align: left;
	 	}
#details fieldset {
	margin-bottom: 8px;
}
#details label {
	float: left;
 	display: block;  
 	margin: 5px 0 10px 1px;
 	font-weight: normal;
}

#details li {
	list-style-type: none;
	margin-left: -30px;
	}
#details a {
clear: all;
	font-size: 10px;
}
 #pictureContainer {
  	margin: 24px 0px 0px 200px;
	border: thin groove;
	width: 455px;
	padding: 2px 2px 2px 2px;
}
 #picFull {
	width: auto;
	margin: 5px;
}
#picFull h5 {
display: none;
font-size: 0px;
}
 #picTnails {
	width: auto;
}
 #picT1 { 
 	display: inline; 
	width: 100px; 
 	border: thin ridge 1px;  
	padding: 3px 1px 3px 1px;
 }
  #picT2 {
   display: inline;
	width: 100px;
 	border: thin ridge 1px;  
	border-left: none;
	padding: 3px 1px 3px 1px; 
 }
  #picT3 {
 	display: inline;
	width: 100px;
 	border: thin ridge 1px;  
	border-left: none;
	padding: 3px 1px 3px 1px;
 }
  #picT4 {
 	display: inline;
	width: 100px;
 	border: thin ridge 1px; 
	border-left: none;
	padding: 3px 1px 3px 1px;
 }
 #options {
	height: 150px;
	width: 666px;
 	font-weight: normal;
 	font-family: Arial;
	margin-left: -20px;
 	}
#options label {
	display: block;
	border-bottom: 1px dashed #A9A9A9;
}
 #opt1 {
   margin: 0 20px 0 20px;
   padding: 5px 5px 5px 5px;
	text-align: left;
 }
 #opt2 {
   margin: 0 20px 0 20px;
   padding: 5px 5px 5px 5px;
	text-align: left;
 }
 #opt3 {
   margin: 0 20px 0 20px;
   padding: 5px 5px 5px 5px;
	text-align: left;
 }
 
/* ------------------------------ */
	
	#leftPanel{	/* Styling the help panel */
		
		background-color:#3c94c8;	/* Blue background color */
		color:#FFF;	/* White text color */
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Which font to use */
		
		/* You shouldn't change these 5 options unless you need to */		
		height:100%;		
		left:0px;
		z-index:10;
		position:absolute;
		display:none;
	}
	
	#leftPanel #leftPanelContent{
		padding:0px;
	}
	#leftPanel .closeLink{ /* Layout of close link */
		padding-left:2px;
		padding-right:2px;
		background-color:#FFF;
		position: static;
		top:2px;
		left:115px;
		border:1px solid #000;
		color:#000;
		font-size:0.8em;				
	}
	#leftPanel .closeLink:hover{	/* Close link text  - mouseover effect*/
		color:#FFF;
		background-color:#000;
	}
	
/* --------------------------------- */ 

.Topic{	/* Styling question */
	/* Start layout CSS */
	color:#FFF;
	font-size:0.9em;
	background-color:#4682B4;
	width:140px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:8px;
	background-repeat:no-repeat;
	background-position:top right;	
	height:20px;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}

.Topic:hover{
	color:Black;
}


.Tlist{	/* Parent box of slide down content */
	/* Start layout CSS */
	border: 1px outset White;
	width:140px;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.Tlist_content{	/* Content that is slided down */
	padding:1px;
	font-size:0.9em;	
	position:relative;
}
/* --------------- drag drop style --------------------------------*/

#dhtmlgoodies_dragDropContainer{	/* Main container for this script */
		float: left;
		width:650px;
		border:1px solid #317082;
		background-color:#FFF;
		-moz-user-select:none;

	}
	#dhtmlgoodies_dragDropContainer ul{	/* General rules for all <ul> */
		margin-top:0px;
		margin-left:0px;
		margin-bottom:0px;
		padding:2px;
	}
	
	#dhtmlgoodies_dragDropContainer li,#dragContent li,li#indicateDestination{	/* Movable items, i.e. <LI> */
		list-style-type:none;
		height:20px;
		background-color:#EEE;
		border:1px solid #000;
		padding:2px;
		margin-bottom:2px;
		cursor:pointer;
		font-size:0.9em;
	}

	li#indicateDestination{	/* Box indicating where content will be dropped - i.e. the one you use if you don't use arrow */
		border:1px solid #317082;	
		background-color:#FFF;
	}
		
	/* LEFT COLUMN CSS */
	div#dhtmlgoodies_listOfItems{	/* Left column "Available" */
		
		float:left;
		padding-left:10px;
		padding-right:10px;
		
		/* CSS HACK */
		width: 290px;	/* IE 5.x */
		width/* */:/**/270px;	/* Other browsers */
		width: /**/270px;
				
	}
	#dhtmlgoodies_listOfItems ul{	/* Left(Sources) column <ul> min-height:560px;	 */
	}
		
	div#dhtmlgoodies_listOfItems div{
		border:1px solid #999;		
	}
	div#dhtmlgoodies_listOfItems div ul{	/* Left column <ul> */
		margin-left:10px;	/* Space at the left of list - the arrow will be positioned there */
	}
	#dhtmlgoodies_listOfItems div p{	/* Heading above left column */
		margin:0px;	
		font-weight:bold;
		padding-left:12px;
		background-color:#317082;	
		color:#FFF;
		margin-bottom:5px;
	}
	/* END LEFT COLUMN CSS */
	
	#dhtmlgoodies_dragDropContainer .mouseover{	/* Mouse over effect DIV box in right column */
		background-color:#E2EBED;
		border:1px solid #317082;
	}
	
	/* Start main container CSS */
	
	div#dhtmlgoodies_mainContainer{	/* Right column DIV */
		width:270px;
		float:left;	
	}
	#dhtmlgoodies_mainContainer div{	/* Parent <div> of small boxes */
		float:left;
		margin-right:10px;
		margin-bottom:10px;
		margin-top:0px;
		border:1px solid #999;

		/* CSS HACK */
		width: 295px;	/* IE 5.x */
		width/* */:/**/275px;	/* Other browsers */
		width: /**/275px;
				
	}
	#dhtmlgoodies_mainContainer div ul{
		margin-left:10px;
	}
	
	#dhtmlgoodies_mainContainer div p{	/* Heading above small boxes */
		margin:0px;
		padding:0px;
		padding-left:12px;
		font-weight:bold;
		background-color:#317082;	
		color:#FFF;	
		margin-bottom:5px;
	}
	
	#dhtmlgoodies_mainContainer ul{	/* Small box in right column ,i.e <ul> */
		width:270px;
		height:80px;	
		border:0px;	
		margin-bottom:0px;
		overflow:hidden;
		
	}
	
	#dragContent{	/* Drag container */
		position:absolute;
		width:270px;
		height:20px;
		display:none;
		margin:0px;
		padding:0px;
		z-index:2000;
	}

	#dragDropIndicator{	/* DIV for the small arrow */
		position:absolute;
		width:7px;
		height:10px;
		display:none;
		z-index:1000;
		margin:0px;
		padding:0px;
	}