﻿/*+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=*/
/* ConZerv Website Cascading Style Sheet						*/
/* Copyright 2005 ConZerv. All rights reserved. 				*/
/* Site design by Multimediastudio Ltd 							*/
/* Styles defined & programmed by Karthik "Kartz" J				*/
/* www.multimediastudio.com										*/
/* info@multimediastudio.com									*/
/* This Stylesheet has been tested for compliance with IE 5.5+, 
NS 6.0+, Opera 6.0+ & Firefox 1.0			
/*+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=*/


BODY {
	margin: 0px 0px 0px 0px;
	background-image: url(../images/bg_menmonic.gif);
	background-position: top left;
	background-repeat: repeat-x;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
}
LI.list2 {list-style: square inside; color:#e95911; padding-left: 20 px;}

TD {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
}

TD P{
	line-height: 16px;
}

/* Forms */

INPUT { /* Form Elements */
	border-top: 1px inset #CCC;
	border-right: 1px inset #EEE;
	border-bottom: 1px inset #CCC;
	border-left: 1px inset #EEE;
	color: #333;
	font-size: 12px;
	padding: 0px 0px 0px 2px;
}
.txtbox { /* Form Elements */
	border-top: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	color: #000000;
	font-size: 11px;
	height: 15px;
	width: 150px;
	/* background-image: url(images/TextBox_BG.gif); */
}
.txtarea { /* Form Elements */
	border-top: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	color: #000000;
	font-size: 11px;
	/* background-image: url(images/TextBox_BG.gif); */
}
.rdo { /* Form Elements */
	border-top: 0px solid #d0d0d0;
	border-right: 0px solid #d0d0d0;
	border-bottom: 0px solid #d0d0d0;
	border-left: 0px solid #d0d0d0;
	color: #000000;
}

INPUT:hover { /* When a form element is hovered/mouse over on */
	border-top: 1px inset #F90;
	border-right: 1px inset #FD8;
	border-bottom: 1px inset #F90;
	border-left: 1px inset #FD8;
	color: #06C;
	background-image: url(../images/blt_arrow3.gif);
	background-position: right;
	background-repeat: no-repeat;
}
INPUT:focus { /* When a form element is focussed on */
	background-color: #FDFBF0;
	border-top: 1px inset #F90;
	border-right: 1px inset #FD8;
	border-bottom: 1px inset #F90;
	border-left: 1px inset #FD8;
	color: #06C;
}
TEXTAREA { /* Multiline textbox */
	border-top: 1px inset #CCC;
	border-right: 1px inset #EEE;
	border-bottom: 1px inset #CCC;
	border-left: 1px inset #EEE;
	color: #333;
	font-size: 12px;
	padding: 0px 0px 0px 2px;
}
TEXTAREA:hover { /* When a Multiline textbox is hovered/mouse over on */
	border-top: 1px inset #F90;
	border-right: 1px inset #FD8;
	border-bottom: 1px inset #F90;
	border-left: 1px inset #FD8;
	color: #06C;
}
TEXTAREA:focus { /* When a Multiline textbox is focussed on */
	background-color: #FDFBF0;
	border-top: 1px inset #F90;
	border-right: 1px inset #FD8;
	border-bottom: 1px inset #F90;
	border-left: 1px inset #FD8;
	color: #06C;
}
SELECT {
	font-size: 12px;
	padding: 0px 0px 0px 2px;
}
SELECT:hover {
	background-color: #FDFBF0;
	font-size: 12px;
	padding: 0px 0px 0px 2px;
	color: 06C;
}
.btnSubmit { /* SUBMIT Button */
	background-image: url(../images/btn_form_submit.gif);
	background-repeat: no-repeat;
	background-color: #FFF;
	width: 59px;
	height: 17px;
	border: none;
	cursor: hand;
}
.btnSubmitFeedback { /* SUBMIT Button */
	background-image: url(../images/send_feedback.gif);
	background-repeat: no-repeat;
	background-color: #FFF;
	width: 100px;
	height: 17px;
	border: none;
	cursor: hand;
}
.btnSubmit:hover {
	background-image: url(../images/btn_form_submit1.gif);
	border: none;
}

.btnReset { /* RESET Button */
	background-image: url(../images/btn_form_reset.gif);
	background-repeat: no-repeat;
	background-color: #FFF;
	width: 47px;
	height: 17px;
	border: none;
	cursor: hand;
}
.btnReset:hover {
	background-image: url(../images/btn_form_reset1.gif);
	border: none;
}
	
.btnCancel { /* CANCEL Button */
	background-image: url(../images/btn_form_cancel.gif);
	background-repeat: no-repeat;
	background-color: #FFF;
	width: 55px;
	height: 17px;
	border: none;
	cursor: hand;
}
.btnCancel:hover {
	background-image: url(../images/btn_form_cancel1.gif);
	border: none;
}

.mandatory { /* Mandatory fields marked with an '*' next to field labels in a form */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #CC0000;
}


/* Redefined HTML Tags and attributes */

A IMG {/* Images appearing within a Linked Anchor */
	border: 0px;
}
IMG [alt] { /* Redefines the alternate text for images */
	background-color: #FD8;
	border: 1px dotted #CCC;
	padding: 2px 2px 2px 2px;
	color: #333;
}

/* Navigation Elements */

#SelectRegions {/* Regional Selection Mainmenu */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
	width: 250px;
}
#SelectRegions A {
	color: #999;
	font-weight: bold;
	text-decoration: none;
}
#SelectRegions B {
	color: #F90;
	font-weight: bold;
}
#DivSelectRegions { /* Regional Selection submenu */
 	position: absolute; 
	visibility: hidden; 
	height: 20px; 
	z-index: 1100; 
	left: 340; 
	top: 15px; 
	background-color: #FFF; 
	layer-background-color: #FFF; 
	border: 0px;
	color: 999;
}
#DivSelectRegions A {/* Regional Selection Menu */
	color: #666;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 2px 0px 2px;
}
#DivSelectRegions A:hover {/* Regional Selection Menu */
	color: #06C;
}

