body{
	margin: 0;
	padding: 0;
	width: 100%;
	color: #273b5b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../../../images/gradient-bg.gif) center top repeat-y #dadada;
	line-height: 1.2;
	}



/*----------------------------------------Position Main Interface-------------------*/
#interface-bg{
	float: left;
	width: 100%;
	background: url(../../../images/shadow-border-bg.gif) center top repeat-y;
	/*margin: 0 0 20px 0;*/
	margin : 0 0 20px 0;
	}
#wacko-bg{
	float: left;
	width: 100%;
	padding: 0;
	background: url(../../../images/wacko-bg.jpg) center top no-repeat;
	}
#interface {
	margin: 0px auto;
	width: 740px;
	padding: 0;
	}	
	#interface-container{
		float: left;
		width: 738px;
		background-color: #fff;
		}

	

	
	/*-----------------------Skip Nav-------------------------------*/
		#accessibility{
			width: 720px;
			float: left;
			color: #333;
			padding: 10px;
			font-size: 75%;
			margin: 0 0 2px 0;
			display: inline;
			}
		#accessibility a{
			text-decoration: none;
			color: #333;
			}
		#accessibility a:hover, #accessibility a:focus{
			text-decoration: underline;
			}
			#skip-to-content{
				float: left;
				}
	
			#sizes-styles{
				float: right;
				}
				/*-------------Text sizes--------------*/
				#enlarge-menu-list{
					float: left;
					list-style: none;
					margin: 0 20px 0 0;
					display: inline;
					}
					#enlarge-menu-list li{
						float: left;
						margin: 0 5px 0 0;
						display: inline;
						}
				
				
				/*------------Colour scheme - Different styles----------------*/
				#colour-menu-list{
					float: left;
					list-style: none;
					}
					#colour-menu-list li{
						float: left;
						margin: 0 5px 0 0;
						display: inline;
						}
			
			
	/*---------------------------Header----------------------------------*/
	#header{
		float: left;
		width: 740px;
		}
		#header img{
			float: left;
			width: 738px;
			border: 1px solid #fff;
			}
	
				

	/*------------------------------Container--------------------------------*/	
		#container {
			float: left;
			width: 738px;
			background: #fff;
			padding: 0 0 30px 0;
			margin: 0 0 0 1px;
			display: inline;
			}
	
	/*----------------------------Top navigation-------------------------------*/
		#top-nav{
			float: left;
			margin: 0 1px 1px 0;
			padding: 0 0 0 0;
			display: inline;
			width: 738px;
			/*background: url(../../../images/top-nav-bg.gif) left top no-repeat #838e58;*/
			background: #444444;
			}
			#top-nav li{
				float: left;
				color: #fff;
				font-size: 80%;
				font-weight: bold;
				padding: 1px 0 1px 0;
				border-right: 1px dotted #fff;
				}
			#top-nav li a{
				float: left;
				color: #9ADAFF;
				padding: 9px 12px 8px 12px;
				}
			#top-nav li a:hover, #top-nav li a:focus {
				/*background: url(../../../images/top-nav-hover-bg.gif) left top repeat-x #0d212f;*/
				background: #000;
				}
			#top-nav li .active{
				/*background: url(../../../images/top-nav-hover-bg.gif) left top repeat-x #0d212f;*/
				background: #000;				
				}
	/*-------------sec-nav-container----*/
	#sec-nav-container {
		float: left;
		width: 738px;
		background: url(../../../images/homepage-sec-nav-bg-repeat.gif) left top repeat-y;
		}
		#sec-nav-container ul{
			float: left;
			width: 206px;
			padding: 45px 0 15px 15px;
			margin: 0 1px 0 0;
			display: inline;
			}
			#resources-container{
				background: url(../../../images/resources-bg.jpg) left top no-repeat;
				}
			#news-information-container{
				background: url(../../../images/news-info-bg.jpg) left top no-repeat;
				}
			#sec-nav-container ul li{
				float: left;
				width: 193px;
				padding: 0 0 4px 13px;
				background: url(../../../images/icons/blue-bullet.gif) left 4px no-repeat;
				}
				#sec-nav-container ul li a{
					font-weight: bold;
					color: #273b5b;
					font-size: 85%;
					}
		#right-sec-nav-column{
			float: right;
			width: 294px;
			}
			#right-sec-nav-column #search-container{
				float: left;
				width: 284px;
				background: url(../../../images/search-bg.jpg) left top no-repeat;
				padding: 38px 0 0 10px;
				border-bottom: 1px solid #fff;
				}
				#right-sec-nav-column #search-container ul{
					float: left;
					width: 279px;
					padding: 0 0 15px 0;
					margin: 0;
					}
				#right-sec-nav-column #search-container ul li{
					float: left;
					display: inline;
					padding: 0;
					margin: 0;
					background: none;
					width: auto;
					}
				#right-sec-nav-column #search-container ul li label{
					float: left;
					padding: 5px 2px 0 0;
					}
				#right-sec-nav-column #search-container ul li input{
					float: left;
					display: inline;
					width: 120px;
					background-color: #fff;
					border: 1px solid #afb5bf;
					padding: 3px;
					}
				
				#right-sec-nav-column #search-container ul li #search-button{
					float: left;
					width: 68px;
					height: 24px;
					padding: 0;
					border: none;
					margin: 0 0 0 2px;
					display: inline;
					}
			
			#right-sec-nav-column #upcoming-events-container{
				float: left;
				width: 284px;
				background: url(../../../images/upcoming-events-bg.jpg) left top no-repeat;
				padding: 38px 0 0 10px;
				}
				#right-sec-nav-column #upcoming-events-container ul{
					padding: 0 0 10px 0;
					margin: 0;
					width: 274px;
					}
					#right-sec-nav-column #upcoming-events-container ul li{
						padding: 0;
						margin: 0 0 2px 0;
						width: 274px;
						background-image: none;
						}
						#right-sec-nav-column #upcoming-events-container ul li a{
							font-size: 85%;
							font-weight: normal;
							}
			
	
	/*----------Content wrapper----------------*/
	#content-wrapper{
		float: left;
		width: 738px;
		margin: 1px 0 1px 0;
		}
		#left-wrapper{
			float: left;
			width: 443px;
			margin: 0 1px 0 0;
			display: inline;
			}
			#homepage-three-columns{
				float: left;
				width: 423px;
				margin: 10px;
				display: inline;
				}
				#homepage-three-columns .one-third-column{
					float: left;
					width: 129px;
					margin: 0 3px 0 0;
					display: inline;
					font-size: 85%;
					padding: 5px;
					}
				#homepage-three-columns #last-third-column{
					margin: 0 0 0 0;
					}
					#homepage-three-columns .one-third-column .titles{
						font-weight: bold;
						display: block;
						margin: 0 0 5px 0;
						border-bottom: 1px solid #99a567;
						}
		
		#right-wrapper{
			float: right;
			width: 274px;
			background: url(../../../images/right-wrapper-bg.jpg) left top no-repeat #fff;
			margin: 0;
			padding: 10px 10px 0 10px;
			}
		
		
		
		
		/*------------------INNER PAGES-------------*/
		#left-wrapper #breadcrumb{
			float: left;
			width: 438px;
			background-color: #c2c2c2;
			font-size: 70%;
			color: #273b5b;
			padding: 0 0 1px 5px;
			}
			#left-wrapper #breadcrumb li{
				float: left;
				display:inline;
				padding: 5px 3px 5px 0;
				}
				#left-wrapper #breadcrumb li a{
					text-decoration: underline;
					color: #273b5b;
					background: url(../../../images/icons/breadcrumb-arrow.gif) right 5px no-repeat;
					padding: 0 10px 0 0;
					}
		#left-wrapper #content-wrapper{
			float: left;
			width: 403px;
			margin: 1px 0 0 0;
			display: inline;
			background: url(../../../images/content-wrapper-bg.jpg) left top no-repeat #fff;
			padding: 20px 20px 50px 20px;
			}
		
		
		
		/*---------right menus---------------*/	
		#right-wrapper-menu{
			float: right;
			width: 294px;
			}
		#right-wrapper-menu ul{
			float: left;
			width: 274px;
			padding: 45px 10px 160px 10px;
			}
			#right-wrapper-menu ul li{
				float: left;
				width: 260px;
				padding: 0 0 5px 14px;
				background: url(../../../images/icons/blue-bullet.gif) left 5px no-repeat;
				}
			#right-wrapper-menu a{
				font-weight: bold;
				text-decoration: underline;
				color: #273b5b;
				}
			
			#right-wrapper-menu a:hover, #right-wrapper-menu a:focus, #right-wrapper-menu .selected{
				color: #0f7db5;
				}
		
		#right-wrapper-menu #admin-menu{
			background: url(../../../images/admin-menu-bg.jpg) left top no-repeat;
			}
		#right-wrapper-menu #news-information-menu{
			background: url(../../../images/news-info-menu-bg.jpg) left top no-repeat;
			}
		#right-wrapper-menu #about-us-menu{
			background: url(../../../images/about-us-menu-bg.jpg) left top no-repeat;
			}
		#right-wrapper-menu #resources-menu{
			background: url(../../../images/resources-menu-bg.jpg) left top no-repeat;
			}
		#right-wrapper-menu #education-training-menu{
			background: url(../../../images/education-training-menu-bg.jpg) left top no-repeat;
			}
		#right-wrapper-menu #links-menu{
			background: url(../../../images/useful-links-menu-bg.jpg) left top no-repeat;
			}
		#right-wrapper-menu #contact-us-menu{
			background: url(../../../images/contact-us-menu-bg.jpg) left top no-repeat;
			}
		#right-wrapper-menu #plain{
			background: url(../../../images/plain-page-bg.jpg) left top no-repeat;
			}
		
		
		/*-------------------Upcoming events--------------*/
		.events-listing-container{
			float: left;
			width: 403px;
			margin: 0 0 20px 0;
			background: url(../../../images/events-listing-bg-repeat.gif) left top repeat-y;
			border-bottom: 1px solid #808080;
			}
		.events-listing-container-top{
			float: left;
			width: 393px;
			background: url(../../../images/events-listing-bg-top.jpg) left top no-repeat;
			padding: 5px
			}
			.events-listing-container .title{
				float: left;
				width: 393px;
				padding: 0;
				font-size: 100%;
				font-weight: bold;
				padding: 0 0 4px 0;
				border-bottom: 1px solid #9b9b9b;
				margin: 0 0 8px 0;
				}
				.events-listing-container .title a{
					color: #273b5b;
					}
					.events-listing-container .title a:hover, .events-listing-container .title a:focus{
						color: #000033;
						text-decoration: none;
						}
			.events-listing-container .zone-image-description{
				float: left;
				width: 393px;
				margin: 0;
				padding: 0;
				}
				.events-listing-container .zone-image{
					float: left;
					width: 101px;
					height: 101px;
					margin: 0 5px 0 0;
					padding: 1px 0 0 1px;
					background: #273b5b;
					}	
					.events-listing-container .zone-image img{
						float: left;
						}
				.events-listing-container .zone-description{
					display: inline;
					}
				.events-listing-container .zone-description .date{
					font-weight: bold;
					color: #0f7db5;
					font-size: 90%;
					}
				.events-listing-container .zone-description .location{
					font-weight: bold;
					color: #273b5b;
					font-size: 90%;
					}
				.events-listing-container .zone-description p{
					font-size: 85%;
					padding: 7px 0 0 0;
					margin: 0;
					}
				.events-listing-container .zone-description a{
					color: #0f7db5;
					text-decoration: underline;
					}
				.events-listing-container .zone-description a:hover, .events-listing-container .zone-description a:focus{
					color: #000033;
					}
		.view-all-events{
			color: #0f7db5;
			font-weight: bold;
			text-decoration: underline;
			}
		.view-all-events:hover, .view-all-events:focus{
			color: #273b5b;
			}
		
		/*-----------------Event details------------*/
		.event-details{
			float: left;
			width: 403px;
			}
			.event-details .date{
				font-weight: bold;
				color: #0f7db5;
				font-size: 90%;
				}
			.event-details .location{
				font-weight: bold;
				color: #273b5b;
				font-size: 90%;
				margin: 0 0 20px 0;
				}
			.event-details p{
				font-size: 85%;
				line-height: 1.7;
				}
			
			.event-details img{
				border: 1px solid #334664;
				}
		
		
		/*------------------News Listing-----------------*/
		.news-listing-container{
			float: left;
			width: 399px;
			border: 1px solid #263a5a;
			background: #fff;
			padding: 1px;
			margin: 0 0 20px 0;
			}
			.news-listing-container .title{
				float: left;
				width: 399px;
				color: #fff;
				background: url(../../../images/news-listing-title-bg-repeat.gif) left top repeat-x #143953;
				margin: 0 0 5px 0;
				}
				.news-listing-container .title a{
					float: left;
					font-weight: bold;
					color: #fff;
					padding: 2px 0 4px 5px;
					font-size: 85%;
					}
				.news-listing-container .title .date{
					float: right;
					text-align: right;
					font-size: 85%;
					font-weight: normal;
					padding: 2px 5px 4px 0;
					}
		
			
		.news-listing-container .zone-image-description{
			float: left;
			width: 391px;
			font-size: 85%;
			padding: 0 4px 4px 4px;
			}
			.news-listing-container .zone-image-description p{
				margin: 0;
				padding: 0;
				}
			.news-listing-container .zone-image-description .link{
				margin: 10px 0 0 0;
				padding: 0;
				}
			.news-listing-container .zone-image-description a{
				text-decoration: underline;
				}
				.news-listing-container .zone-image-description a:hover, .news-listing-container .zone-image-description a:focus{
					color: #000033;
					}
			.news-listing-container .zone-image{
				float: left;
					width: 101px;
					height: 101px;
					margin: 0 5px 0 0;
					padding: 1px 0 0 1px;
					background: #273b5b;
					}	
					.news-listing-container .zone-image img{
						float: left;
						}
			/*-----------------News details------------*/
			.news-details{
				float: left;
				width: 403px;
				}
				.news-details .date{
					font-weight: bold;
					color: #0f7db5;
					font-size: 90%;
					margin: 0 0 20px 0;
					}
				.news-details .location{
					font-weight: bold;
					color: #273b5b;
					font-size: 90%;
					margin: 0 0 20px 0;
					}
				.news-details p{
					font-size: 85%;
					line-height: 1.7;
					}
				
				.news-details img{
					border: 1px solid #334664;
					}
					
		/*-------------------CMS page------------*/
		#cms-page{
			float: left;
			}
			
			#cms-page ul, #cms-page ol{
				margin: 20px 0 30px 40px;
				}
			#cms-page ul li{
				background: url(../../../images/icons/orange-bullet.gif) left 5px no-repeat;
				padding: 0 0 5px 10px;
				}
			
			#cms-page ol li{
				list-style: decimal inside;
				}
		
		/*-----------Useful Links-------------*/
		#content-wrapper ul{
			float: left;
			width: 360px;
			font-size: 80%;
			padding: 20px;
			}
			#content-wrapper ul li{
				float: left;
				width: 360px;
				padding: 0 0 10px 0;
				list-style: square;
				}
		
		
		/***************************************light box styles*********************************************/
		#lightbox{
			position: absolute;
			top: 40px;
			left: 0;
			width: 100%;
			z-index: 100;
			text-align: center;
			line-height: 0;
			}
		
		#lightbox a img{ border: none; }
		
		#outerImageContainer{
			position: relative;
			background-color: #fff;
			width: 250px;
			height: 250px;
			margin: 0 auto;
			}
		
		#imageContainer{
			padding: 10px;
			}
		
		#loading{
			position: absolute;
			top: 40%;
			left: 0%;
			height: 25%;
			width: 100%;
			text-align: center;
			line-height: 0;
			}
		#hoverNav{
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			z-index: 10;
			}
		#imageContainer>#hoverNav{ left: 0;}
		#hoverNav a{ outline: none;}
		
		#prevLink, #nextLink{
			width: 49%;
			height: 100%;
			background: transparent url(/templates/images/blank.gif) no-repeat; /* Trick IE into showing hover */
			display: block;
			}
		#prevLink { left: 0; float: left;}
		#nextLink { right: 0; float: right;}
		
		#prevLink { background: url(/templates/images/prevlabel.gif) left 15% no-repeat; }
		#nextLink { background: url(/templates/images/nextlabel.gif) right 15% no-repeat; }
		
		
		#imageDataContainer{
			font: 10px Verdana, Helvetica, sans-serif;
			background-color: #fff;
			margin: 0 auto;
			line-height: 1.4em;
			}
		
		#imageData{
			padding:0 10px;
			}
		#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
		#imageData #caption{ font-weight: bold;	}
		#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
		#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
				
		#overlay{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 90;
			width: 100%;
			height: 500px;
			background-color: #000;
			filter:alpha(opacity=60);
			-moz-opacity: 0.6;
			opacity: 0.6;
			}
			
		
		.clearfix:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
			}
		
		* html>body .clearfix {
			display: inline-block; 
			width: 100%;
			}
		
		* html .clearfix {
			/* Hides from IE-mac \*/
			height: 1%;
			/* End hide from IE-mac */
			}	
