@charset "UTF-8";

@import url("navigation.css");
@import url("fonts.css");

/* CSS Document */




/* General
----------------------------------------------- */


* { 
		margin: 0; 
		padding: 0; 
		}

body { 
		
		font-family: Arial, Helvetica, Sans-serif;
		color: #596E79;
		/* background: #ccc; */
		background: url(../images/general_images/spectrum_pix.gif) repeat-x center 0;
		}

a, a img { 
		border: 0; 
		text-decoration: none; 
		outline: 0;
		color: #5A6F79;
		}
		


/* Sticky footer
----------------------------------------------- */
				
		
		
html, body {
	height: 100%;
	}

.mainWrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -49px; /* the bottom margin is the negative value of the footer's height */
	width: 970px;
	}


.footer, .push {
	height: 50px; /* .push must be the same height as .footer */
	}
	
.push {
	margin: 0 auto;
	clear: both;
	}	

.footer {
	background: #9BAAB2;
	color: #fff;
	clear: both;
	}
				


/* Main layout
----------------------------------------------- */


.tagLine {
	height: 25px;
	width: 960px;
	background: url(../images/general_images/tagline.png) no-repeat;
	margin-left: 10px;
	}	

.header {
	height: 134px;
	width: 960px;
	margin-left: 10px;	
	}
	
.headerLeft {
	height: 124px;
	width: 384px;
	float: left;
	}
	
.headerRight {
	height: 124px;
	width: 576px;
	float: left;
	}		
	
.footerCont {
	width: 950px;
	margin: 0 auto;
	padding: 12px 0 0 10px;
	}	
	
.heading {
	width: 576px;
	height: 34px;
	margin-left: 394px;
	padding-top: 30px; 
	border-bottom: 2px #B7C5CC solid;
	}	
	
.mainCont {
	width: 970px;
	background: url(../images/general_images/gen_bg.gif) repeat-y;
	float: left;
	margin-bottom: 20px;
	}
	
.mainCont#blank, .mainCont#news {
	background: url( );
	}		
	
.mainLeft {
	width: 96px;
	margin-left: 10px;
	float: left;
	}				
	
.mainCentre {
	width: 248px;
	float: left;
	padding: 0 20px;
	}	
	
	
.appLeft {
	width: 175px;
	margin-left: 10px;
	float: left;
	}				
	
.appCentre {
	width: 169px;
	float: left;
	padding: 0 20px;
	}		
	
.mainCentre#appIcon {	
	text-align: right;
	padding: 30px 40px 0 0;
	}
	
.mainCentre#tuner {	
	text-align: right;
	padding: 30px 0 0 0;
	width: 288px;
	}	
	
.mainRight {
	width: 576px;
	float: left;
	padding-top: 30px;
	}	
	
.threeColWrap {
	width: 576px;
	float: left;
	margin-top: 20px;
	background: url(../images/general_images/3col_bg.gif) repeat-y;
	}
	
.threeColWrap#twoLine {	
	background: url(../images/general_images/3col-2line_bg.gif)  repeat-y;	
	}
	
.threeColLeft {
	width: 178px;
	float: left;
	margin: 0 8px;
	}
	
.threeColCentre {
	width: 174px;
	float: left;
	margin: 0 8px;
	}			

.threeColRight {
	width: 175px;
	float: left;
	padding: 0 8px;
	}	

.twoColWrap {
	width: 576px;
	float: left;
	margin-top: 20px;
	background: url(../images/general_images/2col_bg.gif) repeat-y;
	}	
	
.twoColWrap#blank {
	background: url();
	}
	
#management .twoColWrap, #faqs .twoColWrap {
	margin-top: 0px;
	}
	
.contactPage .twoColWrap {	
	background: url( ) repeat-y;
	}
	
.twoColLeft {
	width: 378px;
	float: left;
	}			

.twoColRight {
	width: 186px;
	float: left;
	padding-left: 8px;
	}
	
.rightMargin {
	margin-right: 12px;
	}
	
.innerColWrap {
	width: 576px;
	float: left;
	margin-bottom: 8px;
	}

.innerCol {
	width: 270px;
	float: left;
	background: url(../images/general_images/box_grad_bg.jpg) repeat-x;
	padding: 4px 6px 4px 6px;
	}
	
