*	{margin:0; padding:0;}
body	{background:url(/images/bg.png); font:12pt Times New Roman, Georgia; color: #000000;}
html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 90%; }
img, div { behavior: url(/style/iepngfix.htc) }
a {color:#553942;}
a:hover {color:#B5D455;}

#main-top	{width:100%; background:#ead5dc; height:120px;}
#middle-content	{width:818px; margin-left:auto; margin-right:auto;}
#main-content-top	{width:839px; height:23px; background:url(/images/main-top.png) no-repeat top; margin-left:auto; margin-right:auto;}
#main-content-mid	{width:789px; background:url(/images/main-mid.png) repeat-y top; margin-left:auto; margin-right:auto; padding-left:25px; padding-right:25px;}
#main-content-bot	{width:839px; height:23px; background:url(/images/main-bot.png) no-repeat top; margin-left:auto; margin-right:auto;}
a#cat-link	{color:#553942; text-decoration:none;}
a#cat-link:hover	{text-decoration:underline;}
a#quote-link	{text-decoration:none; color:#829d29;}
a#quote-link:hover	{text-decoration:underline;}
#question {float:left; font-size:14pt; font-weight:bold; color:#5D3E48; cursor:pointer;}

#nav-wrapper	{width:100%; height:60px; background:url(/images/nav-bg.png) repeat-x;}
#nav {background:url(/images/nav-menu.png) no-repeat; width:818px; margin-left:auto; margin-right:auto; height:40px;  padding:0;}
#nav span {display: none;}
#nav li, #nav a {height:40px; display:block;}
#nav li {float:left; list-style:none; display:inline;}

#nav-01 {width: 174px;}
#nav-02 {width: 121px;}
#nav-03 {width: 160px;}
#nav-04 {width: 172px;}
#nav-05 {width: 89px;}
#nav-06 {width: 102px;}

#nav-01 a:hover {background:url(/images/nav-menu.png) 0px -40px no-repeat; }
#nav-02 a:hover {background:url(/images/nav-menu.png) -174px -40px no-repeat; }
#nav-03 a:hover {background:url(/images/nav-menu.png) -295px -40px no-repeat; }
#nav-04 a:hover {background:url(/images/nav-menu.png) -455px -40px no-repeat; }
#nav-05 a:hover {background:url(/images/nav-menu.png) -627px -40px no-repeat; }
#nav-06 a:hover {background:url(/images/nav-menu.png) -716px -40px no-repeat; }

#gallery {position:relative; width:686px; margin:40px auto; padding:10px; border:6px solid #fff; background:#AAA}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:672px; height:375px; padding:5px; border:2px solid #666; background:#FFF url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

#push-10	{height:10px}
#push-20	{height:20px}
#push-75	{height:75px}
#push-85	{height:85px}
#push-100	{height:100px}

#footer	{width:100%; background:#ead5dc; min-height:10%; text-align:center; clear: position: relative; z-index: 10; height: 85px; margin-top: -85px; border-top:1px solid #ffffff;}
#footer-content	{padding-top:5px; color:#573b44;}

#font-window	{border:1px solid #553942; max-height:180px; overflow:auto;}

#fonts	{padding:4px;}
#fonts:hover	{padding:3px; border:1px dashed #829d29;}

#precart-text	{font-size:14pt; color:#553942; float:left; width:150px;}
#precart-container	{float:left; font-size:14pt; color:#829d29;}

#featured-img	{border:3px solid #ffffff; height:60px;}
#featured-img:hover	{border:3px solid #c9e76a;}

#prod_menu a  {text-align:center; font-size:18pt; color:#829d29; text-decoration:none; margin-left:40px;}
#prod_menu a:hover  {text-decoration:underline;}
#prod-img {margin-bottom:15px; border:1px solid white; padding-top:5px; padding-bottom:5px;}
#prod-img:hover {border:1px dashed black;}
a#prodview  {color:#553942; font-weight:bold; text-decoration:none;}
a#prodview:hover {color:#829d29; text-decoration:underline;}

#faq-title  {font-size:16pt; font-weight:bold; color:#829d29;}
#faq-text {padding-left:15px; padding-bottom:20px;}

.fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; color:#3b5988; text-decoration:none; font-size:10pt; font-family:arial;}

.fb_share_link:hover  {text-decoration:underline;}
#twitter-link {color:#35CCFF; font-size:10pt; font-family:arial; text-decoration:none; background:url(/images/twitter.png) no-repeat; padding-left:20px;}
#twitter-link:hover {text-decoration:underline;}

#product-menu {
width: 12em; /* set width of menu */
} 
#product-menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#product-menu a {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #fff #fff #555 #fff;
margin: 0;
padding: 2px 3px;
color: #422730;
text-decoration: none;
}

#product-menu a:hover {
color: #a00;
background: #fff;
}

#product-menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#product-menu ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#product-menu ul ul,
div#product-menu ul li:hover ul
{display: none; background: #fff}

div#product-menu ul li:hover ul
{display: block; background: #fff}