/* --------------------------------------------------------------

   * Resets default browser CSS.

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

body {
  line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  font-size: 75%;
  color: #222;
  background: #d0dda4;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1 { font-weight: bold; color: #fff; font-size: 1.5em; line-height: 1.2; margin-bottom: 0.5em; padding: 25px 0 0 20px;}
h2 { font-weight: normal; color: #ffef1b; font-size: 1.5em; margin-bottom: 0.75em; padding: 0 0 0 20px;}
h3 { font-weight: normal; color: #000; font-size: 1.5em; line-height: 1; margin-bottom: 1em; border-color:#77787a; border-style:dotted; border-width: 0 0 1px 0; padding: 10px 0 10px 0; }

h4 { font-weight: normal; color: #fff; font-size: 1.2em; line-height: 1.25; margin-bottom: 1em; padding: 0 0 0 20px;}
		h4 a {font-size:1em; line-height: 1.25; color:#ffef1b; padding:0px; text-decoration:none;}
		h4 a:hover, #header ul#nav li a:active {color:#fff;}
		
h5 { font-weight: normal; color: #fff; font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-weight: normal; color: #fff; font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; line-height: 1.5;}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus 	{outline: none;}
a:focus,
a:hover     { color: #5bb7d1; }
a           { color: #53ad8c; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
	.align { padding-left: 50px;}

/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0;}
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
thead td    { background: #96af49; padding: 4px 10px 4px 5px; color:white; font-weight: bold;}
th {font-weight: bold;  padding: 4px 10px 4px 5px; border-bottom:1px dotted grey; }
td,caption { padding: 4px 10px 4px 5px; font-weight:normal; }
tr.even td  { background: #e5ecf9; border-bottom:1px solid #ededed;}
tr.odd td  { background: #f2f2f2; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

.COURSE_LIST_HEADERBLOCK { background: #96af49; padding: 4px 10px 4px 5px; color:white; font-weight: bold;}


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


.ui-datepicker { z-index:999999; } /* jquery ui fix to make dates appear above */


.debug{
font-size:10px;
}
/* A container should group all your columns. */
#container {
	 position: absolute;
	 margin-left: auto;
   margin-right: auto;
   left: 0;
   right: 0;
   width: 950px;
   background-color:#ffffff;
   min-height:900px;
}

.CONTAINER{
	overflow:hidden;
	border:0px solid green;

}


#header {position:relative;width:910px; min-height:100px; margin:20px; background-color:#ffffff;}
#header h5 a {display: block; width: 158px; height:100px; float:left; background: url(../images/logo.png) no-repeat; text-indent:-9999px;}
#header div#nav {float:right;margin:0 0 20px 0;}
	#header ul#nav1 {float:left;list-style:none;margin:20px 0 0 0;}
		#header ul#nav1 li {width: 130px; padding:0 0 0 0; margin: 0 0 0 0; border-bottom:1px dotted grey;}
		#header ul#nav1 li:first-child {background:none;border-top:1px dotted grey;}
		#header ul#nav1 li a {font-size:14px; line-height: 1.6em; color:#6d6d6d; padding:0px; text-decoration:none;}
		#header ul#nav1 li a:hover, #header ul#nav1 li a:active {color:#5bb7d1;}
		
	#header ul#nav2 {float:left;list-style:none;margin:20px 0 0 0;}
		#header ul#nav2 li {width: 130px; padding:0 0 0 0; margin: 0 0 0 0; border-bottom:1px dotted grey;}
		#header ul#nav2 li:first-child {background:none; border-top:1px dotted grey;}
		#header ul#nav2 li a {font-size:14px; line-height: 1.6em; color:#6d6d6d; padding:0px; text-decoration:none;}
		#header ul#nav2 li a:hover, #header ul#nav2 li a:active {color:#5bb7d1;}

	#header ul#nav3 {float:left;list-style:none;margin:20px 0 0 0;}
		#header ul#nav3 li {width: 130px; padding:0 0 0 0; margin: 0 0 0 0; border-bottom:1px dotted grey;}
		#header ul#nav3 li:first-child {background:none;border-top:1px dotted grey;}
		#header ul#nav3 li a {font-size:14px; line-height: 1.6em; color:#6d6d6d; padding:0px; text-decoration:none;}
		#header ul#nav3 li a:hover, #header ul#nav3 li a:active {color:#5bb7d1;}
		
	#header ul#nav4 {float:left;list-style:none;margin:20px 0 0 0;}	
		#header ul#nav4 li {width: 130px; padding:0 0 0 0; margin: 0 0 0 0; border-bottom:1px dotted grey;}
		#header ul#nav4 li:first-child {background:none;border-top:1px dotted grey;}
		#header ul#nav4 li a {font-size:14px; line-height: 1.6em; color:#6d6d6d; padding:0px; text-decoration:none;}
		#header ul#nav4 li a:hover, #header ul#nav4 li a:active {color:#5bb7d1;}
		
