/*  
Theme Name: Thermo Fisher
Version: 1.0
Description: Designed by <a href="http://www.tobstar.com.au">Tobstar</a>.
Author: Part Jaithong
*/

/* Default styles */
@import "reset.css";

body
{
	background: #ffffff url(../images/bgbody.jpg);
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#wrapper { background:#FFFFFF; margin: 0 auto; width: 1024px;}

.clear:after {
	content: ""; display: block; clear: both;
}
	.clear { zoom: 1; } 


/******************** Layout : Header : Start ********************/
#header { padding:27px 0 0 0;}
#header h1 a {
	display: block; width: 169px; height: 61px; float: left; margin:0 0 0 15px;
	background: url(../images/logo.png); text-indent: -9999px;
}
#header div.login {width: 330px; height:60;  float: right; margin:0 12px 0 0; /*width 274*/}
#header div.login h3 {display: block; width: 90px; height: 47px; float: left; padding:0 14px 0 0;background: url(../images/godirect.png) no-repeat; text-indent: -9999px;}
/*#header div.login  input {width: 133px; height: 15px; margin: 0 0 6px 0; padding: 2px 10px 0 10px; border: 0;font-size: 10px; color: #B5B6B3;}*/
#header div.login  input {border: 0;font-size: 10px; color: #B5B6B3;}
#header div.login  input.username {width: 133px; height: 15px; margin: 0 0 6px 0; padding: 2px 10px 0 10px; border: 0;font-size: 10px; color: #B5B6B3; border: 1px solid #B5B6B3;}
#header div.login  input.password {width: 133px; height: 15px; margin: 0 0 6px 0; padding: 2px 10px 0 10px; border: 0;font-size: 10px; color: #B5B6B3; border: 1px solid #B5B6B3;}

#header div.login  input.submit {width: 13px; height: 13px; float: right; margin:4px 0 0 0; padding:0;background: url(../images/rightgreendicon.png ); cursor: pointer;}
#header div.login  input.submit_hover {width: 13px; height: 13px; float: right; margin:4px 0 0 0; padding:0;background: url(../images/rightgreendicon_hover.png ); cursor: pointer;}

/*#header div.login  input.submit {width: 13px; height: 13px; float: right; margin:4px 0 0 0; padding:0;cursor: pointer;}
#header div.login  input.submit_hover {width: 13px; height: 13px; float: right; margin:4px 0 0 0; padding:0;cursor: pointer;}*/

#header div.login  small {font-size: 10px; float: left;	color: #B5B6B3;}
#header div.login  a {color: #B5B6B3; text-decoration: none;}	
#header div.login  a:hover {color: #5B6979;}

.savedetails {font-size: 10px;	color: #B5B6B3;}

/******************** Layout : Header : End **********************/


/******************** Layout : Body : Start **********************/
#content {background: #FFFFF; padding:15px 0 0 15px;}

.dotline { background:url(../images/dotline.png) repeat-x; margin:25px 5px 0 5px; height:1px;}

.bottomgap { padding:0 0 20px 0;}

#content #main {
	width: 699px;
	border-right: 1px solid #E4E7E9;
	padding:0 5px 0 0;
	float:left;
}	
#content #main h2{ font-size:18px; color:#507AA1; padding:25px 0 0 15px; font-weight:normal; }		
#content #main h3{ font: 13px Verdana, Arial, Helvetica, sans-serif; color:#000000; padding:25px 0 0 15px; font-weight:normal; }		
#content #main p{ font-size:13px; padding:20px 0 0 15px;color:#657482; width:650px; line-height:18px;}		
#content #main a{ font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#507AA1; text-decoration:none; }		
#content #main a:hover{ background:#CAD0D4; }

#content #main .feature-content {width:700px;}
#content #main .feature-content { margin:0;}
#content #main .feature-content .indeximage { height:204px;}
#content #main .feature-content .enviimage{ height:155px; background:#bfcc3b url(../images/enviimage.jpg) top center no-repeat;}
#content #main .feature-content .sciimage { height:155px; background:#3b5279 url(../images/sciimage.jpg) top center no-repeat;}
#content #main .feature-content .healthimage { height:155px; background:#7e2c76 url(../images/healthimage.jpg) top center no-repeat;}
#content #main .feature-content ul {list-style-type:none; background: url(../images/bgindexfeatureul_new1.png) no-repeat; height:55px; }
#content #main .feature-content ul li {
	padding:12px 0 0 17px;
	width:215px;
	height:39px;
	float:left;
	margin:0 2px 0 0;
	background:url(../images/tabbg.png) 0px -156px no-repeat;
	
}
#content #main .feature-content ul li.last {
	margin:0;
	
}

