body
{
	background-color: #F3F1F3; 
	margin: 2px;
	padding: 0px;
	font-family: Arial, "Trebuchet MS", Geneva, "Sans Serif";
	font-size: 16px;
	line-height: 1.4;
}

body, #OrderSummary a {
  color: #36093B;
}

p.ErrorMessage, .FormError
{
	background-color: #EE250E;
	color: #ffffff;
	padding: 10px 10px 10px 10px;
	width: 650px;
	font-weight: bold;
}

#PageLayout
{
	position: relative;	
	top: 0px;
  left: 50%;	
	width: 788px;
	margin-left: -394px;
	padding: 0px;
}

#Main
{
	position: relative;	
	top: 128px;
	left: 0; 
	width: 788px;
}

#MainContent
{
	background-color: #fff; 
	overflow: hidden;
	zoom: 1; /*Has layout fix*/
	margin: 0px;
	width: 784px;	
	border-color: #683E6B;	
	border-style: solid;
	border-width: 0px 2px 2px 2px;
	padding: 0px;
}

#MainContent, #Blocks {
  padding-top: 25px !important;
}

#Blocks .Block, #Blocks .MenuBlock
{
  margin: 5px 0px 0px 0px;
  text-align: left;
  font-size: 14px;
  overflow: hidden;
  zoom: 1; /*Has layout fix*/
}

#Blocks .Block .Title, #Blocks .MenuBlock .Title
{
  overflow: hidden;
  zoom: 1; /*Has layout fix*/
  color: #ffffff;
  width: 100%;
  text-align: center;
  padding: 6px 0px 6px 0px;
  font-weight: normal;
  text-transform: lowercase;
  border-style: solid;
  border-width: 0px 0px 5px 0px;
}

#Blocks .Block .Title {
  background-color: #66116E; /* dark purple */
  border-color: #EA6BBF; /* pink */
  padding: 4px 0px 4px 0px
}


#Blocks .Block .Facebook {
  background-color: #3B5998;
  padding: 2px 0px 2px 0px;
  border-color: #83ACDB;
}

#Blocks .Block ul, #Blocks .MenuBlock ul {
  list-style-type: none;
  padding-bottom: 2px;
  margin: 6px 4px 12px 4px;
}

#Blocks h3 {
  font-weight: bold;
  margin: 0px 0px 3px 0px;
  padding: 0px;
}

#Blocks li {
  margin: 0px 0px 6px 0px;
  padding: 0px;
}

#Blocks .MoreInfo {
  margin: 3px 0px 3px 0px;
}

#Blocks li p {
  margin: 0px;
  padding: 0px;
}

.MainTextPadding {
	padding: 0px 6px 20px 8px;
}


.MainTextPadding {
  padding: 0px 6px 20px 8px;
}

.Block div.ArrowsBefore {
  padding-top: 4px;
}

.Block .ArrowsBefore:before {
  content: "\00BB\0020";
}

.Block a {
  text-decoration: none;
}

.Block a:hover {
  text-decoration: underline;
}

#MainPageText, #MainWithBlocks #Text {
  overflow: hidden;
  zoom: 1; /*Has layout fix*/
  position: relative;
  z-index: 20;
  padding: 0px 20px 10px 15px; 
  border-color: #fff;
  border-style: solid;
  border-width: 0px 0px 0px 8px;
}

#MainWithBlocks #Text, .WithBlocks {
  padding-left: 153px !important;
}

#Blocks {
  position: absolute;
  top: 0px;
  left: 0px;
  margin-left: 7px;
  padding-right: 20px;
  overflow: hidden;
  zoom: 1; /*Has layout fix*/
  width: 147px;
  z-index: 21;
}

#MainPageText
{
	color: #412938;
	width: 535px;
	background-color: #FAF8FA;
}

#MainLogo
{
	position: absolute;
	top: 0px;
	left: -4px;
	width: 270px;
	margin: 0px 6px 6px 0px;
}