/******************************************************end lightbox styles************************************************/	

#content-wrapper .albums{
	float: left;
	width: 403px;
	padding: 0;
	}
	#content-wrapper .albums li{
		float: left;
		width: 65px;
		height: 65px;
		border: 1px solid #273B5B;
		padding: 2px;
		margin: 4px;
		list-style: none;
		}
	#content-wrapper .albums li img{
		float: left;
		width: 65px;
		height: 65px;
		}


/*------------------------------------------------BLOG----------------------------------------------*/

#right-sec-nav-column #blog-right-menu{
	float: left;
	width: 264px;
	padding: 0px 10px 0 10px;
	}
	#right-sec-nav-column #blog-right-menu .section{
		float: left;
		width: 264px;
		padding: 0 0 15px 0;
		}
		#right-sec-nav-column #blog-right-menu .section ul{
			padding: 0 0 0 10px;
			}
			.section #right-side-account-panel{
			width: 252px;
			margin: 20px 0 10px 0;
			padding: 10px 0 0 10px;
			background-color: #ffffff;
			border: 1px #CCCCCC solid;
			font-weight: normal;
			}
			
			#right-side-account-panel li{
			margin: 0 0 0 0;
			padding: 10px 0 0 0;
			}
			
			.section #remember-me{
			text-align: right;
			font-size: 80%;
			margin: 5px 0 5px 0;
			padding: 0 32px 0 10px;
			font-weight: normal;			
			}
		
			.section #my-account-email{
						width:125px;
						margin: 0 10px 0 50px;
						border: 1px solid #ccc;
						background: #fff;
						}
			.section #my-account-password{
						width:125px;
						margin: 0 10px 0 21px;
						border: 1px solid #ccc;
						background: #fff;
						}
			.section #login-email{
						margin: 0 10px 10px 0;
						}											
			.section #submit{
						float: left;
						border: 1px solid #ccc;
						background: #eee;
						padding: 3px 10px 3px 10px;
						margin: 0 10px 0 0;
						display: block;
						color: #0F7DB5;
						}
					.section #submit:hover, #write-comments-container #submit:focus{
						background: #0F7DB5;
						color: #fff;
						border: 1px solid #273B5B;
						cursor: pointer;
						}

