/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	font: 11px arial;
	background-color:#000;
	color:#FFF;
}

h1{	font:  16px arial; color: #FFF; margin:8px 0px 0px 0px; padding:0px 11px 0px 11px; }
h2{	font:  12px arial; color: #FFF; margin:0px 0px 0px 0px; padding:0px 11px 0px 11px; }
h3{	font:  14px arial; color: #ec2f67; margin:18px 0px 0px 0px; padding:0px 11px 0px 11px; }
h4{	font:  10px arial; color: #FFF; margin:0px 0px 0px 0px; padding:0px 11px 0px 11px; }
h5{	font:  14px arial; color: #45719b; margin:0px 0px 0px 0px; padding:0px 11px 0px 11px; }
h6{	font:  12px arial; color: #45719b; margin:0px 0px 0px 0px; padding:0px 11px 0px 11px; }

.pink{color:#ec2f67;}
	
.noTop{margin-top:0px;}

.white{color:#FFF; margin-bottom:0px;}
.whiteLrg{font:  12px arial; color:#FFF; margin-bottom:0px;}


/* MAKES ALL BROWSERS HANDLE HEADINGS AND PARAGRAPHS THE SAME, USE AT YOUR DISCRETION */
/*h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 6px 0; }*/

.clear{	clear: both; }
.left{ float: left; }
.right{ float: right; }
.red{ color: red; }
img{ border: none; }

fieldset, form, legend{ margin: 0px 0px 0px 10px; padding: 0; }
fieldset{ border: none; }
legend{ display: none; }
.nobg{ border: none; background: none; }

a{
	color: #FFF;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

/* CSS TRANSPARENCY, THIS INVALIDATES THE STYLESHEET, USE AT YOUR DISCRETION */
/*a:hover img{ opacity: 0.8; filter: alpha(opacity=80); -moz-opacity:0.8; }*/

/* input[type=""] DOES NOT WORK IN IE6 */
input[type="checkbox"], input[type="radio"]{ border: none; width: auto; background: none; }

input{
	background: white;

	width:200px;
	margin:5px 0px 10px 10px;
}

.shopBox input { width:auto; margin:0px 0px 10px 10px; padding:0px;}

#buy input { width:auto; margin:0px 0px -5px 10px; padding:0px;}

.shopBox fieldset, form, legend{ margin: 0px 0px 0px 0px; padding: 0; }

.shopBox2 input { width:auto; margin:0px 0px 10px 10px; padding:0px;}

.shopBox2 fieldset, form, legend{ margin: 0px 0px 0px 0px; padding: 0; }

#shop  fieldset, form, legend{ margin: 0px 0px 0px 0px; padding: 0; }

#shop input { width:auto; margin:0px 0px 0px 0px; padding:0px;}

textarea{
	background: white;
	width:200px;
	margin:5px 0px 10px 10px;
	height:50px;
}





#box{
	width: 760px;
	height:auto;
	margin: 5px auto 0px auto;
	background:url(../gfx/header.gif) no-repeat;
	padding-top:36px;
	overflow:hidden;
}

#bg{
	width: 760px;
	height:auto;
	background:url(../gfx/bg.gif) repeat-y;
	overflow:hidden;

}

#header{
	width: 760px;
	height:auto;
	background:url(../gfx/header2.gif) no-repeat;
	overflow:hidden;

}

#leftCol{
	width:208px;
	height:auto;
	margin:0px 0px 0px 42px;
	padding:0px 0px 0px 26px;
	float:left;
	}
	
#rightCol{
	width:417px;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 26px;
	float:left;
	overflow:hidden;	
	}
	
.nav{
	width:234px;
	height:auto;
	overflow:hidden;
}

.nav ul{
	margin:0px 0px 0px -20px;
	}
	
.nav ul a{
	margin:0px 0px 0px -20px;
	color:#FFF;

	}
	

	
.nav li a:hover{
	width:234px;
	height:16px;
	list-style-type:none;
	background: url(../gfx/liHover.gif) no-repeat;
	padding: 0 0 0 30px;
	background-position: 11px 0px;
	display:block;
	margin: 0px 0px 10px -30px;
	color:#ec2f67;
	text-decoration: none;
	}
	
.nav li a{
	width:234px;
	height:16px;
	list-style-type:none;
	background: url(../gfx/li.gif) no-repeat;
	padding: 0 0 0 30px;
	background-position: 11px 0px;
	display:block;
	margin: 0px 0px 10px -30px;
	color:#FFF;
	}
	
.nav li{
	list-style-type:none;
	padding: 0 0 0 30px;
	background-position: 10px 8px;
	margin: 0px 0px 10px -30px;
	}
	
	
.contentBox{
	width:387px;
	height:auto;
	padding:0px 0px 10px 0px;
	backgroundcolor:#4c4d4f;
	border:2px solid #555556;
	margin:20px 0px 20px 0px;
	}
	
.contentBox a{
	text-decoration:underline;
	}
	
.contentBox2{
	width:387px;
	height:auto;
	padding:0px 0px 10px 0px;
	backgroundcolor:#4c4d4f;
	border:2px solid #555556;
	margin:0px 0px 0px 0px;
	}
	
p{
	font: 11px arial; color:#939598;
	line-height:16px;
	padding:0px 11px 0px 11px; 

	}
	
.contentBox2 ul, .polelist ul{
	margin:0px;
	padding:0px;
	}
	
	.pinklist li{
		color:#ec2f67!important;
		margin-top:6px !important;
		}
		
	.polelist .pinklist li{
		color:#FFF!important;
		}

.contentBox2 li, .polelist li{
	width:auto;
	height:auto;
	list-style-type:none;
	background: url(../gfx/li2.gif) no-repeat;
	padding: 0 0 0 30px;
	background-position: 11px 4px;
	display:block;
	margin: 0px 0px 0px 0px;
	color:#939598;
	text-decoration: none;
	}
	
.contentBox2 li li{
	width:234px;
	height:auto;
	list-style-type:none;
	background: url(../gfx/li3.gif) no-repeat;
	padding: 0 0 0 30px;
	background-position: 11px 4px;
	display:block;
	margin: 0px 0px 0px 0px;
	color:#939598;
	text-decoration: none;
	}
	
.imgright{
	width:113px;
	float:right;
	margin:10px 10px 10px 10px;
	}
	
.venues{
	width:auto;
	height:auto;
	margin:0px 0px 29px 0px;
	}
	
.venues2{
	width:auto;
	height:auto;
	margin:0px 0px 17px 0px;
	}
	
.left2{
	width:135px;
	height:auto;
	border:1px solid #6d6e71;
	float:left;
	overflow:hidden;

	}
	
.left3{
	width:135px;
	height:auto;
	border:1px solid #6d6e71;

	overflow:hidden;
	margin:0px 13px 0px 0px;
	
	}
	
	
.greyBox{
	width:87px;
	height:114px;
	border: 1px solid #5a5a5c;
	background-color:#4c4d4f;
	margin:0px 38px 11px 0px;
	padding:4px 8px 10px 8px;
	float:left;
	overflow:hidden;
	}
	
.greyBox2{
	width:87px;
	height:104px;
	border: 1px solid #5a5a5c;
	background-color:#4c4d4f;
	margin:0px 38px 11px 0px;
	padding:4px 8px 10px 8px;
	float:left;
	overflow:hidden;
	}
	
.greyBoxRight{
	width:87px;
	height:114px;
	border: 1px solid #5a5a5c;
	background-color:#4c4d4f;
	margin:px 0px 11px 0px;
	padding:4px 8px 10px 8px;
	float:left;
	overflow:hidden;
	}
	
.about{
	padding:1px;
	border:1px solid #00a998;
	margin:5px 0px 5px 0px;
	}
	

	
.col{
	width:183px;
	height:auto;
	float:left;
	margin:0px 10px 0px 0px;
	}
	
.col a{
	color:#00a998;
	}
	
.col p{
	margin:0px;
	}

.featurelink a{
	color:#00a998;
	}
	
.instructorPic{
	width:112px;
	height:auto;
	float:left;
	margin:0px 0px 0px 12px;
	}
	
.instructorText{
	width:250px;
	height:auto;
	float:left;
	margin:0px 0px px 0px;
	}
	
.gallery{
	border:1px #FFF solid;
	margin:10px 0px 0px 12px;
	}
	
.gallery2{
	border:1px #FFF solid;
	margin:10px 0px 0px 12px;
	}

.custombutton {
	padding:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-top:0px;
	border:none;
	background:none;
	cursor:pointer;
	position:relative;
	}
	
.shopBox{
	width:107px;
	height:343px;
	padding:7px 6px 14px 6px;
	background-color:#404041;
	float:left;
	margin:13px 0px 0px 0px;
	overflow:hidden;
	}
	
.shopBox2{
	width:107px;
	height:293px;
	padding:7px 6px 14px 6px;
	background-color:#404041;
	float:left;
	margin:13px 0px 0px 0px;
	overflow:hidden;
	}
	
.cartBox{
	width:auto;
	height:auto;
	padding:10px 6px 10px 6px;
	background-color:#404041;
	margin:13px 0px 0px 0px;
	}
	
.productImg{ padding:3px; border: 1px #20756d solid;}
	
#shop{ padding:0px 7px;}


.booking li { list-style:none; color:#FFFFFF; background-color:#ec2f67; width:280px; } 
.booking a{color:#FFFFFF; padding:10px; width:260px; text-decoration:none; display:block; } 
.booking li:hover a{color:#ec2f67; padding:10px; width:260px; text-decoration:none; display:block; } 
.booking li:hover{ color:#ec2f67;  background-color:#FFFFFF;   }

.booking input{float:left;} 

#summary{ font:  12px arial; color: #FFF; margin:8px 0px 0px 0px; padding:0px 11px 0px 11px; }

#buy{text-align:left; padding:10px 0px 10px 0px; }

#footer{
	width:760px;
	height:37px;
	margin:0px 0px 0px 0px;
	background:url(../gfx/footer.gif) no-repeat;
	overflow:hidden;
}

/*BOOKING CSS
*/

.booking { display: none; position:relative; }
.booking ul{ padding-left:12px!important; margin-bottom:25px; }
.booking li { list-style:none; color:#FFFFFF; background-color:#ec2f67; width:365px; } 
.booking a{color:#FFFFFF; padding:10px; width:345px; text-decoration:none; display:block; } 
.booking li:hover a{color:#ec2f67; padding:10px; width:345px; text-decoration:none; display:block; } 
.booking li:hover{ color:#ec2f67;  background-color:#FFFFFF;   }

.booking input{float:left; 	z-index:1;}
.booking .date {float:right; width:167px;}
.booking .date span {padding:3px;float:left;}
.booking .date .ui-datepicker-trigger {float:right;margin:2px;cursor:pointer;}

#summary{ font:  12px arial; color: #FFF; margin:8px 0px 0px 0px; padding:0px 11px 0px 11px; line-height:22px; }

#buy{text-align:left; padding:10px 0px 10px 0px; }
#loading {
    display:none;
    text-align:center;
    margin:10px;
}
.booking .date {
   padding:3px;
   border:1px solid #E93069;
   margin:10px;
   margin-right:12px;
}

div.selectbox-wrapper {
  position:absolute;
  margin:0px;
  margin-top:40px;
  margin-left:0px;
  padding:0px;
  text-align:left;
  height:auto;
  clear:both;
  width:375px!important;
	z-index:1000;
	overflow:hidden;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li.current {
  background-color: #fff;
  colour:#E93069;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:5px;
  cursor:pointer;
}

.selectbox{
  margin: 10px 0px 10px 12px;
  padding-left:5px;
	padding-top:5px;
  width : 170px; /* Resize Width */
  display : block;
  text-align:left;
  background: url('../gfx/bg_select.jpg') right no-repeat;
  cursor: pointer;
  border:1px solid #E93069;
  color:#fff;
  float:left;
  height:20px;
	z-index:1;
	overflow:visible;
}



.timetable h3{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	margin-bottom:8px;
	}
	
.timetable h4{
	color:#ec2f67;
	font-size:12px;
	font-weight:bold;
	margin-bottom:0;
	}
	
.timetable p{
	margin-top:0px;
	}
	
.tricks h3{
	font-weight:bold;
	margin-bottom:10px;
	}

.tricks ul li{
color:#FFFFFF;
margin-bottom:3px;
}