#ProductSearch
{
	position: absolute;
	top: 30px;
   right: 1px;	
	font-size: 11pt;	
	color: #89498E;
	white-space: nowrap;
	font-weight: bold;
}

#SimilarProducts
{
	padding-top: 0px;
}

#SimilarProducts h2
{
	margin-bottom: 4px;
}

#OrderSummary
{
	position: absolute;
	top: 66px;
	right: 0px;
	height: 35px;
	font-size: 10pt;
	text-align: right;	
	white-space: nowrap;
	color: #66116D;
	width: 500px;
	vertical-align: bottom;	
}

#OrderSummary ul li
{
	display: inline;
	padding: 0px;
	margin: 0px;	
}
#OrderSummary span
{
	height: 30px;	
}

#OrderSummary a.NoLine
{
	font-size: 10pt;	
	color: #66116D;
}

#OrderSummary a
{
	font-size: 10pt;	
	color: #37502E;
	font-weight: normal;
}

#OrderSummary a.Title
{
	font-weight: normal;
}

#TopMenu
{
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 10pt;
	text-align: right;	
	white-space: nowrap;
}

/***************************************************************************************************
 * Product/Cat images 
 * TODO: Replace this table structure
 **************************************************************************************************/
table.MenuImageList
{
	padding: 0px;
	margin: 0px;
}

td.MenuImageListTitle
{
	width: 150px;
	font-weight: bold;
	color: #FEE7DE;
/*	background-color: #B660E2;
	background-image:url("images/alotofchocolate/title-bar-back.jpg");	
    background-color: #412938;
*/
  background-color: #66116E; /* dark purple */
	text-align: center;
	padding: 6px 0px 6px 0px;
	vertical-align: middle;
}

td.MenuImageListImage
{
	text-align: center; 
	padding: 0px;
	margin: 0px;
}

td.MenuImageListFooter
{
	text-align: left;
	padding: 0px 5px 0px 5px;
}

td.MenuImageListSpace
{
	width: 3px;
	height: 5px;
}

td.MenuImageListDivider
{
	height: 10px;
}

/***************************************************************************************************
 * Social bookmarks
 **************************************************************************************************/
#BookmarkContainer 
{
	position: relative;
	overflow: hidden;
	zoom: 1; /*Has layout fix*/
	width: 768px;
	padding: 8px 8px 8px 8px;
	background-color: #F2FFE8; 
	margin: 2px 0px 0px 0px;
	border-color: #7BB568;	
	border-style: solid;	
	border-width: 2px 0px 0px 0px;
}

#BookmarkContainer p
{
	font-size: 0.8em;
}

#BookmarkContainer table.Header
{
	width: 100%;
}

#BookmarkContainer td.Header
{
	height: 20px; 	
	vertical-align: bottom;
}

#BookmarkList
{
	overflow: hidden;
	margin: 0;
	padding: 2px 0px;	
	list-style-type: none;
}

#BookmarkList li 
{
	display: inline;
	float: left;
	width: 70px;
	padding: 2px;
	margin: 0 2px;
	text-align: center;	
}

#BookmarkList a
{
	font-size: 10pt;
}

#MainMenuContainer
{
	overflow: hidden; /**/
	zoom: 1; /*Has layout fix*/	
	position: absolute;
	top: 102px;
}

.BrowserBookmark
{
	padding: 0px 0px 0px 6px;
}

/***************************************************************************************************
 * NAVIGATION
 **************************************************************************************************/
#NavMenu
{
	position: absolute;
	overflow: hidden;
	zoom: 1; /*Has layout fix*/		
	position: absolute;
	top: -26px;
	left: 0px;
	width: 100%;
	z-index: 200;
}

.NavMenuStyle
{	
	font-weight: normal;
}

.NavMenuStyle:after
{ 
	/* Add margin between menu and rest of content in Firefox */
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
}

.NavMenuStyle ul
{
	border: 0px;
	width: 100%;
	color: #FFFFFF; /* Nav bar text colour */
	background: url(images/alotofchocolate/chromebg2.jpg) repeat-x bottom left; /* THEME CHANGE HERE - Menu background */
	padding: 4px 0px 4px 0px; /* Nav menu padding: T, R, B, L */
	margin: 0px;
	text-align: center; /* set value to "left", "center", or "right" */
}

