/* Start of CMSMS style sheet 'Biopac Template : Main CSS' */
/* biopac.co.uk 20/08/09 */

body {
font-family:Arial, Helvetica, sans-serif; 
font-size: 9pt; 
color: #000000; 
margin:10px 0 0 0;
padding:0 0 0 0;
text-align:center;
}

.wrap {
width:780px;
margin:0 auto;
padding:0 0 0 0;
text-align:center;
background: #ffffff url(/uploads/theme/header.jpg) no-repeat;
border:1px solid #ffffff;
}
.header {
clear:none;
width:770px;
height:25px;
margin:100px 0 0 0;
padding:0 0 0 0;
background:transparent;
color:#000000;
text-align:right;
}

.wrap2 {
width:780px;
margin:0 auto;
padding:0 0 0 0;
text-align:center;
background: #ffffff url(/uploads/images/newfront_header.gif) no-repeat;
border:1px solid #ffffff;
}
.header2 {
clear:none;
width:770px;
height:20px;
margin:100px 0 0 0;
padding:0 0 0 0;
background:transparent;
color:#000000;
text-align:right;
}



.topnav {
clear:both;
width:780px;
height:21px;
margin:0 0 0 0;
padding:0 0 0 0;
background:#ffffff url(/uploads/theme/topnav_bg_grey.gif);
font-size:8pt;
}

.container {
clear:both;
width:760px;
margin:10px 10px 0 10px;
padding:0 0 0 0;
background:#ffffff;
color:#000000;
text-align:left;
}

.news_right {
float:right;
clear:both;
width:200px;
margin:0 0 5px 10px;
padding:0 10px 0 10px;
background:#CFD9BE;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
}

.product_right {
float:left;
clear:both;
width:auto;
margin:0;
padding:0;
padding-right:5px;
background:#ffffff;
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
}
#content {
float:left;
}
.news p {
margin:10px 10px;
}

.news_cnr_top {
background:url(/images/cnr_tr.gif) no-repeat top right;
margin:0 -10px 0 -10px;
}

.news_cnr_bottom {
background:url(/images/cnr_br.gif) no-repeat top right;
margin:0 -10px 0 -10px;
}

img.cnr {
width:8px;
height:8px;
border:none;
display: block !important;
}

.footer {
position:relative;
clear:both;
width:780px;
margin:0;
padding: 0;
padding-bottom:1px;
/* background:#84b065; */
font-size:8pt;
text-align:center;
border-top:1px solid #9EB874;
}
#footer{margin:10px 0 0 0;}


/******* links *******/

a {
color:#D3812D;
text-decoration:underline;
}

a:hover {
color:#E39243;
text-decoration:none;
}

#news a {
color:#D3812D;
text-decoration:underline;
}

#news a:hover {
color:#E39243;
text-decoration:none;
}

#footer a {
/* color:#ffffff; */
color:#000000;
text-decoration:none;
}

#footer a:hover {
color:#4F6C1F;
text-decoration:none;
}

/******* fonts and colors *******/

.header strong {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:13pt;
letter-spacing:.7em;
}

.news_title {
font-family:Arial, Helvetica, sans-serif;
color:#65764B;
font-size:10pt;
font-weight:bold;
}

.page_title {
font-family:Arial, Helvetica, sans-serif;
color:#697D55;
font-size:10pt;
font-weight:bold;
padding: 0 0 0 0;
margin: 0 0 -8px 0;
}

h1{font-size:15px;color:#b2bc00;}
p{margin:10px 0;color:#747474;}


/******* images *******/

img {
border:none;
}

.right img{
float:right;
padding:0 0 0 0;
margin:5px 2px 2px 5px;
}

.left img{
float:left;
padding:0 0 0 0;
margin:0 5px 0 0px;
}

#overview img {
padding-right: 10px;
padding-bottom: 10px;
}

#content img {
padding-right: 10px;
padding-bottom: 10px;
}
#content2 img {
padding-right: 10px;
padding-bottom: 10px;
}

/******* workarounds and hacks *******/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#images.tabcontent a {
text-decoration:none;
display:inline-block;
width:150px;
border:2px solid #747474;
text-align:center;
margin:2px;
}


#sidemenu{
width: 180px;
border: 1px solid #000;
padding-left: 0px;
margin-bottom: 1em;
font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
background-color: #90bade;
color: #333;
}

* html #sidemenu{ /*IE 6 only */
w\idth: 147px; /*Box model bug: 180px minus all left and right paddings for #sidemenu */
}

#sidemenu ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#sidemenu li {
border-bottom: 1px solid #cdcdcd;
margin: 0;
}

#sidemenu li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #fff;
border-right: 10px solid #fff;
background-color: #fff;
color: #000;
text-decoration: none;
width: 100%;
}

html>body #sidemenu li a{ /*Non IE6 width*/
width: auto;
}

#sidemenu li a:hover{
border-left: 10px solid #b2bc00;
border-right: 10px solid #b2bc00;
background-color: #b2bc00;
color: #fff;
}


