<!--

body {
	background-color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#303860;
	margin:0;
}

img {
	border:0;
}

img.floatLeft {
	float: left;
	margin: 0px 14px 4px;
	clear: left;
}
img.floatRight {
	float: right;
	margin: 0px 4px 4px 14px;
}
ul {
  margin-top:0;
  margin-bottom:0;
}

form {
	display:inline;
}


#container {
	margin:30px auto 0;
	width:822px;
	background:repeat-y url(../img/design/border_sides.gif);
}


#header {
	width:822px;
	height:85px;
	background:no-repeat top left url(../img/design/border_top.gif);
}

#header #logo {
	float:left;
	padding:2px 0 0 7px;
	margin:0;
	width:221px;
}

#header #image {
	float:left;
	padding:2px 0 0 0;
	margin:0;
	width:579px;
}


#level1 {
	width:822px;
	padding:0 0 0 5px;
	margin:0;
	background:repeat-y url(../img/design/border_sides.gif);
}


#level1 #subNav {
	width:800px;
	height:23px;
	background-color:#666666;
	font-size:11px;
	font-weight:bold;
	padding:0;
	margin:0;
}


#level1 #subNav li {
	height:23px;
	float:left;
	padding:0 1px 0 0;
	list-style:none;
	border-right:1px solid #929292;
}

#level1 #subNav a {
	height:13px;
	float:left;
	padding:5px 15px;
	text-decoration:none;
	color:#FFFFFF;
}

#level1 #subNav a:hover, #subNav a.active {
	color:#007bc1;
	background-color:#FFFFFF;
}

#level2 {
	width:822px;
	height:23px;
	padding:2px 0 0 7px;
	margin:0;
	background:repeat-y url(../img/design/border_sides.gif);
}

#level2 #search {
	float:left;
	margin:0;
	width:257px;
	height:23px;
	background-color:#337af8;
}

.searchField {
	height:11px;
	width:100px;
	margin-right:10px;
	font-size:9px;
}


#level2 #browse {
	float:left;
	margin:0;
	width:543px;
	height:18px;
	background-color:#337af8;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	text-align:right;
	padding-top:5px;
}

#level2 #browse a {
	text-decoration:none;
	color:#fff;
	padding:0 3px 0 3px;
}

#level2 #browse a:hover, #browse a.active {
	color:#007bc1;
	background-color:#FFFFFF;
}


#homeMiddle {
	width:822px;
	height:343px;
	padding:2px 0 0 7px;
	margin:0;
	background:repeat-y url(../img/design/border_sides.gif);
}

#homeMiddle #featureIMG {
	width:612px;
	float:left;
}

#homeMiddle #productLines {
	width:187px;
	float:left;
	clear:left;
	background-color:#f0f0f0;
}

#homeMiddle #productLines #heading {
	width:182px;
	height:24px;
	color:#d6edff;
	background-color:#000;
	font-weight:bold;
	padding:7px 0 0 7px;
	clear: left;
	float: left;
}
#homeMiddle #productLines .subheading {
	width:182px;
	height:19px;
	color:#d6edff;
	background-color:#666666;
	font-weight:bold;
	padding:7px 0 0 7px;
	clear: left;
	float: left;
	font-size: 11px;
}
#homeMiddle #productLines .item a {
	text-decoration:none;
	color:#666;
	background-color:#f0f0f0;
	width:181px;
	height:17px;
	float:left;
	padding:2px 0 0 7px;
	border-bottom:1px solid #ccc;
	clear: left;
	padding-top: 2px;
	padding-right: 0;
	padding-left: 7px;
}
#homeMiddle #productLines .item a:hover, #homeMiddle #productLines #item a.active {
	color:#fff;
	background-color:#FFFFFF;
	background:repeat-x url(../img/design/home_rollover.gif);
}

#featuredProducts {
	width:822px;
	height:160px;
	padding:2px 0 0 7px;
	margin:0;
	background:repeat-y url(../img/design/border_sides.gif);
}

#featuredProducts #heading {
	width:790px;
	height:20px;
	padding:5px;
	color:#fff;
	font-weight:bold;
	background-color:#85caff;
	background:url(../img/design/home_featuredProducts.jpg);
}

