@charset "UTF-8";
/* CSS Document */
body {
    margin:0;
    font:12px Arial, Verdana, Tahoma sans-serif;
    color:#54261b;
    background:#754c24 url(../images/bg-page.gif);
}
form,fieldset{
    margin:0;
    padding:0;
    border:0;
}
img {border:0;}
a{
    color:#a18033;
    text-decoration:none;
}
a:hover{text-decoration:underline;}
#wrapper{
    width:800px;
    margin:16px auto 0;
    overflow:hidden;
    position:relative;
}
a:focus
{
-moz-outline-style: none;
}
/* header */
#header{
    background:url(../images/bg-header.gif) no-repeat;
    width:100%;
    position:absolute;
    top:0;
    left:0;
}
strong.logo{
    float:left;
    width:135px;
    height:135px;
    background:url(../images/logo.gif) no-repeat;
    margin:13px 12px 17px 13px;
    text-indent:-9999px;
    overflow: hidden;
}
.logo a, .name a{
    height:100%;
    display:block;
}
strong.name{
    float:left;
    background:url(../images/bg-name.gif) no-repeat;
    text-indent:-9999px;
    width:385px;
    height:51px;
    margin:30px 0 0 65px;
    overflow:hidden;
}
p.tagline{
    background:#F7931C url(../images/bg-text2.gif) no-repeat 0px 50%;
    text-indent:-9999px;
    margin:120px 0 0 269px;
    height:19px;
}