#header div#fb {position:absolute; top:21px; right:-35px;}
#header div#fb  a {display: block; width: 81px; height:79px; background: url(../images/facebook-ribbon-off.png) no-repeat; text-indent:-9999px;}
#header div#fb	a:hover, #header div#fb a:active {display: block; width: 81px; height:79px; background: url(../images/facebook-ribbon-on.png) no-repeat; text-indent:-9999px;}

#header div#follow {position:absolute; top:80px; right:50px;display: block; width: 94px; height:20px; background: url(../images/followus.png) no-repeat; text-indent:-9999px;}

.feature {
		width:450px;
		margin:0 0 0 0;
		}
#feature-container {
	position: relative;
	  height:225px;
		width:910px;
		margin:0 0 0 20px;
		background: url(../images/feature-green-bg.png) repeat-y;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}
.feature-photos {
		position:absolute; left: 500px; top:-4px; 
	  	height:230px;
		width:390px;
		margin-left:0px;
		margin-right:0px;
		padding:10px;
		z-index:999;
}


#content-left {
		float:left;
	  min-height:400px;
		width:580px;
		margin:20px 0 30px 20px;
		background-color:#ffffff;
}

		#content-left p {padding:0 0 0 0;}


#content-right {
		float:left;
	  min-height:400px;
	
		margin-left:20px;
		margin-top:10px;
		background-color:#ffffff;
}

img.inset {
		float:right;
	  margin:0 20px 6px;
	  border: 1px solid #ededed;
		padding: 2px;
}

img.inset-noborder {
		float:right;
	  margin-left:20px;
	  margin-right:20px;
		border: 0px solid #ededed;
		padding: 2px;
}
#sidebar {
		position: relative;
		float:right;
		height:400px;
		min-width:296px;
		max-width:296px;
		margin-right:20px;
}

.sidebar-top {height:4px;background: url(../images/sidebar-top.png) no-repeat;}
.sidebar-mid {min-height:400px;padding:0;background: url(../images/sidebar-bg.png) repeat-y;}
.sidebar-bottom {height:4px;background: url(../images/sidebar-bottom.png) no-repeat;}

	#sidebar h3 { font-weight: normal; color: #000; font-size: 1.5em; line-height: 1; margin-bottom: 1em; border-color:#77787a; border-style:dotted; border-width: 0 0 1px 0; padding: 10px 4px 10px 10px; }

.ball {
	  position:absolute; right: 0px; top:300px; 
	  height:157px;
		width:157px;
		margin-left:0px;
		background: url(../images/tennisball2.png) no-repeat;
		padding:0px;
}

