/* copyright (c) visiontech solutions, 2008,  author : Sasha Yee */
/* date : 12 - 06 - 2008 */

/*			Colours Used				*/
/*-------------------------------*/
/*			003366  Dark Blue			*/
/*			1A4876  Mid Blue			*/ 
/*			D6DDE6  Light Blue		*/
/*											*/
/*			CC0033  Dark Red			*/
/*			E68099  Light Red			*/
/*											*/
/*			FFFEF1  Light Yellow		*/


* {
    margin:0;
    padding:0;
}

html, body {
    font-family: Arial, Helevetica, sans-serif;
    font-size:11px;
    background: #003366;
    color:#333;
}

body.print {
	background: #fff;
	padding: 50px;
}

h1, h2, h3, h4, h5, p, form {
    margin:10px 0;
}

a, a:link, a:visited, a:active, a:focus {
	color: #C03;
    outline:none;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: #F9003F;
}

a img {
	border: none;
}

input, textarea {
	font-family: Arial, Helevetica, sans-serif;
	font-size: 11px;
}

#subcontent a, #subcontent a:link, #subcontent a:visited, #subcontent a:active, #subcontent a:focus {
	color: #036;
   outline:none;
	font-weight: bold;
	text-decoration: underline;
}

#subcontent a:hover {
	color: #004993;
}


#wrapper {
	width: 936px;
	margin: 0 auto;
	background: url('../images/bg.gif');
	overflow: hidden;
}

#header {
	/* Nothing here now */
}

#content_container {
	padding: 15px 14px 0 14px;
	background: url('../images/bg-grad.jpg') no-repeat 14px 15px;
	position: relative;
}


#content {
	padding: 0 20px;
	height: 390px;
}

#content_bg {
	
}


	#content_left_index {
		float: left;
		margin: 30px 0;
		padding-right: 10px;
	}
	
	#content_left {
		float: left;
		padding: 25px 0;
		padding-right: 25px;
		width: 170px;
	}
	
	#content_text {
		float: left;
		padding-top: 5px;
		padding-bottom: 0px;
		width: 620px;
		
	}
	
	#content_text_contact {
		width: 443px;
		float: left;
		padding-top: 5px;
		padding-bottom: 0px;
	}
	
	#content_text_scoop {
		padding-top: 5px;
		padding-bottom: 0px;
	}
	
		#content_text_scoop p {
			width: 250px;
		}
	
	#content_middle_index {
		float: left;
		padding-top: 25px;
		padding-bottom: 0px;
		width: 280px;
		position: relative;
	}
	
	#content_middle {
		float: left;
		padding-top: 15px;
		padding-bottom: 0px;
		width: 600px;
		
	}
	
	#content_right_index {
		position: absolute;
		top: 5px;
		right: 0px;
		
	}
	
	#content_right {
		float: right;
		padding-top: 25px;
		
	}
	
	#real_cake img, #recipes img, .border  {
		background: #CC0033;
		padding: 1px;
		border: 3px #B9C6D6 solid;
	}
	
	#content ul, #content_mid ul {
		margin: 10px 15px;
	}
	
	#content ol, #content_mid ol {
		margin: 10px 18px;
	}
	
	#img_cycle {
		position: relative;
		
		width: 226px;
		height: 326px;
	}
	
	#img_cycle img {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.recipes {
		padding: 0 0 15px 0;
		margin: 0;
		list-style-image: none;
		list-style-type: none;
		list-style-position: outside;
	}
	
	
	.recipes a {
		background: url('../images/buttons.jpg') #CC0033 0 0;
		display: block;
		padding: 5px;
		width: 158px;
		height: 28px;
		color: #fff !important;
		text-decoration: none !important;
		font-weight: bold;
	}
	
	.recipes a:hover {
		background-position: -168px 0;
	}
	
	.recipes a.selected {
		background-position: 168px 0;
	}
	
	.recipes a:hover.selected {
		background-position: -168px 0;
	}
	
	.recipes_carousel {
		padding-top: 15px;
	}
	
	a.carousel_btn {
		width: 168px;
		height: 19px;
		text-indent: -9999px;
		display: block;
		cursor: pointer;
	}
	
	.btn_up, .btn_down {
		background: url('../images/scroller_buttons.jpg');
	}
		
		.btn_up {
			background-position: 0 0;
		}
		
		.btn_down {
			background-position: 0 19px;
		}
		
		a:hover.btn_up {
			background-position: 168px 0;
		}
		
		a:hover.btn_down {
			background-position: 168px 19px;
		}
		
	
