/* --- [ BASIC ] ------------------------------------------*/
    html {
	    margin:0;
	    background:#c96 url('../images/background.gif') top left repeat;
    }

    body {
	    margin:0;
        font-family:Arial,Verdana,Trebuchet MS,Tahoma,Sans-Serif;
	    color: #3D4242;
	    font-size:10pt;
    }  

/* --- [ HEADINGS AND BLOCK ELEMENTS ] --------------------------------------*/
	h1, h2, h3, h4, h5, h6 { 
        font-family:Arial,Trebuchet MS,Verdana,Tahoma,Arial,Sans-Serif;
		font-weight: normal;
		color: #466506;
	}
	
	h1 {
		font-size: 18pt;
		margin: 52px 0 25px 0;
	}
	h1.recipe {
		font-size: 18pt;
		margin: 12px 0 25px 0;
	}
	h2 {
		font-size: 14pt;
		margin: 0 0 10px 0;
	}
	h3 {
		font-size: 12pt;
		margin: 0 0 10px 0;
	}
	h4 {
		font-size: 11pt;
		margin: 0 0 10px 0;
	}

	p {
		margin: 0 0 10px 0;
	}


/* --- [ page layout ] ------------------------------------*/

    #container { position:relative; width:800px; margin:0 auto; border:solid 1px #977047; }
    html>body #container { min-width:800px; }

    .header { width:820px; height:180px; margin:50px auto 0 auto; background:#fff url('../images/background-header.gif') top left repeat-x; }
    html>body .header { min-height:180px; }
    .header-left { width:450px; height:180px; float:left; background:#fff url('../images/header-back-left.gif') top left no-repeat; }
    .header-left .logo-organic { width:50px; height:180px; margin:0 0 0 35px; float:left; background:url('../images/logo-organic.gif') top left no-repeat; }
    .header-left .logo-duncan { width:320px; height:180px; margin:0 0 0 5px; float:left; background:url('../images/logo-duncan.gif') top left no-repeat; }
    .header-right { width:370px; height:180px; float:right; background:#fff url('../images/header-back-right.gif') top left no-repeat; }
    .header-right .free-delivery { width:370px; height:180px; margin:0; float:left; background:url('../images/free-delivery.jpg') top right no-repeat; }

    .content { width:800px; margin:0 auto; padding:0 0 20px 0; background:#fff; }
    html>body .content { min-width:800px; }

	
/* --- [ wraps and columns ] ------------------------------*/

    .content-wrap { width:770px; margin:0 auto; border:solid 0px #f00; background:#fff; clear:both; }
    .content-left {  border:solid 0px #0f0; width:480px; margin:0; text-align:left; float:left; background:#fff url('../images/background-content.gif') top left no-repeat; }
    html>body .content-left {  width:540px; margin:0; text-align:left; float:left; background:#fff url('../images/background-content.gif') top left no-repeat; }
    .content-left-content { border:solid 0px #f00; margin:0 10px 0 50px; text-align:left; float:left;  }
    html>body .content-left-content { margin:0 10px 0 100px;  }
    .content-right { width:230px; margin:0; text-align:left; float:right; }
    .content-right img { width:230px; }

    .boxes-wrap { width:770px; margin:0 auto; text-align:left; background:#fff url('../images/background-content.gif') top left no-repeat; }
    .boxes-wrap-content { margin:0 0 0 100px; text-align:left; border:solid 1px #fff; }
    .boxes-container { width:664px; background:#f4f4f4; }
    .boxes-box { width:165px; margin:0; border-right:solid 1px #fff; float:left; }
    .boxes-Family { width:165px; height:70px; background:#fff url('../images/boxes/family.jpg') top left no-repeat; }
    .boxes-Large { width:165px; height:70px; background:#fff url('../images/boxes/large.jpg') top left no-repeat; }
    .boxes-Medium { width:165px; height:70px; background:#fff url('../images/boxes/medium.jpg') top left no-repeat; }
    .boxes-Small { width:165px; height:70px; background:#fff url('../images/boxes/small.jpg') top left no-repeat; }
    .boxes-box h3 { margin:0; padding:10px 15px; font-size:12pt; color:#fff; background:#a6b31d;}
    .boxes-box h3 span { font-size:10pt; }
    .boxes-box .contains { height:200px; margin:10px 15px; }
    html>body .boxes-box .contains { height:auto; min-height:200px; margin:10px 15px; }
    .boxes-box p { margin:2px 0;}
    .boxes-box p.price { margin:0; padding:3px 15px; font-size:12pt; color:#fff; background:#a6b31d;}
    .boxes-box p.price-temp { margin:0; padding:3px 15px; font-size:12pt; color:#000; background:#f4f4f4; border-bottom:solid 3px #a6b31d}


/* --- [ wraps and columns ] ------------------------------*/
    .footer { width:800px; height:150px; margin:0 auto; background:url('../images/bottom-background.gif') top left no-repeat; }
    .footer-wrap { width:760px; margin:0 0 0 33px; }
    .footer-item { width:168px; height:120px; border:solid 1px #999; background:#fff; margin:0 18px 0 0; float:left; }
    .footer-item a { display:block; width:168px; height:120px; }
    .item-1 { background:#fff url('../images/footer/item-1.jpg') top left no-repeat;  }
    .item-2 { background:#fff url('../images/footer/item-2.jpg') top left no-repeat;  }
    .item-3 { background:#fff url('../images/footer/item-3.jpg') top left no-repeat;  }
    .item-4 { background:#fff url('../images/footer/item-4.jpg') top left no-repeat;  }
    .footer-text { width:770px; margin:5px auto; border:solid 0px #fff; font-size:90%; color:#fff; }
    .footer-left { width:470px; text-align:left; float:left; }
    .footer-right { width:300px; text-align:right; float:right; }

    .footer-text a { color: #fff; text-decoration:none; }
    .footer-text a:visited { color: #fff; text-decoration:none; }
    .footer-text a:hover { color: #fff; text-decoration:underline; }
    .footer-text a:active { color: #fff; text-decoration:underline; }

    
/* --- [ tabs ] -----------------------------------------*/

	#navigation{
	position:absolute; 
	left:16px; 
	top:1px; 
	width:776px;
	margin:14px 0 0 0;
	float:left;
	font-size:10pt;
	line-height:normal;
	border: 0px solid #fff; /*Add border strip to bottom of menu*/
	}
	html>body#navigation{
	width:771px;
	}
	
	#navigation ul{
	list-style-type: none;
	margin:0;
	margin-left: 0px; /*Left offset of entire tab menu relative to page*/
	padding:0;
	}
	
	#navigation li{
	display:inline;
	margin:0;
	padding:0;
	}
	
	#navigation a{
	float:left;
	background:url(../images/tabs-left.gif) no-repeat left top;
	margin:0;
	margin-right: 3px; /*spacing between each tab*/
	padding:0 0 0 9px;
	text-decoration:none;
	}
	
	#navigation a span{
	float:left;
	display:block;
	background:url(../images/tabs-main.gif) no-repeat right top;
	padding: 10px 12px 10px 3px;
	font-weight:bold;
	color:#fff;
	}
	
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#navigation a span {float:none;}
	/* End IE5-Mac hack */
	
	#navigation a:hover span {
	color: #fff;
	text-decoration: none;
	}

	#navigation a:hover{ /*Selected Tab style*/
	background-position:0 -163px; /*Shift background image up to start of 2nd tab image*/
	}
	#navigation a:hover span{ /*Selected Tab style*/
	color: #fff;
	}
	
	#navigation #current a{ /*Selected Tab style*/
	background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
	}
	#navigation #current a span{ /*Selected Tab style*/
	background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
	color: #fff;
	}
	
	#navigation a:hover{ /*onMouseover style*/
	background-position:0% 0; /*Shift background image up to start of 2nd tab image*/
	}
	#navigation a:hover span{ /*onMouseover style*/
	background-position:0% 0; /*Shift background image up to start of 2nd tab image*/
	}

	#navigation .home { width:48px; text-align:center;	}
	#navigation .about { width:83px; text-align:center;	}
	#navigation .produce { width:64px; text-align:center;	}
	#navigation .organic { width:108px; text-align:center;	}
	#navigation .order { width:113px; text-align:center;	}
	#navigation .offer { width:106px; text-align:center;	}
	#navigation .recipes { width:63px; text-align:center;	}
	html>body #navigation .recipes { width:66px; text-align:center;	}
	#navigation .contact { width:84px; text-align:center;	}
	html>body #navigation .contact { width:87px; text-align:center;	}

/* --- [ promo pictures ] ---------------------------------*/
    #promo-picture { position:absolute; z-index:5; width:350px; height:180px; left:475px; top:50px; text-align:left; background:url('../images/free-delivery.gif') top left no-repeat; }
    #promo-picture img { width:350px; height:180px }


/* --- [ tables ] ---------------------------------------*/
    table td.table-head { border-bottom:solid 2px #0c0; }
    table td.table-cell { border-bottom:solid 1px #0c0; }
	table td.table-head p, table td.table-cell p { margin: 2px 0; }


/* --- [ FORMS ] -----------------------------------------*/
    form{
	    margin:0;
    }

    form label{
	    font-weight: bold;
	    margin: 0 0 5px 0;
    }

    form input {
	    width:350px;
	    margin: 0 0 5px 0;
    }
    form input.checkbox {
	    width:20px;
	    margin:0;
    }
    form input.checkbox {
	    width:20px;
	    margin:0;
    }
        
    form input.order-submit {
        width:75px;
        color:#fff;
        font-weight:bold;
        border:solid 1px #b4c225;
        background:#b4c225;
        }  

	.form-boxes-wrap { width:350px; margin:0 0 10px 0; border:solid 0px #f00; clear:both; }
    .form-boxes-box { width:175px; text-align:left; float:left; }
    .form-boxes-box h2 { font-size:11pt; color:#000; }
    .form-boxes-box label { font-weight:normal; margin:0; }


/* --- [ IMAGES ] ----------------------------------------*/
    img { border:0px; }

/* --- [ LINKS ] -----------------------------------------*/
    a { color: #466506; text-decoration:none; }
    a:visited { color: #466506; text-decoration:none; }
    a:hover { color: #466506; text-decoration:underline; }
    a:active { color: #466506; text-decoration:underline; }


/* --- [ MISC CLASSES ] ----------------------------------*/
    .clear	{clear:both;}
    .no-display	{ display:none; }
    .requiredfield { color:#f00; }
    #navigation a span span { display:none; }
    span.customer-name { color:#a6b31d; }