html {
scrollbar-highlight-color:#ffffff; 
scrollbar-shadow-color:#000000;
scrollbar-track-color:#ffffff;
scrollbar-face-color:#aa9d49;
scrollbar-arrow-color:#000000;
scrollbar-darkshadow-color:#ffffff;
scrollbar-3dlight-color:#d7d09f;
	}
	
body  {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #d7d19f url('img/body_bg.jpg') repeat-x;
margin: 5px 0;
padding: 0;
text-align: center; /* required to center the container in IE 5/6 browsers */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.3em;
color: #333; /* default dark gray text */
}

/* global rules - apply to all effected elements within site
-------------- -------------- -------------- -------------- */

a:link, a:active, a:visited {
 color: #000;  /* all links this color (gold) by default */
 text-decoration: none;
}


img {
 border: 0; /* eliminates borders on all images by default */
}

h1 {
 margin: 20px 0 0 0;  /* adds 15px of space above and below H1 elements */
 padding: 0;
 font-size: 1.5em; /* 150% of normal */
 color: #aa9d35;
}

h2 {
 margin: 0;
 padding: 0;
 font-size: 1.3em; /* 130% of normal */
 color: #333;
}

h3 {
 margin: 0;
 padding: 0;
 font-size: 1.1em; /* 110% of normal */
 color: #333;
}

h4 {
 margin: 0;
 padding: 0;
 font-size: 1em; /* 100% of normal */
 color: #333;
}

h5 {
 margin: 0;
 padding: 0;
 font-size: .9em; /* 80% of normal */
 color: #333;
}

/* form styling
-------------- -------------- -------------- -------------- */
input {
 font-size:9pt;
}

.submit {
 background-color: #aa9d49;
}

/* form styling end
-------------- -------------- -------------- -------------- */

.putright {
 text-align: right;
}

#container {
 margin: 0 auto; /* centers the page */
 padding: 0;
 position: relative; /* adding position: relative allows you to position other elements */
 width: 790px; /* total width = 792px due to 1px border */
 background: #fff url('img/bg.gif') repeat-y; /* fills entire page with background color */
 border: 1px solid #9f9965; /* light-tan border */
 text-align: left; /* overrides text-align: center on the body */
}

#header {
 margin: 0;
 padding: 0;
 width: 790px;
 height: 89px; /* height of solid black header */
 background: #000;
 border-bottom: 1px #9f9965 solid;
}

#logo {
 width: 629px;
 height: 90px;
 padding: 0;
 float: left;
 border-right: #9f9965 1px solid;
}

#logo img {
 width: 400px;
 height: 70px;
 padding: 10px 0 12px 15px;
}

#addr {
 margin: 0;
 padding: 3px 5px;
 float: right;
 width: 150px;
 height: 84px;
 line-height: 1.3em;
 color: #c7c18f;
 font-size: 7pt;
 font-weight: bold;
 text-align: right;
}

/* start rules for contents of left side bar
-------------- -------------- -------------- */

#sidebar1 {  /* content/navigation menu on left side of page */
 margin: 0;
 padding: 0;
 width: 200px;
 float: left;
 background: #C7C18F;
 color: #000;
 overflow: hidden;
}

#joinlist {
 margin: 5px 4px;
 padding: 3px;
 border: 2px solid #aa9d35;
 background: #d7d19f;
 width: 182px;
 text-align: center;
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size: 9pt;
 color: #000;
}

#joinlist form{
 margin: 0;
 padding: 0;
 width: 182px;
 color: #000;
}

#freecatalog {
 margin: 15px 4px;
 padding: 3px;
 border: 2px solid #aa9d35;
 background: #d7d19f;
 height: 40px;
 width: 182px;
 line-height: 40px;
 text-align: center;
 font-size: 9pt;
 color: #000;
}

#freecatalog a {
 display: block;
 text-decoration: none;
}
#freecatalog a:hover {
 display: block;
 color: #aa9d35;
 text-decoration: none;
}


