html, body
{
    margin: 0;
    padding: 0;
}
body
{
    font: 12px/1.5em Verdana, Tahoma, Arial, Helvetica, sans-serif;
    color: #343434;
    background: #fff url(../images/body_bg.gif) repeat-x 0 0;
}
h1, h2, h3, h4, h5{margin: 0 0 1em;}
h1
{
    color: #BEBC1C;
    font: 32px Georgia, "Times New Roman", Times, serif;
    margin: 0 0 12px;
}
h2
{
    color: #BEBC1C;
    font: 26px Georgia, "Times New Roman", Times, serif;
    margin: 0 0 12px;
}
p{margin: 0 0 1em;}
a,
a:link,
a:visited{color: #6E6955;}
a:hover,
a:active{}
a img{border: none;}
form{margin: 0;}
fieldset{padding: 0; border: none;}
legend{display: none;}
ul{list-style-type: square;}   
hr
{
    height: 1px;
    border: none;
    color: #ccc;
    background-color: #ccc;
    margin:  12px 0;
}

/* ~~~ === POSITIONING SELECTORS ===================================== ~~~ */
#outerwrapper
{
    width: 999px;
    margin: 0 auto;
    background: url(../images/header_bg.jpg) no-repeat 0 0;
}
#wrapper
{
    position: relative;
    width: 950px;
    margin: 0 auto;
}
#krd p
{
    position: absolute;
    top: 6px;
    left: 0;
    font-size: 11px;
    color: #88836E;
    font-weight: normal;
    width: 818px;
    line-height: 1.3em;
}
#masthead
{
    position: relative;
    height: 159px;
    
}
    #logo
    {
        position: absolute;
        top: 48px;
        left: 0;
    }
    #logo a
    {
        display: block;
        width: 261px;
        height: 93px;
        background: url(../images/logo.png) no-repeat 0 0;
        outline: none;
        text-indent: -9999em;
    }
    #nz-grown
    {
        position: absolute;
        top: 0;
        right: 12px;
    }
    #contactInfo
    {
    	position: absolute;
    	top: 44px;
    	right: 130px;
    	margin: 0;
    	font: 16px Verdana, Arial, Helvetica, sans-serif;
    	color:  #BDBB1B;
    }
    #contactInfo span{color: #fff;}
    #contactInfo a{text-decoration: underline; color: #BDBB1B;}

#content
{
    padding: 10px 0 24px;
    margin-bottom: 0;
    overflow: auto;
    height: 100%;
}
#midcol
{
    width: 720px;
    float: left;
}
#rightcol
{
    width: 206px;
    float: right;
}
#footer
{
    clear: both;
    background-color: #484429;
    color: #fff;
    font-size: 10px;
    padding: 4px 12px;
    margin: 0 0 4px;
}
#footer a
{
    font-weight: bold;
    color: #fff;    
    text-transform: uppercase;
    text-decoration: none;
}
#footer a:hover{text-decoration: underline;}
p.copyright
{
    font-size: 11px;
    text-align: center;
    color: #666;
    margin: 0 0 12em;
}
/* ~~~ === MASTHEAD SEARCH ================================================ ~~~ */
#search
{
    position: absolute;
    top: 72px;
    right: 122px;
    color: #fff;
}
#search p.search img,
#search p.search input{vertical-align: middle;}
#search fieldset{border: none;}
#search legend{display: none;}
#search input.input
{
    background-color: #6E6955;
    border: 1px solid #A7A598;
    color: #fff;
}

/* ~~~ === MASTHEAD ====================================================== ~~~ */
#quickshop
{
    position: absolute;
    top: 98px;
    right: 124px;
}
#quickshop p.qsCode img,
#quickshop p.qsCode input{vertical-align: middle;}
#quickshop fieldset{border: none;}
#quickshop legend{display: none;}
#quickshop input.input
{
    background-color: #6E6955;
    border: 1px solid #A7A598;
    color: #fff;
}
#quickshop p{margin: 0 0 4px;}
#quickshop p.note
{
    color: #fff;
    font-size: 10px;
    line-height: 1.2em;
    text-align: center;
    padding-left: 44px;
}

/* ~~~ === MAIN NAVIGATION ================================================ ~~~ */
#menu
{
    position: relative;
}
#menu p{margin: 0;}

#mainMenu,
#subMenu
{
    line-height: 25px;
    margin: 0;
    color: #fff;
    
}
#subMenu
{
    padding:  0 0 10px 0; 
}
#mainMenu
{
    height: 31px;
    line-height: 31px;
}
#mainMenu a,
#subMenu a
{
    color: #fff;
    text-transform: uppercase;    
    font-size: 12px;
    text-decoration: none;
}
#mainMenu a{font-size: 14px; font-weight: normal;}
#subMenu,
#subMenu a{color: #666;}
#subMenu{text-align: right;}
#mainMenu a:hover,
#subMenu a:hover{text-decoration: underline;}
#orderlink
{
    position: absolute;
    top: 1px;
    right: 0;
}
#orderlink a
{
    display: block;
    line-height: 23px;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    border-left: 1px solid #fff;
    padding-left: 8px;
}
#orderlink a:hover
{
    text-decoration: underline;
}
/* ~~~ === CART INFO ======================================================================================== ~~~ */
#cartInfo
{
    background-color: #DEDD8D;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 4px;
    line-height: 1.5em; 
}
#cartInfo div.boxHeader,
#registerBox div.boxHeader
{
    margin: 0 0 5px;
    background-color: #484429;
    color: #fff;
    text-transform: uppercase;
    font: 16px Georgia, Arial, Helvetica, sans-serif;
    line-height: 24px; 
    padding-left: 12px;
}
#cartInfo div.boxContent{padding: 0 14px 5px;}
#registerBox div.boxContent
{
    padding: 5px 14px 5px;
    text-align: center;       
}
/* ~~~ === SAFESHOP ========================================================================================= ~~~ */
#safeShop
{
    background-color: #EEEEC6;
    font-size: 11px;
    margin-bottom: 12px; 
}

#safeShop div{padding: 14px 14px 5px;}
#safeShop p
{
    line-height: 1.3em;
    margin: 0 0 .5em;
}
#safeShop a
{
    background: url(../images/icons/secure.gif) no-repeat 0 50%;
    padding: 1px 0 1px 16px;
    font-weight: bold;
}

#orderInformation
{
	float:right;
	width: 195px;
	padding: 0 0 0 10px;
	font-size: 11px;
	line-height: 1.3em;
}
#orderInformation div.boxHeader
{
    font: 14px Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
    line-height: 24px;
}
/* ~~~ === LOGIN FORM ======================================================================================= ~~~ */
#customerLogin,
#registerBox
{
    background-color: #DEDD8D;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 4px;
    min-height: 193px;
    line-height: 1.5em;
}
#customerLogin div.boxHeader{margin: 0 0 5px;}
#customerLogin div.boxContent{padding: 0 14px 5px;}
#customerLogin table.formtable
{
    width: 100%;
    margin: 0 0 4px;
}
#customerLogin input.input
{
    font-size: 11px;
    width: 100px;
}
#customerLogin button.button{width: 102px; text-align: left;}
#customerLogin table.formtable td{padding: 2px 1px; font-size: 10px;}
#customerLogin div.boxHeader
{
    margin: 0 0 5px;
    background-color: #484429;
    color: #fff;
    text-transform: uppercase;
    font: 16px Georgia, Arial, Helvetica, sans-serif;
    line-height: 24px; 
    padding-left: 12px;
}
#customerLogin p{margin: 0;}
#customerLogin a{color: #000;}
#mcaffeesecure{text-align: right;}
#mcaffeesecure img
{
    background-color: #fff;
    padding: 4px;
    border: 1px solid #9A9A9A;    
}

/* ~~~ === NOT A MEMBER =============================================================================== ~~~ */
#registerBox{min-height: 0;}

/* ~~~ === HOME PAGE STYLES ============================================================================= ~~~ */
#home #content
{
    padding: 0 0 4px;
}
#home div.copy{clear: both;}
#home #customerLogin
{
    margin-top: 4px;
}
#home #subMenu
{
    height: 206px;
    padding: 10px 0 0 0; 
}
#promoPanel
{
    width: 740px;
    height: 216px;
    float: left;
    position: relative;
}
#promoPanel ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#promoPanel li
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
#promoPanel li div.promoPanelContent
{
    position: absolute;
    top: 25px;
    left: 0;
    width: 250px;
    font-size: 11px;
    line-height: 1.3em;
}
#promoPanel li div.promoPanelContent h1
{
    font: 34px Georgia, "Times New Roman", Times, serif;
    color: #BDBB1B;
}
#promoLinks
{
    position: absolute;
    bottom: 8px;
    left: 0;
    z-index: 5;
}
#promoLinks a
{
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    float: left; 
    border: 1px solid #ccc;
    text-align: center;
    text-decoration: none;
    margin-right: 4px;   
}
#promoLinks a.active
{
    border: 1px solid #999;
}
#loginForm
{
    width: 206px;
    float: right;
}
#quickLinks
{
    width: 740px;
    float: left;
    margin-top: 4px;
    background: #fff url(../images/quick_links_bg.gif) repeat-y 100% 0;
    overflow: hidden;
}
div.quicklinkBox
{
    width: 244px;
    float: left;
    display: inline;
    margin-right: 4px;
}
div.quicklinkBox h3{margin: 0 0 4px;}
div.quicklinkBox h3 a
{
    display: block;
    height: 30px;
    text-indent: -99999em;
    outline: none;
}
div.quicklinkBox img{border: 1px solid #9A9A9A;}

#whatsNew
{
    width: 494px;
    float: left;
}
#hotRecipes
{
    width: 242px;
    float: right;
}
#whatsNew h2,
#hotRecipes h2
{      
    font: 16px/24px Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
    color: #fff;
    background-color: #484429;
    margin: 0;
    padding: 0 10px;   
}
div.promoBox
{
    float: left;
    width: 243px;
    height: 196px;
    border: 1px solid #ccc;
    display: inline; /* bloody IE 6 */
}
div.promoBox dl
{
    width: 231px;
    height: 184px;
    border: 1px solid #fff;
    margin: 0;
    padding: 5px;   
}
#whatsNew div.firstChild{margin: 4px 4px 4px 0;}
#whatsNew div.firstChild dl{background-color: #DEDD8D;}
#whatsNew div.secondChild{margin: 4px 0 4px 0;}
#whatsNew div.secondChild dl{background-color: #EEEEC6;}
#whatsNew div.thirdChild{margin: 0 4px 0 0;}
div.promoBox dt
{
    width: 98px;
    height: 98px;
    float: left;
    text-align: center;
}
div.promoBox dt img{vertical-align: middle;}
div.promoBox dd
{
    margin: 0 0 0 112px;
    font-size: 10px;
    line-height: 1.2em;
    color: #333;
}
div.promoBox dd h3,
#hotRecipes dd h3
{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2em;
    color: #333;
    margin: 0 0 6px;
}
div.promoBox dd h3 span,
#hotRecipes dd h3 span
{
    font-size: 11px;
    font-weight: normal;
    line-height: 1.1em;
}
div.promoBox dd.price
{
    font-size: 30px;
    margin-bottom: 8px;
}
div.promoBox dd.price sup
{
    position: relative;
    top: 0;
    left: 0;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
#hotRecipes dl
{
    margin: 0;
    padding: 5px;
    border-top: 4px solid #fff;
}
#hotRecipes dd
{
    margin: 0 4px 4px;
    font-size: 11px;
    line-height: 1.3em;
}
#hotRecipes dd.cookingTimes{font-weight: bold;}
#bodyContent
{
    width: 740px;
    float: left;
    padding-top: 12px;
    font-size: 11px;
    line-height: 1.3em;
}


/* ~~~ === PRODUCT PAGE ===================================================================================== ~~~ */
table.tblproducts{width: 100%;}
table.tblproducts td
{
	padding: 4px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	line-height: 1.3em;
}
table.tblproducts td a.productThumb
{
    display: block;
    width: 98px;
    height: 98px;
    border: 1px solid #999;
	padding: 4px;
	margin: 0 auto 4px;
	overflow: hidden;
}
table.tblproducts td a.productThumb:hover{border: 1px solid #000;}


/* ~~~ === PRODUCT DETAIL ==================================================================================== ~~~ */
table.tblproductdetail{width: 100%;}
table.tblproductdetail td
{
	vertical-align: top;
	font-size: 12px;
	padding: 0 3px 0 0;
}
table.tblproductdetail td p{margin: 0 0 .3em;}
table.tblproductdetail td p.code
{
	font-size: 12px;
	font-weight: bold;
}
.price span
{
	font-size: 22px;
	color: #414141;
}
.price span.now{color: #C72230;}
table.tblproductdetail td.image
{
    text-align: right;
    padding-left: 42px;
    width: 253px;
}
table.tblproductdetail td.image img.productDetailImage
{
    border: 1px solid #ccc;
	padding: 8px;
}
#linkFrozenProduct
{
    float: right;
    display: inline;
    margin: 6px 0 0 12px;
}
p.purchaseLink input,
p.purchaseLink img{vertical-align: middle;}
p.purchaseLink a
{
    font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
    background-color: #483C2E;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 3px 8px;  
}
table.tblproductdetail td table,
table.stats{margin-bottom: 4px;}

/* ~~~ === GIFT PACKS ========================================================= ~~~ */
ul.giftPackThumbs
{
    list-style-type: none;
    padding: 0;
    margin: 0 0 0 18px;
}
ul.giftPackThumbs li
{
    float: left;
    width: 110px;
    height: 110px;
}
table.tblproductdetail td.image ul.giftPackThumbs li a.productThumb
{
    display: block;
    border: 1px solid #999;
    padding: 4px;
    width: 98px;
    height: 98px;
}
table.tblproductdetail td.image ul.giftPackThumbs li a.productThumb:hover{border: 1px solid #000;}


/* ~~~ === ORDER DETAIL =================================================== ~~~ */
table.orderDetails
{
    border-collapse: collapse;
    width: 100%;
    background-color: #E4E3DF;
}
table.orderDetails thead th
{
    padding: 4px 8px;
    background-color: #484429;
    font: 12px Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
    color: #fff;
}
table.orderDetails table tbody td
{
    border-bottom: 1px solid #ccc;
    font-size: 11px; 
    padding: 4px 8px;  
}
table.orderDetails table tbody td h3{margin: 0;}
table.orderDetails table
{
    width: 100%;
    margin-bottom: 12px;
}
p.quantities
{
    text-align: right; 
    margin-right: 8px;
}
#orderTotals
{
    float: right; 
    text-align: right;
    padding-right: 8px;
}

/* ~~~ === RECIPES PAGE =================================================== ~~~ */
ul.recipes,
ul.cooking-tips
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.recipes li,
ul.cooking-tips li
{
    line-height: 21px;
    padding-left: 16px;
    background: url(../images/arrow_B_ver2.gif) no-repeat 0 7px;
}
ul.recipes li a,
ul.cooking-tips li a
{
    /*color: #323232;
    text-decoration: none;*/
}
ul.recipes li a:hover,
ul.cooking-tips a:hover{text-decoration: underline;}

dl.related-products dt{font-weight: bold;}
dl.related-products dd
{
    margin: 0 0 4px 0;
    /*padding-left: 16px;
    background: url(../images/arrow_B_ver2.gif) no-repeat 0 6px;*/
}
div.recipeLink
{
    float: right;
}
a.printRecipe
{
    background: url(../images/icons/printer.gif) no-repeat 0 0;
    padding:1px 0 1px 18px;
}
a.sendToFriend
{
    background: url(../images/icons/email.gif) no-repeat 0 0;
    padding: 1px 12px 1px 18px;
}
#sendToFriend
{
    text-align: left;
    width: 500px;
    margin-left: -250px;
    border: none;
    background-color: transparent;
    padding: 0;
}
.dialogTop
{
    height: 6px;
    background: url(../images/image_popup_top.gif) no-repeat 0 0;
}
.dialogBtm
{
    height: 6px;
    background: url(../images/image_popup_btm.gif) no-repeat 0 0;
}
#sendToFriend a.jqmClose
{
    position: absolute;
    top: 16px;
    right: 24px;
}
#frmSendToFriendBody table.formtable{margin: 0;}
#frmSendToFriendBody table.formtable th
{
    text-align: right;
    white-space: nowrap;
    width: 1%;
}
#frmSendToFriendBody table.formtable td{text-align: left;}
#frmSendToFriendBody
{
    padding: 24px;
    background-color: #fff;
}
#sendToFriend div.processingMsg{background-color: #fff;}
#sendToFriend div.processing
{
    text-align: center;background-color: #fff;
    padding-bottom: 12px;
}


/* ~~~ === SEARCH RESULTS ================================================== ~~~ */
#searchResults
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#searchResults li
{
    border-bottom: 1px dotted #ccc;
    margin: 0 0 12px;
    padding-bottom: 12px;
}
#searchResults li h4
{
    margin: 0 0 4px;
}
#searchResults li h4 span{font-weight: normal; font-style: italic;}
#searchResults b{color: #484429;}

/* ~~~ === FORMS =========================================================== ~~~ */
div.formwrapper
{
    background-color: #DEDD8D;
    margin-bottom: 12px;
}
div.formwrapper h3
{
    background-color: #484429;
    text-transform: uppercase;
    color: #fff;
    font: 16px Georgia, Arial, Helvetica, sans-serif;
    line-height: 24px; 
    padding-left: 24px;
}
div.formwrapper table.formtable{margin: 0 24px 24px;}
div.formwrapper table.formtable tbody th
{
    padding: 4px;
    font-weight: normal;
    text-align: right;
    text-transform: uppercase;
    font-size: 11px;
}
table.formtable tbody td
{
    padding: 4px; 
    font-size: 11px;
}
table.formtable tbody td input,
table.formtable tbody td select{vertical-align: middle;}
.input
{
    font: 12px Tahoma, Arial, Helvetica, sans-serif;
    border: 1px solid #80807E;
}
.button
{
    font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
    background-color: #484429;
    color: #fff;
    text-transform: uppercase;
    border: none;
    padding: 2px 6px;
    cursor: pointer;
}
.button:hover{background-color: #BDBB1B;}
/* ~~~ === WHAT OUR CUSTOMERS HAVE TO SAY PAGE ====================================================== ~~~ */
ul.testimonalLinkBoxes
{
    list-style-type: none;
    margin: 34px auto;
    padding: 0;
    width: 566px;
}
ul.testimonalLinkBoxes li
{
    width: 250px;
    border: 3px solid #DEDD8D;
    padding: 2px;
    float: left;
}
ul.testimonalLinkBoxes li.left{float: left;}
ul.testimonalLinkBoxes li.right{float: right;}
ul.testimonalLinkBoxes a
{
    display: block;
    width: 200px;
    height: 80px;
    padding: 34px 24px 24px;
    text-align: center;
    text-decoration: none;
    font: 26px Georgia, "Times New Roman", Times, serif;
    border: 1px solid #DEDD8D;
}
/* ~~~ === SITEMAP ================================================================================== ~~~ */
#sitemap
{
    /*border: 1px solid #AAAAAA;
    background-color: #F8F7F5;*/
    margin-bottom: 1em;
}
#sitemap h3
{
    background: url(../images/icons/base.gif) no-repeat 2px 0;
    margin: 16px 0 0 16px;
    padding:0 0 5px 18px;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color: #555555;
}
ul.sitemap
{
    list-style-type: none;
    margin: 0 16px 16px;
    padding: 0;
    background: url(../images/icons/line.gif) repeat-y;
}
ul.sitemap ul
{
    list-style-type: none;
    margin: 0 0 0 8px;
    padding: 0;
    background: url(../images/icons/line.gif) repeat-y;
}
ul.sitemap li
{
    line-height: 20px;
    padding-left: 7px;
    position: relative;
}
ul.sitemap a
{
    background: url(../images/icons/page.gif) no-repeat 0 50%;
    padding: 4px 0 4px 26px;
}

ul.sitemap a,
ul.sitemap a:link,
ul.sitemap a:visited{color: #555555;}
ul.sitemap a:hover{color: #003D91;}

.lastchild{background-color: #fff;}
li.lastchild a{background: #fff url(../images/icons/page_bottom.gif) no-repeat 0 0;}

/* ~~~ === CLASSES ============================================= ~~~ */
ul.list
{
    margin: 0;
    padding: 0;
}
ul.list li
{
    /*padding-left: 16px;
    background: url(../images/arrow_B_ver2.gif) no-repeat 0 6px;*/
    margin-bottom: 4px;
}
.img-left
{
    float: left;
    margin: 0 12px 4px 0;
}
.img-right
{
    float: right;
    margin: 0 0 4px 12px;
}
a.external
{
    background: url(../images/external.gif) no-repeat 0 51%;
    padding: 1px 0 1px 16px;
}
a.buttonLink
{
    font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
    background-color: #484429;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 3px 6px; 
}
a.buttonLink:hover{background-color: #BDBB1B;}
.border-none{border: none;}
.border-thin{border: 1px solid #000;}
.border-thick{border: 2px solid #000;}
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
.clear{clear: both;}
.hide{display: none;}
.now{color: #C72230;}
.was{text-decoration: line-through;}
.small{font-size: 11px;}
.nowrap
{
    width: 1%;
    white-space: nowrap;
}
.print{display: none;}