/*
Theme Name: Carbonell NZ MediaFive99
Description: Theme for Carbonell NZ <a href="http://www.mediafive99.com/">MediaFive99</a>.
Version: 1.0
Author: Wouter Meeuwisse
Author URI: http://www.mediafive99.com/
Tags: custom
*/
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
::-moz-selection { background: #bb9d70; color: #fff; text-shadow: none; }
::selection { background: #bb9d70; color: #fff; text-shadow: none; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
h1{
	font-size:2.0em;
	margin:0 0 16px 0;
}   
h1.floath{
	padding:0 0 0 235px;
}
h3{
	font-size:1.2em;
	margin:0 0 12px 0;
}
h4{
	font-weight:bold;
	font-size:1.0625em;
}
/*start sticky*/
* {
	margin: 0;
}
html, body {
	height: 100%;
	font-family:Arial;
	color:#655e52;
}
a{
	color:#739a4b;
}
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
	width:928px;
	position:relative;
}
.wrapper.detail{
	width:1000px;
	background:url('img/wrapperhead.png') 0 0 no-repeat;
}
footer.main, .push {
	height: 142px; /* .push must be the same height as .footer */
}
footer.main{
	background:#739a4b;
	position:relative;
}
footer.main .inner{
	color:#fff;
	width:1000px;
	margin:0 auto;
	padding:20px 0 0 120px;
}
footer.main a{
	color:#e4f9c9;
	background:url('img/footbul.png') 0 4px no-repeat;
	padding:0 0 0 12px;
}
footer.main ul{
	width:245px;
	float:left;
	line-height:20px;
}
/*end sticky*/
header.main{
	width:914px;
	margin:0 auto;
	height:139px;
	background:url('img/headerbg.png') 0 0 no-repeat;
	position:relative;
}
.detail header.main{
	background:url('img/navdetail.png') 5px 4px no-repeat;
}
header .logo{
	position:absolute;
	width:200px;
	height:115px;
	overflow:hidden;
	margin-left:-100px;
	left:50%;
	top:8px;
}
.thecontent{
	width:910px;
	margin:0 auto;
	background:url('img/wrapperbg.png') 0 0 repeat-y;
	min-height:600px;
	padding:0 45px;
}
.thecontentfoot{
	width:1000px;
	margin:0 auto;
	height:177px;
	background:url('img/wrapperfoot.png') center 0 no-repeat;
	text-align:center;
}
/*nav*/
header.main nav{
	padding:40px 0 0 0;
}
header.main nav ul li{
	position:absolute;
	background:url('img/nav-sprite.png') 0 0 no-repeat;
}
header.main nav ul li a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
nav .nav1{
	width:56px;
	height:29px;
	background-position:0 -19px !important;
	top:37px;
	left:40px;
}
nav .nav1:hover, nav .nav1.selected{
	background-position:0 -53px !important;
}
nav .nav1 a{
	width:56px;
	height:40px;
}
nav .nav2{
	width:147px;
	height:29px;
	background-position:-69px -10px !important;
	left:110px;
	top:27px;
}
nav .nav2:hover, nav .nav2.selected{
	background-position:-69px -44px !important;
}
nav .nav2 a{
	width:147px;
	height:40px;
}
nav .nav3{
	width:82px;
	height:24px;
	background-position:-227px 0 !important;
	left:270px;
	top:17px;
}
nav .nav3:hover, nav .nav3.selected{
	background-position:-227px -34px !important;
}
nav .nav3 a{
	width:82px;
	height:24px;
}
nav .nav4{
	width:131px;
	height:26px;
	background-position:-520px 0 !important;
	left:560px;
	top:17px;
}
nav .nav4:hover, nav .nav4.selected{
	background-position:-520px -34px !important;
}
nav .nav4 a{
	width:131px;
	height:26px;
}
nav .nav5{
	width:64px;
	height:26px;
	background-position:-663px 0 !important;
	left:707px;
	top:17px;
}
nav .nav5:hover, nav .nav5.selected{
	background-position:-663px -34px !important;
}
nav .nav5 a{
	width:64px;
	height:26px;
}
nav .nav6{
	width:72px;
	height:26px;
	background-position:-742px -10px !important;
	left:790px;
	top:28px;
}
nav .nav6 a{
	width:72px;
	height:26px;
}
nav .nav6:hover, nav .nav6.selected{
	background-position:-742px -44px !important;
}
/*end nav*/
figure.health{
	width:668px;
	height:607px;
	position:absolute;
	top:80px;
	left:0px;
}
.aslide{
	width:464px;
}
.aslide .fground{
	position:absolute;
	z-index:99999;
}
.odd.aslide{
	width:464px;
	height:375px;
}
/*constants*/
.btn{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.clear{
	clear:both;
}
/*end constants*/
.btn.more-info{
	background:url('img/btn_moreinfo.png') 0 0 no-repeat;
	width:202px;
	height:56px;
}
.btn.read-more{
	background:url('img/btn_readmore.png') 0 0 no-repeat;
	width:150px;
	height:43px;
}
.btn.visit{
	background:url('img/btn_visit.png') 0 0 no-repeat;
	width:202px;
	height:56px;
}
.fground .more-info{
	margin:260px 0 0 130px;
}
.fground .read-more{
	margin:30px 0 0 35px;
}
.fground .visit{
	margin:260px 0 0 130px;
}
.fground p{
	width:146px;
	line-height:21px;
	margin:90px 0 0 35px;
}
.homeslide{
	float:right;
	margin:90px 0 120px 10px;
}
.asideimg{
	background:url('img/imgmall204x264.png') 0 0 no-repeat;
	width:204px;
	height:264px;
	padding:8px 5px 8px 7px;
	margin:-8px 0 0 0;
}
.thecontent article{
	padding:60px 0 0 0;
}
.thecontent article aside{
	float:left;
	width:242px;
	padding:0 0 0 20px;
}
.thecontent article section.thepost{
	float:right;
	width:528px;
	font-size:0.9375em;
	line-height:20px;
	padding:0 120px 60px 0;
}
article.wide{
	padding:0;
}
article.wide section.thepost{
	float:none;
	width:870px;
	padding:60px 20px 60px 20px;
}
.thepost.nopadding{
	padding:0 20px !important;
}
.thepost .centerintro{
	width:310px;
	text-align:center;
	float:left;
	padding:60px 20px 0 20px;
}
.thepost .introleft, .thepost .introright{
	float:left;
	width:260px;
}
.thepost .introleft{
	text-align:right;
}	
.thepost .introright{
	text-align:left;
}
.thepost p, .thepost ul{
	margin:0 0 16px 0;
}
.thepost ul{
	list-style:disc;
}
.recipes h1{
	margin:0 0 30px 0;
}
.recipe, .product{
	border-bottom:1px solid #e6e1d5;
	padding:0 0 12px 0;
	margin:0 0 22px 0;
	position:relative;
}
.recipe{
	height:160px;
}
.recipe.detail{
	height:auto !important;
}
.product{
	border:none;
	height:224px;
	width:870px;
	overflow:hidden;
}
.product.opened{
	height:auto !important;
	padding-bottom:50px;
}
.recipe figure img{
	background:url('img/imgmall204x152.png') 0 0 no-repeat;
	width:204px;
	height:152px;
	padding:4px 8px 8px 5px;
	margin:-8px 0 0 0;
}
.product figure img{
	background:url('img/imgmall174x174.png') 0 0 no-repeat;
	width:174px;
	height:174px;
	padding:4px 8px 8px 5px;
	margin:-8px 0 0 0;
}
.healt img{
	background:url('img/imgmall204x125.png') 0 0 no-repeat;
	width:204px;
	height:125px;
	padding:5px 7px 7px 6px;
	margin:-8px 0 0 0;	
}
.product ul{
	list-style:disc;
	margin:0 0 16px 20px;
}
.recipe figure, .product figure{
	float:left;
	width:236px;
}
.recipe section, .product section{
	padding:0 120px 0 0;
	margin:0 0 0 0;
	float:right;
	width:514px
}
.recipe a, .product a{
	text-decoration:none;
	color:#655e52;
}
.thetoggle{
	width:870px;
	height:45px;
	background:url('img/product-closed.png') 0 0 no-repeat;
	cursor:pointer;
	position:absolute;
	bottom:0;
}
.product.opened .thetoggle{
	background:url('img/product-opened.png') 0 0 no-repeat;
}
.glutfree{
	position:absolute;
	right:10px;
	height:62px;
	width:62px;
}
.recipe .readmore{
	width:124px;
	height:35px;
	position:absolute;
	right:120px;
	bottom:20px;
}
.recipe:last-child{
	border:none;
	margin:0;
}
a.backlink{
	color:#739a4b;
	text-decoration:none;
	margin:0 0 16px 0;
	display:block;
}
a.backlink span{
	text-decoration:underline !important;
}
.print{
	background:url('img/btn_print.png') 0 0 no-repeat;
	height:19px;
	padding:0 0 0 30px;
	position:absolute;
	right:120px;
}
.borderbot{
	border-bottom:1px solid #e6e1d5;
	padding:0 0 22px 0;
	margin:0 0 22px 0;
}






/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */