html,body{
margin: 0;
padding: 0;
color:#000000;
background-color: #fff;
}


#mainContainer{
position: relative;
top:0px;
width: 992px;
margin:0px auto;
min-height: 100%;
background-image:url(../images/slither.gif);
background-repeat:repeat-y;
text-align: center;
}

/******************* HEADERS ********************/

#header{
position:relative;
height: 119px;
font-size: 140%;
width: 992px;
padding: 33px 0px 0px 0px;
margin:0 auto;
background-image:url(../images/header.gif);
background-repeat: no-repeat;
}

#spacing {height:77px;}

#main_menu{
clear: both;
text-align:center;
height: 33px;
padding: 7px 0px 0px 15px;
margin-left:auto;
margin-right:auto;
}

/******************* Left ********************/

#left{
	clear: both;
	float: left;
	width: 201px;
	height:100%;
	margin: 0;
	padding: 120px 0px 0px 0px;
	background: url(/images/topleft.gif) no-repeat 0px 0px;
}


#course_search {
	background: url(../images/course_search.gif) no-repeat 5px 5px;
	width:123px;
	height:35px;
	text-align:left;
	float:left;
}

#form_2 select,input{
	width: 180px;
	overflow: visible;
}
#form_2 option{
	font-size: 11px;
	overflow: visible;
}

#form_2 label{
	clear: both;
	float: left;
	text-align:left;
	padding: 3px 0px 0px 5px;	
}

#form_2 .submit-btn{
	width: 105px;
	height: 25px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 50px ;
	font-size: 14px;
}

#free_training {
	position:relative;
	background:url(../images/free_training.jpg) no-repeat 0px 0px;
	height:260px;
	width:197px;
	margin:5px 0 0 0;
	padding:0;
}

#freetrain_but a {
	position:absolute;
	top:106px;
	left:17px;
	background-image:url(../images/freetrain-but.gif);
	background-repeat:no-repeat;
	width:166px;
	height:28px;
	z-index:100;
	text-indent:-9999px;
}

#freetrain_but a:hover {background-position:-166px 0;}


/*

#book_online{
	width: 201px;
	height:113px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(/images/topleft.gif) no-repeat 0px 0px;
}

#course_search {
	position:relative;
	left:10px;
	top:5px;
	background-image:url(../images/course_search.gif);
	background-repeat:no-repeat;
	width:113px;
	height:28px;
	text-align:left;
	float:left;
}

#formbox {
position:relative;
top:0px;
left:0px;
height:170px;
width:190px;
margin:0;
padding:0;
}

#drop_down1 {
text-align:left;
float:left;
font-size:12px;
display:block;
margin:10px 0 0 10px;
}

#drop_down2 {
text-align:left;
float:left;
font-size:12px;
display:block;
margin:10px 0 0 10px;
}

#drop_down1 select{
background-color: #fff;
color: #000;
height:20px;
width:150px;
position:relative;
left:-4px;
}

#drop_down2 select{
background-color: #fff;
color: #000;
height:20px;
width:150px;
position:relative;
left:-4px;
}

#drop_down_but input {
margin-top:12px;
margin-left:10px;
}

#free_training {
position:relative;
top:0px;
left:0px;
background-image:url(../images/free_training.jpg);
background-repeat:no-repeat;
height:260px;
width:197px;
margin:5px 0 0 0;
padding:0;
}

#freetrain_but a {
position:absolute;
top:106px;
left:17px;
background-image:url(../images/freetrain-but.gif);
background-repeat:no-repeat;
width:166px;
height:28px;
z-index:100;
text-indent:-9999px;
}

#freetrain_but a:hover {background-position:-166px 0;}
*/


/***************** Right **********************/
#right{
width: 174px;
position:absolute;
top:160px;
left:800px;
padding: 0;
margin: 0;
}

#right img{
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 10px;
}

#news {
	padding: 15px 0px 0px 0px;
	clear: both;
	text-align: left;
}
#

#newsletter a {
position:relative;
top:0px;
left:0px;
background-image:url(../images/tha_newsletter.gif);
background-repeat:no-repeat;
width:179px;
height:35px;
text-indent:-9999px;
display:block;
}

#newsletter a:hover {background-position:-179px 0;}

#members_login {
position:relative;
top:8px;
left:0px;
background-image:url(../images/members_login.gif);
background-repeat:no-repeat;
width:132px;
height:38px;
text-indent:-9999px;
text-align:center;
margin:0 auto;
}

#underline {
position:relative;
top:0px;
left:-4px;
text-align:left;
clear:both;
width:168px;
height:19px;
}

#latestnews_title {
position:relative;
top:8px;
left:0px;
background-image:url(../images/latestnews.gif);
background-repeat:no-repeat;
width:149px;
height:33px;
text-indent:-9999px;
text-align:center;
margin:0 auto;}

/*************** Login Form *****************/
#login_form{
position:relative;
top:0px;
left:0px;
height:160px;
}

#login_form form{
font-size: 12px;
float: left;
margin: 10px 0px 0px 5px;
}

#login_form label{
color: #999;
font-size: 12px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

input.user {background-color: #fff; font-size: 10px; height:15px !important;}
input.pw {background-color: #fff; font-size: 10px; height:15px !important;}

#login_form label,input,select,textarea{
clear: both;
font-weight: bold;
float: left;
margin: 2px 0px 0px 5px;
}

#login_form input,select{
width: 130px;
height: 12px;
clear: both;
font-weight: normal;
font-size: 12px;
float: left;
}

#login_form input.login{
width: 50px;
height: 20px;
padding: 5px 0px 0px 0px;
}

