/* ========================================================================================
Fiddes Payne: Main Layout 
Version: 1.2
Author: Raphael Marsh
Last Updated: 24 June 2010
=========================================================================================== */

/* STANDARD FORMATTING 
=========================================================================================== */
* {
	margin: 0;
 	padding: 0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:63.3%;
	margin:0;
	padding:40px 0;
	min-width:980px;
	text-align:left;
	line-height:140%;                         
	background:#ffffff url(../images/generic/orange-bg.jpg) top center no-repeat;
}


/* Generic 
=========================================================================================== */
h1 {
	font-size: 2.4em; margin:0;
}
h2 {
	font-size: 2.0em; margin:0;
}
h3 {
	font-size: 1.6em; margin:0;
}
img {
	border:none;
}
p {
	color:#7c7c7c; font-size:110%; margin:0;
}
ul {
	list-style-type:none; margin:0; padding:0;
}

a {
   color:#7c7c7c
}
a:link {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	text-decoration:none;
}
hr {
	float:left; position:absolute; border:0; height:1px;
}
.left {
	float:left;
}
.right {
	float:right;
}



body.green { background:#ffffff url(../images/generic/green-bg.jpg) top center no-repeat; }
body.green #branding { border-bottom:#5a8443 5px solid; }
body.green #scrollable-holder { border-top:#5a8443 2px solid; border-bottom:#5a8443 5px solid; }
body.green ul.mainNav li.main a { color:#5a8443; }
body.green .infoArea p.title { color:#5a8443; }
body.green #secondaryNav ul li.hi a { color:#5a8443; }


body.blue { background:#ffffff url(../images/generic/blue-bg.jpg) top center no-repeat; }
body.blue #branding { border-bottom:#4399cd 5px solid; }
body.blue #scrollable-holder { border-top:#4399cd 2px solid; border-bottom:#4399cd 5px solid; }
body.blue ul.mainNav li.main a { color:#4399cd; }
body.blue .infoArea p.title { color:#4399cd; }
body.blue #secondaryNav ul li.hi a { color:#4399cd; }


/*body.orange { background:#ffffff url(../images/generic/blue-bg.jpg) top center no-repeat; }*/
body.orange #branding { border-bottom:#F15B22 5px solid; }
body.orange #scrollable-holder { border-top:#F15B22 2px solid; border-bottom:#F15B22 5px solid; }
body.orange ul.mainNav li.main a { color:#F15B22; }
body.orange .infoArea p.title { color:#F15B22; }
body.orange #secondaryNav ul li.hi a { color:#F15B22; }


body.pink { background:#ffffff url(../images/generic/pink-bg.jpg) top center no-repeat; }
body.pink #branding { border-bottom:#de64c5 5px solid; }
body.pink #scrollable-holder { border-top:#de64c5 2px solid; border-bottom:#de64c5 5px solid; }
body.pink ul.mainNav li.main a { color:#de64c5; }
body.pink #secondaryNav ul li.hi a { color:#de64c5; }




body.purple { background:#ffffff url(../images/generic/purple-bg.jpg) top center no-repeat; }
body.purple #branding { border-bottom:#aa64d6 5px solid; }
body.purple #scrollable-holder { border-top:#aa64d6 2px solid; border-bottom:#aa64d6 5px solid; }
body.purple ul.mainNav li.main a { color:#aa64d6; }
body.purple .infoArea p.title { color:#aa64d6; }
body.purple #secondaryNav ul li.hi a { color:#aa64d6; }


.revealcontent{
	visibility: hidden;
}

/* Structure 
=========================================================================================== */
div#wrapper {
	width: 980px; margin: auto; text-align: left;
}
#branding {
	height: 125px; border-bottom:#f15b22 5px solid;
}
#content {
	width:980px;
}
#pageContent {
	float:right;
	position:relative;
	width:816px;
	/*width:813px;*/
	height:440px;
}
#secondaryNav {
	width:164px; padding-top:10px;	
}
#scrollable-holder {
	float:left; position:relative; display:inline; width:980px; padding:15px 0 5px 0;
	border-top:#f15b22 2px solid; border-bottom:#f15b22 5px solid; /*background:url(../images/generic/scrollable-bg.gif) top repeat-x*/;
}
.clear {
	clear: both; text-indent: -9999px;
}	
#branding .logo {
	float:right; position:relative; top:26px; right:10px; border:0;
}


/* Layout
=========================================================================================== */
#homePanel {
	float:left; position:absolute; display:block; z-index:100; width:940px; margin:60px 0 0 20px; 
}

.infoArea {
	float:right; position:absolute; display:block; width:430px; margin:1px; right:0;
}
	.infoArea img {
		float:right; margin-left:10px;
	}
	.infoArea p.title {
		font-weight:bold; color:#f15b22; margin-bottom:4px; font-size:120%;
	}
		.infoArea p {
			color:#999999; font-size:110%; line-height:130%; margin-bottom:4px; text-decoration:none
		}
			.infoArea p a {
				color:#999999; text-decoration:none
			}
			.infoArea p a:hover {
				color:#999999; text-decoration:underline
			}


			
.infoArea .leftside {
	float:left; display:block; width:200px; margin:1px 2px 3px 4px;
}

.infoArea .rightside {
	float:right; display:block; width:200px; margin:1px 2px 3px 4px;
}		
			

/* Primary Navigation 
=========================================================================================== */
ul.mainNav {
	float:left; position:relative; display:inline; width:120px; height:125px;
	border-left:#cccccc 1px solid; padding:0 8px;
}
	ul.mainNav li {
		font-size:110%; line-height:140%;
	}
		ul.mainNav li a {
			color:#999999; display:block; text-decoration:none;
		}
			ul.mainNav li a:hover, ul.mainNav li.active a {
				color:#00aeef; text-decoration:underline;
			}
			ul.mainNav li.main a {
				font-size:110%; font-weight:bold; color:#f15b22; line-height:160%;
			}
				ul.mainNav li.main a:hover, ul.mainNav li.main.active a {
					text-decoration:underline;
				}
				
		ul.mainNav li.shop a {
		        background-image:url(../images/generic/shop-icon.gif); background-position:left; background-repeat:no-repeat; padding-left:29px;
				margin-top:43px
			}


/* Secondary Navigation
=========================================================================================== */

#secondaryNav h2.corporate {
	background:#DE64C5;
}
#secondaryNav h2.baking {
	background:#F15B22;
}
#secondaryNav h2.herbs {
	background:#5a8443;
}
#secondaryNav h2.recipes {
	background:#aa64d6;
}
#secondaryNav h2.contact {
	background:#4399CD;
}

