/*****************  MAIN BODY STUFF HERE *************/
body {
	/*font-family:trebuchet ms, myriad, tahoma, verdana;*/
	font-family:Arial, Helvetica, sans-serif;
	background:url(img/background.gif) repeat-x;
	font-size: 100%;
	color: #000;
	background-color: #FFF;
	margin: 0px;
	padding: 0;
	font-size:90%;
}

h1 {
	font-size: 1.8em;
	margin: 0;
}
h2 {
	font-size: 1.6em;
	margin: 30px 0 0 0;
}
h3 {
	font-size: 1.25em;
	margin: 30px 0 0 0;
}
h4 {
	font-size: 1.1em;
	margin: 20px 0 0 0;
}
.nomargintop {margin-top: 0;}

.content p {
	margin: 12px 0;
	
}

.bold {font-weight:bold;}

.menulist {
	margin: 6px 0 12px 0;
	padding: 0;
	list-style-type: none;
}
img
{  border-style: none;
}

a {color: #6699ff;}
a:link, a:visited{color: #6699ff;
font-weight:bold;
}

.clear {clear:both;}

/************  TOP STUFF ****************/
#wrapper {
	width: 975px;
	margin: 0 auto;
	background-color:#fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;	
			
}
			/***  some yellow colour here **/
#wrapper .menulist a, #wrapper .menulist a:visited {
	color: #000000;
	border-left: 6px solid #FFD940;
	padding: 0 0 0 6px;
}
#wrapper .menulist a:hover {
	border-color: #000000;
}
	/*********** MASTHEAD STUFF ****************/
#masthead {
	background:url(img/nav-bg.gif) repeat-x;
	color: #fff;
	background-color:#999;
	padding: 0px;
	margin: 0;
	height: 36px; /* may need to change this */
	border-bottom: 1px solid #fff;
		
}

#masthead .content {
	padding: 12px;
}

/****************   CSS MENU ************************/


#masthead .chromestyle{
width: 100%;
font-weight: bold;
font-size: .90em;
height: 36px;


}

#masthead .chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#masthead .telno {float:left;
					width:200px;
					color:#FFF;
					text-align:left;
					margin-left:15px;}

#masthead .chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(img/menu/bg_02.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 10px 0;
margin: 0;
text-align: right; /*set value to "left", "center", or "right"*/
}

#masthead .chromestyle ul li{
display: inline;
}

#masthead .chromestyle ul li a{
color: #fff;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

#masthead .chromestyle ul li a:hover{
background: url(img/menu/bg_over.jpg) center center repeat-x; /*THEME CHANGE HERE*/
padding-bottom: 10px;


}

/*#masthead .chromestyle ul li a[rel]:after{ 
content: " v";
content: " " url(downimage.gif); /*uncomment this line to use an image instead
}*/


/* ######### Style for Drop Down Menu ######### */

#masthead .dropmenudiv{

position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: normal;
line-height:18px;
z-index:100;
background-color:#333;
width: 200px;
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);*/ }


#masthead .dropmenudiv a{

width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #fff;
}


* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

#masthead .dropmenudiv a:hover, a:active{ /*THEME CHANGE HERE*/
background-color: #000;
color: #6699ff
}


	/*********** LOGO AND SPOTLIGHT  ****************/
	
#logo {	background:url(img/logo-bg3.jpg) no-repeat;
		height: 150px;
		width: 200px;
		position:relative;
		float:left;
		
		}
		
#spotlight {
			height: 150px;
			background-color:#333;			
			/*margin-left: 200px;*/
			float:left;}	

#widespot {background-color:#333;
			height: 150px;}
		
		
		

#column_wrapper {
	background-image: url(img/backgroud-faux4.gif);
	background-repeat: repeat-y;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.brclear { 
clear:both; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
}




/************  CENTRE STYLES HERE *******************/
#center {
	width: 575px;
	float: left;
}


#centerfull{width:775px;
			float: left;
			background-image:none;}
			
#centerfull p{font-size: 0.8em;
			padding: 8px;}

#center .producthighlight {margin-bottom: 8px;
							border:0;}
					



