/* 
20/12/07
Edited by Josh Wood

CSS using all the following AutoSelect colours 

RED				= #CD3B3C
GREY			= #666666
LIGHT GREY		= #999999

DEFAULT FONT	= Verdana

*/

@charset "utf-8";

a:link { color: #333333; } 
a:active { color : #333333; } 
a:visited { color : #333333; } 
a:hover { color : #CD3B3C; } 

body { color:#333333; } 

h3 {
	color: #CD3B3C;
}
h2 {
	color: #333333;
	font-size: 1.4em;
}
h1 {
	font-family: Verdana;
	font-size: 1.4em;
}
h4 {
	font-family: Verdana;
	font-size: 1.1em;
	color: #333;
}
h5 {
	font-family: Verdana;
	font-size: 1em;
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
	font-size: 0.9em;
	font-family: Verdana;
}
img{
border:0;
}
#shadow {
	background-image: url(/images/shadow.png);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}

.twoColLiqLtHdr #container {
	width: 820px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ /* MKT: Note, this has been changed to 820px now */
	background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
/*	border: 1px solid #999999;
	border-top: none;
*/	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: 2px solid #CCC;
	border-top: none;

} 

.twoColLiqLtHdr #header { 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
} 

.twoColLiqLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color: #CD3B3C;
}

.twoColLiqLtHdr #sidebar1 {
	position: relative;
	float: left; /* since this element is floated, a width must be given */
	width: 185px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding-top: 10px;
	padding-left: 10px;
	font-size: 0.9em;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 25px;
	height: 500px;
	background-image: url(../images/place_tender_bg.jpg);
}

.twoColLiqLtHdr #sidebar1 h1 {
	font-size: 1.2em;
	color: #CD3B3C;
	text-align: left;
	line-height: 40px;
	text-indent: 55px;
	background-image: url(/images/select_car_small.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

.twoColLiqLtHdr #sidebar1 h2 {
	font-size: 1.2em;
	color: #CD3B3C;
}

.twoColLiqLtHdr #sidebar1 h3, .twoColLiqLtHdr #sidebar1 p {
	margin-left: 8px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

.twoColLiqLtHdr #sidebar1 h3 {
	font-size: 1.2em;
	color: #CD3B3C;
}

.twoColLiqLtHdr #sidebar1 h4 {
    font-size: 1.2em;
    color: #CD3B3C;
}

#sidebar1 h5 {
    font-size: 1.2em;
    color: #CD3B3C;
    text-indent: 30px;
    background-image: url(/images/user.gif);
    background-repeat: no-repeat;
    background-position: 1px 6px;
    line-height: 22px;
}


.twoColLiqLtHdr #mainContent {
	/* made an adjustrment to the right padding due to text being upto the edge of the div. */
	position: relative;
	float: right;
	width: 590px;
	padding-left: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	margin-top: 0px;
	padding-top: 5px;
}

#mainContent ul {
	list-style-image: url(/images/tick.gif);
	list-style-position: outside;
	list-style-type: none;
}

.twoColLiqLtHdr #mainContent h1 {
	color: #CD3B3C;
	font-size: 1.4em;
}
.twoColLiqLtHdr #mainContent h2 {
	color: #CD3B3C;
	font-size: 1em;
}

.twoColLiqLtHdr #mainContent h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #CD3B3C;
	font-size: 1.4em;
}
.twoColLiqLtHdr #full_content h2 {
	color: #CD3B3C;
	font-size: 1.4em;
}

.twoColLiqLtHdr #full_content h3 {
	color: #CD3B3C;
	font-size: 1.2em;
}

.twoColLiqLtHdr #footer {
	font-size: 0.6em;
	padding-bottom: 10px;
	border: 0px none #FFFFFF;
	margin-top: 15px;/*	padding-top: 10px;*/
} 

.twoColLiqLtHdr #footer p {
	text-align: center;
	font-size: 10px;
	border: 0px none #FFFFFF;
}
#footer_info {
	height: 100px;
	width: 400px;
	padding-left: 50px;
	float: left;
}
#footer_info_right {
	float: left;
	height: 110px;
	width: 350px;
	text-align: center;
	clear: right;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	width: 100%;

}
div#topmenu {
	text-align: right;
	height: 20px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	float: right;
	clear: left;
	width: 250px;
	
}


div#logo {
	background-color: #FFFFFF;
	float:left;
	width: 280px;
	margin-bottom: 5px;
	height: auto;
	margin-left: 20px;
	margin-top: 10px;
}

div#login {
	float: left;
	height: 70px;
	width: 320px;
	clear: right;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 140px;
}

div#menu