.lta {
		float:right;
		min-height:108px;
		width:297px;
		margin-right:20px;
		margin-top:10px;
		border-left:0px dotted grey;
		padding-left:0px;
}

	.lta h5 a { display: block; width: 297px; height:108px; float:right; margin:0 0 0 0; margin-top:10px; background: url(../images/lta2.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
	.lta p {font-weight:bold;color: #005198;float:right; padding:0px 10px 0 0;}
		.lta p a {font-size:12px; color:#53ad8c; text-decoration:none;}
			.lta p a:hover, #footer-right p a:active {color:#5bb7d1;}

#fb-right {
		margin:10px 20px 0 0;
		float:right;
		width:296px;
		border:0px solid black;
}

#footer-right {
		margin:10px 20px 0 0;
		float:right;
		width:296px;
		border:0px solid black;
}

	#footer-right h5 a { display: block; width: 105px; height:75px; float:left; margin:10px 0 0 0; margin-top:20px; background: url(../images/wandsworth.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
	#footer-right p {color: #53ad8c;float:right; padding:58px 0 0 0px;}
		#footer-right p a {font-size:12px; color:#53ad8c; text-decoration:none;}
			#footer-right p a:hover, #footer-right p a:active {color:#5bb7d1;}
			
#sessions-left {
		float:left;
	  min-height:89px;
		width:296px;
		margin-left:0px;
		background:url(../images/left-session-bg.png) no-repeat;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}
#sessions-right {
		float:left;
	  min-height:89px;
		width:296px;
		margin-left:8px;
		background:url(../images/right-session-bg.png) no-repeat;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}

		#sessions-left p, #sessions-right p{padding:10px 10px 0 90px;}

#juniorbox1 {
		float:left;
	  height:60px;
		width:120px;
		margin-left:50px;
		margin-bottom:20px;
		background-color:#ededed;
}

#juniorbox2 {
		float:left;
	  height:60px;
		width:120px;
		margin-left:30px;
	  margin-bottom:20px;
		background-color:#ededed;
}
#juniorbox3 {
		float:left;
	  height:60px;
		width:120px;
		margin-left:30px;
		margin-bottom:20px;
		background-color:#ededed;
}

		#juniorbox1 h5 a  { display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/toddleradult.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#juniorbox1 h5 a:hover{ display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/toddleradult-hover.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#juniorbox2 h5 a  { display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/juniortermtime.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#juniorbox2 h5 a:hover{ display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/juniortermtime-hover.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#juniorbox3 h5 a  { display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/juniorholiday.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#juniorbox3 h5 a:hover{ display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/juniorholiday-hover.png) no-repeat; border:0px solid grey; text-indent:-9999px;}

#adultbox1 {
		float:left;
	  height:60px;
		width:120px;
		margin-left:20px;
		margin-bottom:20px;
		background-color:#ededed;
}

#adultbox2 {
		float:left;
	  height:60px;
		width:120px;
		margin-left:10px;
	  margin-bottom:20px;
		background-color:#ededed;
}
#adultbox3 {
		float:left;
	  height:60px;
		width:120px;
		margin-left:10px;
		margin-bottom:20px;
		background-color:#ededed;
}
#adultbox4 {
		float:left;
	  height:60px;
		width:120px;
		margin-left:10px;
		margin-bottom:20px;
		background-color:#ededed;
}
		#adultbox1 h5 a  { display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/adulttermtime.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#adultbox1 h5 a:hover{ display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/adulttermtime-hover.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#adultbox2 h5 a  { display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/adultevening.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#adultbox2 h5 a:hover{ display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/adultevening-hover.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#adultbox3 h5 a  { display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/adultsunday.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#adultbox3 h5 a:hover{ display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/adultsunday-hover.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#adultbox4 h5 a  { display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/adultsocial.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#adultbox4 h5 a:hover{ display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/adultsocial-hover.png) no-repeat; border:0px solid grey; text-indent:-9999px;}

#clear {
 clear:both;
}

#bottom {
 clear:both;
 min-height:100px;
}
#footer {
		margin:0px 30px 0 30px;
		padding:0 10px 30px 10px;
		height:100px;
		background-color: #ffffff;
		border-top:1px dotted grey;
}

	#footer .footer-img1 a { display: block; width: 70px; height:48px; float:left; margin:21px 10px 0 0; background: url(../images/wansworth70x48.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
	#footer .footer-img2 a { display: block; width: 45px; height:49px; float:left; margin:21px 10px 0 10px; background: url(../images/aegon45x49.png) no-repeat; border:0px solid red; text-indent:-9999px;}
	#footer .footer-img3 a { display: block; width: 141px; height:50px; float:left; margin:20px 0 0 10px; background: url(../images/clubmark141x50.png) no-repeat; border:0px solid red; text-indent:-9999px;}
	#footer .footer-img4 a { display: block; width: 136px; height:46px; float:left; margin:22px 10px 0 10px; background: url(../images/LTA-136x46.png) no-repeat; border:0px solid red; text-indent:-9999px;}
	#footer .footer-img5 a { display: block; width: 136px; height:50px; float:left; margin:22px 30px 0 10px; background: url(../images/CardioTennis.png) no-repeat; border:0px solid red; text-indent:-9999px;}

	#footer p {color: #53ad8c;float:left; padding-top:34px;}
		#footer p a {font-size:12px; color:#53ad8c; text-decoration:none;}
			#footer p a:hover, #footer-right p a:active {color:#5bb7d1;}
.main-text {
	  min-height:300px;
		width:560px;
		margin-left:0px;
		background-color:#ffffff;
		padding:0px;
}
	.main-text p {
				font-family: Arial, Helvetica, sans-serif;
    		font-size:0.9em;
				color: #000000;
				padding:0px;
				}
.map {
	  min-height:400px;
		width:560;
		margin-left:0px;
		background-color:#ffffff;
		padding:0px;
}				
#col1 {
		float:left;
	  min-height:90px;
		width:275px;
		padding-right:10px;
		background-color:#ffffff;
}
#col2 {
		float:right;
	  min-height:90px;
		width:275px;
		margin-left:0px;
		background-color:#ffffff;
}

.preload1 {background-image:url(../images/facebook-ribbon-on.png);}



















/* --------------------------------------------------------------

   * FORM CSS.

-------------------------------------------------------------- */

#form_getintouch {
	font-size: 1em;
}
#form_getintouch .label {
	float: left;
	clear: left;
	width: 100px;
	margin-right: 10px;
	text-align: left;
	font-weight: normal;
}
.form_getintouch {
	border:0.1em dotted #efefef;
	width: 275px;
	margin-left: 10px;
	padding: 0px;
	text-align: left;
	font-weight: normal;
}
 
input#button_getintouch {
	float: left;
	background-color: #ffd912;
	font-family: Arial, Helvetica, sans-serif;
	
}
img#submit {
	float: left;
	background-color: #ffd912;
	font-family: Arial, Helvetica, sans-serif;
}
input#search {
	float: right;
	background-color: #ffd912;
	font-family: Arial, Helvetica, sans-serif;
}
 
select#refer {
	font-family: Arial, Helvetica, sans-serif;
}
 
input#name, input#email, input#telephone, textarea#comments {
	width: 150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin-top: -2px;
}
 

/* --------------------------------------------------------------

   * END FORM CSS
   
-------------------------------------------------------------- */

/* --------------------------------------------------------------

   ONLINE BOOKING STUFF

-------------------------------------------------------------- */

.modal_subheader_signin{
	font-weight:700;
	font-size: 1.1em;
	margin:20px 0 6px 0;
	
}
.modal_subheader_register{
	font-weight:700;
	font-size: 1.1em;
	margin:20px 0 20px 0;
	
}

.modal_login_new{
	width:49%;
	float:right;
	margin:10px 0 0 0;
}

.modal_login_existing{
	width:49%;
	float:left;
	border-right:1px solid #ededed;
	margin:10px 0 0 0;
	
	#modal_button_fogot{
	font-size: 10px;
	margin:10px 0 10px 0;
	
}
	
	

}

input.modal_text{
	width:250px;
}

.error{
	color:red;
}

.formRow{
 overflow:auto;
 margin-bottom:5px;
 padding:3px;
}



#button_loggedin{
	width:260px;
	height:34px;
			background:#e5ecf9;
	border:1px solid #b4b5b2;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
	padding:20px;
	margin:30px 0px 20px 0px;
}


#button_login{

			background: url(/images/new-button.png) no-repeat;
			height:93px;
			width:280px;
			text-indent:-9999px;
		margin:20px 30px 20px 20px;
}

.BUTTON.COURSE_BUY{
			background: url(/images/book.png) no-repeat;
			height:20px;
			width:40px;
			text-indent:-9999px;
		margin:0px;
}



		
.SUBSECTION_HEADER{
	margin-top:30px;
		margin-bottom:10px;
				margin-right:20px;
	font-size:20px;
	font-weight:normal;
	      padding-bottom:4px;
	border-bottom:1px dotted grey;
	
}

.SUBSECTION_HEADER.MAINACCOUNT{
			//	background: url(/images/user.png) no-repeat ;
				background: url(/images/user2.png) no-repeat ;
      background-position: left top;
      line-height:1.6em;
      padding-left:36px;
			text-align:left;
	
}
.SUBSECTION_HEADER.SUBACCOUNT{
				//background: url(/images/group.png) no-repeat ;
				background: url(/images/sub2.png) no-repeat ;
      background-position: left top;
      line-height:1.6em;
      padding-left:36px;
			text-align:left;
	
}

.SUBSECTION_HEADER.PRIORITY{

				background: url(/images/priority2.png) no-repeat ;
				//background: url(/images/priority.png) no-repeat ;
      background-position: left top;
      line-height:1.6em;
      padding-left:36px;
			text-align:left;
	
}

#ORDERS
{}

.SUBSECTION_HEADER.ORDERS{

				background: url(/images/user_card_32.png) no-repeat ;
				//background: url(/images/priority.png) no-repeat ;
      background-position: left top;
      line-height:1.6em;
      padding-left:36px;
			text-align:left;
	
}

.SUBSECTION_HEADER_INFO{
	margin-top:4px;
		margin-bottom:4px;
				margin-right:20px;
	font-size:11px;
	font-weight:normal;
	      padding-bottom:4px;
}

.LINK {font-size:12px; color:#53ad8c; text-decoration:none;}
.LINK:hover, .LINK:active {color:#5bb7d1;}

	
div#minicrate {overflow:auto;width:260px;height:auto;
			background:#e5ecf9;
	border:1px solid #b4b5b2;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
	padding:10px 20px 20px 20px;
	margin:0px 0px 20px 0px;
}
	
			.MINICRATE_HEADER{
	background: url(/images/shopping_basket.png) no-repeat ;
      background-position: left top;
      padding-left:50px;
      padding-top:10px;
      line-height:1.4em;
      height:50px;
   }
		.MINICRATE_ITEM{
			font-size:10px;
			//background:#f2f2f2;
			border:1px solid #fff;
			margin-top:00px;
			margin-bottom:4px;
			padding:6px;
		}


		.DELETE_CRATEITEM{
			background: url(/images/cross_8.png) no-repeat ;
      background-position: right bottom;
      line-height:0.9em;
      padding-right:14px;
      padding-bottom:0px;
			border:0px solid #fff;
			text-align:right;
			
		}
		
				#BUTTON_CRATE{
			background: url(/images/navigation_right.png) no-repeat ;
      background-position: right bottom;
      line-height:2em;
      padding-right:44px;
      padding-bottom:10px;
			border:0px solid #fff;
			text-align:right;
			
		}
		
				.MINICRATE_COURSES{
			font-size:12px;
			//background:#f2f2f2;
			border:0px solid #fff;
			margin-top:0px;
			margin-bottom:0px;
			padding:6px;
			text-align:left;
		}
				.BUTTON_COURSE{
			//background: url(/images/navigation_up.png) no-repeat ;
      background-position: center bottom;
      line-height:2em;
      padding-right:00px;
      padding-top:0px;
			border:0px solid #fff;
			text-align:center;
			
		}
		.SUBACCOUNT_ADD{
			//background: url(/images/group_add_16.png) no-repeat ;
			background: url(/images/add2.png) no-repeat ;
      background-position: left top;
      line-height:1.2em;
      padding-left:20px;
      padding-bottom:4px;
			border:0px solid #fff;
			text-align:left;
			
		}
		.SUBACCOUNT_ADD.TEXT{ 	font-size:16px;	 line-height:1em;   padding:0px;background: none;}

		.SUBACCOUNT_EDIT{
			//background: url(/images/group_edit_16.png) no-repeat ;
			background: url(/images/pencil2.png) no-repeat ;
      background-position: left top;
      line-height:1.2em;
      padding-left:20px;
      padding-bottom:4px;
			border:0px solid #fff;
			text-align:left;
			
		}

		.ACCOUNT_EDIT{
			//background: url(/images/user_edit_16.png) no-repeat ;
			background: url(/images/pencil2.png) no-repeat ;
		 background-position: left top;
      line-height:1.2em;
      padding-left:20px;
      padding-bottom:4px;
			border:0px solid #fff;
			text-align:left;
			
		}
		
		.loggedout{
 	margin:0 auto;
 	text-align:center;
	width:300px;
	min-height:600px;
	padding:30px;
	margin-top:20px;
		
}


			#account-header{
	background: url(/images/youraccount.png) no-repeat ;
      background-position: left top;
      padding-top:50px;
      width:500px;font-size:16px;
	}
	
		.account{
	margin:0 0 20px 10px;		
}

		.account-info{
			background:#ededed;
	margin: 20px auto;
	padding: 20px;
	width:480px;

		border:1px solid #b4b5b2;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
	margin:0px 0px 20px 0px;

}

 a#subs:focus 	{outline: none;}
a#subs:focus,
a#subs:hover     { color: #222; }
a#subs    { color: #222; text-decoration: none; }

/* --------------------------------------------------------------

   END ONLINE BOOKING STUFF

-------------------------------------------------------------- */

/* --------------------------------------------------------------

   REGISTER FORM STUFF

-------------------------------------------------------------- */

		.register{
	margin: 20px auto;
	width:800px;
	height:100%;
	padding:0 30px 0 30px;
	
}		
		#register-header{
	background: url(/images/register-text.png) no-repeat ;
      background-position: left top;
      padding-top:50px;
      margin-bottom:10px;
      width:800px;font-size:16px;
	}
	
		.register-form{
			background:#ededed;
	margin: 20px auto;
	padding: 20px;
	width:750px;
		border:1px solid #b4b5b2;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.2);

	margin:0px 0px 20px 0px;

		
}
.FORM_ROW{
overflow:hidden;
background:none;
margin:0 auto;
padding:0px;
height:30px;
}

.FORM_LABEL{
border:0px solid red;
text-align:right;
padding-right:6px;
float:left;
width:160px;
height:100%;
}


.FORM_DATA{
border:0px solid blue;
float:left;
width:300px;
height:100%;
}

.FORM_INFO{
border:0px solid pink;
font-size:10px;
float:left;
min-height:40px;
width:160px;
height:100%;
}

/* --------------------------------------------------------------

   END REGISTER FORM STUFF

-------------------------------------------------------------- */


		.checkout{
	margin: 20px auto;
	width:800px;
	height:100%;
	padding:0 30px 0 30px;
	
}		
		#checkout-header{
	background: url(/images/readytocheckout.png) no-repeat ;
      background-position: left top;
      padding-top:50px;
      margin-bottom:10px;
      width:800px;font-size:16px;
	}
	
			.checkout-form{
			background:#ededed;
	margin: 20px auto;
	padding: 20px;
	width:750px;
		border:1px solid #b4b5b2;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.2);

	margin:0px 0px 20px 0px;

		
}


.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }
  

select{  
	border:1px solid #7f9db9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

input{  
	border:1px solid #7f9db9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#securetrading{  
margin-top:20px;
}