#PageContainer 
{
	width: 781px; 
	position: relative; 
	height: 646px; 
	float:none; 
	margin: 0 auto; 
	background-color:#ffffff;
}

#InnerContainer /* ALSO USE CLASSES NOT ID'S AS YOU CANNOT RE-USE STYLES!!!!! */
{ 
	width: 771px; 
	height: 656px; 
	top: 5px; 
	left: 5px; 
	position: absolute;
}

/* Surounding table and cell - To centrallise - DONT DO THIS SEAN IT APPLIES IT TO EVERY TABLE AND CELL!!!!!*/
.maintable 
{ 
	width: 100%; 
	height: 100%; 
	background-color: transparent;
}

td 
{ 
	vertical-align: middle; 
	text-align: center; 
	background-color: transparent;
}

body
{ 
	background-color: #efeff7; 
}

/* Header Section */
#Header 
{ 
	top: 0px; 
	left: 0px; 
	width: 661px; 
	height: 72px; 
	position: absolute;
}

#Logo 
{ 
	top: 0px; 
	left: 0px; 
	width: 168px; 
	height: 66px; 
	position: absolute; 
}

#MidHeader 
{ 
	top: 0px; 
	left: 173px; 
	width: 297px; 
	height: 66px; 
	position: absolute; 
}

#RightHeader 
{ 
	top: 0px; 
	left: 475px; 
	width: 296px; 
	height: 72px; 
	position: absolute; 
	background-image: url(Images/guarantee.gif);
	background-repeat:no-repeat;
	padding-top:5px;
}

#RightHeader p.head1
{ 
	font-family: Verdana; 
	font-weight: bold;
	font-size: 7pt; 
	margin: 0;
	color: #bdb4cf; 
}

#RightHeader p.head2 
{ 
	font-family: Verdana;  
	font-weight: bold;
	font-size: 8pt; 
	margin: 0;
	color: #6767a5; 
}

#RightHeader p.head3
{ 
	font-family: Verdana;  
	font-weight: bold;
	font-size: 8pt; 
	margin: 0;
	color: #ffffff; 
}

#RightHeader p.head4 
{ 
	font-family: Verdana;  
	font-weight: bold;
	font-size: 7pt; 
	margin: 0;
	color: #6767a5; 
	left: 5px; 
	top: 45px; 
	position:absolute;
}
#RightHeader p.note { 
	font-family: Verdana;  
	font-weight: bold;
	font-size: 7pt; 
	margin: 0;
	color: #6767a5; 
	left: 165px; 
	top: 50px; 
	position:absolute;
}

/* Navigation Section */
#LeftNavBar 
{ 
	top: 72px; 
	left: 0px; 
	width: 168px; 
	height: 536px; 
	position: absolute; 
	background-color: #dfddeb; 
	text-align: left; 
	padding: 0; 
	line-height:11pt !important; line-height:9pt;
}

#LeftNavBar img
{
	//margin-left: 20px;
}

#Catalogue 
{ 
	top: 539px; 
	left: 0px; 
	width: 168px; 
	height: 76px; 
	position: absolute; 
}


/* Center Top Section */
#CenterTop 
{ 
	top: 72px; 
	left: 173px; 
	width: 598px; 
	height: 210px; 
	position: absolute; 
	background-color: #5b3355; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#5B3355;
}

#WelcomeNote
{ 
	background-color: #5b3355; 
	top: 0px; 
	left: 0px; 
	width: 297px; 
	height: 205px; 
	position: absolute;
}

#WelcomePic 
{
	top: 0px; 
	width: 297px; 
	height: 205px; 
	position: absolute; 
	left:300px;
}

#WelcomePicHome 
{
	top: 0px; 
	width: 297px; 
	height: 205px; 
	position: absolute; 
	left:0px;
}

#indexorderbox {
padding:0px 5px;
font-size:100%;
}

.frontbox { float:left;width:175px;margin-left:110px !important; margin-left:0px;text-align:left;font-size:8pt;font-family:verdana; }

.fronttextbox {height:97px;overflow:hidden;margin-top:5px;line-height:9pt; margin-left:0px !important; margin-left:110px; width:170px; }

#container 
{
	overflow:hidden;
	text-align: left;
	width:250px;
	height:150px;
	position: absolute;
	left: 20px;
	top: 50px;
}

#arrows 
{
	width:13px;
	position:absolute;
	top: 20px;
	left:280px;
}

#scroller 
{
	overflow:visible;
	position:absolute;
	left:0px;
	top:0px;
	text-align:center;
	width:250px;
}

