/* Initial layout */
body {
	color: #000;
	background: #9CB7D4;
	font-family: Verdana, Helvetica, Arial, Sans-serif;
	font-size: 76%;
	margin: 0;
	padding: 1em;
}

h1, h2, h3, h4, h5, h6, blockquote { color: #274C75; }
h1 { font-size: 200%; }
h2 { font-size: 150%; margin-top: 1em; }
h3 { font-size: 115%; }
h4 { font-size: 100%; margin-top: 1em;}
h5 { font-size: 80%; }
h6 { font-size: 65%; }
em { color: #993; }
acronym { 
	color: #990;
	cursor: default;
}
a:hover { 
	color: #C60;
}
ul.barelist {
	list-style-type: none;
	margin: 1em 0;
	padding: 0;
}



div#wrapper {
	width: 750px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
div#header {
	height: 137px;
	background: url(img/layout/header.gif) no-repeat;
}
h1 { 
	display: none;
}
div#inside {
	background: url(img/layout/inside-bg.gif) repeat-y;
	min-height: 500px;
	height: 500px;
}
html>body div#inside {
	height: auto;
}
	div#menu {
		width: 135px;
		float: left;
		position: absolute; 
		left: 1px; 
		top: 137px;
	}
		div#menu ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
			div#menu ul li {
				display: inline;
			}
			div#menu ul li a {
				display: block;
				background: url(img/layout/menu-btns.gif) no-repeat;
				font-size: 0;
				text-indent: -9999px;
				text-decoration: none;
			}
			div#menu ul li a#home {
				height: 30px;
			}
				div#menu ul li a#home:hover {
					background-position: -134px 0;
				}
				div#wrapper div#menu ul li a.homeactive {
					background-position: -268px 0;
				}
			div#menu ul li a#products {
				background-position: 0 -30px;
				height: 30px;
			}
				div#menu ul li a#products:hover {
					background-position: -134px -30px;
				}
				div#wrapper div#menu ul li a.productsactive {
					background-position: -268px -30px;
				}
			div#menu ul li a#support {
				background-position: 0 -60px;
				height: 30px;
			}
				div#menu ul li a#support:hover {
					background-position: -134px -60px;
				}
				div#wrapper div#menu ul li a.supportactive {
					background-position: -268px -60px;
				}
			div#menu ul li a#downloads {
				background-position: 0 -90px;
				height: 30px;
			}
				div#menu ul li a#downloads:hover {
					background-position: -134px -90px;
				}
				div#wrapper div#menu ul li a.downloadsactive {
					background-position: -268px -90px;
				}
			div#menu ul li a#newsevents {
				background-position: 0 -120px;
				height: 30px;
			}
				div#menu ul li a#newsevents:hover {
					background-position: -134px -120px;
				}
				div#wrapper div#menu ul li a.newseventsactive {
					background-position: -268px -120px;
				}
			div#menu ul li a#dealersection {
				background-position: 0 -150px;
				height: 30px;
			}
				div#menu ul li a#dealersection:hover {
					background-position: -134px -150px;
				}
				div#wrapper div#menu ul li a.dealersectionactive {
					background-position: -268px -150px;
				}
			div#menu ul li a#about {
				background-position: 0 -180px;
				height: 30px;
			}
				div#menu ul li a#about:hover {
					background-position: -134px -180px;
				}
				div#wrapper div#menu ul li a.aboutactive {
					background-position: -268px -180px;
				}
			div#menu ul li a#faq {
				background-position: 0 -210px;
				height: 30px;
			}
				div#menu ul li a#faq:hover {
					background-position: -134px -210px;
				}
				div#wrapper div#menu ul li a.faqactive {
					background-position: -268px -210px;
				}
			div#menu ul li a#contact {
				background-position: 0 -240px;
				height: 30px;
			}
				div#menu ul li a#contact:hover {
					background-position: -134px -240px;
				}
				div#wrapper div#menu ul li a.contactactive {
					background-position: -268px -240px;
				}
			div#menu ul li a#store {
				background-position: 0 -270px;
				height: 30px;
			}
				div#menu ul li a#store:hover {
					background-position: -134px -270px;
				}
				div#wrapper div#menu ul li a.storeactive {
					background-position: -268px -270px;
				}
			div#menu ul li a#supportingmedia {
				background-position: 0 -300px;
				height: 55px;
			}
				div#menu ul li a#supportingmedia:hover {
					background-position: -134px -300px;
				}
				div#wrapper div#menu ul li a.supportingmediaactive {
					background-position: -268px -300px;
				}
