@font-face {
    font-family: 'museosans300';
    src: url('fonts/museosans-300-webfont.eot');
    src: url('fonts/museosans-300-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museosans-300-webfont.woff') format('woff'),
         url('fonts/museosans-300-webfont.ttf') format('truetype'),
         url('fonts/museosans-300-webfont.svg#agenda-light-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'museosans500';
    src: url('fonts/museosans_500-webfont.eot');
    src: url('fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museosans_500-webfont.woff') format('woff'),
         url('fonts/museosans_500-webfont.ttf') format('truetype'),
         url('fonts/museosans_500-webfont.svg#agenda-light-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'museosans700';
    src: url('fonts/museosans_700-webfont.eot');
    src: url('fonts/museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museosans_700-webfont.woff') format('woff'),
         url('fonts/museosans_700-webfont.ttf') format('truetype'),
         url('fonts/museosans_700-webfont.svg#agenda-light-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}
img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 39px;
			left: 0;
			
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; 
				 }
		}
#page-wrap { position: relative; width: 1050px; height: 80px; margin: 10px auto;}
		#page-wrap2 { position: relative; width: 1050px; padding-top: 45px; margin: 10px auto;}
		#page-wrap2 .leftside { float: left; width: 470px; }
		#page-wrap2 .rightside { float: left; width: 520px; padding-top: 65px;}
		#page-wrap2 .heading { font-size: 39px; color: #0c3d90; }
		#page-wrap2 .bodytext { font-size: 15px; line-height: 22px; color: #000; font-family: "museosans300"; }
		#page-wrap3 { position: relative; width: 1050px; height: 80px;  padding-top: 8px; margin: 10px auto;}
body {
	font: 12px "museosans700", Times, serif;
	background-color:#f9f9f9;
	margin: 0;
}

#content {
	position: relative;
	width: 1050px;
	background-color:#f9f9f9;
	margin-right: auto;
	margin-left: auto;
}
#toprepeater {
	position: relative;
	background-image:url(images/topbg_repeater.png);
	background-repeat:repeat-x;
	height: 43px;
}

#navigation {
	position: relative;
	padding-top: 5px;
	height: 30px;
	width: 1050px;
	margin-left:auto;
	margin-right: auto;
}
#rightnavigation {
	float: right;
	width: 230px;
	padding-left: 50px;
}
#rightnavigation .buttons {
	float: left;
}
#rightnavigation .buttons2 {
	float: left;
	padding-left: 10px;
}

#middlenavigation {
	float: left;
	color: #808080;
	width: 750px;
	padding-top: 2px;
}
#middlenavigation a:link {
	color: #808080;
	text-decoration:none;
}
#middlenavigation a:visited {
	color: #808080;
	text-decoration:none;
}
#middlenavigation a:hover {
	color: #808080;
	border-bottom: 2px solid #808080;
    padding-bottom: 2px;
}
.currentpage {
	color: #f7931e;
	border-bottom: 2px solid #f7931e;
    padding-bottom: 2px;
}