#HeaderLinks {/* Sitemap | Contact us */
	vertical-align: middle;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	width: 270px;
}
#HeaderLinks A {
	color: #666;
	text-decoration: none;
}
#Breadcrumbs { /* Bread Crumb Navigation */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666;
	width: 600px;
	text-indent: 35px;
	vertical-align: middle;
	padding: 0px 0px 10px 0px; 
}
#Breadcrumbs A { /* Links */
	color: #666;
	font-weight: bold;
	text-decoration: none;
}
#Breadcrumbs A:hover {
	text-decoration: underline;
}
#Breadcrumbs A B { /* Styling to differntiate the homepage link */
	color: #F90;
	font-weight: bold;
}
#Breadcrumbs IMG { /* Arrow icon that appears between the links */
	border: 0px;
	vertical-align: baseline;
	padding: 0px 1px 0px 1px;
}



/* Homepage */

#BoxMDC{ /* Measure, Detect & Control */
	font-size: 11px;
	color: #FFF;
	width: 240px;
	height: 232px;
}
#BoxMDC TD{
	padding: 0px 3px 5px 5px;
}
#BoxMDC TD IMG{
	border: 0px;
	float: top left;
	padding: 0px 0px 5px 0px;
}

#BoxMeasure TD{
	background-color: #F70;
	border-bottom: 5px solid #FFF;
}
#BoxDetect TD{
	background-color: #F20;
	border-bottom: 5px solid #FFF;
}

#BoxControl TD{
	background-color: #086BAE;
}

#SlideLayer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: absolute; 
	left: 0px; 
	top: 330px; 
	width:250px; 
	height: 160px; 
	z-index: 1000; 
	background-color: #333; 
	layer-background-color: #333; 
	border: 0px;
	color: #FFF;
}
#SlideLayer TD {
	vertical-align: top;
}
#SlideLayer A {
	color: #F90;
	font-weight: bold;
	text-decoration: none;
}
#SlideLayer B{
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #CCC;
	color: #FFF;
}


/* Virtual Tour Popup */

#VirtualTourHeader {
	width: 100%;
}
#VirtualTourHeader TD#Logo {
	width: 160px;
	height: 55px;
	padding-left: 20px;
	vertical-align: bottom;
}
#VirtualTourNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777;
	padding-top: 5px;
	background-image: url(../images/bg_menmonic.gif);
	background-position: top left;
	background-repeat: repeat-x;
	vertical-align: bottom;

}
#VirtualTourNav  TD{
	padding: 15px 5px 15px 20px;
}
#VirtualTourNav  A {
	color: #06C;
	text-decoration: none;
	font-size: 11px;
	padding: 0px 2px 0px 2px;
}
#VirtualTourNav  A:hover {
	text-decoration: underline;
}
#VirtualTourNav B {
	font-weight: bold;
	font-size: 11px;
}



/* Layout */

#Header {
	width: 100%;
	padding-top: 10px;
}
#Header TD {
	vertical-align: top;
}
#Header TD#Logo {
	width: 160px;
	height: 55px;
	padding-left: 20px;
	vertical-align: bottom;
}
#Header TD#SearchForm { /* Search Text box in the Header */
	width: 125px;
	text-align: center;
}
#Header TD#SearchForm INPUT{
	width: 120px;
}
#Header TD#HeaderLine{
	padding-top: 3px;
	border-bottom: 1px solid #CCC;
}
DIV.hline{
	height: 1px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #CCC;
}
#pageOverview{/* Page Summary */
	padding-bottom: 10px;
}
#pageOverview P { /* Paragraph */
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #039;
}
#pageOverview P B { /* Paragraph Heading */
	line-height: 40px;
	font-size: 14px; 
	color: #039;
}



/* Tabular Views (Tech specs, product info etc) */

