/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Burnt Sugar Stylesheet
Author : Darren Lynch / Moresoda / www.moresoda.co.uk

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */

body {
	font: 62.5%/1.6 Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	background: #ffffff url(../images/body.png) top center repeat-y;
	color: #444444;
	text-align: center;
}

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

html, body {
	height: 100%;
/* needed for container min-height */
}

/* ----- GLOBAL ----- */

img {
	display: block;
	border: 0;
}

p {
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 12px;
}

address {
	font-style: normal;
}

/* ----- LINKS ----- */

a {
	color: #df54a3;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #624394;
}

a:focus, a:hover, a:active {
	outline: none;
}

/* ----- FORMS ----- */

form {
	padding: 0;
	margin: 0;
}

fieldset {
	padding: 0;
	margin: 0;
	border: 0px none;
	display: inline;
}

legend {
	padding: 0;
	margin: 0;
	display: none;
}

/* ----- TABLES ----- */

table {
	border-collapse: collapse;
}

table p {
	padding: 0px;
}

#container #content .delivery_table table {
	border-collapse: collapse;
	margin: 0 0 30px 0;
}

#container #content .delivery_table table td {
	background: #d8d1c3;
	border: 1px solid #ffffff;
	padding: 2px 5px;
	line-height: 160%;
}

#container #content .delivery_table table th {
	background: #5b73d6;
	border: 1px solid #ffffff;
	padding: 2px 5px;
	line-height: 120%;
	color: #ffffff;
}

/* ----- IDS ----- */

#container {
	width: 974px;
	margin: 0 auto;
	text-align: left;
	font-size: 140%;
	background: #f1e4bf;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

#header {
	width: 974px;
	height: 160px;
	position: relative;
}

#header #logo {
	position: absolute;
	top: 26px;
	left: 19px;
	width: 190px;
	height: 133px;
}

#header #basket {
	position: absolute;
	top: 37px;
	left: 890px;
	width: 63px;
	height: 47px;
}

#header #headerDivider {
	background: url(../images/headerDivider.gif) top left no-repeat;
	width: 721px;
	height: 2px;
	display: block;
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 93px;
	left: 231px;
}

#header #topLinks {
	position: absolute;
	top: 11px;
	right: 16px;
	font-size: 11px;
}

#header #topLinks ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header #topLinks li {
	display: block;
	float: left;
	padding: 0 8px 0 6px;
	background: url(../images/topLinksDivider.gif) 100% 4px  no-repeat;
}

#header #topLinks a {
	display: block;
	float: left;
	color: #201e19;
	text-decoration: none;
}

#header #topLinks a:hover {
	text-decoration: underline;
}

#header #topLinks li.last {
	background: none;
}

#homeContent {
	padding-top: 27px;
}

#homeContent #homeLeftCol {
	width: 232px;
	float: left;
	margin-top: 0px;
}

#homeContent #homeMiddleCol {
	width: 404px;
	float: left;
}

#homeContent #homeMiddleCol img {
	margin-bottom: 10px;
}

#homeContent #homeMiddleCol p {
	font-size: 16px;
	line-height: 20px;
	color: #666666;
}

#homeContent #homeRightCol {
	width: 338px;
	float: left;
	margin-top: -25px;
}

#homeContent .homeTitle {
	color: #d53827;
	font-size: 280%;
	line-height: 100%;
	font-weight: bold;
}

#internalContent {
	
}

#internalContent #internalLeftCol {
	width: 232px;
	float: left;
	padding: 20px 0 0 0;
}

#internalContent #internalLeftCol #ourSweetsImage {
	margin: 0 0 0 40px;
}

#internalContent #internalRightCol {
	width: 742px;
	float: left;
	padding: 20px 0 0 0;
}

#content {
	line-height: 120%;
	padding: 0 50px 0 0;
}

#content-wide {
	line-height: 120%;
	padding: 0 50px 0 0;
}

#content-wide p {
	width: 500px;
}

#fade-frame {
	background: url(../images/bg-paper.jpg) top center no-repeat;
	width: 443px;
	height: 261px;
	font-size: 18px;
	color: #624394;
	padding: 35px 20px 5px 20px;
}