.NavMenuStyle ul li
 {
	display: inline;
	padding: 0px 6px 0px 0px;	
}

.NavMenuStyle ul a
{
	color: #FFFFFF; /* THEME CHANGE HERE: Menu text colour */
	padding: 4px 7px;
	margin: 0px;
	text-decoration: none;
}

.NavMenuStyle li.Line
{
	border-right: 1px solid #DDC8E6; /* THEME CHANGE HERE: Dividing line colour */
}
	
.NavMenuStyle ul li a:hover, .NavMenuStyle ul li a.selected, .NavMenuStyle ul a.selected 
{ 
/* background: url(over.gif) center center repeat-x; */
	background-color: #AE1FBF; /* THEME CHANGE HERE: Hover menu item background colour */	
}

.DropMenuDiv
{
	position:absolute;
	top: 0px;
	left: 0px;
	border: 2px solid #66116D; /* THEME CHANGE HERE: Drop down border colour */
	background-color: #FDFAFF; /* THEME CHANGE HERE: Drop down background colour */
	border-bottom-width: 1px;
	font:normal 12px Verdana;
	line-height: 18px;
	z-index: 300; 
	width: 250px;
	visibility: hidden;
	opacity: .93;
	filter: alpha(opacity=93);
}

.DropMenuDiv a
{
	display: block;
	text-indent: 3px;
	color: #66116D; /* THEME CHANGE HERE: Drop down text colour (darker as transparent) */ 
	border-bottom: 1px solid #66116D; /* THEME CHANGE HERE: Drop down border colour  */
	text-decoration: none;
	font-weight: normal;
	padding: 6px 10px 6px 10px;
}

.DropMenuDiv a:hover
{ 
	background-color: #F7EDFD; /* THEME CHANGE HERE: Drop down hover colour */
}

/***************************************************************************************************
 * END NAVIGATION
 **************************************************************************************************/ 
ul.NoBullet
{
	list-style-type: none;	
}
 
UL
{
	list-style-type: square;
	margin: 0em 0em 0.5em 1em;
	padding: 0px;
}

li
{
	padding-bottom: 4px;	
}

.Note
{
	font-size: 10pt;
	color: #69546B;
	font-weight: normal;
}

.ErrorMessage .Note
{
  color: #fff;
}

.Small
{
	font-size: 0.9em;
}

/* These can be removed once a.Small is removed from style.css */
a.Small:Link
{
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: underline;
}

a.Small:Visited
{
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: underline;
}

a.Small:Active
{
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: underline;
}

a.Small:Hover
{
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: underline;
}

h1:before
{
	content: "\003E\003E\0020";
}

h1
{
	text-transform : capitalize;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16pt;
	margin: 0px 0px 4px 0px;
	padding: 0px;	
}

h2:before
{
	content: "\003E\0020";
}

