body {
	background:							white;
	margin:								0;
	padding: 								0;
	font-family:							Arial, Helvetica, sans-serif;
	font-size:								62.5%; /* Makes 1em = 10px */
	text-align:								center;
}

hr,h1 span,h2 span,a span,#productinfo span,#guidelines ol,#form_try legend {
	display:								none;
	visibility:								hidden;
}

ol,ul {
	margin: 								0;
	padding:								0;
	list-style-type:							none;
}

#container {
	width:									960px;
	padding:								21px 0 0 0;
	margin-left:							auto;
	margin-right:							auto;
	text-align:								left;
}

#content, #world_map {
	display:							block;
	width: 								960px;
	height: 							539px;
	padding: 							0 0 0 0;
	margin: 							0 0 0 0;
}

#content {background: white url(../res/img/bg_content.gif) no-repeat;}
#world_map {background: white url(../res/img/bg_world_map.gif) no-repeat;}


/* world map navigation */

#country_list {margin: 0; padding: 0;}

#country_list li {position: absolute; margin: 0; padding: 0; width: 15px; height: 15px; outline: none;}


#country_list li a {
		background-color: transparent;
		color: #FFFFFF;
		font-size: 1.2em;
		text-decoration: none;
		padding: 2px;
		display: block;
		width: 15px;
		height: 15px;
		text-indent: -9999px;
		text-align: center;
		}
		
#country_list li a:hover {
		background-color: #0A3F8B;
		border: 1px solid #FFFFFF;
		width: 50px;
		height: 15px;
		text-indent: 0;
		}


#map_uk {left: 684px; top: 131px;}
#map_usa {left: 440px; top: 189px;}
#map_france {left: 695px; top: 155px;}
#map_germany {left: 713px; top: 144px;}
#map_australia {left: 1014px; top: 382px;}

#content_extended {
	display:							block;
	width: 								960px;
	height: 							667px;
	background:							white url(../res/img/bg_content_extended.gif) no-repeat;
	padding: 							0 0 0 0;
	margin: 							0 0 0 0;
}

#range_content {
	height: 							635px;
	display:							block;
	width: 								960px;
	background:							white url(../res/img/bg_range_page.gif) no-repeat;
	}

#page {
	display:								block;
	width: 									960px;
	height:									466px;
	padding: 								0 0 0 0;
	margin: 								0 0 0 0;
}

#content_extended #page {
	display:								block;
	height: 								590px;
}

#range_content #page {
	display:								block;
	height: 								562px;
}

#header_sampling {
	padding: 							0 0 0 0;
	margin: 							0 0 0 0;
	width: 								927px;
	height: 							105px;
	background:							url(../res/img/header_sampling.gif) bottom right no-repeat;
}

#header_effective_sampling {
	padding: 							0 0 0 0;
	margin: 							0 0 0 0;
	width: 								915px;
	height: 							92px;
	background:							url(../res/img/header_effective_sampling.gif) bottom right no-repeat;
}

#header_range {
	padding: 							0 0 0 0;
	margin: 							0 0 0 0;
	width: 								926px;
	height: 							92px;
	background:							url(../res/img/header_range.gif) bottom right no-repeat;
}

#header_introducing {
	padding: 							0 0 0 0;
	margin: 							0 0 0 0;
	width: 								926px;
	height: 							24px;
	background:							url(../res/img/header_introducing.gif) bottom right no-repeat;
}

#header_guidelines {
	padding: 							0 0 0 0;
	margin: 							0 0 0 0;
	width: 								925px;
	height: 							26px;
	background:							url(../res/img/header_guidelines.gif) bottom right no-repeat;
}

#productinfo {
	padding: 							0 0 0 0;
	margin: 							0 0 0 66px;
	height: 							342px;
	background:							url(../res/img/unistik3_largeUS2.jpg) 0px 18px no-repeat;
}

#guidelines {
	padding: 							0 0 0 0;
	margin: 							0 0 0 67px;
	height: 							250px;
	background:							url(../res/img/guidelines.jpg) 0px 9px no-repeat;
}

