/* @override 
	http://dev.kingoffruit.com.au/css/style.css
	http://kof/css/style.css
*/

body {
	font-family: Trebuchet MS;
	font-size: 14px;
	margin: 0px;
	width: 100%;
	z-index: 1;
}

img{
	
	border: none;
	margin: 0;
	padding: 0;
	
}

.recipe ol, .recipe ul{
	
	font-family: Trebuchet MS;
	font-size: 14px;
	margin-bottom: 10px;
	
}

a {
	text-decoration: none;
	color: #0C7E53;
}

a:hover {
	text-decoration: underline;
}

.italic {
	font-style: italic;
}

h1 {
	font-size: 23px;
	color: #009662;
	margin-bottom: 15px;
	text-transform: capitalize;
}

h2 {
	font-size: 16px;
	color: #009662;
	margin-bottom: 5px;
}

.hline {
	margin: 10px 0px 20px;
}

p {
	font-family: Trebuchet MS; 
	font-size: 14px;
	margin-bottom: 12px;
	line-height: 1.4em;
}
.leftmargin {
	margin-left: 20px;
}

/*

*/

#menu {
	position: relative;
	left: 39px;
	top: 8px;
}

#menu li {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 17px;
	margin-right: 17px;
	float: left;
}

#menu li.active {
	background-position: 0px -17px;
}

#menu li a span {
	visibility: hidden;
}

#menu li:hover {
	background-position: 0px -17px;
}

#menu li a:hover {text-decoration: none;}

#menu_home {background-image: url(/images/menu_home.png); width: 43px; }
#menu_king {background-image: url(/images/menu_king.png); width: 102px; }
#menu_farm {background-image: url(/images/menu_farm.png); width: 110px; }
#menu_food {background-image: url(/images/menu_food.png); width: 104px; }
#menu_kids {background-image: url(/images/menu_kids.png); width: 38px; }
#menu_recipes {background-image: url(/images/menu_recipes.png); width: 63px; }
#menu_about {background-image: url(/images/menu_about.png); width: 52px; }
#menu_growers {background-image: url(/images/menu_growers.png); width: 106px; }
#menu_contact {background-image: url(/images/menu_contact.png); width: 90px; }


#submenu {
	width: 190px;
	float: left;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
	list-style: none;
}

#submenu li {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 30px;
	width: 190px;
	margin-right: 10px;
	float: left;
}

#submenu li a span {
	visibility: hidden;
}

#submenu li a {
	height: 30px;
	width: 190px;
	display: block;
	color: #098A4B;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px;
	font-size: 12px;
}
#submenu li a:hover {
	text-decoration: none;
	color: #8BC737;
}

#submenu li:hover {
	background-position: 0px -30px;
}

#submenu li.selected a{
	background: url('/images/submenu_background.png') no-repeat;
	color: white;
}

#submenu li.selected a:hover {
	background: url('/images/submenu_background.png') no-repeat;
	color: white;
}

#menu li a:hover {text-decoration: none;}

#outer {
	
}

#kb_logo {
	position: relative;
	top: 30px;
}

#outer_top {
	background: #F8EB5F url(/images/background.jpg);
	background-position: 50% 0;
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
	z-index: 2;
	padding-top:1px;
}

#inner_main {
	width: 1102px;
	margin: 0px auto;
	padding-top: 0px;
}

#hero_box {
	width: 1102px;
	height: 382px;
	position: relative;
}

#pineapple {
	position: absolute;
	left: 335px;
	top: 223px;
	z-index: 120;
}

#pineapple2 {
	position: absolute;
	left: 380px;
	top: 160px;
	z-index: 120;
}

#main_body {
	float: left;
	width: 930px;
	margin: 0px auto;
	padding-top: 30px;
}

#hero_left, #hero_right, #hero_main {
	float: left;
	width: 89px;
	height: 342px;
	background-image: url(/images/left-png.png);
	background-repeat: no-repeat;
}
#hero_right {
	background-image: url(/images/right-png.png);
}


#hero_main {
	width: 924px;
	background-image: none;
}

#hero_top, #hero_menu, #hero_content {
	width: 924px;
}

#hero_top{
	height: 18px;
	background-image: url(/images/top-png.png);
}

#hero_menu {
	height: 39px;
	background-color: #048a53;
}
#hero_content {
	height: 285px;
	background: white;
	position: relative;
	overflow: hidden;
}

#hero_menu ul{
	
	list-style: none;
	
}

#mask { position: absolute; z-index: 100;}

#hc_boxes {
	width: 3696px;
	position: absolute;
	left: 0px;
}

#hc_boxes div.hc {
	float: left;
	width: 924px;
	height: 285px;
	
}