/*----------Blog panel - Form--------*/
#content-wrapper .blog-panel{
	float: left;
	width: 391px;
	background: #fff;
	padding: 5px;
	margin: 0 0 15px 0;
	border: 1px solid #ccc;
	}
	#content-wrapper .blog-panel ul{
		float: left;
		width: 390px;
		padding: 0;
		margin: 0;
		}
		#content-wrapper .blog-panel ul li{
			float: left;
			width: auto;
			padding: 0;
			margin: 0;
			list-style: none;
			}
		#content-wrapper .blog-panel ul li label{
			float: left;
			width: auto;
			padding: 3px 0 0 0;
			margin: 0;
			}
		#content-wrapper .blog-panel ul li select{
			float: left;
			width: 120px;
			padding: 0;
			margin: 0 5px 0 0;
			font-size: 95%;
			}
			#content-wrapper .blog-panel #go-button{
				float: left;
				border: 1px solid #ccc;
				background: #eee;
				padding: 1px 5px 1px 5px;
				margin: 0;
				display: block;
				color: #0F7DB5;
				font-weight: bold;
				}
			#content-wrapper .blog-panel #go-button:hover , #content-wrapper .blog-panel #go-button:focus{
				background: #0F7DB5;
				color: #fff;
				border: 1px solid #273B5B;
				cursor: pointer;
				}
	

