*,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,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  vertical-align:baseline;
  margin:0;
  padding:0;
  font-family: arial;
}

strong{
  font-weight: bold;
}

*{

}

a,label,span, input, textarea{
  font-size: 13px;
}

a{
  color:#1e4e7e
}

label{
  font-weight: bold;
}


ul{
  list-style: none;
}

li{
  font-size: 12px;
}

.number_list{
list-style: lower-roman;
margin:5px 0 10px 20px;
}

.number_list li{
  margin-bottom: 2px;
}


h1,h3{
  font-size: 18px;
  color: #1e4e7e;
  margin-bottom: 5px;
}

#main_title{
margin-bottom:10px;
border-bottom:1px dotted #000099;
width:93%;
}
#about #main_title,#product #main_title, #oem #main_title, #news #main_title, #enquiry #main_title, #contact #main_title{
width:100%;
}

dt{
  font-weight:bold;
  margin-bottom:5px
}

dd{
  margin-bottom: 10px;
}

.sub_title{
 font-size: 16px;
}


h3{
font-size: 14px;
font-weight: bold;
}




hr{
  border: 1px solid #EFEFEF;
  clear: both;
  margin: 10px 0;
  display: block;
}

p{
  font-size:12px;
  line-height: 16px;
}

.pdf{
background:url(../images/pdf_icon.gif) no-repeat left 0;
padding-left:20px
}

.highlight_text{
  font-weight: bold;
}

#header{
  background: url(../images/header_top.jpg) no-repeat;
  height:153px;
  width: 878px;
  margin: 0 auto;
  position: relative;
}

#logo{
  display: block;
  width: 160px;
  height: 100px;
  margin-left: 72px;
}


#main_menu{
 list-style:none;
  overflow:hidden;
 top: 20px;
 left: 310px;
 _left:317px;
 position: relative;
width:600px;
}

#main_menu li{
  float: left;
}

#main_menu li a{
  display: block;
  margin:0 14px;
  _ margin:0 6px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  height: 30px; top: 6px;
  z-index: 10;
  float: left;

}

#main_menu a:hover, #product #products_btn, #home #home_btn, #oem #oem_btn, #about #about_btn,#contact #contact_btn, #oem #oem_btn, #
 #news_btn,#enquiry  #enquiry_btn{
color:#CCFF66
}


#content{
  width: 878px;
  margin: 0 auto;
  height: 100px;
  background: url(../images/header_bottom.jpg) top no-repeat ;
  clear: both;

}

#main_content{
  float: right;
  width: 558px;
  margin-top: 10px;
}

#left_column{
 float: left;
 width: 300px;
 margin-top:10px;
 #margin-top:0px
}

#right_column{
  width: 250px;
  float: right;
}

#main_content_right{
  width:598px;
  float:left;
  margin-top:10px;
}

#main_product_nav{
  width: 862px;
  list-style: none;
  margin:10px auto;
  margin-top: 10px;
  height: 68px;
}

#main_product_nav li{
  float: left;
}
 #main_product_nav li a{
    background-image: url(../images/product_home_nav.jpg);
    background-repeat: no-repeat;
    width: 287px;
    height:68px;
 }

 #infect_test_btn{
   background-position:0px top;
 }

 #drug_test_btn{
  background-position:-287px top;
 }

  #fertility_test_btn{
  background-position:-574px top;
 }
 
   #elisa_test_btn{
  background-position:-861px top;
 }



 #home_splash{
   background: url(../images/home_splash.jpg) right no-repeat;
 }

#home_splash p{
  width: 370px;
  font-size: 12px;
  margin-bottom:5px
}

#home_splash h1{
  margin-bottom: 10px;
  color: #2e5094;
  font-style: oblique;
}


/*#oem_btn{
  width: 175px;
  height: 116px;
  background: url(../images/OEM_btn.jpg);
  margin-bottom: 10px;
}*/

