a {color: #c69e62}
a:hover {color: #ffffff}
a img {border: 0}
.clear {clear: both}

body {margin: 0px; background-color: #000000; font-family: arial, helvetica, sans-serif; color: #ffffff; font-size: 14px}

#header {width: 980px; margin: 10px auto 0 auto; background-image: url(../images/header.gif); height: 100px; overflow: hidden}
#header #logo {position: absolute; width: 250px; height: 100px}

#header ul {float: right; margin: 2px 10px 0 0; padding: 0; list-style: none}
#header ul li {display: block; float: left; font-size: 18px; font-family: georgia, times, times new roman, serif; font-weight: bold}
#header ul li a {color: #c69e62; display: block; float: left; padding: 5px 7px; text-decoration: none}
#header ul li a:hover {color: #edca97}
#header ul li.here a, #header ul li.here a:hover {color: #ffffff}
#header ul.topnav {margin-top: 36px}
#header ul.topnav li {font-size: 10px; text-transform: uppercase}
#header ul.topnav li a {padding: 0 10px}
#header ul.mainnav {clear: both}

#main {width: 980px; margin: 0 auto}

#promo {float: left}

#content {width: 774px; padding: 20px 30px 40px 20px; float: left}
#content h1 {font-size: 32px; font-family: georgia, times, times new roman, serif; font-weight: normal; margin: 0}
#content p.first {font-weight: bold}

img.floatleft {float: left; margin: 0 20px 20px 0}

#products {padding: 0}
.product {position: relative; clear: both; padding: 20px 0; border-bottom: 1px solid #222222; min-height: 122px}
.last {border-bottom: 0}
.product h3 {font-size: 16px; font-weight: bold; margin: 0; padding-right: 330px; padding-left: 200px}
.product p {margin-top: 0; padding-right: 330px; padding-left: 200px; font-size: 13px}

.note {min-height: 40px}
.note p {margin: 0; padding: 0}

.product .image {position: absolute; top: 20px; left: 0}
.product .image img {border: 1px solid #444444}

.product .order {position: absolute; top: 20px; right: 0; border: 1px solid #444444; background-color: #222222; padding: 10px; width: 135px; height: 100px; overflow: hidden}
.product .order .section {clear: both; padding: 0 0 3px 0}
.product .order .last {padding: 8px 0 0 0}
.product .order label {display: inline-block; width: 55px; font-size: 12px}
.product .order .text {width: 70px}

.product .discount {border: 1px solid #444444; background-color: #111111; position: absolute; top: 20px; right: 156px; padding: 10px; height: 100px; overflow: hidden}
.product .discount td {font-size: 12px; padding: 2px 4px}
.product .discount tr.head td {background-color: #333333; font-weight: bold}
.product .discount tr.odd td {background-color: #292929}

.distributors {border: 1px solid #444444; background-color: #111111; padding: 10px}
.distributors td {padding: 4px 8px}
.distributors tr.head td {background-color: #333333; font-weight: bold}
.distributors tr.odd td {background-color: #292929}
.distributors tr.title td {text-align: center; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; font-size: 12px}

#features {margin: 0; padding: 0; list-style: none}
#features li {padding: 10px 10px 10px 45px; background-repeat: no-repeat; background-position: 10px 10px; display: block; float: left; width: 300px; height: 40px; border: 1px solid #333333; margin: 0 10px 10px 0}
#features li p {margin: 0; font-size: 11px}
#features li p b {font-size: 14px}
li#a {background-image: url(../images/1.gif)}
li#b {background-image: url(../images/2.gif)}
li#c {background-image: url(../images/3.gif)}
li#d {background-image: url(../images/4.gif)}
li#e {background-image: url(../images/5.gif)}
li#f {background-image: url(../images/6.gif)}
li#g {background-image: url(../images/7.gif)}
li#h {background-image: url(../images/8.gif)}
li#i {background-image: url(../images/9.gif)}
li#j {background-image: url(../images/10.gif)}
li#k {background-image: url(../images/11.gif)}
li#l {background-image: url(../images/12.gif)}
li#m {background-image: url(../images/13.gif)}

#form div {display: block; clear: both; padding: 2px 0}
#form label {display: inline-block; width: 150px; vertical-align: top}
#form input.text {width: 200px}
#form select.text {width: 206px}
#form textarea.text {width: 300px}
#form input.submit {margin-left: 152px; padding: 5px 20px 5px 15px}

#sidebar {width: 146px; padding: 0 10px 10px 0; float: right; margin-top: -80px}
#home #sidebar {margin-top: -240px}
#sidebar ul {margin: 0; padding: 0; list-style: none}
#sidebar ul li {display: block; float: left; padding: 5px 0}

#footer {width: 980px; margin: 0 auto; background-image: url(../images/footer.gif); background-repeat: no-repeat; height: 100px; position: relative}
#footer p {margin: 0; font-size: 11px; padding: 20px 0 0 20px; color: #7a7568}

#featurephoto {padding: 20px 0 0 30px}

/* for paypal shopping cart */
.viewcart {float: right; margin-right: 15px}
.addtocart {margin: 10px 0 0 24px}

p.asi {position: absolute; right: 10px; top: 0px}

div.asi {float: right; width: 280px; text-align: center; padding: 80px 0 0 0}
div.asi p {font-size: 18px; margin: 0}