.navbutton {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0c3c90), color-stop(1, #1953b0) );
	background:-moz-linear-gradient( center top, #0c3c90 5%, #1953b0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c3c90', endColorstr='#1953b0');
	background-color:#0c3c90;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0px;
	display:inline-block;
	color:#ffffff;
	font-family:"museosans700";
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:105px;
	text-decoration:none;
	text-align:center;
}
.navbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1953b0), color-stop(1, #0c3c90) );
	background:-moz-linear-gradient( center top, #1953b0 5%, #0c3c90 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1953b0', endColorstr='#0c3c90');
	background-color:#1953b0;
}.navbutton:active {
	position:relative;
	top:1px;
}
.navbutton2 {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0c3c90), color-stop(1, #1953b0) );
	background:-moz-linear-gradient( center top, #0c3c90 5%, #1953b0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c3c90', endColorstr='#1953b0');
	background-color:#0c3c90;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0px;
	display:inline-block;
	color:#ffffff;
	font-family:"museosans700";
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:105px;
	text-decoration:none;
	text-align:center;
}
.navbutton2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1953b0), color-stop(1, #0c3c90) );
	background:-moz-linear-gradient( center top, #1953b0 5%, #0c3c90 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1953b0', endColorstr='#0c3c90');
	background-color:#1953b0;
}.navbutton2:active {
	position:relative;
	top:1px;
}

.viewrangebutton {
	-moz-box-shadow:inset 0px -3px 0px 0px #bc6611;
	-webkit-box-shadow:inset 0px -3px 0px 0px #bc6611;
	box-shadow:inset 0px -3px 0px 0px #bc6611;
	background-color:#f7921e;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-family:"museosans700";
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:130px;
	text-decoration:none;
	text-align:center;
}.viewrangebutton:hover {
	background-color:#f49c45;
}.viewrangebutton:active {
	position:relative;
	top:1px;
}

#topbar {
	border-bottom: thick;
	border-bottom-color: #309;
	border-bottom-style: solid;
	width: 1050px;
	padding-top: 10px;
	height: 2px;
}
#whitebox {
		float: left;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
background-color:#FFF;
	width: 1050px;
	padding-top: 18px;
}
#whitebox .breadcrumbs {
	float: left;
	padding-left: 25px;
	font-size: 11px;
	font-family: "museosans300";
	height: 12px;
	width: 1000px;
}
#whitebox .breadcrumbs a:link {
	font-family: "museosans700";
	color: #0c3c90;
	text-decoration:none;
}
#whitebox .breadcrumbs a:visited {
	font-family: "museosans700";
	color: #0c3c90;
	text-decoration:none;
}
#whitebox .breadcrumbs a:hover {
	font-family: "museosans700";
	color: #999;
	text-decoration:underline;
}
#whitebox .h1 {
	float: left;
	color: #0c3c90;
	padding-left: 25px;
	padding-top: 40px;
	font-size: 42px;
	font-family: "museosans700";
	width: 800px;
}
#whitebox .clicktoview {
	float: left;
	color: #0c3c90;
	font-size: 42px;
	font-family: "museosans700";
	width: 172px;
}
#whitebox .h1andclick {
	float: left;
	width: 1000px;
}
#whitebox .greyline {
	float: left;
	margin-left: 25px;
	border-bottom: thin;
	border-bottom-color: #e6e6e6;
	border-bottom-style: solid;
	width: 1000px;
}
#whitebox .greyline2 {
	float: left;
	padding-top: 20px;
	margin-left: 25px;
	border-bottom: thin;
	border-bottom-color: #e6e6e6;
	border-bottom-style: solid;
	width: 1000px;
}
#whitebox .spacer {
	float: left;
	height: 20px;
	width: 1000px;
}
#spacer2 {
	float: left;
	padding-top: 20px;
	height: 100px;
}
#whitebox .productrow1 {
	float: left;
	width: 1000px;
	padding-left: 25px;
	padding-top: 15px;
	font-family: "museosans300";
	line-height: 17px;
}
#whitebox .contactus1 {
	float: left;
	width: 500px;
	padding-left: 25px;
	padding-top: 15px;
	font-family: "museosans300";
	line-height: 17px;
}
#whitebox .contactus2 {
	float: left;
	width: 475px;
	padding-left: 25px;
	padding-top: 15px;
	font-family: "museosans300";
	line-height: 17px;
}
#whitebox .product1 {
	float: left;
	width: 240px;
}
a.linkopacity img {
   filter:alpha(opacity=100);
   -moz-opacity: 1.0;
   opacity: 1.0;
   -khtml-opacity: 1.0;}
   
a.linkopacity:hover img {
   filter:alpha(opacity=60);   
   -moz-opacity: 0.6;   
   opacity: 0.6;
   -khtml-opacity: 0.6; 
   }
#whitebox .product2 {
	float: left;
	width: 240px;
	padding-left: 10px;
}
#whitebox .productimage {
	float: left;
	width: 240px;
	z-index: 0;
}

