/* Site Layout */

body{background: url(../images/bg.jpg) repeat-x;font-family: Arial, Helvetica, sans-serif;}

/*  Header  */

#header{margin:0; padding: 0;}
#header .logo{}

/* Navigation */

#navigation{height: 30px;}
#navigation ul{list-style: none; margin: 13px 5px 0; padding: 0;}
#navigation ul li{float: left; display: inline;color: #ffffff; text-align: center; margin: 0; padding: 0;}
#navigation ul li a{color: #ffffff; font-size: 1.2em;  text-decoration: none; margin-right: 25px;}
#navigation ul li a:hover, #navigation ul li a.active{ color: #f6d312; }

/* Left Column Subnav */
#wrapper #subnav, #wrapper #prodnav{margin-top: 15px;}
#wrapper .leftnav{/* float:left; margin-top: 50px; */}
#wrapper .leftnav ul{list-style: none; margin:-15px 0 0 0; padding: 0;}
#wrapper .leftnav li {margin:0; padding:0; line-height: 1em; display: inline;}
#wrapper .leftnav li a{display:block;color: #dd291e; text-decoration: none; background-color: #fff; padding: 5px 0px 5px 10px; margin: 0; }
#wrapper .leftnav li.whatsnew a{position:relative; top: -35px;display:block;color: #dd291e; text-decoration: none; background-color: #ffd300; padding: 5px 0px 5px 10px; text-transform: uppercase; border: 3px solid #ffd300; margin-bottom: -25px;}
#wrapper .leftnav li.whatsnew a:hover{/* position:relative; top: -25px; */display:block;color: #fff; background-color: #dd291e}

/*
#wrapper .leftnav #recipesubnav ul{margin:0;}
#wrapper .leftnav #navigation_k{margin:0;}
*/
#wrapper .leftnav ul{margin:0;}

#wrapper .leftnav li a:hover, #wrapper .leftnav li a.active{background-color: #ffd300;}

#wrapper .leftnav li ul{list-style: none; margin: 0; padding: 0;}
#wrapper .leftnav li ul li {margin:0; padding:0; line-height: 1em;}
#wrapper .leftnav li ul li a{display:block; color: #dd291e; text-decoration: none; background-color: #fff2b2; padding: 5px 0px 5px 10px; margin: 0; text-indent: 5px;}
#wrapper .leftnav li ul li a:hover, #wrapper .leftnav li ul li a.active{ background-color: #ffd300;}