#secondaryNav h2 {
	font-size:130%; color:#ffffff; background:#666666; padding:7px 8px; margin-right:10px;
}
#secondaryNav ul {
	margin:6px 10px 0 5px;
}
	#secondaryNav li.toplevel {
		font-size:110%; line-height:130%; border-top:#cccccc 1px solid; border-bottom:#ffffff 1px solid;
	}
		#secondaryNav li.toplevel a {
			color:#666666; display:block; padding:4px 5px 3px 3px; text-decoration:none;
		}
			#secondaryNav li.toplevel a:hover {
				background:#f7f7f7; text-decoration:underline;
			}
			#secondaryNav li.toplevel.hi a {
				/*background:#e8e8e8; text-decoration:underline;*/  font-weight:bold
			}
			



	#secondaryNav  ul li.subLevel {
		font-size:110%; line-height:130%; border-bottom:#fff 1px solid; border-top:#ffffff 1px solid; list-style:disc; color:#999999;  margin-left:16px
	}
		#secondaryNav  ul li.subLevel a {
			color:#666666; display:block; padding:3px 7px 3px 0px; text-decoration:none;
		}
			#secondaryNav  ul li.subLevel a:hover {
				/*background:#f7f7f7;*/ text-decoration:underline;
			}
			#secondaryNav  ul li.subLevel.hi a {
				/*background:#e8e8e8; text-decoration:underline;*/  font-weight:bold
			}




	#secondaryNav  ul li.subsubLevel {
		font-size:110%; line-height:110%; border-bottom:#fff 1px solid; margin-left:16px
	}
		#secondaryNav  ul li.subsubLevel a {
			color:#666666; display:block; padding:1px 15px 6px 0; text-decoration:none; 
		}
			#secondaryNav  ul li.subsubLevel a:hover {
				/*background:#f7f7f7;*/ text-decoration:underline;
			}
			#secondaryNav  ul li.subsubLevel.hi a {
				/*background:#e8e8e8; text-decoration:underline;*/  font-weight:bold
			}



			
/* Content Area - backgrounds
=========================================================================================== */
#homepage #pageContent {
	width:980px;
}
#homepage #pageContent .homeFlash {
	background:url(../homepage-movie.swf) no-repeat left !important;
}
#pageContent.mapMenu {
	background:#e0eafe url(../images/generic/worldmap.jpg) top left no-repeat;
}
	#pageContent.mapMenu:hover, #pageContent.mapMenu a {
		cursor: url('../images/generic/boat-cursor.png'), default;
	}


#homepage4 {
    width:970px;
	padding-bottom: 30px;
	text-decoration:none;
	line-height: 180%
}

#homepage4 a {
	text-decoration:none
}

#homepage4 a:hover {
	text-decoration:underline
}

#homepage4 strong {
      color:#F15B22;
}

#homepage4-1 {
    width:210px;
	float:left;
	margin: 0 0 0 45px
}

#homepage4-2 {
    width:210px;
	float:left;
	margin: 0 0 0 20px

}

#homepage4-3 {
    width:210px;
	float:left;
	margin: 0 0 0 20px

}

#homepage4-4 {
    width:210px;
	float:right;
	margin: 0 20px 0 20px

}




/* Menu
=========================================================================================== */
#frontItems {
	float:left; width:816px; height:480px;
}

.mapItem {
	float:left; position:absolute; display:inline;
}
	.mapItem:hover {
		cursor:url("../images/generic/boat-cursor.cur");
	}
	.mapItem a {
		display:block;
	}


/*Front Button Locations*/

	.mapItem.USA {
		top:30px; left:40px; width:250px; height:150px;
	}
		.mapItem.USA a {
			width:250px; height:150px; 
		}
	.mapItem.USASouth {
		top:180px; left:40px; width:250px; height:40px;
	}
		.mapItem.USASouth a {
			width:250px; height:40px; 
		}
	.mapItem.Caribbean {
		top:220px; left:40px; width:250px; height:40px;
	}
		.mapItem.Caribbean a {
			width:250px; height:40px; 
		}	
	.mapItem.Europe {
		top:70px; left:320px; width:180px; height:120px;
	}
		.mapItem.Europe a {
			width:180px; height:120px;
		}	
	.mapItem.Orient {
		top:150px; left:500px; width:200px; height:150px;
	}
		.mapItem.Orient a {
			width:200px; height:150px;
		}

/* Trade
=========================================================================================== */
h1.trade {
	margin:20px 0 0 13px; width:723px; height:96px; text-indent:-5000em; overflow:hidden;
	background:url(../images/generic/trade-bg.gif) top left no-repeat;
}
	.tradePanel {
		float:left; padding:15px; width:95%; margin:5px 0 25px 0;
	}
	.tradePanel h3 {
		font-size:150%; margin-bottom:10px; color:#aa64d6;
	}
	.tradePanel p {
		font-size:120%; line-height:140%;
	}
		.tradePanel p a {
			color:#666; text-decoration:underline;
		}
			.tradePanel p a:hover {
				text-decoration:none;
			}
		.tradePanel ol {
			margin:10px 20px 20px 20px; 
		}
			.tradePanel ol li {
				font-size:120%; line-height:140%; color:#666; padding-bottom:6px;
			}



/* History
=========================================================================================== */
#pageContent.history {
	background:url(../images/generic/history-bg.jpg) top left no-repeat;
}
	#pageContent.history p {
		float:left; font-size:110%; line-height:150%; width:380px; 
		margin:160px 0 0 18px;
	}

/* About Baking Products
=========================================================================================== */
#pageContent.productsBaking {
	background:url(../images/generic/product-baking-bg.jpg) top left no-repeat;
}
	#pageContent.productsBaking p {
		float:left; font-size:110%; line-height:150%; width:465px; 
		margin:160px 0 0 35px;
	}
	
/* About Herbs and Spices
=========================================================================================== */
#pageContent.productsHerbs {
	background:url(../images/generic/products-herbs-spices-bg.jpg) top left no-repeat;
}
	#pageContent.productsHerbs p {
		float:left; font-size:110%; line-height:150%; width:465px; 
		margin:160px 0 0 35px;
	}
	
	
/* Pagecontent shop link
=========================================================================================== */
#pageContent a.shop {
	 background-image:url(../images/generic/shop-icon.gif);
	 background-position:left;
	 background-repeat:no-repeat;
	 padding-left:29px;
	 font-weight:bold;
	 text-decoration:none
}	
	
#pageContent a.shop:hover {
	 text-decoration:underline
}	
/* Baking Front Page
=========================================================================================== */
#pageContent.bgBaking {
	background:url(../images/generic/baking-bg.jpg) top left no-repeat;
}
	#pageContent.bgBaking h1 {
		margin:40px 0 0 30px; width:327px; height:271px; text-indent:-5000em; overflow:hidden;
		background:url(../images/generic/baking-title.gif) top left no-repeat;
	}
		#pageContent.bgBaking p {
		color:#FFFFFF;
		margin:15px 496px 5px 27px;
	}
	
		#pageContent.bgBaking p a {
		color:#FFFFFF;
		text-decoration:none
	}
	
		#pageContent.bgBaking p a:hover {
		color:#FFFFFF;
		text-decoration:underline
	}



/* Disney Cake Kits
=========================================================================================== */
#pageContent.disneyCake {
	text-align:center;
}
	#pageContent.disneyCake h1 {
		font-size:190%; line-height:120%; color:#5c5d60; margin:10px 0;
	}
		#pageContent.disneyCake p {
			font-size:120%; color:#5c5d60; line-height:140%; width:700px; margin:0 auto;
		}


/* Disney Icing
=========================================================================================== */
#pageContent.disneyIcing {
	background:url(../images/generic/disney-icing.jpg) top left no-repeat;
}
	#pageContent.disneyIcing p.princess {
		float:left; font-size:130%; line-height:160%; font-weight:bold; color:#af3b77; width:140px; 
		margin:120px 0 0 30px; text-align:center;
	}
	
		#pageContent.disneyIcing p.princess a {
		text-decoration:none; color:#af3b77;
	}
	
		#pageContent.disneyIcing p.princess a:hover {
		text-decoration:underline; color:#af3b77;
	}


	#pageContent.disneyIcing p.winnie {
		float:right; font-size:130%; line-height:160%; font-weight:bold; color:#499bd0; width:330px; 
		margin:380px 25px 0 0; text-align:center; text-decoration:none
	}
	#pageContent.disneyIcing p.winnie a {
		text-decoration:none; color:#499bd0;
	}
	
		#pageContent.disneyIcing p.winnie a:hover {
		text-decoration:underline; color:#499bd0;
	}

