/* CSS Document */
/* centers whole site, but coupled with margin & relative of CENTREED Div */ 
html,body {
	height: 100%;
}

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	border: 1px none;
	background-image: url(../generalimages/BGD.jpg);
	background-attachment: fixed;
		scrollbar-face-color:#817C8E;
}

/* this div raised to facilitate centering of CENTREED whilst maintaining 100% MIN-height, fix below for ie height only works if this is rel */
#CENTREED{
	position: relative;
	margin: 0 auto;
	text-align: left;
	background-color: #655A82;
	min-width: 760px;
	max-width: 1000px;
	width: 100%;
	width:expression(document.body.clientWidth < 760 ? "760px":document.body.clientWidth > 1000 ? "980px":"100%");	
	min-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	background-image: url(../homeimages/thecurveC.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
/* For IE this fix keeps page at full height, all other browsers use the min-height */
* html #CENTREED { height: 100% } 

#INSERTPIC {
	margin: 0 auto;
	text-align: left;
	position:absolute;
	height:318px;
	min-width: 310px;
	max-width: 382px;
	top: 186px;
	left: 21px;
}

#IMGSTRETCH {
	position: relative;
	width:310px;
	height:206px;
	width:expression(document.body.clientWidth < 766 ? "300px": document.body.clientWidth > 990 ? "382px": eval(Math.floor((document.body.clientWidth*0.311429)+63.78571))+"px");	
	height:expression(document.body.clientWidth < 766? "206px": document.body.clientWidth > 990 ? "254px": eval(Math.floor((document.body.clientWidth*0.214286)+42))+"px");	
	}	
#IMGSTRETCHsub {
	width:310px;
	height:52px;
	width:expression(document.body.clientWidth < 766 ? "300px": document.body.clientWidth > 990 ? "382px": eval(Math.floor((document.body.clientWidth*0.311429)+63.78571))+"px");
	height:expression(document.body.clientWidth < 766? "52px":document.body.clientWidth > 990 ? "64px": eval(Math.floor((document.body.clientWidth*0.053571)+10.96429))+"px");	
	position: relative;
}
#HEADER {
	position:absolute;
	width:100%;
	height:121px;
	z-index:1;
	left: 0px;
	top: 0px;
	background-color: #5E0F11;
	layer-background-color: #CCCC99;
	overflow: hidden;
	visibility: visible;
}
#ALOOMLOGO {
	position:absolute;
	width:232px;
	height:170px;
	z-index:100;
	top: 2px;
	right: 0px;
	left: 0px;
	background-image: url(../generalimages/logoX.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	visibility: visible;
	clear: left;
	float: left;
}

#TITLEINT {
	position:absolute;
	width:444px;
	height:105px;
	z-index:18;
	top: 10px;
	filter: glow(color=BC9FBF, strength=10);
	left: 50%;
	padding-left: -122px;
	margin-left: -122px;
}
#NAVIGATORBGD {
	position:absolute;
	width:100%;
	height:20px;
	z-index:100;
	left: 0px;
	top: 121px;
	layer-background-color: #290029;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	background-image: url(../generalimages/navbgd.gif);
	background-repeat: no-repeat;
	background-position: 226px 0px;
	margin: 0px;
	padding: 0px;
}

#LN {
	padding: 0px;
	left: 50%;
	position: absolute;
	height: 20px;
	top: 0px;
	z-index: 100;
	width: 700px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -270px;
}

ul {
	list-style-position: outside;
	line-height: 16px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 25px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 25px;
	margin-top: 2px;
	padding-top: 2px;
}

blockquote {
	text-align: left;
	color: #CCCCCC;
	padding-top: 155px;
	margin: 0px;
	padding-bottom: 85px;
	padding-left: 135px;
	padding-right: 30px;
}
#CONTENT {
	width: 100%;
	position: relative;
	left: 0px;
	top: 152px;

}

