html { overflow-y: scroll; }

/***** ZERO ALL ELEMENTS *****/
html,body,table,tr,td,p,br,form,h1,h2,h3,h4,div,ul,li {
	margin: 0px; padding: 0px;
	font-family: arial, helv, helvetica, verdana;
	font-size: 12px;
	color: #000;
}

/***** DEFAULT STYLES *****/
a:link, a:visited { color: #2081C3; text-decoration: underline; }
a:hover { color: #79B3DB; text-decoration: underline; }
img { border: 0px; }

br.breaker { clear: both; }

/***** LAYOUT *****/
body { background: url(/images/body-default.gif) no-repeat 50% 30px; }

#pagecontainer {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

	/**** HEADER ****/
	#header {
		float: left;
		width: 960px;
		height: 168px;
		margin-bottom: 2px;
		background: url(/images/header-default.gif) no-repeat left top;
	}

		#logo {
			float: right;
			width: 300px;
			height: 168px;
		}

	/**** TOP NAV ****/
	#topnav {
		float: left;
		width: 960px;
		height: 34px;
		position: relative;
	}

		#topnav ul {
			float: left;
			width: 960px;
			height: 34px;
			margin: 0;
			padding: 0;
			list-style: none;
		}

			#topnav ul li {
				float: left;
				display: inline;
			}

				#topnav ul li a { display: block; margin-right: 2px; height: 30px; line-height: 30px; color: #fff; font-size: 15px; font-weight: bold; text-decoration: none; text-align: center; border-bottom: 4px solid #000; }
				#topnav ul li.tna a { width: 102px; }
				#topnav ul li.tnb a { width: 173px; }
				#topnav ul li.tnc a { width: 234px; }
				#topnav ul li.tnd a { width: 116px; }
				#topnav ul li.tng a { width: 106px; }
				#topnav ul li.tne a { width: 115px; }
				#topnav ul li.tnf a { width: 102px; margin-right: 0px; }


				#topnav ul li a:link, #topnav ul li a:visited { background: #2081C3; border-color: #79B3DB; }
				#topnav ul li a:hover, #topnav ul li a:active, #topnav ul li a.active:link, #topnav ul li a.active:visited { background: #79B3DB; border-color: #2081C3; color: #000; }

		#whitelineoverlay {
			position: absolute;
			width: 960px;
			height: 1px;
			background: #fff;
			top: 30px;
			left: 0px;
		}

	/**** LEFT NAV ****/
	#leftnav {
		float: left;
		width: 190px;
		margin-top: 10px;
		margin-right: 30px;
	}

		#leftnav ul {
			margin: 0;
			padding: 0 0 5px 0;
			background: #fff;
		}

			#leftnav ul li {
				list-style: none;
				margin: 0 10px;
				border-bottom: 1px solid #BFDDEF;
			}

				#leftnav ul li a { padding: 12px 0 12px 10px;  }
				#leftnav ul li a:link, #leftnav ul li a:visited { color: #000; font-size: 14px; font-weight: bold; text-transform: lowercase; text-decoration: none; display: block; }
				#leftnav ul li a:hover, #leftnav ul li a:active { text-decoration: underline; }

			#leftnav ul li.heading {
				margin: 0px;
				background: #2081C3;
				color: #fff;
				font-size: 15px;
				font-weight: bold;
				border-bottom: 0px;
				padding: 6px 0 6px 20px;
				margin-bottom: 5px;
			}

				#leftnav ul ul.subnav {
					margin: 0;
					padding: 0;
				}

					#leftnav ul ul.subnav li {
						list-style: none;
						margin: 0;
						padding: 0;
						border-width: 0px;
					}

						#leftnav ul ul.subnav li a { padding: 0; }
						#leftnav ul ul.subnav li a:link, #leftnav ul ul.subnav li a:visited { font-size: 11px; font-weight: normal; padding: 0 0 3px 20px; text-transform: none; display: block; }
						#leftnav ul ul.subnav li a:hover, #leftnav ul ul.subnav li a:active { }

	/**** MAIN CONTENT ****/
	#maincontent {
		float: left;
		width: 740px;
		margin-top: 10px;
	}

		#maincontent.fullwidth { width: 960px; }

		#maincontent h1 	{ font-size: 22px; font-weight: normal; margin: 10px 0 5px 0; text-transform: lowercase; border-bottom: 1px solid #2081C3; padding: 4px 0 5px 0; }
		#maincontent h2 { font-size: 15px; font-weight: bold; margin: 10px 0 5px 0; text-transform: normal; border-bottom: 0px; padding: 0; }
		#maincontent h2.head { font-size: 17px; font-weight: normal; margin: 10px 0 5px 0; text-transform: lowercase; border-bottom: 0px; padding: 0; }

		#maincontent h3 { font-size: 12px; font-weight: bold; margin: 10px 0 3px 0; color: #2081C3; }

		p { margin: 8px 0; line-height: 18px;}

		#maincontent { line-height: 18px; }

			#maincontent ul {
				margin-left: 20px;
				list-style: square;
			}

				#maincontent ul li {
					padding: 2px 0;
				}

		/**** HOMEPAGE ****/


		#home-footer {
			float: left;
			width: 960px;
			border-bottom: 15px solid #2081C3;
			padding-bottom: 5px;
		}

			div.home-footer-left {
				float: left;
				width: 390px;
				padding: 20px 15px;
			}

				div.home-footer-left p { font-size: 13px; line-height: 22px; }

			div.home-footer-links {
				float: left;
				width: 260px;
				padding: 40px 10px 0 0;
			}

				#maincontent div.home-footer-links h2 {
					text-transform: none;
					font-size: 18px;
				}

				#maincontent div.home-footer-links ul {
					margin: 0;
					padding: 0;
				}

					#maincontent div.home-footer-links ul li {
						list-style: none;
						margin: 0;
						padding: 2px 0;
					}

						#maincontent div.home-footer-links ul li a:link, #maincontent div.home-footer-links ul li a:visited { color: #000; }
						#maincontent div.home-footer-links ul li a:hover, #maincontent div.home-footer-links ul li a:active { color: #2081C3; }



		/**** PROD PAGE ****/
		#prodpageleft {
			float: left;
			width: 450px;
			padding-top: 15px;
		}

			table.prodpage {
				width: 100%;
				border-collapse: collapse;
				margin: 10px 0;
			}

				table.prodpage th {
					text-align: left;
					border: 1px solid #ccc;
					padding: 1px 3px;
					background: #ccc;
				}

				table.prodpage td {
					border: 1px solid #ccc;
					padding: 1px 3px;
				}

		#prodpageright {
			float: right;
			width: 270px;
			padding-top: 15px;
		}

			#prodpageright ul {
				margin: 0px 0 20px 0;
				padding: 0;
			}

				#prodpageright ul li {
					list-style: none;
					padding: 2px 0 2px 20px;
				}

					#prodpageright ul li a:link, #prodpageright ul li a:visited { font-size: 11px; font-weight: normal; }

		/**** CONTACT FORM ****/
		form.contactform {}

		form.contactform label { float: left; width: 100px; padding-top: 4px; }
		form.contactform input { }


	/**** FOOTER ****/
	#footer {
		float: left;
		width: 960px;
		margin-top: 10px;
		border-top: 1px solid #2081C3;
		padding-bottom: 10px;
	}

		#footerleft {
			float: left;
			width: 280px;
			padding: 10px 0 0 0;
		}

		#footerright {
			float: right;
			width: 680px;
			padding: 10px 0 0 0;
			text-align: right;
		}

			#footerleft p, #footerright p {
				color: #666;
				line-height: 18px;
				margin: 0;
				padding: 0;
			}

			#footerleft a:link, #footerleft a:visited, #footerright a:link, #footerright a:visited { color: #666; }
			#footerleft a:hover, #footerleft a:active, #footerright a:hover, #footerright a:active { color: #000; }

/**********************
  FLASH ANIMBLOCK
 ***********************/

 #flashanim {
 	float: left;
 	width: 960px;
 	height: 260px;
 	position: relative;
 	border-bottom: 1px solid #000;
 }

 #flashanim img {
 	display:none;
 	position:absolute;
 	top:0; left:0;
 }


/*****************
 SPECIFIC COLOURS
*****************/

#topnav ul li a:link, #topnav ul li a:visited { background: #ea4739; border-color: #fd6659; }
#topnav ul li a:hover, #topnav ul li a:active, #topnav ul li a.active:link, #topnav ul li a.active:visited { background: #fd6659; border-color: #ea4739; color: #000; }

#leftnav ul li { border-color: #fd6659; }
	#leftnav ul li.heading { background: #ea4739; }

#maincontent h1 { border-color: #ea4739; }
#maincontent h3 { color: #ea4739; }

#home-footer { border-color: #ea4739; }
#footer { border-color: #ea4739; }

a:link, a:visited { color: #ea4739; }
a:hover, a:active { color: #fd6659; }


h1#homeh1 {
	font-size: 13px; 
	line-height: 22px;  
	margin:0; 
	padding:0; 
	text-transform: capitalize; 
	text-decoration:none; 
	font-weight:bold;
}
