﻿/* CSS layout */
#masthead {
width: 95%;
background-color: #FF494E
}

#top_nav {
	background-color: #333399;
	width:95%;

}

#container {
	position: relative;
	width:95%;
}

#left_col {
	border-right: thin double;
	width: 180px;
	position: absolute;
	left: 0px;
	top: 0px;
	border-right-color: #000000;
	margin-right: 6px;
	padding-left: 6px;
}

#page_content {
	margin-left: 190px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	width: 95%;

	background-color: #E7E7E7;
}

#footer {
	background-color: #E7E7E7;
width: 95%;



}

#body{
	padding-bottom: 10px;
	margin-bottom: 10px;
	width: 90%;

}


.abutton
{
Color:#404040;
background-color:LightSteelBlue;
Font-Size: xx-small;
}



.menuitem {font-family:verdana;font-size:9px;border: solid 1px ; padding: 2px 6px 2px 6px; margin: 0px; background: #f1f1f1; white-space: nowrap; cursor:pointer;cursor:hand;}
.mouseover {font-family:verdana;font-size:9px;border: solid 1px ; padding: 2px 6px 2px 6px; margin: 0px; background: #ccc; white-space: nowrap; cursor:pointer;cursor:hand;}

.menustyle
{
	font-weight: normal;
	font-size: 9pt;
	cursor: default;
	color: #ffffff;
	font-family: Verdana;
	
}
.highlighteditem
{
	font-weight: normal;
	font-size: 9pt;
	cursor: default;
	color: #ffffff;
	font-family: Verdana;
	background-color: #c00000;
}
body
 
{
	font-family: Verdana, Geneva, sans-serif;


}
LABEL
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}
body
{
	font-size: 11px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
td {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; }
p {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #333333;
	text-align:left;
	line-height:1.5;
	}

li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align:left;
	list-style-type: circle;
	line-height:1.3;
}
.footer {font-family: Verdana, Arial; font-size: 9px; color:White;text-align:right;text-decoration:none;padding-right:6px;text-decoration:none;}
.footer a:link, .footer a:visited, .footer a:active{font-family: Verdana, Arial; font-size: 9px; color:#cccccc;text-align:right;text-decoration:none;padding-right:6px;}
.footer a:hover { 
	font-family: Verdana, Arial; font-size: 9px; color:Yellow;text-align:right;text-decoration:none;padding-right:6px;text-decoration:none;}

H1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #285d85;
	border:1px solid #CCCCCC;
	padding:8px;
		background-color: #F6F6F6
}
H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #285D85;
	padding-bottom:4px;
	border-bottom:1px dotted #CCCCCC;
}