h2
{
	text-transform : capitalize;
	font-family: "Trebuchet MS", Helvetica, "Sans Serif", Arial; 
	font-size: 14pt;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h3
{
	text-transform : capitalize;
	font-family: "Trebuchet MS", Helvetica, "Sans Serif", Arial; 
	font-size: 12pt;
	margin: 0px;
	padding: 0px;
}

a {
	color: #37502E;
}

a.MenuImage:Link, .Block .Title a
{
	font-size: 11pt;
	color: #FFFFFF;
	font-weight: normal; 
	text-decoration: none;
}

a.MenuImage:Active, .Block .Title a:Active
{
	font-size: 11pt;
	color: #FFFFFF;
	font-weight: normal; 
	text-decoration: none;
}

a.MenuImage:Visited, .Block .Title a:Visited
{
	font-size: 11pt;
	color: #FFFFFF;
	font-weight: normal; 
	text-decoration: none;
}

a.MenuImage:Hover, .Block .Title a:Hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

#TopMenu a
{
	font-weight: normal; 
} 

#TopMenu a:link 
{
	color: #37502E;
	text-decoration: none;
}

#TopMenu a:active 
{
	color: #37502E;
	text-decoration: none;
}

#TopMenu a:visited 
{
	color: #37502E;
	text-decoration: none;
}

#TopMenu a:hover 
{
	color: #37502E;
	text-decoration: underline;
}

/***************************************************************************************************
 * FORM
 **************************************************************************************************/
input
{
	background: url(images/alotofchocolate/edit-back.gif) repeat-x top left;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: #7BB568; 
	padding: 1px 3px 2px 3px;
	margin: 0px;
	overflow: visible;
	white-space: nowrap;
	vertical-align: middle;
	width: auto;
}

input.Button, input.SearchButton
{
	border-color: #6D3311;	
}
 
input.EditBox
{
	color: #66116D;	
	background-color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	padding: 0px;
}

input.EditBox:hover, textarea:hover, select:hover
{
/*	background: #F9F2FA repeat-x top left;	*/
	background: #fff repeat-x top left;
}

select
{
/*	background: url(images/alotofchocolate/edit-back.jpg) repeat-x top left; */
	color: #66116D;	
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #7BB568; 
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

textarea {
	background: url(images/alotofchocolate/edit-back.jpg) repeat-x top left;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #54AD35; 
	text-decoration: none;
	white-space: nowrap;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

input.Button, input.SearchButton
{	
	background: url(images/alotofchocolate/button-back.jpg) repeat-x bottom left; /* THEME CHANGE HERE - Menu background */
	background-repeat: repeat-x;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #54AD35;
	
}

input.Button:hover, input.SearchButton:hover
{	
	background: #2E7112 repeat-x bottom left;
}

input.PlaceOrderButton
{
	background: #E71414 repeat-x bottom left; /* THEME CHANGE HERE - Menu background */
	border-color: #B30F0F; 
	border-width: 1px;
}

input.PlaceOrderButton:hover
{
	background: #B30F0F repeat-x bottom left; /* THEME CHANGE HERE - Menu background */
	border-color: #B30F0F; 
	border-width: 1px;
}

td
{ 
	vertical-align: top;
}

.Title
{
	font-weight: normal;	
	padding-top: 6px;
	padding-right: 8px;
	white-space: nowrap;
}

.Input
{
	padding-top: 6px;
}

/***************************************************************************************************
 * Product
 **************************************************************************************************/

#MainProductDetails {
	height: auto;
	width: 100%;
	margin: 4px 0px 0px 0px;	
}

#MainProductDetails #MainProductDesc {
	float:right;
	width: 539px;
	height: auto;
	margin: 2px 4px 0px 0px;	
}

#MainProductDetails #MainProductImages {
	height: auto;
	width: 225px;
}

.ClearFix 
{
	clear:both;
}

div.MainProductPriceBlock
{
	background-color: #EBF7E1;
	padding: 4px 6px 8px 8px;
	margin: 0px 0px 6px 0px;
	border-color: #D6E8C8;	
	border-style: solid;	
	border-width: 1px;		
}

A.ShowMoreInfo:Link 
{
	font-size: 1em;
	font-weight: normal; 
	text-decoration: none;
}

A.ShowMoreInfo:Active 
{
	font-size: 1em;
	font-weight: normal; 
	text-decoration: none;
}

A.ShowMoreInfo:Visited 
{
	font-size: 1em;
	font-weight: normal; 
	text-decoration: none;
}

a.ShowMoreInfo:hover
{
	font-size: 1em;
	font-weight: normal; 
	text-decoration: underline;
}

.MainProductTitle:before
{
	content: "";	
}

td.MainProductImage
{
	vertical-align: top;
	width: 232px;
	text-align: left;
}

img.Border
{
	background-color: #FFFFFF; 
	border-width: 2px;
	border-style: solid;
	border-color: #D6E8C8; 
	margin: 2px;
	padding: 1px;
}