#hc_box1 {
	background-image: url(/images/hero_home1.jpg);
}

#hc_box2 {
	background-image: url(/images/hero_home2.jpg);
}

#hc_box3 {
	background-image: url(/images/hero_home1.jpg);
}

#hc_box4 {
	background-image: url(/images/hero_home2.jpg);
}

div.hb_content {
	margin-left: 51px;
	margin-top: 32px;
	color: #009662;
	position: relative;
	z-index: 150;
}

div.hb_content p {
	font-size: 17px;
	font-weight: bold;
	margin-top: 8px;
}

#hero_bottom {
	width: 1102px;
	height: 42px;
	position: relative;
	background: url(/images/bottom-png.png) top center no-repeat;
}

#hero_sel {
	position: relative;
	left: 130px;
	width: 120px;
	top: 2px;
	

}

#hero_sel span {
	position: relative;
	display: inline-block;
	margin-right: -6px;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	cursor: pointer;
	cursor: hand;
	
}

#hero_sel1{
	top: 8px;
	background-position: 0px 0px;
}

#hero_sel2{
	top: 7px;
	background-position: 0px -22px;
}

#hero_sel3{
	background-position: 0px -22px;
	top: 6px;
}

#hero_sel4{
	top: 5px;
	background-position: 0px -22px;
}

#social {
	float: right;
	position: relative;
	right: 139px;
	top: 3px;
}

#social_joinus {
	position: relative;
	top: -13px;
	margin-right: 5px;
}

#social_facebook {
	position: relative;
	top: 1px;
	left: 2px;
}

#left_content {
	float: left;
	width: 580px;
	margin-left: 5px;
	padding-bottom: 50px;
	padding-top: 0px;
}

#left_content img{
	margin: 10px 0px;
}

#full_content {
	float: left;
	width: 910px;
}

#main_body div.half_content {
	float: left;
	width: 450px;
	padding-bottom: 100px;
}

#full_content div.column {
	float: left;
	width: 215px;
	&width: 200px;
	margin-left: 14px;
	background-image: url(/images/line.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}



div.col_inner {
	margin-left: 14px;
}

#full_content div.first {
	width: 200px;
	margin-left: 0px;
	background: none; 
}

#main_body ul {
	margin: 15px 0px;
	list-style-image: url(/images/bullet.png);
	padding-left: 20px;
}

#main_body ul li {
	padding: 5px;
}

div.column ul li {
	padding: 6px 0px;
}

div.column ul li a {
	color: black;
}

div.first div.col_inner {
	margin-left: 0px;
}

#left_content_text {
	width: 326px;
	float: left;
}

#quote_box {
	width: 200px;
	color: white;
	float: right;
}

#inset_box {
	width: 180px;
	color: white;
	float: right;
	text-align: center;
	margin-left: 20px;
}

#lgquote_box {
	width: 340px;
	color: white;
	position: relative;
}


#tweet_birds {
	position: relative;
	left: 65px;
}

#quote_box div {
	background-color: #7bc143;
	padding: 0px 18px 1px 18px;
	
}

#inset_box div {
	background-color: #7bc143;
	padding-bottom: 1px;
}

#quote_box div p, #inset_box div p {
	font-size: 11px;
	line-height: 1.7em;
	
}

#inset_box div p{
	padding-left: 10px;
	padding-right: 10px;
}

#lm_button {
	margin-top: 5px;
}

#lgquote_box div {
	background-color: #7bc143;
	padding: 0px 10px 1px 10px;
	text-align: center;
	
}

#lgquote_box div p {
	font-size: 13px;
	line-height: 1.3em;
	margin: 12px 0 5px;
	
}
#recipe_link {
	margin-bottom: 3px;
	margin-left: 8px;
}
.twitter_name {
	font-weight: bold;
}

#quote_box div p.twitter_time{
	font-style: italic;
	font-size: 10px;
}

#left_content{
	
	float: left;
	width: 600px;
	
}

#right_content {
	float: right;
	width: 300px;
	background-image: url(/images/line.png);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-bottom: 20px;
}

#footer{
	background-image: url(/images/footer_bar.png);
	background-repeat: repeat-x;
	position: relative;
	top: -5px;
	z-index: 18;
	font-size: 11px;
	line-height: 1.3em;
	height: 95px;
}

#footer_inner {
	position: relative;
	width: 894px;
	margin: 0px auto;
	padding-top: 20px;
	
}

#footer div.left {
	width: 130px;
	float: left;
}

#footer label {
	width: 30px;
	color: #008852;
	display: inline-block;
	font-weight: bold;
}

.green  {
	font-weight: bold;
	color: #008852;
}