#content #main .feature-content ul.envitab li.currenttab,
#content #main .feature-content ul.envitab li:hover,
#content #main .feature-content ul li.envi_tab:hover
{ background:url(../images/tabbg.png) 0px 0px no-repeat;}


#content #main .feature-content ul li a span.green, 
#content #main .feature-content ul.envitab li a span
 { color:#b7c634; font: bold 13px Verdana; line-height:18px;}
 
#content #main .feature-content ul li:hover a span.green, 
#content #main .feature-content ul li:hover a span,
#content #main .feature-content ul.sub li:hover a span,
#content #main .feature-content ul li:hover a span.blue, 
#content #main .feature-content ul.scitab li.currenttab a span,
#content #main .feature-content ul.envitab li.currenttab a span,
#content #main .feature-content ul.healthtab li.currenttab a span,
#content #main .feature-content ul li:hover a span.violet
{ color:#FFFFFF; font: bold 13px Verdana; line-height:18px;}

#content #main .feature-content ul li.sci_tab:hover, 
#content #main .feature-content ul.scitab li.currenttab, 
#content #main .feature-content ul.scitab li:hover
{ background:url(../images/tabbg.png) 0px -52px no-repeat;}

#content #main .feature-content ul li a span.blue, 
#content #main .feature-content ul.scitab li a span 
{ color:#0238a5; font: bold 13px Verdana; line-height:18px;}

#content #main .feature-content ul li.health_tab:hover,
#content #main .feature-content ul.healthtab li.currenttab, 
#content #main .feature-content ul.healthtab li:hover
{ background:url(../images/tabbg.png) 0px -104px no-repeat;}

#content #main .feature-content ul li a { font: 11px Verdana; color:#4d5a71; text-decoration:none; display:block;}
#content #main .feature-content ul li:hover a, 
#content #main .feature-content ul li.currenttab a
{ background:none; color:#FFFFFF;}

#content #main .feature-content ul li a span.violet,
#content #main .feature-content ul.healthtab li a span 
{ color:#78206e; font: bold 13px Verdana; line-height:18px;}


/*#content #main .breadcum { }		
#content #main .breadcum ul { list-style:none; padding:25px 0 0 15px; }		
#content #main .breadcum ul li { display:block; float:left;}		
#content #main .breadcum ul li a, #content #main .breadcum ul li a span{ font-size: 10px; color:#DEDFE1;}		
#content #main .breadcum ul li a.currentpage { font-size: 10px; color:#507AA1;}		
#content #main .breadcum ul li a:hover { background:none; color:#507AA1;}*/

#content #main .breadcum
{
}		
/*#content #main .breadcum ul { list-style:none; padding:25px 0 0 15px; }		*/
#content #main .breadcum ul { list-style:none; padding:10px 0 0 10px; }		
#content #main .breadcum ul li
{
	display: block;
	float: left;
	text-indent: 5px;
	vertical-align: middle;
	white-space: nowrap;
}		
#content #main .breadcum ul li a, #content #main .breadcum ul li a span{ font-size: 12px; color:#DEDFE1;}		
#content #main .breadcum ul li a.currentpage { font-size: 10px; color:#507AA1;}		
#content #main .breadcum ul li a:hover { background:none; color:#507AA1;}


		
#content #main .items-list ul { list-style:none; padding:15px 0 0 15px; }		
#content #main .items-list ul li { display:inline; float:left; width:225px;}		
#content #main .items-list ul li ul { list-style-type:none; padding:0; }			
#content #main .items-list ul li ul li{display: block; padding:0 0 6px 0;}			
#content #main .items-list ul li ul li.lastproduct {display: block; padding:0 0 28px 0;}				
#content #main .items-list ul li ul li a, #content #main .moreproduct ul li ul li a {color:#5C6E83; font:10px Verdana, Arial, Helvetica, sans-serif;}				
#content #main .items-list ul li ul li a:hover, #content #main .moreproduct ul li ul li a:hover{background:none; text-decoration:underline}				
#content #main .items-list ul li ul li span {color:#5C6E83; font:bold 10px Verdana, Arial, Helvetica, sans-serif;}
		
#content #main .sponsor { background: url(../images/bgsponsor.png) no-repeat; width:697px; height:43px; margin:0 0 10px 0; padding:30px 0 0 18px;}		
#content #main .sponsor h3 {font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#486D91; padding:0; display:inline; float:left;}	
#content #main .sponsor ul { list-style:none; float:left; margin:0 0 0 40px; padding:0;}
#content #main .sponsor ul li { display:inline; float:left; margin:0 17px 0 0;}				
#content #main .sponsor ul li a { font:13px Verdana, Arial, Helvetica, sans-serif;  color:#657482; text-decoration:none; text-align:right;}					
#content #main .sponsor  a { font:13px Verdana, Arial, Helvetica, sans-serif;  color:#657482; text-decoration:none; text-align:right;}					
#content #main .sponsor ul li.prev a
	{ width:13px; height:13px; background: url(../images/leftgraydicon.png) center center no-repeat; display:block; text-indent:-9999; margin:3px 0 0 0; }

#content #main .sponsor ul li.prev a:hover
	{ width:13px; height:13px; background: url(../images/leftgraydicon_hover.png) center center no-repeat; display:block; text-indent:-9999; margin:3px 0 0 0; }
	
#content #main .sponsor ul li.next a
	{ width:13px; height:13px; background: url(../images/rightgraydicon.png) center center no-repeat; display:block; text-indent:-9999; margin:3px 0 0 0; }	
	
#content #main .sponsor ul li.next a:hover
	{ width:13px; height:13px; background: url(../images/rightgraydicon_hover.png) center center no-repeat; display:block; text-indent:-9999; margin:3px 0 0 0; }	
	
	
	
#content #main .sponsor ul li a:hover{ background:none;}

#content #main .moreproduct {margin:0 0 0 -15px; width:720px; height:200px;}
#content #main .moreproduct ul { list-style-type:none; padding:15px 0 0 20px;}
#content #main .moreproduct ul li { float:left; width:220px; font-size:10px; color:#5C6E83; padding-right:5px;}
#content #main .moreproduct ul li ul {padding:0; list-style-position:inside; list-style-type:none;margin-left: 0;padding-left: 1em;text-indent: -1em; }
#content #main .moreproduct ul li ul li { padding:0 0 6px 0; }	
#content #main .moreproduct ul li ul li:before { content: "\002D \0020";}		
#content #main .moreproduct h2{ background: url(../images/bgbottomsearch.jpg) repeat-x; height:30px; color:#FFFFFF; font:bold 12px Verdana, Arial, Helvetica, sans-serif; padding:15px 0 0 25px;}
#content #main .moreproduct form { float:right; margin:-7px 20px 0 0;}
#content #main .moreproduct input{height:17px;width:200px;border:0;float:left;margin:6px 0 0 7px;font-size: 10px; color: #B5B6B3;padding: 2px 10px 0 10px;}
#content #main .moreproduct input.submitsearch{width: 16px; height: 16px; margin:7px 0 0 7px; padding:0;background: url(../images/searchicon.png ); cursor: pointer;}
#content #main .moreproduct input.submitsearch_hover{width: 16px; height: 16px; margin:7px 0 0 7px; padding:0;background: url(../images/searchicon_hover.png ); cursor: pointer;}
#content #main .moreproduct label{font: 10px Verdana;float:left;margin:8px 0 0 15px;color:#FFFFFF;}
				

#side { margin:0 0 0 12px; width:281px; float:left;}

#side ul { margin:0; list-style:none;}
#side ul li { margin:0; }
#side .location ul li {
	display:block;
	text-decoration: none;
	font-size:10px;
	color:#4D5A71;
	padding:10px 0 10px 13px;
}
#side .location ul li .rightside{
	float:right;
	margin-right:20px;
}
#side .quicklinks ul li a {
	display:block;
	text-decoration: none;
	font-size:10px;
	color:#4D5A71;
	padding:10px 0 10px 23px;
}
#side .quicklinks ul li a:hover {
	background-color:#A0A4B2;
	color:#FFF;
}

#side .popularproduct ul li a {
	display:block;
	text-decoration: none;
	font-size:10px;
	color:#4D5A71;
	padding:10px 0 10px 23px;
}
#side .popularproduct ul li a:hover {
	background-color:#A8B6D0;
	color:#FFF;
}
#side .location{
	background:url(../images/bgsidesubbox.jpg) no-repeat bottom;
	width:281px;
	height:127px;
}	
#side .location h3 {font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:10px 0 0 12px; height:20px; background:#5B6979;}