/* main navigation begin
-------------- -------------- */
#mainnav {
 margin: 0 0 0 4px;
 padding: 0;
 width: 96%;
 background: #C7C18F;
 color: #aa9d35;
 font-size: 10pt;
 font-weight: bold;
}

#mainnav ul {
 margin: 0;
 padding: 0;
 list-style-type: none; /* removes bullets from list items */
}

#mainnav ul a {
 display: block;
 margin-top: 3px;  /* space separating buttons */
 padding-left: 5px; /* creates space before button text */
 border-left: 5px solid #aa9d35; /* vertical gold accent bar on left of buttons */
 line-height: 24px; /* sets height of buttons and vertically centers text */
 height: 24px; /* required to prevent IE from adding large gap between buttons */
 width: auto;
 background: #d7d19f;
 text-decoration: none;
 color: #333;
}

#mainnav ul a:hover {
 padding: 0 0 0 3px;
 background: #eee;
 padding-left: 10px; /* adds slight indent of button text on hover */
 border-left: 5px solid #000;
 color: #aa9d35;
 text-decoration: none;
}
/* main navigation end
-------------- -------------- */

/* top navigation begin
-------------- -------------- */
#topnav {
 float: left;
 padding: 0;
 margin: 0;
 border-bottom: 1px #9f9965 solid;
 height: 30px;
 width: 589px;
 font-size: 10pt;
}

#topnav ul {
 margin: 0;
 padding: 0;
 float: left;
 list-style: none;
 float: left;
 width: 589px;
 background: #fff url('img/topnav_bg.gif') repeat-x;
}

#topnav ul li {
 float: left;
}

#topnav ul a {
 float: left;
 display: block;
 padding: 0 .7em; /* variable left & right padding for button text */
 line-height: 30px;
 text-decoration: none;
 color: #aa9d49; /* light gold */
 font-weight: bold;
}

#topnav ul a:hover {
 color: #ddd;
}
/* top navigation end
-------------- -------------- */

#sitesearch {
 margin: 10px 0 0 10px;
 padding: 0;
 width: 95%;
 background: #C7C18F;
 color: #000;
}

#q{
 width: 140px;
}


/* end rules for contents of left side bar
-------------- -------------- -------------- */

#content1 {
 position: relative;
 margin: 0;
 padding: 0;
 border-left: 1px #9f9965 solid;
 float: left;
 width: 589px;
 background: #fff url('img/bg.gif') repeat-y;
}

#banner {
 float: left;
 padding: 0;
 margin: 0;
 border-bottom: 1px #9f9965 solid;
 height: 100px;
 width: 589px;
 background: #fff url(img/banner.jpg) no-repeat;
}

#main {
 margin: 0;
 padding: 5px 10px 5px 10px;
 border-right: 1px #9f9965 solid;
 width: 406px;
 background: #fff;
}

#mainproduct {
 margin: 0;
 padding: 5px 10px 5px 10px;
 border-right: 1px #9f9965 solid;
 width: 550px;
 background: #fff;
}

.mainlink {
 color: #333;
}

.mainlink a {
 text-decoration: none;
 color: #aa9d35;
}

.mainlink a:hover {
 color: #000;
 text-decoration: underline;
}

.mainlink a:visited {
 color: #693;
 text-decoration: none;
}

.chartlink {
 color: #000;
 font-size: 9px; 
}

.chartlink a {
 text-decoration: none;
 color: #aa9d35;
}

.chartlink a:hover {
 color: #000;
 text-decoration: none;
}

.replink {
 color: #000;
}

.replink a {
 text-decoration: none;
 color: #aa9d35;
}

.replink a:hover {
 color: #000;
}

.replink a:visited {
 color: #693;
}

.caption a:link, .caption a:visited  {
 text-decoration: none;
 font-weight: bold;
 color: #000;
}

.caption a:hover, .caption a:active {
 color: #aa9d35;
}

.formtext {
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 color: #000; 
 background-color: #fff; 
 padding: 5px 0px 5px 5px; 
 border: 2px solid #aa9d35;
	}
	
.formtext1 {
  font-family:Arial, Helvetica, sans-serif; 
  font-size:11px; 
  background-color:#aa9d49;
	}

