/**********************************
 CSS Respirex
 **********************************/

/* HTML Tags
***********************************************/
*{
	color:#05103E;
	font:1em "Tahoma", Arial, Helvetica, sans-serif;
	line-height:160%;
	margin:0;
	padding:0;
	border:none;
	text-align:left;
	}
strong{
	font-weight:bold;
	}
em{
	font-style:italic;
	font-size:.9em;
	}
p{
	font-size:1.3em;
	margin-bottom:8px;
	}
ul{
	font-size:1.2em;
	}
h1{ 
  font-size:2.4em;
	color:#B18900;
	margin-bottom:10px;
	font-weight:bold;
	}
h2{
	font-size:2em;
	color:#05103E;
	}
h3{
	font-size:1.6em;
	color:#B18900;
	}
h5{
	font-size:1.2em;
	color:#05103E;
  }
html, body{
	text-align:center;
	width:100%;
	}
body{
	font-size:62.5%;
	background:url("../graphics/bgr.jpg") no-repeat center top;
	}
	
/* Structure
***********************************************/
#container{
	margin:0 auto;
	width:900px;
	}
#header{
	float:left;
	width:900px;
	background:url("../graphics/header-phone-number.gif") no-repeat 515px 19px;
	}
#logo{
	float:left;
	width:518px;
	}
#logo img{
	float:left;
	}
#searchform{
	float:left;
	width:378px;
	margin-top:75px;
	}
.searchbox{
		width:260px;
		font-size:1.4em;
		padding:4px 0 5px 5px;
		float:left;
		}
.searchbtn{
	float:right;
	}	
#maincontent{
	float:left;
	margin-top:1px;
	width:900px;
	background:url("../graphics/main-content-top-bgr.jpg") no-repeat 50% 0;
	}
#breadcrumbs{
	float:left;
	width:900px;
	margin:6px 0 6px 20px;
	font-size:1.2em;
	}
#breadcrumbs a:hover{
	text-decoration:none;
	background:#B28800;
	color:#fff;
	}
#leftcolumn{
	float:left;
	width:210px;
	}
#textcontent{
	float:left;
	width:645px;
	padding:0 5px 0 5px;
	margin-left:20px;
	overflow:hidden;
	}
#textcontent a{
	text-decoration:underline;
	color:#05103E;
	}
	#textcontent a:hover{
	background:#B28800;
	color:#fff;
	text-decoration:none;
	}
#textcontent img.imgproducts{
	background:none !important;
	float:left;
	margin:0 8px 8px 0;
	border:2px solid #2C4777;
	display:block;
	clear:left;
	}
#textcontent a img.imgproducts,
#textcontent img.imgproducts{
	border:3px solid #2C4777;
	padding:3px;
	}
#textcontent a:hover img.imgproducts{
	border:3px solid #B18900;
	}
.productbox{
	float:left;
	margin-bottom:6px;
	width:100%;
	}
.supportservicebox{
	float:left;
	display:block;
	margin-bottom:6px;
	width:210px;
	overflow:hidden;
	}


/* Top Nav
****************************************************/
#topnav{
	list-style:none;
	float:left;
	clear:both;
	width:900px;
	}
#topnav li{
	float:left;
	display:block;
	position:relative;
	}	
#topnav li a, #topnav li span{
	display:block;
	float:left;
	height:0;
	padding-top:33px;
	overflow:hidden;
	background-repeat:no-repeat;
	}
#topnav ul{
	display:none;
	position:absolute;
	top:32px;
	margin-top:1px;
	left:0;
	background:#fff;
	border:1px solid #05103e;
	width:520px;
	font-size:.9em;
	z-index:200;
	}
#topnav ul li{
	width:255px;
}
#topnav ul li a{
	height:auto;
	padding:5px 0 5px 20px;
	overflow:auto;
	color:#05103e;
	width:240px;
	text-transform:uppercase;
	text-decoration:none;
	background:url("../graphics/nav-arrow.gif") no-repeat 10px 55%;
	}