#center .content {
	padding: 10px 32px 10px 32px;
	font-size: 0.8em;
	line-height: 1.65em;
}

#center a:link {
	color: #6699FF;
}

#center a:visited {
	color: #6666CC;
}

#center a:hover {
	color: #6699FF;
}

.paragraph_leadin {
			color:#3182B8;
			font-weight:bold;
}

#center p.cite {font-style:italic;
				color:#003333;}

		/******  Center Header Styles*********/
#center h1 {background: url(img/bg_h1_main.jpg) repeat-x;
			font-family:trebuchet ms, myriad, tahoma, verdana;
			color:#FFF;
			text-align: center;			
			font-size: 1.1em;
			font-weight:bold;
			height:25px;
			margin: 0;
			padding-top: 0px;
			border-bottom: 1px solid #FFF;}

#centerfull h1 {background: url(img/bg_h1_main.jpg) repeat-x;
			font-family:trebuchet ms, myriad, tahoma, verdana;
			color:#FFF;
			text-align: center;			
			font-size: 1.1em;
			font-weight:bold;
			height:25px;
			margin: 0;
			padding-top: 0px;
			border-bottom: 1px solid #FFF;}

#center h4 {color:#003366;
			font-family:trebuchet ms, myriad, tahoma, verdana;
			font-size:1.2em;
			font-weight: bold;
			margin-top:0;
			margin-bottom:0;}


#center h3 {color: #0099CC;
			font-family:trebuchet ms, myriad, tahoma, verdana;
			font-size:1.4em;
			font-weight: bold;
			margin-top:10px;
			margin-bottom:0;
			}
			
.boldblue {color: #0099cc;
			font-weight:bold;}
						
.darkblue {color:#000033;}

.darkbluen {font-weight:normal;
			color:#000033;	}


#center h5 {
background:transparent url(img/boxes/h1-left.gif) no-repeat scroll left center;
font-size:1.5em;
font-weight:bold;
height:43px;
line-height:250%;
margin:0pt 0pt 15px;
padding:0pt 0pt 0pt 18px;
white-space:nowrap;
}


#center h5 .contents{
background:transparent url(img/boxes/h1-right.gif) no-repeat scroll right center;
display:block;
height:43px;
width:100%;
color:#FF0000;
}

#center .disclaimer {
	background: url(img/disclaimer.gif);
	background-repeat:no-repeat;	
	color:#FFF;
	padding: 10px 32px;	
	line-height: 1.65em;
	font-size: 0.95em;
			}
#center .disclaimer.bold{font-size:1.1em;
						font-weight:bold;
						margin:0;
						padding:0;}

#center .disclaimer img {border: none;
						float:left;
						padding:0;
						margin: 0 5px 0 0;}

		/************  CENTER CONTENT STYLES ****************/
		
#center .content h2 {color:#003366;
					font-family:trebuchet ms, myriad, tahoma, verdana;
					font-size:1.5em;
					margin-top: 0px;
					border-bottom: 1px solid #666666; }
										
#center .headred h2{
					color: #990000;
					font-family:trebuchet ms, myriad, tahoma, verdana;
					font-size:1.5em;
					margin-top: 0px;
					border-bottom: 0;}
					
#center .content h2.grey  {color: #666;
					margin-top: 0px;
					border-bottom: 1px solid #666666; }
					
#center .content h4 {color: #999;
					margin-top: 8px;}

		/*********** Center - VARIOUS IMAGE STYLES **********/
		
#center img {border:none;
				padding: 0px;}
				
#center img.withborder  {border: 3px solid #CCC;
				padding: 2px;}
				
#center img.floatright {float:right;
						border:3px solid white;}
						
#center img.floatleft {float:left;
						border: 3px solid white;}
						
#center img.floatleftnb {float:left;
						border:none;
						margin:5px 8px 5px 0;}
						
#center img.floatrightnb {float:right;
						border:none;
						margin:0px 0px 5px 8px;}
												
#center img.noborder {border:none;}				







/********** Quotes Boxes Added 16th June ********/


