a {color: #8e7a4c; text-decoration: none}
a:hover {color: #5e4f40}
a img {border: 0}
.clear {clear: both}

body {background: #38322c; margin: 0; font-family: arial, helvetica, sans-serif; font-size: 12px; color: #8e7a4c}

#wrap {width: 954px; margin: 0 auto}

#header {height: 120px}
#header img {float: left; margin: 30px 0 0 0}
#header p {float: right; color: #f1e9d7; line-height: 1.5em; margin: 35px 0 0 40px}
#header p a {color: #f1e9d7}

#main {background: url(../images/main.gif) no-repeat #ffffff; padding: 40px 30px 40px 40px}
#main p {line-height: 1.3em}

#content {border-bottom: 1px solid #ffffff}
.sub #content {width: 600px; float: left; padding-right: 30px; border-right: 1px solid #e8e2d6}

h1, h2 {font-family: arial; text-transform: uppercase; font-weight: normal; color: #5e4f40; letter-spacing: 1px; margin: 0}
h1 {font-size: 30px}
h1 span {color: #8e7a4c}
h2 {font-size: 18px}
h3 {margin: 0; font-size: 14px; font-style: italic; font-weight: normal}

#promos {background-color: #382A19; height: 470px}
#promos ul {margin: 0; padding: 0; list-style: none}
#promos ul li {display: block; float: left; width: 260px; padding: 25px 15px; background: url(../images/promo.gif) no-repeat}
#promos ul li.hero {width: 664px; height: 470px; padding: 0}
#promos ul li img {float: left; margin: 0 15px 10px 0}
#promos ul li h2 {color: #b9a882}
#promos ul li p {color: #f1e9d7; margin: 0}

#homecontent {padding-bottom: 20px}
#homecontent .col {width: 435px; float: left; margin-right: 40px; padding-top: 40px}
#homecontent h2 {color: #b9a882; font-size: 24px; margin-top: 30px}
#homecontent h2.first {margin-top: 0}
#homecontent p {color: #f1e9d7}
#homecontent p b {font-size: 16px; font-weight: normal}
#homecontent iframe {margin: 15px 0 0 30px}

a.more {display: block; font-weight: bold; text-transform: uppercase; color: #b9a882}
a.more:hover {color: #f1e9d7}

.products {margin: 40px 0 0 0; padding: 0; list-style: none}
.products li {text-align: center; width: 215px; height: 250px; float: left}
.products li img {border: 1px solid #dddddd; box-shadow: 0 0 10px #cccccc; -moz-box-shadow: 0 0 10px #cccccc; -webkit-box-shadow: 0 0 10px #cccccc}
.products li h4 {font-size: 18px; font-weight: normal; margin: 10px 0 0 0}
.products li p {margin-top: 0}
.products li p a {margin: 0 10px; font-weight: bold; border-bottom: 1px solid #E6E2D8}

.paginate {clear: both; margin: 40px 0 0 0; padding: 0; list-style: none; float: right}
.paginate li {display: block; float: left}
.paginate li a {display: block; float: left; padding: 2px 5px}
.paginate li.here a {color: #5e4f40; font-weight: bold}

#sidebar {width: 220px; float: right}
#sidebar .form .text {border: 1px solid #dddddd; box-shadow: 0 0 3px #cccccc; -moz-box-shadow: 0 0 3px #cccccc; -webkit-box-shadow: 0 0 3px #cccccc; margin-bottom: 5px}
#sidebar h2 {margin-top: 30px}
#sidebar h2.first {margin-top: 10px}

.form .text {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #8e7a4c; font-style: italic; width: 150px; border: 0; padding: 3px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; vertical-align: middle; margin: 0}
.form .submit {font-family: arial, helvetica, sans-serif; font-size: 10px; color: #f1e9d7; background: #382A19; border: 0; padding: 3px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-transform: uppercase; vertical-align: middle; margin: 0; cursor: pointer}

#footer {font-size: 10px; font-weight: bold; color: #ffffff; height: 70px}
#footer p {float: left; margin: 15px 0 0 0}
#footer ul {float: right; margin: 15px 0 0 0; padding: 0; list-style: none}
#footer ul li {display: block; float: left}
#footer ul li a {display: block; float: left; padding: 0 0 0 10px; text-decoration: none; text-transform: uppercase; color: #ffffff}

/* nav */
.bar {background: url(../images/nav.gif); height: 33px; clear: both}
.bar ul {margin: 0 0 0 10px; padding: 0; list-style: none; float: left}
.bar ul ul {display: none}
.bar ul li {display: block; float: left}
.bar ul li a {display: block; float: left; padding: 9px 9px; text-decoration: none; color: #ffffff; text-transform: uppercase; font-weight: bold; font-size: 12px; letter-spacing: 1px}
.bar ul li a:hover {background: #a89262}
.bar .form {float: right; margin: 6px 6px 0 0}
.bar p {float: left; margin: 0; padding: 9px 0 0 20px; color: #382A19}

/* for drop down */
.bar ul {position: relative; z-index: 1001}
.bar ul li {zoom: 1; position: relative}
.bar ul li.hover {position: relative; z-index: 1003; cursor: default}
.bar ul ul {visibility: hidden; display: block; position: absolute; width: auto; height: auto; margin: 0; top: 33px; left: 0; z-index: 1002; padding: 0px;}
.bar ul ul li {float: left; display: block}
.bar ul li:hover > ul {visibility: visible}

/* hovered main nav colors */
.bar ul li:hover a {background: #a89262; color: #ffffff}

/* sub nav menu */
.bar ul ul {background: #a89262; padding: 5px 2px 15px 2px; width: 215px}

/* sub nav items */
.bar ul ul li {height: auto !important; padding: 0; width: 195px}
.bar ul ul li a {float: left; display: block; background-color: transparent !important; height: auto !important; padding: 1px 20px 1px 10px; color: #f1e9d7 !important; font-size: 10px; line-height: 1.3em; width: 185px; text-transform: none; letter-spacing: 0}
.bar ul ul li.head {margin-top: 10px}
.bar ul ul li.first {margin-top: 0}
.bar ul ul li.head a {text-transform: uppercase; font-size: 12px; font-weight: normal; letter-spacing: 1px; border-bottom: 1px solid #BEAD89}
.bar ul ul li a:hover {color: #ffffff !important}

div.prodid{
font-weight: bold;
}

span.prodoption{
font-weight: bold;
} 

div.prodname{
font-weight: bold;
}

.prodname, .detailname{
font-weight: bold; text-align:center;
font-size:medium;
}

div.prodprice, div.detaildescription{
	text-align:center;
}
P.catname {
text-align: center;
}

IMG.catimage {
vertical-align:top;
}

TD.catimage {
vertical-align:top;
}

TD.catname {
vertical-align:top;
text-align: center;
} 

div.detailprice{
font-weight: bold; font-size:medium;
}

span.extraimage{
font-weight: bold;
}