/* GENERIC STYlES */

*{
	list-style:none;
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
}
	a:hover{
		text-decoration:underline;
	}
body{
	background:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#6B5C4F;
}
	body#home{
		color:#FFFFFF;
	}
.clearBoth{
	clear:both;
}
.inlineList li{
	float:left;
	display:inline;
}

#pageWrapper{
	width:870px;
	margin:auto;
}

/* HEADER STYLES */

#headerContainer{
	margin:0 10px 0 0;
}
	#headerContainer h1{
		float:left;
		display:inline;
	}
	#headerContainer h1 a{
		background:url(../siteimages/jalebiLogo.gif) 0 0 no-repeat;
		height:150px;
		width:400px;
		display:block;
		color:#F6861F;
	}
		#headerContainer h1 a span{
			display:none;
		}
	#headerContainer .headerContact{
		height:50px;
		margin:50px 0 0 0;
		width:400px;
		float:right;
		display:inline;
		text-align:right;
	}
		#headerContainer .headerContact h5{
			color:#6B5C4F;
			font-size:1.8em;
		}
		#headerContainer .headerContact p{
			color:#F6861F;
			font-weight:bold;
			font-size:2.5em;
		}

/* CONTENT STYLES */

/* RIGHT COLUMN */

#rightColumn{
	float:right;
	display:inline;
	width:710px;
	margin:5px 0 0 10px;
}
	#rightColumn #contentWrapper{
		background:url(../siteimages/contentBG.gif) 90% 0 no-repeat;
		margin:0 0 15px 0;
	}
	#rightColumn #mainContent{
		width:692px;
		border:3px solid #F6861F;
		margin:0 10px 5px 0;
	}
		#home #rightColumn #mainContent{
			background:url(../siteimages/contentBG.jpg) 50% 50% no-repeat;
		}
		#rightColumn #mainContent .silhouetteWrapper{
			background:url(../siteimages/readerBG.gif) 100% 100% no-repeat;
		}
		#rightColumn #mainContent h2{
			font-size:1.7em;
			color:#F6861F;
			margin:0 10px 0 10px;
		}
		#rightColumn #mainContent h3{
			font-size:1.2em;
			color:#6B5C4F;
			margin:10px 10px 0 10px;
		}
		#rightColumn #mainContent p{
			font-size:1.2em;
			line-height:1.5em;
			margin:5px 10px 10px 0;
			padding:0 0 0 10px;
		}
		#rightColumn #mainContent ol{
			font-size:1.2em;
			line-height:1.5em;
			margin:5px 10px 10px 10px;
			padding:0 0 0 20px;
		}
			#rightColumn #mainContent ol li{
				list-style:decimal;
				margin:0 0 10px 0;
			}
			#rightColumn #mainContent .highlight{
				font-size:1.2em;
				font-weight:bold;
			}
	#rightColumn #productHighlight{
		float:right;
		width:700px;
		margin:0 10px 10px 0;
	}
		#rightColumn .catLink{
			float:left;
			display:inline;
			margin:0 6px 0 0;
		}
			#rightColumn .catLink.listEnd{
				margin:0;
			}
			#rightColumn .catLink img{
				border:2px solid #6B5C4F;
				padding:2px 1px 2px 0;
				border-bottom:none;
			}
				#rightColumn .catLink h5{
					height:25px;
					line-height:25px;
					width:135px;
					text-transform:uppercase;
					text-align:center;
				}
				#rightColumn .catLink h5 a{
					background:url(../siteimages/highlightBG.gif) 0 0 no-repeat;
					color:#FFFFFF;
					display:block;
					text-decoration:none;
				}
	#rightColumn .eSpot{
		float:left;
		margin:0 10px 10px 0
	}

/* CATALOGUE STYLES */

	.catImage a img{
		margin:0 0 0 200px;
	}

/* FAQ STYLES */

	table.deliveryTable{
		margin:auto;
	}
		table.deliveryTable th{
			padding:5px;
		}
		table.deliveryTable td{
			padding:5px;
		}

/* COMPETITIONS STYLES */

.asterisk{
	font-weight:bold;
	color:#F6861F;
}

