/* CSS Document */

/* http://www.monmouthscientific.co.uk/ */

/* Monmouth Scientific Design Style Sheet © soVision 2008 */

/* site wide colours

	Dark grey	:	#666666
	Mid grey	:	#CECECE
	Light grey	:	#ECECEC
	Dark blue	:	#000099
	Pastel blue	:	#ACABC5
	
	Grey text	:	#7A7878
	
*/

/* PAGE STYLES*/
html{
	margin:0;
	padding:0;
}
body{
	background:url(../../images/monmouth-scientific-page-background.gif) top repeat-x;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#666666;
}
.container{
	background:url(../../images/monmouth-scientific-head-background.jpg) left top no-repeat;
	width:100%;
	margin:0 auto 0 auto;
	padding:0;
}
img{ border:0;}

/* LAYOUT STYLES */
.header{
	height:96px;
	margin:0;
	padding:0;
}
.main{
	margin:0;
	padding:0;
}
.left{
	width:160px;
	float:left;
	margin:0 0 0px 6px;
	padding:0;
}
.content{
	margin:0;
	padding:0 200px 0 188px;
}
.content-full{
	margin:0;
	padding:0 22px 0 188px;
}
.middle{
	margin:0;
	width:98%;
}
.full{
	margin:0;
}
.right{
	width:160px;
	float:right;
	margin:0 12px 0 0px;
}
/* HEADER STYLES */
.headline{
	visibility:hidden;
	width:260px;
	float:left;
}
.headline h1{
	margin:0;
	padding:0;
}
.crosslink{
	text-align:right;
	margin:0 6px 0 0px;
	padding:4px 0 0px 0px;
	font-size:0.9em;
}
.crosslink a{
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}
.crosslink a:hover{
	text-decoration:underline;
}
.login{
	float:right;
	margin:18px 6px 0 0px;
}
/* login area */
.login img{
	border:none;
	margin:0 6px 0 0px;
}
.login a{
	color:#000000;
}
.login a:hover{
	color:#666666;
}
/* NAVIGATION STYLES */
.leftnav{
	border-bottom:1px solid #ACABC5; /* must match .leftnav li top border */
	margin:0 0 12px 0px;
}
.leftnav ul{
	margin:0;
	padding:0;
	list-style:none;
}
.leftnav li{
	border-top:1px solid #ACABC5; /* must match .leftnav bottom border */
	line-height:1.25em;	
}

.leftnav li a{
	text-decoration:none;
	color:#7A7878;
	display:block;
	background:#ECECEC;
	padding:2px 4px 2px 4px;
}
.leftnav li a:hover{
	color:#666666;
	background:#CECECE;
}
.leftnav .selected{
	background:#F5F5F1;
	color:#000099;
}
.title{
	background:#ACABC5;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 4px 2px 4px;
}
/* LEFT SUB  NAV */
.subnav ul{
	margin:0;
	padding:0;
	list-style:none;
}
.subnav li{
	border-top:none;
	line-height:1.25em;
}
.subnav li a{
	text-decoration:none;
	color:#7A7878;
	display:block;
	background:#F5F5F1;
	padding:2px 4px 2px 12px;
}
.subnav li a:hover{
}
.subnav .selected{
	background:#000099;
	color:#FFFFFF;
}

.subnav1 ul{
	margin:0;
	padding:0;
	list-style:none;
}
.subnav1 li{
	border-top:none;
	line-height:1em;
}
.subnav1 li a{
	text-decoration:none;
	color:#7A7878;
	display:block;
	background:#F5F5F1;
	padding:2px 4px 2px 16px;
}
.subnav1 li a:hover{
}
.subnav1 .selected{
	background:#000099;
	color:#FFFFFF;
}

.subnav2 ul{
	margin:0;
	padding:0;
	list-style:none;
}
.subnav2 li{
	border-top:none;
	line-height:.8em;
}
.subnav2 li a{
	text-decoration:none;
	color:#7A7878;
	display:block;
	background:#F5F5F1;
	padding:2px 4px 2px 20px;
}
.subnav2 li a:hover{
}
.subnav2 .selected{
	background:#000099;
	color:#FFFFFF;
}


