body { margin: 0px auto; width: 900px; background-color: #D2DBE4; text-align: center; font: 62.5%/1.5em Verdana, Geneva, Helvetica, Arial, sans-serif; overflow-y: auto;}
/* overflow:scroll overflow-y:scroll */

h1 { margin: 0; font-size: 180%; line-height:normal; }     /*main heading*/
h2 { margin: 0;	padding:0px; font-size: 120%; color:#000;} /*sideheadings*/
h3 { margin-left: 0; padding:0px; font-size: 130%; color:#006633;}
h4 { margin: 0; font-size:100%; color:#996666; }
img {border: none; margin: 0 10px 10px 0;}
p  { margin: 0 0 5px 0; color:#000; font: 120%/1.4em Arial, Helvetica, sans-serif; }

a, a:link, a:visited, a:active { text-decoration:none; font-weight: bold; color: #000066; font-size:100%;}
a:hover { text-decoration:none; color: #006633; font-weight: bold; font-size:100%; }

h2.extraheading {margin: 30px 0 15px 0; }
ul.noliststyle {list-style:none; list-style-position:outside; }
ul.spacedlist li {list-style:none; padding-bottom:10px;}
ul.spacedlist img {padding:0; margin:0;}

.bold {font-weight:bold;}
.clear {clear:both;}

/*-------------------------Divs - Wrapper--------------------------*/	

#container { margin: 0 auto; padding: 0; text-align: left; } /*wrapper*/

/*-------------------------Masthead--------------------------*/	
#masthead {margin:0 auto; padding:0; position: relative; float: left; z-index:1; background-image:url(images/jaguar_masthead.jpg); background-repeat:no-repeat; height:203px; border:none; width: 900px;}
/* ie6 needed items - background-repeat and display inline  */

#masthead ul.brands { float: right; margin: 9px 0 0 0; padding:0; width:520px; list-style:none; }
#masthead ul.brands li {float: left; display:inline; }  /* needed for ie6 */
#masthead ul.brands a {display:block; float:left; display:inline; height: 27px;}

.brands a:hover {border-bottom: 3px solid #45a75c; }
.iehover:hover {color:red;} /* needed for ie6, also no padding on hover */

#masthead .options { position:absolute; margin:160px 0 0 440px; list-style:none; width: 400px; z-index: 100; }
#masthead .options li {float: left; }
#masthead .options a {display: block; margin:0px; padding:0 7px 0 7px;
			color: #fff; font: bold 125%/1.4em Arial, Helvetica, sans-serif; }
											
#masthead .options a:hover {text-decoration: none; 
	color: #4DC86B; 
	border-bottom: 1px dashed;
	font-weight: bold; }
	
#masthead li a.noborder {border:none;}

/*---------------------------navbar-----------------*/	
#navbar {position: relative; 
	float:left;
	margin:0;
	padding:0; 
	padding-top: 3px;
	width:900px;	
	height: 25px;
	text-align:center; 
	border:none;	
	}
#navbar.home {background-color: #4DC86B;}
#navbar.rtd_thermocouples {background-color: #95E1C9;}
#navbar.thermowells {background-color: #8DBBDC;}
#navbar.gauges {background-color: #C89A6C;}
#navbar.thermometers {background-color: #FDB693;}
#navbar.switches {background-color: #E9C8A9;}
#navbar.float_valves {background-color: #A8CA68;}
#navbar ul { padding: 0 1px 0 1px; margin:0 0 10px 0;}
#navbar li { display:inline; margin: 0 auto; color:#fff; vertical-align:bottom; }
#navbar li a { margin:0px;
			padding:0 16px 0 10px;
			border-right:1px solid #000;			
			text-decoration:none; vertical-align:middle;
			color: #000; font: bold 135%/1.4em Arial, Helvetica, sans-serif; 			
}
#navbar li a.noborder {border:none;}
#navbar li a:hover {text-decoration: none; 
	color: #666; 
	font: 135%/1.4em Arial, Helvetica, sans-serif; 
	font-weight: bold; }

/*-----------------------------------content-----------------*/	

#content {position: relative; 
	float:left;  
	margin: 0 auto; padding: 0;	 
	background-color: #fff; 
	width: 900px; 
	height:100%; 
	z-index: 1; }

/*---------------------------title_image-----------------*/	

#title_image {margin:0 auto; padding:0; position:relative; display:block; width: 720px; height:75px; background-repeat: no-repeat;}
#title_image.home {background-image: url(images/home_top.jpg); }
#title_image.rtd_thermocouples {background-image: url(rtd_thermocouples/thermal_sensing_products_top.jpg);}
#title_image.thermowells {background-image: url(thermowells/thermowells_top.jpg);}
#title_image.gauges {background-image: url(gauges/gauges_top.jpg);}
#title_image.diaphragms { background-image: url(gauges/diaphragm_top.jpg); }
#title_image.thermometers {background-image: url(thermometers/thermometers_top.jpg);}
#title_image.switches {background-image: url(switches/switches_top.jpg);}
#title_image.float_valves {background-image: url(images/float_valves_top.jpg);}
#title_image.products {background-image: url(images/products_top.gif);}
#title_image.about_us {background-image: url(images/about_us_top.gif);}
#title_image.contact_us {background-image: url(images/contact_us_top.gif);}
#title_image.press_news {background-image: url(images/press_news_top.gif);}
#title_image.sitemap {background-image: url(images/site_map_top.gif);}


#sidebar {margin: 10px 30px 0 0; width: 210px; float:left; clear:left; }
#sidebar ul li {list-style-type: none; list-style-image:url(images/square_list.gif); list-style-position:inside; text-indent: -24px;}
#sidebar h2 {margin: 0 0 0 20px; text-transform:uppercase; color: #999; font: bold 120%/1.4em Verdana, Arial, Helvetica, sans-serif;}
#sidebar h3 {margin: 0 0 -10px 20px; font: bold 120%/1.4em Verdana, Arial, Helvetica, sans-serif; color:#006633;}
	
/*-----------------------------------content body-----------------*/	
#content_body {display:inline; margin:0 0 0 10px; padding:0; position: relative; float:left;
	width: 570px;
	background-color:#FFF; /*temporary - to preview content to be added*/
	text-align:left; /*temporary - to preview content to be added */
	 } 
	 
#content_body h1 {margin-bottom:20px;}

#productbox {border: solid 1px #000; width: 98%; margin: 10px 0; text-align:center;}
#productbox p {text-align:left; margin-left: 10px; width: 98%;}
#productbox h2 {background-color: #E9E9E9; text-align:left; 
	border-bottom:solid 2px #888; 
	padding: 6px 0 6px 10px; margin-bottom:8px;}
	
table {float:left; margin: 10px 10px 15px 0; font: 100%/1.5em Arial, Helvetica, sans-serif;}
.chartitem { padding: 10px; font-weight:bold; } /*for tables with extra space heading < this was not commented out 10/8/07 ikf*/
table.center tr {text-align:center; }
td {height:30px;}
/*-----------------------------------footer-----------------*/
#footer {position: relative; float:left;
	margin:0 auto;
	padding:25px 0 18px 0;
	width:900px; 
	background-color:#000; 
	text-align:center;
	clear:both;}