#header ul#nav_337776 ul li a{
    color:#fff;
    padding:9px 6px;
    display:block;
    height:1%;
}
ul#nav_337776 ul li.hover{
    background:#bd6c1b;
    color:#54261b;
}
/* main */
div.main-top{
    height:20px;
    background:url(../images/bg-main.gif) no-repeat;
    margin:194px 0 0;
}
#main{
    background:#fff;
    height:1%;
    overflow:hidden;
    padding:3px 23px 0 23px;
}
#maincopy {
    background:#fff;
    height:1%;
    overflow:hidden;
    padding:3px 23px 0 23px;
}
#main h1{
    font:24px/22px Georgia, Times New Roman serif;
    margin:0;
    padding:0 0 4px;
    border-bottom:1px solid #a48333;
} 
#main p{
    margin:14px 0;
} 
div.text{
    padding:0 22px 3px 15px;
}
.divider{
    width:683px;
    background:url(../images/bg-divider.gif) repeat-x 0 100%;
    height:2px;
    margin:0 auto;
    padding:3px 0 0; 
    font-size:0;
}
.secure-login h3, .newsletter-form h3 {
	background: #ffff99;
	font-size: 14px;
	margin: 0;
	padding: 6px 8px;
}
/* walnut truffle box */
div.walnut-box{
    background:url(../images/bg-walnut-truffle-box.gif);
    width:722px;
    margin:28px 0 0;
}
.walnut-box .inner{background:url(../images/bg-inner.gif) repeat-x;}
.walnut-box .inner .tc{background:url(../images/bg-tc.gif) no-repeat;}
.walnut-box .inner .bc{
    background:url(../images/bg-bc.gif) no-repeat 0 100%;
    padding:21px 21px 8px 20px;
    overflow:hidden;
    height:1%;
    min-height: 213px;
}
.walnut-box h2{
    font:18px/18px Georgia, Times New Roman serif;
    margin:0 0 12px;
}
#main .walnut-box p{
    font-size:14px;
    margin:15px 0 0;
}
.walnut-box p em{
    font-size:12px;
    color:#c34707;
}
div.image{
    border:1px solid #c34707;
    float:left;
    margin:0 32px 50px 0;
}
.image img{
    padding:4px 3px 5px 4px;
    background:#cdbb8f;
    border:solid #c34707;
    border-width:1px 0;
    margin:-2px 0;
    position:relative;
}
a.order-now{
    float:right;
    text-indent:-9999px;
    background:url(../images/btn-order.gif) no-repeat;
    width:115px;
    height:26px;
    margin:6px 78px 0 0;
}
/* content */
#content{
    float:right;
    width:351px;
    z-index: 100;
}
.block-top{
    background:url(../images/bg-block-top2.png) no-repeat;
    height:5px;
    overflow:hidden;
}
.block{
    background:url(../images/bg-block2.png) repeat-y;
    border-bottom:1px solid #c8b7a7;
    overflow:hidden;
    width:327px;
    margin:0 0 7px;
    padding:0 13px 6px 11px;
}
#main .block p{
    margin:5px 0;
}
.block blockquote{
    font-size:12px;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    line-height:24px;
    text-align:justify;
}
#main .block blockquote p{
    text-align:justify;
    margin:0;
    line-height:24px;
    word-spacing:5px;
}
.block blockquote{
    margin:0;
}
.block cite{
    display:block;
    text-align:right;
    margin:7px 0 0;
    padding:0 4px 0 0;
    line-height:16px;
}
.block cite.author{
    margin:-14px 0 0;
}
/* main image */
img.main-image
{
    position: static;
    float: left;
    margin: 20px -24px 0 -26px;
    z-index: 0 !important;
}
/* footer */
#footer{
    background:url(../images/bg-main.gif) no-repeat -800px 0;
    overflow:hidden;
    height:1%;
    color:#a18033;
    text-align:center;
    font-size:11px;
    font-weight:bold;
    padding:40px 0 16px; 
}
#footer ul{
    margin:0;
    padding:0;
    list-style:none;   
}
#footer ul li{
    display:inline;
    background:url(../images/bg-footer-li.gif) no-repeat 0 70%;
    padding:0 7px 0 7px;
}
#footer ul li:first-child{
    background:none;
}
#footer p{
    margin:5px 0;
}
/* navigation */
ul#nav_337776-old
{
    background: url(../images/bg-menu.gif) no-repeat 0 0;
    margin: 0;
    height: 23px;
    padding: 3px 0 0 111px;
    clear: both;
    border: 1px solid red;
}
        
        ul#nav_337776-old li
        {
            font: 14px Georgia, Times New Roman serif;
            margin: 0 34px 0 0;
            padding: 0 0 0 6px;
            display: inline;
            position: relative;
            list-style: none;
        }
                
                ul#nav_337776-old li a
                {
                    color: #fff;
                }
                        
                        ul#nav_337776-old li a:hover
                        {
                            text-decoration: none;
                        }
                        
                        ul#nav_337776-old li.hover a, ul#nav_337776-old li.active a
                        {
                            color: #ffffff;
                            text-decoration: none;
                        }
                        
        ul#nav_337776-old ul
        {
            position: absolute;
            left: 0;
            top: 17px;
            width: 154px;
            background: #A18033;
            margin: 0;
            padding: 4px 0;
            text-align: left;
        }
        
        ul#nav_337776-old li.hover ul, ul#nav_337776-old li:hover ul
        {
            display: block;
        }
        
        ul#nav_337776-old ul li
        {
            display: block;
            width: 100%;
            margin: 0 0 -4px 0;
            padding: 0;
        }






    /*** ESSENTIAL STYLES ***/
    #nav_337776, #nav_337776 *,
    .menu, .menu *
   {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    #nav_337776,
    .menu
    {
        line-height: 1.0;
    }
            
            #nav_337776 ul,
            .menu ul
            {
                position: absolute;
                top: -999em;
                width: 14em;
                /* left offset of submenus need to match (see below) */
            }
                    
                    #nav_337776 ul li,
                    .menu ul li
                    {
                        width: 100%;
                    }
                    
                    #nav_337776 li:hover, 
                    .menu li:hover
                    {
                        visibility: inherit;
                        /* fixes IE7 'sticky bug' */
                            }
            
            #nav_337776 li, 
            .menu li
            {
                float: left;
                position: relative;
            }
                    #nav_337776 li:hover ul,
                    #nav_337776 li.sfhover ul, 
                    .menu li:hover ul,
                    .menu li.sfhover ul
                    {
                        left: 0em;
                        padding-left: .75em;
                        top: 20px;
                        /* match top ul list item height */
                        z-index: 99;
                    }
                    ul#nav_337776 li:hover li ul,
                    ul#nav_337776 li.sfhover li ul, 
                    ul.menu li:hover li ul,
                    ul.menu li.sfhover li ul
                    {
                        top: -999em;
                    }
                    
                    ul#nav_337776 li li:hover ul,
                    ul#nav_337776 li li.sfhover ul, 
                    ul.menu li li:hover ul,
                    ul.menu li li.sfhover ul
                    {
                        left: 14em;
                        /* match ul width */
                        top: 0px;
                    }
                    
                    ul#nav_337776 li li:hover li ul,
                    ul#nav_337776 li li.sfhover li ul, 
                    ul.menu li li:hover li ul,
                    ul.menu li li.sfhover li ul
                    {
                        top: -999em;
                    }
                    
                    ul#nav_337776 li li li:hover ul,
                    ul#nav_337776 li li li.sfhover ul, 
                    ul.menu li li li:hover ul,
                    ul.menu li li li.sfhover ul
                    {
                        left: 14em;
                        /* match ul width */
                        top: 0;
                    }
                    
                    
            #nav_337776 a, 
            .menu a
            {
                display: block;
                position: relative;
            }
            






    /*** navigation skin ***/
    #nav_337776, 
    .menu
    {
        float: left;
        background: url(../images/bg-menu.gif) no-repeat 0 0;
        width: 100%;
        height: 23px;
        padding: 0 0 0 5px;
    }
    
    #nav_337776 a,
    .menu a
    {
        font: 14px Georgia, Times New Roman serif;
        line-height: 12px;
        color: #fff;
        display: block;
        margin: 0;
        padding: 4px 1.2em 6px;
        text-decoration: none;
    }
    
    #nav_337776 a, #nav_337776 a:visited,
    .menu a, .menu a:visited
    {
        /* visited pseudo selector so IE6 applies text colour*/
        color: #fff;
    }
    
    #nav_337776 li,
    .menu li
    {
        padding: 0;
        width: auto;
/*
        background-color: #A18033 !important;
*/
    }
    
    
    
    #nav_337776 li li,
    .menu li li
    {
        padding: 0 !important;
        margin: 0 !important;
        width: 14em;
        /* background color for menu items */
        background-color: #A18033 !important;
    }
            #nav_337776 li li a,
            .menu li li a
            {
                font: 14px Georgia, Times New Roman serif;
                line-height: 18px;
                color: #fff;
                display: block;
                margin: 0;
                padding: 7px 1.5em 5px 12px !important;
                text-decoration: none;
            }
 

#nav_337776 a:active,
#nav_337776 a:focus,
.menu a:focus,
.menu a:active
{
	text-decoration: none;
	color: #FFFFFF;
	outline: 0;
}

#nav_337776 li:hover,
#nav_337776 li.sfhover,
#nav_337776 a:hover,
.menu li:hover,
.menu li.sfhover,
.menu a:hover
{
	text-decoration: none;
	color: #54261B !important;
	outline: 0;
}
    
    
    #nav_337776 li li,
    .menu li li
    {
        border-bottom: 1px solid #754c24;
    }
    #nav_337776 li li:last-child,
    .menu li li:last-child
    #nav_337776 li li.last,
    .menu li li.last
    {
        border-bottom: none;
    }

.shop-product-small h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0px 0px 6px;
        margin: 0px 0px 5px 0px;
        color: #663333;
}

