body{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	background:url(../images/main-bg-slice.jpg) top left repeat-x;
	line-height:1.4em;
}

body p{
	margin-bottom:6px;
}

body a{
	color:#C00;
}

#wrapper{
	width:940px;
	margin:0 auto;
}
#header{
	height:272px;
	width:940px;
	position:absolute;
	background:url(../images/hot4training-header.jpg) top left no-repeat;
}

#homelogo{
	 width:250px;
	 height:200px;
	 float:left;
	 position:absolute;
	 top:0;
	 text-indent:-9999px;
}

#searchbox{
	width:232px;
	background:url(../images/searchbox.jpg) top left no-repeat;
	padding:13px 10px 10px 16px;
}
#searchbox label{
	display:none;	
}
#searchbox input{
	border:none;
	background:none;
	font-size:1em;
}
#searchbox input.searchfield{
	margin-top:2px;
}
#searchbox input.searchbutton{
	float:right;
	margin-right:20px;
	width:50px;
	height:25px;
	display:block;
	cursor:pointer;
	cursor:hand;
	text-indent:-9999px;
}

/* @group tabbed nav menu */

#menu{
	margin:230px 0 0 0;
	padding:0 0 0 20px;
	position:relative;
	bottom:0;
}

#menu li{
	float:left;
	width:auto;
	list-style:none;
	padding:0;
	background:url(../images/offtab-cap.png) top left no-repeat;
	font-size:1.5em;
	margin:0 2px 0 0;
}
#menu li a{
	margin:0 0 0 7px;
	padding:8px 16px 5px 8px;
	color:#fff;
	background:url(../images/offtab.png) top right no-repeat;
	display:block;
	text-decoration:none;
}

#menu li.selected{
	background:url(../images/ontab-cap.png) top left no-repeat;
}

#menu li.selected a{
	margin:0 0 0 7px;
	padding:8px 16px 5px 8px;
	color:#900;
	background:url(../images/ontab.png) top right no-repeat;
	text-decoration:none;
	display:block;
}
#menu li.a:hover{
	color:#FC0;
}

/* @end */

#headerextraspanel{
	width:232px;
	float:right;
	position:relative;
	right:0;
	background:url(../images/quotes.jpg) 0 60px  no-repeat;
}

#headercontactinfo{
	width:232px;
	height:62px;
	margin-top:0px;
	*margin-top:-20px;
	_margin-top:-20px;
	background:url(../images/hp-contactinfo.jpg) bottom left;
	position:relative;
	bottom:-10px;
	text-indent:-9999px;
}


#testimonialquote{
	widtyh:212px;
	height:50px;
	font-size:1.2em;
	margin:20px 0 0 0;
	padding:10px 20px 20px 20px;
	text-align:center;
	line-height:1.2em;
	overflow:hidden;
}

#testimonialquote blockquote{
	margin:0;
	padding:0;
	color:#C00;
	font-size:1.2em;
	line-height:1.2em;
}

#testimonialquote p{
	margin:5px 0 0 0;
	padding:0;
	font-size:0.7em;
	line-height:1.2em;
}

#testimonialquote ul, #testimonialquote li{padding:0; margin:0; list-style:none;}
#testimonialquote, #testimonialquote li{padding:0; margin:0;}
#testimonialquote{width:200px;height:100px; margin:30px 10px 10px 10px;}
#testimonialquote li{width:200px; height:100px; overflow:hidden; font-size:1.1em;}
#testimonialquote li a{
	text-decoration:none;
}

#testimonialpage{
	background:none;	
}

#testimonialpage li{
	background:none;
	padding:0;
	margin:0 0 25px 0;
}

#testimonialpage li blockquote{
	padding:10px;
	background-color:#eee;
}

#testimonialpage li p.author{
	font-weight:bold;
	background:url(../images/speechtip.gif) no-repeat 10px 0 ;
	padding-top:5px;
	padding-left:30px;
}

#container{
	margin-top:280px 0 0 0;
	width:100%;
}
#containerinner{
	width:681px;
	float:left;
	padding:0;
	margin:280px 0 0 20px;
	_margin-left:0;
}

#mainextras{
	width:231px;
	float:right;
	padding:0;
	margin:280px 0 0 0;
}

.midbox{
	background:url(../images/box-mid-main-repeat.gif) bottom left repeat-y;
	clear:both;
	overflow:hidden;
}
.midboxinner{
	background:url(../images/mid-box-top.jpg) top left no-repeat;
	padding:10px 20px 20px 20px;
}
.midboxinner p{
	background:none;	
}

.midboxinner table tr td{
	vertical-align:top;
	padding:10px;
}

.midboxinner ul {
	margin:5px 0 0 0;
}
.midboxinner ul li{
	background:url(../images/bullet.gif) 2px 4px no-repeat;	
	padding:0 0 0 15px;
	margin:0 0 5px 0;
}

