<!--

/* ------- Global settings ------- */

.nothing {}

/* ------- LINK SETTINGS -------------- */
a:active {color: #521A0C; text-decoration: underline; }
a:hover {color: #521A0C; text-decoration: underline; }
a:link {color: #521A0C; text-decoration: underline; }
a:visited {color: #521A0C; text-decoration: underline; }



/* ------- GENERAL FONT SETTINGS -------------- */
.bodyText {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; color: #302E2A; line-height: 13px}
.bodyTextForm {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; color: #600083; font-weight: bold}
.footerText {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 7pt; color: #B6AFA4; line-height: 12px}

A.bodyLink:link {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; color: #521A0C}
A.bodyLink:visited {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; color: #521A0C}
A.bodyLink:active {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; color: #521A0C}
A.bodyLink:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; color: #521A0C}



/* ------- GENERAL FONT SETTINGS -------------- */
.heading {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #E4D9CC}
.heading2 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #521A0C}
.bodyTextBold {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #333333}
.bodyTextBold {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #333333}
.bodyTextError {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; color: #FF0000}
.bodyTextSmall {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 7pt; color: #302E2A}
.bodyTextWhite {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF}

.voucherHeading {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #666666}


/* ------- CATEGORY LIST (Category page body area) -------------- */
.categoryHeader {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #000099}
.categoryDescription {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; color: #333333}
.categoryRow {padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px}


/* ------- CATEGORY LIST (Left Menu) -------------- */
.categoryBackground {background-color: #FFFFFF}
.categoryHeadingRow {background-color: #E7E794; text-align: left}
.categoryHeadingText {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #006600}
.categoryRow1 {background-color: #D9CAB8; text-align: left}
.categoryRow2 {background-color: #D9CAB8; text-align: left}
.categoryDescription {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; color: #333333}

A.categoryLink:link {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; color: #521A0C; line-height: 15px}
A.categoryLink:visited {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; color: #521A0C; line-height: 15px}
A.subCategoryLink:link {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; color: #3B2F1F; line-height: 15px}
A.subCategoryLink:visited {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; color: #3B2F1F; line-height: 15px}
.subCategoryLinkIndent {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; color: #3B2F1F; text-decoration: none; line-height: 15px }


/* ------- PRODUCT LIST (Category & Search result pages) -------------- */
.productListHeader {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #3B2F1F}
.productListDescription {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; color: #333333}
.productListPrice {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #333333}
.productListRRP {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FF0000}
/*.productListOutOfStock {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 7pt; color: #302E2A}*/
.productListOutOfStock {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #993333}
.productListItemsInStock {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #993333}
.productListPrice2 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #333333}
.productListRRP2 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FF0000; line height: 10pt;}
.productListOutOfStock2 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; color: #333333}
.productListDateAvailable {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 7pt; color: #521A0C}
.productListPreOrder {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #333333}

A.productListMoreInfo:link {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; text-decoration: underline; color: #521A0C}
A.productListMoreInfo:visited {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; text-decoration: underline; color: #521A0C}
A.productListMoreInfo:active {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; text-decoration: underline; color: #521A0C}
A.productListMoreInfo:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; text-decoration: underline; color: #521A0C}

/* ------- PRODUCT PAGE -------------- */
.productHeader {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #E4D9CC}
.productHeader2 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #521A0C}
.productText {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; color: #666666; text-decoration: none;}
.productTextBold {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; color: #666666; font-weight: bold}
.productDescriptionHeading {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #3B2F1F}
.productDescription {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; color: #333333}
.productPrice {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #333333}
.productPrice2 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 4; line height: 10pt;}
.productPrice3 {font-family: Arial; font-size: 13pt; color: #333333; line-height: 18px }
.productPrice4 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16pt; color: #333333; line-height: 20px }
.productRRP {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FF0000}
/*.productOutOfStock {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; color: #333333}*/
.productOutOfStock {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #993333}
/* .productDateAvailable {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; color: #521A0C}*/
.productDateAvailable {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #993333}
.productPreOrder {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #333333}
.productInfoTable {background-color: #CCCCCC}
.productInfoTableRow1 {background-color: #D9CAB8}
.productInfoTableRow2 {background-color: #E4D9CC}
.productRow1 {background-color: #D9CAB8}
.productRow2 {background-color: #E4D9CC}


/* ------- CHECKOUT PAGES -------------- */
.checkoutBodyText {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt}
.checkoutBodyTextBold {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; font-weight: bold}
.checkoutBodyTextError {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; color: #FF0000}
.checkoutBodyTextSmall {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt}
.checkoutTable {background-color: #999999; width: 450px}
.checkoutTableAdmin {background-color: #CCCCCC; border: 1px #CCCCCC; width: 550px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px}
.checkoutHeadingRow {background-color: #D0BEAA}
.checkoutRow1 {background-color: #D9CAB8; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
.checkoutRow2 {background-color: #E4D9CC; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
.checkoutSuccess {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #33CC00}
.checkoutFail {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FF0000}



/* ------- PAGE LAYOUT -------------- */
.outsideBorder {background-color: #B3B3B3;}
.headerMenuSeparator {background-color: #336633;}
.bgColour {background-color: #D3C7BA;}


/* ------- HEADER -------------- */
.headerRow {background-color: #48A93F}
.headerMenuRow {background-color: #F3F2F2; color: #F3F2F2}
A.headerLink:link {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; color: #333333}
A.headerLink:visited {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; color: #333333}

/* ------- FOOTER -------------- */
.footerRow {background-color: #48A93F; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 20px; color: #FFFFFF}
A.footerLink:link {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 7pt; text-decoration: underline; color: #B6AFA4}
A.footerLink:visited {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 7pt; text-decoration: underline; color: #B6AFA4}
A.footerLink:active {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 7pt; text-decoration: underline; color: #B6AFA4}
A.footerLink:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 7pt; text-decoration: underline; color: #B6AFA4}



/* ------- TOP SELLER TABLE -------------- */
.topSellerTable {background-color: #32302C}
.topSellerRow {background-color: #E4D9CC}
.row3 {background-color: #32302C}
A.topSellerText:link {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 7pt; color: #333333; text-decoration: none}
A.topSellerText:visited {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 7pt; color: #333333; text-decoration: none}




/* ------- PRINTABLE RECEIPT -------------*/
.recieptTable {background-color: #CCCCCC; border: 1px #FF0000; width: 550px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px}
.storeName {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16pt; font-weight: bold}
.receiptHeading {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12pt; font-weight: bold}





/* Nav bar */
#topnav {
	float: left;
	width: 624px;
	height: 33px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 7pt;
	background-color: #96411a;
	font-weight: bold;
}
#topnav li {
	float: left;
	margin: 0;
	list-style: none;
}
#topnav a {
	float: left;
	padding: 12px 5px;
	text-decoration: none;
	color: #ded1c2;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0px;
}
#topnav a:hover, #topnav a.active {
	color: #e0d4c7;
	background-color: #32302c;

}
#topnav a.active {
	background-color: #222222;
	color: #000;
	background-color: #FFB11D;
}



/* Nav bar */
#bottomnav {
	width: 786px;
	height: 33px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 7pt;
	background-color: #96411a;
	font-weight: bold;
}
#bottomnav li {
	float: left;
	margin: 0;
	list-style: none;
}
#bottomnav a {
	float: left;
	padding: 12px 5px;
	text-decoration: none;
	color: #ded1c2;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0px;
}
#bottomnav a:hover, #bottomnav a.active {
	color: #e0d4c7;
	background-color: #32302c;

}
#bottomnav a.active {
	background-color: #222222;
	color: #000;
	background-color: #FFB11D;
}



#container {border: 0px solid color #000;width:800px; padding-right:10px; background: #fff url(../img/right_border_bg.jpg) right top repeat-y;}


#wh { position:absolute; width:249px; height:57px; left:-1000px; z-index:3; }

-->