/*--------------Articles container--------------*/
#content-wrapper .published{
	float: left;
	width: 390px;
	background: #ffffff;
	border: 1px solid #273B5B;
	padding: 5px;
	margin: 0 0 20px 0;
	}
#content-wrapper .draft{
	float: left;
	width: 390px;
	background: #f2f2f2;
	border: 1px solid #273B5B;
	padding: 5px;
	margin: 0 0 20px 0;
	}
#content-wrapper .private{
	float: left;
	width: 390px;
	background: #ffffff;
	border: 1px solid #273B5B;
	padding: 5px;
	margin: 0 0 20px 0;
	}		
	#content-wrapper .article-image{
		float: left;
		width: 390px;
		background: #ffffff;
		margin: 0 0 5px 0;
		}
		#content-wrapper .article-image img{
			float: left;
			width: 390px;
			height: auto;
			}
		
		#content-wrapper .article-title-comments{
			float: left;
			width: 390px;
			font-size: 90%;
			margin: 0 0 2px 0;
			font-weight: bold;
			}
			#content-wrapper .article-title-comments {
				font-weight: bold;
				padding: 1px 0 1px 0;
				color: #0F7DB5;
				}
				#content-wrapper .article-title-comments  .comments{
					background: url(../../../images/icons/comment.gif) left top no-repeat transparent;
					padding: 1px 0 0 17px;
					color: #000;
					}
			#content-wrapper .article-title-comments a:hover, #content-wrapper .article-title-comments a:focus{
				text-decoration: none;
				border-bottom: 1px solid #666;
				}
			
				
		#content-wrapper .date-posted{
			float: left;
			width: 390px;
			font-size: 80%;
			color: #999999;
			margin: 0 0 10px 0;
			}
		#content-wrapper .article{
			float: left;
			width: 390px;
			font-size: 85%;
			margin: 5px 0 0 0;
			line-height: 1.4;
			}
		#content-wrapper .article p{
			padding: 0 0 0 0;
			margin: 0 0 15px 0;
			}
		
		#content-wrapper .read-write-comments a{
			float: left;
			border: 1px solid #ccc;
			background: #eee;
			padding: 5px 7px 5px 7px;
			margin: 0 5px 0 0;
			display: block;
			font-size: 85%;
			}
		#content-wrapper .read-write-comments a:hover, #content-wrapper .read-write-comments a:focus{
			background: #0F7DB5;
			color: #fff;
			border: 1px solid #273B5B;
			}
		
		
		/*-------------blog answers-------*/
		#content-wrapper .answers{
			float: left;
			width: 378px;
			padding: 5px;
			margin: 5px 0 0 0;
			}
		#content-wrapper .odd{
			background-color: #f5f5f5;
			border: 1px solid #eee;
			}
		#content-wrapper .even{
			background-color: #fff;
			border: 1px solid #eee;
			}
		#content-wrapper .article-container .spam{
			background-color: #FF00FF;
			border: 1px solid #eee;
			}
		#content-wrapper .article-container .draft_comment{
			background-color: #f5f5f5;
			border: 1px solid #eee;
			}
		#content-wrapper .article-container .live_comment{
			background-color: #fff;
			border: 1px solid #eee;
			}
			#content-wrapper .answers .who-commented{
				float: left;
				width: 380px;
				font-size: 85%;
				margin: 5px 0 0 0;
				padding: 0;
				line-height: 1.4;
				font-weight: bold;
				}
			#content-wrapper .answers .date-posted{
				float: left;
				width: 378px;
				font-size: 80%;
				color: #999999;
				margin: 0 0 10px 0;
				}
			#content-wrapper .answers .comments{
				float: left;
				width: 378px;
				font-size: 85%;
				margin: 5px 0 15px 0;
				padding: 0;
				line-height: 1.4;
				}
			#content-wrapper .answers .comments p{
				padding: 0 0 10px 0;
				margin: 0 0 0 0;
				}

		/*-----------------blog write comment-------------------*/
		#write-comments-container{
			float: left;
			width: 378px;
			padding: 5px;
			margin: 15px 0 10px 0;
			border: 1px solid #ccc;
			background-color: #fff;
			}
			#write-comments-container .warnings{
				padding: 5px 0px 3px 0px;
				font-size: 85%;
				color: #0066FF;
				margin: 0;
				}
			#write-comments-container ul{
				float: left;
				width: 358px;
				margin: 0;
				padding: 5px;
				}
				#write-comments-container ul li{
					float: left;
					width: 358px;
					list-style: none;
					padding: 0; 
					margin: 2px 0 2px 0;
					font-size: 110%;
					}
					#write-comments-container input{
						float: left;
						width: 135px;
						padding: 1px 0 1px 2px;
						margin: 0;
						border: 1px solid #ccc;
						background: #fff;
						}
					#write-comments-container label{
						float: left;
						width: 215px;
						font-size: 85%;
						padding: 2px 0 0 4px;
						margin: 0;
						background: #fff;
						}
					#write-comments-container textarea{
						float: left;
						width: 356px;
						padding: 5px;
						font-size: 95%;
						margin: 0;
						border: 1px solid #ccc;
						background: #fff;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						}
					
					#write-comments-container #submit{
						float: left;
						border: 1px solid #ccc;
						background: #eee;
						padding: 5px 7px 5px 7px;
						margin: 0 5px 0 0;
						display: block;
						color: #0F7DB5;
						}
					#write-comments-container #submit:hover, #write-comments-container #submit:focus{
						background: #0F7DB5;
						color: #fff;
						border: 1px solid #273B5B;
						cursor: pointer;
						}