/* LEFT HAND BELOW NAV */
.left-button{
	margin:12px 0 12px 0px;
	padding:0 0 0px 0px;
}
/* HORIZONTAL NAV STYLES */
.horiz-nav{
	margin:0 6px 0 6px;
	padding:0 0 0px 0px;
	height:34px;
	width:99%;
}
.horiz-nav ul{
	margin:0 0 0px 0px;
	padding:0 0 0px 0px;
	display:inline;
}
.horiz-nav li{
	margin:0 0 0px 0px;
	padding:0 0 0px 0px;
	list-style:none;
	display:inline;
	float:left;
	line-height:24px;
	
}
.horiz-nav li a{
	background:url(../../images/navigation-background.gif) repeat-x top;
	margin:0 1px 0 0px;
	padding:0 12px 0 12px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;

}
.horiz-nav li a:hover{
	background:url(../../images/navigation-background-over.gif) repeat-x top;
}
.horiz-nav .selected{
	background:url(../../images/navigation-background-over.gif) repeat-x top;
}


/* TEXT STYLING */
h1{
	margin:0 0 0.5em 0px;
	font-size:2.0em;
	color:#000099;
}
h2{
	margin:0 0 0.5em 0px;
	color:#000099;
	font-size:1.4em;
}
h3{
	margin:0 0 0.5em 0px;
	color:#000099;
	font-size:1.3em;
}
h4{
	margin:0 0 0 0;
	color:#000099;
	font-size:1.2em;
}

p{
	margin:0 0 0.5em 0px;
}
.caption{
	font-size:0.8em;
	text-align:center;
	margin:0 0 1.5em 0px;
}
a{
	color:#000099;
}
.breadcumb{
	font-size:0.75em;
	color:#000099;
	margin:0 0 12px 12px;
}
.breadcumb a{text-decoration:none;}
.breadcumb a:hover{text-decoration:underline;}

/* FEATURE BOX */
.feature-box{
	border:1px solid #ACABC5;
	padding:0 0 18px 0px;
	margin:0 0 12px 0px;
	line-height:1.6em;

}
.feature-box h2{
	padding:6px 4px 6px 4px;
	font-size:1.4em;
}
.feature-box h3{
	background:#ACABC5;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1em;
	padding:2px 4px 2px 4px;
	margin:0;
	line-height:1.25em;
}
.feature-box p{
	padding:4px 4px 6px 4px;
	margin:0;
}
.more{
	padding:0;
	margin:0;
	float:right;
	margin-top:0;
	font-size:0.9em;
}
.more a{
	color:#FFFFFF;
	text-decoration:none;
	background:#ACABC5;
	position:inherit;
	right:0;
	padding:0 6px 0 6px;
	margin:0;
}
.more a:hover{text-decoration:underline;}
.more-blue{
	padding:0;
	margin:0;
	float:right;
	margin-top:0;
	font-size:0.9em;
}
.more-blue a{
	color:#FFFFFF;
	text-decoration:none;
	background:#000099;
	position:inherit;
	right:0;
	padding:0 6px 0 6px;
	margin:0;
}
.more-blue a:hover{text-decoration:underline;}

.address{
	font-size:0.85em;
	line-height:1.6em;
}
.address strong{font-size:1.2em;}
/* PRODUCT PAGE STYLES */
.product-page{
    margin:0;
	width:98%;
	border:1px solid #ACABC5;
}
.padded{
	padding:6px 12px 2px 12px;
}
.product-page table{
	table-layout:auto;
}
.product-page table td{
	vertical-align:top;
	padding:0;
	margin:0;
}
.product-page .content-left{ 
	padding:0 0 0px 0px;
	margin:0 9px 0 0px;
	float:left;
	width:100%;
}
.product-page .content-right{ 
	width:240px;	
	text-align:center;
}
.product-page h1{
	border-bottom:1px solid #000099;
}