#distributor_btn{
  width: 250px;
  height:100px;
  background: url(../images/distributor_btn.gif);
  margin-top:10px
}

#product_highlight{
  background:url(../images/product_highlight_title.jpg);
  width: 163px;
  height: 20px;
}

#product_highlight_list{
  list-style: none;
}

#product_highlight_list li{
  float: left;
  width:289px;
}

#product_highlight_list li p{
  margin-right: 10px;
    min-height:130px;
    _height:130px;
}


#opt_title{
  background:url(../images/OPT_home.gif);
  width: 289px;
  height: 54px;
}

#cuplab_title{
  background:url(../images/cuplab_home.gif);
  width: 289px;
  height: 54px;
}

#cardlab_title{
  background:url(../images/cardlab_home.gif);
  width: 289px;
  height: 54px;
}

#footer{
  margin: 50px auto 0 auto;
  clear: both;
  width: 878px;
  height: 44px;
  background: url(../images/footer.jpg) no-repeat;
  font-size: 11px;
  text-align: center;
  padding-top: 10px;
  color: #284c93;
}

#home #footer{
#margin-top:50px;
margin-top:20px
}

#footer span{
  font-size:10px
}


/*Image Replacement common styles */
#logo, #main_product_nav li a,#distributor_btn,#product_highlight,#opt_title,#cuplab_title,#cardlab_title,.more_btn,#cuplab_guide_btn,#drugtest_btn,#elisa_btn,#fertility_btn,#infectious_btn,#infectious_enquiry,#cuplab_btn,.test_format li a{
	  text-indent: -30000px;
	  overflow: hidden;
	  display: block;
}

#cuplab_btn{
	background:url(../images/cuplab_button.jpg) no-repeat;
	width:250px;
	height:63px;
	margin-bottom:10px;
}

 div.ahover {
    position: absolute;
    background: #cef;
}

.more_btn{
	  background-image: url(../images/more_btn.gif);
	  background-position:top;
	  width:99px;
	  height:32px;
	  margin:10px auto;
}