/* Disney Candles
=========================================================================================== */
#pageContent.disneyCandles {
	background:url(../images/generic/disney-candles.jpg) top left no-repeat;
}
	#pageContent.disneyCandles p.candles {
		float:left; font-size:130%; line-height:160%; color:#005c9b; width:600px; 
		margin:15px 0 0 170px;
	}
	
	#pageContent.disneyCandles p.candles a { 
	color:#005c9b;
	}


/* High School Musical
=========================================================================================== */
#pageContent.highSchool {
	background:url(../images/generic/hsm-product.jpg) top right no-repeat;
}
	#pageContent.highSchool .pic {
		position:relative; top:150px;
	}

/* Winnie The Pooh
=========================================================================================== */
#pageContent.pooh {
	background:url(../images/generic/pooh-product.jpg) top right no-repeat;
}
	#pageContent.pooh .pic {
		float:left; position:relative; top:114px;
	}
	
/* Princess
=========================================================================================== */
#pageContent.princess {
	background:url(../images/generic/princess-product.jpg) top right no-repeat;
}
#pageContent.princessSprinkles {
	background:url(../images/generic/princess-sprinkles.jpg) top right no-repeat;
}
	#pageContent.princess .pic, #pageContent.princessSprinkles .pic {
		position:relative; top:114px;
	}

/* Mr Men
=========================================================================================== */
#pageContent.mrmen {
	background:url(../images/generic/mrmen-product.jpg) top right no-repeat;
}
	#pageContent.mrmen .pic {
		float:right; margin-top:234px;
	}


/* Indian Spices
=========================================================================================== */
#pageContent.indianSpices {
	background:#ffffff url(../images/generic/indian-spices.jpg) top right no-repeat;
}
	#pageContent.indianSpices h1 { font-size:170%; line-height:140%; color:#7C7C7C;
		margin:160px 0 0 11px; width:258px; overflow:hidden; float:left; min-height:65px
	}
	#pageContent.indianSpices p {
		margin:25px 0 0 20px; font-size:120%; line-height:150%; width:240px;
	}
	
	.hotSpot { float:left; position:absolute; display:inline; }
	.hotSpot a { display:block; }
	
	.hotSpot.tikka { top:175px; left:300px; width:110px; height:230px; }
	.hotSpot.tikka a { width:110px; height:230px; }
	.hotSpot.madras { top:175px; left:425px; width:110px; height:230px; }
	.hotSpot.madras a { width:110px; height:230px; }
	.hotSpot.masala { top:175px; left:545px; width:110px; height:230px; }
	.hotSpot.masala a { width:110px; height:230px; }
	.hotSpot.korma { top:175px; left:665px; width:110px; height:230px; }
	.hotSpot.korma a { width:110px; height:230px; }
	
/* Indian Spices - Tikka
=========================================================================================== */	
#pageContent.indianSpices-tikka {
	background:#ffffff url(../images/generic/indian-spices-tikka.jpg) bottom right no-repeat;
}
	#pageContent.indianSpices-tikka h1 { font-size:170%; line-height:140%; color:#7C7C7C;
		margin:160px 0 0 11px; width:200px; overflow:hidden; float:left; min-height:65px
	}
	#pageContent.indianSpices-tikka p {
   margin:0 0 0 13px; padding-top:5px; font-size:120%; line-height:150%; width:360px; float:left; clear:both
	}
	
/* Indian Spices - Madras
=========================================================================================== */	
#pageContent.indianSpices-madras {
	background:#ffffff url(../images/generic/indian-spices-madras.jpg) bottom right no-repeat;
}
	#pageContent.indianSpices-madras h1 { font-size:170%; line-height:140%; color:#7C7C7C;
		margin:160px 0 0 11px; width:200px; overflow:hidden; float:left; min-height:65px
	}
	#pageContent.indianSpices-madras p {
   margin:0 0 0 13px; padding-top:5px; font-size:120%; line-height:150%; width:360px; float:left; clear:both
	}
		
/* Indian Spices - Garam
=========================================================================================== */	
#pageContent.indianSpices-garam {
	background:#ffffff url(../images/generic/indian-spices-garam.jpg) bottom right no-repeat;
}
	#pageContent.indianSpices-garam h1 { font-size:170%; line-height:140%; color:#7C7C7C;
		margin:160px 0 0 11px; width:200px; overflow:hidden; float:left; min-height:65px
	}
	#pageContent.indianSpices-garam p {
   margin:0 0 0 13px; padding-top:5px; font-size:120%; line-height:150%; width:360px; float:left; clear:both
	}
	
/* Indian Spices - Korma
=========================================================================================== */	
#pageContent.indianSpices-korma {
	background:#ffffff url(../images/generic/indian-spices-korma.jpg) bottom right no-repeat;
}
	#pageContent.indianSpices-korma h1 { font-size:170%; line-height:140%; color:#7C7C7C;
		margin:160px 0 0 11px; width:200px; overflow:hidden; float:left; min-height:65px
	}
	#pageContent.indianSpices-korma p {
   margin:0 0 0 13px; padding-top:5px; font-size:120%; line-height:150%; width:360px; float:left; clear:both
	}
	
		
/* Jamie Oliver generic text holder
=========================================================================================== */
#pageContent .jamie {
   margin:40px 0px 3px 400px;
 /*   float:right
      40px 0px 3px 400px*/
}

/* Jamie Oliver generic text holder
=========================================================================================== */
#pageContent.jamieOliver {
	background:url(../images/generic/jamie-oliver.jpg) top left no-repeat;
}
	#pageContent.jamieOliver p {
		margin:270px 0 0 28px; font-size:120%; line-height:150%; width:240px;
	}
		#pageContent.jamieOliver p a {
			display:block; margin-top:10px; color:#5a8443; font-weight:bold; text-decoration:none;
		}
			#pageContent.jamieOliver p a:hover {
				text-decoration:underline;
			}
	.hotSpot.blackPepper { top:30px; left:290px; width:94px; height:240px; }
	.hotSpot.blackPepper a { width:94px; height:240px; }
	.hotSpot.himalayanSalt { top:40px; left:390px; width:92px; height:270px; }
	.hotSpot.himalayanSalt a { width:92px; height:270px; }
	.hotSpot.szechuan { top:26px; left:485px; width:75px; height:260px; }
	.hotSpot.szechuan a { width:75px; height:260px; }
	.hotSpot.chilliSalt { top:40px; left:565px; width:80px; height:275px; }
	.hotSpot.chilliSalt a { width:80px; height:275px; }
	.hotSpot.thymeLemon { top:20px; left:650px; width:75px; height:260px; }
	.hotSpot.thymeLemon a { width:75px; height:260px; }
	.hotSpot.oakSmoked { top:45px; left:730px; width:80px; height:260px; }
	.hotSpot.oakSmoked a { width:80px; height:260px; }