.shop-product-small ul {
        background: none;
	padding: 18px;
}

.shop-product-small ul li {
	font-size: 11px;
	margin: 0 0 6px;
}


.shop-product-small .image {
	height: 100px;
	margin: 0 auto 9px;
	overflow: hidden;
	width: 500px;
        height: 274px;
	text-align: center;
}
.shop-product-small .image img {
background:#CDBB8F none repeat scroll 0 0;
border: none;
padding: 0;
}

.shop-product-small {
border:none;
color:#663300;
padding: 0 0px 0 10px;
}

.shop-product-small div.image {
border:0px solid #C34707;
float:left;
margin:15px 25px 0px 0;
}
.text .refer {
	font: italic 12px Verdana, Geneva, sans-serif;
	float: right;
}
.text .past-orders {
	font: italic 12px Verdana, Geneva, sans-serif;
	float: right;
}
.facebook {
	background:none;
	overflow:hidden;
	width:327px;
	margin:0 0 7px;
	padding:0 13px 0px 11px;
        border-top: 1px dotted #c8b7a7;
	border-bottom: 1px dotted #c8b7a7;
}
input.cat_textbox,
textarea.cat_listbox,
select.cat_dropdown,
select.cat_listbox {
	width: 200px;
}
.cat_listbox {
height:60px;
}
div.form div.item, div.webform div.item {
	padding: 3px;
}
p.tagline em{
color: #669933 !imporant;
font-style: normal;
}
.newsletter-form {
margin-bottom:8px;
}
.secure-login {
background:#F9F9F9;
border:1px solid #EEEEEE;
padding:12px;
}
.announcement {
	padding: 8px;
	border-top: 1px dotted #960;
	border-bottom: 1px dotted #960;
	border-right-color: #960;
	border-left-color: #960;
}
.shop-main .cart-summary {
float:none;
width:100%;
}
table.catalogueTable {
border-collapse:collapse;
border-spacing:0;
margin:0px;
width:100%;
}
.shop-main {
margin-top:0px;
}
.cat_dropdown_smaller {
width:100px;
}
select.shippingDropDown {
width:190px;
}
.shop-form textarea.cat_listbox {
height:70px;
}

.secure-lost-password {
	background: #f9f9f9;
	border: 1px solid #eee;	
	padding: 12px;
}
.secure-lost-password h4 {
        color: #c34707;
	font-size: 14px;
	margin: 0;
        padding: 0 0 7px 0;
}
.secure-lost-password input.cat_textbox_small {
	width: 210px;
}
.submit-login {
	background: #f9f9f9;
	border: 1px solid #eee;
        padding: 12px;	
}
.submit-login h4 {
        color: #c34707;
	font-size: 14px;
	margin: 0;
        padding: 0 0 7px 0;
}
.join {
	background: #f9f9f9;
	border: 1px solid #eee;
        padding: 6px;	
}
.join h4 {
        color: #c34707;
	font-size: 14px;
	margin: 0;
        padding: 0 0 7px 0;
}
.announcement-list span.date {
font-size:10px;
font-weight:normal;
margin:0px;
}
.system-message {
	background: url(/images/checkmark.jpg) no-repeat 29px 18px;	
}