#mainContent
{
	text-align: left;
	color: #ffffff;
	font-size: 7pt;
	font-family: Verdana;
	margin: 0;
}

.OrderInfo 
{ 
	top: 5px; 
	left: 302px; 
	width: 291px; 
	height: 205px; 
	position: absolute; 
	background-color: #d4d3e5;
	text-align:left;
	font-size:80%;
}

.OrderInfo p.order1
{ 
	font-family: Verdana; 
	font-size: 7pt; 
	color: #5b3355; 
	left: 50px; 
	top: 74px; 
	position:absolute; 
	text-align: left; 
	width: 220px; 
	margin: 0;
	font-weight: bold;
}

.OrderInfo p.order2 
{ 
	font-family: Verdana; 
	font-size: 7pt; 
	color: #5b3355; 
	left: 50px; 
	top: 132px; 
	position:absolute; 
	text-align: left; 
	width: 220px; 
	margin: 0;
	font-weight: bold;
}

#OrderPic 
{ 
	top: 0px; 
	left: 0px; 
	width: 291px; 
	height: 45px; 
	position: absolute; 
}

#OrderMouse 
{ 
	top: 70px; 
	left: 10px; 
	width: 30px; 
	height: 30px; 
	position: absolute; 
}

#OrderTel 
{
	top: 130px; 
	left: 10px; 
	width: 30px; 
	height: 30px; 
	position: absolute; 
}

/* Product Content */
#ProductContent 
{ 
	top: 205px; 
	left: 0px; 
	width: 598px; 
	height: 332px; 
	position: absolute; 
	background-color: #5b3355;
	overflow:auto;
}

#CatagoryOne 
{ 
	top: 5px; 
	left: 5px; 
	width: 292px; 
	height: 104px; 
	position: absolute; 
	background-color: #482d3c;
}

#ImageOne
{ 
	top: 5px; 
	left: 5px; 
	width: 100px; 
	height: 94px; 
	position:absolute; 
}

#CatagoryOne h3 
{ 
	top: 3px; 
	left: 115px; 
	width: 100px; 
	position: absolute; 
	font-family: Verdana; 
	font-size: 7pt; 
	font-weight: bold; 
	color: #ffffff; 
	text-align: left; 
}

#CatagoryOne p 
{ 
	top: 20px; 
	left: 115px; 
	width: 170px; 
	position: absolute; 
	font-family: Verdana; 
	font-size: 7pt; 
	color: #ffffff; 
	text-align:left; 
}

#CatagoryOne span 
{
	top: 75px; 
	left: 160px; 
	width: 200px; 
	position: absolute; 
	font-family: Verdana; 
	font-size: 7pt; 
	font-weight: bold; 
	color: #ffffff; 
	padding-top: 10px;
}

#CatagoryTwo 
{ 
	top: 5px; 
	left: 301px; 
	width: 292px; 
	height: 104px; 
	position: absolute; 
	background-color: #eedfcc;
}

#ImageTwo
{ 
	top: 5px; 
	left: 5px; 
	width: 100px; 
	height: 94px; 
	position:absolute; 
}

#CatagoryTwo h3 
{ 
	top: 3px; 
	left: 115px; 
	width: 100px; 
	position: absolute; 
	font-family: Verdana; 
	font-size: 7pt; 
	font-weight: bold; 
	color: #59270e; 
	text-align: left; 
}

#CatagoryTwo p 
{ 
	top: 20px; 
	left: 115px; 
	width: 170px; 
	position: absolute; 
	font-family: Verdana; 
	font-size: 7pt; 
	color: #59270e; 
	text-align:left; 
}

#CatagoryTwo span 
{
	top: 75px; 
	left: 160px; 
	width: 200px; 
	position: absolute; 
	font-family: Verdana; 
	font-size: 7pt; 
	font-weight: bold; 
	color: #59270e; 
	padding-top: 10px;}

#CatagoryThree 
{ 
	top: 114px; 
	left: 5px; 
	width: 292px; 
	height: 104px; 
	position: absolute; 
	background-color: #c0e7f8;
}

#ImageThree
{ 
	top: 5px; 
	left: 5px; 
	width: 100px; 
	height: 94px; 
	position:absolute; 
}

#CatagoryThree h3 
{ 
	top: 3px; 
	left: 115px; 
	width: 100px; 
	position: absolute; 
	font-family: Verdana; 
	font-size: 7pt; 
	font-weight: bold; 
	color: #b42485; 
	text-align: left; 
}

