/*----------------------------------------Position Main Interface-------------------*/

#interface {
	margin: 0px auto;
	width: 980px;
	}
	#interface-repeat-bg {
		float: left;
		width: 980px;
		background-image: url(../images/interface-width.gif);
		background-position: top left;
		background-repeat: repeat-y;
		background-color: #fff;
		}
	
	#container {
		float: left;
		padding: 20px 20px 0 20px;
		width: 940px;
		background-image: url(../images/background-header.gif);
		background-position: top left;
		background-repeat: no-repeat;
		}


/*-------------------------------------Header----------------------------------*/
	#header{
		width: 940px;
		background: url(/templates/images/header-background.jpg) bottom right no-repeat #fff;
		}
		#skip-content{
			color: #fff;
			}
		#logo{
			padding: 30px 0 40px 0;
			}
		#introduction{
			width: 340px;
			padding: 50px 0 40px 0;
			color: #3b9fa8;
			line-height: 100%;
			}

/*---------------------------Top Nav----------------------------------------*/

	#top-nav{
		width: 940px;
		background: url(/templates/images/top-nav-bg.gif) repeat-y top left #fff;
		}
		
		#top-nav ul{
			width: 700px;
			margin: 0 0 0 240px;
			position: relative;
			display: inline;
			padding: 10px 0 10px 0;
			background: url(/templates/images/top-nav-ul-bg.jpg) no-repeat top right transparent;
			}
			#top-nav ul li{
				float: left;
				padding: 0 25px 0 0;
				display: inline;
				}
				#top-nav ul li a{
					text-decoration: none;
					color: #006871;
					font-weight: bold;
					font-size: 85%;
					background: url(/templates/images/icons/top-nav-link.gif) no-repeat bottom right transparent;
					padding: 0 5px 0 0;
					}
				#top-nav ul li a:hover, #top-nav ul li a:focus {
					color: #3b9fa8;
					}
			
		#top-nav-footer{
			width: 940px;
			height: 2px;
			font-size: 0;
			background: url(../images/top-nav-footer.gif) no-repeat top left transparent;
			margin: 0 0 30px 0;
			}


/*------------------Main Content-------------------*/
/*-------Side columns--------*/

.side-columns{
	width: 180px;
	padding: 0;
	margin: 0 20px 0 20px;
	display: inline;
	}
	
		.side-columns .columns-box{
			float: left;
			width: 180px;
			padding: 0;
			margin: 0 0 20px 0;
			color: #006871;
			font-size: 80%;
			font-weight: bold;
			}
		
		.side-columns .columns-box .side-news-title{
			font-weight: bold;
			color: #5e5e5e;
			}
			
		.side-columns .columns-box a img{
			float: left;
			border: 1px solid #3b9fa8;
			}
			
		.side-columns ul li{
			float: left;
			width: 180px;
			padding: 0 0 10px 0;
			}
		.side-columns .titles{
			padding: 0 0 10px 0;
			color: #3b9fa8;
			font-size: 150%;
			font-weight: bold;
			}
		
		.side-columns .columns-box p{
			font-weight: normal;
			padding: 0 0 10px 0;
			}
		.side-columns .columns-box ul{
			width: 160px;
			float: left;
			color: #3b9fa8;
			margin: 0 0 10px 0;
			padding: 0 0 0 14px;
			font-weight: normal;
			}
		.side-columns .columns-box ul li{
			padding: 0;
			margin: 0;
			width: 160px;
			}
		.side-columns .columns-box #contact-address{
			background: url(../images/icons/address.gif) no-repeat 0px 1px transparent;
			}
		.side-columns .columns-box #contact-phone{
			background: url(../images/icons/phone.gif) no-repeat 0px 1px transparent;
			}
		.side-columns .columns-box #contact-mobile-phone{
			background: url(../images/icons/mobile-phone.gif) no-repeat 0px 1px transparent;
			padding:0 0 5px 14px;
			}
		.side-columns .columns-box #contact-email{
			background: url(../images/icons/email.gif) no-repeat 0px 1px transparent;
			}
		
		
			
			
			
	
			#left-column a{
				display: block;
				text-decoration: none;
				color: #006871;
				padding: 0 0 0 20px;
				background: url(/templates/images/icons/left-column-link.gif) no-repeat 0px 3px transparent;
				}
			
			#left-column a:hover, #left-column a:focus{
				text-decoration: underline;
				}
	
	
	
/*----------------------Homepage-----------*/
 .zone-product-homepage{
 	width: 220px;
	margin: 0 0 20px 0;
	}
.zone-image-homepage{
 	width: 220px;
	height: 160px;
	background: url(/templates/images/zone-image-homepage-bg.jpg) no-repeat top left transparent;
	}
.zone-image-homepage img{
 	width: 200px;
	height: 140px;
	padding: 8px 0 0 10px;
	background: url(/templates/images/zone-image-homepage-bg.jpg) no-repeat top left transparent;
	}