p#atia {
	margin: 20px 0 0 7px;
}
	p#atia a {
		display: block;
		width: 122px;
		height: 30px;
		background: url(img/atia-logo.gif) no-repeat;
		font-size: 0;
		text-indent: -9999px;
		text-decoration: none;
	}
div#sslcertified {
	display: none;
	margin: 20px 0 0 7px;
	width: 120px;
	/*
	height: 75px;
	background: url(img/go-daddy-turbo-ssl.gif);
	*/
	text-align: center;
}


		ul#submenu {
			list-style-type: none;
			margin: 0;
			padding: 32px 0 1em 15px;
			background: #EAEFF1 url(img/layout/sub-category-bar.gif) no-repeat 0 6px;
			font-size: 11px;
			height: 1%;
		}
		html>body ul#submenu {
			height: auto;
		}
			ul#submenu li {
				height: 2em;
			}
			ul#submenu li a {
				color: #000;
				font-weight: bold;
				display: block;
				width: 12em;
				height: 2em;
				line-height: 2em;
				text-decoration: none;
				padding-left: 20px;
			}
				ul#submenu li a:hover {
					color: #435E9F;
				}
				div#wrapper ul#submenu li a.active {
					color: #435E9F;
					background: url(../img/layout/sub-menu-arrow.gif) no-repeat 0 50%;
				}



	form#searchform {
		position: absolute; 
		top: 95px; 
		right: 39px;
		font-size: 10px;
	}
		form#searchform fieldset {
			border: none;
			padding: 0;
			margin: 0;
			width: 226px;
			height: 22px;
		}
		form#searchform fieldset input#search {
			float: left;
			width: 130px;
			background: #FFF;
			border: 1px solid #A6A49D;
			font-size: 14px;
			margin-right: 8px;
		}
			#searchform fieldset input#search:focus {
				background: #FFC;
			}
		form#searchform fieldset input#searchsubmit {
			width: 28px;
			height: 21px;
			float: left;
			border: none;
			background: url(img/layout/search-go.gif) no-repeat;
			font-size: 0;
			text-indent: -9999px;
			color: #84A53E;
		}
			#searchform fieldset input#searchsubmit:hover {
				background-position: 0 -21px;
			}
		form#searchform fieldset label {
			float: left;
			display: block;
			width: 40px;
			height: 22px;
			line-height: 20px;
			font-weight: bold;
			padding-right: 10px;
		}
			form#searchform fieldset label:hover {
				color: #C33;
			}
			form#searchform fieldset legend {
				display: none;
			}

	div#panel {
		width: 138px;
		float: right;
		padding-right: 12px;
		/*
		position: absolute;
		right: 12px;
		top: 137px;
		*/
	}
		div#panel h4 {
			margin: 0;
			font-size: 0;
			text-indent: -9999px;
			background: url(img/layout/panel-headings.gif) no-repeat;
		}
			div#panel h4#topthreeclicks {
				height: 22px;
			}
			div#panel h4#news {
				height: 22px;
				background-position: 0 -22px;
			}
			div#panel h4#learningcentre {
				height: 22px;
				background-position: 0 -44px;
			}
			div#panel h4#employment {
				height: 22px;
				background-position: 0 -66px;
			}
			div#panel h4#contactus {
				height: 22px;
				background-position: 0 -88px;
			}
			div#panel h4#myaccount {
				height: 22px;
				background-position: 0 -154px;
			}
			div#panel h4#feedback {
				height: 22px;
				background-position: 0 -220px;
			}
			div#panel h4#newsletter {
				height: 22px;
				background-position: 0 -242px;
			}
		div#panel div.panelcontent {
			background: #EAE9E9;
			padding: 10px;
			font-size: 10px;
		}
			div#panel div.panelcontent h4 {
				font-size: 100%;
				text-indent: 0;
				background: none;
			}
			div#panel h5 {
				font-size: 10px;
				margin-top: 0;
			}
				div#panel h5.news {
					margin-bottom: 0;
				}
			div#panel div.panelcontent p {
				margin: 0;
			}
				div#panel div.panelcontent p.summary {
					margin-top: 1em;
				}
				div#panel div.panelcontent p.link {
					margin: 0.5em 0 1em 0;
				}
				div#panel div.panelcontent p.date {
					font-size: 9px;
					color: #933;
				}
			div#panel div.panelcontent ol {
				list-style-type: none;
				margin: 0;
				padding: 0;
				line-height: 1.4em;
			}
			div#panel div.panelcontent ul#panelorder {
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
				div#panel div.panelcontent ul#panelorder li#USD {
					background: url(/img/layout/flag-usd-s.gif) no-repeat;
					padding-left: 24px;
					margin: 5px 0 0 0;
					line-height: 10px;
					height: 11px;
				}
				div#panel div.panelcontent ul#panelorder li#CAD {
					background: url(/img/layout/flag-cad-s.gif) no-repeat;
					padding-left: 24px;
					margin: 5px 0 0 0;
					line-height: 10px;
					height: 11px;
				}
		div#panel div.panelend {
			background: #EAE9E9 url(img/layout/panel-content-end.gif) no-repeat;
			height: 180px;
		}
		html>body div#panel div.panelend {
			height: auto;
			min-height: 180px;
		}
			div#panel div.panelend p {
				margin: 0;
			}
	div#content {
		margin: 0 158px 0 144px; /* 147 - 3 = 144 (3px IE jog error from Right Floated div#panel */
	}
	html>body div#content {
		margin: 0 158px 0 147px; /* 147 - 3 = 144 (3px IE jog error from Right Floated div#panel */
	}
		p#crumbs {
			margin-top: 0;
			font-size: 10px;
			position: absolute;
			top: 90px;
			left: 12px;
			line-height: 30px;
		}
		div#content h2 {
			margin: 0;
			height: 25px;
			background: url(img/layout/content-heading-bar.gif) no-repeat;
			color: #405995;
			font-size: 12px;
			font-weight: normal;
			line-height: 25px;
			padding-left: 10px;
			color: #FFF;
		}
			div#content h2#productsavailable {
				height: 26px;
				background: url(img/layout/content-products-heading.gif) no-repeat;
				margin: 0;
				font-size: 0;
				text-indent: -9999px;
			}
		div#content h3 {
			background: url(img/layout/header-underline.gif) no-repeat 0 100%;
			line-height: 1.4em;
			position: relative;
		}
			div#content h3 a {
				color: #405995;
				text-decoration: none;
			}
			div#content h3 a:target {
				color: #C00;
				text-decoration: none;
			}
		div#content p#moreinfo {
			margin: 0;
			height: 25px;
			background: url(img/layout/content-heading-bar.gif) no-repeat;
		}
			div#content p#moreinfo a {
				color: #FFF;
				display: block;
				background: url(img/layout/content-heading-bar-link.gif) no-repeat;
				height: 25px;
				text-decoration: none;
				line-height: 24px;
				padding-left: 15px;
			}
			div#content p#moreinfo a:visited {
				color: #FFF;
			}
				div#content p#moreinfo a:hover {
					color: #FC9;
					background-position: 0 -25px;
				}
		div#content p#moreinfo a {
			color: #9CF;
		}
		div#content div#homesplash {
			margin-top: 1px;
		}