#CatagoryThree p 
{ 
	top: 20px; 
	left: 115px; 
	width: 170px; 
	position: absolute; 
	font-family: Verdana; 
	font-size: 7pt; 
	color: #b42485; 
	text-align:left; 
}

#CatagoryThree span 
{
	top: 75px; 
	left: 160px; 
	width: 200px; 
	position: absolute; 
	font-family: Verdana; 
	font-size: 7pt; 
	font-weight: bold; 
	color: #b42485; 
	padding-top: 10px;
}

#CatagoryFour 
{ 
	top: 114px; 
	left: 301px; 
	width: 292px; 
	height: 104px; 
	position: absolute; 
	background-color: #e0ab89;
}

#ImageFour
{ 
	top: 5px; 
	left: 5px; 
	width: 100px; 
	height: 94px; 
	position:absolute; 
}

#CatagoryFour h3 
{ 
	top: 3px; 
	left: 115px; 
	width: 100px; 
	position: absolute; 
	font-family: Verdana; 
	font-size: 7pt; 
	font-weight: bold; 
	color: #59270e; 
	text-align: left; 
}

#CatagoryFour p 
{ 
	top: 20px; 
	left: 115px; 
	width: 170px; 
	position: absolute; 
	font-family: Verdana; 
	font-size: 7pt; 
	color: #59270e; 
	text-align:left; 
}

#CatagoryFour span 
{
	top: 75px; 
	left: 160px; 
	width: 200px; 
	position: absolute; 
	font-family: Verdana; 
	font-size: 7pt; 
	font-weight: bold; 
	color: #59270e; 
	padding-top: 10px;
}

#CatagoryFive 
{ 
	top: 223px; 
	left: 5px; 
	width: 292px; 
	height: 104px; 
	position: absolute; 
	background-color: #dedeea;
}

#ImageFive
{ 
	top: 5px; 
	left: 5px; 
	width: 100px; 
	height: 94px; 
	position:absolute; 
}

#CatagoryFive h3 
{ 
	top: 3px; 
	left: 115px; 
	width: 100px; 
	position: absolute; 
	font-family: Verdana; 
	font-size: 7pt; 
	font-weight: bold; 
	color: #427c94; 
	text-align: left; 
}

#CatagoryFive p 
{ 
	top: 20px; 
	left: 115px; 
	width: 170px; 
	position: absolute; 
	font-family: Verdana; 
	font-size: 7pt; 
	color: #427c94; 
	text-align:left; 
}

#CatagoryFive span 
{
	top: 75px; 
	left: 160px; 
	width: 200px; 
	position: absolute; 
	font-family: Verdana; 
	font-size: 7pt; 
	font-weight: bold; 
	color: #427c94; 
	padding-top: 10px;
}

#CatagorySix 
{ 
	top: 223px; 
	left: 301px; 
	width: 292px; 
	height: 104px; 
	position: absolute; 
	background-color: #cbacf0;
}

#ImageSix
{ 
	top: 5px; 
	left: 5px; 
	width: 100px; 
	height: 94px; 
	position:absolute; 
}

#CatagorySix h3 
{ 
	top: 3px; 
	left: 115px; 
	width: 100px; 
	position: absolute; 
	font-family: Verdana; 
	font-size: 7pt; 
	font-weight: bold; 
	color: #59270e; 
	text-align: left; 
}

#CatagorySix p 
{ 
	top: 20px; 
	left: 115px; 
	width: 170px; 
	position: absolute; 
	font-family: Verdana; 
	font-size: 7pt; 
	color: #59270e; 
	text-align:left; 
}

#CatagorySix span 
{
	top: 75px; 
	left: 160px; 
	width: 200px; 
	position: absolute; 
	font-family: Verdana; 
	font-size: 7pt; 
	font-weight: bold; 
	color: #59270e; 
	padding-top: 10px;
}

/* Footer Section */
#Footer 
{ 
	top: 540px; 
	left: -173px; 
	width: 771px; 
	height: 50px; 
	position: absolute; 
	padding-top: 10px; 
	border-top: Solid 1px #767676;
	background:url(/images/Credit.jpg) 610px 3px no-repeat;
}

#Copyright 
{
	height: 30px; 
	position: absolute;
	top: 6px; 
	left: 0px; 
	width: 150px; 
	position: absolute; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 7pt; 
	font-weight:normal;
	color: #767676; 
	text-align: left; 
}

#divFooterLinks 
{ 
	top: 6px; 
	left: 160px; 
	width: 500px; 
	position: absolute; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 7pt; 
	font-weight: normal; 
	color: #767676; 
	text-align: left; 
}