#whitebox .producttext {
	float: left;
	color: #808080;
	font-size: 13px;
	font-family: "museosans300";
	width: 240px;
}
#whitebox .producttextbold {
	float: left;
	color: #0c3c90;
	font-size: 13px;
	font-family: "museosans700";
	width: 240px;
}
#whitebox .productcolor {
	float: left;
	padding-top: 5px;
	width: 200px;
}

#whitebox .descriptionleft {
	float: left;
	width: 520px;
}
#whitebox .descriptionimage {
	float: left;
	padding-top: 20px;
	padding-left: 25px;
	width: 480px;
	height: 410px;
}
#whitebox .descriptionsubimageleft {
	float: left;
	width: 480px;
	padding-top: 20px;
	padding-left: 25px;
}
#whitebox .descriptionsubimage {
	float: left;
	width: 88px;
	height: 88px;
	border: thin;
	border-color: #e6e6e6;
	border-style: solid;
}
#whitebox .descriptionsubimage2 {
	float: left;
	width: 88px;
	height: 88px;
	margin-left: 7px;
	border: thin;
	border-color: #e6e6e6;
	border-style: solid;
}
#whitebox .descriptionright {
	float: left;
	width: 510px;
	border-bottom: thin;
	border-bottom-color: #e6e6e6;
	border-bottom-style: solid;
}
#whitebox .h2 {
	float: left;
	color: #0c3c90;
	padding-top: 63px;
	font-size: 35px;
	font-family: "museosans700";
	width: 300px;
	
}
#whitebox .colouroptionstext {
	float: left;
	width: 140px;
	padding-left: 70px;
}
#whitebox .colouroptionscircles {
	float: right;
	width: 150px;
	padding-top: 5px;
	padding-left: 10px;
}
#whitebox .descriptionright2 {
	float: left;
	padding-top: 10px;
	padding-bottom: 5px;
	width: 510px;
	color: #808080;
	font-size: 12px;
	line-height: 17px;
	font-family: "museosans300";
}
#whitebox .descriptionright3 {
	float: left;
	padding-top: 10px;
	width: 510px;
	height: 100px;
	background-color:#FFF5EE;
	color: #808080;
	font-size: 12px;
	line-height: 16px;
	font-family: "museosans300";
}
#whitebox .orangebold {
	color: #F7931E;
	font-size: 12px;
	font-family: "museosans700";
}
#whitebox .bluebold {
	color: #0C3D90;
	font-size: 12px;
	font-family: "museosans700";
}
#whitebox .descriptionright4leftc {
	float: left;
	width: 250px;
}
#whitebox .descriptionright4left {
	float: left;
	padding-top: 10px;
	width: 250px;
	color: #808080;
	font-size: 12px;
	line-height: 16px;
	font-family: "museosans300";
}
#whitebox .viewadditional {
	float: left;
	width: 250px;
	padding-top: 20px;
}
#whitebox .descriptionright4right {
	float: left;
	padding-top: 10px;
	width: 250px;
	color: #808080;
	font-size: 12px;
	line-height: 16px;
	font-family: "museosans300";
}

#footer {
		float: left;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
background-color:#FFF;
	width: 1025px;
	font-size: 11px;
	color: #808080;
	font-family: "museosans300";
	padding-top: 18px;
	padding-left: 25px;
	padding-bottom: 20px;
}
#footer .footerh1 {
	font-size: 16px;
	color: #0c3c90;
	font-family: "museosans700";
}
#footer .footer1 {
		float: left;
	width: 240px;
}
#footer .footer2 {
		float: left;
	width: 240px;
	padding-left: 10px;
}
#footer .footer3 {
		float: left;
	width: 240px;
	padding-left: 10px;
}
#footer .footer4 {
		float: left;
	width: 240px;
	padding-left: 10px;
}
#footer a:link {
	font-size: 11px;
	color: #808080;
	text-decoration:none;
	font-family: "museosans300";
}
#footer a:visited {
	font-size: 11px;
	color: #808080;
	text-decoration:none;
	font-family: "museosans700";
}
#footer a:hover {
	font-size: 11px;
	color: #0c3c90;
	text-decoration:underline;
	font-family: "museosans700";
}