@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
html {
	height: 100%;
	}

body {
	text-align:left;
	color:#234893;
	font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size:11px;
	height:100%;
	background-image:url(../images/site_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
	line-height:120%;
}
a {
	color:#234893;
	text-decoration:none;
}
p, h2 {
line-height:120%;
}
.container {
	width:980px;
	margin: 0 auto;
	text-align:left;
}

.widerecipescontainer {
	width:1260px;
	margin: 0 auto;
	
	text-align:center;
}
.recipescontainer {
	width:980px;
	margin: 0 auto;
	height:2266px;
	text-align:left;

}
.header {
	position:relative;
	width:100%;
	height:182px;
	background-image:url(../images/header_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	background-color:none;
	z-index:11;
}
.menubox {
	position:absolute;
	background-image:url(../images/menu_bg.png);
	background-repeat:no-repeat;
	width:373px;
	height:28px;
	z-index:23;
	left: 588px;
	top: 145px;
}
#about {
	position:absolute;
	top: 5px;
	left:16px;
	cursor:pointer;
	}
#next {
	position:absolute;
	left: 165px;
	top: 5px;
	cursor:pointer;
	}
#tour {
	position:absolute;
	left: 38px;
	top: 6px;
	cursor:pointer;
	}
#quick {
	position:absolute;
	left: 145px;
	top: 6px;
	cursor:pointer;
	width: 220px;
	}
#comp {
	position:absolute;
	left: 829px;
	top:0px;
}
.current {
	text-decoration:underline;
}
.tilda {
	position:absolute;
	height:79px;
	width:155px;
	left: 4px;
	top: 78px;
	z-index:20;
	cursor:pointer;
}
.mainbox {
	position:relative;
	width:100%;
	height:480px;
	z-index:10;
	top: -8px;
}
.recipesmainbox {
	position:relative;
	width:100%;
	height:2024px;
	z-index:10;
	top: -8px;
}
.aboutbox {
	position:absolute;
	height:400px;
	width:478px;
	left: 485px;
	top: 25px;
	z-index:30;
}
.compbox {
	position:relative;
	height:440px;
	width:400px;
	margin-left:561px;
	margin-top: 12px;
	z-index:30;
}
.recipesbox {
	position:absolute;
	height:400px;
	width:328px;
	z-index:30;
}
.packbox {
	position:absolute;
	height:209px;
	width:154px;
	z-index:30;
	left: -628px;
	top: 220px;
}
#my-about {
	color:#FFFFFF;
	}
#my-about, #my-about .sb-inner { 
	background:#FFFFFF;
	}
#my-about .sb-shadow { 
	background:#999999; 
	}
