@charset "UTF-8";

/* CSS Document */


body {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #464646;
text-decoration: none;
}

* {
margin:0;
padding:0;
}

img {
border-style:none;
}

p {
font-size:13px;
line-height:19px;
}

a{
text-decoration: none;
color: #2381c0;
}

a:hover{
color: black;
}

h1{
color: white;
font-weight: bold;
font-size: 21px;
}

h2{
color: black;
font-size: 18px;
line-height: 22px;
font-weight: normal;
	border-bottom-style: solid;
	border-color: #999999;
	border-bottom-width: 1px;
}

h3{
font-size: 24px;
font-weight: normal;
padding: 10px 0 20px 0;
}

h4{
font-size: 17px;
line-height: 22px;
font-weight: normal;padding-bottom: 5px;
}

h5{
font-size: 15px;
padding-top: 5px;
}

hr{
color: #e9e9e9;
}

.badge{
float: right;
margin-top: -6px;
}

.badge_pd{
float: right;
margin-top: -25px;
}


.container {
margin:0 auto;
width:930px;
}

/* Header START ---------------------------------------------*/

#header{
background-image:url(/images/headerbg.jpg);
background-repeat: repeat-x;
height:149px;
}

#logo{
float: left;
padding-right: 5px;
}

#navigation{
float: left;
width: 675px;
}

	#language{
	text-align: right;	
	color: white;
	font-size: 14px;
	height: 46px;
	}
		#selectlang{
		float: right;
		padding: 5px 15px 0 0;
		width: 233px;
		}	
		
		p.langtext{
		float: left;
		padding-right: 5px;
		}
		
		#flags{
		float: right;
		padding-top: 6px;
		}
	
	#nav{
	text-align: left;
	font-size: 18px;
	height: 42px;
	}
	
		#nav a{
		color: white;
		padding: 7px 10px 7px 10px;
		}

		#nav a:hover{
		background-color: black
		color: white;
		padding: 7px 10px 7px 10px;
		}	
		
		#nav img{
		float: right;
		}
	
	#subnav{
	text-align: left;
	font-size: 14px;
	}

		#subnav a{
		color: #3d3d3d;
		font-size: 14px;
		padding: 3px 10px 3px 10px;
		}
		
		#subnav a:hover{
		background-color: #aeaeae;		
		color: black;
		padding: 3px 10px 3px 10px;
		}	
		
/* Header END ---------------------------------------------*/

/* Footer START ---------------------------------------------*/

#footer{
background-image:url(/images/footerbg.jpg);
background-repeat: repeat-x;
height:264px;
padding: 21px 0 0 0;
}

	.footer-testimonial{
	float: left;
	background-color: #252525;
	border-style: solid;
	border-color: #353535;
	border-width: 1px;
	margin-right: 10px;
	padding: 12px 10px 0 15px;
	width: 296px;
	height: 148px;
	}
	
	.footer-testimonial img{
	float: left;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	}
	
	p.testimonial{
	font-style: italic;
	color: white;
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 15px;
	}
	
	p.testimonial-author{
	float: left;
	color: white;
	font-size: 15px;
	line-height: 20px;
	padding: 7px 0 0 12px;
	}	

	.footer-links{
	float: left;
	width: 262px;
	height: 160px;
	}
	
	.footer{
	color: #919191;
	font-size: 12px;
	line-height: 18px;
	padding: 13px 0 0 0;
	}

#bluefooter{
padding: 6px 0 0 0; 
}
	
p.footer-left{
float: left;
color: white;
font-size: 14px;
}

p.footer-right{
float: right;
font-size: 14px;
}

	p.footer-right a{
	color: white;
	padding-left: 10px;
	text-decoration: underline;
	}
	
	p.footer-right a:hover{
	color: black;
	}

/* Footer END ---------------------------------------------*/
	
		
/* Homepage Layout START ---------------------------------------------*/
	

.introleft{
float: left;
background-image:url(/images/introbg.jpg);
padding: 31px 19px 0 346px;
width: 301px;
height: 298px;
}
	.introleft p{
	color: white;
	font-size: 14px;
	line-height: 21px;
	padding: 8px 0 20px 0;
	}
	