#side .quicklinks{ background:url(../images/bgsidesubbox.jpg) no-repeat; width:281px; height:167px;margin:10px 0 0 0; }	
#side .quicklinks h3 {font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:10px 0 0 12px; height:20px; background:#5B6979;}
	
#side .popularproduct{ background:url(../images/bgsidesubbox.jpg) no-repeat; width:281px; height:167px; margin:10px 0 0 0;}		
#side .popularproduct h3 { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:10px 0 0 12px; height:20px; background: url(../images/bgnavigation.png) repeat-x;}
	
#side .news { background:#5482AB; width:281px; height:167px; margin:10px 0 0 0;}
#side .news h3 { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:15px 0 0 12px;}		
#side .news ul {
	margin:0;
	padding:10px 0 0 23px;
	list-style: disc;
	color:#FECB00;
	margin:0 0 0 2px;
}			
#side .news ul li {
	margin:0;
	padding:0 0 10px;
}		
#side .news ul li a {text-decoration: none; font-size:10px; color:#FECB00;}
#side .news ul li a:hover {text-decoration: underline;}


/******************** Layout : Body : End ************************/


/******************** Layout : Footer : Start ********************/
#footer {background: #507AA1;height: 155px; padding: 25px 25px;}
#footer p {font: 10px Verdana; color: #ffffff; padding:6px 0 0 0; float:left;}	
#footer ul{width:100%;float:left;margin:0;padding:0 0 6px 0;list-style-type: none;height:30px;}
#footer ul li{font: 10px Verdana; position: relative; display: inline;float: left;}
#footer ul li a{display: block;color: #ffffff;background: url(../images/bglistright.png) right no-repeat;text-decoration: none;padding:8px 15px 0 15px;height:22px;}
#footer ul li a:hover{ text-decoration:underline;}
#footer ul li.firstli a{padding:8px 15px 0 0px;}

