xhtml {
	height:100%;
	min-height:100%;
}
body{
	height:100%;
	margin: 10px 0 0 0;
	min-height:100%;
	padding:0px;
	width:100%;
	background:#fff url(/images/background.gif) repeat-x;
	text-align:center;
}

#mainContainer {
	border:0px;
	border-collapse:collapse;
	font-size: 100%;
	margin:0 auto;
	min-height:100%;
	padding:0px;
	position:relative;
	text-align:center;
	width:960px;
	background:url(/images/main_back.png) repeat-y;
	z-index: 0;
}

div{
	margin:0;
	padding:0px;
	text-align:left;
	vertical-align:middle;
}
.clear {
	border:medium none;
	border-collapse:collapse;
	clear:both;
	height:1px;
}
img {
	border:medium none;
}
#skip {
	border:medium none;
	display:none;
}
#header {
	height: 118px;
	width: 956px;
	float: left;
}
#headerLeft {
	float: left;
	height: 103px;
	margin: 10px 0 0 42px;
	padding: 0px;
}
#header_member{
	float:right;
	height:90px;
	margin: 0;
	padding: 0;
	width: 130px;
}

#headerRight {
	float:right;
	height: 105px;
	margin: 10px 0 0 0;
	padding:0px;
	text-align:right;
	width: 275px;
}


#menu{	
	clear:both;
	float:left;
	height:35px;
	margin: 0px 0px 0px 23px;
	padding: 5px 0px 2px 22px;
	width: 900px;
	background: url(/images/menu_back.jpg) no-repeat 0 0;
	z-index: 100;
	border:medium none;
	border-collapse:collapse;
}

/** Main Menu **/
#menu ul{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
#menu ul li {
	display: block;
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/** Drop down menu **/
#menu li ul{ display: none; margin: 0px; padding: 0px;}

#menu ul ul{
	position: absolute;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 15px 10px 5px 10px; 
	background-color: #fff;
	border: 1px solid #999999;
	color: #999;
	z-index: 10000;
	min-width: 100%;
}
#menu li:hover ul { 
	display: block; 
	position: absolute;
	margin: 36px 0px 0px 0px;
	z-index: 10000;
}
#menu li:hover li { 
	clear: both;
	background: transparent;
	z-index: 10000;
	
}
#menu li:hover a{ 
	z-index: 500;
}



/** Main Focus **/


#mainFocusSmall{
	clear:both;
	height: 235px;
	width: 914px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	z-index: -1;
	position: relative;
}

#mainFocusinnerpages{
	clear:both;
	height: 115px;
	width: 914px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	position: relative;
	z-index: -1;
}

#mainFocusinner {
	position: absolute;
	width: 650px;
	height: 200px;
	margin: 2px 0 0 15px;
	z-index: 100;
}

#mainFocusimage {
	width: 400px;
	height: 200px;
	position: absolute;
	left: 500px;
	z-index: 50;
}

#mainFocusouter {
	position: absolute;
	width: 914px;
	height: 226px;
	z-index: 150;
}

#home-graphics  {
	margin: 0 0 0 22px;
	width: 920px;
	padding: 0;
	height: 130px;
	float: left; 
	}
	
#home-graphics ul {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	}
	
#home-graphics  li {
	float: left;
	margin: 0 12px 0 0;
	width: 217px;
	height: 125px
	}
	
#home-graphics  img {
	border: none;
	}



#left {
	clear:both;
	display:block;
	float:left;
	height:100%;
	margin:0px;
	padding:5px 0 0;
	position:relative;
	text-align:center;
	width:220px;
}
#right {
	clear:none;
	display:block;
	float:right;
	margin: 5px 15px 0 0;
	min-height:300px;
	width:360px;
	padding:5px 0 0;
	position:relative;
	text-align:center;
}
#right_news { 
	width: 315px;
	height: 235px;
	padding: 35px 0 0 26px;
	text-align: left;
	background:#fff url(/images/right_feature.jpg) no-repeat 0px 0px;
	}

#right_event { 
	width: 312px;
	height: 120px;
	padding: 60px 0 0 40px;
	background:#fff url(/images/right_event.jpg) no-repeat 0px 0px;
	}
	
	
#right_training { 
	width: 315px;
	height: 235px;
	padding: 35px 0 0 26px;
	text-align: left;
	background:#fff url(/images/right_feature.jpg) no-repeat 0px 0px;
	}
	
	