/* Jamie Oliver - NEW - Home 
=========================================================================================== */
#pageContent.jo-home { background:#ffffff url(../images/generic/jo-menu.jpg) bottom right no-repeat; }

	#pageContent.jo-home h1 { font-size:215%; line-height:110%; color:#000000;
		margin:5px 3px 5px 188px; width:200px; overflow:hidden; float:left; padding-bottom:10px; 
	}
	
	#pageContent.jo-home p  {
    font-family:"Times New Roman", Times, serif; color:#000000; font-size:135%; line-height:145%; width:390px; padding:84px 0 10px 1px;
	}
		
	.hotSpot.jo-home-sg {
	top:392px;
	left:201px;
	width:188px;
	height:40px;
}
	.hotSpot.jo-home-sg a { width:188px; height:40px; }
	
	.hotSpot.jo-home-lg {
	top:390px;
	left:409px;
	width:208px;
	height:40px;
}
	.hotSpot.jo-home-lg a { width:208px; height:40px; }
	
	
	.hotSpot.jo-home-hc {
	top:390px;
	left:636px;
	width:153px;
	height:40px;
}
	.hotSpot.jo-home-hc a { width:153px; height:40px; }	
	
		
/* Jamie Oliver - Small Grind Mills - MENU
=========================================================================================== */
#pageContent.jo-sg-menu {
	background:#ffffff url(../images/generic/jo-sg-home.jpg) bottom right no-repeat;
}
	#pageContent.jo-sg-menu h1 { font-size:230%; line-height:100%; color:#000000;
		margin:19px 3px 5px 190px; width:200px; overflow:hidden; float:left; padding-bottom:20px
	}
	
	#pageContent.jo-sg-menu ul  {
    font-family:"Times New Roman", Times, serif; font-size:130%; line-height:130%;
	}
	
	#pageContent.jo-sg-menu li {
	list-style:none; list-style:disc
	}
	
	#pageContent.jo-sg-menu li.below {
	padding-bottom:10px
	}
	
	#pageContent.jo-sg-menu li.sub {
	list-style:none; 
	}
	
	#pageContent.jo-sg-menu ul.sg-left {
   margin:0px 2px 5px 5px; width:200px; float:left;
	}
	
	#pageContent.jo-sg-menu ul.sg-right {
   margin:0px 2px 3px 220px; width:170px;
	}

	.hotSpot.jamiesays-sg { top:384px; left:12px; width:138px; height:36px; }

	.hotSpot.jamiesays-sg a { width:138px; height:36px;
			                  font-size:160%;
							  line-height:105%;
							  font-family:"Times New Roman",Times,serif;
	                          color:#000000;
	                          background-color: #fda512;
	                          padding:6px 15px 5px 11px;
							  text-decoration:none  }
							  
							  
	
	.hotSpot.jamiesays-sg a:hover {  text-decoration:underline  }						  
						  
	

	.hotSpot.sg-szechuan {
	top:262px;
	left:403px;
	width:47px;
	height:156px;
}
	.hotSpot.sg-szechuan a { width:47px; height:156px; }
	
	
	.hotSpot.sg-pink { top:262px; left:471px; width:47px; height:156px; }
	.hotSpot.sg-pink a { width:47px; height:156px; }
	
	.hotSpot.sg-bbq { top:262px; left:535px; width:47px; height:156px; }
	.hotSpot.sg-bbq a { width:47px; height:156px; }
	
	.hotSpot.sg-tellicherry { top:262px; left:599px; width:47px; height:156px; }
	.hotSpot.sg-tellicherry a { width:47px; height:156px; }
	
	.hotSpot.sg-chilli { top:262px; left:666px; width:47px; height:156px; }
	.hotSpot.sg-chilli a { width:47px; height:156px; }
	
	.hotSpot.sg-thyme { top:262px; left:730px; width:47px; height:156px; }
	.hotSpot.sg-thyme a { width:47px; height:156px; }

/* Jamie Oliver - LARGE Grind Mills - MENU
=========================================================================================== */
#pageContent.jo-lg-menu {
	background:#ffffff url(../images/generic/jo-lg-home.jpg) bottom right no-repeat;
}
	#pageContent.jo-lg-menu h1 { font-size:230%; line-height:100%; color:#000000;
		margin:19px 3px 5px 190px; width:200px; overflow:hidden; float:left; padding-bottom:20px
	}
	
	
	#pageContent.jo-lg-menu p  {
    font-family:"Times New Roman", Times, serif; color:#000000; font-size:135%; line-height:145%; width:390px; padding-bottom:10px;
	}
	
	
	#pageContent.jo-lg-menu ul  {
    font-family:"Times New Roman", Times, serif; font-size:135%; line-height:145%;  width:170px; padding-left:7px
	}
	
	#pageContent.jo-lg-menu li {
	list-style:none; list-style:disc; padding-bottom:6px
	}
	

	.hotSpot.jamiesays-lg { top:384px; left:12px; width:138px; height:36px; }
	.hotSpot.jamiesays-lg a { width:138px; height:36px;
			                  font-size:160%;
							  line-height:105%;
							  font-family:"Times New Roman",Times,serif;
	                          color:#000000;
	                          background-color: #f2252c;
	                          padding:6px 15px 5px 11px;
							  text-decoration:none  }
							  
	
	.hotSpot.jamiesays-lg a:hover { text-decoration:underline }
	
	
	
	
	.hotSpot.lg-tellicherry {top:221px; left:583px; width:47px; height:190px; }
	.hotSpot.lg-tellicherry a { width:47px; height:156px; }

	.hotSpot.lg-hot { top:222px; left:656px; width:47px; height:188px; }
	.hotSpot.lg-hot a { width:47px; height:156px; }
	
	.hotSpot.lg-med { top:222px; left:729px; width:47px; height:189px; }
	.hotSpot.lg-med a { width:47px; height:156px; }

/* Jamie Oliver - Herb Crusts - MENU
=========================================================================================== */
#pageContent.jo-hc-menu {
	background:#ffffff url(../images/generic/jo-hc-menu.jpg) bottom right no-repeat;
}
	#pageContent.jo-hc-menu h1 { font-size:230%; line-height:100%; color:#000000; min-height:36px;
		margin:19px 3px 5px 190px; width:200px; overflow:hidden; float:left; padding-bottom:20px
	}
	
	#pageContent.jo-hc-menu p  {
    font-family:"Times New Roman", Times, serif; color:#000000; font-size:135%; line-height:145%; width:390px; padding-bottom:10px;
	}
	
	
	#pageContent.jo-hc-menu ul  {
    font-family:"Times New Roman", Times, serif; font-size:130%; line-height:130%;
	}
	
	#pageContent.jo-hc-menu li {
	list-style:none; list-style:disc
	}
	
	#pageContent.jo-hc-menu li.below {
	padding-bottom:10px
	}
	
	#pageContent.jo-hc-menu li.sub {
	list-style:none; 
	}
	
	#pageContent.jo-hc-menu ul.sg-left {
   margin:0px 2px 5px 5px; width:200px; float:left;
	}
	
	#pageContent.jo-hc-menu ul.sg-right {
   margin:0px 2px 3px 220px; width:170px;
	}

	
	.hotSpot.jamiesays-hc { top:384px; left:12px; width:138px; height:36px; }
	.hotSpot.jamiesays-hc a { width:138px; height:36px;
			                  font-size:160%;
							  line-height:105%;
							  font-family:"Times New Roman",Times,serif;
	                          color:#000000;
	                          background-color: #9aa807;
	                          padding:6px 15px 5px 11px;
							  text-decoration:none 
							 }
	.hotSpot.jamiesays-hc a:hover { text-decoration:underline }
	
	

	.hotSpot.hc-moroccan { top:310px; left:476px; width:66px; height:105px; }
	.hotSpot.hc-moroccan a { width:66px; height:105px; }
	
	.hotSpot.hc-piri { top:229px; left:554px; width:66px; height:105px; }
	.hotSpot.hc-piri a { width:66px; height:105px; }
	
	.hotSpot.hc-chilli { top:309px; left:622px; width:66px; height:105px; }
	.hotSpot.hc-chilli a { width:66px; height:105px; }
	
	.hotSpot.hc-lemon { top:227px; left:695px; width:66px; height:105px; }
	.hotSpot.hc-lemon a { width:66px; height:105px; }
	


