/*****************
 GLOBAL
*****************/

* {margin:0; padding:0;}

p {margin: 0.5em 0 1.0em 0;}

img {border-width: 0;}

h1, h2, h3, h4, h5, h6 {margin:0.5em 0 0.2em 0;}

body {
	background: #fff;
	margin:0;
	padding:0;
	color: #000;
}

body, table {
	font-family:  verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

* html body, * html table  {
	font-family:  verdana, arial, helvetica, helve, sans-serif;
	font-size: medium;
}


/**********
 HEADERS
**********/

#maincontent h1 { font-size: 1.2em; color: #000; font-weight: bold;}
#maincontent h1.white { font-size: 1.2em; color: #fff; font-weight: bold;}
#maincontent h2 { font-size: 1.1em; color: #000; font-weight: bold; }

/**********
 FORMS
**********/

form { display: inline; }


/**********************
 OVERALL LAYOUT
***********************/

#skiptomain {
	display: none;
}

#wrapper {
	width: 970px;
	margin: 0 auto;
	font-size: 0.85em;
}

	#pagecontainer {
		width: 970px;
		padding: 40px 0px;
	}


		#header {
			width: 970px;
			}

			#toplogo {
				padding: 0px;
				width: 190px;
				float: left;	
			}

			#topmiddle {
				padding: 0px;
				width: 282px;
				padding: 0 20px 0 10px;
				float: left;
				font-size: 0.8em;
				line-height: 1.4em;
			}
			
			#topmiddle a:link, #topmiddle a:visited { color: #d6b; text-decoration: none; }
			#topmiddle a:hover { color: #d6b; text-decoration: underline; }
			
			#topright {
				padding: 0px;
				width: 468px;
				float: right;
			}

		#topnav {
			width: 970px;
			margin: 3px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			background: #024;
		}


		#topbar {
			width: 970px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			background: #ddd;
		}

			#topbarlinks {
				width: 690px;
				float: left;
				padding: 7px 10px 5px 10px;
				font-size: 0.8em;
			}
			
				#topbarlinks ul {
					margin: 0;
					padding: 0;
					list-style: none;
				}
				
					#topbarlinks ul li {
						color: #666;
						float: left;
						list-style-type: none;
						padding-right: 15px;
					}

			#topbarlinks a:link, #topbarlinks a:visited { color: #000; text-decoration: none; }
			#topbarlinks a:hover { color: #000; text-decoration: underline; }


			#topdate {
				width: 210px;
				float: right;
				text-align: right;
				padding: 7px 10px 5px 0;
				font-size: 0.8em;
				color: #000;
			}

		#maincontent {
			width: 970px;
			margin: 5px 0 0 0;
			padding: 5px 0px 0px 0px;
			background: #fff;
			color: #000;
		}

			#maincontent a:link, #maincontent a:visited { color: #d6b; text-decoration: none; }
			#maincontent a:hover { color: #d6b; text-decoration: underline; }
			
			
			#maincontentleft {
				width: 170px;
				margin: 0px;
				padding: 0px 10px 0 0;
				float: left;
				font-size: 0.8em;
				line-height: 1.5em;
				background: url(images/maincontentleftback.gif) no-repeat bottom right;
			}
			
			#maincontentleft a:link, #maincontentleft a:visited { color: #6cf; text-decoration: none; }
			#maincontentleft a:hover { color: #6cf; text-decoration: underline; }
			
			#maincontentleftinner {
				width: 168px;
				margin: 0px;
				padding: 0px;
				float: left;
				border-right: 1px solid #bbb;
				border-left: 1px solid #bbb;
				background: #024;
				color: #fff;
			}
			
				.featureleft {
					width: 153px;
					border-bottom: 1px solid #bbb;
					margin: 0px;
					padding: 10px 5px 10px 10px;
				}
				
				.featureleft strong {
					font-size: 1.2em;
					line-height: 1.6em;
				}
			

			#maincontentmiddle {
				width: 610px;
				margin: 0px;
				padding: 0px;
				font-size: 0.8em;
				line-height: 1.6em;	
				float: left;
			}
			
			#maincontentmiddleinner {
				width: 608px;
				height: 470px;
				margin: 0px;
				padding: 0px;
				border-top: 25px solid #bbb;
				border-left: 1px solid #bbb;
				border-right: 1px solid #bbb;
				border-bottom: 1px solid #bbb;
				position: relative;
			}
		
				#mcmi-lft {
					width: 219px;
					height: 470px;
					float: left;
					border-right: 1px solid #bbb;
					margin: 0;
					padding: 0;
				}
				
					#prodnav-top {
						width: 200px;
						height: 110px;
						margin: 0;
						padding: 20px 9px 10px 10px;
					}
						
						#prodnav-top ul {
							margin: 10px 0 0 0;
							list-style: none;
							color: #bbb;
						}
						
						#prodnav-top ul li a:link, #prodnav-top ul li a:visited {
							color: #bbb;
						}
						
						#prodnav-top ul li a:hover {
							color: #d6b;
						}
						
							#prodnav-top ul li.active a:link, #prodnav-top ul li.active a:visited {
								color: #d6b;
							}
							
							#prodnav-top ul li.active a:hover {
								color: #bbb;
							}
					
					#prodnav-mid {
						width: 200px;
						height: 209px;
						border-top: 1px solid #bbb;
						margin: 0;
						padding: 10px 9px 10px 10px;
					}
					
						#prodnav-mid ul {
							margin: 10px 0 0 0;
							list-style: none;
							color: #bbb;
						}
						
						#prodnav-mid ul li a:link, #prodnav-mid ul li a:visited {
							color: #bbb;
						}
						
						#prodnav-mid ul li a:hover {
							color: #d6b;
						}
						
							#prodnav-mid ul li.active a:link, #prodnav-mid ul li.active a:visited {
								color: #d6b;
							}
							
							#prodnav-mid ul li.active a:hover {
								color: #bbb;
							}
					
					#prodnav-bot {
						width: 200px;
						height: 80px;
						border-top: 1px solid #bbb;
						margin: 0;
						padding: 10px 9px 10px 10px;
					}
					
					#prodnav-tall {
						width: 200px;
						height: 439px;
						margin: 0;
						padding: 20px 9px 10px 10px;
					}
				
				#mcmi-rgt {
					width: 388px;
					height: 470px;
					float: right;
					margin: 0;
					padding: 0;
				}
				
					#prod-img {
						width: 388px;
						height: 370px;
						border: 0;
						margin: 0;
						padding: 0;
					}
					
					#prod-vid {
						width: 320px;
						height: 240px;
						border: 0;
						margin: 0;
						padding: 65px 34px;
						text-align: center;
						background: #ddd;
					}
					
					#prod-top {
						width: 368px;
						height: 23px;
						border-top: 1px solid #bbb;
						background-color: #e9e9e9;
						padding: 3px 10px;
						margin: 0;
					}
					
						#pt-lft {
							float: left;
							width: 190px;
							padding: 5px 0 0 0;
							height: 18px;
						}
						
						#pt-mid {
							float: left;
							width: 145px;
							text-align: center;
							padding: 5px 0 0 0;
							height: 18px;
						}
						
							#pt-mid ul {
								margin: 0;
								padding: 0;
								list-style: none;
							}
							
							#pt-mid ul li {
								list-style-type: none;
								padding: 0 5px;
								margin: 0;
								float: left;
								display: inline;
							}
							
								#pt-mid ul li a:link, #pt-mid ul li a:visited {
									color: #666;
								}
								
								#pt-mid ul li a:hover {
									text-decoration: underline;
								}
								
								li.active {
									font-weight: bold;
								}
								
						#pt-rgt {
							float: left;
							width: 33px;
							padding: 5px 0 0 0;
							height: 18px;
							margin: 0;
						}
						
							#pt-rgt img#page-prev {
								padding-right: 5px;
							}
								
					#prod-bot {
						width: 368px;
						height: 60px;
						background-color: #e9e9e9;
						padding: 5px 10px;
						margin: 0;
						border: 0;
					}
					
						* html #prod-bot {
							height: 61px; /* add a pixel for IE6 as it cant do the maths! */
						}

			#maincontentright {
				width: 170px;
				margin: 0px;
				padding: 0px 0px 0 10px;
				font-size: 0.8em;
				line-height: 1.4em;
				float: left;
				background: url(images/maincontentrightback.gif) no-repeat bottom left;
			}
			
			#maincontentrightinner {
				width: 168px;
				margin: 0px;
				padding: 0px;
				float: left;
				border-right: 1px solid #bbb;
				border-left: 1px solid #bbb;
			}
			
				.featureright {
					width: 148px;
					border-bottom: 1px solid #bbb;
					margin: 0px;
					padding: 10px;
				}
		#scrollingfooter{
			margin: 0px;
			clear: both;
			width: 948px;
			padding: 5px 10px 0px 10px;
			border: 1px solid #bbb;
			background: #ddd;
			color: #024;
			text-align: right;
		}
		
		#scrollingfooter table {
			font-size: 0.9em;
		}
		
		#footer {
			margin: 5px 0px;
			clear: both;
			width: 970px;
			font-size: 0.8em;
			color: #999;
			text-align: right;
		}
			
		#footer a:link, #footer a:visited { color: #999; text-decoration: none; }
		#footer a:hover { color: #999; text-decoration: underline; }