.introright{
float: left;
background-image:url(/images/bluefeatures.jpg);
width: 262px;
height: 299px;
}

	p.featuretext{
	color: white;
	font-size: 14px;
	line-height: 21px;
	padding: 15px 7px 0 45px;
	}
	
	#bluefeature1{
	float: right;
	width: 262px;
	height: 75px;
	}
	
	#bluefeature1 a:hover{
	background-image:url(/images/feature1bg.jpg);
	display: block;
	width: 262px;
	height: 75px;
	}
	
	#bluefeature2{
	float: right;
	width: 262px;
	height: 75px;
	}
	
	#bluefeature2 a:hover{
	background-image:url(/images/feature2bg.jpg);
	display: block;
	width: 262px;
	height: 75px;
	}
	
	#bluefeature3{
	float: right;
	width: 262px;
	height: 75px;
	}
	
	#bluefeature3 a:hover{
	background-image:url(/images/feature3bg.jpg);
	display: block;
	width: 262px;
	height: 75px;
	}
	
	#bluefeature4{
	float: right;
	width: 262px;
	height: 75px;
	}
	
	#bluefeature4 a:hover{
	background-image:url(/images/feature4bg.jpg);
	display: block;
	width: 262px;
	height: 74px;
	}
	
#homepage-left{
float: left;
width: 666px;
padding-top: 10px;
}

	.homeicon{
	float: left;
	width: 65px;
	height: 150px;
	}
	
	.hometextbox{
	float: left;
	width: 248px;
	padding: 0 17px 20px 0;
	}	
	
	.hometextbox h2{
	width: 248px;
	}		
	
	.hometextbox p{
	padding: 10px 0 0 0;
	}	
	
	.hometextbox a{
	font-weight: bold;
	}

#homepage-right{
float: left;
background-color: #eaeaea;
border-style: solid;
border-width: 1px;
border-color: #a3a3a3;
padding: 12px 10px 10px 15px;
width: 236px;
}

	#homepage-right p{
	padding: 10px 0 0 0;
	}

	#homepage-right a{
	font-weight: bold;
	}

	#homepage-right img{
	padding-top: 10px;
	}

/* Homepage Layout END ---------------------------------------------*/

/* Interior Layout START ---------------------------------------------*/

#left-layout{
float: left;
background-color: #eaeaea;
border-style: solid;
border-width: 1px;
border-color: #a3a3a3;
padding: 12px 10px 10px 10px;
width: 222px;
}
	#left-layout img{
	padding: 8px 0 8px 0; 
	}
	

#left-blank{
float: left;
padding: 12px 10px 10px 10px;
width: 222px;
}

#left-drivernews{
float: left;
background-color: #eaeaea;
border-style: solid;
border-width: 1px;
border-color: #a3a3a3;
padding: 12px 10px 10px 10px;
width: 222px;
}

	#left-drivernews a{
	font-weight: bold;
	}
	
	#left-drivernews p{
	padding: 6px 0 4px 0;
	}
	
li.side {
list-style: none;
font-size: 13px;
line-height: 31px;
border-top-color: white;
border-top-style: solid;
border-top-width: 1px;
			
border-bottom-color: #bababa;
border-bottom-style: solid;
border-bottom-width: 1px;
}

li.side a:hover{
background-image:url(/images/li-hover.jpg);
display: block;
}	

#left-layout-center{
float: left;
text-align:center;
background-color: #eaeaea;
border-style: solid;
border-width: 1px;
border-color: #a3a3a3;
padding: 12px 10px 10px 10px;
width: 222px;
}

	#left-layout-center img{
	padding: 8px 0 8px 0; 
	}

#right-layout{
float: left;
padding: 0 0 0 50px;
width: 636px;
}

	.interioricon{
	float: left;
	width: 65px;
	height: 50px;
	}
	
	.articleicon{
	float: left;
	width: 150px;
	height: 125px;
	}

	.articleimage{
	float: left;
	width: 250px;
	height: 200px;
	}

	p.textbox{
	padding: 10px 0 20px 0;
	}

	p.textbox2{
	padding: 10px 0 0 0;
	}

	span{
	font-weight: bold;
	}

.contactinfo{
float: left;
padding: 20px 0 20px 0;
width: 295px;
}

li.normal{
font-size: 13px;
line-height: 20px;
list-style-position: inside;
padding-left: 15px;
}

li.number{
font-size: 13px;
line-height: 20px;
list-style: decimal;
list-style-position: inside;
padding-left: 15px;
}

p.newstitle{
font-size: 16px;
padding-top: 10px;
}

p.newsdate{
font-size: 12px;
color: grey;
padding: 3px 0 8px 0;
}

.screenshots{
float: left;
padding: 15px 0 0 0;
width: 300px;
}

.screenshots-right{
float: left;
padding: 15px 0 15px 25px;
width: 300px;
}

p.sitemaptitle{
padding: 20px 0 2px 0;
}

.sitemapbox{
float: left;
width: 200px;
}

.sitemapboxlarge{
float: left;
width: 500px;
}

.icon{
float: left;
padding: 0 10px 0 0;
width: 60px;
height: 75px
clear: both;
}

