@charset "utf-8";

/* Resets & Defaults
--------------------------------------------------*/

html, body, div {
	padding: 0;
	margin: 0;
}

body, td, p { /* Default Font Styling */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #666666;
}

h1, h2, h3, h4, h5 {
	margin: 0 0 0.7em 0;
	color: #89479D;
}

h1 {
	font-weight: bold;
	font-size: 24px;
}

h2 {
	font-weight: bold;
	font-size: 15px;
}

p {
	margin: 0 0 1em 0;
}

img, a img {
	border: 0 none;
}

a {
	color: #89479D;
	text-decoration: none;
}

a:hover {
	color: #89479D;
	text-decoration: underline;
}

.clear { clear: both; }
.left { float: left; }
.right { float: right; }

blockquote {
	margin: 5px 0 5px 25px ;
	padding: 0;
}

/* Colour Styles
--------------------------------------------------*/

.PinkText { color: #EE9CC4; }
.PurpleText { color: #9F77B5; }

/* Header
--------------------------------------------------*/

#MainContainer {
	width: 1020px;
	margin: 0 auto;
}

#HeaderContainer {
	padding: 20px 0 0 0;
}

#HeaderLogo {
	width: 350px;
	height: 115px;
	float: left;
	background: url(/Images/Website/logo.jpg) no-repeat 20px top scroll;
	text-indent: -9999em;
}

#HeaderPhone {
	width: 250px;
	height: 95px;
	float: left;
	background: url(/Images/Website/lady-with-headset.jpg) no-repeat left bottom scroll;
	text-align: center;
	padding: 20px 0 0 120px;
	font-size:15px;
}

#HeaderPhone .PurpleText {
	color: #9F77B5;
	font-size:18px;
} 

#HeaderPicture {
	width: 260px;
	height: 111px;
	padding: 4px 20px 0 0;
	float: left;
	text-align: right;
}

#HeaderPicture img {
	width: 200px;
	height: 111px;
}

#HeaderExtraText {
	font-weight: bold;
	padding: 10px 0px 0px 0px;
	color: #EE9CC4;
}

/* Main Menu
--------------------------------------------------*/

#MenuContainer {
	clear: both;
	width: 1020px;
	height: 52px;
	background: url(/Images/Website/menu-bkgd.jpg) no-repeat left top scroll;
}

#MainMenu {
	float: left;
	width: 770px;
}

	#MainMenu ul {
		list-style-type: none;
		float: left;
		padding: 0;
		margin: 0;
	}
	
	#MainMenu li {
		height: 32px;
		float: left;
		padding: 10px 10px 0 10px;
		margin: 0;
		background: url(/Images/Website/menu-border.gif) no-repeat right 2px scroll;
	}
	
	#MainMenu a {
		display: block;
		height: 21px;
		color: #FFFFFF;
		text-decoration: none;
		text-indent: -9999em;
	}
	
	#MainMenu a:hover {
		color: #FFFFFF;
		text-decoration: none;
		text-indent: -9999em;
	}

	#MainMenu li#MenuLinkHome a { background: url(/Images/website/menu-home.gif) no-repeat 0 0 scroll; width: 95px; }
	#MainMenu li#MenuLinkDelivery a { background: url(/Images/website/menu-delivery.gif) no-repeat 0 0 scroll; width: 110px; }
	#MainMenu li#MenuLinkAbout a { background: url(/Images/website/menu-about.gif) no-repeat 0 0 scroll; width: 125px; }
	#MainMenu li#MenuLinkContact a { background: url(/Images/website/menu-contact.gif) no-repeat 0 0 scroll; width:135px; }
	#MainMenu li#MenuLinkBritish a { background: url(/Images/website/menu-british.gif) no-repeat 0 0 scroll; width: 195px; }

	#MainMenu li#MenuLinkHome a:hover { background: url(/Images/website/menu-hover-home.gif) no-repeat 0 0 scroll; }
	#MainMenu li#MenuLinkDelivery a:hover { background: url(/Images/website/menu-hover-delivery.gif) no-repeat 0 0 scroll; }
	#MainMenu li#MenuLinkAbout a:hover { background: url(/Images/website/menu-hover-about.gif) no-repeat 0 0 scroll; }
	#MainMenu li#MenuLinkContact a:hover { background: url(/Images/website/menu-hover-contact.gif) no-repeat 0 0 scroll; }
	#MainMenu li#MenuLinkBritish a:hover{ background: url(/Images/website/menu-hover-british.gif) no-repeat 0 0 scroll; }
	