{
	width: 820px;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
	position: relative;
	top: 0px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #CD3B3C;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}



div#menu ul {
	margin-left: 40px; /*margin between first menu item and left browser edge*/
	list-style: none;
	width: 760px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;

}



div#menu li {
	display: inline;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
/*	text-transform:uppercase;*/
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;

}



div#menu a {
	float: left;
	display: block;
	color: white;
	text-decoration: none;
	background-color: #666666;
	border-top: 1px solid white;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(/images/color_tabs_left.gif);
	background-repeat: no-repeat;
}



div#menu a:hover {

/*	background-color: #567176;  */

	background-color: #999999;  

	color: white;

}



div#menu #current a{ /*currently selected tab*/
	background-color: #CD3B3C;
	color: white;
}




#login label {
	width: 90px;
	float: left;
	clear: left;
	padding-top: 3px;
}

#login span {
	padding: 1px;
	margin-top: 2px;
	font-size: 14px;
}



#sidebar1 ul li {
	list-style-type: none;
	list-style-position: outside;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 5px;
	margin: 0px;
}

#sidebar1 ul {
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

#sidebar1 ol {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: normal;

}

#sidebar1 ol li{
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 1.1em;
	color: #666666;

}

.current_step

{
	font-weight: bolder;
	color: #333333;
	text-decoration: underline;
}

#current_step a

{
	font-weight: bolder;
	color: #333333;
}

#full_content {
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 25px;
	padding-top: 10px;
}



#dealer_list_left{

	position: relative;

	left: -20px;

	float: left;

	width: 340px;

	margin-top: 10px;

}

#dealer_list_right{

	width: 340px;

	float: left;

	margin-top: 10px;

}



#dealer_list_logo{

	float: left;

	width: 175px;

	text-align: center;

}



#dealer_list_details{

	float: left;

	width: 165px;

}



#standard_features {
	margin-top: 20px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;

}



#standard_features_content{
	border: 1px solid #CCCCCC;
	width: 537px;
	text-align: left;
	text-indent: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}



.error

{
	color: #333;
	list-style-type: none;
}



div.error

{
	border: 1px dashed #CD3B3C;
	padding: 15px 20px 8px 30px;
	margin-left: 5px;
	color: #333;
	list-style-type: none;
}

.error li {
	list-style-type: none;
	background-image: url(/images/error.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
}

div.message

{
	padding: 5px;
	margin-left: 5px;
	margin-right: 10px;
	color: #333;
}

.showroom_box {
	min-height: 140px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;

}



.showroom_image {

	float:left; 

	padding: 3px; 

	width:200px;



	

}



.showroom_text {
	float: left;
	padding-left: 10px;
	padding-right: 3px;
	width: 495px;
	padding-top: 10px;
}



.showroom_text h3,

.showroom_text h3 a {

	padding: 0px;

	margin:  0px;

	text-decoration: none;

}



.showroom_text p {

  margin-top: 4px

}  



.sitemap {
	color:   #333333;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	list-style-image: url(/images/sitemap.gif);
	list-style-type: none;
	padding-left: 25px;
}



.sitemap a {
	text-decoration: none;
	list-style-image: url(/images/sitemap_a.gif);
	list-style-type: none;

}



.small  { 

	font-size: 60%; 

	color: #AAAAAA;

 }



 .box_table td {


 }



.pagination_bar

{

	font-size: 13px;

	width: 570px;

}



.paginate_nr_records

{

	text-align: center;

}



.paginate_links

{

	text-align: center;

}



.paginate_left

{

	float: left;

}



.paginate_middle

{

}



.paginate_right

{

	float: right;

	margin-left: 20px;

}

#full_content .message li {
	list-style-type: none;
	background-image: url(/images/comment.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
}

#start_tender input {
	margin-top: 10px;
	margin-left: 90px;
	margin-bottom: 5px;
}

#model_select {
	padding-top: 10px;
	padding-bottom: 10px;
}
#start_tender h3 {
	background-repeat: no-repeat;
	line-height: 60px;
	text-indent: 10px;
	
}

#vehicle_showroom {
	padding-left: 10px;
}

#vehicle_showroom div {
	padding-right: 20px;
}
/* FAQ */
#main {
	width: 700px;
	background-color: #FFFFFF;
}
#main .faq {
	height: 25px;
	text-indent: 20px;
	background-image: url(/images/comment.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding: 3px;
}
#main .answer {
	margin-left: 40px;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-color: #E2E2E2;
	border: 1px dashed #CCCCCC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 14px;
	font-family: Verdana;
	line-height: 20px;
}
#main .answer a {
	font-size: 14px;
	font-family: Verdana;
}

#main li {
	list-style-type: none;
	list-style-image: url(/images/tick.gif);
}
#main .faq a {
	font-size: 14px;
}