#center .quoteleft {float:left;
					width: 235px;
					background-color:#d8e6f4;					
					
					margin-right: 10px;
					margin-bottom: 20px;
					padding: 8px;
					color:#006699;}

#center .quoteright {float: left;
					width: 235px;
					background-color:#d8e6f4;
					
					margin-bottom: 20px;			
					padding: 8px;
					color:#006699;}

#center .quoteindent {padding-left: 65px;}



/*************** them pesky images ******************************/

.imgCenter {display:block;
			margin: 0 auto;
			}


		/*****************  DEFINITION LIST FOR THUMBNAILS ************/
dl { 
float: left; 
width: 100%; 
} 
dt { 
clear: left; 
margin: 0 0 0 0; 
} 
dt img { 
float: left; 
margin: 0 10px 10px 0; 
border: solid 1px #FF0000; 
} 


		/******************   Background for page ***************/
#center .gradback {
					background:transparent url(img/bg04.jpg) no-repeat scroll left top;
					padding: 10px;
					margin-top: 0px;
					
}

#center .gradback_sp {
					background:transparent url(img/bg04.jpg) no-repeat scroll left top;
					padding: 10px;
					margin-top: 15px;
					
}

		/*************** section head **************/

#center .sectionhead {background:transparent url(img/sectionhead.jpg) no-repeat scroll left top;
						padding: 0 10px 10px 10px;
						color:#FFF;
						width: 220px;
						margin-right: 20px;	
						float: left;					
						}
						
#center .sectionhead p {margin: 0;}			
						
#center p.italic { font-style:italic;}

/************** BODYBOX **************/

#center .bodyBox {
background:transparent url(img/products/barracuda/bodybox-top.gif) no-repeat scroll 0pt;
color:#666666;
font-size:0.95em;
line-height:1.4em;
padding-top:12px;
position:relative;
z-index:-1;
}
#center .bodyBox h1, .bodyBox p, .bodyBox img {
padding:0pt 10px;
}
#center .bodyBox h1 {
margin-bottom:10px;
}
#center .bodyBox p {
margin:0pt;
padding-bottom:7px;
}
#center .bodyBox .moreInfo {
color:#990033;
}
#center .bodyBox img {
margin:0pt 10px 10px;
padding:0pt;
}
#center .bodyBoxCloser {
background:transparent url(img/products/barracuda/bodybox-bot.gif) no-repeat scroll 0pt bottom;
margin:0pt;
padding-bottom:10px;
position:relative;
}
#center .bodyBox .imgR, .bodyBox .imgL {
margin-top:0pt;
}

.citeImg {font-size: 0.90em;
			color: #003366;
			font-style:italic;
			margin-top:3px;
			margin-bottom:5px;
			text-align:center;}
			
			
/********** END BODYBOX ******************/

		/***************** TABLE STYLES *********************/
		
		
table.products {
				clear:right;		
				width: 100%;
				line-height: 1.4em;
				border-collapse:collapse;
				border: 4px solid #adbbca;
				color: #4f6480;
				background: #f0f0f0;
				text-align:left;
				}
				
table.products caption {
				margin: 0;
				padding:0;
				color:#032469;
				line-height: 2em;
				text-align: left;
				font-weight:bold;
				}
				
table.products thead tr {color: #FFF;
				background: #5e7796;
				}
				
table.products thead tr th {
				padding: 0.4em 0.6em 0.4em 0.6em;
				border: 4px solid #adbbca;
				}
				
table.products tbody tr {
				border: 4px solid #adbbca;
				}

table.products tbody th {
				padding: 0.6em;
				border: 4px solid #adbbca;
				}
				
				
table.products tbody td {
				background: #e9ecee;
				padding-left: 0.6em;
				border-bottom: 4px solid #ccc;
				}
				
table.products tbody tr.odd {
				background: #c4cfdb;
				}
				
table.products tbody tr.odd td {background: #f0f0f0;
				color: #4f6480;
				}
				
table.products tbody tr th a:link {
				font-weight: bold;
				color: #5e7796;
				text-decoration:underline;
				}
				