/*---------------------------Contact us page----------------------------------*/
#content-wrapper #contact-details{
		float: left;
		margin: 30px 0 30px 0;
		padding: 0;
		}
		#content-wrapper #contact-details ul{
			list-style: none;
			padding: 0 0 0 50px;
			margin: 0 0 20px 0;
			width: 350px;
			}
		#content-wrapper #contact-details li{
			list-style: none;
			background-image: none;
			padding: 2px 0 2px 0;
			margin: 2px 0 0 0;
			display: block;
			width: 350px;
			}
	#contact-details #postal-address{
		background-image: url(/templates/images/icons/email_open_image.gif);
		background-repeat: no-repeat;
		background-position: 25px 0;
		}
	#contact-details #phone-number{
		background-image: url(/templates/images/icons/telephone.gif);
		background-repeat: no-repeat;
		background-position: 25px 2px;
		}
	#contact-details #fax-number{
		background-image: url(/templates/images/icons/fax.gif);
		background-repeat: no-repeat;
		background-position: 25px 2px;
		}
	#contact-details #email-address{
		background-image: url(/templates/images/icons/email.gif);
		background-repeat: no-repeat;
		background-position: 25px 4px;
		margin: 0 0 0 0;
		}
	#contact-details #company-number{
/*					background-image: url(/templates/images/icons/email.gif);
		background-repeat: no-repeat;
		background-position: 75px 4px;
*/					margin: 0 0 0 0;
		}
	#contact-details #vat-number{
