﻿/* ------- LINK SETTINGS -------------- */
body
{
	margin: 0px;
}

a
{
	color: Navy;
}
a:hover
{
	color: #8b0000;
}

TBODY
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Helvetica;
	color: #000099;
}

/* ------- GENERAL FONT SETTINGS -------------- */
.heading
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000099;
}
.bodyText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.bodyTextBold
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
.bodyTextError
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}
.bodyTextSmall
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.bodyTextWhite
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

#footer
{
	font-size: 11px;
	background-color: #f3f3f3;
}
#content
{
	padding-left: 20px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	height: 300px;
	vertical-align: top;
}

/* ------- CATEGORY LIST (Category page body area) -------------- */
.categoryHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000099;
}
.categoryDescription
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.categoryRow
{
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}

/* ------- CATEGORY LIST (Left Menu) -------------- */
.categoryBackground
{
	background-color: #FFFFFF;
}
.categoryDescription
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #333333;
}

/* ------- PRODUCT LIST (Category & Search result pages) -------------- */
.productListHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000066;
}
.productListDescription
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.productListPrice
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
.productListRRP
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
}

A.productListMoreInfo:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
}
A.productListMoreInfo:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
}


/* ------- PRODUCT PAGE -------------- */
.productHeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000099;
}
.productText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
.productTextBold
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}
.productDescriptionHeading
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.productDescription
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.productPrice
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
.productRRP
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
}
.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: 11px;
}
.checkoutBodyTextBold
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.checkoutBodyTextSmall
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.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: 11px;
}
.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: 11px;
}

/* ------- PAGE LAYOUT -------------- */
.headerMenuSeparator
{
	background-color: #336633;
}
.bgColour
{
	background-color: #FFFFFF;
}

/* ------- HEADER -------------- */
A.headerLink:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}
A.headerLink:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}

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;
}
.LeftMenuBlock
{
	margin-top: 1px;
	margin-bottom: 1px;
}

.LeftMenuBlockCollapsed
{
	padding-left: 9px;
	text-indent: -12px;
}

.LeftMenuBlockExpanded
{
	padding-left: 9px;
	text-indent: -16px;
}

.LeftMenuBlockNoChildren
{
	padding-left: 9px;
	text-indent: 0px;
}

.LeftMenuImageCollapsed
{
	margin-right: 3px;
	margin-left: 5px;
	width: 4px;
	height: 7px;
	border: 0px;
}

.LeftMenuImageExpanded
{
	margin-right: 3px;
	margin-left: 8px;
	width: 5px;
	height: 5px;
	border: 0px;
	vertical-align:middle;
}

.LeftMenuBlock a:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	text-decoration: none;
}
.LeftMenuBlock a:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	text-decoration: none;
}
.LeftMenuBlock a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	text-decoration:underline;
}

A.LeftMenuLink:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: underline;
}
A.LeftMenuLink:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: underline;
}

/* ------- 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;
}

.SpecialPrice
{
	color: Red;
	font-weight: bold;
}

.HeaderBackground
{
	background: url("Tile.jpg") repeat-x left;
}

.HeaderBottom
{
	background: url("ThickBlueLine.jpg");
}

.MenuTable
{
	border: 0px solid #000;
	border-collapse: collapse;
}
.EvenMenuCell
{
	background-color: #006699;
	border: 1px solid silver;
	padding: 0;
}
.OddMenuCell
{
	background-color: #003366;
	border: 1px solid silver;
	padding: 0;
}
.MenuTable a
{
	display: block;
	width: 100%;
	height: 100%;
	color: White;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.MenuTable a span
{
	display: block;
	padding: 5px;
	font-weight: bold;
}

.MenuTable a:hover
{
	background-color: #cc0033;
	color: White;
}

.InnerBlockTable
{
	/* 10 pixels on cell pading and 3 on cell spacing */
	width: 147px;
	table-layout: fixed;
}

.InnerBlockDiv
{
	width: 147px;
	overflow: hidden;
}

.LongMenu .MenuText
{
	border-right: solid 1px #E0E0E0;
	padding-right: 4px;
	padding-left: 2px;
}

.LongMenu .MenuNoText
{
	padding-left: 4px;
}

.LongMenu .MenuImage
{
	padding-right: 2px;
	padding-left: 4px;
}

.LongMenu img
{
	border: 0px;
}

.BlockWithHeader
{
}

.BlockWithHeader .Header
{
	width: 100%;
	position: relative;
	background: url(BlockHeader.png) repeat-x;
}

.BlockWithHeader .Left
{
	background: url(BlockCorners.png) no-repeat 0px 0px;
	overflow: hidden;
	width: 5px;
	height: 5px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.BlockWithHeader .Middle
{
	margin-left: 15px;
	margin-right: 15px;
	padding-top:3px;
	padding-bottom:2px;
}

.BlockWithHeader .Middle
{
	margin-left: 5px;
	margin-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 800;
	color: black;
}

.BlockWithHeader .Middle img
{
	width: 16px;
	height: 16px;
	margin-left: 6px;
	margin-right: 8px;
	vertical-align: middle;
}

.BlockWithHeader .Right
{
	background: url(BlockCorners.png) no-repeat -5px 0px;
	overflow: hidden;
	width: 5px;
	height: 5px;
	position: absolute;
	left: 155px;
	top: 0px;
}

.BlockWithHeader .Body
{
	background: url(BlockInnerTop.png) repeat-x;
	border-left: solid 2px #9fbde5;
	border-right: solid 2px #9fbde5;
	border-bottom: solid 2px #9fbde5;
	overflow: hidden;
	padding: 4px;
}

.BlockWithHeader .InnerBody
{
	overflow: hidden;
}

table.Bordered
{
	border-collapse:collapse;
}

.OuterBorder
{
	border:solid 2px #9fbde5
}

table.Wide
{
	width:650px;
}

table.Narrow
{
	width:450px;
}

.HelpLink, .HelpLink:visited
{
	cursor:help;
	text-decoration: none;
	border-bottom: dotted 1px #9fbde5;
}