table.products tbody tr th a:visited{
				font-weight: bold;
				color: #5e7796;
				}
				
table.products tbody tr th a:hover{
				font-weight: bold;
				color: #5e7796;
				text-decoration: none;
				}				
				
table.products tbody td a:link{
				color: #808000;
				text-decoration: underline;
				}
				
table.products tbody td a:visited{
				color: #808000;
				}			
table.products tbody td a:hover{
				color: #808000;
				text-decoration:none;
				}				

/* Tables   - Contact form                                   */


table.spec {
    border: 1px solid #305394;
    padding: 1px;
    border-spacing: 1px;
    margin-left: 40px;
    margin-top: 12px;
    margin-bottom: 12px;
}

table.spec td,
table.spec th {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.2em;
    padding: 4px 10px;
}

table.spec th {
    background-color: #305394;
    padding: 4px 8px;
    font-size: 12px;
    color: #fff;
}

table.spec td.key {
    background-color: #b5cbf4;
    font-weight: bold;
    color: #333;
}

table.spec td.value {
    background-color: #EEE;
    color: #000;
}

table.spec td.mid {
    text-align: center;
}

table.spec td.right {
    text-align: right;
}

table.spec th .info {
    color: #ccc;
}



td.bold {
  background-color: #aaa;
  padding: 4px;
  font-size: 13px;
  font-weight: bold;
  color: #333;
  color: white;
}



td.message {
  background-color: #EEE;
  padding: 4px;
  font-size: 11px;
  color: #89b8df;
}

td.mandatory {
  background-color: #CCC;
  padding: 4px;
  font-size: 13px;
  font-weight: bold;
  color: #CC4444;
}

/*********************** computrace table styles **********************************/
.tableContent {

	border: 1px solid #666666;

}



.tableContent a:link,

.tableContent a:active,

.tableContent a:visited {

	text-decoration: none;

	color: #82AFDB;



}

.tableContent a:hover {

	text-decoration: none;

	color: #FF9226;

}

.tableContent TD#title {

	background-color: #E5E5E6;

	font-size: 8pt;

	font-weight: bold;

	color: #666666;

	border-left: 1px solid #666666;

	border-top: 1px solid #666666;

}

.tableContent TD#left {

	font-size: 8pt;

	background-color: #ffffff;

	border-left: 1px solid #666666;

	border-top: 1px solid #666666;

	color: #666666;

}

.tableContent TD#inside {

	font-size: 8pt;

	background-color: White;

	border-left: 1px solid #666666;

	border-top: 1px solid #666666;

}


	
	/****************** INNER BOX STYLES *************/
	
	
#center.boxprod {}



/***********  Side by side list styles 1 **********/

.sidelist ul { width:400px;
			  float:left;
			  margin:auto;
			  padding-bottom:5px;
			  list-style-type:circle;
			}

.sidelist li {

			  width:200px;
			  float:left;
			  list-style-type:circle;
			}
#bluebox {border:3px solid #999;
			background-color:#D5D5F4;
			padding: 10px;
			margin-bottom:15px;
			margin-top:0;
			height:205px;}
			
#bluebox h3 {padding:0;
				margin:0;}
				
#bluebox2 {border:3px solid #999;
			background-color:#D5D5F4;
			padding: 10px;
			margin-bottom:15px;
			margin-top:0;
			height:225px;}
			
#bluebox2 h3 {padding:0;
				margin:0;}
	
	/****************** List styles center ***********/
	
#center .horlist li {display:inline;
					color: #003366;
					}
					
					
#center .horlist ul {margin-top:5px;
					margin-bottom:10px;		
					}
	
.normallist li {list-style-type:disc;
					margin-left:0px;
					margin-bottom:0;}	
						
.aladdin_list_static {
			list-style-image:url(img/listMark_static.gif);
			margin-left:1.85em;
			margin-top:1.09em;
}	

.aladdin_list {
				line-height:1.27em;				
				list-style-image: url(img/listMark_space.gif);
				margin-left:1.85em;
				margin-top:1.09em;
				}