#fade-frame p {
	font-size: 14px;
	line-height: 18px;
}

/* ----- RECIPES & BLOG ----- */

#recipes {
	height: auto !important;
	height: 410px;
	min-height: 410px;
	width: 500px;
	padding: 20px 0 0 40px;
	line-height: 18px;
}

#blog {
	height: auto !important;
	height: 410px;
	min-height: 410px;
	width: 500px;
	padding: 20px 0 0 40px;
	line-height: 18px;
}

#recipes .pageTitle {
	color: #00a9dd;
}

#recipesImage {
	position: absolute;
	top: -425px;
	left: 550px;
}

#blogsImage {
	position: absolute;
	top: -471px;
	left: 586px;
}

#recipeImage {
	position: absolute;
	top: -334px;
	left: 679px;
}

.recipeList {
	margin: 0;
	padding: 0 0 25px 0;
	list-style: none;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	color: #1a1818;
}

.recipeList li {
	display: block;
	border-bottom: 1px solid #ffffff;
	padding: 10px 0px 12px 0px;
}

#recipeSpoon {
	
}

#all-recipes {
	height: auto !important;
	height: 410px;
	width: 440px;
	padding: 0;
	line-height: 18px;
	color: #1f1513;
	position: relative;
}

/* ----- OUR SWEETS ----- */

#ourSweets {
	width: 974px;
}

#ourSweetsLeft {
	float: left;
	width: 152px;
	float: left;
}

#ourSweetsLeft .sweetSelectorLeft {
	margin: 145px auto 0 auto;
	width: 96px;
}

#ourSweetsRight {
	float: left;
	width: 152px;
	float: left;
}

#ourSweetsRight .sweetSelectorRight {
	margin: 145px auto 0 auto;
	width: 96px;
}

#ourSweetsSelector {
	width: 660px;
	float: left;
	padding: 5px;
}

#ourSweetsSelector .sweet {
	width: 210px;
	float: left;
	padding: 0 5px;
	text-align: center;
	color: #1a1818;
}

#ourSweetsSelector .sweet a {
	color: #df54a3;
}

#ourSweetsSelector .sweet .sweetImage {
	width: 174px;
	margin: 0 auto;
}

#ourSweetsSelector .sweet .sweetName {
	font-size: 20px;
	font-weight: bold;
	line-height: 21px;
	padding-bottom: 5px;
	height: 45px;
}

#ourSweetsSelector .sweet .sweetText {
	font-size: 11px;
	line-height: 14px;
	padding-bottom: 6px;
	height: 50px;
}

#ourSweetsSelector .sweet .sweetLink {
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 6px;
}

#ourSweetsSelector .sweet .sweetLink a {
	
}

#ourSweetsSelector .sweet .sweetLink a:hover {
	
}

#ourSweetsSelector .sweet .sweetBuy {
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	padding-bottom: 5px;
}

/* ----- CLASSES ----- */

.clear {
	clear: both;
}

.hide {
	display: none;
}

.float_left {
	float: left !important;
}

.float_right {
	float: right !important;
}

.image_right {
	float: right;
	padding: 0 0 15px 15px;
}

.image_left {
	float: left;
	padding: 0 15px 50px 0;
}

.press_left {
	float: left;
	padding: 0 15px 40px 0;
	width: 160px;
	font-size: 11px;
}

.image_center {
	margin: 0 auto;
}

.relative {
	position: relative;
}

.inline {
	display: inline;
}

.hand {
	cursor: pointer;
}