p.main-body{
font-size: 14px;
line-height: 19px;
padding: 5px 0 10px 2px;
}


.btn-download-home{
float: left;
background-image: url(../images/download_large_home.gif);
color: white;
font-size: 18px;
padding: 28px 0px 0px 60px;
width:233px;
height:43px;
}
	.btn-download-home a{
	color: white;
	}

	.btn-download-home a:hover{
	color: white;
	}

	p.btn-download-home-big{
	color: white;
	font-size: 28px;
	line-height: 1px;
	font-style: Normal;
	font-weight: Bold;
	text-shadow:0 -1px 2px rgba(0,0,0,0.75);
	}

	p.btn-download-home-small{
	color: white;
	font-size: 12px;
	line-height: 0px;
	font-style: Normal;
	}


.btn-download-home:hover{
float: left;
background-image: url(../images/download_large_home_hover.gif);
color: white;
font-size: 18px;
padding: 28px 0px 0px 60px;
width:233px;
height:43px;
}

.btn-download-small{
float: left;
background-image: url(../images/download_small.gif);
color: white;
font-size: 18px;
padding: 25px 0px 0px 25px;
width:193px;
height:28px;
}
	.btn-download-small a{
	color: white;
	}

	.btn-download-small a:hover{
	color: white;
	}

	p.btn-download-small-big{
	color: white;
	font-size: 20px;
	line-height: 1px;
	font-style: Normal;
	font-weight: Bold;
	text-shadow:0 -1px 2px rgba(0,0,0,0.75);
	}

	p.btn-download-small-small{
	color: white;
	font-size: 12px;
	line-height: 0px;
	font-style: Normal;
	}


.btn-download-small:hover{
float: left;
background-image: url(../images/download_small_hover.gif);
color: white;
font-size: 18px;
padding: 25px 0px 0px 25px;
width:193px;
height:28px;
}

.btn-download-red{
float: left;
background-image: url(../images/download_red.gif);
color: white;
font-size: 10px;
padding: 15px 0px 0px 35px;
width:80px;
height:15px;
}
	.btn-download-red a{
	color: white;
	}

	.btn-download-red a:hover{
	color: white;
	}

	p.btn-download-red-big{
	color: white;
	font-size: 10px;
	line-height: 1px;
	font-style: Normal;
	font-weight: Bold;
	text-shadow:0 -1px 2px rgba(0,0,0,0.75);
	}

	p.btn-download-red-small{
	color: white;
	font-size: 10px;
	line-height: 0px;
	font-style: Normal;
	}


.btn-download-red:hover{
float: left;
background-image: url(../images/download_red_hover.gif);
color: white;
font-size: 10px;
padding: 15px 0px 0px 35px;
width:80px;
height:15px;
}

.btn-kb{
float: left;
background-image: url(../images/kb.png);
color: white;
font-size: 18px;
padding: 35px 0px 0px 60px;
width:210px;
height:35px;
}

	p.btn-kb-big{
	font-size: 20px;
	line-height: 1px;
	font-style: Normal;
	font-weight: Bold;
	text-shadow:0 -1px 2px rgba(0,0,0,0.75);
	}


	.btn-kb:hover{
	float: left;
	background-image: url(../images/kb.png);
	color: black;
	font-size: 18px;
	padding: 35px 0px 0px 60px;
	width:210px;
	height:35px;
	}

.btn-contact{
float: left;
background-image: url(../images/contact.png);
color: white;
font-size: 18px;
padding: 35px 0px 0px 60px;
width:210px;
height:35px;
}

	p.btn-contact-big{
	font-size: 20px;
	line-height: 1px;
	font-style: Normal;
	font-weight: Bold;
	text-shadow:0 -1px 2px rgba(0,0,0,0.75);
	}


	.btn-contact:hover{
	float: left;
	background-image: url(../images/contact.png);
	color: black;
	font-size: 18px;
	padding: 35px 0px 0px 60px;
	width:210px;
	height:35px;
	}




/* Interior Layout END ---------------------------------------------*/


/* Contact Form START ---------------------------------------------*/

.contactform{
width: 450px;
font-family: arial;
}

.contactform_td {
padding:4px;
font-size:13px;
}

.contactform p {
padding:4px;
}
.contactform label {
padding:4px;
}

label {
padding-right:10px
}

.required {
font-weight:bold;
}

.required_star {
font-weight:bold;
}

.not-required {
font-weight:bold;
}

textarea{
background-color: #f5f5f5;
border-width: 1px;
border-color: #464646;
font-family: Arial;
font-size: 13px;
}

/* Contact Form END ---------------------------------------------*/