/*/* CSS Document */

html
	{
	height:100%;
	margin: 0px;
	padding: 0px;
	}
body
	{
	width:100%;
	height:100%;
	font-size:68%;
	background:url(../img/bg.jpg) repeat;
	}
img
	{
	border:0px;
	}
* 
	{
	padding: 0;
	margin: 0;
	}
.input {
	border:1px solid #999;
	padding:2px 0px 5px 2px;
	height:auto;
	/*background-color:#F8FFFC;*/
	color:#000;
	}
.input:focus {
	border:1px solid #999;
	padding:2px 0px 5px 2px;
	height:auto;
	background-color:#FFF;
	color:#000;
	}
h1 {
	color:#000;
	font:normal 1.7em Arial, Helvetica;
	}
h2 {
	color:#000;
	font:normal 1.4em Arial, Helvetica;
	}
h3 {
	color:#000;
	font:normal 1.2em Arial, Helvetica;
	}
h3 a {
	color:#000;
	text-decoration:none;
	}
h3 a:hover {
	color:#000;
	text-decoration:none;
	}
h2 a {
	color:#000;
	text-decoration:none;
	text-decoration:underline;
	}
h2 a:hover {
	color:#999;
	text-decoration:none;
	}
p {
	font: normal 1.2em Arial, Helvetica;
	line-height:16px;
	color:#303C42;
	}
p a {
	color:#000;
	text-decoration:none;
	}
p a:hover {
	color:#000;
	text-decoration:none;
	}
li {
	font: normal 1.2em Arial, Helvetica;
	line-height:16px;
	color:#000;
	}
li a {
	color:#000;
	text-decoration:none;
	}
li a:hover {
	color:#000;
	text-decoration:none;
	}	
	
/*******************
MAIN SITE STRUCTURE
********************/

#container {
	top:10px;
	margin:auto;
	position:relative;
	width:940px;
	height:auto;
	clear:both;
	overflow:hidden;
	z-index:1;	
	margin-bottom:30px;	
	}
#contentWrapper {
	margin:auto;
	overflow:hidden;
	position:relative;
	width:900px;
	height:auto;
	z-index:5;
	padding:0px 0 0 20px;
	border-bottom:10px solid #EEE;
    border-left: 10px solid #EEE;
    border-right: 10px solid #EEE;
	background: #FFF;
	}
#header {
	position:relative;
	overflow:hidden;
	width:940px;
	height:300px;
	z-index:3;
	background:url(../img/header.jpg) no-repeat;
	}
#contentLeft {
	position:relative;
	overflow:hidden;
	float:left;
	width:186px;
	height:auto;
	padding:20px 0px 10px 0px;	
	}
#content {
	position:relative;
	overflow:hidden;
	float:left;
	width:700px;
	height:auto;
	padding:0px 0 0 0px;
	}
#content img {
	margin-right:20px;
	margin-bottom:20px;
	}
#contentRpt {
	position:relative;
	overflow:hidden;
	width:660px;
	height:auto;
	padding:20px;
	z-index:10;
	border-left: 10px solid #EEE;
	/*background:url(../img/contentRpt.jpg) repeat-y;	*/
	}


/***
Nav
****/

#subMenuWrap {
	position:relative;
	width:170px;
	}
#subMenuWrap ul {
	list-style:none;
	}
.subMenu {
	overflow:hidden;
	width:170px;
	height:auto;
	text-align:left;
	font-size:1.2em;
	line-height:18px;
	list-style:none;
	font-weight:bold;
	font-family: Arial, Helvetica;
	margin-bottom:3px;
	}
.subMenu a {
	display:block;
	cursor:pointer;
	width:170px;
	height:auto;
	color:#303C42;
	padding:7px 0px 7px 7px;
	text-decoration:none;
	background:#EEE;
	}
.subMenu a:hover {
	width:170px;
	height:auto;
	padding:7px 0px 7px 7px;
	color:#EEE;
	background:#333;
	text-decoration:none;
	}	
.subMenuItem {
	font-size:12px;
	padding:1px 0px 0px 2px;
	}
.subMenuItem a {
	color:#9EB3BF;
	display: block;
	padding: 3px 15px 3px 4px;
	width: 194px;
	height: auto;
	text-decoration: none;
	}
.subMenuItem a:hover {
	color:#666;
	width:194px;
	height:auto;
	padding:3px 15px 3px 4px;
	}
.subSubMenuItem a {
	color:#666;
	display: block;
	padding: 6px 15px 6px 10px;
	width: 188px;
	height: auto;
	font-size:12px;
	line-height:17px;
	font-weight:lighter;
	text-decoration: none;
	}
.subSubMenuItem a:hover {
	color:#000;
	background: #D1DFE5;
	width:188px;
	height:auto;
	padding:6px 15px 6px 10px;
	}
	
/*****
Lab CMS
******/

.moduleWrap {
	position:relative;
	overflow:hidden;
	width:auto;
	height:auto;
	border:1px solid #FFF;
	background:#FFF;
	}
.moduleIcon {
	float:left;
	width:120px;
	height:auto;
	padding:10px;
	}
.moduleInfo {
	float:left;
	width:460px;
	height:auto;
	padding:20px 10px 20px 10px;
	}
.moduleWrap ul {
	padding-left:40px;
	line-height:20px;
	}
.moduleInfo li {
	list-style:url(../img/arrrow.jpg);
	padding-left:5px;
	}