/* Image Overlay - Jamie says... small grind mills
=========================================================================================== */
#overlay-jamiesays-sg {
	width:240px; text-align:center; padding:15px 20px 10px 20px; background-image:url(../images/popup/pop-jo-sg.png);			
	display:none;
}

	#overlay-jamiesays-sg .layout {
		float:left; text-align:left; width:240px
	}
			#overlay-jamiesays-sg .layout p {
			font-family:"Times New Roman", Times, serif; font-size:140%; line-height:140%; color:#000000; font-weight:normal
			}

#overlay-jamiesays-sg div.close {
	position:absolute; right:-6px; top:-18px; cursor:pointer; height:35px; width:35px;
	background:url(../images/popup/close.png) !important;
}


/* Image Overlay - Jamie says... large grind mills
=========================================================================================== */
#overlay-jamiesays-lg {
	width:240px; text-align:center; padding:15px 20px 10px 20px; background-image:url(../images/popup/pop-jo-lg.png);			
	display:none;
}

	#overlay-jamiesays-lg .layout {
		float:left; text-align:left; width:240px
	}
			#overlay-jamiesays-lg .layout p {
			font-family:"Times New Roman", Times, serif; font-size:140%; line-height:140%; color:#000000; font-weight:normal
			}
			
			#overlay-jamie-lg img {
		     float:left; padding-right:20px; }

#overlay-jamiesays-lg div.close {
	position:absolute; right:-6px; top:-18px; cursor:pointer; height:35px; width:35px;
	background:url(../images/popup/close.png) !important;
}	


/* Image Overlay - Jamie says... small grind mills
=========================================================================================== */
#overlay-jamiesays-hc {
	width:240px; text-align:center; padding:15px 20px 10px 20px; background-image:url(../images/popup/pop-jo-hc.png);			
	display:none;
}

	#overlay-jamiesays-hc .layout {
		float:left; text-align:left; width:240px
	}
			#overlay-jamiesays-hc .layout p {
			font-family:"Times New Roman", Times, serif; font-size:140%; line-height:140%; color:#000000; font-weight:normal
			}

#overlay-jamiesays-hc div.close {
	position:absolute; right:-6px; top:-18px; cursor:pointer; height:35px; width:35px;
	background:url(../images/popup/close.png) !important;
}


/* Image Overlay - Small grind Mills
=========================================================================================== */
#overlay-jamie-sg {
	width:355+px; text-align:center; padding:77px;
	background-image:url(../images/popup/white-small.png);			
	display:none;
}
	#overlay-jamie-sg img {
		float:left; padding-right:20px;
	}
	#overlay-jamie-sg .layout {
		float:left; text-align:left; padding-top:30px;
	}
		#overlay-jamie-sg .layout h3 {
			font-size:230%; line-height:120%; padding-bottom:12px;
		}
			#overlay-jamie-sg .layout h4 {
				font-size:120%; line-height:150%; color:#666; font-weight:normal
			}
				#overlay-jamie-sg .layout h4 strong {
					color:#666;
				}
				
				#pageContent.jo-sg-menu p  {
    font-family:"Times New Roman", Times, serif; color:#000000; font-size:135%; line-height:145%; width:390px; padding-bottom:10px;
	}
	
#overlay-jamie-sg div.close {
	position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px;
	background:url(../images/popup/close.png) !important;
}
	
/* Image Overlay - Jamie LARGE grind Mills
=========================================================================================== */
#overlay-jamie-lg {
	width:339px; text-align:center; padding:86px;
	background-image:url(../images/popup/white-small.png);			
	display:none;
}
	#overlay-jamie-lg img {
		float:left; padding-right:20px;
	}
	#overlay-jamie-lg .layout {
		float:left; text-align:left; padding-top:30px;
	}
		#overlay-jamie-lg .layout h3 {
			font-size:230%; line-height:120%; padding-bottom:12px;
		}
			#overlay-jamie-lg .layout h4 {
				font-size:120%; line-height:150%; color:#666; font-weight:normal
			}
				#overlay-jamie-lg .layout h4 strong {
					color:#666;
				}
#overlay-jamie-lg div.close {
	position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px;
	background:url(../images/popup/close.png) !important;
}

/* Image Overlay - Herb Crusts
=========================================================================================== */
#overlay-jamie-hc {
	width:430px; text-align:center; padding:93px 78px 2px 61px;
	background-image:url(../images/popup/white-hc.png);			
	display:none;
}
	#overlay-jamie-hc img {
		float:left; padding-right:20px;
	}
	#overlay-jamie-hc .layout {
		float:left; text-align:left; padding-top:1px;
	}
		#overlay-jamie-hc .layout h3 {
			font-size:230%; line-height:120%; padding-bottom:12px;
		}
			#overlay-jamie-hc .layout h4 {
				font-size:120%; line-height:150%; color:#666; font-weight:normal
			}
				#overlay-jamie-hc .layout h4 strong {
					color:#666;
				}
				#overlay-jamie-hc ul { color:#7C7C7C;
                                       font-size:110%;
                                        margin:0;
										padding:3px 2px 3px 18px
										   }
				#overlay-jamie-hc ul li { list-style-type:disc
										   }
				
				
#overlay-jamie-hc div.close {
	position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px;
	background:url(../images/popup/close.png) !important;
}
		
	
	
/* Jamie Oliver - Small Grind Mills 
=========================================================================================== */
#pageContent.jo-sg-szechuan { background:#ffffff url(../images/generic/jo-sg-szechuan.jpg) bottom right no-repeat; }
#pageContent.jo-sg-pink { background:#ffffff url(../images/generic/jo-sg-pink.jpg) bottom right no-repeat; }
#pageContent.jo-sg-bbq { background:#ffffff url(../images/generic/jo-sg-bbq.jpg) bottom right no-repeat; }
#pageContent.jo-sg-tellicherry { background:#ffffff url(../images/generic/jo-sg-tellicherry.jpg) bottom right no-repeat; }
#pageContent.jo-sg-chilli { background:#ffffff url(../images/generic/jo-sg-chilli.jpg) bottom right no-repeat; }
#pageContent.jo-sg-thyme { background:#ffffff url(../images/generic/jo-sg-thyme.jpg) bottom right no-repeat; }

	#pageContent.jo-sg h1 { font-size:190%; line-height:120%; color:#000000;
		margin:5px 3px 5px 188px; width:200px; overflow:hidden; float:left; padding-bottom:20px; min-height:70px
	}
	
	#pageContent.jo-sg p  {
    font-family:"Times New Roman", Times, serif; color:#000000; font-size:135%; line-height:145%; width:270px; padding-bottom:10px;
	}
	
	#pageContent.jo-sg .shop a { background-image:url(../images/generic/shop-icon-sg.gif); background-position:left; background-repeat:no-repeat; padding-left:29px;  margin-top:43px; color:#000000; text-decoration:none }
	
		#pageContent.jo-sg .shop a:hover { text-decoration:underline }
	