#footer ul { padding: 2px 2px 2px 2px; margin:0 0 10px 0;}
#footer li { display:inline; margin: 0 auto; color:#fff; }
#footer li a { margin:0px;
			color: #fff; 
			padding:2px 5px 2px 2px;
			border-right:1px solid #999;			
			text-decoration:none;
}

#footer li a.noborder {border:none;}

#footer li a:hover { text-decoration: none; color: #45a75c; font-weight: bold; font-size:100%; }

#footer p { color: #ccc; font: 100% Verdana, Arial, Helvetica, sans-serif;}
#footer p a {color: #666;}
#footer p a:hover {color: #333399;}

/*--------------misc classes------------*/
/*.leftmargin {margin-left: 20px;}*/

.leftcol {float:left; margin: 0; top: 0; padding: 5px; float: left; width: 270px; text-align:left;}
	
.rightcol {float:left; margin: 0; top: 0; padding: 5px;float: left; width: 270px; color:#000; text-align:left;}

/* for contact form */
.contactleft {float:left; margin: 15px 0 0 0; top: 0; padding: 5px; float: left; width: 250px; text-align:left; clear:left;}
.contactright {float:left; margin: 15px 0 0 0; top: 0; padding: 5px; float: left; width: 300px; color:#000; text-align:left;}
input {margin:0 0 5px 0;}
	
.centercol {float:left; 
	width: 550px;
	top:0;
	margin:0;
	text-align:center;
	}
.maincol {float:left; top:0; margin:0; text-align:left; padding-left: 10px; padding-right: 100px;} /*for index page only*/
.onecol {float:left; top:0;	margin:0;text-align:left; padding: 10px;}
.imgleft {float: left; padding: 10px; text-align:left; vertical-align:middle;}
.imgright {float: right; padding: 10px; text-align:left; vertical-align:middle;}