.more_btn:hover{
   background-position:bottom;
}


 /*------------------------Tabs Style------------------------------*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-size: 12px;
    width: 597px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
    border-bottom: 3px solid #4077e3;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 30px;
    background: url(../images/tabs.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 0px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
	 font-size: 12px;
}
.ui-tabs-nav .ui-tabs-selected a {

    z-index: 2;
    margin-top: 0;
    background-position: 100% -27px;


}
.ui-tabs-nav a span {

    padding-right: 0;
    height: 27px;
    background-position: 0 0;
    line-height: 27px;
	color:white
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -27px;
     line-height: 27px;
	color:white
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
border:0px;


    padding: 10px;
    background:url(../images/shadow_top.jpg) no-repeat top left #fff  /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav, * html .ui-tabs-nav a, * html .ui-tabs-nav a span { /* auto clear and hasLayout, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#fragment-1,#fragment-2,#fragment-3,#fragment-4{
  background: url(../images/tabs_header.jpg) no-repeat top left;
}

h1.product_tab_title{
  margin-bottom: 20px;
}

.right_module_title{
  display: block;
  width: 238px;
  height: 24px;
  background: url(../images/module_hd_bg.jpg) repeat-x;
  color: #294d95;
  padding: 5px 0 0 10px;
  font-size: 15px;
  font-weight: bold;
}

#right_column_main{
  list-style: none;
  margin-top: 10px;
}

#home #right_column_main{
  margin-top: 0px;
}

#right_column_main li{
  border: 1px solid silver;
  border-bottom-width: 0;
}

#innovative_list,#news_list{
  background: url(../images/module_mid_bg.jpg) repeat-x bottom;
  list-style: none;
  height: 100%;
}

#news_list li{
  border: 0;
  padding-bottom: 10px;
}

#innovative_list li{
  border: 0px;
  font-size: 11px;
  margin: 5px 0 0 5px;
  background: url(../images/orange_bullet.gif) left 5px no-repeat;
  padding-left: 20px;
}

.right_column_main_li{
  margin-bottom: 10px;
}

.latest_news_title{
  font-weight: bold;
  font-size: 12px;
  display: block;
  margin-top: 0px;
}

.latest_news_date{
  font-style: italic;
  font-size: 10px;
}

 .latest_news_date,.latest_news_title,.latest_news_summary{
     margin-left: 10px;
 }

.latest_news_summary{
   display:block;
   font-size: 11px;
   margin-top: 4px;
}

.drug_test_list{
  float: left;
  width: 190px;
}


.drug_test_list li, dt,.sub_product_title,{
  margin-bottom:5px;
  clear:both;
  font-weight:bold;
  font-size:14px
}

.generic_list_number{
list-style:decimal;
padding-left:25px

}

.generic_list_number li{
margin-bottom:5px;
}

.generic_list_number li a{

}

.text_pdf{
width:200px;
display:block;
float:left;

}

#pdf_list li{
clear:both;

}

#pdf_list{
list-style:none;
margin-left:0px;
padding-left:0px
}

#pdf_list span{
display:block;
float:left;
width:200px;
}

.icon_pdf{
font-weight:bold;
background:url(../images/file_acrobat.gif) no-repeat;
float:left;
margin-left:30px;
padding-left:20px;
margin-bottom:10px
}

.highlight_feature,.generic_list li,.link_list li a{
  display:block;
  margin-bottom:5px;
  background: url(../images/green_tick.gif) no-repeat left 3px;
  padding-left: 15px;
}

.link_list{
clear:both;
display:block;
padding:10px 0 20px 0;

}

.link_list li{
float:left;
margin-right:10px;
}

.link_list li a,.back_btn{
background:#00FFFF url(../images/button_bg.gif) repeat-x left 0;
text-decoration:none;
border:1px outset #CCCCCC;
padding:2px 4px;
font-size:12px
}

.link_list li a:hover,.back_btn:hover{
color:white;
background:#00FFFF url(../images/button_hover_bg.gif) repeat-x left 0;
border:1px inset #CCCCCC;
}

.back_btn{
/*background:url(../images/arrow_left.gif) left no-repeat;
padding-left:15px;*/
float:right
}

dd{
  clear:both;
}


#drug_test_format_list li{
  width:50%;
  float: left;
  margin-bottom: 10px;
}

#cuplab_contain h4, #dipsticks_contain h4,#dipcards_contain h4{
  color:#1e4e7e;
  font-size: 14px;
  border-bottom: 2px solid #1e4e7e;
  padding-bottom: 3px;
  margin-bottom: 5px;
}
#cuplab_contain img, #dipsticks_contain img{
  float:left;
  margin:10px 10px 0 0
}



#cuplab_contain h4,#cuplab_contain p{
  margin-right:20px;

}

#cuplab_contain p{

}


.lavaLamp li.back {
  background:#FFFFFF;
  width: 9px; height: 30px;
  z-index: 8;
  position: absolute;
  filter:alpha(opacity=50);
  -moz-opacity:.25;
  opacity:.25;
}

.lavaLamp li.back .left {
  background:#FFFFFF;
  height: 30px;
  margin-right: 9px;
}

#map{
  border: 3px outset #E8E8FF;
  width: 500px;
  height: 300px;
  margin:10px auto;
}

#contact label, #enquiryform label{
float:left;
  display: block;
  width:150px

}

#bubble{
  font-size: 12px;
}

#contact .sub_title{
  margin:10px 0 5px 0;
  font-weight:bold;
  font-size:14px;
  color:#1e4e7e;
  text-decoration: underline;
}

#content .title{
  margin:15px 0 5px 0;
  font-weight:bold;
  font-size:14px;
  color:#1e4e7e;
  text-decoration: underline;
}

#enquiryform .textfield, #enquiryform textarea{
  border: 1px solid #CACACA;
  width: 300px;
  padding:2px 1px;
  background:white url(../images/textfield_bg.gif) repeat-x;
}