/*****************
 BREAKS
*****************/

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }


/*****************
 TOP NAV LIST
*****************/

#topnav ul {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	list-style: none;
	text-align: center;
}

	#topnav ul li {
		text-transform: uppercase;
		letter-spacing: -1px;
		margin: 0px 0px 0px 0px;
		padding: 3px 22px 3px 22px;
		display: inline;
		line-height: 1.9em;
		font-size: 0.8em;
	}

	#topnav ul li a {
		color: #fff;
		text-decoration: none;
	}

	#topnav ul li a:hover {
		color: #d6b;
		text-decoration: none;
	}




/*****************
 IMAGES
*****************/

img.floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 0px 10px;
}

/*****************
 UL
*****************/

ul.normal {padding: 5px 0 5px 25px;}


/*****************
 OL
*****************/

ol {padding: 5px 0 5px 25px;}


/**********************
 PARAGRAPHS
***********************/

p.smalltext {font-size: 0.9em;}
p.bigtext {font-size: 1.2em;}
p.thin {letter-spacing: -1px;}


/**********************
 COLOURS
***********************/

.colourgreen {color: #7c4;}



/*****************
 LINKS
 *****************/

#maincontent .blacklinks a:link{ color: #000; text-decoration: none }
#maincontent .blacklinks  a:visited{ color: #000; text-decoration: none }
#maincontent .blacklinks  a:hover{ color: #000; text-decoration: underline }


/**********************
 CALL BACK POPUP
***********************/

#callbackpopup {
	width: 588px;
	height: 510px;
	margin: 7px 0 0 5px;
	padding: 0;
	border-top: 25px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	position: relative;
	text-align: left;
}

	#callbackpopup table {
		padding: 5px 0;
	}

	#callbackpopup table td {
		padding: 3px 0;
	}
	
	#callbackpopup table td .bodytextsmall {
		font-size: 0.7em;
	}
	
	#callbackpopup select#country {
		width: 175px;
	}
	
/********** sitemap **********/

#maincontent #sitemap a { text-decoration: underline; }

#sitemap ul { width: 550px; margin: 0; }
	#sitemap ul li { padding: 1px 0; margin: 0 0 0 20px; }
	
		#sitemap ul li a:link, #sitemap ul li a:visited { color: #036; }

	#sitemap ul ul { width: 528px; margin: 2px 0 0 0; }
		#sitemap ul ul li { color: #000;}
		
			#sitemap ul ul li a:link, #sitemap ul ul li a:visited { color: #000; }

		#sitemap ul ul ul { width: 508px; margin: 2px 0 0 0; }
			#sitemap ul li ul li ul li { color: #666; }
			
				#sitemap ul li ul li ul li a:link, #sitemap ul li ul li ul li a:visited { color: #666; }