#footer a {
	color: #7bc143;
}

#footer a:hover {
	color: #008852;
	text-decoration: none;
}

#footer_logo {
	position: absolute;
	left: 350px;
	top: -62px;
}

#footer_right{ 
	position: absolute;
	right: 0px;
	text-align: right;
}

.push_top {
	position: relative;
	z-index: 200;
}

.subContent{
	
	float: left;
	padding-left: 10px;
	color: #7AC144;
	width: 200px;
	font-size: 11px;
	
}

.subContent img{
	padding: 5px; 
}

.form table{
	
	background: white;
	
}

.form table{
	
	width: 600px;
	
}

.form .alt td{
	
	background: whitesmoke;
	
}

.errContainer, .form .alt .errContainer{
	
	background: #FFF0EF;
	
}

.form table td{
	
	padding: 5px;
	vertical-align: top;
	
}

.form table td input, .form table td textarea{
	
	border: 1px solid lightgrey;
	padding: 5px;
	
}

.form td.tTitleCol{
	
	background: #0C7E53;
	color: white;
	padding: 10px;
	width: 120px;
	
}

.aFormSubmitButton{
	
	display: block;
	float: right;
	padding: 5px;
	margin: 5px;
	
}

.tTitleCol span{

	font-style: italic;
	font-size: 10px;
	
}

/*
	Classes
*/

.shorttext{
	
	width: 120px;
	
}

.longtext{
	
	width: 450px;
	padding: 5px;
	height: 100px;
	
}

.err, input.err, textarea.err, .form table td input.err, .form table td textarea.err{
	
	border: 1px solid red;
	
}

.formNotes{
	
	display: block;
	font-size: 12px;
	font-style: italic;
	padding: 10px;
	
}

.form iframe{
	
	border: 1px solid lightgrey;
	margin-bottom: 10px;
	
}

.dTextWithFeature{
	
	float: left;
	width: 100%;
	
}

.front .dTextWithFeature{
	
	float: left;
	width: none;
	
}

.dTextWithFeatureImage{
	
	background: #7CC118;
	padding: 10px;
	color: white;
	font-size: 11px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	&behavior: url("/js/PIE.htc");
	margin: 0px 10px;
	
}

#left_content .dTextWithFeatureImage img{

	padding: 0px;
	margin: 0px;
	border: none;
	
}

.dTextWithFeatureLabel{
	
	padding: 5px;
	text-align: center;
	line-height: 1.4em;
	
}

#left_content .gallery img{
	
	background: #73C146;
	padding: 10px;
	color: white;
	font-size: 11px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	&behavior: url("/js/PIE.htc");
	margin: 6px;
	width: 156px;

}

.recipestweak #main_body{
	
}

#player_kingoffruit{
	
	background: #73C146;
	padding: 10px;
	color: white;
	font-size: 11px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	&behavior: url("/js/PIE.htc");
	margin-left: 25px;
	margin-bottom: 10px;
	
}

table.nutrition {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 400px;
	border: 1px solid #0c8a4c;
	background: white;
	margin-left: 70px;
}
table.nutrition td {
	padding: 5px;
	width: 50%;
}
table.nutrition th {
	padding: 5px;
	text-align: left;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	background-color: #0c8a4c;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #7dc11a;
}

#quote_box img{
	
	margin: 0px;
}

.votePanel{
	
	margin-top: 10px;
	text-align: center;
	padding: 10px;
	
}

.votePanel h1{
	
	margin: 0px;
	padding: 0px;
	
}

ul{
	line-height: 1.4em;
}

#right_content ul{

	list-style: none;
	padding: none;
	margin: 0px;
	line-height: 1;
	
}

#right_content ul li{
	
	margin: 0px;
	padding: 0px;
	
}

#quote_box div{
	
	&margin-top: -6px;
	&margin-bottom: -5px;
	
}

.recipe{
	
	margin-top: 0px;
	
}

#main_body ul#submenu{
	
	padding-left: 15px;
	
}

.recipeslist{
	
	font-size: 12px;
	
}

.recipeslist img{
	
	width: 180px;
	margin-bottom: 0px;
	
}

.recipeslist .column .col_inner ul{
	
	margin-top: 0px;
	padding-top: 0px;
	
}

.recipeImageHolder img{
	
	width: 320px;
	
}

.dSimpleGallery{
	
	text-align: center;
	float: left;
	width: 600px;
	
}

.dSimpleGallery img, #left_content .dSimpleGallery img{
	
	width: 150px;
	
}

.contentBlock{
	
	float: left;
	width: 100%;
	
}

.front .contentBlock{
	
	float: none;
	width: none;
	
}

#player_kingoffruit{
	
	float: left;
	
}