#topnav ul li a:hover{
	color:#fff;
	background:#B28800 url("../graphics/subnav-bgr.gif") no-repeat left center;
	}
#topnav li:hover ul{
	display:block;
	}
#topnav a.home{
	background-image:url("../graphics/nav-home.jpg");
	border:0;
	width:77px;
	}
#topnav a.about{
	background-image:url("../graphics/nav-about.jpg");
	width:92px;
	}
#topnav span.products{
	background-image:url("../graphics/nav-products.jpg");
	width:101px;
	}
#topnav a.support{
	background-image:url("../graphics/nav-support.jpg");
	width:181px;
	}
#topnav a.research{
	background-image:url("../graphics/nav-research.jpg");
	width:122px;
	}
#topnav a.news{
	background-image:url("../graphics/nav-news.jpg");
	width:90px;
	}
#topnav a.distributors{
	background-image:url("../graphics/nav-distributors.jpg");
	width:127px;
	}
#topnav a.contact{
	background-image:url("../graphics/nav-contact.jpg");
	width:110px;
	}
#topnav a:hover, #topnav span:hover,
body.home #container a.home,
body.about #container a.about,
body.products #container span.products,
body.support #container a.support,
body.research #container a.research,
body.news #container a.news,
body.distributors #container a.distributors,
body.contact #container a.contact{
	background-position:0 -66px;
	}

/* LeftNav
***********************************************/
#productsheading{
	width:210px;
	height:0;
	padding-top:28px;
	margin-top:5px;
	overflow:hidden;
	display:block;
	background:url("../graphics/respirex-products.gif") no-repeat left top;
	}
#leftcolumn ul{
	list-style:none;
	font-size:1.1em;
	}
#leftcolumn li{
	display:block;
	float:left;
	width:210px;
	margin-bottom:1px;
	}
#leftcolumn li a{
	text-decoration:none;
	display:block;
	border:0;
	padding:3px 0 3px 35px;
	text-transform:uppercase;
	background:url("../graphics/nav-arrow.gif") no-repeat 20px 55%;
	}
	#leftcolumn li a:hover,
	body.gastightsuits #leftcolumn a.gastightsuits,
	body.laboratory #leftcolumn a.laboratory,
	body.support #leftcolumn a.support,
	body.chemline #leftcolumn a.chemline,
	#leftcolumn ul li.active a{
		color:#fff;
		background:#B28800 url("../graphics/leftnav-bgr.gif") no-repeat left center;
		}

/* Content
***********************************************/

#headerflags{
	background:#2C4777 url("../graphics/header-slogan.gif") no-repeat left center !important;
	height:24px;
	width:900px;
	float:left;
	}
#headerflags ul{
	list-style:none;
	float:right;
	}
	#headerflags li{
	float:left;
	}
	#headerflags a img{
	display:inline;
	display:block;
	border:none;
	border:1px solid #fff;
	margin-left:10px;
	}
	#headerflags a:hover img{
	border:1px solid #B28800;
	}
.boxcontainer{
	width:295px;
	height:135px;
	float:left;
	background:#05103E;
	padding:10px;
	argin:3px 0 7px 0;
	}
.boxcontainerright{
	width:295px;
	height:135px;
	float:left;
	background:#05103E;
	padding:10px;
	margin:3px 0 7px 12px;
	}
	.boxcontainer img,
	.boxcontainerright img{
		float:left;
		display:block;
		padding-right:10px;
		height:135px;
		}
.boxcontainer h2,
.boxcontainerright h2{
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	}
.boxcontainer p,
.boxcontainerright p{
	font-size:1.1em;
	color:#fff;
	}
a.btnmoredetails{
	background:url("../graphics/btn-more-details.gif") no-repeat 50% 0;
	display:block;
	float:left;
	height:0 !important;
	padding-top:20px !important;
	width:96px;
	overflow:hidden;
	}
	a.btnmoredetails:hover{
		background:url("../graphics/btn-more-details.gif") no-repeat 50% -40px !important;
		}