#main, #main-loggedin {
	display:block;
	float:left;
	margin: 5px 0 30px 22px;
	min-height: 500px;
	width: 860px;
	padding: 40px 0 0 40px;
	position:relative;
	text-align:left;
	background:#fff url(/images/main_left_corner.jpg) no-repeat 0px 0px;
	z-index: -1;	
}

#mainHome{
	display:block;
	float:left;
	margin: 5px 0px 0px 22px;
	min-height: 500px;
	width: 505px;
	padding: 40px 0 0 40px;
	position:relative;
	text-align:left;
	background:#fff url(/images/main_left_corner.jpg) no-repeat 0px 0px;
	z-index: -1;
}

/** Footer **/

#siteMap {
	height: 555px;
	line-height: 4em;
    vertical-align: middle;
	margin: 0 0 0 25px;
}

#siteMap .one, #siteMap .two, #siteMap .three  {
	width: 225px;
	height: 350px;
	margin: 0 2px 0 0;
	background: #fff url(/images/footer_testing.jpg) no-repeat 0px 0px;
	float: left;
}

#siteMap .two {
	background: #fff url(/images/footer_training.jpg) no-repeat 0px 0px;
}
#siteMap .three {
	background: #fff url(/images/footer_technology.jpg) no-repeat 0px 0px;
}

#affiliate_logos {
	float: right;
	width: 215px;
	height: 200px;
	margin: 0 10px 0 0;
	padding: 10px 0 0 0;
}

#join_footer {
	float: right;
	width: 215px;
	height: 200px;
	margin: 0 30px 0 0;
	padding: 0 0 0 0;
}

#footer {
	clear:both;
	height: 120px;
	margin:0 auto;
	padding:5px 0 0;
	border: 0px;
	text-align:center;
	width:930px;
}
#footer_menu {
	height:20px;
	overflow:hidden;
	margin: 0px ;
	padding: 0px;
	border: 0px;
	text-align: center;
	font-size: 100%;
}
#built {
	border:medium none;
	clear:both;
	font-size:70%;
	height: 25px;
	margin:0 auto;
	padding:0px;
	text-align:right;
	width:930px;
}

/*** Leather Journal ***/

#leather-journal {
	width: 600px;
	margin: 0 0 0 50px;
}

#leather-journal img {
	float: left;
	margin: 0 40px 10px 0;
}

/*** News Page ***/

.news_full {
	text-align: left;
}

/*** Leather Updates ***/

#leather-update {
	float: left;
}

#leather-update-items {
	float: left;
	margin: 30px 0 0 50px;
}

#leather-update-items img {
	float: left;
	margin: 0 40px 10px 0;
}

/*** Contact Page ***/

#contactmap {
	float: right;
	width: 380px;
	height: 600px;
	margin: 0 0 0 10px;
	border: 1px solid #999999;
} 

/*** Articles ***/

.page {
	margin: 0 10px 0 0;
}

.more_article {
	margin: 5px 10px 0 0;
}

.add_reading_list {
	margin: 10px 10px 0 0;
}

.request_article {
	margin: 10px 10px 0 20px;
}

.delete_article {
	margin: 10px 10px 0 20px;
}

#articleResult ul {
	margin: 3px 0 0 3px;
}

.title_col {
	width: 115px;
}
.more-article {
	background: url("/images/delete.png") no-repeat;
}

.delete-article {
	background: url("/images/delete.png") no-repeat;	
}

/*** Courses ***/

#courses {
	width: 690px;
}

#courseImage {
	float: right;
	width: 190px;
}

#courses table {
	margin: 10px 0 0 0;
}
.course_date {height: 30px; width: 80px;}

.course_date, .course_ref, .course_price, .course_status, .membersprice_th {padding: 0 10px 0 0;}

.course_status {width: 150px;}

.course_price, .membersprice_th {width: 175px;}

.same_line_button {
	width:104px;
	overflow:hidden;
	float:right;
}

.bookitnow {float: right; margin: 0 15px 0 0;}

.agenda_pdf {float: left; margin: 10px 10px 0 0;}

/** Basket **/

#miniBasket{
	float: right;
	width: 120px;
	height: 20px;
	background: #d4faff;
	color: #13626e;
	text-align: right;
	padding: 3px 5px 0px 0px;
}