#content_top {
	background: url('../images/bg_top.gif') no-repeat #FFFEF1;
	height: 9px;
	width: 908px;
	margin: 15px 14px 0 14px;
}

#content_mid {
	background: url('../images/bg_mid.gif') repeat-y;
	width: 868px;
	clear: both;
	margin: 0 14px;
	padding: 0 20px;
}

.hr {
	background: url('../images/hb_dots.jpg') repeat-x;
	height: 1px;
	border: 0;
	padding: 0;
	overflow: hidden;
	
}

.vhr {
	background: url('../images/hb_vert_dots.jpg') repeat-y top right;
}

#content_btm {
	background: url('../images/bg_btm.gif') #FFFEF1 no-repeat;
	height: 9px;
	width: 908px;
	margin: 0 14px;
	padding-top: 15px;
	background-position: bottom;
}
	
	
#subcontent {
	padding: 20px 14px;
	color: #036;
}

	#mailing_list {
		width: 368px;
		padding: 0 10px 6px 10px;
		background: #c03;
		float: left;
		color: #fff;
		border: 1px #E68099 solid;
		min-height: 163px;

	}
	
		#mailing_list div {
			width: 171px;
		}
	
		#mailing_list .left {
		}
		
		#mailing_list .right {
			padding: 0;
			margin: 0;
		}
		
		#mailing_list form p {
			margin-bottom: 13px;
		}
		
		#mailing_list img {
		}
		
		#mailing_list form p {
			margin-bottom: 5px;
		}
		
		#mailing_list input {
			background: url('../images/input_bg.gif') no-repeat;
			border: none;
			height: 16px;
			width: 180px;
			font-size: 11px;
			font-weight: bold;
			padding: 7px 5px;
			color: #fff;
			margin: 0pt 0pt 2px 0;
		}
		
		#mailing_list h2 {
			font-size: 14px;
		}
		
		#mailing_list form {
			margin: 0;
			width: 190px;
		}
		
	
	#cake_recipe {
		float: right;
	}
	
	#real_cake, #recipes {
		background: #D1DAE3;
		border: 1px #CC0033 solid;
		width: 237px;
		padding: 4px;
		height: 100%;
		position: relative;
		min-height: 163px;
	}
	
	#real_cake {
		float: left;
		margin-left: 12px;
	}
	
	#recipes {
		float: right;
		
	}
	
	#real_cake h3, #recipes h3 {
		color: #C03;
		font-size: 12px;
		line-height: 14px;
		margin-bottom: 5px;
	}
	
	#real_cake img, #recipes img {
		
	}
	
#footer {
	background: #FFFEEF;
}
	
	
	#footer ul {
		margin: 15px 0 25px 0;
		list-style-image: none;
		list-style-type: none;
		list-style-position: outside;
	}
	
	#footer a {
		font-weight: normal;
		text-decoration: none;
		color: #7591AD;
	}
	
	
	#footer li {
		float: left;
		padding-right: 10px;
	}
	
	#footer .copyright {
		padding-left: 10px;
		padding-right: 130px;
		color: #7591AD;
	}
	
	#footer .visiontech {
		width:321px;
		text-align: right;
	}
	
	#footer .visiontech a:hover strong {
		color: #f60;
	}
	
	
	
	


/* Typography classes */
.learnmore {
	margin: 0;
}

.no_margin {
	margin: 0;
}

.no_top_margin {
	margin-top: 0;
}

.no_bottom_margin {
	margin-bottom: 0;
}

h1 {
	font-family: Arial, "Times New Roman", serif;
	color: #C03;
	margin-top: 0;
	font-size: 18px;
}

h2 {
	font-family: "Arial", "Times New Roman", serif;
	color: #CA0237;
	font-size: 16px;
	font-weight: bold;
}

