
/** HTML  *****************************/

body {
	background-image: url(../images/marble-background.jpg);
	background-position: 100px 100px;
	background-repeat: repeat;
	margin: 0px 1em;
	padding: 0px;
	font-size: 75%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, p, ul, ol, li, a, form {
	margin: 0px;
	padding: 0px;
}
h1 {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 1ex;
}
h2 {
	font-size: 120%;
	font-weight: bold;
	margin-top: 2ex;
	margin-bottom: 0.5ex;
}
h3 {
	font-size: 100%;
	font-weight: bold;
	margin-top: 0.7ex;
	margin-bottom: 0ex;
}

a {
	color: #66459C;
	text-decoration: none;
}
a:hover {
	color: #6800C6;
	text-decoration: underline;
}

img {
	border: none;
}
input, select {
	margin: 0px;
	padding: 0px;
}
td, th {
	vertical-align: top;
	text-align: left;
}
fieldset {
    margin: 1ex 2%;
}
legend {
    color: #A08774;
}

/** Show Layout *****************************/
/*
.Page       { border: 1px solid red }
.Header     { border: 1px solid green }
.Navigation { border: 1px solid orange }
.Main       { border: 1px solid blue }
.Footer     { border: 1px solid green }
*/
/** Layout *****************************/

.SkipNav {
	display: none;
}
.Page {
	max-width:150ex;
	margin-left: auto;
	margin-right: auto;
}
.Header {
	height: 108px;
	margin: 15px 0ex 0em;
}
.Navigation {
	float: left;
	clear: left;
	width: 22%;
	margin: 3em 0ex 0ex;
}
.Main {
	float: right;
	width: 73%;
	margin: 0ex 0ex;
}
.MainWide {
	width: 100%;
}

/** Header *****************************/

.Logo {
	float: left;
	background-image: url(../images/title-christmas.gif);
	background-image: url(../images/title.gif);
	background-repeat: no-repeat;
}
.Logo a {
	display: block;
	width: 406px;
	height: 108px;
	/* Christmas */
	width: 467px;
	height: 136px;
}
.Logo span {
	display: none;
}

/** Basket Panel *****************************/

.BasketPanel {
	float: right;
	margin-top: 3ex;
	background-color: #FFFFFF;
	border: 1px solid #D9D0C5;
	padding: 2px;
}
.BasketPanel p {
	margin: 0ex 1ex;
}
.BasketPanel .PanelHeading {
	background-color: #A08774;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 90%;
	margin: 0ex 0ex 0.5ex;
	padding: 0.25ex 1ex;
}
.BasketPanel ul {
	border-top: 1px solid #D9D0C5;
	margin: 0.5ex 1ex 0ex;
	padding: 0.5ex 0ex 0.25ex;
}
.BasketPanel li {
	font-weight: bold;
	display: inline;
	margin-left: 2ex;
}
.BasketPanel li:first-child {
	margin-left: 0ex;
}

/** Navigation *****************************/

.MainNav {
	margin-left: 1ex;
}
.MainNav ul {
	list-style-type: none;
}
.MainNav li {
	display: inline;
}
.MainNav a {
	font-size: 110%;
	font-weight: bold;
	background-color: #C6B5A8;
	padding: 1px 5px;
	text-decoration: none;
	color: #FFFFFF;
}
.MainNav a:hover {
	background-color: #A791B9;
	text-decoration: none;
}

.CatNav {
	clear: left;
	margin: 0px;
	margin-bottom: 1ex;
	padding: 0px;
	list-style-type: none;
}
.CatNav li {
	margin-bottom: 0.5ex;
}
.CatNav a {
	display: block;
	font-size: 100%;
	font-weight: bold;
	background-color: #F4EFED;
	padding: 0.5ex 1ex;
	text-decoration: none;
	border-right: 1px solid #D9D0C5;
	border-bottom: 1px solid #D9D0C5;
}
.CatNav a:hover {
	background-color: #FFFFFF;
	text-decoration: none;
}
.CatNav li.ListHeading a {
	background-color: #C6B5A8;
	color: #FFFFFF;
}
.CatNav li.ListHeading a:hover {
	background-color: #A791B9;
}

.PromoBox {
	background-color: #F2EFEC;
	border: 1px solid #D9D0C5;
	padding: 1ex;
	text-align: center;
}
.PromoBox .PanelHeading {
	font-size: 110%;
	font-weight: bold;
	color: #666666;
	text-align: left;
}
.PromoBox img {
	margin: 0.5ex;
}


/** Account Panel *****************************/

.AccountPanel {
	margin: 1.5ex 0ex;
	background-color: #FFFFFF;
	border: 1px solid #D9D0C5;
	padding: 2px;
}
.AccountPanel p {
	margin: 0ex 1ex;
}
.AccountPanel .PanelHeading {
	background-color: #A08774;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 90%;
	margin: 0ex 0ex 0.5ex;
	padding: 0.25ex 1ex;
}
.AccountPanel ul {
	border-top: 1px solid #D9D0C5;
	margin: 0.5ex 1ex 0ex;
	padding: 0.5ex 0ex 0.25ex;
}
.AccountPanel li {
	font-weight: bold;
	display: inline;
	margin-left: 2ex;
}
.AccountPanel li:first-child {
	margin-left: 0ex;
}

/** Search Box *****************************/

.SearchBox {
	margin: 0ex 0ex 1ex;
}
.SearchBox input {
	width: 70%;
}
.SearchBox input.SmallButton {
	width: 25%;
}
.SearchBox span.FormHeading {
	font-size: 120%;
	font-weight: bold;
	color: #666666;
}

/** Content *****************************/

.Content {
	background-color: #FFFFFF;
	border: 1px solid #D9D0C5;
	margin: 3em 0ex 0ex;
	padding: 2ex 3ex;
	min-height: 50ex;
	line-height: 150%;
}
.Content ul, .Content ol {
	margin-left: 3ex;
}
.Content ol ol {
	list-style-type: lower-alpha;
}

.Content .BreadCrumb {
	margin-left: 0ex;
	margin-bottom: 1.5ex;
}
.Content .BreadCrumb li {
	margin: 0ex 1ex 0ex 0ex;
	display: inline;
}
.Content .BreadCrumb a {
	padding: 0.5ex 2ex;
	background-color: #F4EFED;
	border-right: 1px solid #D9D0C5;
	border-bottom: 1px solid #D9D0C5;
}
.Content .BreadCrumb a:hover {
	background-color: #DCD2EC;
	text-decoration: none;
}
.Content h1 {
    line-height: 130%;
    margin-top: 1ex;
}
.Content h3 {
	font-size: 95%;
	color: #444444;
}


/** Utility Menu *****************************/

.Utility {
	clear: right;
	float: right;
	text-align: center;
	font-size: 90%;
	list-style-type: none;
	padding: 2em 0ex;
	margin: 2ex 0ex 0ex;
}
.Utility li {
	display: inline;
}
.Utility a {
	background-color: #F4EFED;
	margin: 0ex 0.5ex;
	padding: 0.5ex 2ex;
	text-decoration: none;
	border-right: 1px solid #D9D0C5;
	border-bottom: 1px solid #D9D0C5;
}
.Utility a:hover {
	background-color: #FFFFFF;
	text-decoration: none;
}


/** Footer *****************************/

.Footer {
	clear: both;
	text-align: center;
	font-size: 90%;
	list-style-type: none;
	padding: 3em 0ex 1em;
}
.Footer li {
	display: inline;
}
.Footer a {
	background-color: #F4EFED;
	margin: 0ex 0.5ex;
	padding: 0.5ex 2ex;
	text-decoration: none;
	border-right: 1px solid #D9D0C5;
	border-bottom: 1px solid #D9D0C5;
}
.Footer a:hover {
	background-color: #FFFFFF;
	text-decoration: none;
}
.Copyright {
	text-align: center;
    font-size: 75%;
}


/** Panels *****************************/

.Panel li {
	float: left;
	display: inline;
	margin: 1ex;
	width: 45%;
	background-color: #FFFFFF;
	border: 1px solid #D9D0C5;
	padding: 2px;
}
.Panel li p {
	margin-left: 1ex;
	margin-right: 1ex;
}
.Panel li h2 {
	margin: 0ex;
	line-height: 110%;
	font-size: 110%;
	font-weight: bold;
	text-align: left;
	display: block;
}

.CategoryPanel li {
	color: #000000;
	text-align: center;
	width: 29%;
	min-width: 25ex;
	max-width: 34ex;
	height: 27ex;
}
.CategoryPanel li:hover {
	border: 1px solid #D2C7E7;
}
.CategoryPanel li h2 {
	font-size: 110%;
	font-weight: bold;
}
.CategoryPanel li h2 a {
	display: block;
	padding: 0.5ex 1ex;
	color: #000000;
	height: 6ex;
	background-color: #D9D0C5;
}
.CategoryPanel li h2 a:hover, .CategoryPanel li:hover h2 a {
	background-color: #D2C7E7;
	text-decoration: none;
}
.CategoryPanel li p a {
    display: block;
	padding: 2.75ex 0.25ex;
	min-height: 100px;
	min-width: 100px;
	background-position: center center;
	background-repeat: no-repeat;
}
.CategoryPanel li img {
	margin: 1ex;
}
.CategoryPanel li .Price {
	text-align: right;
}

.ProductPanel li {
	color: #000000;
	text-align: center;
	width: 29%;
	min-width: 25ex;
	max-width: 34ex;
	height: 27ex;
}
.ProductPanel li:hover {
	border: 1px solid #C4B4DE;
}
.ProductPanel li h2 {
	font-weight: normal;
	line-height: 130%;
}
.ProductPanel li h2 a {
	display: block;
	padding: 0.5ex 1ex;
	color: #FFFFFF;
	background-color: #A08774;
	height: 2.75ex;
	overflow: hidden;
}
.ProductPanel li h2 a:hover, .ProductPanel li:hover h2 a {
	background-color: #66459C;
	text-decoration: none;
	color: #FFFFFF;
}
.ProductPanel li h3 {
	margin: 1ex 1ex 0.5ex;
	line-height: 125%;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	height: 5ex;
	overflow: hidden;
}
.ProductPanel li h3 a {
	color: #000000;
}
.ProductPanel li h3 a:hover, .ProductPanel li:hover h3 a {
	color: #66459C;
	text-decoration: none;
}
.ProductPanel li p a {
    display: block;
	padding: 0.25ex;
	min-height: 100px;
	min-width: 100px;
	background-position: center center;
	background-repeat: no-repeat;
}
.ProductPanel li img {
	margin: 0ex;
	vertical-align: middle;
	margin: auto 0ex;
	
}
.ProductPanel li .Price {
	font-weight: bold;
	text-align: right;
	vertical-align: bottom;
}

.CategoryIntro {
	margin: 0ex 4ex 1ex;
}

.AmazonAds li {
	height: auto;
}
.AmazonProducts {
	background-color: #FFFFFF;
	border: 1px solid #D9D0C5;
	padding: 2px;
	width: 300px;
}
.CategorySubheading {
	margin: 0ex 4ex 1ex;
	font-size: 90%;
	font-weight: bold;
	color: #999999;
}

/** Tables *****************************/

th .SubHeading {
	font-weight: normal;
}

.ListTable {
	margin: 1%;
	width: 98%;
	border-collapse: collapse;
}
.ListTable td {
	vertical-align: middle;
	border-bottom: 1px solid #E0D4CD;
	padding: 0.25ex 1ex;
}
.ListTable th {
	color: #FFFFFF;
	background-color: #A08774;
	border-bottom: 1px solid #E0D4CD;
	padding: 0ex 1ex;
}
.ListTable input, .ListTable .Photo, .ListTable .Price {
	text-align: right;
}
.ListTable input {
	padding: 0ex 0.5ex;
}

.BasketTable {
	margin-bottom: 0%;
}
.BasketTable th {
	white-space: nowrap;
}
.BasketTable h2 {
	font-size: 100%;
	margin-top: 0ex;
}
.BasketTable .Buttons input {
	text-align: center;
}
.BasketTable .Quantity, .BasketTable .Total {
	text-align: right;
}
.BasketTable td.Price {
	font-weight: normal;
}
.BasketTable tr.Summary td, .BasketTable tr.Summary th {
	background-color: #F4EFED;
	color: #666666;
}
.BasketTable tr.Total td, .BasketTable tr.Total th {
	background-color: #E0D4CD;
	font-weight: bold;
}
.BasketTable ul {
	margin-left: 5ex;
}
.BasketTable li {
	color: #999999;
	font-weight: normal;
	list-style-type: circle;
}

.BasketSummary {
	width: 98%;
	margin: 0ex 1%;
	background-color: #F4EFED;
	border-collapse: collapse;
}
.BasketSummary th, .BasketSummary td {
	padding: 0.25ex 1ex;
}
.BasketSummary th {
	text-align: right;
	font-weight: normal;
	width: 90%;
}
.BasketSummary .Price {
	text-align: right;
	font-weight: bold;
}
.BasketSummary tr.Total td, .BasketSummary tr.Total th {
	background-color: #E0D4CD;
	font-weight: bold;
}
.OrderSummary .BasketSummary th {
	text-align: left;
}
.OrderSummary .BasketSummary .Price {
	font-weight: normal;
}

.FormTable {
	margin: 1%;
}
.FormTable td, .FormTable th {
	padding: 0.5ex 1ex;
	vertical-align: middle;
}
.FormTable td {
	background-color: #F4EFED;
}
.FormTable th {
	text-align: right;
	color: #666666;
	background-color: #E0D4CD;
	white-space: nowrap;
}
.FormTable tr.Top th {
	text-align: left;
}
.FormTable input.Numeric {
	text-align: right;
}
.FormTable input {
	padding: 0ex 0.5ex;
}
.FormTable label {
	margin: 0ex 2ex 0ex 0.25ex;
}
.FormTable tr.Clear td, .FormTable tr.Clear th {
	background-color: #FFFFFF;
}



/** Product *****************************/

.ProductDetails {
	float: left;
	width: 40%;
}
.ProductDetails p.Price {
	font-weight: bold;
	font-size: 120%;
	color: #666666;
	margin: 1ex;
}
.ProductCode {
	margin: 0.5ex 0ex;
	color: #888888;
	font-variant: small-caps;
}
.ProductCode span {
	font-variant: normal;
}
.ProductAuxilliary {
	float: right;
	text-align: center;
	width: 55%;
}

.ProductImage {
	margin: 1ex;
	padding: 15px;
	border: 1px solid #D7CCC6;
	width: 330px;
	height: 300px;
	text-align: center;
	vertical-align: middle;
	background-image: url(../images/spacer.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.ProductGallery {
	margin: 1ex 0ex;
	width: 90%;
}
.ProductGallery div {
	float: left;
	border: 1px solid #D7CCC6;
	margin: 0.5ex;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}
.ProductGallery a {
	width: 100px;
	height: 66px;
	display: block;
	background-image: url(../images/spacer.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.ProductGallery img {
	margin: 1ex;
}



/** Sign-in *****************************/

.SignIn {
	float: left;
	margin: 2ex;
	width: 45%;
	background-color: #FFFFFF;
	border: 1px solid #D9D0C5;
	padding: 2px;
}
.SignIn table {
	margin: 1ex;
}
.SignIn p {
	margin: 1ex;
}
.SignIn h2 {
	margin: 0ex;
	line-height: 110%;
	font-size: 110%;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 0.5ex 1ex;
	color: #FFFFFF;
	background-color: #A08774;
}

/** Addresses *****************************/

.AddressCard fieldset {
	float: left;
	margin: 2ex 1%;
	padding: 0ex 3ex 2ex 3ex;
	width: 25%;
}
.AddressCard legend {
	margin-left: -2ex;
}
.AddressCard ul {
	border-top: 1px solid #D9D0C5;
	margin: 1ex 0ex 0ex;
	padding: 0.5ex 0ex 0.25ex;
}
.AddressCard li {
	font-weight: bold;
	display: inline;
	margin-left: 2ex;
}
.AddressCard li:first-child {
	margin-left: 0ex;
}


/** Configurator *****************************/

.ColourChart {
}
.ColourChart span {
	margin: 0.5ex 1ex 0.5ex 0ex;
	padding: 1ex;
	display: inline-block;
	float: left;
}
.ColourChart .Colour {
	margin: 1ex;
	padding: 1ex 2ex 1ex 1ex;
	color: #FFFFFF;
	border: 1px solid #000000;
	white-space: nowrap;
}
.ColourChart .Colour label {
	margin-left: 1ex;
}

.Typeface td {
	padding: 0ex;
	vertical-align: middle;
}

.PrintText {
	width: 95%;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 110%;
	text-align: center;
}


/** Buttons *****************************/

.ButtonSet {
	text-align: center;
	clear: both;
	margin: 1ex;
}
.ButtonSet input {
	margin: 0.5ex;
}
.MainButton {
	color: #FFFFFF;
	background-color: #66459C;
	font-weight: bold;
	padding: 0ex 0.5ex;
}
.Button {
	color: #66459C;
	background-color: #F4EFED;
	font-weight: bold;
	padding: 0ex 0.5ex;
}
.SmallButton {
	color: #66459C;
	font-weight: normal;
	font-size: 80%;
	margin: 1ex 0.25ex 0ex;
	padding: 0ex 0.25ex;
}
.PageButtonSet {
	text-align: center;
	clear: both;
	margin: 1ex 10ex 1ex 5ex;
}
.PageButtonSet input {
	background-color: Transparent;
	border: none;
	color: #66459C;
	cursor: pointer;
}
.PageButtonSet input.Disabled {
	color: #FFFFFF;
	cursor: default;
}
.PageButtonSet .PageCount {
	width: 50%;
}
.PageButtonSet a.Previous {
	float: left;
	font-weight: bold;
	text-decoration: none;
}
.PageButtonSet a.Next {
	float: right;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #66459C;
	padding: 0.2ex 1.5ex 0.5ex;
}
.PageButtonSet a.Next:hover {
	background-color: #8564BB;
}

.PageNavBar {
	text-align: center;
	clear: both;
	padding: 0.15ex 0.75ex 0.25ex ;
	margin: 1ex 5.5ex 1ex 4ex;
	/*
	background-color: #F4EFED;
	border-right: 1px solid #D9D0C5;
	border-bottom: 1px solid #D9D0C5;
    */
}
.PageNavBar .PageCount {
	width: 50%;
}
.PageNavBar a {
	text-decoration: none;
}
.PageNavBar a:hover {
	text-decoration: underline;
}
.PageNavBar a.Disabled {
	color: #CCCCCC;
	font-weight: normal;
	text-decoration: none;
}

/** General *****************************/

.ImageList {
	clear: both;
	list-style-type: none;
	padding: 1ex 0ex;
}
.ImageList li {
	display: inline;
	margin: 1ex;
}

.ResultsFooter {
	clear: both;
	text-align: center;
	padding-top: 1ex;
}

.spacer {
	display: block;
	clear: both;
	font-size: 1px;
}
.inPageImgLeft {
	float: left;
	margin-bottom: 1ex;
	margin-right: 1em;
}
.inPageImgRight {
	float: right;
	margin-bottom: 0.7ex;
	margin-left: 0.7em;
}
.Gallery {
	text-align: center;
}

.Total {
	font-weight: bold;
}

.ImageZoom {
	display: none;
	position: absolute;
	margin: 6ex;
	z-index: 10;
	background-color: #FFFFFF;
	border: 1px solid #D9D0C5;
	padding: 2ex;
}
.ImageZoom .Close {
	position: absolute;
	z-index: 20;
	top: 1ex;
	right: 1ex;
}
.error {
    color: #CC0000;
    font-weight: bold;
}
.InlineSubheading {
    color: #666666;
    font-weight: normal;
    font-size: 80%;
    margin-left: 1ex;
}
