/* ----------------------------------------------------------------- < -- Begin Global Definitions */
body {
	margin:0;
	padding:0;
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-image:url(images/smalldots-maroon.jpg);
	background-repeat:repeat;
	
}

td {
	vertical-align:top;
}

#wrap {
	width: 1000px;
	margin: auto; 
	background-color: white; 
	border: 1px black solid;
	border-top:0px;

}

a {
	color: #999999;
	text-decoration: underline;
}

a:hover {
	color: #000000; 
	text-decoration: none;
}

a.home {
	color: #064a71;
	text-decoration: none;
	font-weight:bold;
}

a.home:hover {
	color: #000000; 
	text-decoration:underline;
}

h1 {
	font-size: 24px;
	color: #000000;
	padding: 0px;
	margin: 0px;
	margin-bottom:10px;
}

h2 {
	font-size: 18px; 
	margin: 0px; 
	color: #666; 
}

h3 {
	font-size: 15px; 
	font-weight: 400;
	font-style: italic;
	color: #000000;
	margin: 0px; 	 
}

img {
	border:0px;
}

#left_column {
	width:200px;
	float:left;
	padding: 10px 0 10px 0;

}

#left_column img {
	margin:auto;
	padding-bottom:10px;
	display:block;
	
}

#middle_column{
	padding:10px;
width:592px;
float:left;
	
	
}

#right_column{
	width:178px;
	padding:10px 10px 10px 0;
	float:right;
	
}

#right_column img {
	margin:auto;
	display:block;
	padding-bottom:10px;
	
	
}

#right_column .product_original {
display:none;
}

#right_column .product_filtered {
		
}

#middle_column .product_original {

}

#middle_column .product_filtered {
display:none;		
}

/* ----------------------------------------------------------------- > -- End Global Definitions */



/* --------------------------------------------------------------------------- < -- Begin Header */

#header_nav{
	border-top:2px black solid;
	clear:both;
}


#header_nav ul{
padding: 0;
margin: 0;
}

#header_nav ul li{
display: inline;
padding: 0;
margin: 0;
}

#header_nav ul li a{
font-size: 14px;
color: #ffffff;
text-decoration: none;
padding: 5px 16px 7px 16px;
margin: 0px;
font-family: arial;
font-weight: bold;
display:block;
float:left;
background-color:#a61701;
text-align:center;
border-right:1px solid white;
height:17px;
} 

#header_nav ul li a:hover{
background-color:#0f75bd;
} 

#subnav {
	height:30px;
	background-image:url(images/subnav_bg.png);
	background-repeat:repeat-x;
	clear:both;
	border-bottom:#707070 solid 2px;
}

#subnav ul{
padding: 0;
margin: 0;
padding-top:7px;
}

#subnav ul li{
padding: 0;
margin: 0;
display:inline
}

#subnav ul li a{
font-size: 13px;
color: #000000;
text-decoration: none;
margin: 0px 0 0 10px;
font-family: arial;
font-weight: bold;
} 

#subnav ul li a:hover{

} 
/* ----------------------------------------------------------------------------- > -- End Header */



/* --------------------------------------------------------------------- < -- Begin Side Column */
 #navheader {
	color:#FFFFFF; 
	background-color:#000;
	font-size:16px;
	padding: 5px 0 5px 7px;
	font-weight:bold;
	width:168px;
	margin-top:5px;
	margin:auto;
}

#navcontainer
{

font-family: arial;
font-size: 10px;
font-weight:bold;
border:1px solid #D6D8DA;
background-color:#f3f3f3;
width:173px;
margin:auto;
margin-bottom:10px;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0px;
margin:0px;
}

ul#navlist li
{
display: block;
margin: 0px;
padding: 0px;
}

ul#navlist li a
{
	display: block;
	padding: 7px 0px 7px 0px;
	color: #000;
	text-decoration: none;
	border-bottom:1px solid #000;
	padding-left:7px;

	font-size:12px;
}

ul#navlist li a:hover

{
	color: #EFEFEF;
	background-color:#A61701;

}
/* ----------------------------------------------------------------------- > -- End Side Column */



/* ---------------------------------------------------------------------- < -- Begin Home Page */
	  

ul#overlap_nav
{
text-align: left;
list-style: none;
padding: 0px;
margin:0px;
}

ul#overlap_nav li
{
display: block;
margin: 0px;
padding: 0px;
}

ul#overlap_nav li a
{
	display: block;
	padding: 7px 15px 7px 30px;
	color: #666;
	text-decoration: none;
	border:1px solid #D6D8DA;
	font-size:14px;
	background-image:url(images/overlap_bg.png);
	background-repeat:repeat-x;
	font-weight:bold;
	background-color:#FFF;
	width:200px;
}


ul#overlap_nav li a.red
{
background-color:#a31601; 
color:#FFF; 
background-image:none;
}

ul#overlap_nav li a:hover

{
	color: #ffffff;
	background-color:#666;
	background-image:none;

}