/******************** Layout : Footer : End **********************/

.jqueryslidemenu ul li.search form{
	float:right;
}

.jqueryslidemenu ul li.search a{
	background: none;	
}

.jqueryslidemenu ul li input{
	height:17px;
	width:120px;
	border:0;
	float:left;
	margin:6px 0 0 7px;
	font-size: 10px; color: #000000;                    /* Input Search Field text */
	padding: 2px 5px 0 5px;
}

.jqueryslidemenu ul li input.submitsearch{
	width: 16px; height: 16px; margin:7px 0 0 7px; padding:0;
	background: url(../images/searchicon.png ); cursor: pointer;
	
}
.jqueryslidemenu ul li input.submitsearch_hover{
	width: 16px; height: 16px; margin:7px 0 0 7px; padding:0;
	background: url(../images/searchicon_hover.png ); cursor: pointer;
	
}

.jqueryslidemenu ul li label{
	font: 10px Verdana;
	float:left;
	margin:8px 0 0 15px;
	color:#FFFFFF;
}



/**** admin ***/

.adminheader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006666;
}

.admininput {width: 133px; height: 15px; margin: 0 0 6px 0; padding: 2px 10px 0 10px; border: 1px solid #B5B6B3; font-size: 10p color: #B5B6B3;}

.admin_ta
{
	font-size: 12px;
	color: #848581;
}

.adminbutton
{
	border: 1px solid #000000;
	font: 10px Verdana;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #5B6979;
	cursor: pointer;
}

.adminborder
{
	border: 1px solid #4A7196;
	background-color: #EBEBEB;
}

.fileupload
{
	border: 1px solid #4A7196;
}	

.adminmain
{
	padding:5px 5px 5px 5px;
	float:none
}	

.admin_header_small
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}	

.adminerror
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF3C3C;
}

.adminfilespanel
{
	background-color: #FFFFFF;
}

.admin_topline
{
	background: #507AA1;
	height: 10px;
	padding: 25px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
}

a
{
	color: #5B6979;
}

a.selected
{
	color: #5B6979;
	font-weight: bold;
}

.adminlink
{
	font: 14px Verdana;
	color: #5B6979;
	cursor: pointer;
	text-decoration: underline;
	clear: both;
	text-align: left;
	width: auto;
}



.adminbuttonlink
{
	border-style: none;
	font: 10px Verdana;
	font-size: 10px;
	color: #5B6979;
	background-color: #FFFFFF;
	cursor: pointer;
	text-decoration: underline;
	clear: both;
	text-align: left;
	width: auto;
}

/** calendar **/
.calendar_title
{
	border-style: solid;
	border-width: 1px;
	font: 10px Verdana;
	font-size: 10px;
	color: #5B6979;
	background-color: #F0F0F0;
}

.calendar_dayheader
{
	border-style: solid;
	border-width: 1px;
	font: 10px Verdana;
	font-size: 10px;
	color: #5B6979;
	background-color: #F0F0F0;
}

.calendar_todayday
{
	border-style: solid;
	border-width: 1px;
	font: 10px Verdana;
	font-size: 10px;
	color: #000000;
	background-color: #FFA6A6;
	font-weight: bold;
}


.modalBackground
{
	background-color: #696969;
	filter: alpha(opacity=40);
	opacity: 0.5;
}

 

/** calendar end **/

.brands { font:13px Verdana, Arial, Helvetica, sans-serif;  color:#657482; text-decoration:none; text-align:right;}