.pageTitle {
	color: #d53827;
	font-size: 28px;
	line-height: 28px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.pageTitleSub {
	color: #d53827;
	font-size: 22px;
	line-height: 22px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.widePara {
	width: 500px;
}

.smallText {
	font-size: 80%;
}

.title1 {
	padding: 0;
}

.title2 {
	margin: 0;
	padding: 15px 0 0 0;
}

.product_buy {
	border: 1px solid #ffffff;
	padding: 10px;
	width: 200px;
	margin-left: 154px;
}

.product_price {
	font-size: 16px;
	color: #624394;
	padding: 0;
}

.product_weight {
	font-size: 12px;
}

.product_clear {
	float: clear;
	padding: 0 0 40px 0;
}

.padding_none {
	padding: 0;
}

.nominations {
	line-height: 1.3em;
	font-weight: normal;
}

.contacts{
	padding:15px 0 0;
}

/* ----- COLOURS ----- */

.pinkText {
	color: #df54a3;
}

.purpleText {
	color: #624394;
}

/* our story */

.greenText {
	color: #b3a200;
}

/* our sweets / sweet shop */

.blueText {
	color: #00a9dd;
}

/* recipes */

.plumText {
	color: #950375;
}

/* hot news */

.orangeText {
	color: #d63517;
}

/* blog */

.mauveText {
	color: #5b73d6;
}

/* features */

.blackLink {
	color: #444;
	text-decoration: none;
}

.recipeCol {
	float: left;
	width: 170px;
	margin-right: 20px;
	font-size: 12px;
}

.recipeColRight {
	float: left;
	width: 250px;
	font-size: 12px;
}

.recipeMenu {
	float: left;
	width: 150px;
	margin: 13px 20px 0 20px;
}

.recipeMenu a.selected, .recipeMenu a:hover {
	color: #00a9dd;
	text-decoration: none;
}

.extender {
	height: 450px !important;
}

/* ----- HEADINGS & PARAGRAPHS ----- */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 100%;
	font-weight: bold;
}

h2 {
	margin: 0;
	padding: 15px 0 15px 0;
	font-size: 140%;
	font-weight: bold;
	line-height: 140%;
}

h3 {
	margin: 0;
	padding: 10px 0 5px 0;
	font-size: 120%;
	font-weight: bold;
	line-height: 140%;
}

h4 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 120%;
	font-weight: bold;
	line-height: 140%;
}

/* ----- TOP NAVIGATION ----- */

#topNav {
	position: absolute;
	top: 68px;
	left: 211px;
}

#topNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#topNav li {
	display: inline;
	float: left;
}

#topNav a {
	display: inline;
	float: left;
	height: 17px;
	margin-left: 19px;
}

#topNav span {
	display: none;
}

#topNav .ourStory a {
	background: url(../images/topNavBg.png) 0px 0px no-repeat;
	width: 81px;
}

#topNav .ourStory a:hover {
	background: url(../images/topNavBg.png) 0px -18px no-repeat;
}

#topNav .ourStory a.active {
	background: url(../images/topNavBg.png) 0px -18px no-repeat;
}

#topNav .ourSweets a {
	background: url(../images/topNavBg.png) -100px 0px no-repeat;
	width: 96px;
}

#topNav .ourSweets a:hover {
	background: url(../images/topNavBg.png) -100px -18px no-repeat;
}

#topNav .ourSweets a.active {
	background: url(../images/topNavBg.png) -100px -18px no-repeat;
}

#topNav .recipes a {
	background: url(../images/topNavBg.png) -215px 0px no-repeat;
	width: 64px;
}

#topNav .recipes a:hover {
	background: url(../images/topNavBg.png) -215px -18px no-repeat;
}

#topNav .recipes a.active {
	background: url(../images/topNavBg.png) -215px -18px no-repeat;
}

#topNav .hotNews a {
	background: url(../images/topNavBg.png) -298px 0px no-repeat;
	width: 80px;
}

#topNav .hotNews a:hover {
	background: url(../images/topNavBg.png) -298px -18px no-repeat;
}

#topNav .hotNews a.active {
	background: url(../images/topNavBg.png) -298px -18px no-repeat;
}

#topNav .features a {
	background: url(../images/topNavBg.png) -397px 0px no-repeat;
	width: 156px;
}

#topNav .features a:hover {
	background: url(../images/topNavBg.png) -397px -18px no-repeat;
}

#topNav .features a.active {
	background: url(../images/topNavBg.png) -397px -18px no-repeat;
}

#topNav .stockists a {
	background: url(../images/topNavBg.png) -572px 0px no-repeat;
	width: 77px;
}

#topNav .stockists a:hover {
	background: url(../images/topNavBg.png) -572px -18px no-repeat;
}

#topNav .stockists a.active {
	background: url(../images/topNavBg.png) -572px -18px no-repeat;
}