/* @group headers */
h2.corplearning{
	background:url(../images/corporate-learning.png) top left no-repeat;
	height:47px;
	width:208px;
	position:relative;
	top:-10px;
	text-indent:-9999px;
}

h2.monthscourses{
	background:url(../images/this-months-courses.png) top left no-repeat;
	height:38px;
	width:210px;
	text-indent:-9999px;	
}

h2.signup{
	background:url(../images/sign-up-newsletter.png) top left no-repeat;
	height:48px;
	width:210px;
	text-indent:-9999px;	
}

.midboxinner h2{
	margin-top:10px;
	font-size:2em;
	margin-bottom:5px;
}

#usefullinks h2{
	font-size:1.6em;
	margin:10px 0 10px 0;
}

#wherearewe h2{
	font-size:1.6em;
	margin:10px 0 10px 0;
}

/* @end */


#dateslist{
	border:1px solid #ddd;
	padding:10px;
	margin:10px 0 10px 0;
	width:205px;
	float:right;
	background-color:#fff;
}

#dateslist h2{
	font-size:1.7em;
	margin:0;
	color:#333;
}

#dateslist ul li{
	padding:3px 0 10px 0;
	border-bottom:1px solid #ddd;
	background:none;
}

#dateslist ul li:last-child{
	border:none;
}

#dateslist ul li.current{

}

#hpbanners{
	margin:10px 0 0 0;
	padding:0;
}

#hpbanners li{
	list-style:none;
	float:left;
	margin:0 1px 10px 1px;
	_margin:0;
}
#hpbanners li a{
	width:225px;
	height:170px;
	display:block;
	text-indent:-9999px;
}

#hpbanners #banner1{
	background-position:top left;
	background-repeat:no-repeat;
}
#hpbanners #banner2{
	background-position:top left;
	background-repeat:no-repeat;
}
#hpbanners #banner3{
	background-position:top left;
	background-repeat:no-repeat;
}

#courselist{
	margin:10px 0 0 10px;
}
#courselist li{
	margin:0 0 5px 0;
}

#hotbookbutton{
	width:228px;
	height:70px;
	display:block;
	background:url(../images/book-red-button.png) top left no-repeat;
	text-indent:-9999px;
}

#browsebutton{
	width:228px;
	height:70px;
	display:block;
	background:url(../images/browse-courses-button.png) top left no-repeat;
	text-indent:-9999px;
}

#hpsignupform{
	padding:10px 10px 10px 10px;
}
#hpsignupform input{
	border:none;
	background:url(../images/textfield.gif) top left no-repeat;
	height:24px;
	width:200px;
	padding:2px 20px 2px 5px;
}
#hpsignupform input.signupbutton{
	background:url(../images/signup-button.png) top left no-repeat;
	text-indent:-9999px;
	height:40px;
	width:69px;
	display:block;
	margin:5px 0 0 0;
	cursor:pointer;
	cursor:hand;
}

#usefullinks{
	margin:8px 0 8px 0;
	padding:0 0 0 20px;
	width:420px;
	border-right:1px solid #ddd;
	overflow:hidden;
}

#usefullinks ul{
	margin:0;
}

#usefullinks ul li{
	width:135px;
	float:left;
	margin:0 0 8px 4px;
}

#usefullinks ul li a{
	color:#333;
}

#wherearewe{
	margin:10px 0 10px 0;
	width:220px;
	float:right;
}

#wherearewe .mapicon{
	margin:0 10px 10px 0;
}

div.line{
	border-bottom:1px solid #ddd;
	margin:10px 0 10px 0;
	clear:both;
}

.hot4list{
	margin:10px 10px 20px 20px;
	width:40%;
	float:right;
}
.hot4list ul li{
	background:url(../images/bullet.gif) 5px 6px no-repeat;
	padding:0 0 0 20px;
}

.primaryprice{
	color:#C00;
	font-size:1.6em;
	margin:5px 0 5px 0;
}

.secondaryprice{
	color:#F60;
	font-size:1.6em;
	margin:5px 0 5px 0;
}

/* @group hot4form */
.hot4form{
	padding:10px 0 10px 0;
}
.hot4form fieldset{
	margin:0 0 10px 0;
}
.hot4form label{
	font-weight:bold;
	vertical-align:top;
	margin:0 10px 0 0;
}
.hot4form input, .hot4form textarea{
	font-family:Tahoma, Geneva, sans-serif;
	width:200px;
	font-size:1.2em;
}
.hot4form textarea{
 	height:70px;
}
.hot4form input.submitbutton{
	background:url(../images/submit-button.png) top left no-repeat;
	text-indent:-9999px;
	height:40px;
	width:69px;
	display:block;
	margin:5px 0 0 70px;
	cursor:pointer;
	cursor:hand;
	border:none;
}