.search{float:right;color: #de3127; margin: -15px; padding:0;}
.search label{float: left; margin-right: 5px; margin-top: 0px;}
.search input[type="text"] {float: left; display: inline; margin-right: 5px; font-size: 1em; margin-top: 0px;}

/* Header subnav  */
#header .subnav{float:right; display: inline;color: #de3127; margin-top: 15px;}
#header .subnav ul{list-style: none; margin: 0;}
#header .subnav li{display: inline;}
#header .subnav a{color: #de3127; font-size: 1em;  text-decoration: none; margin-right: 15px; background: none;}
#header .subnav a:hover{text-decoration: underline;}

/* Header search  */
#header .search{float: right; clear: right; color: #de3127; margin-top: 0px;}
#header .search label{float: left; margin-right: 5px; margin-top: 3px;}
#header .search input[type="text"] {float: left; display: inline; margin-right: 5px; font-size: 1em; margin-top: 3px;}
#header .search * {margin-top: 0px;}
/* Content */

/* Colours */
.yellow{color: #ffd300;}
.yellow10{background-color: #ffd300;}
.yellow20{background-color: #ffd300;}
.yellow30{background-color: #ffd300;}
.yellow40{background-color: #ffd300;}
.yellow50{background-color: #ffd300;}
.yellow60{background-color: #fff2b2;}
.yellow70{background-color: #ffe97e;}
.yellow80{background-color: #ffdf47;}
.yellow90{background-color: #ffd719;}
.yellow100{background-color: #ffd300;}
.red100{background-color: #dd291e;}

a{color: #dd291e;}

#content{float:left; margin-top: 10px; display: inline;}

h1{color: #ee2127; text-transform: uppercase; margin-bottom: 1em; line-height: 1em;}
h5{color: #ee2127; text-transform: uppercase; margin-bottom: 1em; line-height: 1em;}
h6{color: #ee2127; text-transform: uppercase; margin-bottom: .8em; font-weight: normal; line-height: 1em;}

.box h5 a{text-decoration: none;}
/* Footer */

#footerwrap{clear:both; width: 100%; height:66px; background: url(../images/bg-footer.jpg) repeat-x; margin-top: 25px;}
#footer{width:950px; margin: 0 auto; padding-top: 10px;}
#footer ul{list-style: none; margin: 0; padding: 0;}
#footer ul li{display: inline;}
#footer ul li a{margin-left: 15px; text-decoration: none; color: #000; font-size: 1.2em;}
#footer ul li a:hover, #navigation ul li a.active{ text-decoration: underline;}

#footer .copyright{text-align: right; color: #000; font-size: 1.2em;}
#footer .copyright div {text-align: right;}

#footer ul.footernav{font-size: 1.2em;}

/* Product search  */
/*
.productsearch {float: left; height: 35px;}
*/

/* shadow boxes */
.shadow-span-8{background: url(../images/shadow-span-8-top.jpg) no-repeat;}
.shadow-span-8-bottom{height:12px;background: url(../images/shadow-span-8-bottom.jpg) no-repeat;}
.shadow-span-8 .shadow-pad{padding: 7px 10px 0 10px;}

.shadow-span-12{background: url(../images/shadow-span-12-top.jpg) no-repeat;}
.shadow-span-12-bottom{height:12px;background: url(../images/shadow-span-12-bottom.jpg) no-repeat;}
.shadow-span-12 .shadow-pad{padding: 0;}

.shadow-span-14{background: url(../images/shadow-span-12-top.jpg) no-repeat;}
.shadow-span-14-bottom{height:12px;background: url(../images/shadow-span-12-bottom.jpg) no-repeat;}
.shadow-span-14 .shadow-pad{padding: 0;}

.shadow-span-5{background: url(../images/shadow-span-5-top.jpg) no-repeat;}
.shadow-span-5-bottom{height:9px;background: url(../images/shadow-span-5-bottom.jpg) no-repeat;}
.shadow-span-5 .shadow-pad{padding: 7px 10px 0 10px;}

/*   Links  */

.linkoptions {width:100%;}
.linkoptions a{ color: #dd291e; text-align: left; text-decoration: none; margin-right: 10px;}
.linkoptions a:hover{text-decoration: underline;}



/*  This weeks specials  */

.thisweek{float: left; display: inline; width: auto; margin: 0 2%;}
.thisweek .special{float: left; display: inline; height: 150px;margin-top: 25px;}
.thisweek .special h4{font-size: 1em; text-transform:uppercase; color: #de3127; margin: 10px 0;}
.thisweek .special h2{font-size: 3em!important; text-transform:uppercase; color: #de3127; margin: 5px 0;}
.thisweek .special a{color: #de3127;}

.thisweek .title{float: left; display: inline; height: 64px;}
.thisweek .subnav{float:left; text-align:right; display:inline; height: 40px; width:100%; background: url(../images/special-subnav.jpg) repeat-x;}
.thisweek .subnav ul{float:right; list-style: none; width:auto; margin-top: 5px; margin-right: 25px;}
.thisweek .subnav li{display: inline;}
.thisweek .subnav a{color: #000; font-size: 1.2em;  text-decoration: none; margin-right: 25px;}
.thisweek .subnav a:hover, .thisweek .subnav a.active{color: #de3127;}

/* Red buttons  */
.redbutton{float:left; display:inline;  height:22px; background: url(../images/redbutton_r.png) top right no-repeat; padding-right:10px; margin-top: 10px;}
.redbutton input{float: left; display: inline; text-align:center;border: none; height: 22px; font-weight: bold; color: #fff; background: url(../images/redbutton_l.png) no-repeat; text-align: center; padding-left:10px; margin:0;}

/* Yellow buttons  */
.yellowbutton{ float:left; display:block; height:22px; background: url(../images/yellowbutton_r.png) top right no-repeat; padding-right: 10px; margin-right: 5px; margin-top: 10px;}
.yellowbutton input{float: left; display: inline;  border: none; height: 22px; font-weight: bold; color: #000; text-transform: uppercase; background: url(../images/yellowbutton_l.png) no-repeat; text-align: center; padding:0;}

.textbutton {/* float:left;  */margin-left: 10px;line-height: 40px; font-size: .9em;}
/* Coloured Boxes */
.box {width:93%; margin: 0 3%;}
.box, .framecontent{float: left;clear: left;display: inline; width:93%; margin: 0 3%;/* margin-bottom: 5px; */}
.box .pad, .framecontent .bannercontent {padding: 5px 5px 0px 5px;}
.box .pad img.thumb, .framecontent .bannercontent img.thumb {float: right; margin-left: 20px; margin-bottom: 5px;}
.box .pad h5, .framecontent .bannercontent h5 {margin-bottom: 0; margin-top: 10px; line-height: 1em;}
.box .pad p, .framecontent .bannercontent p{color: #ee2127; text-transform: uppercase; margin-bottom: .8em; font-weight: normal; line-height: 1em;}
.box .pad img, .framecontent .bannercontent img{float: right; margin-left: 10px; margin-bottom: 5px;}
.red100 {color: #fff; }
.red100 .pad {padding: 15px;}
.red100 .pad h5 {color:#fff; margin-bottom: 10px;}

.yellowbar {float:left; clear:both; height: 14px; width: 100%; background:url(../images/yellowbaronred.jpg) bottom repeat-x; }

/* Products */
.product,.recipe {overflow: hidden;}

.product .flags{margin: 10px 0;}
.product .flags a{text-decoration: none; padding: 5px 15px; background-color: #ffd300; color: #000; font-size: .8em; text-transform: uppercase;}
.product .flags a:hover{background-color: #dd291e; color: #fff;}

.product .mainimage, .product .productname, .product .nutritionalinfo, .product .productuses, .product .shelflife, .product .storagetips, .product .allergyinfo, .product .ingredients {float:left; clear:left; width: 100%;}
.product .productuses, .product .shelflife, .product .storagetips, .product .allergyinfo, .product .ingredients {font-size: .9em;}
.product .productname, .product .nutritionalinfo, .product .productuses, .product .shelflife, .product .storagetips, .product .allergyinfo, .product .ingredients {/* border-bottom:  1px solid #dd291e; */ margin-bottom: 0px; padding: 0;}
#content .product .productname h5{font-size: 2em; margin-bottom: .5em;}
/*
.product .nutritionalinfo {background-color: #fff; margin-bottom: 10px; padding: 5px; border: 4px solid #666;}
*/
/*
.product .nutritionalinfo .pad{padding: 10px;}
*/
.product .nutritionalinfo h5{float:left; width: 180px; color:#fff; display:block; background-color: #dd291e; padding: 3px; font-size: .7em; margin-right: 20px; text-align: center;}
.product .nutritionalinfo p{float:right; width:320px; display: inline;}
.product .productuses h5{float:left; width: 180px; color:#fff; display:block; background-color: #dd291e; padding: 3px; font-size: .7em; margin-right: 20px; text-align: center;}
.product .productuses p{float:right; width:320px; display: inline;}
.product .shelflife h5{float:left; width: 180px; color:#fff; display:inline; background-color: #dd291e; padding: 3px; font-size: .7em;margin-right: 20px; text-align: center;}
.product .shelflife p{float:right; width:320px; display: inline;}
.product .storagetips h5{float:left; width: 180px; color:#fff; display:inline; background-color: #dd291e; padding: 3px; font-size: .7em;margin-right: 20px; text-align: center;}
.product .storagetips p{float:right; width:320px; display: inline;}
.product .allergyinfo h5{float:left; width: 180px; color:#fff; display:inline; background-color: #dd291e; padding: 3px; font-size: .7em;margin-right: 20px; text-align: center;}
.product .allergyinfo p{float:right; width:320px; display: inline;}
.product .ingredients h5{float:left; width: 180px; color:#fff; display:inline; background-color: #dd291e; padding: 3px; font-size: .7em;margin-right: 20px; text-align: center;}
.product .ingredients p{float:right; width:320px; display: inline;}

/*  Comments  */

div.comments p{color: #dd291e; font-style: italic;}

/* Search */
.search{ padding-top: 25px; padding-bottom:5px; margin-bottom: 15px;}
.search label{float: left; margin-left: 5px;padding-left: 25px; color: #dd291e;}
.search input{float: left; margin-left: 0px;}
.search select{float: left; margin-left: 10px; padding-top:2px; background-color: #ffdf47; color: #dd291e; border: none; height: 20px; width:150px;}
.search .redbutton{margin-top: -2px; /*margin-left: 10px; margin-right: 8px;*/}

/* Product Search */
.productsearch{background: #fff2b2 url(../images/yellowbaronred.jpg) bottom repeat-x; /* padding-bottom:10px; */ width:93%; margin: 0 3% 0 3%;}
.productsearch label{float: left;/*  margin-left: 10px; */ color: #dd291e;}
.productsearch input{float: left;/*  margin-left: 10px; */ margin-top: 5px;}
.productsearch select{float: left; /* margin-left: 10px; */ background-color: #ffdf47; color: #dd291e; border: none; width:140px;}
.productsearch .redbutton{/* margin: 0; margin-left: 10px;  margin-right: 10px;*/}
.productsearch .pad {/* padding: 10px 10px 0 10px; */}
/* Recipe Search */
.recipesearch{background: #fff2b2 url(../images/yellowbaronred.jpg) bottom repeat-x; padding-top: 5px; padding-bottom:5px; margin-bottom: 20px;}
.recipesearch label{float: left; margin-left: 10px; color: #dd291e;}
.recipesearch input{float: left; margin-left: 10px; margin-top: 5px;}
.recipesearch select{float: left; margin-left: 10px; background-color: #ffdf47; color: #dd291e; border: none; width:140px;}
.recipesearch .redbutton{/*margin: 0; margin-left: 10px; margin-right: 10px;*/}
.recipesearch .pad{padding: 10px 0 20px 10px;}
/* Recipes */
.recipe .info {float:left; background-color: #fff2b2;  margin-bottom: 15px; height: auto; padding-bottom: 0; }
.recipe .servings,.recipe .preptime,.recipe .cooktime,.recipe .yield {height: auto;}
.recipe .servings h5,.recipe .preptime h5,.recipe .cooktime h5,.recipe .yield h5{margin-bottom: 5px;}
.recipe .servings h5{float:left;  width:100%; clear:both; color:#fff; display:block; background-color: #dd291e;  font-size: .7em; text-indent: 5px; padding: 4px 0;}
.recipe .servings p{float:left;  width:100%; text-align: center; display: inline; text-align: center;margin-bottom: 0;}
.recipe .preptime h5{float:left; width:100%; clear:both; color:#fff; display:inline; background-color: #dd291e; font-size: .7em;text-indent: 5px; padding: 4px 0;}
.recipe .preptime p{float:left; width:100%; text-align: center; display: inline;}
.recipe .cooktime h5{float:left; width:100%; clear:both;color:#fff; display:inline; background-color: #dd291e; font-size: .7em;text-indent: 5px; padding: 4px 0;}
.recipe .cooktime p{float:left; width:100%; text-align: center; display: inline;}
.recipe .yield h5{float:left; width:100%; color:#fff; display:inline; background-color: #dd291e;font-size: .7em;text-indent: 5px; padding: 4px 0;}
.recipe .yield p{float:left; width:100%; text-align: center; display: inline;}

.recipe .directions,.recipe .ingredients,.recipe .notes, .recipe .info{float:left; clear:left; width: 100%;}
.recipe .directions,.recipe .ingredients,.recipe .notes,.recipe .info {margin-bottom: 10px; padding: 0px 0 0px 0; font-size: .9em;}
.recipe .directions h5{float:left; width: 100%; color:#fff; display:inline; background-color: #dd291e; padding: 3px; font-size: .7em;margin-right: 20px; text-align: left;}
.recipe .directions p{float:left; width:100%; display: inline;}
.recipe .directions ol{float:left; width:300px; display: inline; }
.recipe .directions ol li{}
.recipe .directions ol li a{}

.recipe .ingredients h5{float:left; width: 100%; color:#fff; display:inline; background-color: #dd291e; padding: 3px; font-size: .7em;margin-right: 20px; text-align: left;}
.recipe .ingredients p{float:left; width:100%; display: inline;}
.recipe .ingredients ul{float:left; width:320px; display: inline;}
.recipe .ingredients ul li{list-style: none;}
.recipe .ingredients ul li a{}

.recipe .notes h5{float:left; width: 100%; color:#fff; display:inline; background-color: #dd291e; padding: 3px; font-size: .7em;margin-right: 20px; text-align: left;}
.recipe .notes p{float:left; width:100%; display: inline;}


/*  Related Products  */
.relatedproducts{color: #dd291e; font-weight: bold;}
.relatedproducts h5{padding-top: 15px; margin-left: 15px;}
.relatedproducts img{margin-left: 10px; border:none;}
.relatedproducts p{margin-left: 15px; width: 120px;}
.relatedproducts a{color: #dd291e;}
.relatedproducts a:hover p{text-decoration: underline;}

/* Testimonials */
#testimonials{padding: 15px; font-style: italic;}
#testimonials p{}
#testimonials .author{color:#dd291e; font-weight: bold;}

.span-4 input {width:100%; display:inline;}
/* .span-3 select {width:100%; display:inline;} */

/* Form Styles */
fieldset label, fieldset span, fieldset span.disabled{float: left; clear: left; margin: 0 15px 5px 0; width: 150px; text-align: right;}
fieldset input, fieldset textarea{float: left; display: block; margin: 0 15px 5px 0; width:200px;}
/* select{float: left; width:200px;} */
fieldset div.submit {float:left; clear:left; margin-left: 170px;}
fieldset fieldset {float:left; clear:left; margin-left: 170px;}
fieldset div.optional label.labelCheckbox,fieldset .labelCheckbox {float:left; clear:both;}
fieldset div.optional input[type="checkbox"],fieldset div.optional input.inputCheckbox, fieldset .inputCheckbox, fieldset div.optional select {float:left; width:22px; display:inline;}
fieldset div.optional select {width:auto;}
.singleline {float:left; width:100%; clear:left;}
.required label{font-weight: bold;}
.optional label{font-family: Arial, Helvetica, sans-serif; font-weight: normal;}

.submitrecipe {}
.submitrecipe label{float:left; clear: both;}
.submitrecipe input{float:left; clear: both;}

/* Calculator styles  */

.calculator{}
.calculator span{}
.calculator a {float:left; margin-bottom: 5px; margin-right: 5px; width:100px; padding: 2px 0 2px 5px;display:inline; border: 1px solid #ff0000; text-decoration: none;}
.calculator a:hover{background-color: #fff2b2;}
.calculator span.b {}
.calculator span.bd a{}
.calculator span.bo a{}

/* Inline Admin Styles */

#dialogcontainer {font-family: Arial, Verdana, "Lucida Grande", sans-serif; border: 4px solid #dd291e; padding: 0px; position: absolute; cursor: pointer; top: 86px; left: 186px; height: 600px; width: 800px; z-index: 100001; background-color: #fff;}
#dialogcontainer div {font-family: Arial, Verdana, "Lucida Grande", sans-serif;background-color: #dd291e;}
.editmenu { position: absolute; padding: 0px; z-index: 10001; background-color: #fff; border: solid 1px #ffdf47; }
.editmenu div { margin: 0; background-color: #ffdf47; padding: 2px; height: 16px; color: black; }
.editmenu a { color: #000; cursor: pointer; display: block; padding: 2px; }
.editmenu a:hover{background-color: #fff2b2; color:#000; text-decoration: underline;} 

.sidebarcalculator{float:left; width:190px; background: #fff2b2 url(../images/yellowbaronred.jpg)  bottom repeat-x; padding-top: 5px; padding-bottom:15px; margin-bottom: 20px; margin-top:15px;}
.sidebarcalculator h5 {font-weight:bold; font-size:.9em; margin-top:5px; margin-bottom:5px; margin-left: 5px;}
.sidebarcalculator div.redbutton input {/*width:auto; padding-left: 10px;*/}
.sidebarcalculator span{margin-left: 5px;float:left;width:170px; text-align:left; clear:left; font-size:.7em;}
.sidebarcalculator{color: #dd291e; font-size: 1.5em;}
.sidebarcalculator input{margin-left: 5px;float:left;width: 110px; margin-bottom: 5px; font-size:.7em;}
.sidebarcalculator div.redbutton{float:left; clear:both; float:left; margin-left:30px;}
.sidebarcalculator select{margin-left: 5px; float:left; margin-bottom: 5px; clear:left; font-size:.7em; width:auto;}
.sidebarcalculator .answer {float:left; clear:both; text-align:left; font-weight:bold; font-size: 1.3em; margin: 5px 0 0 70px;}
.sidebarcalculator .valstar {float:left; clear:none; width:2px; margin:0; margin-left:1px;}
.sidebarcalculator .valstarsummary {float:left; clear:left; margin:0;font-size:.7em; margin-left:5px;}

/* iframe, iframe body{background-image: none;} */
/*
.nutritionalinfo div.span-4{background: url(../images/dot.gif)0  1.2em repeat-x;}
*/
.nutritionalinfo table.nutrition{width:320px;margin-top:10px;margin-left:0;margin-right:0;border:1px solid #000;border-collapse:collapse;table-layout:auto}
.nutritionalinfo .nutrition caption{font-family:Arial;font-size:small;font-style:italic}
.nutritionalinfo .nutrition tr#calories td{border-bottom:4px solid #000}
.nutritionalinfo .nutrition tr#servings td{border-bottom:6px solid #000}
.nutritionalinfo .nutrition tr#minerals td{border-top:4px solid #000}
.nutritionalinfo .nutrition th{background-color:transparent;border:0;font-family:Arial;font-size:large;font-weight:bolder;padding:3px}
.nutritionalinfo .nutrition td{font-family:Arial;font-size:x-small;border:0;border-bottom:1px solid #000;text-align:left;padding:3px}
.nutritionalinfo .nutrition td.dv{font-weight:700;text-align:right}
.nutritionalinfo .nutrition td.sub{text-indent:10px}
.nutritionalinfo .nutrition td.disclaimer{font-size:xx-small}
.nutritionalinfo .nutrition strong{font-weight:bold}

.breadcrumbs{margin-bottom: 15px; border: solid 1px #eee; padding: 3px 7px 3px;}

.example{float:left; display:inline; color:#666;}

.span-5 #findlocation .pad{padding: 10px 0;}
.span-5 #findlocation .pad{font-size: .9em;}

h5.relatedrecipe {float:left; margin-left:5px; margin-top: 10px; }

#RelatedRecipes9 a p{margin: 8px 5px; padding: 0; line-height: 1.2em;}
#RelatedRecipes9 a {float:left; text-decoration:none;}
#RelatedRecipes9 a:hover {text-decoration:underline;}
#RelatedRecipes9 h5{margin:5px;}