table.ProductOptions
{
	margin: 0px;
	padding: 0px;
	width: 100%;
}

td.ProductOptionName
{
	vertical-align: top;
	font-weight: normal; 
	padding: 2px 0px 2px 0px;
	margin-top: 0px;
}

td.ProductOptionValue
{
	vertical-align: top;
	padding: 2px;
}

div.Price
{
	color: #A580C2;
	font-size: 12pt;
	font-weight: bold; 
	padding-bottom: 0.5em;	
}

div.ProductDescBlock
{
	margin-top: 12px;	
}

.ProductDescBlock .ingredients, .ProductDescBlock .allergy
{
}

.ProductDescBlock .ingredients .title, .ProductDescBlock .allergy .title
{
	font-weight: bold;
}

.ProductDescBlock .ingredients .title:after, .ProductDescBlock .allergy .title:after
{
	content: "\003a\0020";
}

/***************************************************************************************************
 * ProductSummary
 **************************************************************************************************/

h2.ProductSummaryName:before
{
	content: "";
}

h2.ProductSummaryName
{
	font-weight: normal; 
	font-size: 1em;
	padding: 0px 4px 0px 4px;
	margin: 0px;
}

table.ProductSummary
{
	table-layout: fixed;
	width: 100%;
}

.ProductSummaryImage, .ProductSummaryText, .ProductSummaryPrice, .ProductSummaryLink
{
	background-color: #EBF7E1; 
}

td.ProductSummaryImage
{
	width: 150px;
	height: 150px;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	border-color: #D6E8C8;	
	border-style: solid;	
	border-width: 1px;	
}
	
td.ProductSummaryText
{
	width: 148px;
	vertical-align: top;
	padding: 2px 0 0 0;
	border-color: #D6E8C8;	
	border-style: solid;	
	border-width: 0px 1px 0px 1px;
}

td.ProductSummaryPrice
{
	width: 148px;
	color: #461068;
	vertical-align: top;
	padding: 1px 0px 0px 0px;
	font-size: 0.9em;
	border-color: #D6E8C8;	
	border-style: solid;	
	border-width: 0px 1px 0px 1px;	
}

td.ProductSummaryLink
{
	width: 148px;
	vertical-align: top;
	text-align: right;
	padding: 1px 0px 4px 0px;
	border-color: #D6E8C8;	
	border-style: solid;	
	border-width: 0px 1px 1px 1px;	
}
/*
td.ProductSummaryColSpacer
{
	width: 1px;
	height: 4px;
}
*/
td.ProductSummaryRowSpacer
{
	height: 10px;
	width: 10px; /* Dummy */
}

a.ProductSummaryLink:Link 
{
	color: #7A20A8;
	font-weight: normal; 
	text-decoration: none;
}

a.ProductSummaryLink:Active 
{
	color: #7A20A8;
	font-weight: normal; 
	text-decoration: none;
}

a.ProductSummaryLink:Visited 
{
	color: #7A20A8;
	font-weight: normal; 
	text-decoration: none;
}

a.ProductSummaryLink:Hover 
{
	color: #7A20A8;
	text-decoration: underline;
}

