body { 
background: #D0DFDD url("images/navbackground.gif") repeat-x top center;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
position: relative;
width: 100%;
height: 100%;
text-align: center;
}

body.nonav {
background-image: none;
}

a {
color: #815D3E;
}

a:hover {
color: #9A0201;
}

#container {
position: relative;
width: 800px;
text-align: left;
margin: 0px auto;
}

/*  SUCKERFISH NAV */

#topnav, #topnav ul { /* all lists */
position: relative;
height: 45px;
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
z-index: 2;
}

#topnav li { /* all list items */
float: left;
}

#topnav li ul { /* second-level lists */
position: absolute;
top: 40px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
margin-left: 10px;
}

#topnav li ul ul { /* third-and-above-level lists */
margin: 0px 0px 0px 150px;
}

#topnav li ul li {
clear: left;
margin: 0px;
}

#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
left: -999em;
}

#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#topnav li a {
display: block;
font-family: "Times New Roman", Times, serif;
letter-spacing: 1px;
font-size: 13px;
text-transform: uppercase;
display: block;
padding: 14px 10px;
text-decoration: none;
color: #747F68;
}

#topnav li:hover ul a, #topnav li.sfhover ul a {
background: #c4d7ca;
border: 1px solid #aec0bc;
width: 150px;
font-size: 12px;
}

#homepageHeader, #homepageFlash, #homepageContent {
z-index: 1;
}

#homepageContent { 
width: 800px;
}

#homepageContent h3.featuredProducts {
background: url(images/featured_heading.gif) no-repeat center left;
height: 18px;
width: 100%;
margin: 0px;
padding: 0px;
}

#homepageContent h3.featuredProducts span {
font-size: 18px;
visibility: hidden;
}

#homepageLogos {
position: relative;
margin-left: 20px;
}

#homepageLogos img {
float: left;
margin: 10px;
border: 1px solid #738987;
}

#homepageLogin {
float: right;
margin-right: 30px;
margin-top: 10px;
background: #C8D9D4;
padding: 5px; 
}

.login h3 {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-weight: normal;
letter-spacing: .15em;
margin: 0px;
text-align: center;
text-transform: uppercase;
color: #8BA29C;
}

#logoarea {
position: relative;
height: 68px;
z-index: 1;
}

#logoarea #logo {
position: absolute;
left: 0px;
top: 0px;
}

#logoarea #icon {
position: absolute;
right: 0px;
top: 0px;
}

#bodyContainer {
background: url(images/background.gif) repeat-y top center;
border-bottom: 1px solid #8C9EA1;
margin: 0px;
}

#leftcolumn {
float: left;
width: 195px;
font-size: 11px;
color: #815D3E;
margin-top: 50px;
margin-left: 10px;
}

#leftcolumn a {
color: #815D3E;
}

#leftcolumn a:hover {
color: #9A0201;
}

#leftcolumn ul {
list-style: none;
margin: 0px;
padding: 3px 10px;
/*display: none;*/
}

#leftcolumn ul li {
margin: 0px;
padding: 0px 0px 4px 0px;;
}

#leftcolumn ul ul {
margin-top: 5px;
margin-left: 4px;
}

#leftcolumn ul ul {
list-style: disc;
}

/*
#container #body .leftbox h3 {
margin: 0px;
margin-bottom: 3px;
padding: 3px;
background-color: #ddd;
color: #333;
}
*/

#container #body .leftbox h3 {
height: 17px;
}

#container #body .leftbox h3 span {
visibility: hidden;
}

#content {
margin-left: 225px;
padding-right: 15px;
padding-top: 10px;
font-size: 13px;
}

#content p {
padding: 2px 20px;
}

.rightbox {
border: 1px solid #d0dfdd;
width: 200px;
font-size: 11px;
float: right;
margin: 20px;
padding: 5px;
color: #666;
background-color: #E6F5F2;
clear: right;
}

.rightbox p {
padding: 0px;
}

.floathack {
clear: both;
}

#content table {
font-size: 12px;
position: relative;
}

#contentHeader {
border-bottom: 1px solid #89a;
font-size: 12px;
height: 15px;
}

.osccontrols {
float: right;
}

#content h1 {
background-color: #F0E8CA;
color: #B4AFA4;
position: relative;
text-align: center;
padding: 4px;
font-size: 20px;
letter-spacing: 5px;
font-variant:small-caps;
}

#content h2 {
color: #727272;
margin: 3px 0px 5px;
padding: 0px;
font-size: 16px;
}

#footer {
background-color: #D0DFDD;
clear: both;
width: 100%;
text-align: center;
font-size: 10px;
margin-top: 25px;
color: #9F9F9F;
}

body > div#foooter {
margin-top: 5px;
}

#footer a {
color: #6B6B6B;
text-decoration: none;
}

p.verde a {
color: #063;
}

#container #footer ul {
margin: 0px;
padding: 0px;
width: inherit;
}

#container #footer ul li {
list-style-type: none;
display: inline;
}

/* TABLE CSS */
div.tablewrapper {
width: 100%;
text-align: center;
margin-top: 20px;
}

div.tablewrapper table {
text-align: left;
margin: 0px auto;
border-collapse: separate;
}

table.centerbox {
width: 90%;
margin: 0px auto;
}

td {
margin: 2px;
}

td.productListing-heading, td.centerboxheading {
background-color: #dfddd1;
}

td.centerboxheading {
text-align: center;
}

td.productListing-heading a {
color: #763;
}

td.productListing-data {
background-color: #f4f1e2;
}

/* FORM CSS */
#homepageLogin {
width: 300px;
}

#leftColumnLogin {
width: 90%;
}

.formContainer {
font-size: 11px;
}

.formContainer label, .formContainer .formControls {
float: left;
width: 100%;
position: relative;
height: 25px;
padding-left: 10px;
color: #8ba29c;
}

.formContainer input.textbox {
position: absolute;
left: 45%;
width: 50%;
border: 1px solid #8ba29c;
}

.formContainer input.button {
position: absolute;
width: 60%;
left: 20%;
}

/*#homepageLogin .formTextItem {
padding-top: 1px;
font-size: smaller;
clear: both;
margin: 5px;
}

#homepageLogin .formTextItem label {
float: left;
width: 65px;
padding-right: 5px;
text-align: right;
font-weight: bold;
display: block;
color: #8BA29C;
font-size: .9em;
}

#homepageLogin .formTextItem input {
clear: right;
text-align: left;
border: 1px solid #8BA29C;
}

#homepageLogin .formControls {
clear: both;
text-align: center;
font-size: 10px;
}*/

.plainbox-description {
font-size: 12px;
}

.product-specs {
color: #029f6a;
font-size: 12px;
}

.product-nav {
border-bottom: 1px solid #727272;
}

.plainbox {
font-size: 14px;
font-weight: normal;
}

.imageRight {
margin-left: 5px;
margin-right: 5px;
float: right;
}

.imageLeft {
margin-left: 5px;
margin-right: 5px;
float: left;
clear: right;
}

#container #body #body2 #content img {
padding: 3px;
border: 1px solid #CCCCCC;
}

#container #body #body2 #content li {
margin-top: 5px;
margin-bottom: 5px;
}

.backToTop {
font-size: smaller;
text-align: right;
}