H3 {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #333333;}
	

.form_header {	
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #285D93;
	background-color: #F6F6F6;
	border:1px solid #CCCCCC;
	padding:6px;}
.form_box {
	background-color: #F6F6F6;
	border:1px solid #CCCCCC;
	padding:8px;}
.form_bold_title {padding:8px;border:1px solid #ffffff; background-color:#285d85;color:#ffffff;font-size: 11px;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif}
.page_text01 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #000000;
	line-height : 16px;	
	padding-left: 20px;
	text-align: left;
}

.warning {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC3333;
	line-height: 14px;
	text-align: center;
	padding-left: 20px;
}

.copyright {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #666666;
	text-align: left;
	padding-left: 10px;
}

.line1{
	width: 527px;
	background-color: #336600;
	padding: 3px 3px 3px 3px;
}

.outerdiv {	
	padding : 27px;
	margin: 0px;
	background-color:#ffffff;
	width : 759px;
	}

.left_column {
	float: left;
	margin: 0px;
	background-color: #F0F0F0;
	width: 166px;
	margin-right: 1px;
	height: 100%;
}

.home_column {
	float: left;
	margin: 0px;
	width: 230px;

}	
.home_column2 {
	float: left;
	margin: 0px;
	width: 7px;
}	
.right_column {	
	float : left;
	margin: 0px;
	background-color:#ffffff;
	width : 537px;
	}	
	
.redbox {
	margin: 0px;
	background-color: #4AAE00;
	width : 166px;
	height : 1px;
}
	.bluediv {	
	margin: 0px;
	background-color:#CC3333;
	width : 1px;

	}
		
.greybox {
	float: left;
	margin: 0px;
	background-color: #F0F0F0;
	width: 537px;
	height: 64px;
	background-image:  url(file:///C|/Documents%20and%20Settings/burko/Desktop/images/bluegrad.gif);
	background-repeat: repeat-x;
}	
		
.greybox2 {	
	float : left;
	margin: 0px;
	background-color:#F0F0F0;
	width : 230px;
	height : auto;
	}		
	


	
p.greybox3 {	
	margin: 0px;
	background-color:#F0F0F0;
	text-align: left;
	}		
	
.greybox4 {	
	padding: 0px;
	margin: 0px;
	background-color:#F0F0F0;
	width : 704px;
	height : 64px;
	text-align: left;
	padding-bottom: 3px;
	}		
	
	
.menulines {	
font-family : Tahoma, Arial, Helvetica, sans-serif; 
font-size: 10px;
 color : #CC3333; 
text-decoration : none; 
font-weight : bold;
padding-left: 10px;}

		


 

  .spacer
{
	background-image: url('file:///Z:/web_business/autohardware/site_images/lineback.jpg');
	background-repeat: repeat-x;
	height:5px;
	
}		


/* general link styles  */


HR
{
	background-color:Black;
	line-height:10;
}
A {	font-family : Verdana, Arial, Helvetica, sans-serif; color : #0099ff; text-decoration : none;}
A:link {	font-family : Verdana, Arial, Helvetica, sans-serif; color : #0099ff; text-decoration : none;;}
A:visited {	font-family : Verdana, Arial, Helvetica, sans-serif; color : #0099ff; text-decoration : none;}
A:active {	font-family : Verdana, Arial, Helvetica, sans-serif; color : #0099ff; text-decoration : underline;}
A:hover {	font-family : Verdana, Arial, Helvetica, sans-serif; color : #0099ff;text-decoration : underline;}
UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	
	.copyright { color: #036; font-size: 11px; font-family: Arial; margin-top: 3px; margin-bottom: 3px }
.heading{color: #000000; font-size: 12pt; font-family: Verdana, Arial, Helvetica; font-weight:bold;padding-bottom:2px;}
.sub_heading {color: #073B77; font-weight:bold; font-size: 10pt; font-family: Verdana, Arial, Helvetica;}
.drkLink{
	color:#000000;
}
.mainLink, .mainLink:visited{
	color: #ffffff; font-weight:bold;
}
.mainLink:hover{
	color: #073B77;  text-decoration:none; font-weight:bold;
}
.drkLink:hover{
	color: #FF7F00;
}
.tbl {border: 1px solid #000000; border-collapse:collapse; font-size:8pt;}
.tbl_child {table-layout:fixed; border-collapse:collapse; font-size:8pt;}
.tblHeader{font-size: 12pt; font-weight:bold; color:#FFFFFF; text-align:center; height:25;}
.tblHeader th{background-color: #FF7F00; color:#ffffff;}
.tblHeader td{background-color: #FF7F00; color:#ffffff; border-bottom: 1px solid #000000; text-align:left;}
.tblHeader a{font-size: 8pt; color:#ffffff;}
.tblHeader a:hover {color: #95a6c1;}
.tblFooter {font-size: 8pt; }
.tblFooter td {border-top: 1px solid #000000;}
.tblFooter a {color: #000000;}
.tblFooterOrange{height:25;}
.tblFooterOrange td {font-size: 8pt; border-top: 1px solid #000000; font-weight:bold; color:#FFFFFF; background-color: #FF7F00;  }
.tblFooter a:hover {color: #FF7F00;}
.tblFooter  .current_page{color:993333; text-decoration:underline;}
.tbl td{padding-left:6px; height:22px;}
.tbl td a{color: #000000;}
.tbl td a:hover{color:#FF7F00;}
.tblHighlightRow {background-color: #eeeeee;}
.tblSelectedRow{background-color:#ffff99;}
.tbl .NoRows{height:25;font-weight:bold;text-align:center;}

.nav_bar{color: #ffffff; height:22px;}
.nav_bar td{color: #95a6c1;}
.nav_bar a{height:23px; color: #ffffff; text-decoration: none; padding: 5px 0px  4px 0px;  margin:0px; vertical-align:middle; position:static;}
.nav_bar a:hover{height:23; color:#ff7f00; text-decoration: none; padding: 5px 0px  4px 0px; margin:0px; vertical-align:middle; position:static;}

.validation_err li{color:#ff3300; margin:2px; padding:2px;}
.validation_err {color:#ff3300; margin-left:0px; margin-bottom:2px;}
.validation_err ul {color:#ff3300; margin:6px 0px 3px 14px; padding:6px 0px 3px 14px; }

.pop_up_header{height:35px; color: #95a6c1; background-color:#173c77; border-bottom:3px solid #95a6c1; font-weight:bold; font-size: 10pt; font-family: Verdana, Arial, Helvetica;}
.pop_up_footer{height:25px; border-top:3px solid #95a6c1; background-color:#173c77}
.pop_up_background{background-color:#eeeeee}

.optional_question{
	color: #FFA500;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height:18px;
}
.compulsory_question { color: #009; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height:18px; }
.correct { color: #00CC99; font-size: 11px; font-weight:bold;  font-family: Verdana, Arial, Helvetica, sans-serif; line-height:18px; }
.fail { color: #ff3300; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.pass { color: #66cc66; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
#form1 table tr td p font {
	font-size: 10px;
}
#form1 table tr td {
	font-family: Verdana, Geneva, sans-serif;
}
#form1 table tr td {
	font-size: 12px;
}
#form1 table tr td {
	color: #333;
}
#form1 table tr td {
	text-align: left;
}
#tableborder {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #3F3;
	border-right-color: #3F3;
}
#form1 table tr td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
}
