/* -------------------------------------------- */
/*           (c) Advent Web Solutions           */
/*         www.adventwebsolutions.co.nz         */
/* -------------------------------------------- */

#Logo a, #email{display: block; font-size: 0px; text-indent: -9999px; line-height: 0;}

html{font-size: 100%;}
body{font-size: 62.5%; font-family: Verdana, sans-serif; color: #787a7c; text-align: center;}

/* LAYOUT */
#Wrapper{text-align: left; width: 946px; margin: 0 auto;}
	
	#Top{background: url(../images/Top.png) 0 100% no-repeat; height: 125px; padding-bottom: 105px;}
		#Logo{float: left; margin-left: 21px;}
			#Logo a{background: url(../images/Logo.png) no-repeat; width: 240px; height: 106px;}
		#Nav{margin-left: 300px;}
			#Nav li{float: left; margin-right: 19px; padding-top: 62px;}
				#Nav a{display: block; font-size: 1.2em; color: #8a8c8e; text-decoration: none; padding: 7px 0;}
					#Nav a:hover, #Nav .current a, #Nav .section a{color: #505152;}
			#Search{display: none;} /* search currently disabled */
				#Search input{border: 1px solid #cfd0d2; color: #cfd0d2; width: 114px; padding: 5px 8px;}
					#Search input:hover, #Search input:focus{border: 1px solid #c1c1c1; color: #8e8e8e;}

	
	#Layout{background: url(../images/Layout.png) 0 100% no-repeat; line-height: 1.5; padding: 30px 50px 0 50px;}
		#SubNav{float: left; clear: left; border-top: 1px solid #d57c64; border-right: 1px solid #d57c64; width: 170px; margin-top: 42px; padding-bottom: 20px;}
			#SubNav li.SubTitle{color: #C02026; margin: 0 0 30px 0;}
				#SubNav li.SubTitle span{position: relative; top: -0.9em; background: #fff; font-size: 1.6em; padding: 4px 4px 4px 0;}
			#SubNav li{margin: 0 0 1em 30px;}
				#SubNav a{font-size: 1.4em; text-decoration: none;}
				#SubNav a.menu0{color: #f89522;}
				#SubNav a.menu1{color: #00b1f0;}
				#SubNav a.menu2{color: #95c949;}
				#SubNav a.menu3{color: #2a3990;}
					#SubNav a:hover, #SubNav a.current, #SubNav a.section{font-weight: bold;}	
				#SubNav ul{margin: 10px 0 20px 0;}
					#SubNav ul li{}
						#SubNav ul a{font-size: 1.2em; color: #c02026!important;}
							#SubNav ul a:hover, #SubNav ul a.current, #SubNav ul a.section{font-weight: normal; text-decoration: underline;}
					
		#Newsletter{float: left; clear: left;}
			#Newsletter input{}
				#Newsletter input:hover, #Newsletter input:focus{}
		
		#Content, #BlogContent{padding-bottom: 103px; width: 100%; overflow: hidden;}
			#ProductGroup{width: 596px; margin-left: 250px;}
				#myGallery{float: right; border: 0!important; margin-left: 2em;}


	#Footer{clear: both; position: relative; background: url(../images/Footer.png) 100% 0 no-repeat; width: 820px; height: 58px; margin: 0 auto; padding: 18px 65px 0 0;}
				
		#FooterNav{float: right;}
			#FooterNav li{float: left; margin-right: 23px;}
				#FooterNav a{display: block; font-size: 1.2em; color: #c02026; text-decoration: none;}
					#FooterNav a:hover, #FooterNav .current a{text-decoration: underline;}
		
		#Address{float: left; margin-left: 28px;}
			#Address li{float: left; font-size: 1.2em; color: #c02026; margin-right: 15px;}
				#Address a{color: #c02026; text-decoration: none;}
					#Address a:hover{text-decoration: underline;}
				#Address #email{background: url(../images/email.png) no-repeat; width: 133px; height: 11px;}
					#Address #email:hover{border-bottom: 1px solid #c02026;}

		#Copyright{position: absolute; bottom: 15px; left: 0; border-top: 1px solid #c84b39; color: #95979a; width: 792px; padding: 9px 0 0 28px;}
			#Copyright a{color: #C02026; text-decoration: none;}
				#Copyright a:hover{text-decoration: underline;}

			#Copyright #bluetwist{background: url(../images/bluetwist.png) 0 2px no-repeat; padding-left: 8px;}


/* DOWNLOADS */
#FileListing a[href$='.pdf']{
	display:inline-block;
	padding-left:20px;
	line-height:18px;
	background:transparent url(../images/PDFIcon.png) center left no-repeat;
}
#FileListing a[href$='.jpg']{
	display:inline-block;
	padding-left:20px;
	line-height:18px;
	background:transparent url(../images/JPGIcon.png) center left no-repeat;
}

		
/* ECOMMERCE */
#ProductGroup .categoryTitle{border-bottom: 1px solid #a0a2a5; margin: 2em 0 0.5em 0; padding-bottom: 0.5em;}