/*					background-image: url(/templates/images/icons/email.gif);
		background-repeat: no-repeat;
		background-position: 75px 4px;
*/					margin: 0 0 0 0;
		}



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

	#contact-form{
		width:378px;
		padding: 0 0 0 20px;
		margin: 0 0 10px 0;
		background-color: #eee;
		border: 1px solid #c5d1f1;
		}

	#content-wrapper #contact-form ul{
		float: left;
		padding: 0 0 10px 0;
		margin: 5px 0 0 0;
		width: 378px;
		background-image: none;
		}

	#content-wrapper #contact-form li{
		float: left;
		width: 378px;
		padding: 0 0 5px 0;
		margin: 5px 0 0 0;
		background: transparent;
		background-image: none;
		list-style: none;
		}

	#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: 287px;
		padding: 2px 0 2px 1px;
		font-size: 110%;
		margin: 0 0 0 0;
		border: 1px solid #7f9db9;
		background: #fff;
		}

	#contact-form select{
		float: left;
		width: 290px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		border: 1px solid #7f9db9;
		font-size: 95%;
		}

	#contact-form #contact-form-message{
		float: left;
		width: 353px;
		height: 100px;
		padding: 0 0 5px 0;
		border: 1px solid #7f9db9;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 105%;
		}

	/*#contact-form #send-message-button{
		width: 151px;
		height: 25px;
		border: none;
		float: right;
		margin: 0 53px 0 0;
		display: inline;
		}*/
	#contact-form .warnings{
		padding: 5px 0px 3px 0px;
		font-size: 85%;
		color: #0066FF;
		margin: 0;
		}
	
	#contact-form #send-message-button{
		float: right;
		padding: 5px 7px 5px 7px;
		margin: 0 23px 0 0;
		display: inline;
		font-size: 110%;
		width: auto;
		background: #0F7DB5;
		color: #fff;
		border: 1px solid #273B5B;
		cursor: pointer;
		}
	#contact-form #send-message-button:hover, #contact-form #send-message-button:focus{
		background: #eee;
		color: #0F7DB5;
		border: 1px solid #ccc;
		}

				
/*---------------------------------------Footer-----------------------------*/
		#footer-container{
			margin: 0px auto;
			width: 760px;
			}
		#footer{
			float: left;
			width: 760px;
			background: url(../../../images/footer.gif) left top no-repeat #fff;
			padding: 0 0 140px 0;
			}
		#footer-width{	
			float: left;
			width: 720px;
			color: #0076a8;
			font-size: 80%;
			padding: 135px 20px 30px 20px;
			}
		
		#footer-width  li{
			display: inline;
			padding: 0;
			margin: 0 5px 0 0;
			float: left;
			}
		#footer a{
			color: #333;
			font-size: 90%;			
			}
		#footer a:hover, #footer a:focus{
			color: #0076a8;
			}