@charset "utf-8";
/* CSS Document */

* { font-family: Arial, Helvetica, sans-serif; font-size: 101%; color: #666666; }


body { text-align: center; }
#clear { clear: both; }

#wrapper { 
	width: 900px;
	text-align: left; 
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
}

#topBanner { width: 880px; height: 115px; background-image: url(../images/site/bg_top_banner.gif); background-repeat: repeat; background-color: #00ABBA; text-align: right; padding-right: 20px; }
	.logo { border: none; padding: 20px; }
	.strap {color: #FFFFFF; font-size: 1.2em; font-weight: lighter; position: relative; top: 80px; width: 300px; }
	

#topNav { width: 900px; }
	#topNav ul { margin: 5px 0px 20px 0px; }
	#topNav li { display: inline; margin: 0 1px 0 0; }
	#topNav li a:link, #topNav li a:visited { color: #88898C; font-size: 0.7em; text-decoration: none; background: url(../images/site/divide.gif) no-repeat center right; padding-right: 10px; }
	#topNav li a:active, #topNav li a:hover { color: #00A3B2; }
	
	body#Home #home, body#About #about, body#People #people, body#News #news, body#Quality #quality, body#Products #products, body#Products_autoclave #products, body#Products_balance #products, body#Products_centrifuge #products, body#Products_incubator #products, body#Products_oven #products, body#Products_bath #products, body#Products_freezer #products, body#Products_counter #products, body#Products_washer #products, body#Products_spectro #products, body#Products_cycler #products, body#Products_pump #products, body#Service #contracts, body#Quality #qa, body#News #news, body#Breakdown #breakdown, body#Quote #quote, body#Brochure #brochure, body#Contact #contact { color: #00A3B2; } 

#wrapperInner { width: 900px; margin-top: 5px; }	
	h1 { text-transform: uppercase; color: #FFFFFF; }
	strong { color: #00A3B2; font-weight: bold; }
	
/* LEFT CONTENT */	
#leftContent { width: 355px; float: left; }
	
	
	.teaser { width: 355px; background: url(../images/site/grey_border_btm.gif) no-repeat bottom; padding-bottom: 20px; margin-bottom: 0px; }
	.teaser h1, .teaser2 h1, .teaser3 h1 { background-image: url(../images/site/grey_border.gif); background-repeat: no-repeat; background-color: #88898C; padding: 5px 20px 5px 20px; margin-bottom: 10px; font-size: 0.75em; }
	.teaser h2, .teaser2 h2, .teaser3 h2 { font-size: 0.70em; text-transform: uppercase; color:#00A3B2; padding: 5px 20px 0px 20px; }
	.teaser p, .teaser2 p, .teaser3 p { width: 310px; padding: 5px 20px 5px 20px; font-size: 0.7em;}
	
	/* scrolled content */
	.teaser2 { width: 355px; background: url(../images/site/grey_border_btm.gif) no-repeat bottom; padding-bottom: 8px; margin-top: 13px; }
	.teaser2 #content1 { height: 65px; width: 310px; padding: 0px; float:left; overflow: hidden;  }
	.teaser2 .scrollbar-vert { background-color: #fff; height: 65px; width: 13px; float: right; border-left: solid 1px #C9CACC; margin-right: 2px; }
	.teaser2 .handle-vert { height: 42px; width: 13px; background: url(../images/site/scrollbar_blue.gif) no-repeat left top; }
	
	/* tall scrolled content */
	.teaser3 { width: 355px; background: url(../images/site/grey_border_btm.gif) no-repeat bottom; padding-bottom: 10px; }
	.teaser3 #content1 { height: 348px; width: 335px; padding: 0px; float:left; overflow: hidden;  }
	.teaser3 .scrollbar-vert { background-color: #fff; height: 348px; width: 13px; float: right; border-left: solid 1px #C9CACC; margin-right: 2px; }
	.teaser3 .handle-vert { height: 42px; width: 13px; background: url(../images/site/scrollbar_blue.gif) no-repeat left top; }
	
	/* small vacancies */
	.vacanciesLeft { width: 140px; height: 115px; float: left; background-image: url(../images/site/vacanciesLft.jpg); background-repeat: no-repeat; padding: 5px; margin-top: 15px; }
		.vacanciesLeft h2 { text-transform: uppercase; color: #FFFFFF; font-size: 0.75em; padding: 5px 10px 13px 10px; background: url(../images/site/vacancies_line_sml.gif) no-repeat bottom left; }
		.vacanciesLeft p { padding: 5px 10px 13px 10px; color: #FFFFFF; font-size: 0.70em; }
		.vacanciesLeft a:link, .vacanciesLeft a:visited { color: #FFFFFF; text-decoration: underline; }
		.vacanciesLeft a:active, .vacanciesLeft a:hover { text-decoration: none; }	
		
	/* left small photo */
	.smlPhotoLeft { width: 153x; height: 115px; float: left; margin-top: 15px; }
		

/* FULL WIDTH CONTENT */	
#fullWidthContent { width: 900px; }
	#fullWidthContent .teaser { width: 900px; background: url(../images/site/grey_border_btm_fullwidth.gif) no-repeat bottom; padding-bottom: 20px; margin-bottom: 0px; }
	#fullWidthContent .teaser h1, #fullWidthContent .teaser2 h1, .teaser3 h1 { background-image: url(../images/site/grey_border_fullwidth.gif); background-repeat: no-repeat; background-color: #88898C; padding: 5px 20px 5px 20px; margin-bottom: 10px; font-size: 0.75em; }
	
	#fullWidthContent p{float:none;width:auto !important;}
	#fullWidthContent table{padding:5px 20px;font-size: 0.7em;}
	#fullWidthContent table tr td{vertical-align:top;padding:5px;}
	#fullWidthContent input{width:auto !important;}
	#fullWidthContent  h3{color:#00A3B2;padding:0;font-size:1em;text-transform:uppercase;}
	#fullWidthContent  .hr{border-bottom:1px solid #ccc;}	
	#fullWidthContent .frm_tb_lng{width:330px !important;}
	#fullWidthContent textarea{width:340px !important;height:auto !important;}
/* RIGHT CONTENT */	

#rightContent { width: 529px; float: right; }

	/* product search */
	#quick_prod_search { width: 529px; background-image: url(../images/site/labtech.jpg); background-repeat: no-repeat; background-position: top left; float: right; min-height: 232px;}
		.product_search { width: 190px; float: right; }
		
		.product_search h1 { text-transform: uppercase; color: #FFFFFF; font-size: 0.75em; padding: 5px 20px 0px 15px; background:url(../images/site/blue_top_banner.gif) no-repeat top right; }
		.product_search h2 { color: #FFFFFF; font-size: 0.70em; padding: 0px 20px 5px 15px; background-color: #00A3B2; border-left: solid 1px #BDBFC1; border-right: solid 1px #BDBFC1;}
		.product_search ul { font-size: 0.65em; background: url(../images/site/quick_search_bg.png); background-repeat: no-repeat; background-position: bottom right; }
		.product_search li { list-style-type: none; }
		.product_search a:link, .product_search a:visited { color: #FFFFFF; text-decoration: none; padding: 1px 8px 0px 15px; display: block; width: 164px; margin-left: 1px; border-bottom: solid 1px #B3B4B7; }
		.product_search a:active, .product_search a:hover { color: #FFF; background-image: url(../images/site/arrow.gif); background-position: right center; background-repeat: no-repeat; background-color: #00A3B2; }
		
		.last a:link, .last a:visited { border-bottom: none; padding-bottom: 2px; }
		.last a:active, .last a:hover { background: url(../images/site/btm_blue_border.gif); background-repeat: no-repeat; background-position: bottom right; }
		
		body#Products_autoclave #autoclaves, body#Products_balance #balances, body#Products_centrifuge #centrifuges, body#Products_incubator #incubator, body#Products_oven #oven, body#Products_bath #baths, body#Products_freezer #freezer, body#Products_counter #counter, body#Products_washer #washers, body#Products_spectro #spectro, body#Products_cycler #thermal { color: #000; background-image: url(../images/site/active_quick_search.gif); }
		body#Products_pump #pump { color: #000; background: url(../images/site/active_btm_blue_border.gif); background-repeat: no-repeat; background-position: bottom right; }
		
	/* vacancies */
	
	.vacancies { width: 316px; height: 110px; float: left; background: url(../images/site/vacancies.jpg) no-repeat; padding: 5px 5px 0px 5px; margin-top: 15px; }
		.vacancies h2 { text-transform: uppercase; color: #FFFFFF; font-size: 0.75em; padding: 5px 140px 13px 10px; background: url(../images/site/vacancies_line.gif) no-repeat bottom left; }
		.vacancies p { padding: 5px 140px 13px 10px; color: #FFFFFF; font-size: 0.70em; }
		.vacancies a:link, .vacancies a:visited { color: #FFFFFF; text-decoration: underline; }
		.vacancies a:active, .vacancies a:hover { text-decoration: none; }
	
	/* Winner promo */
	.winner { width: 316px; height: 110px; float: left; background: url(../images/site/winner_promo_bg.gif) no-repeat; padding: 5px 5px 0px 5px; margin-top: 15px; }
		.winner h2 { text-transform: uppercase; color: #FFFFFF; font-size: 0.75em; padding: 5px 100px 0px 10px;  }
		.winner p { padding: /*5px 140px 13px 10px*/ 5px 10px 13px 10px; color: #FFFFFF; font-size: 0.70em; }
		.winner a:link, .winner a:visited { color: #FFFFFF; text-decoration: underline; }
		.winner a:active, .winner a:hover { text-decoration: none; }
	
	/* contact teaser */	
	
	.contact_teaser { width: 165px; height: 105px; float: right; padding: 10px 10px 0px 15px; margin-top: 15px; background: url(../images/site/contact_bg.gif) no-repeat top right; font-size: 0.75em; }
		.contact_teaser h3 { font-size: 1.7em; color: #FFFFFF; padding-top: 4px; padding-bottom: 0px; }
		.contact_teaser p { font-size: 1em; color: #FFFFFF; text-transform: uppercase; padding-bottom: 14px; }
		.contact_teaser a:link, .contact_teaser a:visited { color: #FFF; text-decoration: underline; padding: 0px;}
		.contact_teaser a:active, .contact_teaser a:hover { text-decoration: none; }
		
			.contact_teaserLeft { width: 210px; height: 105px; float: left; padding: 10px 10px 0px 10px; margin-top: 0px; background: url(../images/site/contact_left_bg.gif) no-repeat top left; font-size: 0.75em; position: relative; top: -87px; left: 0px; }
		.contact_teaserLeft h3 { font-size: 1.7em; color: #FFFFFF; padding-top: 4px; padding-bottom: 0px; }
		.contact_teaserLeft p { font-size: 1em; color: #FFFFFF; text-transform: uppercase; padding-bottom: 14px; }
		.contact_teaserLeft a:link, .contact_teaserLeft a:visited { color: #FFF; text-decoration: underline; padding: 0px;}
		.contact_teaserLeft a:active, .contact_teaserLeft a:hover { text-decoration: none; }
		
	/* right scrolled content */

	.rightScroll { width: 529px; background: url(../images/site/grey_border_btm_long.gif) no-repeat bottom; padding-bottom: 20px; margin-bottom: 5px; }
	.rightScroll #content1 { height: 348px; width: 460px; padding: 0px 20px 0px 15px; float:left; background: #fff; overflow: hidden; font-size: 0.7em; margin-left: 5px; }
			.rightScroll .scrollbar-vert { background-color: #fff; height: 348px; width: 13px; float: right; border-left: solid 1px #C9CACC; margin-right: 3px; }
			.rightScroll .handle-vert { height: 42px; width: 13px; background: url(../images/site/scrollbar_blue.gif) no-repeat left top; }

	.rightScroll h1 { background-image: url(../images/site/grey_border_right.gif); background-repeat: no-repeat; padding: 5px 20px 5px 20px; margin-bottom: 10px; font-size: 0.85em; }
	
	.rightScroll h2 { font-size: 0.95em; text-transform: uppercase; color:#00A3B2; padding: 5px 0px 5px 0px; }
	.rightScroll p { padding: 5px 0px 5px 0px; }
	.disc { list-style-type: disc; list-style-position: outside; padding: 5px 10px 5px 30px; }
	.rightScroll ul ul { padding-left: 10px; }
	
	
	/* Our people */
	#our_people { width: 529px; float: right; }
		.largePhoto { width: 210px; float: left; }
		.thumbPhoto { width: 319px; float: left; }
			.thumbPhoto img { padding: 0px; float: left; } 
			
		.contact_teaserPeople { width: 190px; height: 105px; float: left; padding: 10px 10px 0px 10px; margin-top: 4px; background: url(../images/site/contact_left_bg.gif) no-repeat top left; font-size: 0.75em; }
		.contact_teaserPeople h3 { font-size: 1.7em; color: #FFFFFF; padding-top: 4px; padding-bottom: 0px; }
		.contact_teaserPeople p { font-size: 1em; color: #FFFFFF; text-transform: uppercase; padding-bottom: 14px; }
		.contact_teaserPeople a:link, .contact_teaserPeople a:visited { color: #FFF; text-decoration: underline; padding: 0px;}
		.contact_teaserPeople a:active, .contact_teaserPeople a:hover { text-decoration: none; }

/* enquiry form */
	form { padding: 0px; margin: 0px; }
		form p { width: 400px; float: left; margin-top: 5px; padding: 0px; 
		padding-left: 0px; /*width of left column containing the label elements*/ }
		form label { font-weight: bold; float: left;
		margin-left: 0px; /*width of left column*/
		width: 140px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}
		form input { /*width of text boxes. IE6 does not understand this attribute*/
		width: 240px; }
		.submit { width: 100px; float: right; margin-right: 15px; }
		form textarea { width: 300px; height: 150px; }
		.multiline { height: 50px;  }
		select, input, textarea { padding: 0px 1px 0px 1px;  }
	
/* FOOTER */
#footer { width: 900px; border-top: solid 1px #CDCED0; clear: both; margin-top: 10px; padding-top: 10px; }
	#footer p { font-size: 0.55em; color: #88898C; }
	#footer img { padding-bottom: 20px; padding-right: 10px; }