#header_printout {
	float: 								left;
	margin: 							29px 0 0 0;
	padding: 							0 0 0 152px;
}

#header_printout a {
	margin: 							0;
	display:							block;
	width: 								293px;
	height: 							172px;
	background:							url(../res/img/header_printout.gif) no-repeat;
}

#prescription,#try {
	display:							block;
	padding: 							0 0 0 0;
	margin: 							0 0 0 0;
	width: 								960px;
	height: 							465px;
	background:							white url(../res/img/bg_hand.jpg) no-repeat;
}

#orderinfo {
	display:							block;
	padding: 							0 0 0 0;
	margin: 							0 0 0 0;
	width: 								960px;
	height: 							342px;
	background:							white url(../res/img/bg_hand_smaller.jpg) no-repeat;
}


#pad {
	float: 								right;
	margin: 								22px 182px 0 0;
}

#pad img {
	border: 								none;
}

#header_try {
	margin: 							32px 0 0 0;
	float: 								left;
	display:							block;
	width: 								440px;
	height: 							168px;
	background:							url(../res/img/header_try2.gif) top right no-repeat;
}

#try_form_container {
	float:								right;
	display: 							block;
	width: 								464px;
	margin:								22px 0 0 0;
	padding:                            0 34px 0 0;
}

#form_try {
	float:								right;
	display: 							block;
	margin:								0 0 0 0;
	padding:                            0 0 0 0;
	width: 								430px;
	height: 							423px;
	background: 						#f1e4f1;
}

#form_try_thanks_container {
	float:								right;
	display: 							block;
	width: 								464px;
	margin:								22px 0 0 0;
	padding:                            0 34px 0 0;
}

#form_try_thanks {
	float:								right;
	display: 							block;
	margin:								0 0 0 0;
	padding:                            0 0 0 0;
	width: 								430px;
	height: 							423px;
	background: 						#f1e4f1;
}

#header_suspended {
	margin: 								32px 0 0 0;
	float: 								left;
	display:								block;
	width: 								440px;
	height: 								168px;
	background:							url(../res/img/header_suspended.gif) top right no-repeat;
}

#suspended_copy {
	float:								right;
	display: 							block;
	margin:								0 0 0 0;
	padding:                            0 0 0 0;
	width: 								430px;
	height: 							423px;
	background: 						#f1e4f1;
}

#suspended_copy h2 {
	color: 							#0a3f8b;
	padding: 						10px 0 10px 20px;
}

#form_try_thanks h2 {
	padding: 							0;
	margin: 							20px 0 0 20px;
	width: 							137px;
	height: 							24px;
	background:						url(../res/img/header_thanks.gif) no-repeat;
}

#form_try_thanks p, #suspended_copy p {
	margin: 							0;
	padding: 							10px 0 0 20px;
	font-size:							1.2em;
	color: 							#0a3f8b;
}

#form_try fieldset {
	margin:								0;
	border: 							none;
	padding:							0;
}

#joinlist {
	float: left;
}

#form_try label {
	text-transform:							uppercase;
	color:								#777777;
}

#options {
	float: left;
}

#options label {
	float: left;
	display: inline;
	padding-left: 10px;
	width: 240px;
}

#options label em {
	text-transform:							none;
	font-style:								italic;
}

div.smallfield,div.largefield,div.minifield,div.microfield {
	overflow:								hidden;
	height:									47px;
	padding: 								0px 0 0px 12px;
}

div.smallfield label,div.largefield label {
	/*padding-top: 5px;*/
}

div.smallfield {
	float: 								left;
	width: 								197px;
}

div.microfield {
	float: 								left;
	width: 								30px;
}

div.minifield {
	float: 								left;
	width: 								110px;
}

div.largefield {
	clear: 								left;
	float:								left;
	width: 								414px;
}



div.element input:focus, textarea:focus {
	background:							#f2f2f2;
}

div.element input.error, textarea.error {
	border-color:							#cd0000;
}