.feature{
	height:34px; width:970px; margin:auto;
}

.feature .header {
	background-color:#a31601; color:#FFF; width:222px; border:1px solid #cccccc; float:left; height:23px; border-right:0; font-size:15px; font-weight:bold; padding:7px 0 0 10px;
}

.feature .gradient {
	background-image:url(images/feature_bg.png); float:left; width:731px; height:30px; border:1px solid #cccccc; border-right:0; border-left:0;
}

#solutions {
	margin:auto;
	padding-bottom:10px;
	padding-top:10px;
}

#solutions td {
	padding-right:5px;
	text-align:center;
	
}

#solutions td img{
	display:block;
	margin-bottom:3px;
}

#solutions td a{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}

#solutions td a:hover{
	color: #2f5c66;
}

.featured a{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	color: #064a71;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	display:block;
}

.featured a:hover{
	color:#666666;
}

/* ------------------------------------------------------------------------ > -- End Home Page */



/* ----------------------------------------------------------------------- < -- Begin Content */

.dvdr {
	width:500px;
	margin:20px auto ;
	height:1px;
	background-color:#999;
	clear:both;
}

.product_image{
	float:right;
	padding-left:10px;
}

.product_brochure{
	text-align:center;
	padding-bottom:10px;
}

.related_cell{
	border-bottom: #d3d3d3 6px solid;
}
.related_image{
	background-color:#ffffff;  
	width:100px;
	height:100px;
}
.related_content{
	padding-left:25px;
	vertical-align:top;
	color: #575757;
	font-size:11px;
}
.related_header{
	font-size:18px;
	font-weight:bold;
	padding:5px;
	border-bottom: #d3d3d3 6px solid;
}

.related_link:link, .related_link:active, .related_link:visited {
	font-size:13px;
	font-weight:bold;
	color: #575757;
	text-decoration:underline;
}
.related_link:hover {
	font-size:13px;
	font-weight:bold;
	color: #575757;
	text-decoration:none;
}
.related_subhead{
	font-weight:bold;
	}
/* ------------------------------------------------------------------------- > -- End Content */



/* ------------------------------------------------------------------ < -- Begin Right Column */

.contact
{
background-color:#a31601; 
color:#FFF; 
background-image:none;
display:block;
font-size:14px;
padding:10px;
text-decoration:none;
font-weight:bold;
}

.contact:hover

{
	color: #ffffff;
	background-color:#666;
	background-image:none;

}


a.brochure  {
	text-align:center;
	display:block;
	margin-bottom:10px;
}

/* -------------------------------------------------------------------- > -- End Right Column */



/* ------------------------------------------------------------------------ < -- Begin Footer */
#credit {
text-align:center;
color:#000;
padding:10px;
}

#credit a {

color:#fff;
text-decoration:none;
}

#credit a:hover {
	color:#000;
	text-decoration:underline;

}

#credit img {
border:0px;
display:block;
margin:auto;
margin-bottom: 2px;
}
/* -------------------------------------------------------------------------- > -- End Footer */

		/* ---- Form Styles --- */

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
	border: #cccccc 1px solid;
/*	border-color: #cccccc;
  border-width: 1px;
  border-style: solid;*/
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-weight: bold;font-size: 17px; color: #086d98; padding-left:10px; padding-right:10px;
	 /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

/* form fieldset label:first-letter */{ /* use first-letter pseudo-class to underline accesskey, note that */
/*	text-decoration:underline; */   /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto; /* set width of form elements to auto-size, otherwise watch for wrapx on resize */
	background-color: #dddddd;
	border: 1px #999 solid;
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
input:focus, textarea:focus{
background-color: lightyellow;
}
/* ---- End of Form Styles --- */
.accessory{
	border:1px #000000 solid;
}
.accessorylink:link, .accessorylink:visited, .accessorylink:active{
	color:#000000;
	text-decoration:underline;
	text-align:center;
}
.accessorylink:hover{
	color:#000000;
	text-decoration:none;
	text-align:center;
}
.radioaccessories {
border:solid black 0px; 
width:475px;
text-align:left
margin:auto; 
}

.radioaccessories a {
display:block; 
padding:10px; 
font-size:12px; 
font-weight:bold; 
background:#d5221b; 
color:#ffffff; 
text-decoration:none;
}

.radioaccessories a:hover{
background:#6F6F6F; color:#FFFFFF;
}

.search {
	font-size:16px;
	font-weight:bold;
}

h2.trbohdr{        
            color: #666;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 16px;
            font-weight: bold;
}
 
.footnote{
            font-size:small;
}

#comptable td{
                font-size:11px;
                text-align:center;
                vertical-align:top;
}

#comptable th{
                font-size:11px;
                color: #ffffff;
                font-weight:bold;
                vertical-align:bottom;
                background-color:#333;
}
#comptable .hdr{
                font-size:11px;
                text-align:left;
                vertical-align:top;
}
#comptable .r1{
                background-color:#CCC;
}