/* CSS Document */

body {
	margin: 0px;
	background:#1177cc url(../images/mainbg.png) repeat-x;
}
.mainbg {
	background: url(../images/product_center.png) repeat-y center top;
}
.pagefooter {
	background:  url(../images/bottom_bg_logo.png) no-repeat center top;
	height:70px;
}
.pageheader{
	background:  url(../images/top_bg_logo.png) no-repeat left top;
}
.containerheader{
	background:   url(../images/top_bg.png) no-repeat center top;
}

/* left menu */

.slidedoormenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 160px; /* width of menu (don't forget to add border with below!) */
text-align:left;
}

.slidedoormenu li{
 padding-bottom:7px; /* Gray border beneath each menu item */
}

.slidedoormenu li a{
background:  url(../images/slidermenu.gif)  no-repeat left top; /* Background image positioned to the left(v) top(h) corner initially */
font: normal normal 11px  Verdana, Arial, Helvetica, sans-serif;
display: block;
color: #333333 ;
width: auto;
/*border-bottom: 1px solid white;  White border beneath each menu item link, to add depth */
padding: 3px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: #333333;
}

.slidedoormenu li a:hover, .slidedoormenu li a.selected{
background-color:ffffdd ;
background-position:-161px 0;
/* Shift background image horizontally 387px, or the start of the 2nd background image */
color: #111;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
/*border-bottom-width: 0;  For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}

h1 {
padding:0px;margin:0px;
font: normal normal 20px   Verdana, Arial, Helvetica, sans-serif;
color: #2266bb ;
line-height:30px;
}
h2, .h2 {
padding:0px;margin:0px;
font: normal bold 14px   Verdana, Arial, Helvetica, sans-serif;
color: #2266bb;
line-height:20px;
}
h3, .h3 {
padding:0px;margin:0px;
font: normal bold 11px   Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
line-height:20px;
}
h4, .h4 {
padding:0px;margin:0px;
font: normal bold 11px   Verdana, Arial, Helvetica, sans-serif;
color: #CC5500;
line-height:20px;
}
p {
margin:0px;
padding-top:4px;
font: normal normal 11px  Verdana, Arial, Helvetica, sans-serif;
padding-top:3px;
color: #444444 ;
line-height:20px;
}
table {
font: normal normal 11px  Verdana, Arial, Helvetica, sans-serif;

color: #444444 ;
line-height:20px;
}
tr.off {
	background-color: #f5f5f5;
}
tr.on {
	background-color: #f9f9f9;
}
table.box {border:solid 1px #d5d5d5;
border-collapse: collapse;
}
table.box td {


padding-left:5px;}
.highlight {
color: #2266bb;
}
.somediv{
width: 514px;
clear: left;
}

.somediv .floatbox{
float: left;
width: 130px;
}

* html .somediv p{ /* IE 3px jog hack*/
height: 1%;
}

.somediv p{
margin-top: 0;
margin-left: 131px;
}
a {
font: normal normal 11px  Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color: #FF6600;
}
a:hover {
font: normal normal 11px  Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
color: #CC5500;
}
a.readmore {
font: normal normal 11px  Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color: #0044aa;
padding-left: 16px;
padding-top:2px;margin-top:4px;
background: url(../images/arrow_rmore.gif) no-repeat -2px 2px;
}
a.readmore:hover {
text-decoration: underline;
color: #003355;
}
a.lmore {
font: normal normal 11px  Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color: #cc5500;
padding-left: 16px;
padding-top:2px;
margin-top:4px;
background: url(../images/arrow_lmore.gif) no-repeat -2px 2px;
}
a.lmore:hover {
text-decoration: underline;
color: #883300;
}
.navlist{
margin: 0;
padding: 0;
padding-top:5px;
color: #444444 ;list-style: none;
font: normal normal 11px  Verdana, Arial, Helvetica, sans-serif;
}

.navlist li {
padding-left: 16px;
padding-top:2px;
background: url(../images/arrow.gif) no-repeat 0px 11px;
line-height:19px;
}
.navlist li ul{
list-style: none;
}
input.orangebutton {
background: url(../images/orange_button.jpg) repeat-x;
color:#FFFFFF;
font: normal normal 11px  Verdana, Arial, Helvetica, sans-serif;
}

a.hyperlink_orange {
	font: normal normal 11px  Verdana, Arial, Helvetica, sans-serif;
	color: #fff;  
	background: url(../images/orange_button.jpg) repeat-x;
	border: #cc8811 1px solid; 
	padding: 5px 5px 6px 5px;  text-align:center;text-decoration:none;
}
a.hyperlink_orange:hover {
font: normal normal 11px  Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 5px 6px 5px; 
	text-align:center; color: #fff;  
	border: #bb7700 1px solid;
	text-decoration:none;
	background:  url(../images/orange_button_hover.jpg) repeat-x;
}

a.hyperlink_grey {
	font: normal normal 11px  Verdana, Arial, Helvetica, sans-serif;
	color: #fff;  
	background: url(../images/dk_grey_button.jpg) repeat-x;
	border: #888888 1px solid; 
	padding: 5px 5px 6px 5px;  text-align:center;text-decoration:none;
}
a.hyperlink_grey:hover {
font: normal normal 11px  Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 5px 6px 5px; 
	text-align:center; color: #fff;  
	border: #555555 1px solid;
	text-decoration:none;
	background:  url(../images/dk_grey_button_hover.jpg) repeat-x;
}
.copy {
padding-top:13px;
}
.copy, .copy a {
font: normal normal 10px  Verdana, Arial, Helvetica, sans-serif;
color: #fff;  
line-height:19px;
}


a.home {
font: normal normal 11px  Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color: #ffffff;
padding-left: 25px;
background: url(../images/home.gif) no-repeat 2px;
}
a.home:hover {
text-decoration: underline;
color: #ffffff;
}
a.products {
font: normal normal 11px  Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color: #ffffff;
padding-left: 25px;
background: url(../images/products.gif) no-repeat 2px;
}
a.products:hover {
text-decoration: underline;
color: #ffffff;
}

.redstrike {
color: #FF0000;
text-decoration:line-through;
}

/*CSS Form*/
fieldset { border-top:#eeeeee 1px solid; border-bottom:#cccccc 1px solid; 
border-left:#eeeeee 1px solid; border-right:#cccccc 1px solid; 
margin :5px 0px;
padding:0px;
			}
			
legend {




  font: normal bold 12px   Verdana, Arial, Helvetica, sans-serif;
color: #555555;
  text-align:left;

  }
  fieldset table { margin:0 10px 10px 10px;}
label {
font: normal normal 11px Verdana, Arial, Helvetica, sans-serif;
}
input, textarea {
border:1px solid #dddddd;
font: normal normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#444444;
}
select {
border:1px solid #dddddd;
font: normal normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#444444;
}
 textarea {
line-height:18px;
}

    table.nopadspace{
  margin:0px;
  padding:0px;
  }
  table.nopadspace input, span.nopadspace  input{  
  border:none;padding:0px;
  }
    table.nopadspace td{ 
	padding: 4px 0px 4px 0px;}
table.nopadspace td label {

padding-left:7px;}

<!--[if IE]>
<style type="text/css">
.slidedoormenu li a{ /* Menu link width value for IE */
width: 100%;
}
</style>
<![endif]-->