/* Jamie Oliver - Large Grind Mills 
=========================================================================================== */
#pageContent.jo-lg-tellicherry { background:#ffffff url(../images/generic/jo-lg-tellicherry.jpg) bottom right no-repeat; }
#pageContent.jo-lg-hot { background:#ffffff url(../images/generic/jo-lg-hot.jpg) bottom right no-repeat; }
#pageContent.jo-lg-med { background:#ffffff url(../images/generic/jo-lg-med.jpg) bottom right no-repeat; }

	#pageContent.jo-lg h1 { font-size:230%; line-height:120%; color:#000000; min-height:70px;
		margin:5px 3px 5px 188px; width:200px; overflow:hidden; float:left; padding-bottom:20px; }
	
	#pageContent.jo-lg p  { font-family:"Times New Roman", Times, serif; color:#000000; font-size:135%; line-height:145%; width:285px; padding-bottom:10px }
	
	#pageContent.jo-lg .shop a { background-image:url(../images/generic/shop-icon-lg.gif); background-position:left; background-repeat:no-repeat; padding-left:29px;  margin-top:43px; color:#000000; text-decoration:none }
	
		#pageContent.jo-lg .shop a:hover { text-decoration:underline }
	
/* Jamie Oliver - Herb Crusts 
=========================================================================================== */
#pageContent.jo-hc-moroccan { background:#ffffff url(../images/generic/jo-hc-moroccan.jpg) bottom right no-repeat; }
#pageContent.jo-hc-piri { background:#ffffff url(../images/generic/jo-hc-piri.jpg) bottom right no-repeat; }
#pageContent.jo-hc-lemon { background:#ffffff url(../images/generic/jo-hc-lemon.jpg) bottom right no-repeat; }
#pageContent.jo-hc-chilli { background:#ffffff url(../images/generic/jo-hc-chilli.jpg) bottom right no-repeat; }

	#pageContent.jo-hc h1 { font-size:230%; line-height:120%; color:#000000;
		margin:5px 3px 5px 188px; width:200px; overflow:hidden; float:left; padding-bottom:10px; min-height:70px
	}
	
	#pageContent.jo-hc p  {
    font-family:"Times New Roman", Times, serif; color:#000000; font-size:135%; line-height:145%; width:390px; padding-bottom:10px;
	}
	
	#pageContent.jo-hc ul  {
    font-family:"Times New Roman", Times, serif; font-size:135%; line-height:145%; width: 190px; padding-left:15px; padding-bottom: 7px
	}
	
	#pageContent.jo-hc li {
	list-style:none; list-style:disc
	}
	
	#pageContent.jo-hc .shop a { background-image:url(../images/generic/shop-icon-hc.gif); background-position:left; background-repeat:no-repeat; padding-left:29px;  margin-top:43px; color:#000000; text-decoration:none }
	
		#pageContent.jo-hc .shop a:hover { text-decoration:underline }
		
		
		
		
		
		
				

/* Mini Marshmallows
=========================================================================================== */
#pageContent.miniMarshmallows {
	background:#ffffff url(../images/generic/mini-marshmallows.jpg) bottom right no-repeat;
}
	#pageContent.miniMarshmallows h1 {
		margin:10px 0 0 13px; width:496px; height:145px; text-indent:-5000em; overflow:hidden;
		background:url(../images/generic/title-miniMarshmallows.gif) top left no-repeat;
	}
	#pageContent.miniMarshmallows p {
		margin:140px 0 0 610px; font-size:120%; line-height:150%; width:200px; text-decoration:none
	}
	
		#pageContent.miniMarshmallows p a {
		text-decoration:none
	}
	
		#pageContent.miniMarshmallows p a:hover {
		text-decoration:underline
	}
	
/* Christmas Cupcakes
=========================================================================================== */
#pageContent.christmas {
	background:#ffffff url(../images/generic/christmas-bg.jpg) bottom right no-repeat;
}
	#pageContent.christmas h1 {
		float:left; margin:20px 0 0 18px; width:272px; height:142px; text-indent:-5000em; overflow:hidden;
		background:url(../images/generic/title-christmas.gif) top left no-repeat;
	}
	#pageContent.christmas p {
		margin:190px 0 0 40px; font-size:120%; line-height:150%; width:200px; text-align:center;
	}
	

/* Fiddes Sprinkles
=========================================================================================== */
#pageContent.fiddesSprinkles {
	background:#ffffff url(../images/generic/fiddesSprinkles.jpg) top right no-repeat;
}
	#pageContent.fiddesSprinkles h1 {
		margin:30px 0 0 18px; width:361px; height:193px; text-indent:-5000em; overflow:hidden;
		background:url(../images/generic/fiddesSprinkles-title.gif) top left no-repeat;
	}
	#pageContent.fiddesSprinkles p {
		margin:13px 0 0 20px; font-size:120%; line-height:150%; width:340px;
	}


/* 4-in-1 Sprinkler
=========================================================================================== */
#pageContent.sprinklers {
	background:#ffffff url(../images/generic/sprinklers.jpg) bottom right no-repeat;
}
	#pageContent.sprinklers h1 {
		margin:93px 0 0 18px; width:360px; height:136px; text-indent:-5000em; overflow:hidden;
		background:url(../images/generic/title-sprinklers.gif) top left no-repeat;
	}
	#pageContent.sprinklers p {
		margin:-210px 0 0 21px; font-size:120%; line-height:150%; width:606px;
	}
	
	
/* Candles
=========================================================================================== */
#pageContent.candles {
	background:#ffffff url(../images/generic/candles.jpg) bottom right no-repeat;
}
	#pageContent.candles h1 {
		margin:15px 0 0 15px; width:229px; height:110px; text-indent:-5000em; overflow:hidden;
		background:url(../images/generic/title-candles.gif) top left no-repeat;
	}
	#pageContent.candles p {
		margin:25px 0 0 25px; font-size:120%; line-height:150%; width:160px; text-decoration:none
	}
	
		#pageContent.candles p a {
		text-decoration:none
	}
	
			#pageContent.candles p a:hover {
		text-decoration:underline
	}
	
	
/* Spice It Up
=========================================================================================== */
#pageContent.spice {
	background:#ffffff url(../images/generic/spice-bg.jpg) bottom right no-repeat;
}
	#pageContent.spice h1 {
		float:left; margin:10px 0 0 15px; width:352px; height:144px; text-indent:-5000em; overflow:hidden;
		background:url(../images/generic/title-spice.gif) top left no-repeat;
	}
	#pageContent.spice p {
		margin:30px 0 0 380px; font-size:110%; line-height:140%; width:170px;
	}
	
	.hotSpot.atlantic { top:165px; left:27px; width:70px; height:220px; }
	.hotSpot.atlantic a { width:70px; height:220px; }
	.hotSpot.red-hot { top:165px; left:117px; width:70px; height:220px; }
	.hotSpot.red-hot a { width:70px; height:220px; }
	.hotSpot.spice-it { top:165px; left:207px; width:70px; height:220px; }
	.hotSpot.spice-it a { width:70px; height:220px;}
	.hotSpot.black { top:165px; left:292px; width:70px; height:220px;}
	.hotSpot.black a { width:70px; height:220px; }
	.hotSpot.seaweed { top:165px; left:378px; width:70px; height:220px; }
	.hotSpot.seaweed a { width:70px; height:220px; }
	.hotSpot.rainbow-pepp { top:165px; left:460px; width:70px; height:220px; }
	.hotSpot.rainbow-pepp a { width:70px; height:220px;}
	
	
	