#login_form a{
clear: both;
float: left;
color: #9C3;
padding: 5px 0px 0px 5px;
}

.small-txt a {
color:#000 !important; 
font-size:x-small; 
text-decoration:none; 
float:left;
}

.small-txt a:hover {
color:#000 !important; 
font-size:x-small; 
text-decoration:underline;
}

.small-text {
color:#000 !important; 
font-size:x-small; 
text-decoration:none; 
float:left; 
clear:both; 
font-weight:bold;
padding-left:5px;
text-align:left;
}

#checkbox  {
float:left;
width:12px;
margin-top:-2px;
}

#checkbox input {
float:left;
width:12px;
}

/******************* Main ********************/

#main_image{
background: url(../images/main_image.jpg) no-repeat 0px 0px;
float: left;
width: 300px;
height: 235px;
margin: 0px 0px 0px 0px;
padding: 10px 297px 0px 10px;
}

#main{
clear: none;
float: left;
font-size: 90%;
width: 565px;
height:100%;
margin:0;
padding: 10px 10px 0px 10px;
background: #FFF;
z-index: 15;
text-align:left;
}

.panel{
position: relative;
margin: 180px 0px 0px 0px;
background: #dcefbf;
border: 1px solid #99cc33;
width: 194px;
height: 220px;
}

#panel1{
clear: none;
float: left;
background: url(/images/panel1.jpg) no-repeat 0px 0px;
width: 196px;
}

#panel2{
clear: none;
float: left;
background: url(/images/panel2.jpg) no-repeat 0px 0px;
width: 196px;
margin: 0px 4px 0px 4px;
}

#panel3{
clear: none;
float: left;
background: url(/images/panel3.jpg) no-repeat 0px 0px;
width: 196px;
}

.form input{
height: 15px;
width: 200px;
}
.form input.google{
height: 46px;
width: 180px;
}

.form select{
height: 20px;
width: 200px;
}

.form textarea{
width: 200px;
}

#main .radio{
width: 20px;
}

#main label{
font-size: 90%;
}

#main input[type='submit'],input.submit{
margin: 10px 0px 0px 200px;
width: 100px;
height: 25px;
}

#footer_menu{
clear: both;
height: 20px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: center;
}

#footer{
clear: both;
width: 586px;
color: #666;
margin:0 auto;
padding: 0px 0px 3px 0px;
text-align: center;
font-size: 90%;
}

.cell{
	clear: none;
	float: left;
	font-weight: bold;
	color: #ff8a00;
	width: 125px;
}
.cell2{
	clear: none;
	float: left;
	font-weight: bold;
	color: #000;
	width: 127px;
}
.cella{
	clear: none;
	float: left;
	font-weight: bold;
	color: #ff8a00;
	width: 175px;
}
.cell2a{
	clear: none;
	float: left;
	font-weight: bold;
	color: #000;
	width: 175px;
}

.clear{
clear: both;
}

.clear2{
clear: both;
height: 15px;
}

/************* Basket ******************/

#basket{
	color: #74ac39;
	background: #000 url(../images/cart.gif) no-repeat 140px 0px;
	padding: 0px 0px 0px 0px;
}
#basket p{
	font-weight: bold;
	padding: 5px 0px 0px 5px;
	margin: 0px 0px 10px 0px;
}

.basketItem{
	margin: 3px 0px 2px 0px;
	padding: 0px 0px 5px 0px;
}

hr{
	border-color: #ff8a00;
	border-style: solid;
	border-width: 1px 0 0;
	margin: 5px 0px 5px 0px;
	clear: both;
	height: 0;
}
hr.dotted{
	border-color: #ff8a00;
	border-style: dotted;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

.basketTitle{
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	width: 100%;
	height: 20px;
	max-height: 25px;
	background-color: #ff8a00;
	padding: 5px 0px 0px 0px;
	
}
div.id{
	padding: 0px 0px 0px 5px;
	width: 25px;
	min-width: 25px;
	clear: both;
	float: left;
}
div.name{
	width: 230px;
	clear: none;
	float: left;
}
div.price{
	width: 100px;
	clear: none;
	padding: 0px 0px 0px 5px;
	float: left;
}
div.remove{
	width: 25px;
	clear: none;
	float: left;
}
div.quantity{
	width: 105px;
	clear: none;
	float: left;
}
div.quantity form{
	clear: none;
	float: left;
	width: 100px;
}
div.quantity input{
	width: 40px;
	height: 16px;
	float: left;
	clear: none;
}
div.optionTitle{
	background-color: #eee;
	margin: 0px 0px 0px 35px;
	width: 465px;
	clear: both;
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	color: #060;
}
div.optionName{
	background-color: #eee;
	width: 230px;
	clear: none;
	float: left;
}
div.optionPrice{
	background-color: #eee;
	width: 100px;
	padding: 0px 0px 0px 5px;
	clear: none;
	float: left;
}
div.total{
	width: 50px;
	margin: 0px 3px 0px 0px;
	clear: none;
	float: left;
	text-align: right;
}
div.option{
	margin: 0px 0px 0px 30px;
	width: 350px;
	clear: both;
	float: left
}


/* HomeStyles */


#box1 {
float:left;
width:183px;
}

#box2 {
float:left;
width:183px;
}

#box3 {
float:left;
width:183px;
}

#box1 img {margin-top:0px;}
#box2 img {margin-top:0px;}
#box1 h2 {margin-top:20px;}
#box2 h2 {margin-top:20px;}


.space {width:100px; display:block;} 

#portfolio  p{
	clear: none;
	width: 370px;
	float: right;
}
#portfolio  img{
	clear: both;
	float: left;
}