.back-to-product a
{
	margin-top:-26px;
	font-size:0.5em;
	float:right;
	text-decoration:none!important;
	color:#000099;
}

.back-to-product a:hover{
	color:#666666
}

.back-to a
{
	margin-right:20px;
	margin-top:-26px;
	font-size:0.5em;
	float:right;
	text-decoration:none!important;
	color:#000099;
}

.back-to a:hover{
	color:#666666
}


.product-page p{
	line-height:1.4em;
}
.product-page .price-table{
	text-align:right;
}
.product-page .price-table table{
	border-collapse:collapse;
	margin:5px 0 0 0;
	padding:0;
	float:right;
}
.product-page .price-table td.price{
	color:#000099;
	font-size:1.3em;
	font-weight:bold;
	float:left;
	text-align:right;
	width:auto;
	padding:6px 6px 0 0px;
}
.product-page .price-table td.price em{
	font-size:0.7em;
	font-weight:normal;
	font-style:normal;
}
.product-page .price-table td.amount{
	border:1px solid #000099;
	border-collapse:collapse;
	margin:0;
	padding:8px 8px 8px 12px;
	color:#000099;
	font-size:1.5em;
	font-weight:bold;
	line-height:0.8em;
	vertical-align:middle;
}
.product-page .price-table td.amount em{
	font-size:0.5em;
	font-weight:normal;
	font-style:normal;
}
.product-page .price-table td.link{
	border:1px solid #000099;
	border-collapse:collapse;
	margin:0;
	padding:12px 12px 12px 12px;
	background:#000099;
	color:#FFFFFF;
	vertical-align:middle;
}
.product-page .price-table td.link a{ color:#FFFFFF; text-decoration:none;}
.product-page .price-table td.link a:hover{ text-decoration:underline;}

/* *** */
.other-products-panel{
	margin:12px 0 8px 0px;
	padding:0 0 0px 0px;
}
.related-products-panel{
	margin:30px 0 0px 0px;
	padding:0 0 0px 0px;
	width:100%;
	border-top:1px solid #ACABC5;
}
.back-to-top{ 
	font-size:0.85em;
	width:100%;
}
.back-to-top a{
	color:#FFFFFF;
	text-decoration:none;
	background:#ACABC5;
	position:inherit;
	right:0;
	padding:0 6px 0 6px;
	margin:0;
	float:right;
}
.back-to-top a:hover{text-decoration:underline;}
/* Scrolling Product Tables */
.scrolling-products{
	border:1px solid #000099;
	background:#ACABC5;
	padding:2px;
	overflow:auto;  /* cater to the older browsers */
	overflow-x:scroll; /* scroll horizontal */
	overflow-y:hidden; /* Hide vertical*/
	position:relative;
	float:left;
	width:520px;
}
.scrolling-products table{
}
.scrolling-products table td{
	border:1px solid #000099;
	background:#FFFFFF;
	padding:4px 0 0 4px;
}
.scrolling-products table h3{
	margin:4px;
	font-weight:normal;
	font-size:1em;
}
/* Specification Table */
#specification{
	width:100%;
	border-collapse:collapse;
}
#specification thead{
	border:1px solid #666;
	background:#ECECEC;
	border-collapse:collapse;
	padding:2px;
	text-align:left;
}
#specification td{
	border:1px solid #666;
	border-collapse:collapse;
	padding:2px;
}

/* Links and Downloads */
.downloads{
	border-bottom:1px dotted #666;
	width:100%;
	margin:0 0 6px 0;
}
.downloads p{line-height:28px;}
.downloads img{float:right;}