.moduleInfo li img {
	padding-top:5px;
	}
	
/*****
Gallery
******/

#thumbWrap {
	position:relative;
	width:900px;
	height:auto;
	overflow:hidden;
	padding:20px 0 0 21px;
	}
.thumbBox {
	float:left;
	width:90px;
	height:auto;
	}
.thumbBoxNext {
	position:relative;
	float:left;
	width:18px;
	height:212px;
	}
.thumbBoxPrev {
	position:relative;
	float:left;
	width:18px;
	height:212px;
	}
.thumbBoxNext a {
	float:left;
	width:18px;
	height:212px;
	text-decoration:none;
	background:url(../img/nextItem.gif) no-repeat right;
	}
.thumbBoxPrev a {
	float:left;
	width:18px;
	height:212px;
	text-decoration:none;
	background:url(../img/prevItem.gif) no-repeat left;
	}
.thumbBoxNoPrev {
	position:relative;
	float:left;
	width:18px;
	height:212px;
	background:url(../img/noPrev.gif) no-repeat left;
	}
#gallerySelect {
	position:relative;
	overflow:hidden;
	width:700px;
	height:auto;
	}	
#galleryContent {
	float:left;
	overflow:hidden;
	margin:auto;
	width:650px;
	height:auto;
	padding:5px;
	background:#FFF;
	}
.rangeSelect {
	float:left;
	width: auto;
	height: auto;
	font-weight:bold;
	margin-bottom:5px;
	margin-right:2px;
	}
.rangeSelect a {
	color:#af1133;
	display: block;
	background: #DDD;	
	text-decoration: none;	
	padding: 10px 10px 10px 10px;
	}
.rangeSelect a:hover {
	color:#000;
	background:#DDD;
	padding: 10px 10px 10px 10px;
	}
#productInfo {
	float:left;
	width:295px;
	height:auto;
	padding:0px 20px 0 10px;
	}
.collNextPrevWrap {
	clear:both;
	width:834px;
	height:auto;
	padding-top:20px;
	}
.nextPrevWrap {
	clear:both;
	width:500px;
	height:auto;
	padding-top:10px;
	}
.prev a {
	float:left;
	color:#000;
	width:auto;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	background:url(../img/prev.jpg) no-repeat left #FFF;
	}
.prev a:hover {
	color:#af1133;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	background:url(../img/prevOver.jpg) no-repeat left #FFF;
	}
.next a {
	float:right;
	color:#000;
	width:auto;
	padding:0px 0px 2px 3px;
	text-decoration:none;
	background:url(../img/next.jpg) no-repeat right;
	}
.next a:hover {
	color:#af1133;
	padding:0px 0px 2px 3px;
	text-decoration:none;
	background:url(../img/nextOver.jpg) no-repeat right #FFF;
	}
	
* {
	margin:0; 
	padding:0
	}
#gallery {
	position:relative; 
	width:686px; 
	margin:40px auto; 
	padding:10px; 
	border:6px solid #fff; 
	background:#AAA
	}
#images {
	border:2px solid #9ac1c9; 
	height:225px; 
	background:#eef5f6; 
	margin-bottom:20px
	}
#image {
	position:relative; 
	width:672px; 
	height:375px; 
	padding:5px; 
	border:2px solid #666; 
	background:#FFF url(images/loading.gif) center center no-repeat
	}
#image img {
	position:absolute; 
	top:5px; left:5px
	}
#thumbwrapper {
	margin-top:10px; 
	padding:5px 0; 
	width:682px; 
	height:100px; 
	border:2px solid #666; 
	background:#FFF
	}
#thumbarea {
	position:relative; 
	overflow:hidden; 
	height:100px; width:682px; 
	}
#thumbs {
	position:absolute; 
	list-style:none; 
	margin-left:5px; 
	height:100px; 
	width:10000px; 
	border-right:5px solid #FFF
	}
#thumbs li {
	float:left; 
	margin-right:5px; 
	cursor:pointer}
.imgnav {
	position:absolute; 
	height:375px; width:20%; 
	z-index:100; height:375px; 
	width:20%; z-index:100; 
	outline:none; cursor:pointer
	}
#previmg {
	left:0;
	background:url(images/left.gif) left center no-repeat; 
	border-left:5px solid #FFF
	}
#previmg:hover {
	opacity:1; filter:alpha(opacity=100)
	}
#nextimg {
	right:0; 
	background:url(images/right.gif) right center no-repeat; 
	border-right:5px solid #FFF
	}
#nextimg:hover {
	opacity:1; 
	filter:alpha(opacity=100)
	}

/******
Footer
******/

#footerWrap {
	margin:auto;
	overflow:hidden;
	position:relative;
	clear:both;
	width:940px;
	height:auto;
	padding:30px 0 5px 0px;
	
	
	}
#footer  {
	margin:auto;
	overflow:hidden;
	position:relative;
	width:900px;
	font:normal 100 0.8em normal Arial, Helvetica;
	line-height:15px;
	}
#footer a {
	color:#666;
	text-decoration:underline;
	}
#footer a:hover {
	color:#CCC;
	text-decoration:none;
	}	
.footerBox1 {
	float:left;
	width:225px;
	height:100px;
	
	}
.footerCentreBox {
	float:left;
	width:445px;
	height:100px;

	}
.footerBox2 {
	float:left;
	width:215px;
	height:30px;

	text-align:right;
	padding:30px 5px 0 0;
	}
