body
{
	background-color: #f7edfd; 
	margin: 2px;
	padding: 0px;
	font-family: Trebuchet MS, Geneva, "Sans Serif";
	font-size: 12pt;
	font-weight: normal;
	color: #6C3984;

	line-height: auto;
}

p.ErrorMessage
{
	background-color: #EE250E;
	color: #ffffff;
	padding: 10px 10px 10px 10px;
}

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

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

#MainContent
{
	background-color: #ffffff; 
	overflow: hidden;
	zoom: 1; /*Has layout fix*/
	margin: 0px;
	width: 784px;
	
	border-color: #B660E2;	
	border-style: solid;
	border-left-width: 2px;
	border-right-width: 2px;
	border-top-width: 0px;
	border-bottom-width: 2px;
}


.MainTextPadding
{
	padding-top: 4px;
	padding-bottom: 12px;
	padding-left: 8px;
	padding-right: 6px;
}

#MainPageText
{
	overflow: hidden;
	zoom: 1; /*Has layout fix*/
	position: relative;

	padding: 6px 6px 12px 8px;	
/*
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/trans-back-90.png');
	background: rgba(255, 255, 255, 0.9);
*/	
	background: #fff;
	width: 535px;
	z-index: 20;

	border-color:#FFFFFF;	
	border-style: solid;	
	border-width: 0px 2px 0px 0px;
}

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

#ProductSearch
{
	position: absolute;
	top: 30px;
   right: 0px;	
	font-size: 11pt;	
	color: #B660E2;
	white-space: nowrap;
}

#SimilarProducts
{
	padding-top: 0px;
}

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

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

#OrderSummary A
{
	font-size: 10pt;	
	color: #B660E2;
}

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

#ContentFooter
{	
	position: relative;
	margin: 0px;
}


#FatFooter
{
	width: 788px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

DIV.FatFooterHeader
{
	position: relative;
	font-weight: normal;
	font-size: 11pt;
	padding-left: 0px 4px 0px 4px;
	margin: 0px;
}

#FooterCopyright
{
	font-size: 0.8em;
	color: #B660E2;

	margin: 2em 4px 0px 0px;
	padding: 0px;
	
	text-align: right;
}

TD.FatFooter
{
	width: 155px;
	vertical-align: top;
	
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;

	border-style: solid;
	border-color: #DFD6E6; 

	border-left-width: 0px;
	border-right-width: 2px;
	border-top-width: 0px;
	border-bottom-width: 0px;

}

TD.FatFooterEnd
{
	width: 155px;

	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;

	vertical-align: top;
}

H3.FatFooter
{
	color: #833BAA;
	display: inline;
	font-weight: bold;
	font-size: 11pt;
	
	padding: 0px;
	margin: 0px;

	letter-spacing: +1px;
}

P.FatFooterItem
{
	font-size: 11pt;

	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

A.FatFooter:Link 
{
	font-size: 1em;
	color: #B660E2;
	font-weight: normal; 
	text-decoration: none;
}

A.FatFooter:Active 
{
	font-size: 1em;
	color: #B660E2;
	font-weight: normal; 
	text-decoration: none;
}

A.FatFooter:Visited 
{
	font-size: 1em;
	color: #B660E2;
	font-weight: normal; 
	text-decoration: none;
}

A.FatFooter:Hover
{
	font-size: 1em;
	color: #B660E2;
	font-weight: normal; 
	text-decoration: underline;
}


/***************************************************************************************************
 * 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/alotofweddings/title-bar-back.jpg");
	
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
	padding-right: 0px;

/*
	border-style: solid;
	border-right-width: 10px;
	border-color: #FEE7DE;
*/
}

TD.MenuImageListTitle a
{
	text-transform : lowercase;
}

TD.MenuImageListImage
{
	text-align: center; 

	padding: 0px;
	margin: 0px;

/*
	border-style: solid;
	border-right-width: 5px;
	border-color: #FEE7DE;
*/
}

TD.MenuImageListFooter
{
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
}

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

TD.MenuImageListDivider
{
	height: 5px;
}

/***************************************************************************************************
 * Social bookmarks
 **************************************************************************************************/
#BookmarkContainer 
{
	position: relative;
	overflow: hidden;
	zoom: 1; /*Has layout fix*/
	width: 772px;
	padding: 4px 6px 4px 6px;
	background-color: #FAFFE9; 
	
	margin: 2px 0px 0px 0px;
	border-color: #ffebff;	
	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: -28px;
	left: 0px;
	width: 100%;
	z-index: 200;
}

.NavMenuStyle
{	
	font-weight: bold;
}

.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/alotofweddings/chromebg2.jpg) center center repeat-x; /* 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 4px 0px 0px;	
}

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

.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 
{ 
/* script dynamically adds a class of "selected" to the current active menu item */
/* background: url(chromebg2-over.gif) center center repeat-x; */
	background-color: #D9ACED; /* THEME CHANGE HERE: Hover menu item background colour */	
}