div.element input {
	padding:								1px;
	border-color:							#ababab;
	border-style:							solid;
	border-width:							thin;
	font-family:							Arial, Helvetica, sans-serif;
	font-size:								1.2em;
	color: 								black;
}

#country {width: 181px;}

form div.single_line {
	width:								300px;
}

div.microfield input {
	width:								30px;
}

div.minifield input {
	width:								110px;
}

div.smallfield input {
	width:								181px;
}

div.largefield input {
	width:								390px;
}

div.element p {
	margin: 								0 0 0 0;
	padding: 								0px 0 2px 0;
	background:							url(../res/img/error_arrow.gif) no-repeat;
	font-size:								1.1em;
	text-indent:							2em;
	color: 								#cd0000;
	line-height:							1;
}

#options div {
	padding: 								12px 0 0 12px;
}

#sendrequest {
	float: 								right;
	margin:								10px 16px 0 0;
}

div.required {
	width: 								430px;
	background: 							#0a3f8b;
	margin: 								0 0 8px 0;
	padding: 								4px 0 4px 0;
	text-align:								center;
	font-size:								1.2em;
	color:								white;
}

/*<group=steps>*/

#steps {
	display:							block;
	padding:							6px 0 5px 0;
	margin:								10px 0 0 67px;
	border-top:							1px solid #7952a5;
	border-bottom:						1px solid #7952a5;
	width: 								859px;
	overflow:							auto;
}

#steps li {
	float: 								left;
	padding: 							0 10px 0 10px;
	border-right:						1px solid #7952a5;
}

.first {
	padding:							0 0 0 0;
	margin:								0 0 0 0;
}

.last {
	padding:							0 0 0 0;
	margin:								0 0 0 0;
}

#steps li.first {
	padding-left:							0;
}

#steps li.last {
	padding-right:							0;
	border-right:							none;
}
	
/*</group>*/

/*<group=navigation>*/

#navigation {
	display:							block;
	clear:								left;
	padding:							0 0 0 166px;
	/*padding:							0 0 0 67px;*/
	margin:								4px 0 0 0;
}

#navigation ul {
	display:							block;
	padding:							0 0 0 0;
	margin:								0 0 0 0;
}

#navigation ul li {
	display:							block;
	float:								left;
	padding:							0 0 0 0;
	margin:								0 0 0 0;
}

#navigation ul li a {
	display:							block;
	background-color:					white;
	background-repeat:					no-repeat;
	height: 							108px;
	padding:							0 0 0 0;
	margin:								0 0 0 0;
}

/* IE flicker bug means image has to be put on the list element as well as the anchor */
#nav_unistik3		{background-image:					url(../res/img/nav_unistik3.gif);}
#nav_sample			{background-image:					url(../res/img/nav_sample.gif);}
#nav_try			{background-image:					url(../res/img/nav_try.gif);}
#nav_orderinfo		{background-image:					url(../res/img/nav_orderinfo.gif);}
#nav_prescription	{background-image:					url(../res/img/nav_prescription.gif);}
#nav_range			{background-image:					url(../res/img/nav_range.gif);}
 
#nav_unistik3 a {
	width: 								214px;
	background-image:					url(../res/img/nav_unistik3.gif);
	padding: 							0 0 0 0;
	margin: 							0 0 0 0;
}

#nav_sample a {
	width: 								216px;
	background-image:					url(../res/img/nav_sample.gif);
	padding: 							0 0 0 0;
	margin: 							0 0 0 0;
}

#nav_try a {
	width: 								216px;
	background-image:					url(../res/img/nav_try.gif);
	padding: 							0 0 0 0;
	margin: 							0 0 0 0;
}

#nav_range a {
	width: 								213px;
	background-image:					url(../res/img/nav_range.gif);
	padding: 							0 0 0 0;
	margin: 							0 0 0 0;
}

#nav_orderinfo a {
	width: 								213px;
	background-image:					url(../res/img/nav_orderinfo.gif);
	padding: 							0 0 0 0;
	margin: 							0 0 0 0;
}