#CONTACTDETAILS {
	position:absolute;
	width:100%;
	height:15px;
	left: 0px;
	z-index: 19;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B5EB93;
	bottom: 45px;
}
#DATER {
	position:absolute;
	width:169px;
	height:20px;
	z-index:1;
	left: 13px;
	top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: center;
}
#leftC {
	position:absolute;
	width:14px;
	height:20px;
	z-index:9;
	left: -1px;
	top: 20px;
	background-image: url(../generalimages/cornerL.gif);
	background-repeat: no-repeat;
}
#rightC {
	position:absolute;
	width:14px;
	height:20px;
	z-index:9;
	top: 20px;
	right: -1px;
	background-image: url(../generalimages/cornerR.gif);
	background-repeat: no-repeat;
}
.NAV a:link {
	color: #FFFFff;
	text-decoration: underline;
	font-weight: bold;
}
.NAV a:visited {
	color: #FFFFff;
	text-decoration: underline;
	font-weight: bold;
}
.NAV a:hover {
	color: #FFFF99;
	text-decoration: underline;
	font-weight: bold;
}
.NAV a:active {
	color: #FFFF99;
	text-decoration: underline;
	font-weight: bold;
}
.NAV2 a:link {
	color: #666666;
	text-decoration: underline;
}
.NAV2 a:visited {
	color: #666666;
	text-decoration: underline;
}
.NAV2 a:hover {
	color: #333333;
	text-decoration: underline;
}
.NAV2 a:active {
	color: #666666;
	text-decoration: underline;
}
.NAV3 a:link {
	color: #FFFFff;
	background-color: #000000;
	text-decoration: none;
}
.NAV3 a:visited {
	color: #FFFFff;
	text-decoration: none;

}
.NAV3 a:hover {
	color: #FF0000;
	background-color: #FFFFFF;
	text-decoration: none;
}
.NAV3 a:active {
	color: #FFFFff;
	text-decoration: none;
}
.NAV4 a:link {
	color: #ffff99;
	text-decoration: underline;
}
.NAV4 a:visited {
	color: #ffff99;
	text-decoration: underline;
}
.NAV4 a:hover {
	color: #333333;
	text-decoration: underline;
}
.NAV4 a:active {
	color: #ffff99;
	text-decoration: underline;
}
.NAV5 a:link {
	color: #ffff00;
	text-decoration: underline;
}
.NAV5 a:visited {
	color: #FFFF00;
	text-decoration: underline;

}
.NAV5 a:hover {
	color: #FF0000;
	background-color: #FFFFFF;
	text-decoration: none;
}
.NAV5 a:active {
	color: #FFFFff;
	text-decoration: underline;
}
.STARTWT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 18px;
}
.white {
	color: #FFFFFF;

}
.STARTWTSUB {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.STARTWTSUB2 {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.floatrite {
	float: right;
}
.floatleft {
	float: left;
}
#SHOP {
	height: 200px;
	position: relative;
}

#TITLEINT {
	position:absolute;
	width:444px;
	height:105px;
	z-index:21;
	top: 10px;
	filter: glow(color=BC9FBF, strength=10);
	left: 50%;
	padding-left: -122px;
	margin-left: -122px;
}

#CONTACTDETAILS {
	position:absolute;
	width:100%;
	height:15px;
	left: 0px;
	z-index: 19;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B5EB93;
	bottom: 45px;
}
#DATER {
	position:absolute;
	width:169px;
	height:20px;
	z-index:1;
	left: 13px;
	top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: center;
}
#BEESIZER {
	position:absolute;
	width: 105px;
	height: 221px;
	z-index:1;
	top: 149px;
	right: 0px;
	overflow: visible;
	visibility: visible;
}
#WELCOME {
	position:relative;
	height:115px;
	z-index:1;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;
	font-size: expression(document.body.clientWidth < 766 ? "12px":document.body.clientWidth > 990 ? "16px":eval(Math.floor(document.body.clientWidth*0.016))+"px");
	line-height: expression(document.body.clientWidth < 766 ? "12px":document.body.clientWidth > 990 ? "16px":eval(Math.floor(document.body.clientWidth*0.016))+"px");
	width: 300px;
	padding: 10px;
}
.SUBTITLE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: FFCCFF;
}
#imageHolder {
	position:absolute;
	width:1px;
	z-index:16;
	top: 0px;
	left: 0px;
	visibility: hidden;
}
#ALOOMTITL {
	position:absolute;
	width: 100%;
	visibility: visible;
	height: 175px;
	text-align: center;
	top: -180px;
}

