/* REDEFINED TAGS *******************************************************************************************************/

BODY
{
	font: normal normal normal x-small/130% arial;
	background-color: #000000;
	color: #cccccc;
	margin: 0px; /* Amend if necessary */
	padding: 0px; /* Amend if necessary */
}

BODY#popupMusic{ background-image: url(../images/popupMusicroomBG.jpg); padding: 164px 32px 130px 100px; background-repeat: no-repeat; }
BODY#popupShop{ background-image: url(../images/popupShopBG.jpg); color: #744123; background-repeat: no-repeat; }
	BODY#popupShop IMG#pendulum{ position: absolute; top: 92px; left: 122px; }

H1{ margin: 0px; padding: 0px; }
	H1#shop{ font-size: 1.6em; line-height: 115%; color: #744123; margin-bottom: 4px; }
	H1#popupMusic{ font-size: 1.15em; line-height: 115%; width: 140px; color: #C7C5CA; margin-bottom: 2px; }
H2{ margin: 0px; padding: 0px; }
	H2#shop{ font-size: 1.2em; color: #744123; }
H3{ margin: 0px; padding: 0px; }
H4{ margin: 0px; padding: 0px; }

H5{ margin: 0px; padding: 0px; }
H6{ margin: 0px; padding: 0px; }

P{ margin: 0px; margin-bottom: 15px; padding: 0px; line-height: 130%; } /* Sets the overall font properties for the P tag. Can be over-ridden */
	P#shop{ width: 190px; color: #744123; margin-bottom: 5px; }
	P.shop{ width: 190px; color: #744123; }
	#canvasShop P{ font-size: 1.1em; color: #18182B; text-align: center; font-weight: bold; }
P.popupMusic{ font-size: 0.85em; line-height: 115%; width: 137px; color: #C7C5CA; margin-bottom: 8px; }


UL{}
OL#shop{ color: #744123; margin-left: 0px; padding-left: 20px; margin-top: 2px; }
OL#popupMusic{ color: #C7C5CA; margin-left: 0px; padding-left: 20px; }
LI{}

HR /* HRs must be set like this to work across all browsers */
{
	border-top: 1px solid #000000; /* Use this to specify the colour and height of the HR */
	width: 100%; /* set this with percentage or px */
	height:1px; /* Leave this */
	color:#ffffff; /* Leave this */
	overflow:hidden; /* Leave this */
	text-align:left; /* Use this to left-align - amend if required */
	background-color: white; /* Leave this */
	margin: 0px; /* Leave this */
	padding: 0px; /* Leave this */
}

BR{} /* Set the line-height of line-breaks if anything other than default is required. Use percentages or EM units */

A{ margin: 0px; padding: 0px; text-decoration: none; } /* Sets the overall font properties for the A tag. Can be over-ridden */

A:LINK{}
A:VISITED{}
A:HOVER{}
A:FOCUS{}
A:ACTIVE{}

A#shop{ width: 190px; color: #744123; font-weight: bold; display: block; }
A#shop:LINK{ width: 190px; color: #744123; font-weight: bold; }

IMG{ margin: 0px; padding: 0px; border: 0px; } /* Sets the overall font properties for the IMG tag. Can be over-ridden */

ACRONYM{ cursor:help; border-bottom:1px dashed #ff0000; } /* Use this around abbreviations and acronyms */

FORM{ margin: 0px; padding: 0px; }
INPUT{ color: #ffffff; font-weight: bold; }
SELECT{}
LABEL{}

TABLE{ color: #000000; }

/* CLASSES **************************************************************************************************************/

/* Below you will find classes for a centred page, a centred top-aligned page, and a left-aligned page */



/* IDS ************************************************************************************************************************/
#container
{
	position:absolute;
	left:50%;
	width:990px; /* Amend if required */
	margin-left:-495px; /* This value should be -half the width */
	overflow:hidden;
	top:50%;
	height: 403px; /* Amend if required */
	margin-top: -201px;
}

#bottomNav{ width: 367px; height: 32px; float: right; position: relative; }

/* HOME */
#containerHome
{
	position:absolute;
	left:50%;
	width:950px; /* Amend if required */
	margin-left:-386px; /* This value should be -half the width */
	overflow:hidden;
	top:50%;
	height: 520px; /* Amend if required */
	margin-top: -260px;
}

#canvasHome
{           
	margin: 0px; /* Amend if required */
	padding: 0px; /* Amend if required */

	width: 772px; /* If there is a border, decrease value by 2px or more (originally 780px) - decrease by twice the px of whatever the border thickness is */
	height: 520px;
	/*background-image: url(../images/homeBG.jpg);
	background-position: top right;
	background-repeat: no-repeat;*/
	overflow:hidden;
	position: absolute;
	z-index: 1;
}

	#canvasHome IMG#logo{ position: absolute; z-index: 107; top: 20px; left: 49px; }
	#canvasHome IMG#news{ position: absolute; z-index: 107; top: 409px; left: 31px; }
	#canvasHome IMG#live{ position: absolute; z-index: 107; top: 409px; left: 79px; }
	#canvasHome IMG#download{ position: absolute; z-index: 107; top: 409px; left: 114px; }
	#canvasHome IMG#bio{ position: absolute; z-index: 107; top: 409px; left: 201px; }

	#newsLyrHome, #liveLyr, #dowloadLyr, #linksLyrHome{ position: absolute; visibility: hidden; z-index: 105; width: 190px; height: 190px; top: 264px; left: 40px; }	

	#canvasHome #scrollBox{ position: absolute; top: 2px; left: 2px; width: 191px; height: 160px; z-index: 106; background-image: url(../images/home/homeScrollBox.jpg); background-repeat: no-repeat; }
	#canvasHome #scrollBox #divControlTopUp{ position: absolute; top: 2px; left: 161px; z-index: 106; }
	#canvasHome #scrollBox #divControlTopDown{ position: absolute; top: 132px; left: 161px; z-index: 106; }
	
	#canvasHome #scrollBox .scrollArea1
{
	position: absolute;
	background-color: transparent;
	color: #CBBFB1;
	top: 6px;
	left: 2px;
	height: 130px;
	width: 140px;
	clip: rect(0px 143px 134px 0px);
	padding: 5px;
	z-index: 2;
}
	#canvasHome TABLE{ z-index: 1; }
	#canvasHome #scrollBoxDiv{ width: 330px; height: 520px; float: left; }
	#canvasHome #tableDiv{ width: 442px; height: 520px; float: left; }
	#canvasHome #scrollBox .scrollArea1 A.links{ font-size: 10px; line-height: 12px; color: #CCCCCC; display: block; margin-bottom: 6px; text-align: left; z-index: 102; }
	#canvasHome #scrollBox .scrollArea1 A.links:HOVER{ font-size: 10px; line-height: 12px; color: #CC6699; display: block; margin-bottom: 6px; text-align: left; z-index: 102; }
	#canvasHome #scrollBox .scrollArea1 A{ line-height: 100%; color: #CCCCCC; display: inline; text-align: left; z-index: 102; }
	#canvasHome #scrollBox .scrollArea1 A:HOVER{ line-height: 100%; color: #CC6699; display: inline; text-align: left; z-index: 102; }
	#canvasHome #scrollBox .scrollArea1 H1{ font-size: 10px; line-height: 12px; color: #CCCCCC; text-align: left; z-index: 102; letter-spacing: 0.75; margin-bottom: 10px; }
	#canvasHome #scrollBox .scrollArea1 P{ font-size: 10px; line-height: 12px; color: #CCCCCC; text-align: left; z-index: 102; letter-spacing: 0.75; }
	#canvasHome #scrollBox .clScroll{ position: relative; left: -1px; margin-left: 1px; }

/* CHARACTERS */

#canvasGallery
{           
	margin: 0px; /* Amend if required */
	padding: 0px; /* Amend if required */
	width: 980px; /* If there is a border, decrease value by 2px or more (originally 780px) - decrease by twice the px of whatever the border thickness is */
	height: 331px;
	/*background-image: url(../images/lastSupperBG.jpg);*/
	overflow:hidden;
	border-top: solid 20px #000000;
	border-right: solid 5px #000000;
	border-bottom: solid 20px #000000;
	border-left: solid 5px #000000;
}

/* MUSIC */

#canvasMusic
{           
	margin: 0px; /* Amend if required */
	padding: 0px; /* Amend if required */
	width: 980px; /* If there is a border, decrease value by 2px or more (originally 780px) - decrease by twice the px of whatever the border thickness is */
	height: 331px;
	background-image: url(../images/musicroomBG.jpg);
	overflow: hidden;
	border-top: solid 20px #000000;
	border-right: solid 5px #000000;
	border-bottom: solid 20px #000000;
	border-left: solid 5px #000000;
}
	#canvasMusic IMG#stephen{ position: absolute; top: 20px; left: 77px; }
	#canvasMusic IMG#birds{ position: absolute; top: 57px; left: 739px; }
	#canvasMusic IMG#record{ position: absolute; top: 65px; left: 92px; }
	#canvasMusic IMG#home{ position: absolute; top: 285px; left: 904px; }
	#canvasMusic #scrollBox{ position: absolute; top: 100px; left: 740px; width: 176px; height: 165px; }
	#canvasMusic #scrollBox #divControlTopUp{ position: absolute; top: 0px; left: 152px; }
	#canvasMusic #scrollBox #divControlTopDown{ position: absolute; top: 138px; left: 152px; }
	
	#canvasMusic #scrollBox .scrollArea1
{
	position: absolute;
	background-color: transparent;
	color: #C7C5CA;
	top: 2px;
	left: 2px;
	height: 151px;
	width: 142px;
	clip: rect(0px 154px 152px 0px); /*overflow:scroll;*/
	padding: 5px;
}
	#canvasMusic #scrollBox .scrollArea1 H1{ font-size: 10px; line-height: 12px; color: #C7C5CA; display: block; margin-bottom: 12px; text-align: center; }
	#canvasMusic #scrollBox .scrollArea1 A{ font-size: 10px; line-height: 12px; color: #C7C5CA; display: block; margin-bottom: 6px; text-align: center; }
	#canvasMusic #scrollBox .clScroll{ position: relative; left: -1px; margin-left: 1px; }

#albumCover1, #albumCover2, #albumCover3, #albumCover4, #albumCover5, #albumCover6, #albumCover7, #albumCover8{ position: absolute; visibility:hidden; z-index:100; top: 189px; left: 30px; width: 94px; height: 94px; cursor: hand; }

/* INFO */

#canvasInfo
{           
	margin: 0px; /* Amend if required */
	padding: 0px; /* Amend if required */
	width: 980px; /* If there is a border, decrease value by 2px or more (originally 780px) - decrease by twice the px of whatever the border thickness is */
	height: 331px;
	background-image: url(../images/infoBG.jpg);
	overflow:hidden;
	border-top: solid 20px #000000;
	border-right: solid 5px #000000;
	border-bottom: solid 20px #000000;
	border-left: solid 5px #000000;
}
	#canvasInfo #scrollBox{ position: absolute; top: 20px; left: 5px; width: 232px; height: 172px; }
	#canvasInfo IMG#trivia{ position: absolute; top: 299px; left: 677px; }
	#canvasInfo IMG#credits{ position: absolute; top: 299px; left: 748px; }
	#canvasInfo IMG#links{ position: absolute; top: 299px; left: 825px; }
	#canvasInfo IMG#lyrics{ position: absolute; top: 299px; left: 882px; }
	#canvasInfo #scrollBox #divControlTopUp{ position: absolute; left: 223px; }
	#canvasInfo #scrollBox #divControlTopDown{ position: absolute; top: 146px; left: 224px; }

	#canvasInfo #scrollBox .scrollArea1
{
	position: absolute;
	background-color: transparent;
	color: #083A56;
	top: 12px;
	left: 2px;
	height: 171px;
	width: 210px;
	clip: rect(0px 212px 172px 0px); /*overflow:scroll;*/
	padding: 5px;
	overflow: hidden
}
	#canvasInfo #scrollBox .scrollArea1 H1{ font-size: 10px; line-height: 12px; color: #083A56; margin-bottom: 10px; }
	#canvasInfo #scrollBox .scrollArea1 A{ font-size: 10px; line-height: 12px; color: #083A56; display: block; margin-bottom: 17px; text-decoration: underline; }
	#canvasInfo #scrollBox .scrollArea1 A.credits{ font-size: 1.3em; line-height: 100%; color: #083A56; display: block; margin-bottom: 7px; text-align: center; text-decoration: underline; }
	#canvasInfo #scrollBox .scrollArea1 A.lyrics{ font-size: 10px; line-height: 12px; color: #083A56; display: block; margin-bottom: 7px; text-align: center; text-decoration: none; }
	#canvasInfo #scrollBox .scrollArea1 A:HOVER{ text-decoration: none; }
	#canvasInfo #scrollBox .scrollArea1 P{ font-size: 10px; line-height: 12px; color: #083A56; width: 206px; margin-bottom: 8px; }
	#canvasInfo #scrollBox .scrollArea1 P.centred{ font-size: 1em; line-height: 130%; color: #083A56; text-align: center; }
	#canvasInfo #scrollBox .clScroll{ position: relative; left: -1px; margin-left: 1px; }

	#newsLyr, #bioLyr, #pressLyr, #linksLyr{ font-size: 0.9em; position: absolute; visibility:hidden; z-index:100; top: 71px; left: 689px; width: 236px; height: 177px; color: #083A56; padding: 10px; overflow: hidden; }
	#linksLyr A{ display: block; }

/* MAILING LIST */
	
#canvasMailingList
{           
	margin: 0px;
	padding: 0px;
	width: 980px;
	height: 331px;
	background-image: url(../images/mailinglistBG.jpg);
	color: #ffffff;
	overflow:hidden;
	border-top: solid 20px #000000;
	border-right: solid 5px #000000;
	border-bottom: solid 20px #000000;
	border-left: solid 5px #000000;
}
	#canvasMailingList IMG#joinNow{ position: absolute; top: 238px; left: /*128px;*/ 69px; }
	#canvasMailingList IMG#mp3{ position: absolute; top: 150px; left: /*358px;*/ 299px; }
	#canvasMailingList IMG#clearForm{ position: absolute; top: 275px; left: /*410px;*/ 352px; }
	#canvasMailingList IMG#copy{ position: absolute; top: 157px; left: /*132px;*/ 66px; }
	#canvasMailingList IMG#first_name{ position: absolute; top: 204px; left: /*410px;*/ 352px; }
	#canvasMailingList IMG#email{ position: absolute; top: 230px; left: /*410px;*/ 352px; }
	#canvasMailingList IMG#birds{ z-index: 2; }
	#canvasMailingList IMG#dancer{ position: absolute; top: 72px; left: 586px; z-index: 3; }
	#canvasMailingList IMG#home{ position: absolute; top: 259px; left: 878px; }
	#canvasMailingList INPUT#first_name{ position: absolute; top: 202px; left: /*460px;*/ 402px; height: 19px; border: solid 1px #ffffff; background-color: #ffffff; color: #000000; }
	#canvasMailingList INPUT#email{ position: absolute; top: 229px; left: /*460px;*/ 402px; height: 19px; border: solid 1px #ffffff; background-color: #ffffff; color: #000000; }

/* MULTIMEDIA */

#canvasMultimedia
{           
	margin: 0px; /* Amend if required */
	padding: 0px; /* Amend if required */
	width: 980px; /* If there is a border, decrease value by 2px or more (originally 780px) - decrease by twice the px of whatever the border thickness is */
	height: 331px;
	background-image: url(../images/multimediaBG.jpg);
	overflow:hidden;
	border-top: solid 20px #000000;
	border-right: solid 5px #000000;
	border-bottom: solid 20px #000000;
	border-left: solid 5px #000000;
}
	#canvasMultimedia #scrollBox{ position: absolute; top: 30px; left: 742px; width: 205px; height: 165px; overflow: hidden; }
	#canvasMultimedia #scrollBox #divControlTopUp{ position: absolute; top: 0px; left: 182px; }
	#canvasMultimedia #scrollBox #divControlTopDown{ position: absolute; top: 143px; left: 182px; }
	
	#canvasMultimedia #scrollBox .scrollArea1
{
	position: absolute;
	background-color: transparent;
	color: #917959;
	top: 2px;
	left: 2px;
	height: 161px;
	width: 176px;
	clip: rect(0px 178px 162px 0px); /*overflow:scroll;*/
}
	#canvasMultimedia #scrollBox .scrollArea1 A{ font-size: 10px; line-height: 12px; color: #917959; display: block; margin-bottom: 6px; text-align: center; }
	#canvasMultimedia #scrollBox .clScroll{ position: relative; left: -1px; margin-left: 1px; }
	
	#lyr0, #lyr1, #lyr2, #lyr3, #lyr4, #lyr5, #lyr6, #lyr7, #lyr8{ position: absolute; visibility:hidden; z-index:100; top: 20px; left: 362px; width: 176px; height: 124px; background-color: #000000; }

/* DREAMS */

#canvasDreams
{           
	margin: 0px; /* Amend if required */
	padding: 0px; /* Amend if required */
	width: 980px; /* If there is a border, decrease value by 2px or more (originally 780px) - decrease by twice the px of whatever the border thickness is */
	height: 331px;
	background-image: url(../images/dreamsBG.jpg);
	overflow:hidden;
	border-top: solid 20px #000000;
	border-right: solid 5px #000000;
	border-bottom: solid 20px #000000;
	border-left: solid 5px #000000;
}
	#canvasDreams #scrollBox{ position: absolute; /*top: 9px; left: 16px;*/ width: 226px; height: 183px; overflow: hidden; }
	#canvasDreams IMG#gallery{ position: absolute; top: 223px; left: 20px; z-index: 102; }
	#canvasDreams IMG#info{ position: absolute; top: 223px; left: 87px; z-index: 102; }
	#canvasDreams IMG#video{ position: absolute; top: 223px; left: 133px; z-index: 102; }
	#canvasDreams IMG#buy{ position: absolute; top: 223px; left: 189px; z-index: 102; }
	#canvasDreams #scrollBox #divControlTopUp{ position: absolute; top: 0; left: 207px; z-index: 101; }
	#canvasDreams #scrollBox #divControlTopDown{ position: absolute; top: 163px; left: 207px; }
	#canvasDreams IMG#dreams{ position: absolute; top: 20px; left: 523px; }
	
	#canvasDreams #scrollBox .scrollArea1
{
	position: absolute;
	background-color: transparent;
	color: #B6997C;
	top: 5px;
	left: 2px;
	height: 170px;
	width: 176px;
	clip: rect(0px 178px 172px 0px); /*overflow:scroll;*/
}
	#canvasDreams #scrollBox .scrollArea1 P{ font-size: 10px; line-height: 12px; color: #B6997C; }
	#canvasDreams #scrollBox .scrollArea1 A{ font-size: 10px; line-height: 12px; color: #B6997C; }
	#canvasDreams #scrollBox .scrollArea1 UL{ margin-left: 0px; padding-left: 20px; }
	#canvasDreams #scrollBox .scrollArea1 IMG{ margin-left: 5px; }
	#canvasDreams #scrollBox .clScroll{ position: relative; left: -1px; margin-left: 18px; }
	
	#galleryLyr, #infoLyr, #videoLyr, #buyLyr{ 10px; position: absolute; z-index: 101; visibility:hidden; top: 29px; left: 21px; width: 220px; height: 183px; color: #B6997C; /*padding: 10px;*/ background-image: url(../images/dreams_scrollBoxBG.jpg); background-repeat: no-repeat; }
	/*#galleryLyr{ z-index: 101; }
	#infoLyr{ z-index: 101; }
	#videoLyr{ z-index: 101; }
	#buyLyr{ z-index: 101; }*/
	
	#canvasDreams #flashcontent6{ margin-left: 12px; margin-top: 30px; }

/* SHOP */
	
#canvasShop
{           
	margin: 0px; /* Amend if required */
	padding: 0px; /* Amend if required */
	width: 980px; /* If there is a border, decrease value by 2px or more (originally 780px) - decrease by twice the px of whatever the border thickness is */
	height: 331px;
	background-image: url(../images/shopBG.jpg);
	overflow:hidden;
	border-top: solid 20px #000000;
	border-right: solid 5px #000000;
	border-bottom: solid 20px #000000;
	border-left: solid 5px #000000;
}
	#canvasShop IMG#pendulum{ position: absolute; top: 79px; left: 372px; }
	#canvasShop #scrollBox{ position: absolute; top: 34px; left: 545px; width: 150px; height: 216px; }
	#canvasShop #scrollBox #divControlTopUp{ position: absolute; top: 0px; left: 129px; }
	#canvasShop #scrollBox #divControlTopDown{ position: absolute; top: 198px; left: 129px; }
	
	#canvasShop #scrollBox .scrollArea1
{
	position: absolute;
	background-color: transparent;
	color: #18182B;
	top: 2px;
	left: 2px;
	height: 210px;
	width: 130px;
	clip: rect(0px 132px 211px 0px); /*overflow:scroll;*/
}
	#canvasShop #scrollBox .scrollArea1 P{ margin-top: 3px; color: #18182B; }
	#canvasShop #scrollBox .scrollArea1 A:LINK{ font-size: 10px; line-height: 12px; color: #18182B; }
	#canvasShop #scrollBox .clScroll{ position: relative; left: -1px; margin-left: 1px; }
	#canvasShop #scrollBox .clScroll A IMG{ margin-bottom:: 20px; margin-left: 21px; display: block; }

#canvasShopPopup{
	position: absolute;
	top: 24px;
	left: 364px;
	width: 200px;
	height: 340px;
}

/* SPACERS ETC. ***************************************************************************************************************/

.hide{ display: none; } /* Use this to hide something in the page */
.hidden{ visibility: hidden; } /* Use this to hide something but still reserve the space in the page */

.floatLeft{ float:left; }
.floatRight{ float:right; }

.clearFloat{ clear:both; height:0px; width:0px; margin: 0px; padding: 0px; border: 0px; overflow:hidden; }

/* Horizontal spacers */
.hSpacer1{ background: transparent;height:1px; width:1px; float:left; overflow:hidden;}
.hSpacer2{ background: transparent;height:2px; width:2px; float:left; overflow:hidden;}
.hSpacer3{ background: transparent;height:3px; width:3px; float:left; overflow:hidden;}
.hSpacer4{ background: transparent;height:4px; width:4px; float:left; overflow:hidden;}
.hSpacer5{ background: transparent;height:5px; width:5px; float:left; overflow:hidden;}
.hSpacer6{ background: transparent;height:6px; width:6px; float:left; overflow:hidden;}
.hSpacer7{ background: transparent;height:7px; width:7px; float:left; overflow:hidden;}
.hSpacer8{ background: transparent;height:8px; width:8px; float:left; overflow:hidden;}
.hSpacer9{ background: transparent;height:9px; width:9px; float:left; overflow:hidden;}
.hSpacer10{ background: transparent;height:10px; width:10px; float:left; overflow:hidden;}
.hSpacer11{ background: transparent;height:10px; width:11px; float:left; overflow:hidden;}
.hSpacer12{ background: transparent;height:10px; width:12px; float:left; overflow:hidden;}
.hSpacer13{ background: transparent;height:10px; width:13px; float:left; overflow:hidden;}
.hSpacer14{ background: transparent;height:10px; width:14px; float:left; overflow:hidden;}
.hSpacer15{ background: transparent;height:10px; width:15px; float:left; overflow:hidden;}
.hSpacer16{ background: transparent;height:10px; width:16px; float:left; overflow:hidden;}
.hSpacer17{ background: transparent;height:10px; width:17px; float:left; overflow:hidden;}
.hSpacer18{ background: transparent;height:10px; width:18px; float:left; overflow:hidden;}
.hSpacer19{ background: transparent;height:10px; width:19px; float:left; overflow:hidden;}
.hSpacer20{ background: transparent;height:10px; width:20px; float:left; overflow:hidden;}
.hSpacer21{ background: transparent;height:10px; width:21px; float:left; overflow:hidden;}
.hSpacer22{ background: transparent;height:10px; width:22px; float:left; overflow:hidden;}
.hSpacer23{ background: transparent;height:10px; width:23px; float:left; overflow:hidden;}
.hSpacer24{ background: transparent;height:10px; width:24px; float:left; overflow:hidden;}
.hSpacer25{ background: transparent;height:10px; width:25px; float:left; overflow:hidden;}
.hSpacer26{ background: transparent;height:10px; width:26px; float:left; overflow:hidden;}
.hSpacer27{ background: transparent;height:10px; width:27px; float:left; overflow:hidden;}
.hSpacer28{ background: transparent;height:10px; width:28px; float:left; overflow:hidden;}
.hSpacer29{ background: transparent;height:10px; width:29px; float:left; overflow:hidden;}
.hSpacer30{ background: transparent;height:10px; width:30px; float:left; overflow:hidden;}
.hSpacer31{ background: transparent;height:10px; width:31px; float:left; overflow:hidden;}
.hSpacer32{ background: transparent;height:10px; width:32px; float:left; overflow:hidden;}
.hSpacer33{ background: transparent;height:10px; width:33px; float:left; overflow:hidden;}
.hSpacer34{ background: transparent;height:10px; width:34px; float:left; overflow:hidden;}
.hSpacer35{ background: transparent;height:10px; width:35px; float:left; overflow:hidden;}
.hSpacer36{ background: transparent;height:10px; width:36px; float:left; overflow:hidden;}
.hSpacer37{ background: transparent;height:10px; width:37px; float:left; overflow:hidden;}
.hSpacer38{ background: transparent;height:10px; width:38px; float:left; overflow:hidden;}
.hSpacer39{ background: transparent;height:10px; width:39px; float:left; overflow:hidden;}
.hSpacer40{ background: transparent;height:10px; width:40px; float:left; overflow:hidden;}
.hSpacer41{ background: transparent;height:10px; width:41px; float:left; overflow:hidden;}
.hSpacer42{ background: transparent;height:10px; width:42px; float:left; overflow:hidden;}
.hSpacer43{ background: transparent;height:10px; width:43px; float:left; overflow:hidden;}
.hSpacer44{ background: transparent;height:10px; width:44px; float:left; overflow:hidden;}
.hSpacer45{ background: transparent;height:10px; width:45px; float:left; overflow:hidden;}
.hSpacer46{ background: transparent;height:10px; width:46px; float:left; overflow:hidden;}
.hSpacer47{ background: transparent;height:10px; width:47px; float:left; overflow:hidden;}
.hSpacer48{ background: transparent;height:10px; width:48px; float:left; overflow:hidden;}
.hSpacer49{ background: transparent;height:10px; width:49px; float:left; overflow:hidden;}
.hSpacer50{ background: transparent;height:10px; width:50px; float:left; overflow:hidden;}

/* Vertical spacers */
.vSpacer1{ background: transparent;height:1px; width:10px; clear:both; overflow:hidden;}
.vSpacer2{ background: transparent;height:2px; width:10px; clear:both; overflow:hidden;}
.vSpacer3{ background: transparent;height:3px; width:10px; clear:both; overflow:hidden;}
.vSpacer4{ background: transparent;height:4px; width:10px; clear:both; overflow:hidden;}
.vSpacer5{ background: transparent;height:5px; width:10px; clear:both; overflow:hidden;}
.vSpacer6{ background: transparent;height:6px; width:10px; clear:both; overflow:hidden;}
.vSpacer7{ background: transparent;height:7px; width:10px; clear:both; overflow:hidden;}
.vSpacer8{ background: transparent;height:8px; width:10px; clear:both; overflow:hidden;}
.vSpacer9{ background: transparent;height:9px; width:10px; clear:both; overflow:hidden;}
.vSpacer10{ background: transparent;height:10px; width:10px; clear:both; overflow:hidden;}
.vSpacer11{ background: transparent;height:11px; width:10px; clear:both; overflow:hidden;}
.vSpacer12{ background: transparent;height:12px; width:10px; clear:both; overflow:hidden;}
.vSpacer13{ background: transparent;height:13px; width:10px; clear:both; overflow:hidden;}
.vSpacer14{ background: transparent;height:14px; width:10px; clear:both; overflow:hidden;}
.vSpacer15{ background: transparent;height:15px; width:10px; clear:both; overflow:hidden;}
.vSpacer16{ background: transparent;height:16px; width:10px; clear:both; overflow:hidden;}
.vSpacer17{ background: transparent;height:17px; width:10px; clear:both; overflow:hidden;}
.vSpacer18{ background: transparent;height:18px; width:10px; clear:both; overflow:hidden;}
.vSpacer19{ background: transparent;height:19px; width:10px; clear:both; overflow:hidden;}
.vSpacer20{ background: transparent;height:20px; width:10px; clear:both; overflow:hidden;}
.vSpacer21{ background: transparent;height:21px; width:10px; clear:both; overflow:hidden;}
.vSpacer22{ background: transparent;height:22px; width:10px; clear:both; overflow:hidden;}
.vSpacer23{ background: transparent;height:23px; width:10px; clear:both; overflow:hidden;}
.vSpacer24{ background: transparent;height:24px; width:10px; clear:both; overflow:hidden;}
.vSpacer25{ background: transparent;height:25px; width:10px; clear:both; overflow:hidden;}
.vSpacer26{ background: transparent;height:26px; width:10px; clear:both; overflow:hidden;}
.vSpacer27{ background: transparent;height:27px; width:10px; clear:both; overflow:hidden;}
.vSpacer28{ background: transparent;height:28px; width:10px; clear:both; overflow:hidden;}
.vSpacer29{ background: transparent;height:29px; width:10px; clear:both; overflow:hidden;}
.vSpacer30{ background: transparent;height:30px; width:10px; clear:both; overflow:hidden;}
.vSpacer31{ background: transparent;height:31px; width:10px; clear:both; overflow:hidden;}
.vSpacer32{ background: transparent;height:32px; width:10px; clear:both; overflow:hidden;}
.vSpacer33{ background: transparent;height:33px; width:10px; clear:both; overflow:hidden;}
.vSpacer34{ background: transparent;height:34px; width:10px; clear:both; overflow:hidden;}
.vSpacer35{ background: transparent;height:35px; width:10px; clear:both; overflow:hidden;}
.vSpacer36{ background: transparent;height:36px; width:10px; clear:both; overflow:hidden;}
.vSpacer37{ background: transparent;height:37px; width:10px; clear:both; overflow:hidden;}
.vSpacer38{ background: transparent;height:38px; width:10px; clear:both; overflow:hidden;}
.vSpacer39{ background: transparent;height:39px; width:10px; clear:both; overflow:hidden;}
.vSpacer40{ background: transparent;height:40px; width:10px; clear:both; overflow:hidden;}
.vSpacer41{ background: transparent;height:41px; width:10px; clear:both; overflow:hidden;}
.vSpacer42{ background: transparent;height:42px; width:10px; clear:both; overflow:hidden;}
.vSpacer43{ background: transparent;height:43px; width:10px; clear:both; overflow:hidden;}
.vSpacer44{ background: transparent;height:44px; width:10px; clear:both; overflow:hidden;}
.vSpacer45{ background: transparent;height:45px; width:10px; clear:both; overflow:hidden;}
.vSpacer46{ background: transparent;height:46px; width:10px; clear:both; overflow:hidden;}
.vSpacer47{ background: transparent;height:47px; width:10px; clear:both; overflow:hidden;}
.vSpacer48{ background: transparent;height:48px; width:10px; clear:both; overflow:hidden;}
.vSpacer49{ background: transparent;height:49px; width:10px; clear:both; overflow:hidden;}
.vSpacer50{ background: transparent;height:50px; width:10px; clear:both; overflow:hidden;}