a.btnproducts{
	background:url("../graphics/btn-products-page.gif") no-repeat 50% 0;
	display:block;
	float:left;
	height:0 !important;
	padding-top:28px !important;
	margin-top:10px;
	width:437px;
	overflow:hidden;
	}
	a.btnproducts:hover{
		background:url("../graphics/btn-products-page.gif") no-repeat 50% -56px !important;
		}
a.btnfinddistributor{
	background:url("../graphics/btn-find-distributor.gif") no-repeat 50% 0;
	display:block;
	float:left;
	height:0 !important;
	padding-top:28px !important;
	width:109px;
	overflow:hidden;
	}
	a.btnfinddistributor:hover{
		background:url("../graphics/btn-find-distributor.gif") no-repeat 50% -56px !important;
		}
a.btnemailus{
	background:url("../graphics/btn-email-us.gif") no-repeat 50% 0;
	display:block;
	float:left;
	height:0 !important;
	padding-top:28px !important;
	margin-left:10px;
	width:87px;
	overflow:hidden;
	}
	a.btnemailus:hover{
		background:url("../graphics/btn-email-us.gif") no-repeat 50% -56px !important;
		}
a.btnprint{
	background:url("../graphics/btn-print.gif") no-repeat 50% 0;
	display:block;
	float:left;
	height:0 !important;
	padding-top:28px !important;
	margin-left:10px;
	width:131px;
	overflow:hidden;
	}
	a.btnprint:hover{
		background:url("../graphics/btn-print.gif") no-repeat 50% -56px !important;
		}
a.btnpdf{
	background:url("../graphics/btn-pdf.gif") no-repeat 50% 0;
	display:block;
	float:left;
	height:0 !important;
	padding-top:28px !important;
	margin-left:10px;
	width:281px;
	overflow:hidden;
	}
	a.btnpdf:hover{
		background:url("../graphics/btn-pdf.gif") no-repeat 50% -56px !important;
		}
a.btnproductoptions{
	background:url("../graphics/btn-product-options.gif") no-repeat 50% 0;
	display:block;
	float:left;
	height:0 !important;
	padding-top:28px !important;
	margin:10px 150px 0 0;
	width:230px;
	overflow:hidden;
	}
	a.btnproductoptions:hover{
		background:url("../graphics/btn-product-options.gif") no-repeat 50% -56px !important;
		}
a.btnproductspec{
	background:url("../graphics/btn-product-spec.gif") no-repeat 50% 0;
	display:block;
	float:left;
	height:0 !important;
	padding-top:28px !important;
	margin:10px 0 0 0;
	width:256px;
	margin:10px 0 0 0;
	overflow:hidden;
	}
	a.btnproductspec:hover{
		background:url("../graphics/btn-product-spec.gif") no-repeat 50% -56px !important;
		}
a.btnbackproduct{
	background:url("../graphics/btn-back-product.gif") no-repeat 50% 0;
	display:block;
	float:left;
	height:0 !important;
	padding-top:28px !important;
	margin:10px 0 0 0;
	width:181px;
	margin:10px 50px 20px 0;
	overflow:hidden;
	}
	a.btnbackproduct:hover{
		background:url("../graphics/btn-back-product.gif") no-repeat 50% -56px !important;
		}
a.btngoback{
	background:url("../graphics/btn-go-back.gif") no-repeat 50% 0;
	display:block;
	float:left;
	height:0 !important;
	padding-top:28px !important;
	margin:10px 0 0 0;
	width:75px;
	margin:10px 0 20px 0;
	overflow:hidden;
	}
	a.btngoback:hover{
		background:url("../graphics/btn-go-back.gif") no-repeat 50% -56px !important;
		}