#basket{
	color: #70d5e6;
	background: #000 url(../images/cart.gif) no-repeat 140px 0px;
	padding: 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;
	height: 4em;
}

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

.basketTitle{
	font-size: 120%;
	font-weight: normal;
	color: #fff;
	width: 100%;
	height: 24px;
	max-height: 25px;
	background: url("/images/cart_grad.jpg") repeat-x;
	padding: 5px 0px 0px 0px;
	margin: 0 0 15px 0;
	text-align: center;	
}

th.total {
	text-align: right;
	padding: 0 15px 0 0;	
}

#displayBasket {
	border-collapse:collapse;
	margin: 10px 0 0 0;
}

td.id{
	margin: 0 0 0 10px;
	padding: 0px 0px 0px 5px;
	width: 25px;
	min-width: 30px;
}
td.name{
	width: 400px;
}

td.sub-tot {
	margin: 5px 0 0 0;
	height: 4em;
}

td.vat {
	margin: 5px 0 0 0;
	height: 4em;
}

td.price{
	padding: 0px 0px 0px 10px;
	width: 130px;
}

td.prod_total {
	padding: 0 10px 0 0px;
	text-align: right;
	}

td.quantity{
	width: 80px;
	padding: 0 0 0 30px;
}
td.quantity form{
	width: 70px;
}
td.quantity input{
	width: 25px;
	height: 16px;
	clear: none;
}
td.optionTitle{
	background-color: #eef9fb;
	margin: 0px 0px 0px 35px;
	width: 465px;
	clear: both;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	color: #060;
}
td.optionName{
	background-color: #eef9fb;
	width: 270px;
}
td.optionPrice{
	background-color: #eef9fb;
	width: 100px;
	padding: 0px 0px 0px 5px;
}

td.total{
	width: 130px;
	margin: 0px 3px 0px 0px;
	text-align: right;
	padding: 0 10px 0 0px
}
td.option{
	padding: 0px 0px 0px 30px;
	width: 350px;
}
td.remove{
	width: 60px;
	padding: 0 0 0 40px;
}

#emptybasket {
	margin: 20px 5px 0 0;
	float: right;
}

/* Forms */
.form input {
	clear:none;
	float:left;
	height:15px;
	width:300px;
}
.form textarea {
	clear:none;
	float:left;
	margin:0 0 10px;
	width:300px;
}
.form select {
	height:20px;
	width:305px;
}
label .required {
	color:#FF0000;
	
}
#main .radio {
	width:20px;
}
#main input[type="submit"], #main input.submit {
	height:25px;
	margin:10px 0 0 190px;
	width:120px;
}

#form_13 {
	width: 450px;
	margin: 30px 0 25px 0;
}

#form_13 input[type='submit'] {
	margin: 20px 0 0 225px;
}

#form_17 tbody {
	margin: 5px 0 0 0;
}

#form_7, #form_6 {
	width: 650px;
	margin: 40px 0 0 100px;
}

#form_6 tr {
	width: 600px;
}

#form_7 input[type='submit'] {
	margin: 20px 0 0 255px;
}

#hsbcConfirmForm {
	margin: 15px 0 0 25px;
	font-size: 100%;
}

.hsbcname {
	width: 150px;
}


#asearchForm input[type='submit'] {
	margin: 20px 0 0 20px;
}

#article-search {margin: 0 0 10px 5px;}


/* Search site form */

#headerRight form{
	margin: 10px 0 0 0;
	width: 270px;
	height: 45px;
}
#headerRight label,#headerRight input{
	clear: left;
	float: left;
	margin: 0px 10px 0px 0px;
	color: #595959;
	font-size: 90%;
}

#headerRight label{
	text-align: left;
}
#headerRight input{
	width: 150px;
	height: 16px;
	margin: 2px 0 0 0;
}

#headerRight input[type='submit'],#headerRight input.submit{
	clear: none;
	float: left;
	background: #767676;
	color: #fff;
	margin: 0 0 0 5px;
	width: 92px;
	height: 25px;
	padding: 0 0 2px 0;
}

/* Footer Login Area */


#footer form {
	margin: 16px 0 0 0;
}

#footer input {
	height: 16px;
	margin: 2px 0 0 6px;
}

#footer label {
	margin: 0 0 0 16px;
}
.login {
	height: 1em;
}

/* Footer Login Area */

#searchresults {
	width: 600px;
}