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

/*-- TEXT FORMATING --*/
	body{
		font-family:Helvetica, Arial, sans-serif;
		font-size:12px;
		color:#222;
		
	}
	
	p{
		font-size:12px;
		color:#222;
		margin:0;
		line-height:18px;
		padding: 5px 0;
	}
	
	a{
		color:#0281ef;
		text-decoration:none;
	}
	
	a:hover{
		color:#4eabfb;
		text-decoration:underline;
	}
	
	a img{
		border:0 none;
		text-decoration:none;
	}
	
	
	
	H1, h1{
		color:#013eaf;
		font-size:18px;
		font-weight:bold;
		margin:0;
		padding:0;
	}
	
	H2{
		color:#3d3d3d;
		font-size:18px;
		font-weight:normal;
		margin:0;
	}
	H3{
		color:#3d3d3d;
		margin:0;
		padding-top:15px;
	}
	
	H4{
		color:#013eaf;
		font-size:16px;
		margin:0;
		padding-top:15px;
	}
	
	blockquote{
		margin-bottom:0;
	}
	
	
	ul{
		margin-bottom:0;
	}
	li{
		line-height:16px;
	}
	
	
	.floatright{
		float:right;
	}
	.floatleft{
		float:left;
	}
	
	.clear{
		clear:both;
	}

/*-- END TEXT FORMATING --*/

#container{
	width: 980px;
	margin: 0 auto;
}

/*------- LANGUAGE PREFERENCE --------*/

#language_container{
	width:100%;
}
#lang_container{
	width:980px;
	margin: auto;
	padding:100px 0 15px 15px;
	background:url(../images/language_bg.jpg) no-repeat;
	
}

#lang_logo{
	text-align:center;
	
}


#lang_container .english{
	text-align:center;
	width:450px;
	height:325px;
	margin-top:50px;
	padding-top:80px;
	text-align:center;
	background:url(../images/language_en.jpg) no-repeat;
}

#lang_container .french{
	float:right;
	text-align:center;
	width:450px;
	height:325px;
	margin-top:50px;
	padding-top:80px;
	text-align:center;
	background:url(../images/language_en.jpg) no-repeat;
	margin-right: 35px;
	
}

#lang_container H1{
	color:#444;
	font-size:16px;
}

#lang_container .slogan{
	padding-bottom:25px;
	color:#013eaf;
	font-size:22px;
	
}

#lang_container .lang_btn{
	padding-top:15px;
}


#lang_container a{
	text-decoration:underline;
	font-size:16px;
	font-weight:bold;
}


/*------ HEADER -------*/

	#header{
		width:100%;
		text-align:center;
	}
	
	#header_container{
		width:980px;
		height:105px;
	}
	
	#logo{
		float:left;
		width:348px;
		height:89px;
		
	}
	
	#menu_container{
		position:relative;
		left:0;
		top:0;
		width:632px;
		margin-left:345px;
		padding-top:5px;
		z-index:100;
		
		
		
	}
	
	#translate{
		text-align:right;
		color:#666;
		vertical-align:bottom;
	}
	
	#translate a{
		font-weight:bold;
	}
	
	

	
	#search{
		text-align:right;
		padding: 5px 0 0 0;
		color:#666;
	}
	
	#search input{
		color:#666;
	}
	
	#menu{
		width:700px;
		right:0;
		margin:5px 0 0 280px;
		position:absolute;
		z-index:100;
		
	}

/*------ END HEADER --------*/

/*--- MAIN BODY ---*/

	#main_container{
		text-align:left;
		width:980px;
	}


/*--- LEFT COLUMN ---*/

	#left-column{
		width:690px;
	}
	
	#body{
		width:690px;
	}
	
	.page_title{
		background:url(../images/page-title.gif) no-repeat;
		height:50px;
		padding: 0 0 0 15px;
	}
	
	#body .page_footer{
		background:url(../images/main-body-footer.gif) no-repeat;
		height:30px;
}
	
	.page_title H1{
		color:#FFF;
		font-size:25px;
		font-weight:100;
		margin:0;
		padding-top:15px;
	}
	
	#body .body{
		background:url(../images/main-body-middle.gif) repeat-y;
		padding: 15px 15px 0 15px;
		min-height:400px;
	}
	
	#body .body .column_left{
		width:310px;
		
	}
	
	#body .body .column_right{
		width:310px;
		float:right;
		
	}
	
	#body .body div.box_container{
		padding:25px 0 20px 0;
		
	}
	
	#body .body div.box_container .header{
		background:url(../images/box-container-header.gif) no-repeat;
		height:20px;
		padding:10px 0 0 10px;
		
	}
	
	#body .body div.box_container .body{
		background:url(../images/box-container-body.gif) repeat-y;
		padding:0 10px 0 10px;
	}
	
	
	
	#body .body div.box_container .body .left_column{
		margin-left:80px;
		width:250px
		
	}
	
	
	#body .body div.box_container .body .right_column{
		width:300px;
		float:right;
		
	}
	
	
	#body .body div.box_container .footer{
		background:url(../images/box-container-footer.gif);
		height:30px;
		
	}
	
	
	div.body .prod_desc_image{
		float:left;
		
	}
	
	div.body .prod_desc{
		margin-left:280px;
		
	}
	
	div.body .section_container{
		padding: 15px 0 0 0;
	}
	
	div.body .section_container .section{
		padding: 0 0 10px 0;
	}
	
	div.body .section_container .image{
		float:left;
		width:110px;
		margin-top:20px;
	
	}
	
	div.body .section_container .desc{
		
		margin-left:120px;
	
	}
	
	div.body .request_info{
		color:#ff7001;
		font-size:20px;
		text-align:center;
		padding-top:10px;
		
	
	}
	
	