.DropMenuDiv
{
	position:absolute;
	top: 0px;
	left: 0px;
	border: 2px solid #FF40FF; /* 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: 240px;
	visibility: hidden;
	
	opacity: .93;
	filter: alpha(opacity=93);
}

.DropMenuDiv a
{
	width: 100%;
	display: block;
	text-indent: 3px;
	color: #A53CDC; /* THEME CHANGE HERE: Drop down text colour (darker as transparent) */ 
	border-bottom: 1px solid #FF40FF; /* THEME CHANGE HERE: Drop down border colour  */
	padding: 2px 0;
	text-decoration: none;
	font-weight: bold;
}

.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-left: 1em;
	margin-right: 0em;
	margin-top: 0em;
	margin-bottom: 0.5em;
	padding: 0px;
}

LI
{
	padding-bottom: 4px;	
}

.Note
{
	font-size: 11pt;
	color: #98975e;
	font-weight: bold;
}

.Small
{
	font-size: 10pt;
}

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

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

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

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

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

h1
{
	text-transform : capitalize;
	font-family: "Trebuchet MS", Helvetica, "Sans Serif", Arial; 
	font-size: 16pt;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	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-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

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

a
{
	color: #6B3A88;
}

A.MenuImage:Link 
{
	font-size: 12pt;
	color: #FFFFFF;
	font-weight: bold; 
	text-decoration: none;
}

A.MenuImage:Active 
{
	font-size: 12pt;
	color: #FFFFFF;
	font-weight: bold; 
	text-decoration: none;
}

A.MenuImage:Visited 
{
	font-size: 12pt;
	color: #FFFFFF;
	font-weight: bold; 
	text-decoration: none;
}

A.MenuImage:Hover 
{
	color: #FFFFFF;
	text-decoration: underline;
}

#TopMenu a:link 
{
	font-weight: bold; 
	color: #B660E2;
	text-decoration: none;
}

#TopMenu a:active 
{
	font-weight: bold; 
	color: #B660E2;
	text-decoration: none;
}

#TopMenu a:visited 
{
	font-weight: bold; 
	color: #B660E2;
	text-decoration: none;
}

#TopMenu a:hover 
{
	font-weight: bold; 
	color: #B660E2;
	text-decoration: underline;
}

/***************************************************************************************************
 * FORM
 **************************************************************************************************/
input.EditBox
{
	background-image:url("images/alotofweddings/edit-back.gif");
	background-repeat: repeat-x;

	color: #6C3984;	
	background-color: #FCFFF3;
	border-width: 1px;
	border-style: solid;
	border-color: #B660E2; 
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
	font-weight: normal;

	padding: 0px;
	margin: 0px;
}

input.EditBox:hover, textarea:hover, select:hover
{
	background: #FAF3FE repeat-x top left;	
}

textarea {
	background-image:url("images/alotofweddings/edit-back.gif");
	background-repeat: repeat-x;

	color: #6C3984;	
	background-color: #FCFFF3;
	border-width: 1px;
	border-style: solid;
	border-color: #B660E2; 
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
	font-weight: normal;

	padding: 0px;
	margin: 0px;
}

input.SearchButton
{	
	background-image:url("images/alotofweddings/button-back.gif");
/*	background-image:url("images/alotofweddings/order-buttton-background.gif"); */
	background-repeat: repeat-x;

	font-weight: bold;
	color: #FFFFFF;
	background-color: #E4E3C3;
	border-width: 1px;
	border-style: solid;
	border-color: #B660E2; 
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	width:auto;
	overflow:visible;

	margin: 0px;

	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;	
}

input.Button
{
	background-image:url("images/alotofweddings/button-back.gif"); 
/*	background-image:url("images/alotofweddings/order-buttton-background.gif"); */
	background-repeat: repeat-x;

	font-weight: bold;
	color: #FFFFFF;
	background-color: #B660E2;
	border-width: 1px;
	border-style: solid;
	border-color: #B660E2; 
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	width:auto;
	overflow:visible;

	margin: 0px;

	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;	
}


input.PlaceOrderButton:hover
{
	background: #5D6736 repeat-x bottom left; /* THEME CHANGE HERE - Menu background */
}

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

input.PlaceOrderButton
{
/*	background-image:url("images/alotofweddings/button-back.gif");
	background-repeat: repeat-x;
*/
	background-image:url("images/alotofweddings/order-buttton-background.gif");
	background-repeat: repeat-x;
	
	background-color: #ff0000;
	font-weight: bold;
	color: #FFFFFF;
	border-width: 2px;
	border-style: solid;
	border-color: #4c4b2f; 
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	width: auto;
	overflow: visible;

	margin: 0px;

	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;	
}

td
{ 
	vertical-align: top;
}

.Title
{
	font-weight: bold;	
	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: #FAFFE9;
	padding: 4px 6px 8px 8px;
	margin: 0px 0px 6px 0px;
	
	border-color: #ffebff;	
	border-style: solid;	
	border-width: 2px;		
}

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

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

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

A.ShowMoreInfo:Hover
{
	font-size: 1em;
	font-weight: bold; 
	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: #B660E2; 

	margin: 2px;
	padding: 1px;
}

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

td.ProductOptionName
{
	vertical-align: top;
	font-weight: bold; 

	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;

	margin-top: 0px;
}

td.ProductOptionValue
{
	vertical-align: top;

	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
}

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

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

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

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

h2.ProductSummaryName
{

	font-weight: normal; 
/*	font-style: italic; */
	font-size: 1em;

	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	padding-right: 4px;

	margin: 0px;
}

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

td.ProductSummaryImage
{
	width: 150px;
	height: 150px;
	background-color: #ffffff; 
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	border-color: #ffebff;	
	border-style: solid;	
	border-width: 1px 1px 1px 1px;
}

td.ProductSummaryText
{
	width: 148px;
/*	background-color: #E0E0C0;
*/	background-color: #FAFFE9; 
	vertical-align: top;

	padding: 2px 0px 0px 0px;
	
	border-color: #ffebff;	
	border-style: solid;	
	border-width: 0px 1px 0px 1px;
}

td.ProductSummaryPrice
{
	width: 148px;
	color: #461068;
	background-color: #FAFFE9; 
	vertical-align: top;

	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
	padding-right: 0px;

	font-size: 0.9em;

	border-color: #ffebff;	
	border-style: solid;	
	border-width: 0px 0px 0px 2px;	
}

td.ProductSummaryLink
{
	width: 148px;
	background-color: #FAFFE9; 
	
/*	background-image: url(images/alotofweddings/product-summary-fade.gif);
	background-repeat: repeat-x;
*/
	vertical-align: top;
	text-align: right;
	padding: 0px 0px 20px 0px;
	border-color: #ffebff;	
	border-style: solid;	
	border-width: 0px 1px 1px 1px;	
	margin: 0px 0px 2px 0px;
}

td.ProductSummaryColSpacer
{
	width: 1px;
	height: 4px; /* Dummy */
}

td.ProductSummaryRowSpacer
{
	height: 4px;
	width: 4px; /* Dummy */
}

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

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

A.ProductSummaryLink:Visited 
{
	color: #7A20A8;
	font-weight: bold; 
	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-top: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	padding-right: 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;
}

SELECT
{
	background-image:url("images/alotofweddings/edit-back.gif");
	background-repeat: repeat-x;

	color: #6C3984;	
	background-color: #FCFFF3;
	border-width: 1px;
	border-style: solid;
	border-color: #B660E2; 
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
	font-weight: normal;

	padding: 0px;
	margin: 0px;
}

/* FIX */
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: #98975e;
	font-weight: bold;
}

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

#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 td.Details
{
	vertical-align: top;
}

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

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