#nav_prescription a {
	width: 								213px;
	background-image:					url(../res/img/nav_prescription.gif);
	padding: 							0 0 0 0;
	margin: 							0 0 0 0;
}
	
/*</group>*/

/*<group=footer>*/

#footer {
	display:								block;
	width: 									960px;
	height: 								73px;
	margin: 								0 0 0 0;
	padding:								0 0 0 0;
}

#footer img {
	border:									0px;
}

#logo_unistik3 {
	display:								block;
	float:									left;
	margin: 								0 0 0 0;
	padding:								20px 0 0 67px;
}

#logo_owenmumford {
	display:								block;
	float:									left;
	margin: 								0 0 0 0;
	padding:								15px 0 0 501px;
}
	
/*</group>*/

#address_holder {
	text-align:								left;
	font-size:								1.2em;
	color:									#0A3F8B;
}
#change_country a {color: #0A3F8B;}
#change_country {float: right; width: 10%; margin: 6px 0 8px 0;}

#address {margin: 8px 0 8px 0; float: left; width: 90%;}

#producttypes {
	width: 860px;
	margin-top: 10px;
	margin-left: 67px;
	padding-top: 10px;
	padding-bottom: 6px;
	overflow: hidden;
	border-top: 1px solid #7952a5;
	border-bottom: 1px solid #7952a5;
	}
	
#range p.intro {
	padding-top: 30px;
	margin: 0 0 0 60px;
	color: #846FB2;
	font-size: 1.5em;
	float: left;
	width: 342px;
	xbackground-color: yellow;
	display: inline;
	}

.productcodes {
	padding: 0px 0 0 0;
	margin: 0 0 10px 0;
	overflow: hidden;
	border-color: #7952a5;	
	}
	
.product_info {
	width: 200px;
	height: 138px;
	float: left;
	padding: 0;
	margin: 0;
	}
	
#comfort_codes .product_info {background: url(../res/img/bg_comfort_info.gif) top left no-repeat;}
#normal_codes .product_info {background: url(../res/img/bg_normal_info.gif) top left no-repeat;}
#extra_codes .product_info {background: url(../res/img/bg_extra_info.gif) top left no-repeat;}
#dual_codes .product_info {background: url(../res/img/bg_dual_info.gif) top left no-repeat;}
	
/* image replacement for the prodcut headers */

.productcodes h3 {text-indent: -9999px; width: 159px; height: 23px; margin: 0 0px 0 20px;}

#comfort_codes h3 {background: url(../res/img/bg_h3_comfort.gif) top left no-repeat;}
#normal_codes h3 {background: url(../res/img/bg_h3_normal.gif) top left no-repeat;}
#extra_codes h3 {background: url(../res/img/bg_h3_extra.gif) top left no-repeat;}
#dual_codes h3 {background: url(../res/img/bg_h3_dual.gif) top left no-repeat;}

	
.product_img img {
	margin-left: 20px;
	}

	
.productcodes table, .productcodes p {
	margin: 6px 0px 0 20px;
	width: 140px;
	}
	
.productcodes h3 {
	font-size: 1.5em;
	margin-top: 6px;
	}

.productcodes h3 em {
	font-weight: normal;
	font-style: normal;
	}
	
.productcodes p {
	font-size: 1.15em;
	}
	
.productcodes table {
	font-size: 1.1em;
	}

.productcodes table td.code_col {
	text-align: right;
	}

.productcodes img {
	margin: 0px 0px 0 0px;
	}
	
#comfort_codes {color: #846FB2; float: left; border-right: 1px solid #7952a5; margin: 0 0px 0 13px; display: inline;}
#normal_codes {color: #846FB2; float: left; border-right: 1px solid #7952a5; margin: 0 0px 0 15px; display: inline;}
#extra_codes {color: #846FB2; float: left; border-right: 1px solid #7952a5; margin: 0 0px 0 15px; display: inline;}
#dual_codes {color: #846FB2; float: left; margin: 0 0 0 13px; display: inline;}