p.enquiryphone{
	width:629px;
	height:0;
	padding-top:29px;
	margin-top:20px;
	overflow:hidden;
	display:block;
	background:url("../graphics/phone-number-main-text.gif") no-repeat left top;
	clear:both;
	}
.labbox{
	float:left;
	display:block;
	width:190px;
	margin:10px 0 10px 20px;
	overflow:hidden;
	}
.chemlinelogo{
	float:left;
	display:block;
	padding:6px 10px 0 0;
	}
#textcontent ul.nobullet{
	margin-bottom:10px;
	}
#textcontent ul.nobullet li{
	background:none !important;
	padding:0 0 6px 20px;
	display:block;
	}
#textcontent ul ul{
	font-size:1em;
	margin:0 !important;
	padding:0 !important;
	}
#textcontent ul{
	list-style:none;
	font-size:1.2em;
	}
#textcontent li{
	padding:0 0 6px 30px;
	clear:left;
	background:url("../graphics/bullet.gif") no-repeat 18px 8px;
	}
#textcontent ul.pdf li,
.pdftext{
	padding:8px 0 10px 25px !important;
	background: url("../graphics/pdf-logo.jpg") no-repeat left center;
	margin-top:10px;
	display:block;
	clear:left;
	}
#textcontent ul.twocolumn li{
	display:block;
	width:290px;
	}
.divclear{
	clear:both;
	}
.newsbox{
	width:100%;
	float:left;
	background:#05103E;
	padding:10px;
	margin:3px 0 15px 0;
	}
.newsbox h2 a,
.newsbox p{
	color:#fff !important;
	}
.previousbox{
	float:left;
	font-size:1.2em;
	margin-bottom:10px;
	}	
.nextbox{
	float:right !important;
	font-size:1.2em;
	margin-bottom:10px;
	}
.btnbox{
	float:left;
	width:auto;
	margin:10px 0 20px 0;
	}
.variationbox{
	width:130px;
	height:142px;
	float:left;
	display:block;
	text-align:center;
	}
.variationbox p{
	font-size:1em;
	text-align:center;
	}
.marketingbox{
	width:200px;
	height:160px;
	float:left;
	display:block;
	text-align:center;
	}
.marketingbox img{
	border:3px solid #2C4777;
	}
.marketingbox h2{
	display:block;
	text-align:center;
	padding-bottom:3px;
	font-size:1.6em;
	}
.marketingbox p{
	font-size:1.4em;
	text-align:center;
	}
.iconhover{
	background:none !important;
	}
#rightimage img{
	float:right;
	border:3px solid #2C4777;
	margin:0 0 5px 10px;
	clear:right;
	}

/* Distributor login */
#loginheading{
	width:210px;
	height:0;
	padding:20px 0 0 0;
	margin-top:19px;
	overflow:hidden;
	display:block;
	background:url("../graphics/distributor-login.gif") no-repeat left top;
	}
#loginform{
	background-color:#05103E;
	float:left;
	width:210px;
	margin-top:12px;
	margin-bottom:5px;
	}
#loginform fieldset{
	padding:0 14px 15px 22px;
	}
#loginform input{
	width:160px;
	margin-bottom:11px;
	font-size:1.1em;
	padding:3px 5px;
	display:block;
	float:left;
	}
.btndistributorlogin{
	background:url("../graphics/btn-login.gif") no-repeat left top;
	border:none !important;
	height:0;
	margin:0;
	padding:20px 0 0;
	width:50px !important;
	float:right;
	display:block;
	overflow:hidden;
	}
.btndistributorlogin:hover{
	background-position:0 -40px;
	}
.btndistributorregister{
	background:url("../graphics/btn-register.gif") no-repeat left top;
	border:none !important;
	height:0;
	margin:0;
	padding:20px 0 0;
	width:57px !important;
	display:block;
	overflow:hidden;
	float:left;
	}
.btndistributorregister:hover{
	background-position:0 -40px;
	}
