body
{
	background: #eaf440;
	color: #6c665a;
	font-family: arial, helvetica, sans-serif;
	font-size: 75%;
	margin: 0;
	line-height: 1.5;
}

img
{
	border: 0 none;
}

a
{
	text-decoration: none;
	color: #f5284a;
}

a:hover
{
	text-decoration: underline;
}

form
{
	margin: 0;
}

input, select, textarea
{
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
}

.text
{
	border: 0 none;
	padding: 4px 4px 3px 4px;
	background: url(/media/images/input-bg.gif) left top no-repeat;
}

h1, h2, h3, h4, h5, h6, p, ul, ol
{
	margin-top: 10px;
	margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
}

h1 {font-size: 300%; letter-spacing: -1px; 	margin-bottom: -5px; border-bottom: 1px solid #eee;}
h2 {font-size: 150%; color: #262623;}
h3 {font-size: 120%; color: #262623;}

.clear
{
	display: block;
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	visibility: hidden;
}

#wrapper,
.center
{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#header
{
	background: #000 url(/media/images/header-bg.jpg) repeat-x left;
	padding-bottom: 15px;
}

#header .center
{
	position: relative;
}

#header #logo h1
{
	display: none;
}

#header #logo
{
	position: absolute;
	top: -10px;
	left: -70px;
	width: 374px;
	height: 176px;
	background: url(/media/images/header-logo.png) no-repeat;
}

#headerbasket
{
	float: right;
	background: #e71132;
	color: #ffb0c1;
	padding: 12px 14px;
	margin-bottom: 10px;
}

#headerbasket a
{
	color: #fff;
	text-transform: uppercase;
}

#header #sublinks
{
	clear: right;
	margin: 0;
	text-align: right;
	font-size: 80%;
	color: #888;
}

#header #sublinks a
{
	color: #888;
}

ul#menu
{
	list-style: none;
	padding: 70px 0 0 0;
	margin: 0 0 0 0;
	position: relative;
}

ul#menu li
{
	float: left;
	margin-right: 25px;
}

ul#menu li.menu-home {}
ul#menu li.menu-about-us {width: 100px;}
ul#menu li.menu-our-products {width: 140px;}
ul#menu li.menu-buy-online {width: 120px;}
ul#menu li.menu-recipes {width: 90px;}
ul#menu li.menu-where-to-buy {width: 140px;}
ul#menu li.menu-contact-us {width: 145px;}

ul#menu li a
{
	text-transform: uppercase;
	font-size: 130%;
	color: #fff;
	text-decoration: none;
}

ul#menu li a:hover
{
	color: #eaf440;
}

ul#menu li a span
{
	font-size: 65%;
	text-transform: none;
	color: #999;
	display: block;
}

ul#menu li a:hover span
{
	color: #fff;
}

#subheader
{
	background: url(/media/images/scenic.jpg) center center no-repeat;
	margin-bottom: 15px;
	min-height: 90px;
}

* html #subheader
{
	height: 90px;
}

#trail
{
	padding: 10px 0;
	background: url(/media/images/black-65.png);
	color: #fff;
}

#trail a
{
	color: #95d8ff;
}

#trail p.phone
{
	float: right;
	margin: -2px 0 0 0;
	font-weight: bold;
	font-size: 130%;
}

#main
{
	float: left;
	width: 724px;
	margin-bottom: 60px;
}

#main .panel
{
	background: #fff;
	padding: 10px 25px;
	margin-bottom: 15px;
	float: left;
	width: 674px;
}

#main .panel .top,
#main .panel .bottom
{
	height: 10px;
	background: url(/media/images/panel-corners.gif) left top no-repeat;
	margin: -10px -25px;
	clear: both;
}

#main .panel .bottom
{
	background-position: left bottom;
}

#main .panel#homepageIntro
{
	background: #fff url(/media/images/homepageIntro-bg.gif) right top no-repeat;
}

#right
{
	float: right;
	width: 220px;
	color: #545640;
}

.subMenu
{
	background: #111;
    padding: 9px 0;
    margin-bottom: 15px;
    min-height: 1px;
}

.subMenu .top,
.subMenu .bottom
{
	height: 10px;
	background: url(/media/images/submenu-corners.gif) left top no-repeat;
	margin: -9px 0 0 0;
}

.subMenu .bottom
{
	margin: 0 0 -9px 0;
	background-position: left bottom;
}

.subMenu a
{
	color: #eaf440;
}

.subMenu ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.subMenu ul li
{
	background: url(/media/images/leftmenu-bullet.gif) left center no-repeat;
	padding: 4px 15px 4px 10px;
	border-bottom: 1px solid #222;
}

#right #wheretobuy
{
	background: #cdd71a url(/media/images/wheretobuy-bg.gif) 133px center no-repeat;
	padding: 0 74px 0 15px;
	min-height: 1px;
}

#right #wheretobuy .top,
#right #wheretobuy .bottom
{
	height: 10px;
	background: url(/media/images/wheretobuy-corners.gif) left top no-repeat;
	margin-left: -15px;
	margin-right: -74px;
}

#right #wheretobuy .bottom
{
	margin-top: 3px;
	background-position: left bottom;
}

#right #wheretobuy h3
{
	margin-top: 0;
	color: #fff;
	border-bottom: 1px solid #dbe349;
}

#right #wheretobuy p
{
	font-size: 90%;
}

#right #wheretobuy .text
{
	font-size: 90%;
	color: #62653d;
	padding-bottom: 2px;
	padding-top: 3px;
	height: 14px;
}

#right #wheretobuy *
{
	vertical-align: middle;
}

#right h2
{
	border-bottom: 1px solid #cbd33a;
	color: #62643c;
}


#main .productList
{
	background: #fff;
	padding-right: 0;
	width: 699px;
}

#main .productList h1
{
	margin-right: 20px;
	margin-bottom: 10px;
}

.productList .product
{
	width: 220px;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}

.productList .product h2
{
	font-size: 120%;
	font-weight: bold;
	margin-bottom: -10px;
}

.productList .afro-caribbean h2, .productList .afro-caribbean .price span {color: #c0c800;}
.productList .british-caribbean h2, .productList .british-caribbean .price span {color: #39b54a;}
.productList .caribbean h2, .productList .caribbean .price span {color: #dfb200;}
.productList .dutch-caribbean h2, .productList .dutch-caribbean .price span {color: #f36f21;}
.productList .french-caribbean h2, .productList .french-caribbean .price span {color: #00aab5;}
.productList .spanish-caribbean h2, .productList .spanish-caribbean .price span {color: #ed1846;}

.productList .afro-caribbean form a {background: #c0c800; border-color: #c0c800;}
.productList .british-caribbean form a {background: #39b54a; border-color: #39b54a;}
.productList .caribbean form a {background: #dfb200; border-color: #dfb200;}
.productList .dutch-caribbean form a {background: #f36f21; border-color: #f36f21;}
.productList .french-caribbean form a {background: #00aab5; border-color: #00aab5;}
.productList .spanish-caribbean form a {background: #ed1846; border-color: #ed1846;}

.productList .product .heat
{
	float: right;
	margin: 8px 10px 0 0;
}

.productList .product .img
{
	float: left;
	margin-right: 10px;
	width: 75px;
}

.productList .product .info
{
	float: left;
	width: 130px;
	margin-top: -5px;
}

.productList .product .price
{
	margin: 0;
	color: #888f92;
}

.productList .product .price span
{
	font-size: 135%;
}

.productList .product .price span b
{
	font-weight: normal;
	font-size: 135%;
}

.productList .product form a
{
	display: block;
	width: 75%;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 85%;
	padding: 2px 0;
	text-shadow: 1px 1px 0 #555;
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.productList hr.divider
{
	clear: left;
	margin: 0;
	border: 0 none;
	color: #fff;
	background: #fff;
	border-bottom: 1px solid #eee;
}

#footer
{
	clear: both;
	background: #323131 url(/media/images/footer-horizon.gif) repeat-x left top;
	height: 73px;
	padding-top: 25px;
}

#footer #designedby
{
	position: relative;
	margin-top: -160px;
	float: right;
	width: 506px;
	height: 233px;
	background: url(/media/images/footer-right.png);
	font-size: 90%;
}

#footer #designedby a
{
	position: absolute;
	bottom: 15px;
	right: 24px;
}

#footer p
{
	margin: 0 0 5px 0;
}

#footer .center img
{
	float: left;
	margin: -71px 25px 0 0;
}

#footer p.links,
#footer p.links a
{
	font-size: 95%;
	color: #aaa;
}

.capitals
{
	font-weight: bold;
	text-transform: uppercase;
}

.showing
{
	float: right;
	margin: 0;
	padding: 10px 10px 0 0;
	color: #f6b4bf;
}

.paging
{
	background: #f5284a;
	color: #f6b4bf;
	padding: 7px 10px;
	border: 1px solid #f5284a;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.paging *
{
	vertical-align: middle;
}

.paging a
{
	color: #fff;
}

.paging a.active
{
	font-weight: bold;
	font-size: 125%;
}

/*SHOPPING BASKET*/
/*---------------*/

#basket
{
	width: 100%;
	margin-top: 20px;
}

#basket th
{
	background: #000;
	color: #fff;
	padding: 5px 0;
	font-size: 100%;
	font-weight: bold;
}

#basket .basketImage,
#basket .basketProduct,
#basket .basketQuantity,
#basket .basketPrice,
#basket .basketRemove
{
	background: #f5f5f5;
	border-bottom: 1px solid #e5e5e5;
}

#basket .basketImage
{
	width: 50px;
}

#basket .basketProduct
{
	padding: 10px;
	font-size: 90%;
}

#basket .basketProduct h2
{
	margin: 0;
	font-size: 110%;
}

#basket .basketQuantity
{
	padding: 10px 0;
	width: 130px;
}

#basket .basketQuantity *
{
	vertical-align: middle;
}

#basket .basketPrice
{
	color: #999;
	padding: 10px 0;
	width: 100px;
}

#basket .basketPrice span
{
	color: #2c2c2c;
}

#basket .basketRemove
{
	width: 60px;
}

#basket .basketTotal1
{
	text-align: right;
	padding: 10px 30px 0 0;
	font-size: 135%;
	vertical-align: top;
}

#basket .basketTotal1 a
{
	font-size: 70%;
}

#basket .basketTotal2
{
	font-size: 135%;
	padding: 10px 0 0 0;
}

#basket .basketTotal2 span
{
	color: #aaa;
}

#basketSuccess
{
	font-weight: bold;
	font-size: 125%;
}

#basketError
{
	font-weight: bold;
	color: red;
}

#basketError b
{
	display: block;
}

#basket .checkoutSubmit
{
	text-align: right;
	padding-bottom: 25px;
}

/*STOCKISTS PAGE*/
/*--------------*/

#stockistsForm
{
	background: #f5f5f5;
	border: 1px dashed #ddd;
	padding: 5px 15px 15px 15px;
}

.image
{
	border: 4px solid #f0f0f0;
	margin: 0 10px 10px 10px;
}