/*--- END LEFT COLUMN ---*/


/*--- RIGHT COLUMN --*/
#right-column{
	width:260px;
	float:right;
}

/*--Free Trial--*/
#ad{
	width:265px
}

#ad div.header{
	background:url(../images/ad-header.gif) no-repeat;
	height:10px;
	margin:0;
	padding:0;
	
}

#ad div.body{
	background:url(../images/ad-body.gif) repeat-y;
	padding: 5px 0 0 0;
}


#ad div.body div.title{
	text-align:right;
	position:absolute;
	float:left;
	width:230px;
	padding:0 10px 0 5px;
	margin:0;
	
}

#ad div.body div.title H1{
	color:#336dd5;
	font-size:13px;
	font-weight:500;
	margin:0;
}

#ad div.body div.image{
	padding:20px 0 0 5px;
	
}

#ad div.body div.button{
	text-align:center;
	padding-top:15px;
}


#ad div.footer{
	background:url(../images/ad-footer.gif) no-repeat;
	height:10px;
	margin-bottom:20px;
}
/* END FREE TRIAL */


/*--SIDE BOX--*/
#side_box{
	width:265px;
}

#side_box div.header{
	background:url(../images/ad-header.gif) no-repeat;
	height:10px;
	margin:0;
}

#side_box div.body{
	background:url(../images/ad-body.gif) repeat-y;
	padding: 0 15px 5px 10px;
	margin:0;
}




#side_box div.body H1{
	color:#424242;
	font-size:16px;
	font-weight:bold;
	margin:0;
}

#side_box div.body div.image{
	float:left;
	padding-top:5px;
	height:50px;
	
}

#side_box div.body div.desc{
	margin-left:60px;
	padding:5px;
	height:50px;
}

#side_box div.body div.desc a{
	font-weight:bold;
}

#side_box div.body div.section{
	padding:5px 0 10px 0;
	border-bottom:solid #333 1px;
	
}

#side_box div.body div.section_last{
	padding:0 0 10px 0;
	
}

#side_box div.footer{
	background:url(../images/ad-footer.gif) no-repeat;
	height:10px;
	margin-bottom:20px;
}
/* END SIDE BOX */


/*--- QUOTE BOX ---*/

/*--SIDE BOX--*/
#quote_box{
	width:265px;
}

#quote_box div.header{
	background:url(../images/quote_box_header.gif) no-repeat;
	height:15px;
}

#quote_box div.body{
	background:url(../images/quote_box_body.gif) repeat-y;
	padding: 0 15px 5px 10px;
}



#quote_box div.body div.quote{
	font-style:italic;
	font-size:14px;
	line-height:18px;
	
}

#quote_box div.body div.signature{
	padding-top:5px;
	font-size:12px;
	text-align:right
	
}


#quote_box div.footer{
	background:url(../images/quote_box_footer.gif) no-repeat;
	height:55px;
	margin-bottom:20px;
}
/* END QUOTE BOX */

/*--- END RIGHT COLUMN ---*/


/*--- CERTIFY BOX --*/
#certify{
	margin: 0 5px 0 5px;
	border-top: solid #ccc 1px;
	border-bottom: solid #ccc 1px;
	font-size:10px;
	margin-bottom:15px;
}

#cert-left{
	width:120px;
	text-align:center;
	padding:10px 0;
	float:left;
}

#cert-right{
	float:right;
	width:130px;
	text-align:center;
	padding:10px 0;
}

#cert-bottom{
	text-align:center;
	padding:10px 0;
}
		

/*--- END CERTIFY BOX --*/

/*--- REQUEST INFO ---*/

#request_form{
	padding: 5px 15px 0 0;
}
form{
	margin:0;
}

#request_form fieldset{
	border:none;
	padding:0;
	margin:0;
}

#request_form table{
	width:600px
	
}

#request_form table td{
	padding:3px 0 3px 0;
	
}

#request_form label.error { 
	float: none;
	color: red; 
	padding-left: .5em; 
	vertical-align: top; 
}

#request_form .asterisk {
	font-size:12px;
	color:red;
	
}
#request_form .hide{
	display:none;
}

#request_form td.label{
	width:140px;
	padding:5px 0 0 0;
	text-align:left;
}

#request_form .input{
	width:400px;
	padding:5px 0 0 5px;
	text-align:left;
}

#request_form .submit{
	padding:5px 0 0 155px;
}

#request_form .mail{
	font-weight:bold;
	padding:10px 0 10px 155px;
	}

#request_form div.mail_form{
	padding:10px 0px 0 0px;
	display:none;
}

textarea {
	font-family:Arial, sans-serif;
	font-size:12px;
	
}


/*--- END REQUEST INFO ---*/



/*--- END MAIN BODY ---*/

/*--- FOOTER LINKS ---*/
	
	#footer{
		text-align:center;
		margin:20px 5px 0 5px;
		padding: 5px;
		border-top:#999 solid 1px;
		line-height:16px;
		}
		
	#footer a{
		color:#222;
		text-decoration:none;
		}
		
	#footer a:hover{
		color:#666;
		text-decoration:underline;
		}