html { overflow-y: scroll; }
* { outline: none; }

/***** ZERO ALL ELEMENTS *****/
html,body,table,tr,td,p,br,form,h1,h2,h3,h4,div,ul,li {
	color: #000;
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

/*** UNZERO UL and LI ***/
ul {
	margin: 0 0 20px 20px;
}
li {
	margin: 0 0 0 20px;
}

/***** DEFAULT STYLES *****/
a:link, a:visited { color: #0077be; text-decoration: underline; }
a:hover, a:active { color: #000; text-decoration: underline; }
img { border: 0px; }

br.breaker { clear: both; }

h1 { font-size: 34px; color: #727a35; margin: 0 0 5px 0; font-weight: normal; letter-spacing: -1px;}
/**h2 { font-size: 25px; color: #727a35; margin: 0 0 10px 0;  font-weight: normal; line-height: 1.1em; letter-spacing: -1px; }**/
h2, h3 { font-size: 15px; color: #727a35; margin: 5px 0 15px 0; line-height: 1.2em;  font-weight: normal;  }

p { margin: 0 0 15px 0; line-height: 1.6em; font-size: 13px; }
p.enquirenow { font-size: 14px; color: #727a35; margin-bottom: 0; font-weight: bold; text-transform: uppercase; }
p.enquirenow a:link, p.enquirenow a:visited { color: #727a35; text-decoration: none; }
p.enquirenow a:hover, p.enquirenow a:active { text-decoration: underline; }

input, select, textarea { font-family: 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }

/***** LAYOUT *****/
body {
	background: url(/images/page-bg.jpg) no-repeat center top;
}

#wrapper {
	width: 965px;
	margin: 0 auto;
}

	#header {
		width: 965px;
		height: 150px;
		position: relative;
	}
	
		#logo { position: absolute; top: 35px; left: 0; }
		#tagline { position: absolute; top: 55px; right: 120px; }
	
	#pagearea {
		width: 953px;
		padding: 6px;
		
		background: #fff;
		-moz-box-shadow: 1px 1px 9px #666;
		-webkit-box-shadow: 1px 1px 9px #666;
		box-shadow: 1px 1px 9px #666;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');
	}
	
		#navbar {
			width: 755px;
			height: 70px;
			background: #8a9155;
			position: relative;
			padding: 0 0 0 198px;
			margin: 0 0 6px 0;
			z-index: 5;
		}
		
			#navbar ul {
				float: left;
				width: 755px;
				height: 70px;
				margin: 0;
				padding: 0;
			}
			
				#navbar ul li {
					list-style: none;
					float: left;
					display: block;
					margin: 0;
					height: 30px;
					padding: 40px 7px 0 0;
					font-size: 15px; 
					color: #fff;
					position: relative;
				}
				
					#navbar ul li a:link, #navbar ul li a:visited { display: inline-block; color: #fff; text-decoration: none; padding: 0; margin-right: 7px;  }
					#navbar ul li a:hover, #navbar ul li a:active { color: #c3d940; }
				
					#navbar ul li .sub {
						position: absolute; /*--Important--*/
						top: 70px; left: 0;
						z-index: 999;
						padding: 3px 0 10px 0;
						float: left;
						display: none;
						background: #fff;
						-moz-box-shadow: 2px 2px 4px #666;
						-webkit-box-shadow: 2px 2px 4px #666;
						box-shadow: 2px 2px 4px #666;
						/* For IE 8 */
						-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')";
						/* For IE 5.5 - 7 */
						filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');
					}
					
					#navbar ul li .sub ul { width: 180px; height: auto; }
					#navbar ul li .sub li {
						float: none;
						padding: 2px 7px 2px 7px;
						margin: 0;
						height: auto;
						font-size: 13px;
						color: #000;
					}
					
					#navbar ul li .sub li a:link, #navbar ul li .sub li a:visited { display: inline; color: #000; text-decoration: none; padding: 0; margin: 0; }
					#navbar ul li .sub li a:hover, #navbar ul li .sub li a:active { text-decoration: underline; background: none; }
					
		#breadcrumb {
			height: 30px;
			margin: 0 0 6px 0;
			position: relative;
		}
			
			#breadcrumb p {
				line-height: 30px;
				margin: 0;
				font-size: 14px;
			}
			
				#breadcrumb a:link, #breadcrumb a:visited { color: #000; text-decoration: none; }
				#breadcrumb a:hover, #breadcrumb a:active { color: #c3d940; text-decoration: underline; }
			
			#searchform	{ margin: 0; padding: 0; }
			#searchform p { position: absolute; right: 0; top: 0; _right: -1px; }
				#searchform label { display: none; }
				#search {
					background: #e4edb4;
					border: 0;
					color: #000;
					font-size: 14px;
					height: 30px;
					width: 205px;
					line-height: 30px;
					margin: 0; padding: 0 0 0 10px;
					vertical-align: top;
					_margin-top: -1px;
				}
				#search-button {
					background: #c3d940;
					border: 0;
					height: 30px;
					width: 65px;
					color: #727a35;
					font-size: 14px;
					font-weight: bold;
				}
				
		#leftnav {
			float: left;
			width: 188px;
			margin: 0 10px 0 0;
		}
		
			#leftnav ul {
				margin: 0;
				padding: 0;
			}
				#leftnav ul li {
					list-style: none;
					margin: 0;
					padding: 0 0 10px 0;
					font-size: 14px;
				}
					#leftnav ul li a:link, #leftnav ul li a:visited { color: #727a35; text-decoration: none; padding-left: 30px; display: block; }
					#leftnav ul li a:hover, #leftnav ul li a:active { text-decoration: underline; }
					
					#leftnav ul li ul {
						display: none;
						margin: 0;
						padding: 0;
					}
					
						#leftnav ul li.active { background: url(/images/left-nav-pointer.gif) no-repeat left top; font-weight: bold;}
					
						#leftnav ul li ul.active { display: block; }
					
						#leftnav ul li ul li {
							list-style: none;
							background: none;
							padding: 2px 0;
							font-size: 13px;
							font-weight: normal;
						}
						
							#leftnav ul li ul li.active {
								font-weight: bold; letter-spacing: -1px; background: none;
								background: url(/images/left-nav-pointer.gif) no-repeat left 1px;
							}
						
							#leftnav ul li ul li a:link, #leftnav ul li ul li a:visited { color: #000; text-decoration: none; }
							#leftnav ul li ul li a:hover, #leftnav ul li ul li a:active { text-decoration: underline; }
		
		#contentarea {
			float: left;
			width: 755px;
			overflow: hidden;
			position: relative;
			z-index: 1;
		}
		
			div.pagesquarecont {
				float: left;
				width: 760px;
				margin-bottom: 10px;
			}
		
				div.pagesquare {
					float: left;
					margin: 0 5px 5px 0;
					border: 3px solid #c3d940;
					overflow: hidden;
				}
				
					div.pagesquare img { float: left; }
				
					div.size1x1 { width: 179px; height: 179px; }
					div.size2x1 { width: 369px; height: 179px; }
					div.size3x1 { width: 559px; height: 179px; }
					div.size4x1 { width: 749px; height: 179px; }
					
					div.size1x2 { width: 179px; height: 369px; }
					div.size2x2 { width: 369px; height: 369px; }
					div.size3x2 { width: 559px; height: 369px; }
					
					
			#brokcontainer {
				float: left;
				width: 760px;
				margin-bottom: 15px;
				overflow: hidden;
			}
			
				div.brokitem {
					float: left;
					width: 179px;
					height: 320px;
					margin: 0 5px 5px 0;
					border: 3px solid #e4edb4;
					background: #e4edb4;
				}
				
					p.brok-prodname { font-size: 14px; font-weight: bold; line-height: 20px; margin: 0 0 3px 7px; }
						p.brok-prodname a:link, p.brok-prodname a:visited { color: #727a35; text-decoration: none; }
						p.brok-prodname a:hover, p.brok-prodname a:active { text-decoration: underline; }
					p.brok-spec { font-size: 12px; line-height: 16px; margin: 0 0 3px 7px; }
					p.brok-feat { font-size: 12px; line-height: 16px; margin: 0 0 3px 7px; }
					p.brok-more { color: #0077be; font-weight: bold; font-size: 12px; margin: 0 0 3px 7px;}
						p.brok-more a:link, p.brok-more a:visited { color: #0077be; text-decoration: none; }
						p.brok-more a:hover, p.brok-more a:active { text-decoration: underline; }
					p.brok-enquire { color: #727a35; font-weight: bold; font-size: 12px; margin: 0 0 3px 7px;}
						p.brok-enquire a:link, p.brok-enquire a:visited { color: #727a35; text-decoration: none; }
						p.brok-enquire a:hover, p.brok-enquire a:active { text-decoration: underline; }
			div.content-full {
				float: left;
				width: 755px;
				margin: 0 0 15px 0;
			}
		
			div.content-left {
				float: left;
				width: 555px;
				margin: 0 0 15px 0;
			}
			
			div.content-right {
				float: right;
				width: 185px;
				margin: 0 0 15px 0;
			}
			
				div.quote {}
				
					div.quote p { font-size: 13px; margin: 0; }				
					div.quote p.quote {
						color: #8aacda;
						font-size: 20px;
						line-height: 24px;
						font-family: Georgia, serif;
						font-weight: bold;
					}
					div.quote p.quote img { vertical-align: bottom; }
					
			#refinebar {
				clear: both;
				float: left;
				margin-bottom: 10px;
				width: 760px;
			}
			
				#refinebar div { float: left; padding-right: 15px; }
			
				#refinebar label { font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; font-size: 12px; font-weight: bold; }
				#refinebar select { font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; font-size: 12px;  }
				#refinebar input { padding-top: 2px; }
				#refinebar input.go { padding: 0; margin: 0; background: #727a35; color: #fff; font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; font-size: 13px; font-weight: bold; border: 0; padding: 1px 10px 2px 10px; }
		
		#pagebottom {
			clear: both;
			width: 953px;
			margin: 6px 0 6px 0;
		}
		
			#pagebottom-bar {
				height: 30px;
			}
			
				#pagebottom-bar p { line-height: 30px; margin: 0; }

				#pagebottom-news {
					float: left;
					width: 700px;
					height: 30px;
					background: #d4e27f;
				}
				
					#pagebottom-news p { padding: 0 10px; margin: 0; font-size: 13px; }
				

				#pagebottom-signup {
					float: right;
					width: 253px;
					height: 30px;
					background: #d4e27f;
					color: #727a35;
					font-size: 11px;
					text-align: right;
				}
				
					#pagebottom-signup p { color: #727a35; padding: 0 10px; margin: 0;}
					
					#pagebottom-signup span { letter-spacing: 0px; padding-right: 10px;}
					
					#pagebottom-signup a { display@ block; padding: 2px 4px; border: 1px solid #727a35;}
				
					#pagebottom-signup a:link, #pagebottom-signup a:visited { color: #727a35; text-decoration: none; }
					#pagebottom-signup a:hover, #pagebottom-signup a:active { background: #727a35; color: #ffffff; text-decoration: none; }
				
				
			#pagebottom-container {
				float: left;
				border-left: 1px solid #c3d940;
				border-right: 1px solid #c3d940;
				border-bottom: 1px solid #c3d940;
			}
			
				div.pagebottom-col {
					float: left;
					width: 284px;
					height: 180px;
					margin: 6px 10px;
					padding: 0 6px;
					border-right: 1px solid #c9cacc;
					font-size: 12px;
					color: #666;
				}

				div.pagebottom-colend {
					border:0;
				}

					div.pagebottom-col ul li {
						margin: 0;
						padding: 0 0 0 12px;
						font-size: 12px;
					}
					
					div.pagebottom-col ul li a:link, div.pagebottom-col ul li a:visited { color: #666; text-decoration: none; font-size: 12px; }
					div.pagebottom-col ul li a:hover, div.pagebottom-col ul li a:active { color: #666; text-decoration: underline; }
				
				p.pagebottom-head { font-weight: bold; margin: 0; font-size: 12px; color: #666; }
					p.pagebottom-head a:link, p.pagebottom-head a:visited { color: #666; text-decoration: none; }
					p.pagebottom-head a:hover, p.pagebottom-head a:active { text-decoration: underline; }
				
				p.pagebottom-newsletter { font-size: 20px; font-weight: bold; line-height: 20px; margin-top: 5px; }
				p.pagebottom-newsletter a:link, p.pagebottom-newsletter a:visited { color: #b0b579; text-decoration: none; font-size: 20px; letter-spacing: -1px;}
				p.pagebottom-newsletter a:hover, p.pagebottom-newsletter a:active { color: #b0b579; text-decoration: underline; }
		
		#pagefooter {
			clear: both;
			width: 953px;
		}
			
			#pagefooter p { margin: 0; font-size: 10px; }
			
/***** MAP ******/
#map-bg {
	width: 749px;
	height: 927px;
	background: url(/maps/map.jpg) no-repeat left top;
	margin-bottom: 15px;
	border: 3px solid #d4e27f;
	position: relative;
}

	div.dot {
		width: 21px;
		height: 21px;
		position: absolute;
		z-index: 9;
	}
	
	div.map-detail {
		display: none;
		width: 215px;
		position: absolute;
		z-index: 1;	
	}
	
		div.map-detail p { font-size: 11px; line-height: 1.3em; margin: 0; }
		div.map-detail p.map-title { font-size: 15px; margin: 5px 0; }
		
		img.close-button {
			position: absolute;
			right: 15px;
		}
	
	div.map-bottom-left {
		bottom: 0px;
		left: -59px;
		background: url(/maps/map-bubble-bottom-left.png) no-repeat left top;
		height: 255px;
		padding: 10px 15px 75px 10px;
	}
	
		div.map-bottom-left img.close-button { bottom: 75px; }
	
	div.map-bottom-right {
		bottom: 0px;
		right: -64px;
		background: url(/maps/map-bubble-bottom-right.png) no-repeat left top;
		height: 255px;
		padding: 10px 15px 75px 10px;
	}
	
		div.map-bottom-right img.close-button { bottom: 75px; }
	
	div.map-top-left {
		top: 5px;
		left: -59px;
		background: url(/maps/map-bubble-top-left.png) no-repeat left top;
		height: 255px;
		padding: 67px 15px 18px 10px;
	}
	
		div.map-top-left img.close-button { bottom: 18px; }
		
	div.opened {
		display: block;
	}
		
/**************************
 PRODUCT PAGE
 **************************/
 

 
#modelpageleft {
	float: left;
	width: 565px;
	margin: 0 5px 0 0;
	position: relative;
}

	#prev {
		position: absolute;
		left: 5px;
		top: 165px;
		z-index: 999;
	}
	
	#next {
		position: absolute;
		right: 5px;
		top: 165px;
		z-index: 999;
	}
	
	#mainprodimgbox {
		float: left;
		border: 3px solid #c3d940;
		height: 369px;
		width: 559px;
		overflow: hidden;
	}

	#mainprodimg {
		float: left;
	}