/* Spice It Up - Atlantic Sea Salt
=========================================================================================== */
#pageContent.spice-atlantic {
	background:#ffffff url(../images/generic/spice-bg-atlantic.jpg) bottom right no-repeat;
}
	#pageContent.spice-atlantic h1 { font-size:170%; line-height:140%; color:#7C7C7C;
		margin:184px 0 0 92px; width:200px; overflow:hidden; float:left; min-height:35px
	}
	#pageContent.spice-atlantic p {
   margin:0 0 0 13px; padding-top:5px; font-size:120%; line-height:150%; width:545px; float:left; clear:both
	}
	#pageContent.spice-atlantic a { text-decoration:none
	}
/* Spice It Up - Red Hot Chilli
=========================================================================================== */
#pageContent.spice-red {
	background:#ffffff url(../images/generic/spice-bg-red-hot.jpg) bottom right no-repeat;
}
	#pageContent.spice-red h1 { font-size:170%; line-height:140%; color:#7C7C7C;
		margin:184px 0 0 92px; width:200px; overflow:hidden; float:left; min-height:35px
	}
	#pageContent.spice-red p {
   margin:0 0 0 13px; padding-top:5px; font-size:120%; line-height:150%; width:545px; float:left; clear:both
	}
		
/* Spice It Up - Spice it up
=========================================================================================== */
#pageContent.spice-spice {
	background:#ffffff url(../images/generic/spice-bg-spice-it.jpg) bottom right no-repeat;
}
	#pageContent.spice-spice h1 { font-size:170%; line-height:140%; color:#7C7C7C;
		margin:184px 0 0 92px; width:200px; overflow:hidden; float:left; min-height:35px
	}
	#pageContent.spice-spice p {
   margin:0 0 0 13px; padding-top:5px; font-size:120%; line-height:150%; width:545px; float:left; clear:both
	}
	
/* Spice It Up - Black peppercorns
=========================================================================================== */
#pageContent.spice-peppercorns {
	background:#ffffff url(../images/generic/spice-bg-peppercorns.jpg) bottom right no-repeat;
}
	#pageContent.spice-peppercorns h1 { font-size:170%; line-height:140%; color:#7C7C7C;
		margin:184px 0 0 92px; width:200px; overflow:hidden; float:left; min-height:35px
	}
	#pageContent.spice-peppercorns p {
   margin:0 0 0 13px; padding-top:5px; font-size:120%; line-height:150%; width:545px; float:left; clear:both
	}
	#pageContent.spice-peppercorns a { text-decoration:none
	}
/* Spice It Up - Seaweed
=========================================================================================== */
#pageContent.spice-seaweed {
	background:#ffffff url(../images/generic/spice-bg-seaweed.jpg) bottom right no-repeat;
}
	#pageContent.spice-seaweed h1 { font-size:170%; line-height:140%; color:#7C7C7C;
		margin:184px 0 0 92px; width:200px; overflow:hidden; float:left; min-height:35px
	}
	#pageContent.spice-seaweed p {
   margin:0 0 0 13px; padding-top:5px; font-size:120%; line-height:150%; width:545px; float:left; clear:both
	}
		
/* Spice It Up - Rainbow
=========================================================================================== */
#pageContent.spice-rainbow {
	background:#ffffff url(../images/generic/spice-bg-rainbow.jpg) bottom right no-repeat;
}
	#pageContent.spice-rainbow h1 { font-size:170%; line-height:140%; color:#7C7C7C;
		margin:184px 0 0 92px; width:200px; overflow:hidden; float:left; min-height:35px
	}
	#pageContent.spice-rainbow p {
   margin:0 0 0 13px; padding-top:5px; font-size:120%; line-height:150%; width:545px; float:left; clear:both
	}
				
/* Vanilla
=========================================================================================== */
#pageContent.vanilla {
	background:#ffffff url(../images/generic/vanilla-bg.jpg) bottom left no-repeat;
}
	#pageContent.vanilla p {
		float:right; margin:355px 50px 0 0; font-size:120%; line-height:150%; width:240px; text-align:center;
	}
	
	
/* Seasonings
=========================================================================================== */
#pageContent.seasoning {
	background:#ffffff url(../images/generic/seasoning.jpg) bottom right no-repeat;
}
	#pageContent.seasoning h1 {
		margin:25px 0 0 160px; width:357px; height:190px; text-indent:-5000em; overflow:hidden;
		background:url(../images/generic/title-seasoning.gif) top left no-repeat;
	}
	#pageContent.seasoning p {
		float:left; margin:47px 0 0 15px; font-size:120%; line-height:150%; width:160px;
	}
	.hotSpot.american { top:235px; left:25px; width:100px; height:200px; }
	.hotSpot.american a { width:100px; height:200px; }
	.hotSpot.cajun { top:235px; left:178px; width:100px; height:200px; }
	.hotSpot.cajun a { width:100px; height:200px; }
	.hotSpot.tex { top:235px; left:330px; width:100px; height:200px; }
	.hotSpot.tex a { width:100px; height:200px; }
	.hotSpot.jamaican { top:235px; left:490px; width:100px; height:200px; }
	.hotSpot.jamaican a { width:100px; height:200px; }
	
/* Seasonings - American
=========================================================================================== */
#pageContent.seasoning-american {
	background:#ffffff url(../images/generic/seasoning-american.jpg) bottom right no-repeat;
}
	#pageContent.seasoning-american h1 { font-size:170%; line-height:140%; color:#7C7C7C;
		margin:145px 0 0 11px; width:200px; overflow:hidden; float:left; min-height:65px
	}
	#pageContent.seasoning-american p {
   margin:0 0 0 13px; padding-top:5px; font-size:120%; line-height:150%; width:360px; float:left; clear:both
	}
	
/* Seasonings - Cajun
=========================================================================================== */
#pageContent.seasoning-cajun {
	background:#ffffff url(../images/generic/seasoning-cajun.jpg) bottom right no-repeat;
}
	#pageContent.seasoning-cajun h1 { font-size:170%; line-height:140%; color:#7C7C7C;
		margin:145px 0 0 11px; width:200px; overflow:hidden; float:left; min-height:65px
	}
	#pageContent.seasoning-cajun p {
   margin:0 0 0 13px; padding-top:5px; font-size:120%; line-height:150%; width:360px; float:left; clear:both
	}
	
/* Seasonings - Tex Mex
=========================================================================================== */
#pageContent.seasoning-tex-mex {
	background:#ffffff url(../images/generic/seasoning-tex-mex.jpg) bottom right no-repeat;
}
	#pageContent.seasoning-tex-mex  h1 { font-size:170%; line-height:140%; color:#7C7C7C;
		margin:145px 0 0 11px; width:200px; overflow:hidden; float:left; min-height:65px
	}
	#pageContent.seasoning-tex-mex  p {
   margin:0 0 0 13px; padding-top:5px; font-size:120%; line-height:150%; width:360px; float:left; clear:both
	}	