/* FOOTER STYLES */
.footer{
	margin:0;
	padding:22px 0 0px 0px;
	margin:0 0 0px 0px;
	clear:both;
	background:url(../../images/page-bottom-graduation.jpg) top repeat-x;
	height:100px;
}
.foot{
	background:url(../../images/foot-shadow.gif) top repeat-x;
	padding:0 0 0px 0px;
	margin:0 0 0px 0px;
}
.foot-content{
	background:url(../../images/monmouth-scientific-foot-background.gif) top right no-repeat;
	height:100px;
	padding:0 0 0px 0px;
	margin:0 0 0px 0px;
}
.foot-address{
	background:url(../../images/foot-address-bg.gif) no-repeat left top;
	font-size:0.85em;
	line-height:1.6em;
	width:480px;
	height:58px;
	padding:16px 0 0px 12px;
	margin:0 0 0px 0px;
	float:left;
	position:relative;
}
.foot-logos-right{
	float:right;
	position:relative;
	white-space:nowrap;
}
.foot-logos-right img{
	padding:0 6px 0 1px;
	margin:0 0 0px 0px;
}
.foot-left{	float:left; margin-left:6px; font-size:0.8em;}
.foot-right{ float:right; margin-right:6px;  font-size:0.8em;}
.foot-right a{ text-decoration:none; font-weight:bold; color:#333333;}
.foot-right a:hover{ text-decoration:underline;}

/* MISC */
.clear{clear:both;}
/* LOGIN */
.login-box{
	border:1px solid #ACABC5;
	padding:0 0 18px 0px;
	margin:0 12px 12px 0px;
	line-height:1.6em;
	width:45%;
	height:250px;
	float:left;
	position:relative;
	text-align:center;
}
.login-box h2{
	padding:6px 4px 0 4px;
	font-size:1.4em;
}
.login-box h3{
	background:#ACABC5;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1em;
	padding:2px 4px 2px 4px;
	margin:0;
	line-height:1.25em;
}
.login-box p{
	padding:4px 4px 6px 4px;
	margin:0;
}
.login-box table{
	background:#ACABC5;
	width:60%;
	margin:0 0 12px 0;
}
.login-box table td{
	padding:2px 6px 2px 6px;
	color:#FFFFFF;
}
.register-box{
	border:1px solid #ACABC5;
	padding:0 0 18px 0px;
	margin:0 12px 12px 0px;
	line-height:1.6em;
	width:98%;
	float:left;
	position:relative;
	text-align:center;
}
.register-box h2{
	padding:6px 4px 0 4px;
	font-size:1.4em;
}
.register-box h3{
	background:#ACABC5;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1em;
	padding:2px 4px 2px 4px;
	margin:0;
	line-height:1.25em;
}
.register-box p{
	padding:4px 4px 6px 4px;
	margin:0;
}
.register-box table{
	width:100%;
	margin:12px 0 0 0;
	
}
.register-box table td{
	padding:2px 6px 2px 6px;
}

.payment-box{
	border:1px solid #ACABC5;
	padding:0 0 18px 0px;
	margin:0 12px 12px 0px;
	line-height:1.6em;
	width:45%;
	height:400px;
	float:left;
	position:relative;
	text-align:center;
}
.payment-box h2{
	padding:6px 4px 0 4px;
	font-size:1.4em;
}
.payment-box h3{
	background:#ACABC5;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1em;
	padding:2px 4px 2px 4px;
	margin:0;
	line-height:1.25em;
}
.payment-box p{
	padding:4px 4px 6px 4px;
	margin:0;
}
.payment-box table{
	background:#ACABC5;
	width:90%;
	margin:0 0 12px 0;
}
.payment-box table td{
	padding:2px 6px 2px 6px;
	color:#FFFFFF;
}

.box{
	border:1px solid #ACABC5;
	padding:0 0 18px 0px;
	margin:0 12px 12px 0px;
	line-height:1.6em;
	width:98%;
	float:left;
	position:relative;
}
.box h2{
	padding:6px 4px 0 4px;
	font-size:1.4em;
}
.box h3{
	background:#ACABC5;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1em;
	padding:2px 4px 2px 4px;
	margin:0;
	line-height:1.25em;
}
.box p{
	padding:4px 4px 6px 4px;
	margin:0;
}
.box table{
	width:100%;
	margin:12px 0 0 0;
	
}
.box table td{
	padding:2px 6px 2px 6px;
}

.button{
	padding:0;
	margin:0;
	margin-top:0;
	font-size:0.9em;
	text-align:center;
}
.button a{
	color:#FFFFFF;
	text-decoration:none;
	background:#000099;
	position:inherit;
	padding:2px 6px 2px 6px;
	margin:0;
}
.button a:hover{text-decoration:underline;}


.twoColumnFormat li{
list-style:none;
float:left;
width:49%;
}


.paging{
	color:#00376C;
	text-decoration:none;	
}
.paging_current{
	color:#AD070B;
	text-decoration:none;	
}
.listholder_listitem_title{
 text-decoration:none;
 color:#00376C;
 font-weight:bold;
}
.listholder_listitemcustom_title{
    text-decoration:none;
    color:#333333;
    font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	visibility:visible;
	width:100%;
	float:left;
	position:relative;
}
.listholder_listitem_date{
	color:#666;
	white-space:nowrap;
	padding:0 10px 0 0;
}
.listitem_title{
	text-decoration:none;
 color:#00376C;
 font-weight:bold;
}
.listitemcustom_title{
	font-weight:bold;
	color:#00376C;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	margin:0;
	padding:0;
}
.listitem_date{
	color:#666;
	white-space:nowrap;
}




/* site wide colours

	Dark grey	:	#666666
	Mid grey	:	#CECECE
	Light grey	:	#ECECEC
	Dark blue	:	#000099
	Pastel blue	:	#ACABC5
	
	Grey text	:	#7A7878
	
*/

/*Forms*/
.formTable{
	background:#ECECEC;
	border:1px solid #ACABC5;
	margin-bottom:1em;
	width:100%;
}
.formTable td{
   padding:6px;
}
.formHeaderRow{
	background:#ACABC5;
	color:#fff;
	font-size:1em;
}
.required{
	color:#E62D2E;
}

.helptext
{
	font-size: .9em;
	color:#666;
}

.error
{
	color:Red;
}


.filterButtons
{
	float:right;
	padding-right:30px;
	clear:both;
}

.filterGroup
{
	border-top:solid 1px #ACABC5;
	font-weight:bold;
	margin-left:10px;
	clear:both;
	margin-top:12px;
	margin-right:10px;
}

.filterCabinet
{
	border:1px solid #ACABC5;
	xheight:120px;
	width:120px;
	float:left;
	text-align:center;
	padding:10px;
	margin:10px;
}
.filterCabinet img
{
	padding-top:10px;
}

.filterChemical
{
	width:210px;
	float:left;
	text-align:left;
	margin-left:10px;
	line-height:10px;
	margin-bottom:5px;
}
.chemicalSaturationCapacity
{
	padding-left:28px;
	color:#666;
	font-size:.8em;
	
}

.filterTable{
	margin:0 auto 0 auto;
	padding:0;
	width:98%;
	border:1px solid #000099;
}

.filterTable table
{
	border-collapse:collapse;
	margin:0;
}

.filterTable td{
	border-bottom:1px solid #CCCCCC;
}
.filterTable h3
{
	background:#000099;
	height:20px;
	line-height:20px;
}


.filterTabs
{
	line-height:1.2em;
}


.filterTabsItem
{
	background:url(../../images/navigation-background.gif) repeat-x top;
	margin:0;
	padding:0 12px 0 12px;
	height:22px;
	line-height:1.8em;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}
.filterTabsItem a {
	text-decoration:none;
}

.filterTabsItemSelected
{
	background:url(../../images/navigation-background-over.gif) repeat-x top;
	text-decoration:none;
	
}
.filterTabsItemSelected a {
	text-decoration:none;
}

.filterTabsItemHover{
 background:url(../../images/navigation-background-over.gif) repeat-x top;
 
}

.mnu_filterholder
{
	border-bottom:solid 4px #858585;
	width:98%;
}

.filterSelectRow
{
	border-bottom:solid 1px #ccc;
}

#filterSelector tr td
{
	border-bottom:solid 1px #ccc;
}