div.ProductSummaryImage
{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

div.ProductSummarySale
{
	position: absolute;
	bottom: 2px;
	right: 3px;
	z-index: 10;
	opacity: .75;
	filter: alpha(opacity=75);
}

p.ProductSummaryText
{
	padding: 0px 4px 0px 4px;
	margin: 0px;
}

/***************************************************************************************************
 * ShoppingBasket
 **************************************************************************************************/

p.BasketHeader
{
	font-size: 11pt;
	font-weight: bold; 
	margin: 0px;
	padding: 0px;
}

.BasketInstructions
{
	font-size: 0.9em;
}

table.ShoppingBasket
{
	margin: 0px 0px 1em 0px;
}

td.Qty
{
	width: 60px;
	vertical-align: top;
}

td.Product
{
	vertical-align: middle;
	vertical-align: top;
}

td.MoreInfo
{
	width: 80px;
	text-align: right; 
	font-size: 10pt;
	vertical-align: top;
}

td.SubTotal
{
	width: 100px;
	text-align: right;
	vertical-align: top;
}

TABLE.MainProduct
{
	width: 100%;
}

TD.MainProductImage
{
	vertical-align: top;
	text-align: center;
	width: 232px;
	text-align: left;
}

TD.MainProductText
{
	width: 539px;
	vertical-align: top;
	margin: 2px 4px 0px 0px;	
	text-align: left;
}

#OrderSummary .FreeDelivery
{
	color: #7B9A62;
	font-weight: normal;
}

/***************************************************************************************************
 * Product Order Items (Basket Products)
 ***************************************************************************************************/
#OrderItemProducts
{
	width: 100%;
	margin: 1em 0em 1em 0em;
	padding: 10px;	
	background-color: #D6E8C8;	
	border-color: #D6E8C8;	
	border-style: solid;	
	border-width: 2px;	
}

#OrderItemProducts .Name
{
	font-weight: bold;
}

#OrderItemProducts .Price
{
	font-weight: bold;
}

#OrderItemProducts td
{
	padding: 6px;
}

#OrderItemProducts .Desc
{
		padding: 0px 0px 0px 1em;
	font-size: 0.9em;
}

#OrderItemProducts input.Button
{
	font-size: 8pt;
}

#OrderItemProducts p
{
	margin-bottom: 0px;
	padding: 0px;
}
	
#OrderItemProducts .Title
{
	color: #ffffff;	
	background-color: #C8D9BB;
	font-weight: bold;
}

#OrderItemProducts td.Details
{
	vertical-align: top;
}

#OrderItemProducts td.Odd
{
	background-color: #F2FFE8;
}

#OrderItemProducts td.Options
{
	white-space: nowrap;
	vertical-align: top;
	text-align: right;
	width: 160px;
}

/***************************************************************************************************
 * Fat Footer
 ***************************************************************************************************/
#ContentFooter
{	
	overflow: hidden;
	zoom: 1; /*Has layout fix*/	
	position: relative;
	margin: 0px;
}

#FooterCopyright
{
	font-size: 0.8em;
	color: #36093B;
	margin: 2em 4px 0px 0px;
	padding: 0px;	
	text-align: right;
}

#FatFooter
{
	overflow: hidden;
	zoom: 1; /*Has layout fix*/
	width: 788px;
	margin: 4px 0px 0px 0px;
	font-size: 11pt;	
}


#FatFooter h3
{
	font-size: 11pt;
	color: #66116D;
	display: inline;
	font-weight: bold;	
	padding: 0px;
	margin: 0px;
	letter-spacing: +1px;
}

#FatFooter td
{
	width: 150px;
	vertical-align: top;	
	padding: 0px 3px 0px 3px;
}

#FatFooter td.BorderLeft
{
	border-style: solid;
	border-color: #BDBCBD; 
	border-width: 0px 0px 0px 2px;
}

#FatFooter p
{
	font-size: 11pt;
	margin: 0px;
}

#FatFooter a:link
{
	text-decoration: none;
	color: #37502E;
}

#FatFooter a:visited
{
	text-decoration: none;
	color: #37502E;
}

#FatFooter a:active
{
	text-decoration: none;
	color: #37502E;
}

#FatFooter a:hover
{
	text-decoration: underline;
	color: #37502E;
}

#Products
{
	padding-top: 15px;	
	padding-bottom: 20px;
}

div.Main #MainPageText {
  padding-top: 8px;
}

div.Main
{
	background-repeat: no-repeat;
	background-position: top right;
	margin: 2px 0px 2px 0px;
}

.FloatRight {
  text-align: right;
  float: right;
  width: auto;
  margin: 10px 0px 10px 10px;
}

.FloatLeft {
  text-align: left;
  float: left;
  width: auto;
  margin: 10px 10px 0px 10px;
}

a, #OrderSummary .ViewOrder {
  color: #4d7229;
}

.PageSection {
  clear: both;
}