#topNav .contactUs a {
	background: url(../images/topNavBg.png) -584px 0px no-repeat;
	width: 91px;
}

#topNav .contactUs a:hover {
	background: url(../images/topNavBg.png) -584px -18px no-repeat;
}

#topNav .contactUs a.active {
	background: url(../images/topNavBg.png) -584px -18px no-repeat;
}

/* ----- LEFT NAVIGATION ----- */

#leftNav {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	padding-bottom: 5px;
	width: 165px;
	margin-left: 42px;
}

#leftNav ul {
	margin: 0;
	padding: 0 0 120px 0;
	list-style: none;
}

#leftNav li {
	border-bottom: 1px solid #ffffff;
	padding: 6px 0px 8px 0px;
}

#leftNav a {
	display: block;
}

#leftNav a:hover {
	text-decoration: none;
}

#leftNav .active a {
	
}

.purpleNav a:hover {
	color: #624394;
}

/* our story */

.purpleNav .active a {
	color: #624394;
}

/* our story */

.greenNav a:hover {
	color: #b3a200;
}

/* our sweets / sweet shop */

.greenNav .active a {
	color: #b3a200;
}

/* our sweets / sweet shop */

.blueNav a:hover {
	color: #00a9dd;
}

/* recipes */

.blueNav .active a {
	color: #00a9dd;
}

/* recipes */

.plumNav a:hover {
	color: #950375;
}

/* hot news */

.plumNav .active a {
	color: #950375;
}

/* hot news */

.orangeNav a:hover {
	color: #d63517;
}

/* blog */

.orangeNav .active a {
	color: #d63517;
}

/* blog */

.mauveNav a:hover {
	color: #5b73d6;
}

/* features */

.mauveNav .active a {
	color: #5b73d6;
}

/* features */

/* ----- FOOTER ----- */

#footer {
	background: url(../images/footerBg.gif) top left no-repeat;
	width: 974px;
	height:200px;
	position: relative;
	display: block;
	color: #1a1818;
}

#footer .padding {
	
}

#footer a {
	font-weight: normal;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer #twitter_div {
	margin: 0 0 0 15px;
	height: 165px;
	background: url(../images/twitter-div.png) top left no-repeat;
}

#footer div.twitter {
	float: left;
	margin: 122px 0 0 70px;
	font: 700 16px Georgia, "Times New Roman", serif;
	color: #00a9dd;
}

#footer div.twitter a{
	float: left;
}

#footer #twitter_update_list {
	float: left;
	padding: 16px 0;
	font: 400 10px Georgia, "Times New Roman", serif;
	color: #666;
	margin: 0;
}


#footer #twitter_update_list li {
	list-style: none;
	width: 175px;
	float: left;
	margin: 0 16px 0 0 ;
	padding-left: 16px;
	border-left: 1px solid #def3fc;
}

#footer #twitter_update_list a.date {
	color: #b1b1b1;
}

#footer #footerLinks {
	position: absolute;
	top: 110px;
	left: 17px;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
}

#footer .footer-home #footerLinks {
	float: left;
	margin: 117px 0 0 6px;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
}

#footer #footerLinks ul {
	margin: 0 0 0 -6px;
	padding: 0;
	list-style: none;
}

#footer #footerLinks li {
	display: block;
	float: left;
	padding: 0 8px 0 6px;
	background: url(../images/footerLinksDivider.gif) 100% 6px  no-repeat;
}

#footer #footerLinks a {
	display: block;
	float: left;
	color: #201e19;
	text-decoration: none;
}

#footer #footerLinks a:hover {
	text-decoration: underline;
}

#footer #footerLinks li.last {
	background: none;
}

#footer #footerText {
	position: absolute;
	top: 137px;
	left: 17px;
	font-size: 9px;
}

#footer .footer-home #footerText {
	float: left;
	margin: 115px 0 0;
	font-size: 9px;
}

#footer #footerButton {
	position: absolute;
	top: -30px;
	left: 773px;
	width: 180px;
	height: 180px;
}

#footer .footer-home #footerButton {
	position: absolute;
	top: -50px;
	left: 773px;
	width: 180px;
	height: 180px;
}