.resultsShowing{font-size: 0.83em; text-align: right;}

#ProductGroup .productList{width: 100%; overflow: auto;}
	#ProductGroup .productItem{float: left; background: 0; border: 1px solid #9fa1a4; width: 158px; height: 400px; margin: 9px; padding: 10px;}
		.productItem img{display: block; margin: 0 auto;}
		.productTitle{font-size: 1em; text-align: center; margin: 0.5em 0;}
		.productPrice{display: block; color: #8cc63f; font-weight: bold; text-align: center; margin: 0 0 0.2em 0;}
		.quantityBox{text-align: center; margin: 0;}
		#ProductGroup .productItem p{line-height: 1.2; margin-bottom: 0.2em;}


/* BLOG */
.blogSummary{border-bottom: 1px solid #A0A2A5; margin-bottom: 2em; padding-bottom: 0.2em;}
	.blogSummary .authorDate, .blogSummary .blogVitals{font-size: 0.86em; margin: 0;}
	.blogSummary .blogVitals{float: right;}
		.blogSummary .authorDate strong{color: #C02026;}


/* SEARCH RESULTS */
#SearchResults li{background: none; border-bottom: 1px solid #ccc; margin-bottom: 1em;}
	#SearchResults h3{margin: 0 0 0.5em 0;}
	#SearchResults li li{display: none;}
		#SearchResults a.readMoreLink{display: none;}


/* GALLERY */
#ImageGallery th, #ImageGallery td{text-align: center; padding: 5px;}
	#ImageGallery img{border: 1px solid #b5b5b5; padding: 2px;}


/* FORMS */
.typography form{clear: both; padding: 25px;}
	.typography fieldset{}
	
	.typography label.FormHeading{display: block; font-size: 1.2em; color: #1884CF; font-weight: bold; margin-bottom: 1em;}
	
	.typography .field{width: 100%; padding-bottom: 10px; overflow: auto;}
		.typography label.left{float: left; display: block; border-bottom: 1px solid #ccc; color: #bd1d22; width: 150px; padding: 3px 0 2px 0;}
		.typography .middleColumn, .typography .Actions{display: block; margin-left: 150px;}
			.typography .middleColumn input, .typography .middleColumn textarea, .typography .middleColumn select{border: 1px solid #abacae; width: 250px; padding: 3px;}
			.typography .middleColumn textarea{font-size: 1em; font-family: Arial, Verdana, sans-serif; width: 300px; height: 140px;}
				.typography .middleColumn input:hover, .typography .middleColumn textarea:hover, .typography .middleColumn select:hover{border: 1px solid #cb7376;}
				.typography .middleColumn input:focus, .typography .middleColumn textarea:focus, .typography .middleColumn select:focus{border: 1px solid #a82b30;}
			.typography span.required{display: block; font-size: 0.86em; color: #971717; margin-left: 150px; padding: 2px 0;}


/* GOOGLE MAPS */
#GoogleMapHolder{float: left; border: 1px solid #ccc; margin: 0 20px 30px 0; padding: 3px;}
	.GoogleMap{width: 350px!important; height: 220px!important;}