.bluearrow_list {
				line-height:1.27em;				
				list-style-image: url(img/arrow_blue.gif);
				margin-left:1.85em;
				margin-top:1.09em;
				}

.boxout {border: 1px solid #CCC;
			padding: 5px 15px;}



.envirolist ul li {
			background: url(img/bullet_link-1.gif) no-repeat scroll left top;
			display:block;
			list-style-type:none;
			width:90%;
			padding-left:15px;
}


/**********  OL LIST **********/

#bluebold ol {background-color: #DFDFDF;
			color: #0099CC;
			font-family:trebuchet ms, myriad, tahoma, verdana;
			font-size:1.5em;
			font-weight:bold;
			padding: 10px ;
			margin-left:5px;
			font-weight:normal;
			list-style-position:outside;}

#bluebold ol p {font-family:Arial, Helvetica, sans-serif;
				font-size: .65em;
				color:#000033;
				margin-left:15px;
				}

 /******************** colours for boxes
 
 #7E9ED2
 #658AC7
 *********************/	
 
 	/********** CENTER BOX THINGS ***********/
#center .clearfloat {clear:both;}

#center	.equal {
    display:table;
}
#center .row {
    display:table-row;
}
#center .row div {
    display:table-cell;
}


	
#center .application-maincontainer {
background-color:#658AC7;
}
	
#center .application-heading {
				background-color:#7E9ED2;
				clear:both;
				color:#fff;
				line-height:normal;
				padding-left:0.5em;
				padding-top:0.2em;	
}			

#center .application-subsection {
				background-color:#658AC7;
				float:left;
				font-size:0.846em;
				margin:0pt;
				padding-bottom:0.5em;
				padding-left:0.5em;
				width:32%;
}
#center application-subsection a:hover {
				color:#F4F4F4;
				text-decoration:underline;
}



#center .application-subsection a {
				color:#FFF;
				text-decoration:underline;
}






 /************** FINAL STUFF FOR CENTER ***************/
#center .sepline {	background:url(img/sepline.gif) no-repeat; 
					margin:0pt;
					padding:0pt;
					width:500px;
					border: none;
}
 
#center .sepline img {border:none;}
 
#logos {border:3px solid #dfdfdf;
		width: 480px;
		padding: 10px; 
		}
		
#logos img {margin-left:5px;
			margin-bottom: 8px;
			
			float: left;} 
 
 
 
 
 
 #center .italicorange {
	color: #FF6600;
	font-style: italic;
	font-weight: bold;
}
 
 
 
 /*************  CENTRE FORMS - ALADDIN AA FORM ******************/
/**********************************

Use: cmxform template
Author: Nick Rigby

***********************************/

form.cmxform fieldset { margin-bottom: 10px; }
	
form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
	
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}
	
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}

form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.cmxform label { width: 120px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

 
 /************** Jeffhowden Contact form --*/
 
 
 /* form.css */

#contactform * {
  margin: 0;
  padding: 0;
}

#contactform form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  min-width: 500px;
  max-width: 510px;
  width: 510px;
}

#contactform form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

#contactform form fieldset legend {
  font-size: 120%;
  font-weight: bold;
  color: #003333;
  margin: 0 0 0 0;
  padding: 0 5px;
}

#contactform label {
  font-size: 100%;
}

#contactform label u {
  font-style: normal;
  text-decoration: underline;
}

#contactform input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

#contactform textarea {
  overflow: auto;
}

#contactform form div {
  clear: left;
  display: block;
  width: 354px;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

#contactform form fieldset div.notes {
  float: right;
  width: 100px; /* changed from 158px**/
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

#contactform form fieldset div.notes h4 {
  background-image: url(/images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

#contactform form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

#contactform form fieldset div.notes p.last {
  margin: 0em;
}

#contactform form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 50px; /* changed from 144px **/
  padding: 0 5px 5px 5px;
  width: 197px;
}

#contactform form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

#contactform form div.required fieldset legend {
  font-weight: bold;
}

#contactform form div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

#contactform form div.optional label, label.optional {
  font-weight: normal;
}

#contactform form div.required label, label.required {
  font-weight: bold;
}