#modelpageright {
	float: left;
	width: 185px;
}

	img.altimg {
		float: left;
		border: 3px solid #c3d940;
		margin: 0 0 5px 0;
	}
	
	
.locationbutton { cursor: pointer; }
	
/********************************** SITEMAP ***************************************/
ul.sitemap, ul.sitemap ul, ul.sitemap ul ul { margin: 0; padding: 0; }
ul.sitemap li { margin: 0; padding: 3px 0; list-style: none; }

ul.sitemap { margin-bottom: 20px; }
ul.sitemap li { font-size: 16px;  }
ul.sitemap li li { font-size: 14px; padding-left: 20px; }
ul.sitemap li li li { font-size: 12px; padding-left: 20px; }


/********************************** CONTACT FORM **********************************/	
#contactform {}
#contactform label { float: left; width: 120px; }

/********************************** BROCHURE FORM **********************************/	
#brochureform { background: #fff; margin: 20px 20px 0 20px; padding: 20px 20px 0 20px; width: 900px; height: 485px; }
#brochureform p { line-height: 22px; margin: 2px 0;}
#brochureform label { margin: 0; }
	
/********************************** FRAME PAGE ************************************/
#bannerinfo { float: right; background: #3c85c3; margin: 16px; padding: 10px;
	text-align: right;
	-moz-box-shadow: 2px 2px 4px #333;
	-webkit-box-shadow: 2px 2px 4px #333;
	box-shadow: 2px 2px 4px #333;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
}

	#bannerinfo p {
		color: #fff;
		margin: 0;
		font-size: 11px;
		line-height: 1.0em;
	}
	
		#bannerinfo p a:link, #bannerinfo p a:visited { color: #fff; text-decoration: none; }
		#bannerinfo p a:hover, #bannerinfo p a:active { color: #000; text-decoration: underline; }

	#bannerinfo p.big {
		color: #97b2d6; font-size: 26px; letter-spacing: -1px; margin-bottom: 10px;
	}
	
/**************************
 OMG HAX
 **************************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}