#EComCartSummary {
	float: left;
	width: 210px;
	padding: 13px 0 0 0;
	color: #FFFFFF;
	font-size: 12px;
}

	table.cartSummaryTable {

	}
	
		td.cartSummaryItem {
			color: #FFFFFF;
			font-size: 12px;
		}
		
			a.cartSummaryLink {
				color: #FFFFFF;
				margin: 0 0 0 2px !important;
			}
			
/* Drop Menu
--------------------------------------------------*/

#DropMenu {
	padding: 0;
	margin: 0;
}

#DropMenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style-type: none;
	line-height: 1;
	float: left;
	width: 790px;
}

#DropMenu a {
	/* width: 10em; */
	display: block;
	height: 21px;
	color: #FFFFFF;
	text-decoration: none;
	text-indent: -9999em;
	background: url(/Images/Website/menu-items.gif) no-repeat 0 0 scroll;
}

	#DropMenu a:hover {
	
	}
	
		#DropMenu li#ML_Home a {
			width: 95px;
			background-position: 0 0;
		}
			#DropMenu li#ML_Home a:hover{
				background-position: 0 -21px;
			}
		#DropMenu li#ML_About a {
			width: 125px;
			background-position: -388px 0;
		}
			#DropMenu li#ML_About a:hover {
				background-position: -388px -21px;
			}
		#DropMenu li#ML_Delivery a {
			width: 110px;
			background-position: -194px 0;
		}
			#DropMenu li#ML_Delivery a:hover {
				background-position: -194px -21px;
			}
		#DropMenu li#ML_Contact a {
			width: 135px;
			background-position: -582px 0;
		}
			#DropMenu li#ML_Contact a:hover {
				background-position: -582px -21px;
			}
		#DropMenu li#ML_Customer a {
			width: 220px;
			background-position: -776px 0;
		}
			#DropMenu li#ML_Customer a:hover {
				background-position: -776px -21px;
			}

#DropMenu li { /* all list items */
	/* width: 10em; /* width needed or else Opera goes nuts */
	height: 32px;
	float: left;
	padding: 10px 10px 0 10px;
	margin: 0;
	background: url(/Images/Website/menu-border.gif) no-repeat right 2px scroll;
	position: relative;
}

#DropMenu li ul { /* second-level lists */
	position: absolute;
	background: #CA98FB;
	width: 200px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

	#DropMenu li ul li {
		background: none;
		padding: 0;
		height: 25px;
		line-height: 24px;
	}

	#DropMenu li ul a {
		background: none;
		text-indent: 0;
		color: #FFFFFF;
		text-decoration: none;
		padding: 0 10px;
		width: 180px !important;
		height: 25px;
		line-height: 24px;
	}
	
		#DropMenu li ul a:hover {
			background: none;
			text-indent: 0;
			color: #FFFFFF;
			text-decoration: underline;
			height: 25px;
			line-height: 24px;
		}

#DropMenu li:hover ul, #DropMenu li.sfhover ul { /* lists nested under hovered list items */
	left: 35px;
	top: 42px;
}
			
/* Content
--------------------------------------------------*/

#ContentContainer {
	clear: both;
	padding: 15px 0 0 0;
	float: left;
}

#LeftColumn {
	float: left;
	width: 220px;
}

	.LeftMenuBox {
		width: 217px;
		font-size: 13px;
		line-height: 19px;
		font-family: Verdana, Geneva, sans-serif;
	}
	
		.LeftMenuHeader {
			width: 217px;
			height: 35px;
			background: url(/Images/Website/left-menu-heading.jpg) no-repeat left top scroll;
		}
		
			.LeftMenuHeader  img {
				margin: 2px 0 0 10px;
			}
		
		.LeftMenuBody {
			width: 187px;
			padding: 0 15px;
			background: url(/Images/Website/left-menu-body.jpg) repeat-y left top scroll;
		}
		
		.LeftMenuFooter {
			width: 217px;
			height: 15px;
			background: url(/Images/Website/left-menu-bottom.jpg) no-repeat left top scroll;
			margin: 0 0 15px 0;
		}
		
		.LeftMenuBox ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		
		.LeftMenuBox li {
			margin: 0;
			padding: 0;
		}
		
		.LeftMenuBox a {
			color: #89479D;
			text-decoration: none;
		}
		
		.LeftMenuBox a:hover {
			color: #89479D;
			text-decoration: underline;
		}

#Content {
	width: 790px;
	float: left;
	padding: 0 0 30px 10px;
}

/* Footer
--------------------------------------------------*/