#adobe {
 margin: 5px 5px;
 padding: 2px;
 float: right;
 border: 2px solid #aa9d35;
 background: #fff;
 height: 50px;
 width: 150px;
 line-height: 10px;
 text-align: center;
 font-size: 7pt;
 color: #aa9d35;
}

#adobe a {
 display: block;
 text-decoration: none; 
}

#adobe a:hover {
 display: block;
 color: #aa9d35;
 text-decoration: none;
}
#adobe a:visited {
 color: #660000;
}

#key {
 margin: 5px 5px;
 padding: 2px;
 float: right;
 border: 2px solid #aa9d35;
 background: #fff;
 height: 75px;
 width: 150px;
 line-height: 10px;
 text-align: center;
 font-size: 7pt;
 color: #aa9d35;
}

#key a {
 display: block;
 text-decoration: none; 
}

#key a:hover {
 display: block;
 color: #aa9d35;
 text-decoration: none;
}

#oplseries {
 margin: 5px 5px;
 padding: 2px;
 float: right;
 border: 2px solid #aa9d35;
 background: #fff;
 height: 35px;
 width: 85px;
 line-height: 12px;
 text-align: center;
 font-size: 8pt;
 color: #aa9d35;
}

#oplseries a {
 display: block;
 text-decoration: none; 
}

#oplseries a:hover {
 display: block;
 color: #aa9d35;
 text-decoration: none;
}

#oplseries a:visited {
 color: #660000;
}
#specsheet {
 margin: 5px 5px;
 padding: 2px;
 float: right;
 border: 2px solid #aa9d35;
 background: #fff;
 height: 25px;
 width: 85px;
 line-height: 12px;
 text-align: center;
 font-size: 9pt;
 color: #aa9d35;
}

#specsheet a {
 display: block;
 text-decoration: none; 
}

#specsheet a:hover {
 display: block;
 color: #aa9d35;
 text-decoration: none;
}
#specsheet a:visited {
 color: #660000;
}

#installsheet {
 margin: 5px 5px;
 padding: 2px;
 float: right;
 border: 2px solid #aa9d35;
 background: #fff;
 height: 25px;
 width: 85px;
 line-height: 12px;
 text-align: center;
 font-size: 9pt;
 color: #aa9d35;
}

#installsheet a {
 display: block;
 text-decoration: none;
}

#installsheet a:hover {
 display: block;
 color: #aa9d35;
 text-decoration: none;
}

#installsheet a:visited {
 color: #660000;
}

.preview {
 margin: 15px 0 0 0;
 padding: 2px;
 border: 0;
 float: right;
}

.preview2 {
 margin: 15px 0 0 0;
 padding: 2px;
 border: 1px solid #aa9d35;
 float: right;
}

.preview3 {
 margin: 25px 25px 25px 25px;
 padding: 2px;
 border: 0;
 float: right;
}

.spacer {
 line-height: .2em;
}


#sidebar2 {
 margin: 0;
 padding: 3px;
 width: 153px;
 float: right;
 background: #C7C18F;
 color: #000;
}

#sidebar2 h1{
 color: #000;
}

#news {
 margin: 20px 2px;
 padding: 6px 4px 6px 0px;
 border: 2px solid #aa9d35;
 background: #d7d19f;
 height: auto;
 width: 140px;
 line-height: 10px;
 text-align: left;
 font-size: 8pt;
 color: #333;
}

#news a {
 text decoration: none;
 color: #333;
 font-weight: 400;
}

#news a:hover {
 text decoration: none;
 color: #aa9d49;
}

#news li{
 padding-bottom: 8px;
}
  
.sample {
 border: 1px solid #aa9d35; /* 1px SSI gold border around image in side bar */
}


#footer {
 margin: 0;
 padding: 0;
 clear: both;
 height: 30px;
 width: 790px;
 background:#000;
 font-size: 8pt;
 text-align: center;
}

#footer a:link, a:visited, a:hover, a:active {
 text-decoration: none;
 color: #9f9965; /* light gold */
}

#footer a:hover, a:active {
 text-decoration: none;
 color: #fff;
}