#map{
	border:1px solid #ccc;
	margin:10px 0 10px 0;
	float:left;
	padding-left:10px;
	width:100%;
	height:300px;
	}

.arrowdownlaod a{
	border:1px solid #2C4777;
	padding:5px;
	display:block;
	width:40px;
	padding:6px;
	}
.arrowdownlaod a:hover{
	border:1px solid #B28800;
	}
table.maintext{
	width:100%;
	background:#fff;
	}
table.maintext strong{
	font-size:1.1em;
	}
table.maintext td{
	width:100%;
	border: 1px solid #E4E4E4;
	padding:3px;
	text-align:center;
	}
	
/* Contact Form
*************************************************************************************************/
form.splitform{
	margin:10px 0 20px 0;
	font-size:1.2em;
	}
form.splitform p{
	font-size:1em;
	}
form.splitform em{
	color:#f00;
	font-style:normal;
	}		
form.splitform fieldset{
	border:none;
	padding:0;
	margin:0;
	}
form.splitform input.submit{
	color:#fff;
	background-color:#2C4777;
	text-transform:uppercase;
	padding:3px;
	margin-right:220px;
	float:right;
	cursor:pointer;
	width:auto;
	text-align:center;
	display:block;
	}
form.splitform input.submit:hover{
	background-color:#B28800;
	}
form.splitform input.invisible{
	display:none;
	}	
form.splitform select{
	font:1em Arial, Verdana, Helvetica, sans-serif;
	color:#666;
	border:1px solid #ccc;
	padding:3px;
	width:232px;
	}	
form.splitform textarea{
	width:70%;
	font:1em Arial, Verdana, Helvetica, sans-serif;
	color:#666;
	}	
form.splitform label{
	width:188px;
	text-align:right;
	display:block;
	float:left;
	margin-right:5px;
	color:#05103E;
	}
form.splitform input.forminput{
	float:left;
	border:1px solid #ccc;
	font:1em Arial, Verdana, Helvetica, sans-serif;
	color:#666;
	padding:5px;
	width:220px;
	}
form.splitform textarea{
	width:232px;
	float:left;
	margin-bottom:10px;
	border:1px solid #ccc;
	}
form.splitform fieldset.checkboxes{
	border:1px solid #ddd;
	clear:left;
	margin-top:10px;
	margin-left:40px;
	width:59%;
	}
form.splitform fieldset.checkboxes legend{
	color:#05103E;
	padding:0 3px 0 3px !important;
	font-weight:bold;
	font-size:.9em !important;
	}
form.splitform fieldset.checkboxes p{
	margin:0;
	padding:3px;
	}
fieldset.boxcheckboxes .checkbox{
	float:left;
	margin:1px 4px 0 0 !important;
	}
fieldset.checkboxes .checkbox{
	float:left;
	margin:1px 4px 0 150px !important;
	}
form.splitform fieldset.checkboxes input{
	width:auto;
	margin-left:190px;
	clear:left;
	}
	

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

#footertop{
	background:#05103E;
	border-top:5px solid #2C4777;
	float:left;
	width:100%;
	}
	#footertop a{
	text-decoration:none;
	}
	#footertop a:hover{
	text-decoration:underline;
	}
.footercontainer{
	margin:0 auto;
	width:900px;
	}
#footertop ul{
	list-style:none;
	text-align:center;
	padding-top:5px;
	display:block;
	}
#footertop ul li{
	display:inline;
	}
#footertop li a{
	border-right:1px solid #fff;
	padding:0 5px 0 5px;
	color:#fff;
	font-size:.9em;
	text-align:center;
	}
#footertop li a.last{
	border-right:none;
	}
#footertop p{
	color:#fff;
	font-size:1em;
	padding:0 0 10px 0;
	text-align:center;
	display:block;
	}
#footertop a{
	color:#fff;
	font-size:1.1em;
	}
	
/* Clearfix (updated for IE7 compatibility)
*************************************************************************************************/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */