ul {

margin:0;

}



ul li {

list-style-image:none;

list-style-position:outside;

list-style-type:none;

}



.clearfix:after {

clear:both;

content:".";

display:block;

height:0;

visibility:hidden;

}



div#wrapper {

/*
border:0.2em solid #4F4F4F;
*/ 
border: none;

font-family:Arial;

font-size:12px;

margin:1%;

padding:0 2% 2%;

width:91%;

}



div#masthead {

float:left;

width:100%;

}

	div#account-info {

	float:left;

	margin:1.5% 0 0;

	width:38%;

	}

	div#masthead h1 {

	color:#0072BC;

	float:left;

	font-size:14px;

	font-weight:bold;

	margin:0;

	width:100%;

	}

	div#masthead h2 {

	color:#0072BC;

	float:right;

	font-size:13px;

	font-weight:bold;

	margin:1.4% 0 0;

	}

	div#masthead h3 {

	font-weight:normal;

	margin:0;

	width:90%;

	}



div#content-area {

border:0.2em solid #CCCCCC;

float:left;

width:100%;

}

	div#content-area h3 {

	color:#0072BC;

	font-size:15px;

	font-weight:bold;

	margin:5px 0 0;

	text-align:center;

	}

	div#content-area ul {

	margin:0 1.4% 2%;

	}

	div#content-area ul li {

	margin:0.5% 0;

	}

	

	div#content-area p{

		margin:10px;

		

	}



#accordion div {

	margin-bottom: 5px;

}



/* Ocuco form.ocuco */

form.ocuco {

float:left;

padding:0;

}



	form.ocuco fieldset {

	margin-bottom: 10px;

	text-align:left;

	margin-left:auto;

	margin-right:auto;

	}

	

	form.ocuco legend {

	padding: 0 2px;

	font-weight: bold;

	color:#000000;

	}

	

	form.ocuco label {

	display: inline-block;

	line-height: 1.8;

	vertical-align: top;

	}

	

	form.ocuco fieldset li {

	list-style: none;

	padding: 5px;

	margin: 0;

	}

	

	form.ocuco fieldset fieldset {

	border: none;

	margin: 3px 0 0;

	}

	

	form.ocuco fieldset fieldset legend {

	padding: 0 0 5px;

	font-weight: normal;

	}

	

	form.ocuco fieldset fieldset label {

	display: block;

	width: auto;

	}

	

	form.ocuco em {

	font-weight: bold;

	font-style: normal;

	color: #f00;

	}

	

	form.ocuco label {

	width: 180px; /* Label Width */

	}

	

	form.ocuco fieldset fieldset label {

	margin-left: 203px; /* Width +3 (html space) */

	}

	

	form.ocuco input {

	padding: 4px;

	font-family: arial,tahoma,sans-serif;

	font-size: 11px;

	border: 1px solid #b2b2b2;

	width: 160px;

	margin-right: 4px;

	}

	

	form.ocuco input:hover {

	background-color: #efefef;

	}

	

	form.ocuco input:focus {

	background-color: #fcfecc;

	}

	

	form.ocuco input[type=submit] {

	width: 100px;

	cursor: pointer;

	}

	

	form.ocuco select {

	padding: 3px;

	font-family: arial,sans-serif;

	font-size: 11px;

	}

	

	form.ocuco input[type=submit]:focus {

	background-color: #efefef;

	}



/* Ocuco Booking form */	

table.book {

margin: 10px;

width: 98%;

font-family: arial;

font-size: 11px;

border: 1px solid #efefef;

}

	

	table.book th {

	background-color: #bdbdbd;

	color: #fff;

	font-weight: normal;

	text-align:center;

	padding-left:1px;

	padding-right:1px;

	vertical-align:top;

	}

	

	

	tr.book td {

	text-align: center;

	background-color: #e6e6e6;

	vertical-align:top;

	}

	

	tr.book td.time {

	

	background-color: #f1f1f1;

	vertical-align:top;

	width:30px;

	}

	

	tr.book td a {

	display:block;

	background-color: #fcfecc;

	color: #424242;

	text-decoration: none;

	border-bottom: 1px solid #424242;

	height:30px;

	padding-left:1px;

	padding-right:1px;

	}

	

	tr.book td a:hover {

	background-color:#9EDF7D !important;

	}

	

	tr.divide td {

	background-color: #9c9c9c;

	height: 3px;

	}

	

	tr.book td.available:hover {

	background-color: #fafdba;

	}

	

	tr.book td.available a {

	

	color: #686868;

	text-decoration: none;

	font-weight: normal;

	}

	

	tr.book td.available a:hover {

	color: #565656;

	}

	

		#error {

		background-color:#BF0000;

		color:#FFCFCF;

		font-size:14px;

		margin:10px auto;

		padding:2px;

		text-align:center;

		width:75%;

		}

		

		#error a{

			color:#ffffff;	

		}

		

		#success {

		background-color:#99C6B0;

		color:#002E6E;

		font-size:14px;

		margin:10px auto;

		padding:2px;

		text-align:center;

		width:75%;

		}

		

		#selected_date {

		background-color: #FFFFFF;

		}

		

		#section h3

		{

		font-family:'Arial';

		font-size:14px;

		color:#CCCCCC;

		background-color:#EFEFEF;

		margin:0;

		height:14px;

		text-indent:5px;

		}

		

		h3.selected {

		background-color:#CCCCCC;

		color:#4F4F4F;

		float:left;

		padding:0.6%;

		width:99%;

		}

		

		#section form

		{

		margin-top:5px;

		margin-bottom:5px;

		}

		

		#static {

		font-family: arial;

		font-size: 13px;	

		}

		