#Credit 
{ 
	top: 3px; 
	left: 565px; 
	width: 207px; 
	height: 24px; 
	position: absolute; 
}

a 
{ 
	font-family: Verdana; 
	font-size: 7pt; 
	color: #59270e; 
	text-align: left; 
	text-decoration: none;
}

a:hover 
{ 
	text-decoration: underline;
}

a.FooterLinks 
{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #767676; 
	text-align: right; 
	text-decoration: none;
}

a.FooterLinks:hover 
{ 
	text-decoration: underline;
}

a.CategoryLinks 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #55344f; 
	text-align: left; 
	text-decoration: none; 
	padding: 0px 0px 5px 0px;
}

a.CategoryLinks2 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #55344f; 
	text-align: left; 
	text-decoration: none; 
	padding: 0px 0px 5px 0px;
	cursor:default;
}

.bullet {
position:absolute; top:6px; right:6px; cursor:pointer;
}

a.CategoryLinks:hover 
{ 
	text-decoration: underline;
}

a.SubCategoryLinks 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal; 
	color: #55344f; 
	text-align: left; 
	text-decoration: none;
}

a.SubCategoryLinks:hover 
{ 
	text-decoration: underline;
}

/* ---------------------------- RANGE ----------------------------*/
.extraRangeImages {
position:absolute;
text-align:left;
left:302px;
top:130px;
width:295px;
padding-top:5px;
}
.OrdInfRangeExtra {
text-align:left;
left:0px;
top:0px;
width:298px;
padding-top:5px;
height:240px;
}
.rangeName {
font-family:verdana;
padding-left:10px;
text-align:left;
font-size:14pt;
font-weight:bold;
margin-bottom:3px;
}
.productStyle
{ 
width: 275px; 
height: 95px; 
position: relative; 
float:left;
text-align:center;
margin:5px;
margin-bottom:10px;
line-height:7pt;
}
/* ------------------------- PRODUCT ------------------------ */
.productTopBar {
position:absolute;
top:0px;
left:0px;
width:598px;
height:60px;
font-family:verdana;
text-align:left;
}

.productTopBar h1 {
position:absolute;
top:0px !important; top:19px;
left:10px;
}
.productTopBar h2 {
position:absolute;
top:0px !important; top:20px;
right:10px;
}
.productImage {
position:absolute;
top:105px;
left:0px;
width:595px;
font-family:Verdana;
font-size:10pt;
}
.productDesc {
position:absolute;
bottom:0px;
right:0px;
width:297px;
height:200px;
overflow:auto;
font-family:verdana;
text-align:left;
font-size:8pt;
}
.lighten {
#filter:alpha(opacity=60);
opacity:.60;
-moz-opacity:.60;
}
.productOrder {
position:absolute;
bottom:0px;
left:0px;
width:297px;
height:200px;
font-family:verdana;
text-align:left;
font-size:8pt;
}

.CatProductStyle
{ 
	width:288px;
	height: 120px; 
	position: relative; 
	float:left;
	margin-top:5px;
	text-align:center;
	line-height:7pt;
}
.CatProductStyle1
{ 
	position: relative; 
	float:left;
	margin-top:5px;
	text-align:center;
	line-height:7pt;
	margin-left:5px;
	height:104px;
	width:292px !important; width:285px;
	overflow:hidden;
	cursor:pointer;
	text-align:left;
}
.CatProductStyle img{
float:left;
width:112px;
height:112px;
}
.usualPrice {
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
}
.internetPrice {
font-family: Arial, Helvetica, sans-serif;
font-size: 15pt;
font-weight: bold;
}
.formElement {
clear:left;
}
.formField {
font-weight:bold;
float:left;
width:70px;
line-height:20pt;
}
.formData {
float:left;
margin:2px;
}
.title { font-size:120%; font-weight:bold; }

h1 {
font-family:Arial, Helvetica, sans-serif;
}
.menuitem {
padding:0px; margin:0px; margin-left:20px;
}

#basketContainer { position:absolute; top:10px; left:10px; width:300px; height:100px; z-index:200; display:none;
					font-family:Verdana; font-weight: bold; font-size: 8pt; background:url(/images/alertBG.png) top left repeat !important; background:none;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/alertBG.png', sizingMethod='scale' }
#basketAlert { position:absolute; top:10px; left:10px; width:280px; height:80px; border:1px solid #333333; 
				background-color:#FFFFFF;  z-index:400;}
#basketText { margin:15px; color:#006600; z-index:401; }