h3 {
	font-family: "Arial", "Times New Roman", serif;
	color: #072A5E;
	font-size: 14px;
	font-weight: bold;
}

.caps {
	text-transform: uppercase;
}

/* Contact Form Styling */

#contact_form {
	width: 443px;
}

#contact_form label {
	width: 100px;
	float: left;
	font-weight: bold;
	color: #CC0033;
}

#contact_form .text_box {
	width: 334px;
}

#contact_form input, #contact_form textarea {
	border: solid 1px #F16789;
	padding: 2px;
	background: #fff;
}

#contact_form textarea {
	height: 70px;
	overflow: auto;
}
	
/* General use classes */
.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.w50pct {
	width: 50%;
}
.w45pct {
	width: 45%;
}
.w40pct {
	width: 40%;
}

.w30pct {
	width: 30%;
}

.w100 {
	width: 90px;
}

.no_list_style {
	list-style: none;
	padding: 0 !important;
}

.white {
	color: #fff;
}

hr {
	margin-bottom: 10px;	
}

.error {
	color: #f00;
}

.header_padding {
	line-height: 20px;
}

.learn_more {
	/*position: absolute;
	margin: 0;
	padding: 0;
	top: 330px;*/
}

.no_border {
	border: 0 !important;
	padding: 0 !important;
}

.margin90 {
	margin-top: 90px;
}

.margintop20 {
	margin-top: 20px;
}

#content_right_contact img {
	margin: 25px 30px 0 0;
}

.margin-t-l-10 {
	margin-top: 10px;
	margin-left: 10px;
}

.margin-t-r-10 {
	margin-top: 10px;
	margin-right: 10px;
}

.learn_more_align {
	position: absolute;
	left: 15px;
	top: 120px;
}

.topmargin5 {
	margin-top: 5px;
}

.submit {
	border: none;
	width: 151px;
	height: 46px;
	outline: none;
	display: block;
	background: url('../images/submit.jpg');
	cursor: pointer;
	border: none;
}

.submit:hover, .submit_hover {
	width: 151px;
	height: 46px;
	display: block;
	background-position: 151px 0;

}

.submit2 {
	border: none;
	width: 151px;
	height: 46px;
	display: block;
	outline: none;
	background: url('../images/submit_btn_2.jpg');
	cursor: pointer;
	border: none;
}

.submit2:hover, .submit_hover2 {
	width: 151px;
	height: 46px;
	display: block;
	background-position: 151px 0;
	outline: none;
}

.red {
	color: #f00;
}

.no-border {
	padding: 0 !important;
	border: 0 !important;
	
}

.none {
	display: none;
}


/* Recipe Categorisation changes */

.ofh {
	overflow: hidden;
	zoom: 1;
}

.category, .recipe {

	padding: 0 15px;
	float: left;
	text-align: center;


}


.category {
	height: auto;
}

.categories {
	height: 48px;
}


.recipe {
	height: 185px;
	width: 256px;
	padding: 10px 15px;
}


.category a {
	background: url('../images/buttons.jpg') #CC0033 0 0;
	display: block;
	padding: 10px 5px;
	width: 158px;
	/*height: 28px;*/
	color: #fff !important;
	text-decoration: none !important;
	font-weight: bold;
	text-align: center;
	margin: 0px auto;
}

.category a:hover {
	background-position: -168px 0;
}

.category a.selected {
	background-position: 168px 0;
}

.category a:hover.selected {
	background-position: -168px 0;
}

.categories ul {
	margin: 0 !important;
}

.categories li {
	list-style: none;
	position: relative;
	float: left;
	width: 168px;
}

.categories li ul{
	display: none;
	position: absolute;
	left: 0;
	padding: 0 !important;
}

.categories li:hover ul {
	display: block;
}

.categories ul li li {
	float: none;
}

.categories li li a {
	background: none;
	background: #CC0033;
	width: 158px;
	height: auto;
	padding: 10px 5px;
}

.categories li li a:hover {
	background: #E32555;
}


/* Print List Styles */
body.print ul li {
	margin-left: 20px;
}