.rules {
	border-top: 1px #B7C5CC solid;
	border-bottom: 1px #B7C5CC solid;
	padding-top: 8px;
	margin-bottom: 8px;
	}		
			
			
#greyBox {
	background: #5A6F79;
	padding: 6px 8px;
	margin-left: 8px;
	width: 168px;	
	}
	
.twoColRight#greyBox {
	margin-left: 0px;	
	}					

#greenBox {
	background: #c9d537 url(../images/general_images/pointer.gif) no-repeat 10px bottom;
	padding: 6px 0 30px 0;
	}				
	
.smallPrint {
	padding-top: 10px;
	clear: both;
	}			




/* Other layout
----------------------------------------------- */

.form {
	background: #B7C5CC;
	float: left;
	border-top: 2px solid #B7C5CC;
	color: #3E3E41;
	}

.formWrap {
	width: 364px;
	float: left;
	margin-bottom: 6px;
	padding: 0 8px;
	}
	
.formLeft {
	width: 86px;
	height: 22px;
	padding: 4px 0;
	float: left;
	}
		
.formRight {
	width: 276px;
	height: 30px;
	float: left;
	}	

input.textfield {
	width: 266px;
	height: 22px;
	border: 0;
	background: url(../images/general_images/form_bg.gif) 0 -35px;
	color: #3E3E41;
	padding: 4px 6px;
	font-size: 13px;
	}
	
input.textfield:focus {
	background: url(../images/general_images/form_bg.gif) 0 0;
	color: #3E3E41;
	font-weight: bold;
	}	
	
.checkBox {
	width: 182px;
	float: left;
	}
	
.checkBox p {
	margin: 0;
	}	
	
textarea.textArea {
	width: 356px;
	height: 100px;
	background: url(../images/general_images/textarea_bg.gif) 0 -300px;
	border: 0;
	padding: 4px;
	color: #3E3E41;
	font-family:  Arial, Helvetica, Sans-serif;
	font-size: 13px;
	}	
	
textarea.textArea:focus {	
	background: url(../images/general_images/textarea_bg.gif)0 0;
	font-weight: bold;
	}
	
.submitButton {
	background: url(../images/general_images/submit_button.gif) 0 0;
	width: 64px;
	height: 25px;
	border: 0;
	margin: 10px 0;
	}

.submitButton:hover {
	background: url(../images/general_images/submit_button.gif) 0 -25px;
	cursor: pointer;
	}			

/* Other layout
----------------------------------------------- */

.timeline {
	float: left;
	width: 378px;
	background: url(../images/general_images/history_line.gif) no-repeat 150px 0;
	padding-bottom: 10px;
	}

.timelineTop {
	float: left;
	width: 378px;
	background: url(../images/general_images/history_line_top.gif) no-repeat 150px 0;
	padding-bottom: 10px;
	}

.timeline #historyBottom {
	background: url(../images/general_images/history_line_bottom.gif) no-repeat 150px 0;
	}

.timelineL {
	width: 188px;
	float: left;
	}	
		

.timelineR {
	width: 188px;
	float: left;
	}
	
#management .twoColRight img {
	margin-top: 0px;
	padding-left: 10px;
	}
	
.smallAppWrap {
	background: #e7e9ea;
	padding: 22px;
	width: 324px;
	float: left;
	}		
	
.appWrapGrid {
	width: 326px;
	/*margin: 16px 0 8px 10px;*/
	background: #5A6F79;
	float: left;
	}	
	
.appWrapGrid ul {
	width: 290px;
	padding: 0 0 0 16px;
	display: block;
	height: 94px;
	margin: 0 0 0 8px;
	/*border-bottom: 1px #e0e1e4 solid;*/
	}
	
.appWrapGrid ul#gridTop {
	margin: 14px 20px 0 8px;
	}	
	
.appWrapGrid ul#gridBottom {
	margin: 0px 8px 10px 8px;
	border-bottom: 0px #e0e1e4 solid;
	}		
	
.appWrapGrid li {
	display: block;
	list-style: none;
	width: 92px;
	float: left;
	font-size: 12px;
	text-align: center;
	line-height: 15px;
	padding-bottom: 10px;
	margin: 0;
	}
	