p.required{
	text-align:right;
	margin:0 10px 5px 0;
}

fieldset{
	border:1px solid #F6861F;
	background:#FFFFFF;
	margin:10px auto;
	padding:0 0 10px 0;
	width:500px;
	clear:both;
}
	legend{
		color:#F6861F;
		font-size:1.3em;
		font-weight:bold;
		margin:0 0 5px 0;
		padding:0 0 0 5px;
		clear:left;
	}

	fieldset dl{
			padding:0 0 10px 0;
	}
		fieldset dl dt{
			font-size:1.2em;
			float:left;
			color:#6B5C4F;
			text-align:right;
			display:inline;
			margin:0 10px 5px 10px;
			line-height:20px;
			width:200px;
			clear:left;
		}
		fieldset dl dd{
			float:left;
			display:inline;
			margin:0 10px 5px 0;
			width:250px;
		}
	fieldset button,.formWrapper input.submit{
		margin:5px 0 0 220px;
		clear:both;
		float:left;
		display:inline;
	}

	.compImage{
		float:right;
		margin:10px;
	}

/* REVIEWS & LETTERS STYLES */

.reviewContainer{
	background:#FFFFFF;
	border:1px solid #6B5C4F;
	width:600px;
	padding:5px;
	margin:10px auto;
}
.reviewContainer h3{
	font-weight:normal;
}
.reviewImage{
	margin:10px 0 0 0;
	float:left;
	display:inline;
	width:130px;
}
.reviewCopy{
	float:left;
	display:inline;
	width:470px;
}

/* CONTACT STYLES */

	.orderContact{
		background:url(../siteimages/orderEnquiry.gif) 10px 0 no-repeat;
		padding:20px 0 0 140px;
		height:120px;
	}
	.feedbackContact{
		background:url(../siteimages/jalebiFeedback.gif) 10px 0 no-repeat;
		padding:20px 0 0 140px;
		height:120px;
	}
	.generalContact{
		background:url(../siteimages/generalEnquiry.gif) 10px 0 no-repeat;
		padding:20px 0 0 140px;
		height:120px;
	}

/* NEWSLETTER STYLES */

	fieldset#mailingPrefs dl{
		float:left;
		display:inline;
		width:235px;
		margin:0 0 0 10px;
		clear:none;
	}
	fieldset#mailingPrefs dt{
		width:100px;
	}
	fieldset#mailingPrefs dd{
		width:100px;
	}

/* LEFT COLUMN */

	#leftColumn{
		float:left;
		display:inline;
		width:140px;
		margin:0 0 0 10px;	
	}
		#leftColumn #leftNav{	
		}
			#leftColumn #leftNav ul{
				margin:0 0 10px 0;
			}
			#leftColumn #leftNav li{
				text-align:center;
				margin:0 0 5px 0;
			}
			#leftColumn #leftNav li a{
				font-size:1.3em;
				line-height:23px;
				padding:0 0 2px 0;
				color:#FFFFFF;
				display:block;
				background:url(../siteimages/navBG.gif) 100% 0 no-repeat;
			}
				#leftColumn #leftNav li a:hover{
					text-decoration:none;
					color:#F6861F;
					display:block;
					background:url(../siteimages/navBG.gif) 0 0 no-repeat;
				}
			#leftColumn .leftSpot{
				margin:0 0 15px 0;
			}
			#leftColumn #leftContent{
				border:2px solid #F6861F;
				color:#6B5C4F;
				margin:0 0 10px 0;
				width:136px;
			}
				#leftColumn #leftContent h3{
					font-size:1.2em;
					margin:0 5px 5px 5px;
				}
				#leftColumn #leftContent p{
					font-size:0.9em;
					margin:0 5px 5px 5px;
				}
				#leftColumn #leftContent img{
					margin:5px 5px 0 5px;
				}

/* FOOTER STYLES */

#footerContainer{
	clear:both;
	float:right;
	width:710px;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	margin:10px 0;
}
	#footerContainer a{
		color:#F6861F;
	}
	#smallPrint{
		font-size:0.8em;
		color:#6B5C4F;
	}
	#smallPrint a{
		font-weight:normal;
	}