#textbox {
	color:#234893;
	position:relative;
	z-index:31;
	overflow:auto;
	height: 134px;
}
#textbox p {
	padding: 6px 0;
}
#scheduletextbox {
	color:#234893;
	position:relative;
	z-index:31;
	overflow:auto;
	height: 334px;
}
#schedulebox p {
	padding: 6px 0;
}
#recipestextbox {
	color:#234893;
	position:relative;
	z-index:31;
}
#recipestextbox p {
	padding: 6px 0;
}
.named_link {
	position:absolute;
	top:-60px;
	height:1px;
	width:1px;
}
.facebook {
	position:relative;
	z-index:31;
	height:16px;
	width:100%;
	padding: 2.5px 0;
	cursor:pointer;
}
.twitter {
	position:relative;
	z-index:31;
	height:16px;
	width:100%;
	padding: 2.5px 0;
	cursor:pointer;
}
.next {
	position:relative;
	z-index:31;
	height:16px;
	width:100%;
	padding: 2.5px 0;
	cursor:pointer;
}
.tilda_link {
	position:relative;
	z-index:31;
	height:16px;
	width:100%;
	padding: 2.5px 0;
	cursor:pointer;
}
.download {
	position:relative;
	z-index:31;
	height:16px;
	width:100%;
	padding: 2.5px 0;
	cursor:pointer;
}
.previous {
	position:relative;
	z-index:31;
	height:16px;
	width:100%;
	padding: 2.5px 0;
	cursor:pointer;
}
.facebook_icon {
	position:relative;
	z-index:32;
	float:left;
	width:18px;
}
.twitter_icon {
	position:relative;
	z-index:32;
	float:left;
	width:18px;
}
.next_icon {
	position:relative;
	z-index:32;
	float:left;
	width:18px;
}
.previous_icon {
	position:relative;
	z-index:32;
	float:left;
	width:18px;
}
.tilda_icon {
	position:relative;
	z-index:32;
	float:left;
	width:18px;
}
.download_icon {
	position:relative;
	z-index:32;
	float:left;
	width:18px;
}
.facebook_text {
	position:relative;
	z-index:32;
	float:left;
	padding-left:20px;
	text-align:left;
	color:#234893;
}
.twitter_text {
	position:relative;
	z-index:32;
	float:left;
	padding-left:20px;
	text-align:left;
	color:#234893;
}
.next_text {
	position:relative;
	z-index:32;
	float:left;
	padding-left:20px;
	text-align:left;
	color:#234893;
}
.previous_text {
	position:relative;
	z-index:32;
	text-align:left;
	padding-left:20px;
	float:left;
	color:#234893;
}
.tilda_text {
	position:relative;
	z-index:32;
	text-align:left;
	padding-left:20px;
	float:left;
	color:#234893;
}
.download_text {
	position:relative;
	z-index:32;
	text-align:left;
	padding-left:20px;
	float:left;
	color:#234893;
}
.textpic {
	position:relative;
	z-index:31;
}
.texttitle {
	color:#234893;
	position:relative;
	height:12px;
	z-index:31;
}
.comppic {
	position:absolute;
	z-index:32;
	height:131px;
	width:139px;
	left: 216px;
	top: 25px;
}
.comptitle {
	color:#234893;
	position:relative;
	height:45px;
	width:184px;
	z-index:31;
	top: 60px;
}
.comptxtbox {
	color:#234893;
	position:relative;
	z-index:31;
	height:352px;
	top: 72px;
}
.comptxtbox p {
	padding: 6px 0;
}
.complink {
	cursor:pointer;
	text-decoration:underline;
}
.compline {
	position:relative;
	z-index:31;
	height:2px;
	top:64px;
	padding: 8px 0;
	background-image:url(../images/line.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.line {
	position:relative;
	z-index:31;
	padding: 8px 0;
	background-image:url(../images/line.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.short_line {
	position:relative;
	z-index:31;
	padding: 8px 0;
	background-image:url(../images/short_line.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.footer {
	position:relative;
	background-image:url(../images/footer_bg.png);
	background-repeat:no-repeat;
	background-color:none;
	width:100%;
	height:45px;
	z-index:11;
	top: 12px;
}
.share {
	position:absolute;
	height:15px;
	width:54px;
	left: 10px;
	top: 20px;
	z-index:20;
	
}
.sharepic {
	position:absolute;
	z-index:31;
}
.sharetext {
	position:absolute;
	z-index:31;
	left: 62px;
	top: 0px;
	height: 16px;
	width: 85px;
}
.legal {
	position:absolute;
	height:15px;
	width:54px;
	left: 918px;
	top: 20px;
	z-index:20;
	cursor:pointer;
}
.legaltext {
	position:absolute;
	z-index:31;
	text-align:right;
}
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */



.scrollgeneric {

line-height: 1px;
font-size: 1px;
position: absolute;

top: 0; left: 0;
}



.vscrollerbase {

width: 10px;

background-color: #bcbec0;
}

.vscrollerbar {

width: 10px;

background-color: #939598;

}

.hscrollerbase {

height: 10px;

background-color:#bcbec0;
}
.hscrollerbar {

height: 10px;

background-color:#939598;

}



.scrollerjogbox {

width: 10px;
height: 10px;

top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: #bcbec0;
}
.formfield {
	height: 15px;
	width: 150px;
	font-size: 12px;
}
#compform {
	margin-top:3px;
	border-top-color:#CCCCCC;
	border-top-width: 1px;
	border-top-style:solid;
	border-bottom-color:#CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style:solid;
	padding-top: 5px;
	padding-bottom: 3px;
}
#compform div {
	margin-bottom: 3px;
}

#compform  .btn {
	color:#234893;
	font: bold;
	background-color:#fed;
	border:1px solid;
	border-color: #234893;
	text-align: right;
	font-size: 12px;
	}


.goodcompline {
	position:relative;
	clear:both;
	z-index:31;
	height:2px;
	padding: 8px 0;
	background-image:url(../images/line.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.compcontent {
	/*position:relative;*/
	width:348px;
	padding:26px 26px 26px 26px;
}
.goodcomptxtbox {
	color:#234893;
	clear:both;
	width:100%;
	position:relative;
	z-index:31;
}
.goodcomptxtbox p {
	margin:0.5em 0;
}
.goodcomptitlebox {
	position:relative;
	width:100%;
}
.goodcomptitle {
	color:#234893;
	position:relative;
	width:200px;
	z-index:31;
	margin-top: 10px;
}
.goodcomptitle h2 {
	font-size: 14px;
	font-weight: bold;
}
.goodcomptitle p {
	padding-top:48px;
}
.goodcomppic {
	position:relative;
	z-index:32;
	height:80px;
	width:116px;
	float:right;
}
#goodcomppicy {
	position:absolute;
	z-index:32;
	height:80px;
	width:116px;
	top:-10px;
	left:0px;
}
#goodcomppicx {
	position:absolute;
	z-index:32;
	height:139px;
	width:131px;
	top:-24px;
	left:-20px;
}