.appWrapGrid li a {
	display: block;
	width: 92px;
	padding-top: 40px;
	color: #B7C5CC;
	}
	
.appWrapGrid li a:hover {
	color: #fff;
	}

.flashMov {
	background: #B7C5CC;
	padding: 4px;
	}	
	
.floatR img {
	float: right;
	}
	
.promo {
	width: 568px;
	float: left;
	padding: 6px 8px 12px 8px;
	margin-top: 20px;
	background: #7e3e70;
	color: #fff;
	clear: both;
	border-bottom: 1px solid #30192d;
	border-right: 1px solid #30192d;
	border-left: 1px solid #30192d;
	}	
					

.promo .floatR img {
	padding-left: 20px;
	}

/* Home page
----------------------------------------------- */


.slider {
	_display: none;
	}

.sliderWrap {
	width: 960px;
	height: 240px;
	}
		
.sliderLeft {
	width: 576px;
	height: 240px;
	float: left;
	}
	
.sliderRight {
	width: 384px;
	height: 240px;
	float: left;
	padding-top: 20px;
	}



	
.appWrap {
	width: 960px;
	margin: 16px 0 8px 10px;
	background: url(../images/home_images/app_bg.gif) repeat-y;
	float: left;
	}	
	
.appWrap ul {
	width: 960px;
	/*height: 60px;*/
	}
	
.appWrap li {
	display: block;
	list-style: none;
	width: 95px;
	float: left;
	font-size: 11px;
	text-align: center;
	padding-bottom: 5px;
	margin-right: 1px;
	}
	
.appWrap li a {
	display: block;
	width: 96px;
	padding-top: 40px;
	color: #5A6F79;
	}
	
.appWrap li a:hover {
	color: #3E3E41;
	}
		
li#appCaption {
	width: 194px;
	text-align: left;
	font-size: 18px;
	}
	
li#flowApp {
	background: url(../images/apps/flow_cytometry_small.png) no-repeat top center;
	}		

li#immnoApp {
	background: url(../images/apps/immuno_small.png) no-repeat top center;
	}
	
li#luminApp {
	background: url(../images/apps/lumin_small.png) no-repeat top center;
	}
	
li#bioApp {
	background: url(../images/apps/bio_small.png) no-repeat top center;
	}	
	
li#lateralApp {
	background: url(../images/apps/lateral_small.png) no-repeat top center;
	}		
	
li#dnaApp {
	background: url(../images/apps/dna_small.png) no-repeat top center;
	}
			
li#moleApp {
	background: url(../images/apps/mole_small.png) no-repeat top center;
	}
	
li#fishApp {
	background: url(../images/apps/fish_small.png) no-repeat top center;
	}		
				
li#microApp {
	background: url(../images/apps/micro_small.png) no-repeat top center;
	}
				
li#blotApp {
	background: url(../images/apps/blotting_small.png) no-repeat top center;
	}	
				
li#scopApp {
	background: url(../images/apps/microscopy_small.png) no-repeat top center;
	}					
	
.bottomSection {
	width: 960px;
	background: url(../images/home_images/bottomsection_bg.gif) repeat-y;
	padding: 10px 0px;
	float: left;
	margin: 0 0 25px 10px;
	}
	
.bottomSectionWrap {
	width: 960px;
	background:url(../images/home_images/bottomWrap_bg.gif) repeat-y;
	float: left;
	margin-bottom: 18px;
	}	
	
.bottomSectionCol {
	width: 170px;
	margin-left: 15px;
	margin-right: 6px;
	float: left;
	}

	

	
#sectionColOne	{
	_margin-left: 6px;
	}	
	
	
#layer1 {
	display:visible;
	}
#layer2, #layer3, #layer4, #layer5, #layer6, #layer7, #layer8, #layer9, #layer10, #layer11, #layer12, #layer13, #layer14 {
	display:none;
	}	
	
/* COLOUR
-----------------------------------------------	
	
Light grey: #D8DFE2	

Mid grey: #B7C5CC

Grey: #9BAAB2

Dark grey: #5A6F79

Very dark grey: #3E3E41