#contactform form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  zoom: 1;
  padding: 0;
  margin: 0 0 5px 200px; /* changed input radio from 142 px **/
  text-align: left;
}

#contactform form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

#contactform form div img {
  border: 1px solid #000000;
}

#contactform p.error {
  background-color: #ff0000;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

#contactform form div.error {
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

#contactform form div.error p.error {
  background-image: url(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}

#contactform form div select, form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

#contactform form div input.inputText, form div input.inputPassword {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

#contactform form div input.inputFile {
  width: 211px;
}

#contactform form div select.selectOne, form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

#contactform form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

#contactform form div.submit {
  width: 214px;
  padding: 0 0 0 146px;
}

#contactform form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

#contactform form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}

#contactform form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

#contactform form div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  zoom: 1;
}
 
 
 
 
 
 
 
 
 /*********  them there panels ************/
	#featurepanel1 {
	background-color:#F6F8FD;
	border:1px solid #DFDFDF;
	float:left;
	margin-left:2px;
	width:238px;
	margin-bottom:15px;
	}
 
	#featurepanel2 {
	background-color:#F6F8FD;
	border:1px solid #DFDFDF;
	float:left;
	margin-left:9px;
	width:238px;
	margin-bottom:15px;
	}
	
	
	
.featureinside {
	 padding: 5px;
}
.featureinside {
	margin:10px 10px 20px;
	width:218px;
}
	
 /***************  GOOGLE MAPS CSS ***************/
 
 #map {border: 3px solid #999;
 		margin-left: 20px;}


/* ************ LEFT STYLES HERE *******************/

#left {
	width: 200px; /* changed from 160 */
	float: left;
	color:#FFF;
}

#left a:link {
	color: #000033; /*** this is the offending specifity bug - was 003333**/
}
#left a:visited {
	color: #333399;
}
#left a:hover, a:active {
	color: #333;
}
#left .content {
	padding: 10px 10px;
	font-size: 0.75em;
	line-height: 1.5em;}
	
#left .leftbarclear {margin-bottom: 8px;}

#left .margtop {margin-top: 8px;}
	
	/* *** other LEFT STYLES ***************/
	
#left h2 {	background: url(img/bg_h2_main.jpg) repeat-x;
			color:#FFFFFF;
			text-align: center;	
			font-family:trebuchet ms, myriad, tahoma, verdana;		
			font-size: 1.1em;
			font-weight:bold;
			height:25px;
			margin: 0;
			padding-top: 0px;
	
			border-bottom: 1px solid #FFFFFF;}
			

			
#left #quickcontactform h3 { background:url(img/quickcontacthead.gif) no-repeat;
			margin:10px 0 5px 0;
			padding-bottom:5px;
			padding-top: 3px;
			text-align: center;
			font-size: 1.2em;
			font-weight:bold;}		
			
		/********  VIRUS LIST STLYLES *********/
		
#left #viruslist {background-color:#FFFFFF;
				margin:5px 5px 0px 5px;
				border: 1px solid #fff;}
		
        /********** THE LITTLE CONTACT FORM **********/
		
		
form.quickcontact {
background-color:#FBF9F4;
background-image:url(images/form_bg.png);
background-position:right bottom;
background-repeat:no-repeat;
margin-left:0px;
margin-top:0px;
padding:5px;
width:170px;
}

.quickcontact label {
color: #3366CC;
}
.quickcontact textarea {
background:transparent url(images/input_bg.png) repeat scroll 0%;
border-color:#E3E4E9 white white rgb(227, 228, 233);
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
border-style:solid;
border-width:1px;
margin-top:3px;
width:160px;
}

input.fields_quickcontact {

border-color:#E3E4E9 white white rgb(227, 228, 233);
background-color:#fff !important;
font-size:1em;
border-style:solid;
border-width:1px;
display:block;
margin-bottom:3px;
margin-top:3px;
width:160px;
}

.submit_button_contact {
margin-top: 10px;

}
	
#left .download {margin-top:10px;}	

#left .margbott {margin-bottom: 8px;}