#FooterContainer {
	background: url(/Images/Website/footer-bkgd.jpg) repeat-x left top scroll;
	height: 60px;
}

#Footer {
	width: 1020px;
	margin: 0 auto;
	padding: 15px 0 0 0;
}

	#FooterMenu {
		float: left;
	}
	
		#FooterMenu ul {
			list-style-type: none;
			padding: 0;
			margin: 0;
			float: left;
		}
		
		#FooterMenu li {
			float: left;
		}
		
		#FooterMenu a {
			display: block;
			padding: 0 10px;
			border-right: 1px solid #FFFFFF;
			color: #FFFFFF;
			text-decoration: none;
		}
		
			#FooterMenu li#MenuLinkBritish a {
				border-right: 0 none;
			}			
		
		#FooterMenu a:hover {
			color: #FFFFFF;
			text-decoration: underline;
		}
	
	#FooterInfo {
		float: right;
		color: #FFFFFF;
		font-weight: bold;
	}
	
#Sitemap a {
	font-weight: normal;
	color: #ffffff;
}

/* ECommerce
--------------------------------------------------*/

/* Overall Layout
--------------------------------------------------*/

#EComMain {

}
	
	#EComHeader {
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #666666;
	}
	
		#EComBreadCrumbs {
		
		}
	
	#EComBody {
	
	}
		
		#EComCatalogDetails {
			margin: 0 0 10px 0;
			float: left;
		}
		
			#EComCatalogDescription {
				float: left;
				width: 790px;
			}
			
				#EComCatalogImage {
					float: right;
					width: 400px;
					height: 300px;
					overflow: hidden;
					margin: 0 0 10px 10px;
				}
				
					#EComCatalogImage img {
						width: 400px;
					}
			
		#EComContent {
			clear: both;
		}
	
	#EComFooter {
	
	}
	
/* Catalog Layout
--------------------------------------------------*/

.ShopCatalogLayout {
	width: 256px;
	margin: 0 0 10px 0;
}

	.SCImage {
		width: 256px;
		height: 194px;
		overflow: hidden;
		position: relative;
	}
	
		.SCBorder {
			width: 256px;
			height: 194px;
			background: url(/Images/Website/catalog-border.gif) no-repeat left top scroll;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 10;
		}
			
			a.SCLink {
				display: block;
				width: 256px;
				height: 194px;
			}
			
			.SCBorder a {
				text-decoration: none;
			}
			
			.SCBorder a:hover {
				text-decoration: none;
			} 
		
		.SCImage img {
			width: 256px;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		}
	
	.SCName {
		text-align: center;
	}
	
/* Small Product Layout
--------------------------------------------------*/

.SmallProductLayout {
	width: 250px;
	padding: 0 0 20px 0;
}

	.SPImage {
		width: 250px;
		height: 250px;
		overflow: hidden;
	}
	
		.SPImage img {
			width: 250px;
		}
	
	.SPName {
		text-align: center;
	}
	
	.SPPrice {
		margin: 0 0 0 7px;
	}
	
/* Large Product Layout
--------------------------------------------------*/
	
