a {color: #D70101}
a:hover {color: #31559E}
a img {border: 0}
.clear {clear: both}
a.learn {font-family: georgia; font-style: italic; font-weight: normal; text-decoration: none; display: block; margin-top: 3px; color: #015533}

body {margin: 20px; background-color: #DBD9CA; background-image: url(../images/back.gif); background-repeat: repeat-x; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #666666}

#wrapper {width: 877px; padding: 10px; background-color: #ffffff; margin: 0 auto; border-right: 4px solid #B6B193; border-bottom: 4px solid #B6B193}

#header {margin-left: -18px; position: relative}
#home #header {margin: 0}
#home #header #left {position: absolute; width: 18px; height: 45px; top: 29px; left: -18px; z-index: 999}

#nav {height: 26px; background-image: url(../images/back_nav.gif); background-repeat: repeat-x; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; font-size: 12px}
#nav ul {margin: 0; padding: 0; list-style: none}
#nav ul li {display: block; float: left}
#nav ul li a {display: block; float: left; padding: 5px 15px; text-decoration: none; border-right: 1px solid #cccccc; color: #555555}
#nav ul li a:hover {color: #000000}
#nav ul li.last a {border-right: 0}

#wrapper #nav ul li.search {float: right !important}
#nav ul li.search .text {width: 150px; margin: 2px 0 0 0; vertical-align: top}
#nav ul li.search .button {margin: 4px 10px 0 3px}

#main {padding-top: 5px}

#left {width: 176px; float: left}
#left .photo {margin-top: 5px}

#subnav {background-color: #827B51; padding: 30px 15px 100px 15px}
#subnav ul {margin: 0; padding: 0; list-style: none}
#subnav ul li {padding: 3px 0; color: #E0DED3}
#subnav ul li a {color: #E0DED3; text-decoration: none}
#subnav ul li a:hover {color: #ffffff}
#subnav ul li.heading {font-weight: bold}
#subnav ul li.cart {border-top: 1px solid #A49C74; margin-top: 15px; padding-top: 15px}

#content {width: 475px; float: left; padding: 15px 25px 0 25px}
#content-full {width: 650px; float: left; padding: 15px 25px 0 25px}

#content h1 {color: #929700; font-size: 26px; font-weight: normal; margin: 0}
#content h2 {color: #61361d; font-size: 14px}
#content h3 {font-size: 14px}
#content-full h1 {color: #929700; font-size: 26px; font-weight: normal; margin: 0}
#content-full h2 {color: #61361d; font-size: 14px}
#content-full h3 {font-size: 14px}

#home #content h1 {color: #666666; margin: 0; font-size: 18px; font-weight: bold}

.text {width: 225px; float: left; margin-right: 20px}
#content .text h3, #content .featured h3 {color: #C15017; font-size: 11px; margin-bottom: 0}
.text p {margin-top: 0}

.featured {width: 225px; float: left}
#content .featured h2 {font-size: 14px; color: #666666}
#content-full .featured h2 {font-size: 14px; color: #666666}
.featured ul {margin: 0; padding: 0; list-style: none}
.featured ul li {clear: both}
.featured ul li img {border: 1px solid #D2CFBC; float: left; margin: 0 10px 5px 0}
.featured ul li p {margin: 0}

#right {width: 146px; float: left; background-color: #EBE8E1; padding: 15px; text-align: center}
#right img {margin-bottom: 10px}
#right p {text-align: left; font-size: 11px; font-weight: bold}

#footer {width: 877px; margin: 0 auto; padding: 10px 0}
#footer img {float: left; margin: 0 20px 0 70px}
#copyright {float: left; font-size: 9px; color: #82817D; width: 640px}
#copyright p {margin: 3px 0 2px 0}
#copyright p span {margin: 0 5px}
#copyright p a {color: #82817D}

#nav ul {position: relative; z-index: 1001; float: left; width: 877px}
#nav ul li {float: left; line-height: 1.3em; vertical-align: middle; zoom: 1}
#nav ul li.hover, #nav ul li:hover {position: relative; z-index: 1003; cursor: default}
#nav ul ul {visibility: hidden; position: absolute; width: auto; height: auto; margin: 0; top: 25px; left: 0; z-index: 1002; padding: 3px; background-image: none}
#nav ul ul li {float: left; display: block}
#nav ul ul ul {top: 1px; left: 99%}
#nav ul li:hover > ul {visibility: visible}

#nav ul li:hover a {color: #000000}
#nav ul li ul li:hover a {background-color: #eeeeee !important}
#nav ul li ul {background-color: #ffffff; border: 1px solid #cccccc}/*background and border colors for nested nav*/
#nav ul li ul li ul {background-color: #eeeeee; top: 0px; border: 0}

#nav ul li ul li {height: auto !important; padding: 0}
#nav ul li ul li a {float: left; display: block; background-color: transparent !important; background-image: none !important; height: auto !important; padding: 3px 20px 3px 12px; color: #333333 !important; font-size: 12px; font-weight: normal; line-height: 1.3em; text-tranform: none !important; border-right: 0}

#nav ul li ul li a:hover {color: #000000 !important; background-color: #dddddd !important}/*text and hover colors for nested nav*/
#nav ul li ul li ul li a:hover {color: #333333; background-color: #dddddd !important}
#nav ul ul {width: 200px}
#nav ul li ul li {width: 200px}
#nav ul li ul li a {width: 168px}

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:small;
}

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;
} 

img.prodimage {
	padding-top:20px
}

#header {background: url(../images/header.jpg); margin: 0; height: 180px}
#header .logo {text-align: center; color: #fff; position: absolute; top: 20px; left: 20px}
#header .location {font-weight: bold; font-size: 20px; letter-spacing: -.03em; margin: 5px 0 0 0}
#header .phone {font-size: 18px; margin: 0}
#header .slogan {position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,.5); padding: 10px 40px; box-sizing: border-box; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+25,000000+50&0.01+25,1+50 */
background: -moz-linear-gradient(left, rgba(0,0,0,0.01) 25%, rgba(0,0,0,1) 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(25%,rgba(0,0,0,0.01)), color-stop(50%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.01) 25%,rgba(0,0,0,1) 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,0,0,0.01) 25%,rgba(0,0,0,1) 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0,0,0,0.01) 25%,rgba(0,0,0,1) 50%); /* IE10+ */
background: linear-gradient(to right, rgba(0,0,0,0.01) 25%,rgba(0,0,0,1) 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */}
#header .slogan p {color: rgba(255,255,255,.7); font-size: 18px; text-align: right; margin: 0}