/*********** CONSTANT CONTACT FORM **********/

#constantcontact {background-color:#fff;
					margin: 8px 0;}
	
/* *************** RIGHT STYLES HERE ****************/

#right {
	width: 185px;/* changed from 160 */
	float: left;
	color:#FFF;
}


#right .content {
	padding: 10px 16px;
	font-size: 0.75em;
	line-height: 1.5em;
}


#right .rightwhite {background:#fff;
					width: 150px;
					color:#333;					
					border: 1px solid #CCC;}

#right a:link {
	color: #6699ff;
}
#right a:visited {
	color: #6633FF;
}
#right a:hover, a:active {
	color: #00CCFF;
}


#right img.cent {text-align:center;
					margin: 5px 9px;}

	/*********** Modified RIGHT STYLES ************/
	
#right h2 {background: url(img/bg_h2_main.jpg) repeat-x;
			color:#FFFFFF;
			text-align: center;	
			font-family:trebuchet ms, myriad, tahoma, verdana;		
			font-size: 1.1em;
			font-weight:bold;
			height:24px;
			margin: 0;
			padding-top: 0px;
			border-bottom: 1px solid #FFFFFF;}		





	/********* ARROW LIST DD ***************/


		/*Credits: Dynamic Drive CSS Library */
		/*URL: http://www.dynamicdrive.com/style/ */

#right .arrowlistmenu{
width: 150px; /*width of menu*/
font-size: 1.1em;


}

#right .arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(img/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
margin-top: 0px;
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

#right .arrowlistmenu ul{
background:#000;
list-style-type: none;
margin: 0;
padding: 0 5px;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
color:#FFF;
}

#right .arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

#right .arrowlistmenu ul li a{
color: #CCC;
background: url(img/arrowbullet_bk.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

#right .arrowlistmenu ul li a:visited{
color: #00CCCC;
}

#right .arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #00CCFF;
background-color: #333333;
}






/**********  FOOTER STYLES HERE *****************/

#footer {
	color: #999999;
	padding: 0px;
	margin: 0;
	font-size: 0.7em;
	clear: both;
	background-image:url(img/footer-bg.jpg);
	background-repeat:repeat-x;
	background-color: #000;
	text-align:center;
}



#footer a:link {color: #999999;}
#footer a:visited {color: #666666;}
#footer a:hover {color: #FFFFFF;}

#footer p {margin: 0;}	

#footer .content {color: #FFF;
					}
		/********  Modified STUFF BELOW HERE *************/

#footer .content ul {margin-bottom: 5px;
					padding-top: 10px;}

#footer .content li {list-style: none; /* may need to remove the line spacing here*/
					display: inline;
					font-size: 1.1em;	
					
					}

#footer .content a:link, a:visited  {color:#FFF;
									text-decoration: none;}
#footer .content a:hover, a:active {color: #333333;
									text-decoration: underline;}
/*------------------ STYLES WITH NO HOME -------------------------*/

.greyBox{/* grey box */
background: #fff url(img/grey-box.gif) bottom left no-repeat;
width: 238px;
padding: 8px 0 10px 0;
margin: 15px 0 10px 0;
overflow: auto;
_height: 1%;
border-top: 1px solid #ddd;

}
.greyBox .r{/* background container box */
overflow: hidden;
padding: 6px 8px 0 8px;
_height: 1%;
}
.greyBox h6 {
color: #888;
letter-spacing: 0px;
font-size:1.1em;
font-family: Verdana, sans-serif;
padding: 0px 8px 0 8px;
line-height: 1;
margin: 0 0 0px 0;
}

.greyBox p {
color: #036;
line-height: 140%;
font-size: 80%;
}
.greyBox ul{
border-top: 1px dotted #ccc;
color: #888;
font-size: 90%;
margin: 0;
padding: 0;
}
.greyBox li{
background: transparent url(img/arrow-grey.gif) left top no-repeat;
padding: 4px 0 4px 18px;
margin: 0 0 0 0;
border-bottom: 1px dotted #ccc;
line-height: 160%;
}

.greyBox img {margin-top:4px;
			}