@charset "utf-8";
/* CSS Document */

#sidearea {
	margin:0;
	width: 220px;
	background-color: #CCC;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	float: left;
}
#sidebar {
	margin:0;
	padding:0;
	width: 220px;
}
#sidebar h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	display: block;
	background-color: #000;
	text-align: center;
	line-height: 16px;
}

ul.sidenav {
	float: left;
	width: 220px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #CCC;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #999;
}
ul.sidenav li{
	display: block;
	color: #000;
	text-decoration: none;
	width: 220px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F6F6F6;
	border-bottom-color: #999;
	font-size: 11px;
	font-weight: normal;
}
ul.sidenav li a{
	display: block;
	color: #000;
	text-decoration: none;
	width: 175px;
	padding: 10px 10px 10px 35px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F6F6F6;
	border-bottom-color: #999;
}
ul.sidenav li a:hover {
	font-weight: bold;
	background-color: #333;
	color: #FFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
ul.sidenav li span{
	display: none;
}
ul.sidenav li a:hover span {
	display: block;
	font-size: 10px;
	padding: 10px 0;
	font-weight: normal;
	color: #FFF;
}

/********* Button background image classes ********/

.side-btn{background-image: url(/upload/homepage/sidenav_a.gif); background-repeat: no-repeat; background-position: 5px 7px;}
.side-btn a:hover{background-image: url(/upload/homepage/sidenav_b.gif); background-repeat: no-repeat; background-position: 5px 7px;}

.hd-btn{background-image: url(/upload/homepage/hd-btn-2.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}
	.hd-btn a:hover{background-image: url(/upload/homepage/hd-btn-2ro.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}

.tpms-btn{background-image: url(/upload/homepage/tpms-btn-2.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}
	.tpms-btn a:hover{background-image: url(/upload/homepage/tpms-btn-2ro.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}

.reg-btn{background-image: url(/upload/homepage/reg-btn-2.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}
	.reg-btn a:hover{background-image: url(/upload/homepage/reg-btn-2ro.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}

.diesel-btn{background-image: url(/upload/homepage/diesel-btn-2.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}
	.diesel-btn a:hover{background-image: url(/upload/homepage/diesel-btn-2ro.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}

.hybrid-btn{background-image: url(/upload/homepage/hybrid-btn.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}
	.hybrid-btn a:hover{background-image: url(/upload/homepage/hybrid-btn-ro.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}

.keyless-btn{background-image: url(/upload/homepage/keyless-btn.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}
	.keyless-btn a:hover{background-image: url(/upload/homepage/keyless-btn-ro.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}	

.university-btn{background-image: url(/upload/homepage/university-btn.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}
	.university-btn a:hover{background-image: url(/upload/homepage/university-btn-ro.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}	
	



.guide-btn{background-image: url(/upload/homepage/guide-btn-2.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}
	.guide-btn a:hover{background-image: url(/upload/homepage/guide-btn-2ro.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}

.help-btn{background-image: url(/upload/homepage/help-btn-2.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}
	.help-btn a:hover{background-image: url(/upload/homepage/help-btn-2ro.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}

.help-spinner-btn{background-image: url(/upload/homepage/help-spinner-btn1.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}
	.help-spinner-btn a:hover{background-image: url(/upload/homepage/help-spinner-btn2.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}

.conduct-spinner-btn{background-image: url(/upload/homepage/conduct-spinner-btn1.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}
	.conduct-spinner-btn a:hover{background-image: url(/upload/homepage/conduct-spinner-btn2.jpg); background-repeat: no-repeat; background-position: 0px 0px; text-indent:-99999px;}