#featuredProducts #product {
	width:200px;
	height:130px;
	float:left;
	background-color: #F0F0F0;
}
#featuredProducts #product #img {
	width: 90px;
	height:130px;
	text-align:center;
	vertical-align:middle;
	float:left;
}
#featuredProducts #product #desc {
  width:99px;
  height:120px;
  background-color:#f0f0f0;
  float:left;
  font-size:10px;
  color:#000;
  border-right:1px #000;
  padding:5px;
}
#featuredProducts #productbig {
	width:400px;
	height:130px;
	float:left;
	background-color: #F0F0F0;
}
#featuredProducts #productbig #imgbig {
	width: 290px;
	height:130px;
	text-align:center;
	vertical-align:middle;
	float:left;
}
#featuredProducts #productbig #desc {
  width:99px;
  height:120px;
  background-color:#f0f0f0;
  float:left;
  font-size:10px;
  color:#000;
  border-right:1px #000;
  padding:5px;
}


#content {
	width:822px;
	height:100%;
	float:left;
	padding-left:9px;
	margin:0;
	background:repeat-y url(../img/design/border_sides.gif);
}


#pageContent {
	float:left;
	width:600px;
}

#leftMenu {
	float:left;
	width:160px;
	padding-right:20px;
}

#leftMenu #links a:link, #leftMenu #links a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#FF0000; }


#content #heading {
	font-size:20px;
	font-weight:bold;
	color:#007bc1;
	padding-top:15px;
}


#footer {
	width:822px;
	height:39px;
	clear:both;
	font-size:9px;
	color:#fff;
	background-image: url(../img/design/border_bottom2.gif);
}

#footer a {
	color:#fff;
	text-decoration:none;
}

#footer #copyright {
	float:left;
	padding:5px 0 0 8px;
	width:195px;
	font-weight: bold;
}

#footer #copyright2 {
	float:left;
	padding:5px 0 0 0;
}

#footer #links {
	float:right;
	padding:5px 19px 0 0;
}

.subheading {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#303860;
	font-weight: bold;
	clear: left;
}

.pageContent2 {
	float:left;
	width:760px;
	padding-left:30px;
	text-align: justify;
}

/* ------- PRODUCT MENUS -------------- */

.pageContent2 #menuLeft {
	width:220px;
	float:left;
	background-color:#f0f0f0;
	left: 170px;
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
}
.pageContent2 #menuLeft .subheading {
	width:220px;
	height:20px;
	color:#d6edff;
	background-color:#666666;
	font-weight:bold;
	padding:3px 0 0 7px;
	float: left;
	font-size: 11px;
}
.pageContent2 #menuLeft .item a {
	text-decoration:none;
	color:#666;
	background-color:#f0f0f0;
	width:220px;
	height:17px;
	float:left;
	border-bottom:1px solid #ccc;
	padding-top: 2px;
	padding-right: 0;
	padding-left: 7px;
}
.pageContent2 #menuLeft .item a:hover, #homeMiddle #productLines #item a.active {
	color:#fff;
	background-color:#FFFFFF;
	background:repeat-x url(../img/design/home_rollover.gif);
}
.pageContent2 #menuRight {
	width:220px;
	float:left;
	background-color:#f0f0f0;
	position: relative;
	left: 179px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.pageContent2 #menuRight .subheading {
	width:220px;
	height:20px;
	color:#d6edff;
	background-color:#666666;
	padding:3px 0 0 7px;
	float: left;
	font-size: 11px;
	float: left;
}
.pageContent2 #menuRight .item a {
	text-decoration:none;
	color:#666;
	background-color:#f0f0f0;
	width:220px;
	height:17px;
	float:left;
	border-bottom:1px solid #ccc;
	padding-top: 2px;
	padding-right: 0;
	padding-left: 7px;
}
.pageContent2 #menuRight .item a:hover, #homeMiddle #productLines #item a.active {
	color:#fff;
	background-color:#FFFFFF;
	background:repeat-x url(../img/design/home_rollover.gif);
}
.frontpagebanner {
	font-size: 15px;
	font-weight: bold;
	position: relative;
	color: #337AF8;
	left: 365px;
	top: -340px;
	height: 20px;
}
.imagebox {
	width: 760px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	padding-right: -10px;
	padding-left: 20px;
}
.imagebox img{
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
}


