body { background: #808080 url(../styleImages/background.gif) fixed; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 0.625em; }
h1,h2,h3,h4,h5,p,ol,ul,form { margin: 0; padding: 0; }
h2 { font-size: 2.4em; letter-spacing: -0.03em; margin-bottom: 0.5em; font-family: Tahoma, Arial, sans-serif; font-weight: normal }
a { color: #006600; }
a:hover { color: #87222A; }
p { font-size: 1.1em; margin-bottom: 1em; line-height: 1.5em; color: #003300; }
.error { font-weight: bold; color: #FF0000; }

#wrapper { width: 870px; margin-left: auto; margin-right: auto; }
#top {float: left; width: 846px; padding: 12px 12px 0 12px; background: url(../styleImages/back-top.jpg); }
#bottom {float: left; width: 846px; padding: 6px 12px 6px 12px; background: url(../styleImages/back-bottom.jpg) bottom; }
#header { float: left; width: 100%; height: 110px; background: url(../styleImages/back-header.jpg) no-repeat top right; border-bottom: 1px solid #000000; }
#topnav { float: left; width: 100%; background: #228B22 url(../styleImages/back-topnav.gif);border-bottom: 1px solid #000000; }
#content-wrapper { float: left; width: 846px; padding: 0 12px 0 12px; background: #FFFFFF url(../styleImages/back-middle.jpg); }
#content { float: left; width: 100%; background: #FFFFFF url(../styleImages/back-content.jpg) no-repeat right top; }
#main { float: right; width: 600px; padding: 15px 15px 15px 0;    }
#sidebar { float: left; width: 200px; padding: 10px; }
#footer { float: left; width: 98%; padding: 1%; text-align: center; background: #FFFFFF; border-top: 1px solid #009900; }


#header h1 {  }

#topnav ul { float: left; width: 100%; list-style: none; }
#topnav ul li { float: left; border-left: 1px solid #A9A9A9 }
#topnav ul li a { float: left; padding: 8px 8px 8px 8px; font-size: 1.1em; font-weight: bold; color: #FFFFFF; border-right: 1px solid #2F4F4F; text-decoration: none }
#topnav ul li a:hover { color: #223300; background: url(../styleImages/back-topnav.gif) bottom; }

#sidebar h3 { font-size: 1.4em; color: #003300; margin-bottom: 0.25em; letter-spacing: -0.03em; }
#sidebar ul { list-style: none; margin-bottom: 0em; }
#sidebar li { font-size: 1.2em; margin-bottom: 0.5em; text-align: right; }
#sidebar p {  }
.categories { padding: 10px; margin-bottom: 1em; background: url(../styleImages/a.png); }
.minicart { padding: 2px; margin-bottom: 1em; text-align: center; background: url(../styleImages/a.png); font-size: 1.1em; }
.newsletter { padding: 10px; margin-bottom: 1em; text-align: center; background: url(../styleImages/a.png) }
.random { padding: 10px; margin-bottom: 1em; text-align: center; background: url(../styleImages/a.png) }
.login { padding: 10px; margin-bottom: 1em; background: url(../styleImages/a.png) }

.products { float: left; width: 100%; }
.products-top { float: left; width: 100%; border-bottom: 2px solid #9C994F; margin-bottom: 2em; }
.products-top img { float: right; margin-left: 20px; }
.products-latest { float: right; width: 180px; background: url(../styleImages/a.png); padding: 10px; margin: 0 0 1em 20px; text-align: center }
.products-item { float: left; width: 33%; height: 200px; text-align: center; }
.products-item-name { font-size: 1.1em; }
.products-item img { border: 2px solid #EBEBDD; }

.product { float: left; width: 100%; }
.product-image { float: right; padding: 5px; margin-left: 15px; background: url(../styleImages/a.png) }
.product-name {  }
.product-desc {  }
a.product-buy { font-size: 1.1em; font-weight: bold; color: #00FF00; padding: 5px; background-image: url(../styleImages/back-topnav.gif); text-decoration: none; border: 1px solid #006600; }

.cart { float: left; width: 96%; padding: 2%; }
.cart table { width: 100%; margin-bottom: 2em; }
.cart th { background-color: #3CB371; font-size: 1.1em; }
.cart td { font-size: 1.1em; padding: 5px; }
.cart-total-title { text-align: right; }
.cart-total { border-top: 1px solid #3CB371 }
.cart-links { text-align: center; }

.form-btn { background-image: url(../styleImages/back-topnav.gif); font-size: 1.0em; border: 1px solid #006600; padding: 2px; }
.login-label {  }
.login-input { width: 150px; margin-bottom: 5px; }
.newsletter-input { width: 150px; margin-bottom: 5px; }

#footer ul { list-style: none; width: auto; }
#footer li { float: left; font-size: 1.1em; margin: 5px; }
.txtCopyright { text-align: center; }

/* drop down menu */

#topnav ul li div a {padding: 5px;}

.anylinkcss {
position:absolute;
visibility: hidden;
border:1px solid black;
border-bottom-width: 0;
z-index: 100;
width: 150px;
}

.anylinkcss a {
width: 100%;
display: block;
border-bottom: 1px solid black;
text-decoration: none;
font-weight: bold;
 background: url(../styleImages/back-topnav.gif);
font: 0.9em;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: black;
color: white;
}