#newtopmenu {
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
#newtopmenu ul{
	background:#2d6f85;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	#newtopmenu li{
		float:left;
		padding:0px;
		}
	#newtopmenu li a{
		background:#2d6f85 url("/uploads/biopac/seperator.gif") bottom right no-repeat;
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 15px;
		text-align:center;
		text-decoration:none;
		}
		#newtopmenu li a:hover, #newtopmenu ul li:hover a{
			background: #2580a2 url("/uploads/biopac/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	#newtopmenu li ul{
		background:#2d6f85;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:220px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	#newtopmenu li:hover ul{
		display:block;
		
		}
	#newtopmenu li li {
		background:url('/uploads/biopac/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	#newtopmenu li:hover li a{
		background:none;
		
		}
	#newtopmenu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		#newtopmenu li ul a:hover, #newtopmenu li ul li:hover a{
			background:#2580a2 url('/uploads/biopac/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	#newtopmenu p{
		clear:left;
		}	




#topmenu {
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
#topmenu ul {
	background:#001915;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
}
#topmenu li {
	float:left;
	padding:0px;
}
#topmenu li a {
	background:#001915;
	color:#e8e8e8;
	display:block;
	font-weight:normal;
	line-height:35px;
	margin:0px;
	padding:0px 15px;
	text-align:center;
	text-decoration:none;
}
#topmenu li a:hover, #topmenu ul li:hover a {
	background: #b2bc00;
	color:#FFFFFF;
	text-decoration:none;
}
#topmenu li ul {
	background:#2d6f85;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:220px;
	z-index:200;/*top:1em;
		/*left:0;*/
		}
#topmenu li:hover ul {
	display:block;
}
#topmenu li li {
	background:url('/uploads/biopac/sub_sep.gif') bottom left no-repeat;
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:225px;
}
#topmenu li:hover li a {
	background:none;
}
#topmenu li ul a {
	display:block;
	height:35px;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
}
#topmenu li ul a:hover, #topmenu li ul li:hover a {
	background:#2580a2;
	border:0px;
	color:#ffffff;
	text-decoration:none;
}
#topmenu p {
	clear:left;
}


		#product_table {margin:5px 0;}
#product_table th {color:#FFFFFF;background-color:#037398;text-align:center;}
#product_table td {color:#747474;background-color:#DFE8ED;text-align:center;}

form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {
	margin-bottom:0.5em;
	margin-left:1em;
}
fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
fieldset {
	margin-bottom:1em;
	border:1px solid #9EB874;
	padding:0.5em
}
fieldset label {
	width:auto;
}
legend {
	color:#FFF;
	background:#9EB874;
	font-style:italic;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
	border:1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width:98%;
	height: 6em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em}

/* Sample FormBuilder CSS base */
form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {
	margin-bottom:0.5em;
	margin-left:1em;
}
fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
fieldset {
	margin-bottom:1em;
	border:1px solid #9EB874;
	padding:0.5em
}
fieldset label {
	width:auto;
}
legend {
	color:#FFF;
	background:#9EB874;
	font-style:italic;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
	border:1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width:98%;
	height: 6em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em}

.contactform input {border: 1px solid #9EB874;}
.contactform input.checkbox {border: none;}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #ffc;
	border: 1px solid #9EB874;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}
.contactform div {
padding-top:5px;
padding-bottom:5px;
}

.contactformnew form { padding:20px; background:#fff; position:relative; }
.contactformnew h3 { text-transform:uppercase; font-weight:; background:url(/uploads/biopac/border_dotted_50.png) repeat-x 0 bottom; padding:0 0 1em 0; margin:0 0 1.4em 0; }
.contactformnew div { overflow:hidden; clear:both; margin:0 0 10px 0; padding:0 0 0 180px; }
.contactformnew  label { display:block; width:160px; float:left; position:relative; left:-180px; margin:0 -160px 0 0; font-family:"ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia,serif; text-transform:uppercase; padding:13px 0 0 0;  }
.contactformnew label strong { color:#ff6600; }
	
.contactformnew input[type="text"],textarea,select { font-family:"ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia,serif; border:2px solid #dae5ed; padding:8px; font-size:1em; width:340px; }

.contactformnew input[type="text"]:focus,textarea:focus { border-color:#b8c1c8; background:#ffffcc; }
	
.contactformnew  input[type="submit"] { font-family:"ff-din-web-1","ff-din-web-2",Helvetica,serif; text-transform:uppercase; background:#243757; border:none; border-radius:5px; -webkit-border-radius:5px; -mox-border-radius:5px; cursor:pointer; color:#fff; font-size:1.14em; padding:5px 10px; }
.contactformnew input[type="submit"]:hover { background-color:#222c36; color:#ffffcc; }
	
.contactformnew p.required { position:absolute; right:20px; top:23px; margin:0; font-size:0.86em; font-style:italic; color:#777; }
.contactformnew p.required strong { color:#ff6600; }
	
.contactformnew p.disclaimer { font-style:italic; font-size:0.93em; }
	
.contactformnew div.hiddenFields { margin:0; display:none; }


/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}



   * html div#footer {
        /* hide ie/mac \*/
        height: 1%;
        /* end hide */
    }

    div#footer ul {margin:0 10px;
        list-style: none;
       }
    div#footer li {
        float: left;
        display: inline;
        list-style: none;
       }
    div#footer a,
    div#footer a:link,
    div#footer a:active,
    div#footer a:visited {
        text-align:center;
        padding: 5px 8px;
         

        /* hide from ie/mac \*/
        display: block;
        /* end hide */
    }

/* End of 'Biopac Template : Main CSS' */