#TITLECONTAINER {
	position:absolute;
	width: 42%;
	top: 325px;
	right: 14%;
	text-align: justify;
	overflow: visible;
	visibility: visible;
	padding-top: 5px;
}
#CheckIN {
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 475px;
	left: 50px;
}


.LEFTALIGNPIC {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#THREE {
	position: absolute;
	float: right;
	left: -150px;
	height: 225px;
	width: 504px;
}
#SHOPL {
	position: relative;
	width: 270px;
	left: 50px;
	top: 0px;
}
#SHOPR {
	position: absolute;
	width: 250px;
	left: 320px;
	top: 19px;
	margin-left: 0px;
	padding-left: 0px;
}


A.points, A:visited.points, A:hover.points, A:link.points, A:active.points {text-decoration:underline;color:#66ffff}
A:hover.points{text-decoration:underline;color:#ffffff}
A.2005, A:visited.2005, A:hover.2005, A:link.2005, A:active.2005 {text-decoration:none;color:#666666}
.floatleftx {
	float: left;
	padding: 0px;
	width: 235px;
	text-align: center;
	margin: 0px;
	color: #FFFFFF;
	height: 200px;
}
#FOOTERINT {
	position:absolute;
	width:100%;
	height:40px;
	layer-background-color: #FFFFFF;
	z-index: 19;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #666666;
	background-color: #C1BBD1;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	bottom: 0px;
	left: 0px;
	visibility: visible;
}
.titles {
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.linx {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
blockquote.main {
	color: #CCCCCC;
	margin: 0px;
	padding: 165px 120px 85px 140px;
	text-align: left;
}
* html blockquote.main {	width: 100%; } 
#p7PMnav {
	margin:0;
	padding:0;
	font-size: 11px;
	font-weight: normal;
	z-index: 100;
		height: 20px;
}
#p7PMnav ul {
	margin:0;
	padding:0;
	border: none;
	position: absolute;
	left: -9000px;
	z-index: 10000;
}
#p7PMnav ul a {
	background-color: #79567F;/* background of drop doen menu */
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #9C71A4;
	border-bottom-color: #9C71A4;
	border-left-color: #9C71A4;
		z-index: 100;
			height: 20px;
}

/* these are the menu styles */

#p7PMnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 20px;
}

/* ------ the menu link styles ------ */
#p7PMnav a {
	display: block;
	background-color: #290029;
	padding: 3px 10px;
	color: #ffffff;
	line-height:14px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	text-decoration:none;
	z-index: 100;
}
#p7PMnav a:hover,  #p7PMnav a:focus {
	background-color: #ffffff;
	color: #6A2177;
	letter-spacing: .01px;
}

/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
	color: #ffffff;
}
#p7PMnav ul .p7PMmark {
	background-color: #6F8169;

}
/* ------ the trigger link styles ------- */

/* the active trigger link style */
#p7PMnav .p7PMon {
	background-color: #ffffff;
	color: #FFFFFF;
}
/*the submenu classes */

#p7PMnav .p7PMhide {
	left: -9000px;
	border: 0;
}
#p7PMnav .p7PMshow {
	left: auto;
	z-index: 20000 !important;
}
/* Top level menu width */
#p7PMnav li {
	float: left;
	width: 100px;
	height:20px;
	
}
#p7PMnav ul li {
	float: none;
}
/* 2nd and subsequent Submenu widths */
#p7PMnav ul, #p7PMnav ul li {
	width: 100px;
	text-align: left;
	
}
#pmmcrumb {
	margin-bottom: 17px;
	color: #ffffff;
}
#pmmcrumb a, #pmmcrumb a:visited {
	font-weight: normal;
	color: #ffffff;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
	font-weight: normal;
	color: #ffffff;
}
a.Sub, a:visited.Sub, a:hover.Sub, a:link.Sub, a:active.Sub {text-decoration:none;	background-color: #000000;}
.tiny {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 5px;
}

.centre {
	text-align: center;
}
h1 {
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	display: inline;
}
A.h1link, A:visited.h1link, A:hover.h1link, A:link.h1link, A:active.h1link {font-size:11px;text-decoration:none;color:#cccccc;	background-color: #655A82;}
.whitenodot {
	color: #FFFFFF;
	list-style-type: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.whiteX {
	color: #FFFFFF;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#SHOPb {

	height: 680px;
	position: relative;
}