.compulsaryfield{
	background:url(../images/starblock.gif) 207px -5px no-repeat;
	border:1px inset #ddd;
	padding:2px 20px 2px 2px;
	
}
p.compulsarystar{
	padding-left:15px;
	margin-left:70px;
	background:url(../images/star.gif) 2px 5px no-repeat;
}
/* @end */

#calendarlist{
	margin:20px 0 0 0;	
	border-top:1px solid #ddd;
}

#calendarlist li{
	padding:0 0 10px 0;
	border-bottom:1px solid #ddd;
	margin:10px 0 5px 0;
	background:none;
}
#calendarlist li p{
	width:65%;
}

#calendarlist li h3{
	color:#900;
}

#calendarlist li a.moreinfo, #calendarlist li a.regnow{
	width:100px;
	float:right;
	padding:10px;
	text-align:center;
}

#calendarlist li a.regnow{
	border-left:1px solid #ddd;
}

#calendarlist li a.comingsoon{
	background:url(../images/coming-soon-courses.gif) 20px 7px no-repeat;
	width:127px;
	height:45px;
	display:block;
	padding:0;
	text-indent:-9999px;
	margin-bottom:5px;
}

#calendarviewbutton{
	width:156px;
	height:50px;
	display:block;
	float:right;
	background:url(../images/calendar-view-button.png) top left no-repeat;
	text-indent:-9999px;
cursor:pointer;	
_cursor:hand;
margin-right:5px;
}

#calendarviewbutton.selected, #calendarviewbutton:hover{
	background:url(../images/calendar-view-button-on.png) top left no-repeat;
}

#listviewbutton{
	width:165px;
	height:50px;
	display:block;
	float:right;
	background:url(../images/list-view-button.png) top left no-repeat;
	text-indent:-9999px;
cursor:pointer;	
_cursor:hand;
}
#listviewbutton.selected, #listviewbutton:hover{
	background:url(../images/list-view-button-on.png) top left no-repeat;
}

#calendartable tr td{
	border:1px solid #ddd;
	padding:5px;
	width:10%;
	height:70px;
}

#calendartable ul, #calendartable ul li{
	margin:0;
	padding:0;
	background:none;
}

#calendartable tr:first-child{
	background-color:#eee;
	height:20px;
}

#calendartable tr:first-child td{
	background-color:#eee;
	height:20px;
}

#calendartable.days{
	background-color:#ccc;
	height:20px !important;
}

#calendartable.days td, #calendartable.days td a:link{
	font-weight:bold;
	height:20px !important;
}


#calendartable tr td.ddtd:hover{
	background-color:#eee;
	color:#600;
}

#calendartable tr td.ddtd a:hover{
	color:#F30;
}

#calendartable tr td.current{
	font-weight:bold;
	background:url(../images/current-date.jpg) top left no-repeat;
}

#calprev{
	background:url(../images/calendar-monthbar-left.gif) top left no-repeat;
	height:25px;
	width:120px;
	padding:0 0 0 13px;
	display:block;
	float:left;
}

#calnext{
	background:url(../images/calendar-monthbar-right.gif) top right no-repeat;
	height:25px;
	width:120px;
	padding:0 13px 0 0;
	display:block;
	float:right;
}

#calnav{
	margin:20px 0 10px 0;
	padding-top:10px;
	height:28px;
	overflow:hidden;
	text-align:center;
	border-top:1px solid #ddd;
}

#calnav a{
	text-decoration:none;
	color:#333;
	font-size:1.3em;
	vertical-align:bottom;
}

#calnav #calprev span{
	padding: 6px 10px 6px 0;
	background:url(../images/calendar-monthbarcap-left.gif) top right no-repeat;
	float:right;
}

#calnav #calnext span{
	padding: 6px 10px 6px 10px;
	height:100px;
	background:url(../images/calendar-monthbarcap-right.gif) top left no-repeat;
	float:left;
}

/* holding page */
#headercontactinfoholding{
	width:232px;
	height:62px;
	margin-top:30px;
	*margin-top:25px;
	_margin-top:25px;
	background:url(../images/hp-contactinfo.jpg) bottom left;
	position:relative;
	bottom:-10px;
	*bottom:-10px;
	text-indent:-9999px;
}
/* end */


/* png fix */
img, div { 
	behavior: url(/iepngfix.htc);
}
/* @end */

/* @group booking form */
#regform{
	margin:15px 0 10px 0;
}

#regform tr td{
	padding:3px 2px 3px 2px;
}

#regform input, textarea{
	padding:3px;
	width:70%;
}

#regform #registerbutton{
	width:auto;
}

#error{
	border:2px solid #F93;
	background-color:#FFC;
	padding:15px;
}

#error li{
	background:none;
	padding:0;
}
/* @end */