/* user details*/	

table.info {

margin: 10px;

width: 98%;

font-family: arial;

font-size: 11px;

border: 1px solid #efefef;

}

	

	table.info th {

	background-color: #bdbdbd;

	color: #fff;

	font-weight: normal;

	text-align:center;

	padding-left:10px;

	padding-right:10px;

	vertical-align:top;

	font-size:13px;

	}

	

	

	tr.info td {

	height: 25px;

	text-align: center;

	background-color: #e6e6e6;

	vertical-align:middle;

	}

	

	tr.info td.time {

	

	background: url(images/bullet.png) no-repeat;

	text-indent: 7px;

	background-color: #f1f1f1;

	vertical-align:top;

	width:50px;

	}

	

	tr.info td a {

	display:block;

	height:30px;

	background-color: #fcfecc;

	color: #424242;

	text-decoration: none;

	border: 1px solid #fce269;

	}



/* Apointment form */

#legend {

display:block;

float:left;

height:10px;

margin-right:8px;

margin-top:1px;

width:10px;

}



#appt-legend {

border:1px solid #CECECE;

display:block;

margin:10px;

width:98%;

font-family:arial;

font-size:11px

}



#appt-legend p.label{

background-color:#E6E6E6;

display:block;

margin:4px;

padding:7px 7px 7px 12px;

font-weight:bold;

}



#appt-legend span {

background-color:#F7F7F7;

display:block;

margin:4px;

padding:7px 7px 7px 12px;

}





/* menu-holder */

.menu-holder {

display: block;

list-style-type: none;

margin: 0 0 5px 0;

padding: 0;

height:25px;

}



.menu-holder li {

float: left;

display: block;

width: 32%;

text-align:center;

background-color: #e7e7e7;

-moz-border-radius: 4px;

-khtml-border-radius: 4px;

-webkit-border-radius: 4px;

border-radius: 4px;

border: 1px solid #e4e4e4;

height:25px;

margin-right: 3px;

}



.menu-holder li:hover {

background-color:#3F3F3F;

}



.menu-holder #last { margin-right: 0; }



.menu-holder li a{

display:block;

font-size:13px;

padding-top:4px;

font-weight:bold;

text-decoration:none;

color:#000000;

font-family:arial;

letter-spacing:-1px;

width:100%;

height:100%;

}



.menu-holder li a:hover{

text-decoration:underline;

color:#ffffff;

}



.menu-holder li.selected {

background-color:#9F9F9F;

}

/*

	LEVEL ONE

*/

	div#masthead ul#nav {

	background-color:#EFEFEF;

	float:left;

	margin:10px 1px;

	width:100%;

	position: relative;

	}

	

ul#nav li { 

	font-weight: bold; 

	float: left; zoom: 1; 

	}



ul#nav a:hover{ 

	color: #000; 

}

	

ul#nav a:active { 

	color: #9F9F9F; }

	

	ul#nav li a {

	color:#4F4F4F;

	display:block;

	font-size:11px;

	font-weight:bold;

	line-height:0;

	padding:14px;

	text-decoration:none;

	}

	

ul#nav li:last-child a { 

	border-right: none; } /* Doesn't work in IE */

ul#nav li.hover,

ul#nav li:hover { 

	background: #9F9F9F; 

	color: black; 

	position: relative; }

ul#nav li.hover a { 

	color: black; 

	}

ul#nav li.selected {

	background-color:#9F9F9F;

}

ul#nav li.selected a{

	color: #000000; 

}





/* 

	LEVEL TWO

*/

ul#nav ul { 

	width: 220px; 

	visibility: hidden; 

	position: absolute; 

	top: 100%;

	left: 0;

	}

	

ul#nav ul li { 

	font-weight: normal; 

	background: #f6f6f6; color: #000; 

	border-bottom: 1px solid #ccc; 

	float: none; }

									  

/* IE 6 & 7 Needs Inline Block */

ul#nav ul li a	{ 

	border-right: none; 

	width: 100%; 

	display: inline-block; } 



/* 

	LEVEL THREE

*/

ul#nav ul ul { 

	left: 100%; 

	top: 0; }

ul#nav li:hover > ul { 

	visibility: visible; }

	

	

	

form#register-form {padding:0 3%; }

form#register-form legend {}

form#register-form ol {}

form#register-form ol li {}

form#register-form label {}



h4 {

	background-color:#EFEFEF;

	color:#000000;

	float:left;

	padding:0.6%;

	width:98.8%;

}



h4.selected {

	background-color:#CCCCCC;

	color:#4F4F4F;

}



th, td {

	padding:0px;	

}



#submit {

	text-align:center;

}



h2.launch {

	background-color:#FEFFBF;

	border:2px solid #000000;

	color:#000000;

	margin:10px auto;

	padding:5px;

	text-align:center;

	width:75%;

}



h2.launch:hover {

	background-color:#DEDF45;

}