.tblNotes { /* Notes Section below the table */
	color: #666;
}
.tblNotes P,B { /* Bulleted List Heading */
	color: #666;
}
.tblNotes UL LI { /* Bulleted List */
	color: #666;
	list-style-image: url(../images/blt_arrow2.gif);
	list-style-position: outside;
	line-height: 18px;
	font-size: 11px;
}
.RowHead { /* Row Header */
	font-weight: bold;
	color: #333;
}

.tblMeasure { /* Tables in the "Measure" section */
	font-size: 12px;
	padding: 3px 3px 3px 3px;
}
.tblMeasure TD {
	font-size: 12px;
	padding: 3px 3px 3px 5px;
	border: 1px solid #CCC;
	border-top: 1px solid #FFF;
}
.tblMeasure TH { /* Column Headers */
	font-weight: bold;
	padding: 3px 3px 3px 5px;
	border: 1px solid #BBB;
	background-color: #F70;
	color: #FFF;
}
.tblMeasure TH A {
	text-decoration: none;
	color: #FFF;
}
.tblMeasure TH A:hover{
	text-decoration: underline;
}
.tblMeasure .RowHead {
	background-color: #FED;
}

.tblDetect { /* Tables in the "Detect" section */
	font-size: 12px;
	padding: 3px 3px 3px 3px;
}
.tblDetect TD {
	font-size: 12px;
	padding: 3px 3px 3px 5px;
	border: 1px solid #CCC;
	border-top: 1px solid #FFF;
}
.tblDetect TH { /* Column Headers */
	font-weight: bold;
	padding: 3px 3px 3px 5px;
	border: 1px solid #BBB;
	background-color: #F20;
	color: #FFF;
}
.tblDetect TH A {
	text-decoration: none;
	color: #FFF;
}
.tblDetect TH A:hover{
	text-decoration: underline;
}
.tblDetect .RowHead {
	background-color: #FC9;
}

.tblControl { /* Tables in the "Control" section */
	font-size: 12px;
	padding: 3px 3px 3px 3px;
}
.tblControl TD {
	font-size: 12px;
	padding: 3px 3px 3px 5px;
	border: 1px solid #CCC;
	border-top: 1px solid #FFF;
}
.tblControl TH { /* Column Headers */
	font-weight: bold;
	padding: 3px 3px 3px 5px;
	border: 1px solid #BBB;
	background-color: #086BAE;
	color: #FFF;
}
.tblControl TH A {
	text-decoration: none;
	color: #FFF;
}
.tblControl TH A:hover{
	text-decoration: underline;
}
.tblControl .RowHead {
	background-color: #D9E8F7;
}



/* Footer */

#Footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777;
	padding-top: 5px;
	background-image: url(../images/bg_menmonic_foot.gif);
	background-position: top left;
	background-repeat: repeat-x;

}
#Footer TD{
	padding: 15px 0px 15px 20px;
}
#Footer A {
	color: #06C;
	text-decoration: underline;
	text-transform: none;
	font-weight: bold;
	font-size: 9px;
}



.global {
	font-size: 10px;
	font-family: Verdana, Arial;
	color: #666;
	text-decoration: none;
}
.orange-bold {
	font-size: 9px;
	font-weight: bold;
	font-family: Verdana, Arial;
	color: #F90;
	text-decoration: none;
}
.bread-grey {
	font-size: 9px; 
	font-family: Verdana, Arial; 
	color: #666; 
	text-decoration: none; 
}
.bread-grey-b {
	font-size: 9px; 
	font-family: Verdana, Arial; 
	color: #666; 
	text-decoration: none; 
	font-weight: bold; 
}
.style3 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #039;
}
.style4 {
	font-family: Arial;
	font-size: 10px;
	color: #333;
}
.mainc { /* Body Content */
	color: #333;
	font-family: Arial;
	font-size: 12px;
}
.mainc-green { /* Body Content */
	font-family: Arial;
	font-size: 12px;
	padding-top: 3px;
	
}

.mainc-orange { /* Heading for Body Content */
	color: #F90;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
}
.mainc-grey {
	color: #333;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	}
.stylef {
	color: #06C;
	font-size: 9px;
	font-family: Arial;
	text-decoration: underline;
}
.white-txt {
	font-size: 9px;
	font-family: Verdana, Arial;
	color: #FFF;
}
.sup-s {
	vertical-align: super;
}
.rtnavlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #666666;
	text-decoration: none;
	font-variant: Normal;
	padding: 3px 3px 3px 18px;
}
.rtnavlink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #FF6666;
	text-decoration: none;
	font-variant: Normal;
	padding: 3px 3px 3px 18px;
}
.rtnavlink:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	color: #FF6666;
	text-decoration: none;
	font-variant: Normal;
	padding: 3px 3px 3px 18px;
}
.mainhead-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #039;
	text-decoration: none;
	line-height: 20px;
}
.subhead-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #039;
	text-decoration: none;
	padding-bottom: 10px;
	line-height: 20px;
}
.hlink {
	color: #06C;
	font-size: 12px;
	font-family: Arial;
	text-decoration: none;
}
.hlink:Hover {
	color: #f90;
	font-size: 12px;
	font-family: Arial;
	text-decoration: none;
}