/* reset all css */
*, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, img a, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit;	vertical-align: baseline; }
ol, ul, dl { list-style: none; }
html {height:100%;margin-bottom: 1px;}
body {padding:5px 0 0 0; background-color:#fff; background:url(gfx/.jpg) top left repeat-x; color:#; font-family:Arial, Helvetica, sans-serif;}
a {color:#003073;}
a:hover {color:#fff; background-color:#003073;}
h1 {color:#000/*7488a2*/; font-size:28px; text-align:left; margin-left:15px;}
h2 {color:#000/*7488a2*/; font-size:20px; text-align:left;}


/* structure */
.wrapper {width:986px;margin:0 auto;}	
.topwrapper { width: 986px; height: 18px; background: url(gfx/pagewrap/wrap_top.png) no-repeat;  }
.contentwrapper{ width: 986px; background: url(gfx/pagewrap/wrap_middle.png) repeat-y; }
#head {width:986px;}
#leftCol {width:175px; float:left; margin:0 10px 0 5px; padding:0;}
#middleCol {width:574px; float:left; margin:0 10px 0 0;}
#rightCol {width:190px;float:left; margin:0;}
#footer { width:924px; margin:2px auto 0 auto; padding:3px 0 0 0; position:relative; }
.bottomwrapper {width: 986px; height: 18px; background: url(gfx/pagewrap/wrap_bottom.png) no-repeat; }

/* top level navigation*/
.headnavimg {z-index: 1; float :left; margin: 0 0 0 -23px; position: relative;}
#main-nav {float:left;list-style-type:none; margin:10px 0 0 20px; }
#main-nav li {float: left;  text-align: center; }
#main-nav a {display: block;line-height:38px; height:48px ; width: 108px ;font-weight:bold;text-align: center; color:#003073; }
#main-nav .home a {width:106px;}
#main-nav .pharma a {width:122px;}
#main-nav .food a {width:105px;}
#main-nav .quality a {width:106px;}
#main-nav .contact a {width:106px;}
#main-nav a:hover {color:#fff;}
#main-nav .lowline {line-height:24px;}

/*Top Bar*/

#news {width:650px; height:21px; margin: 0 auto 9px auto;}
#news a {text-align: center;color:#003073;  }
#news a:hover {color:#fff; background-color:#003073;  }
#newsticker {position: relative;width:944px; height:21px; margin: 0 auto 9px auto; background: url(gfx/header/mid_bar.jpg) no-repeat; overflow:hidden;}
#newsticker ul {list-style: none;min-height: 1.2em;padding: 2px; text-align:center;}
* html #newsticker ul {height: 1.2em;overflow: hidden;}
#newsticker li.error {color: #f00;}
.latest {font-weight:bold; color:#ff0000;}
.latestcontent {font-weight:bold;}
.latestreadmore {text-decoration:underline;}
.other {font-weight:bold;}
.othercontent {}
.otherreadmore {text-decoration:underline;}


/*Reflex blue styling for top level nav*/    
.home a:hover, .pharma a:hover, .food a:hover, .services a:hover, .environment a:hover, .quality a:hover, .contact a:hover  { color:#FFF; background:#003073;border-bottom: 10px solid #d9e0ea;}
#home .home a, #pharma .pharma a, #food .food a, #services .services a, #environment .environment a, #quality .quality a, #contact .contact a { color:#FFF; background:#003073;border-bottom: 10px solid #d9e0ea;} 

/*Side Navigation*/
#leftnavcontainer {width:160px; margin: 0 0 0 15px;/* border:2px solid #dbdde6; background:#f2f2f2;*/}
#leftnavcontainertop { width:160px; height:10px;background:url(gfx/leftCol/.jpg) left bottom no-repeat;}
#leftnav {width:160px; background:url(gfx/leftCol/.jpg) left  repeat-y;}
#leftnav dl {width: 150px; margin: 0 auto; padding: 0 0 10px 0; }
#leftnav dt {margin:0; padding: 10px; font-size: 1.2em; font-weight:bold; color:#003073; border-bottom:1px solid #fff; text-align:center; }
#leftnav dd {margin:0; padding:0; color: #003073; font-size: 1em; border-bottom:1px solid #fff; }
#leftnav dd .active {color: #003073; border-right: 10px solid #003073; background:#d9e0f1;}
#navlist a, #navlist a:visited {color:#003073; display:block; padding:5px 5px 5px 20px;width:110px;}
#navlist a:hover {color: #003073; border-right: 10px solid #003073; background:#d9e0f1;}
#navlist .offpagetitle {margin-top:5px; font-size:1em;}
#navlist .offpagelink {margin-top:5px; font-size:.9em; }
#leftnavcontainerbottom {width:160px;height:10px;background:url(gfx/leftCol/.jpg) no-repeat;}

/*right side*/
#right_gen_top {width:190px; height:10px;background:url(gfx/rightCol/rightgentop.jpg) left bottom no-repeat; margin-top:10px;}
#right_gen_bottom {width:190px;height:10px;background:url(gfx/rightCol/rightgenbottom.jpg) left top no-repeat;}

/*misc Classes*/
.midColimgleft {float:left; padding:5px;}
.ital {font-style:italic;}
.jus {text-align:justify; margin: 10px 15px;}
.jusclose {text-align:justify; margin:5px;}
.clear {clear:both;}
.floatleft {float:left;}
.floatright {float:right;}
.tinytitles {text-align: left; font-size:12px;margin:0 18px;padding:0;}
.tinytitlesright {text-align: right; font-size:12px;margin:0 18px;padding:0;}
.page_titles {text-align: left;font-size:22px;}
.small_page_titles {text-align: left; font-size:18px;}
.servicesh5 {text-align: center; font-weight: 700;}
.servicehighlight {float: right; margin: 0 0 0 10px; padding: 0px;}
.blueh4 {color:#7488a2; font-size: medium; text-align:center; margin: 0 5px;}
.blue_rh4 {color:#7488a2; font-size: medium; margin: 5px 0 0 0;}
.srpflash {width:400px; margin:0 auto;}
.flashcontent {width:575px; height:158px; margin: 10px auto 40px auto; display:none;}

/*contact page*/
#map {width:540px; margin:0 auto; }
#address { text-align:right;}
.addressp { margin: 5px 0 0 0 ;}

/*News*/
.news_item {margin:10px; border: 1px solid #dbdde6; background:#fff}
.news_item_alt {margin:10px; border: 1px solid #dbdde6; background:#eff1fe;}
.newsh3 {color:#003073; margin: 10px;}

#newsright {background:url(gfx/rightCol/rightgenmiddle.jpg) left top repeat-y;padding: 1px 0;}
.newsrightcell { width:145px; margin:2px auto 0 auto;padding-bottom:3px; border: 1px solid #dbdde6; background: #fff;}
.news_title {margin:5px;  color:#003073; font-weight:700;}
.news_date, .newsp {margin:5px 5px 0 5px; }

/*Quality*/

.cert {float: right; margin:0 0 0 10px;}
.cert_logo_small {float: left; margin: 0 5px 0 0;}

/*Environment*/
#e_back { width:572px;  }
#e_concern {width:190px; height:285px;}
.e_top_back {width:572px; }

/*forms*/
/*ENV*/
form#env_form { width:520px; padding:10px; margin:0 auto; text-align:justify; }
form#env_form fieldset {display:block; padding:2px; line-height:1.5em; font-size:.75em; font-style:italic; margin:10px 10px 0 10px; border: 1px solid #527809;}
form#env_form legend {margin-bottom:14px; padding:3px; width:254px; background:none;}
form#env_form label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; margin-bottom:0.5em; font-size:1em; line-height:1.5em;}
form#env_form input {padding:0; margin-bottom:0.8em;border:1px solid #527809;}
form#env_form textarea {width:468px; height:12em; border:1px solid #527809; padding:2px ;margin: 0 10px 10px 10px }
form#env_form #button1, form#env_form #button2 { background:#527809; border:1px solid #527809; color:#fff; padding-right:0.5em; cursor:pointer; width:215px; margin:5px 0 10px 28px;}
form#env_form #button1:hover, form#env_form #button2:hover {background:#4d6000;color:#fff; border:1px solid #527809;}
.form {margin:0 10px;}
/*CONTACT*/
form#con_form { width:520px; padding:10px; margin:0 auto; text-align:justify;}
form#con_form fieldset {display:block; padding:2px; line-height:1.5em; font-size:.75em; font-style:italic; margin:10px 10px 0 10px; border: 1px solid #dbdde6;}
form#con_form legend {margin-bottom:14px; padding:3px; width:254px; background:none;}
form#con_form label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; margin-bottom:0.5em; font-size:1em; line-height:1.5em;}
form#con_form input {padding:0; margin-bottom:0.8em;border:1px solid #dbdde6;}
form#con_form textarea {width:446px; height:12em; border:1px solid #dbdde6; padding:2px ;margin: 0 10px 10px 10px; overflow:hidden; } 
form#con_form #button1, form#con_form #button2 { background:#dbdde6; border:1px solid #6683ab; color:#fff; padding-right:0.5em; cursor:pointer; width:215px; margin:5px 0 10px 28px;}
form#con_form #button1:hover, form#con_form #button2:hover {background:#6683ab;color:#fff; border:1px solid #dbdde6;}

/*captcha*/
.captcha_div {margin:5px auto; width:502px; height:40px; }

/*footer*/
.footerimages {padding-bottom:2px; display:none;}
.footertext {text-align: center; border-top: 1px solid #8ca2c0; clear:both; padding: 5px 0 5px 0;}

/*access*/
#accessbutton {width:110px; font-size:14px; position: absolute;  bottom:10px; right:0;}
#accessbutton img { border:none;}
#accessbutton dt {margin: 0 auto; padding: 3px 0;}
.accessbuttons {float:left; width:140px; margin: 0 auto;}



/*Plugs*/
#big_plug {width:190px; height:285px; margin: 0 0 10px 0;}
#small_plug {width:190px; height:90px; margin: 8px 0 10px 0;}

/*Rounded Corners*/
.rnd_container {width:550px; margin:10px auto;}
.rnd_container_bg {width:550px; margin:10px auto; background: #eff1fe; }
.rnd_top, .rnd_bottom {display:block; background:transparent; font-size:1px;}
.rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {display:block; overflow:hidden;}
.rnd_b1, .rnd_b2, .rnd_b3 {height:1px;}
.rnd_b2, .rnd_b3, .rnd_b4 {background:transparent; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.rnd_b1 {margin:0 5px; background:#ccc;}
.rnd_b2 {margin:0 3px; border-width:0 2px;}
.rnd_b3 {margin:0 2px;}
.rnd_b4 {height:2px; margin:0 1px;}  
.rnd_content {display:block; border:0 solid #ccc; border-width:0 1px;padding: 4px; }

/*Sitemap nav*/

#sitemap dt {color:#003073; margin:10px 0 0 0; font-size:1em; font-weight:800;}
#sitemap dd a {font-size:0.9em; font-weight:700;}
.tiny { font-weight:400; font-size:0.8em; color:#333;}

.xsmallview{ /*CSS for "extra small font" setting*/
font-size: 11px;
}
.smallview{ /*CSS for "small font" setting*/
font-size: 13px;
}
.normalview{ /*CSS to return page to default setting (with no additional CSS rules added)*/
}
.largeview{ /*CSS for "large font" setting*/
font-size: 18px;
}
.xlargeview{ /*CSS for "extra large font" setting*/
font-size: 24px;
}
a.texttoggler{ /*CSS for Text Size Toggler control*/
margin-right: 3px;
}
a.texttoggler img{ /*CSS for Text Size Toggler control*/
border: 1px solid gray;
}
a.texttoggler img:hover{ /*CSS for Text Size Toggler control*/
border: 1px solid red;
}
a.selectedtoggler img{ /*CSS for Selected Text Size Toggler control*/
border: 1px solid red;
}

/*Light Box*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:http://www.firstan.co.uk/gfx/lightbox/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.firstan.co.uk/gfx/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.firstan.co.uk/gfx/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*Tables*/
table {}
th {padding: 0 0.5em;text-align: left;  border:1px solid #ccc;}
td {border: 1px solid #CCC;padding: 0 0.5em;}
td+td {border-left: 1px solid #CCC;}

.titleintable {
	font-weight: 700;
	background-color: #CCCCCC;
	color:#003073;
}
.alttablerows {
	background-color: #eee;
}

.director {
	background-color: #003073;
	border: 1px solid #000000;
	color:#FFFFFF;
	
}

#blue {color:#003073; float: left; margin: 10px 40px;  }
.bluetitle { text-decoration:underline; font-weight:700;color:#003073;}

#red {color:#ff0000; float: left;margin: 10px 40px ;}
.redtitle {text-decoration:underline; font-weight:700;color:#ff0000;}