div#footer {
	height: 40px;
	background: url(img/layout/footer.gif) no-repeat;
}
	div#footer p {
		margin: 0;
		text-align: center;
		position: absolute;
		right: 0;
		bottom: 0;
		color: #FFF;
		font-size: 10px;
	}
	
div#nojs {
	border: 1px solid #f00;
	background: #FFF;
	padding: 1em;
	width: 700px;
	height: 500px;
	text-align: center;
	color: #900;
	position: absolute;
	top: 50%;
	margin-top: -250px;
	left: 50%;
	margin-left: -350px;
	z-index: 10;
	font-size: 200%;
}
/* End - Initial layout */



/* Styled Form */
	form.styled {
	}
	form.styled fieldset {
		padding: 0.5em;
		margin: 1em 0;
	}
	form.styled fieldset div { 
		clear: both;
		line-height: 1.8em;
	}
	form.styled fieldset label { 
		display: block;
		width: 10em;
		float: left;
		color: #00C;
		padding: 0 1em 0 0;
	}
	form.styled fieldset label:hover { 
		color: #F30;
	}
	form.styled .checkboxes label { 
		float: none;
		width: auto;
		display: inline;
	}
	form.styled input, form.styled select, form.styled textarea {
		font-family: Arial, Verdana, Sans-serif;
		font-size: 12px;
	}
	form.styled input[type="text"], form.styled input[type="password"], form.styled textarea {
		background: #EEF;
	}
	form.styled input[type="text"]:focus, form.styled input[type="password"]:focus, form.styled textarea:focus {
		background: #FF9;
	}
	form.styled input.formbutton, form.styled input.formbutton:focus {
		background: #D4D0C8;
	}
	form.styled p {
		margin: 1em 0 0 0;
	}
	form.styled .submitoptions, form.styled .formoptions {
		margin: 1em 0;
	}
/* End - Styled Form */



.quote:before {
	content: "\"";
}
.quote:after {
	content: "\"";
}