/* ------- LINK SETTINGS -------------- */
a:active {color: #333333}
a:hover {color: #FF0000}
a:link {color: #FF0000}
a:visited {color: #333333}


/* ------- GENERAL FONT SETTINGS -------------- */
.heading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #007bc1}
.bodyText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333}
.bodyTextBold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #333333}
.bodyTextError {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FF0000}
.bodyTextSmall {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
.bodyTextWhite {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF}

.voucherHeading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #666666}


/* ------- CATEGORY LIST (Category page body area) -------------- */
.categoryHeader {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #fff}
.categoryDescription {font-family: Verdana, Arial, 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: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #007bc1}
.categoryRow1, .categoryRow2 {background-color: #fff; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; text-align: left; border-bottom:1px solid #ccc; }
/* .categoryRow2 {background-color: #337AF8; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; text-align: left border-bottom:1px solid #ccc; } */
.categoryDescription {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: italic; color: #333333}

A.categoryLink:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration:none; }
A.categoryLink:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration:none; }
A.subCategoryLink:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; text-decoration:none; }
A.subCategoryLink:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; text-decoration:none; }
.subCategoryLinkIndent {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; text-decoration: none }


/* ------- PRODUCT LIST (Category & Search result pages) -------------- */
.productListHeader {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #000066}
.productListDescription {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333}
.productListPrice {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #333333}
.productListRRP {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FF0000}
.productListOutOfStock {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333}
.productListDateAvailable {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #337AF8}
.productListPreOrder {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #333333}

A.productListMoreInfo:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; color: #990000}
A.productListMoreInfo:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; color: #990000}


/* ------- PRODUCT PAGE -------------- */
.productHeader {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #333333}
.productText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; text-decoration: none;}
.productTextBold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; font-weight: bold}
.productDescriptionHeading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #337AF8}
.productDescription {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333}
.productPrice {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #333333}
.productRRP {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FF0000}
.productOutOfStock {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333}
.productDateAvailable {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #337AF8}
.productPreOrder {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #333333}
.productInfoTable {background-color: #CCCCCC}
.productInfoTableRow1 {background-color: #F3F2F2}
.productInfoTableRow2 {background-color: #FFFFFF}
.productRow1 {background-color: #F0F0F0}
.productRow2 {background-color: #FFFFFF}


/* ------- CHECKOUT PAGES -------------- */
.checkoutBodyText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
.checkoutBodyTextBold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold}
.checkoutBodyTextError {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FF0000}
.checkoutBodyTextSmall {font-family: Verdana, Arial, 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: #CCCCCC}
.checkoutRow1 {background-color: #F0F0F0; 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: #FFFFFF; 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: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #33CC00}
.checkoutFail {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FF0000}


/* ------- PAGE LAYOUT -------------- */
.outsideBorder {background-color: #B3B3B3;}
.headerMenuSeparator {background-color: #336633;}
.bgColour {background-color: #FFFFFF;}


/* ------- HEADER -------------- */
.headerRow {background-color: #337AF8}
.headerMenuRow {background-color: #F3F2F2; color: #F3F2F2}
A.headerLink:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; color: #333333}
A.headerLink:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; color: #333333}

/* ------- FOOTER -------------- */
.footerRow {background-color: #337AF8; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 20px; color: #FFFFFF}
A.footerLink:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; color: #FFFFFF}
A.footerLink:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; color: #FFFFFF}


/* ------- TOP SELLER TABLE -------------- */
.topSellerTable {background-color: #337AF8}
.topSellerRow {background-color: #FFFFFF}
.row3 {background-color: #999999}
A.topSellerText:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #333333; text-decoration: none}
A.topSellerText:visited {font-family: Verdana, Arial, 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: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold}
.receiptHeading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold}


/* ------- Browse -------------*/
.searchHeader {background-color:#337af8; padding:3px; color:#fff; font-weight:bold;}

.r1 { background-color:#e4e9f6; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.r2 { background-color:#ffffff; }
.r3 { background-color:#666; }
.r3 a, .r3 a:hover, .r3 .cat { color:#FFFFFF; text-decoration:none; }


.searchRow { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; }


#popup {width:150px; padding:4px; background-color:#ccc; border:1px solid #fff; position:absolute; left: 350px; top: 190px; visibility: hidden; }
#popup img {text-align:center;}


-->