#enquiryform li{
  margin-bottom: 10px;
}

textarea{
  border: 1px solid #CACACA;
}

#saveForm{
  border: 1px outset black;
  width: 150px;
  padding:2px 1px;
  margin-left:150px
}

.btn{
background:url(../images/btnbg.jpg) repeat-x;
width:150px;
}


#oem_products li img,.image_effect{
padding:5px;
border:1px solid #BFBFBF;
background:#FFFFFF;
margin-bottom:7px;
display:block;
}

#oem_products li {
float:left;
margin-right:5px
}

.features_cuplab{
  width: 440px;
  float:left;
}


.features_cuplab dt,dt{
 font-size:13px;
 font-weight:bold;
 text-decoration:underline;
 color:#1e4e7e
}


.float_left{
float:left
}

 dd{
 font-size:12px;
 margin-bottom:10px
}

#cuplab_guide_btn{
  background: url(../images/cuplab_guide_btn.png);
  width:250px;
  height:55px;
  margin-top:15px
}

.required{
  color: red;
  font-size:14px;
  padding-left:5px;
  font-weight:bold;
}

.about_pic{
  margin:10px 0
}

#drugtest_btn,#fertility_btn,#infectious_btn,#elisa_btn{
  width:248px;
  height:68px;
  background-image: url(../images/side_products_btn.jpg);
  background-repeat:no-repeat;
  margin-bottom:2px
}

#drugtest_btn{
background-position:top;
border-bottom:1px solid silver;
}

#fertility_btn{
background-position:0 -68px;
border-bottom:1px solid silver;
}

#infectious_btn{
background-position:0 -136px;
border-bottom:1px solid silver;

}

#elisa_btn{
background-position:bottom;
margin-bottom:0px
}
.thumb{
  float: right;
  margin:2px 5px 0px 5px;
  display:block;
  z-index:0
}



.clearfix{
  clear:both;
}

#other_infect{
  display: block;
  float:left
}

#infectious_enquiry{
  background:url(../images/infectious_button.gif) no-repeat;
  height:63px;
  width:272px;
  margin:10px auto;
}

.generic_table{
width:100%;
border-collapse:collapse;
margin-bottom:15px
}

.generic_table thead{
font-weight:bold;
text-align:left;
}

.generic_table th, .generic_table td{
padding:6px 6px;
border:1px solid #CCCCCC
}

.generic_table th{
background:url(../images/table_header.gif) repeat-x;
text-transform:uppercase;
font-size:12px
}

.odd{
background:#EEEEEE
}

.even{
background:#CEE7FF
}

.test{
background:#FFFFFF
}

.notice{
float:right;
width:350px;
margin:0 0 10px 0;
list-style:square
}

.notice li{
color:red;
width:50%;
float:right;
font-size:11px
}

#tm_note {
	margin: 20px 0px 20px 10px;
	color: #999999;
	font-size: 10px;
	clear: left;
}
/*ThickBox*/

/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

.thickbox{
font-size:12px
}

.thickbox:hover{
color:red
}

.test_format{
clear:both
}

.test_format li{
float:left;
}
.test_format li a{
margin:2px 2px 2px 0;
#margin:2px 2px 0px 0;
height:13px;
}

.drug_test_icon{
background:url(../images/drug_test_icon.png) no-repeat;
width:51px;
}

.infectious_test_icon{
background:url(../images/infectious_test_icon.png) no-repeat;
width:111px;
}

.elisa_test_icon{
background:url(../images/elisa_test_icon.png) no-repeat;
width:50px;
}

.fertility_test_icon{
background:url(../images/fertility_test_icon.png) no-repeat;
width:62px;
}


#TB_next a,#TB_prev a{
font-size:11px
}

#news p {
	margin: 5px 0px 10px 10px;
	padding: 10px 10px 20px;
	border-bottom: 1px dotted #CCCCCC;
	font-size: 12px;
	color: #666666;
}