.zone-product-homepage .zone-product-links{
	padding: 10px 0 0 20px;
	font-weight: bold;
	font-size: 80%;
	background: url(/templates/images/icons/zone-product-link.gif) no-repeat 10px 15px transparent;
	}



/*-----------Content Container-----------------*/

#content-container{
	float: left;
	width: 460px;
	margin: -3px 20px 0 20px;
	text-align: justify;
	}
	#content-container p{
		padding: 0 0 16px 0;
		}
	
	#content-container ul{
		padding: 0 0 16px 20px;
		}
	#content-container li{
		background: url(../images/icons/zone-product-link.gif) no-repeat 0 5px transparent;
		padding: 0 0 5px 10px;
		}




/*----------------FAQS----------------------*/
#faqs{
	padding: 10px 0 10px 0;
	margin: 0 0 30px 0;
	border-bottom: 1px solid #f2f2f2;
	}
	
	.question-answer{
		padding: 10px;
		margin: 0 0 30px 0;
		border-bottom: 1px solid #dbf3f8;
		background: #f1f9fb;
		}


/*----------------Contact us page-----------------*/
/*--------------------------------------Contact Details--------------------------------*/
#contact-details{
	width:380px;
	padding: 20px 0 20px 80px;
	margin: 0 0 20px 0;
	background-color: #f1f9fb;
	color: #505050;
	border-bottom: 1px solid #dbf3f8;
	}
	#contact-details ul{
		margin: 0;
		padding: 2px 0 20px 15px;
		position: relative;
		height: 1%;
		}
		#contact-details li{
			background: transparent;
			}
		#contact-details #postal-address{
			background: url(/templates/images/icons/address-b.gif) top left no-repeat transparent;
			}
		#contact-details #phone-number{
			background: url(/templates/images/icons/phone-b.gif) top left no-repeat transparent;
			}
		#contact-details #mobile-phone-number{
			background: url(/templates/images/icons/mobile-phone.gif) top left no-repeat transparent;
			}
		#contact-details #email-address{
			background: url(/templates/images/icons/email-b.gif) top left no-repeat transparent;
			}

/*--------------------------------------Contact Form--------------------------------*/
#contact-form{
	width:380px;
	padding: 0 0 0 80px;
	margin: 0 0 20px 0;
	background-color: #f1f9fb;
	color: #505050;
	border-bottom: 1px solid #dbf3f8;
	}

#contact-form ul{
	float: left;
	padding: 0 0 10px 0;
	margin: 5px 0 0 0;
	width: 310px;
	}
#contact-form li{
	float: left;
	width: 300px;
	padding: 0 0 5px 0;
	margin: 5px 0 0 0;
	border-bottom: 1px dotted #b3e0e7;
	background: transparent;
	}

#contact-form label{
	float: left;
	width: 60px;
	padding: 0 5px 0 0;
	margin: 3px 0 0 0;
	display: block;
	text-align: right;
	}

#contact-form input{
	float: left;
	width: 233px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 1px solid #7f9db9;
	}

#contact-form select{
	float: left;
	width: 233px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 1px solid #7f9db9;
	}
	
#contact-form #contact-form-message{
	float: left;
	width: 298px;
	height: 100px;
	padding: 0 0 5px 0;
	margin: 0 0 0 0;
	border: 1px solid #7f9db9;
	}

#contact-form #send-message-button{
	width: 117px;
	height: 28px;
	border: none;
	}

#contact-form .warnings{
	padding: 5px 0px 3px 0px;
	font-size: 85%;
	color: #0066FF;
	margin: 0;
	}


/*----------------VAT container-----------------*/
#vat-container{
	width:420px;
	padding: 20px;
	margin: 0 0 0 0;
	background-color: #f1f9fb;
	color: #505050;
	border-bottom: 1px solid #dbf3f8;
	font-size: 80%;
	}
	


/*----------------NEWS page-------------------------*/
.news-container{
	width:400px;
	padding: 30px;
	margin: 0 0 20px 0;
	background-color: #f1f9fb;
	color: #505050;
	border-bottom: 1px solid #dbf3f8;
	}

.news-container h2{
	border-bottom: 1px solid #dbf3f8;
	padding: 0 0 0 0;
	margin: 0 0 15px 0;
	}
						
	
/*---------------------------------------Footer-----------------------------*/
		#footer-container {
			margin: 0px auto;
			width: 980px;
			}

		#footer{
			float: left;
			width: 980px;
			padding: 0px 0 50px 0;
			background: transparent;
			color: #fff;
			font-size: 70%;
			text-align: left;
			background-image: url(../images/footer.gif);
			background-repeat: no-repeat;
			background-position: top left;
	
			}
		#footer-text{
			float:left;
			padding: 20px 0 0 20px;
			}
		#footer2-text{
			float:right;
			padding: 20px 20px 0 0;
			}
		
			
		#footer a{
			text-decoration: none;
			color: #fff;
			background: transparent;
			}
		#footer a:hover, #footer a:active, #footer a:focus{
			text-decoration: underline;
		}
		
.titles h1{	
	width: auto;
	color: #3b9fa8;
	font-size: 90%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}