#LargeProductLayout {
	width: 790px;
}

	#LargeProductLayout h5 {
		font-size: 18px;
		margin: 0 0 10px 0;
		padding: 0;
		color: #89479D;
		font-weight: bold;
	}

	#LPLeftColumn {
		width: 395px;
		float: left;
	}
	
		#LPImage {
			width: 380px;
			/* height: 290px; */
			overflow: hidden;
			margin: 0 0 10px 0;
		}
		
			#LPImage  img {
				width: 380px !important;
			}
		
		#LPPoplets {
			margin: 0 0 10px 0;
		}
		
			table.productPoplets {
				border-collapse: collapse;
				border-spacing: 0;
				margin: 0 auto;
			}
			
				td.productPopletsItem {
					padding: 5px;
					vertical-align: center;
					text-align: center;
				}
		
		#LPDescription {
			margin: 0 0 10px 0;
			padding: 0 15px 0 0;
		}
	
	#LPRightColumn {
		width: 395px;
		float: left;
	}
	
		#LPInfo {
			margin: 0 0 10px 0;
		}
		
			#LPName, #LPName h1 {
				font-size: 24px;
				margin: 0 0 10px 0;
				padding: 0;
				color: #89479D;
			}
			
			#LPPrice {
				font-size: 15px;
				margin: 0 0 10px 0;
			}
			
			#LPStock {	
				font-size: 13px;
				margin: 0 0 10px 0;
			}
			
		#LPAttributes {
			margin: 0 0 10px 0;
		}
		
			.productAttributes {
			
			}
			
				.catProdAttributeTitle {
					margin: 0 0 3px 0;
				}
				
				.catProdAttributeItem {
					margin: 0 0 10px 0;
				}
				
					.catProdAttributeItem select {
						width: 300px;
					}
					
		#LPButtons {
			margin: 0 0 10px 0;
		}
		
			#ButtonContinueShopping, #ButtonAddToCart {
				display: block;
				width: 209px;
				height: 30px;
				margin: 0 0 10px 0;
				cursor: pointer;
			}
		
		#LPAddToCart {
			margin: 0 0 10px 0;
		}
			
			#LPAddToCart form {
				padding: 0;
				margin: 0;
				border: 0 none;
			}
			
				#LPAddToCart .AddToCartItem {
					float: left;
					clear: both;
					margin: 0;
					padding: 0 0 5px 0;
					width: 390px;
				}
			
					#LPAddToCart label {
						width: 150px;
						float: left;
					}
					
						#LPAddToCart span.required {
							font-weight: bold;
							font-weight: bold;
						}
					
					#LPAddToCart input {
						width: 230px;
						float: left;
					}
					
					#LPAddToCart select {
						width: 235px;
						float: left;
					}
					
					#BuyNowButton {
						margin: 0 0 0 150px;
						padding: 0 10px 0 0;
						text-align: right;
					}
					
						#BuyNowButton img {
							cursor: pointer;
							margin: 0 0 10px 0;
						}
						
		#HideCaptureDetails {
			display: none;
			visibility: hidden;
			height: 0;
			padding: 0;
			margin: 0;
		}
		
/* Shopping Cart
--------------------------------------------------*/

ul#EComCartCrumbs {
	float: left;
	padding: 0;
	margin: 0 0 15px 0;
	list-style-type: none;
}

	ul#EComCartCrumbs li {
		float: left;
		width: 240px;
		border-right: 3px solid #FFFFFF;
		background: #C896F9; /* #EE9CC4; */
		color: #FFFFFF;
		padding: 7px 10px 10px 10px;
		font-size: 24px;
		font-weight: normal;
	}
	
		ul#EComCartCrumbs li span {
			display: block;
			font-weight: normal;
			font-size: 13px;
			padding: 1px 0 0 35px;
		}
	
	ul#EComCartCrumbs li#EComCheckedCrumb {
		background: #89479D !important;
	}
	
		ul#EComCartCrumbs li#EComCheckedCrumb span{
			font-weight: bold !important;
		}

div.productitemcell {
	height: 90px;
	line-height: 20px;
	margin: 0 0 3px 0;
	overflow: hidden;
}

	td.ProductNameCell div.productitemcell {
		overflow: auto !important;
	}

span#shippingSpan {
	display: none;
	visibility: hidden;
}

select#ShippingOptions {
	width: 250px !important;
}

#ShoppingCartFooter {
	clear: both;
	margin: 10px 0 0 0;
}

/* Checkout
--------------------------------------------------*/

table#CheckoutForm {
	border-collapse: collapse;
	border: 0 none;
	width: 790px;
}

	table#CheckoutForm td {
		padding: 5px;
		width: 395px;
		vertical-align: top;
	}
	
		#CreditCardDetails {
		
		}
		
			table#CreditCardInputs {
				border-collapse: collapse;
				border: 0 none;
			}
			
				table#CreditCardInputs td {
					padding: 5px 5px 5px 0;
					vertical-align: top;
				}
	
	table#CheckoutForm label {
		line-height: 1.7em;
	}
	
	table#CheckoutForm  span.req {
		font-weight: bold;
		color: #89479D;
	}
	
	table#CheckoutForm #PaymentMethod10 {
		display: none !important;
		visibility: hidden !important;
		height: 0 !important;
	}

#CardExpiryMonth {
	width: 80px;
	margin: 0 5px 0 0;
}

#CardExpiryYear {
	width: 80px;
}

#CardType {
	width: 165px;
}

#CardCCV {
	width: 75px;
}

#DollarSign {
	line-height: 26px;
	font-size: 24px;
	color: #89479D;
}

#Amount {
	background: #FFFFFF;
	border: 0 none;
	height: 26px;
	font-size: 24px;
	color: #89479D;
}

/* Miscellaneous
--------------------------------------------------*/

table.HideTable {
	display: none;
	visibility: hidden;
	padding: 0;
	margin: 0;
}

	table.HideTable td {
		display: none;
		visibility: hidden;
		padding: 0;
		margin: 0;
	}