/* Seasonings - Jamaican
=========================================================================================== */
#pageContent.seasoning-jamaican {
	background:#ffffff url(../images/generic/seasoning-jamaican.jpg) bottom right no-repeat;
}
	#pageContent.seasoning-jamaican  h1 { font-size:170%; line-height:140%; color:#7C7C7C;
		margin:145px 0 0 11px; width:200px; overflow:hidden; float:left; min-height:65px
	}
	#pageContent.seasoning-jamaican  p {
   margin:0 0 0 13px; padding-top:5px; font-size:120%; line-height:150%; width:360px; float:left; clear:both
	}	
			
/* Decorations
=========================================================================================== */
#pageContent.decorations {
	background:#ffffff url(../images/generic/decorations.jpg) bottom right no-repeat;
}
	#pageContent.decorations h1 {
		margin:8px 0 0 20px; width:470px; height:131px; text-indent:-5000em; overflow:hidden;
		background:url(../images/generic/title-decorations.gif) top left no-repeat;
	}
	#pageContent.decorations p {
		float:left; margin:15px 0 0 20px; font-size:120%; line-height:150%; width:140px;
	}
	.hotSpot.sugar { top:150px; left:190px; width:60px; height:260px; }
	.hotSpot.sugar a { width:60px; height:260px; }
	.hotSpot.rainbow { top:150px; left:260px; width:65px; height:260px; }
	.hotSpot.rainbow a { width:65px; height:260px; }
	.hotSpot.pearl { top:150px; left:330px; width:70px; height:260px; }
	.hotSpot.pearl a { width:70px; height:260px; }
	.hotSpot.magic { top:150px; left:405px; width:70px; height:260px; }
	.hotSpot.magic a { width:70px; height:260px; }
	
	
	

/* Recipe Page
=========================================================================================== */
#pageContent h1.recipes {
	margin:10px 10px 0 10px; width:757px; height:202px; text-indent:-5000em; overflow:hidden;
	background:url(../images/generic/recipes-title.gif) top left no-repeat;
}

#pageContent h1.homebake {
	margin:10px 10px 0 10px; width:757px; height:202px; text-indent:-5000em; overflow:hidden;
	background:url(../images/generic/homebake-title.gif) top left no-repeat;
}
#pageContent h1.curry {
	margin:10px 10px 0 10px; width:757px; height:202px; text-indent:-5000em; overflow:hidden;
	background:url(../images/generic/curry-title.gif) top left no-repeat;
}
#pageContent h1.herbuses {
	margin:10px; width:782px; height:159px; text-indent:-5000em; overflow:hidden;
	background:url(../images/generic/herb-uses-title.gif) top left no-repeat;
}

.recipeHolder {
	float:left; border:#e7e2bd 2px solid; padding:15px; width:95%; margin:10px 0 15px 0;
}
	.recipeHolder h2 {
		font-size:230%; font-weight:normal; padding-bottom:10px; margin-bottom:15px; border-bottom:#e7e2bd 1px solid;
	}
		.recipeHolder h2 em {
			font-size:70%; color:#999;
		}
	.recipeHolder h3 {
		font-size:150%; margin-bottom:5px; color:#aa64d6;
	}
	.recipeHolder p {
		font-size:120%; line-height:140%;
	}
		.recipeHolder ul {
			margin:10px 20px 20px 20px; list-style:disc;
		}
			.recipeHolder ul li {
				font-size:120%; line-height:140%; color:#666;
			}
		.recipeHolder ol {
			margin:10px 20px 20px 20px; 
		}
			.recipeHolder ol li {
				font-size:120%; line-height:140%; color:#666; padding-bottom:6px;
			}

.recipeIntro {
		font-size:160%;
		line-height:140%;
	}
	
.recipeIntro-intro {	margin:10px 208px 30px 18px; }
.recipeIntro-curry {	margin:10px 208px 30px 18px; }
.recipeIntro-baking {	margin:10px 208px 30px 18px; }
.recipeIntro-herbs {	margin:10px 208px 30px 18px; }
	
.recipeIntro a {
	font-weight:bold;
	text-decoration:none
	}
	
.recipeIntro a:hover {
	text-decoration:underline
	}




dl {
	float:left; border:#e7e2bd 2px solid; width:20%; padding:10px; height:100px; margin:0 15px 15px 0;
}
	dt {
		font-size:130%; line-height:130%; font-weight:bold; margin-bottom:5px;
	}
	dd {
		font-size:110%; color:#666;
	}



#footer { 
	margin:0 auto; clear:both; text-align:center;
} 
	#footer p {
		color:#999; position:relative; margin-top:5px; line-height:160%
	}
		#footer p a {
			color:#999; text-decoration:none;
		}
			#footer p a:hover {
				 text-decoration:underline;
			}

#footer .main{ 
	margin:0 auto; clear:both; text-align:center;  padding-top:10px; 
} 


	
/* Image Enlarge Overlay
=========================================================================================== */
#overlay {
	width:500px; text-align:center; padding:55px;
	background-image:url(../images/popup/white.png);			
	display:none;
}



	#overlay img {
		float:left; padding-right:20px;
	}
	#overlay .layout {
		float:left; text-align:left; padding-top:30px;
	}
		#overlay .layout h3 {
			font-size:230%; line-height:120%; padding-bottom:12px;
		}
			#overlay .layout p {
				font-size:120%; line-height:150%; padding-bottom:5px; text-decoration:none
			}
			
			#overlay a.shop {
               background-image:url(../images/generic/shop-icon.gif);
               background-position:left center;
               background-repeat:no-repeat;
               font-weight:bold;
               padding-left:29px;
               text-decoration:none; 
			   }

				#overlay .layout p strong {
					color:#666;
				}
				
				#overlay .layout p a { text-decoration:none }
				#overlay .layout p a:hover { text-decoration:underline }
			
#overlay div.close {
	position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px;
	background:url(../images/popup/close.png) !important;
}
	
/* Image Enlarge Overlay - Spice
=========================================================================================== */
#overlay-spice {
	width:400px; text-align:center; padding:55px;
	background-image:url(../images/popup/white.png);			
	display:none;
}
	#overlay-spice img {
		float:left; padding-right:20px;
	}
	#overlay-spice .layout {
		float:left; text-align:left; padding-top:30px;
	}
		#overlay-spice .layout h3 {
			font-size:230%; line-height:120%; padding-bottom:12px;
		}
			#overlay-spice .layout h4 {
				font-size:120%; line-height:150%; color:#666; font-weight:normal
			}
				#overlay-spice .layout h4 strong {
					color:#666;
				}
				
				#overlay-spice .layout p {
				font-size:120%; line-height:150%; padding-bottom:5px; text-decoration:none
			}
			
			#overlay-spice a.shop {
               background-image:url(../images/generic/shop-icon.gif);
               background-position:left center;
               background-repeat:no-repeat;
               font-weight:bold;
               padding-left:29px;
               text-decoration:none; 
			   }

				#overlay-spice .layout p strong {
					color:#666;
				}
				
				#overlay-spice .layout p a { text-decoration:none }
				#overlay-spice .layout p a:hover { text-decoration:underline }
				
				
				
#overlay-spice div.close {
	position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px;
	background:url(../images/popup/close.png) !important;
}