@charset "utf-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
	}
	
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	min-height:600px;
	}
	

/* ---------- General ---------- */


#page {
	margin:auto;
	width:940px;
	padding:0px 20px;
	display:block;
	background-color:#fff;
	position:relative;
	z-index:0;
	}
	
.clear {
	clear:both;
	display:block;
	height:1px;
	font-size:0px;	
	}
	

@font-face {
	font-family: 'wing';
	src: url('http://www.harrisontraining.co.uk/fonts/guifx_v2_transports-webfont.eot');
	src: local('☺'), url('http://www.harrisontraining.co.uk/fonts/guifx_v2_transports-webfont.woff') format('woff'), url('http://www.harrisontraining.co.uk/fonts/guifx_v2_transports-webfont.ttf') format('truetype'), url('http://www.harrisontraining.co.uk/fonts/guifx_v2_transports-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	
}
	
	
p {
	padding:0px;
	margin:0px 0px 20px 0px;
	font-size:12px;
	line-height:1.5em;
	color:#666666;
	}
	
h1 {
	color:#3E618E;
	font-size:19px;
	font-weight:bold;
	padding-bottom:15px;
	}
	
h2 {
	color:#AA58A9;
	font-weight:bold;
	font-size:17px;
	border-bottom:3px dotted #ccc;
	padding-bottom:10px;
	margin-bottom:20px;
	}
	
h3 {
	color:#47658D;
	font-weight:bold;
	font-size:15px;
	padding-bottom:10px;
	}
	
h4 {
	color:#47658D;
	font-weight:bold;
	font-size:13px;
	padding-bottom:7px;
	}
	
h5 {
	color:#000;
	font-weight:bold;
	font-size:12px;
	padding-bottom:2px;
	}				
	
img {
	padding:0px;
	margin:0px;
	}	

/* ---------- Header ---------- */

#header {
	height:150px;
	background:url(../images/headerBg.jpg) top no-repeat;
	position:relative;
	z-index:1;
	}
	
#header a.logo {
	position:absolute;
	top:20px;
	left:30px;
	}

#header p.number {
	position:absolute;
	top:30px;
	right:170px;
	color:#F7931D;
	font-size:16px;
	font-weight:bold;
	}
	
	#header p.contact {
	display:none;
	}
	

	
#header p.number a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
	}
	
#header p.number a:hover {
	text-decoration:underline;
	}
				

ul.navigation   {
	z-index:3000;
	display:block;
	position:absolute;
	bottom:0px;
	background:url(../images/mainNavBg.jpg) no-repeat;
	height:43px;
	width:925px;
	padding-right:15px;
	}

ul.navigation li  {
	display:inline;
	position:relative;
	list-style-type:none;
	float:right;
	background:url(../images/divider.jpg) left no-repeat;
	}
	
ul.navigation li a {
	display:inline;
	position:relative;
	display:block;
	width:110px;
	height:37px;
	padding:6px 6px 0px 6px;	
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	text-align:center;
	}
	
ul.navigation a.btnHome {
	background:url(../images/btnHome.jpg) no-repeat top;
	text-indent:-3000px;
	width:59px;
	height:43px;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	}
	
ul.navigation a.btnHome:hover {
	background:url(../images/btnHome.jpg) no-repeat bottom;
	}		
	
ul.navigation li a:hover, ul.navigation li a.over  {
	background:#F7931D url(../images/mainNavOver.jpg) repeat-x;
	}
	
#header .navigation li a.btnSingle, #header .navigation li .navProduct a {

	height:31px;
	padding:12px 7px 0px 7px;	
	}
	
#header .navigation li.first {
	background:none;	
	}		
	
#header .navigation li a:hover {
	background:#F7931D url(../images/mainNavOver.jpg) repeat-x;
	}			
	
ul.navigation li .courseDropDown {
	background:url(../images/dropdownBg.gif) bottom no-repeat;
	border-top:2px solid #A8BAD3;
	width:910px;
	text-align:left;
	padding:20px 0px 20px 17px;
	position:absolute;
	top:43px;
	left:-62px;
	display: none;
	margin:0px;
	}
	
ul.navigation li .datesDropdown, ul.navigation li .resourcesDropdown {
	background:url(../images/dropdownSingle.gif) bottom no-repeat;
	border-top:2px solid #A8BAD3;
	width:192px;
	text-align:left;
	padding:20px 0px 20px 10px;
	position:absolute;
	top:42px;
	left:0px;
	display: none;
	margin:0px;

	}	
	
ul.navigation li .courseDropDown ul, ul.navigation li .datesDropdown ul, ul.navigation li .datesDropdown ul .resourcesDropdown {
	display:block;
	width:284px;
	text-align:left;
	float:left;
	margin:0px 15px 0px 0px;


	}		


ul.navigation li .courseDropDown ul li, ul.navigation li .datesDropdown ul li, ul.navigation li .resourcesDropdown ul li  {
	padding:0px;
	float:left;
	text-align:left;
	position:relative;
	display:inline;

	background:none;
	}

ul.navigation li .courseDropDown ul li a {
	float:left;
	/*background:none;*/
	color:#406391;
	font-size:12px;
	height:18px;
	display:block;
	padding:3px 0px 0px 6px;
	text-align:left;
	width:278px;
	}
	
ul.navigation li .datesDropdown ul li a, ul.navigation li .resourcesDropdown ul li a  {
	float:left;
	/*background:none;*/
	color:#406391;
	font-size:12px;
	height:18px;
	display:block;
	padding:3px 0px 0px 6px;
	text-align:left;
	width:175px;
	}	
	
ul.navigation li .courseDropDown ul li a:hover, ul.navigation li .datesDropdown ul li a:hover, ul.navigation li .resourcesDropdown ul li a:hover  {
color:#FFFFFF;
	}
	
/* ---------- Search ---------- */

#search {
	width:940px;
	margin-top:10px;
	height:30px;
	background:url(../images/searchBg.gif) no-repeat right;
	text-align:right;
	position:relative;
	z-index:0;
	}
	
#search .searchField {
	position:absolute;
	right:30px;
	width:170px;
	height:19px;
	padding-top:2px;
	top:3px;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	color:#CCCCCC;
	border:1px solid #fff;
	}
	
#search .btnSearch {
	background:url(../images/btnSearch.gif) no-repeat;
	width:22px;
	height:22px;
	border:none;
	cursor:pointer;
	position:absolute;
	top:4px;
	right:4px;
	}	
		
	

/* ---------- Breadcrumb ---------- */

#breadcrumb {
	float:right;
	width:690px;
	margin-top:10px;
	color:#406391;
	}
	
#breadcrumb a {
	text-decoration:none;
	color:#406391;
	}	

#breadcrumb a:hover {
	text-decoration:underline;
	}		
	

	

/* ---------- Main ---------- */

#main {
	float:right;
	width:690px;
	margin-top:15px;
	}
	
#main ul {
	margin:10px 0px 0px 0px;
	padding-bottom:20px;
	}

#main ul li {
	margin-bottom:8px;
	color:#444;
	font-weight:normal;
	background:url(../images/dot.jpg) no-repeat left top;
	padding-left:17px;
	list-style-type:none;
	line-height:1.5em;
	}
	
#main ul li a {
	text-decoration:none;
	color:#527AB0;
	font-size:13px;
	font-weight:bold;
	margin-left:10px;
	margin-top:3px;
	}	

#main ul li a:hover, #main ul.links li a:hover {
	text-decoration:underline;
	}
	
#main ol {
	padding:0px 0px 20px 0px;
}

	
#main ol li {
	margin:0px 0px 15px 25px;
	font-size:12px;
	line-height:1.5em;
	color:#666666;
	padding:0px;
	}
	
#main ol li ul li {
	padding:0px 0px 0px 17px;
	margin:0px 0px 8px 0px;
	}	
		
#main ul.links li {
	list-style-type:none;
	margin-bottom:8px;
	color:#F7931D;
	background:none;
	}
	
#main ul.links li a {
	text-decoration:none;
	color:#527AB0;
	font-size:13px;
	font-weight:bold;
	margin-left:10px;
	margin-top:3px;
	}	

li h5 {
	padding-top:10px;
	}		
	
/* ---------- Left ---------- */



#left {
	padding:0px 0px 0px 0px;
	margin:-15px 0px 0px 0px;
	width:230px;
	float:left;
	}


	
#leftNav {
	border-bottom:1px solid #ccc;
	width:230px;
	height:121px;
	padding:0px;
	margin:0px 0px 30px 0px;
	}
	
#leftNav li {
	list-style-type:none;
	float:left;
	margin:0px;
	padding:0px;
	height:60px;
	display:block;
	cursor:pointer;
	}
	
#leftNav li a {
	display:block;
	height:59px;
	width:170px;
	text-decoration:none;
	border-top:1px solid #ccc;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 60px;
	cursor:pointer;
	background:url(../images/btnAbout.jpg) top no-repeat;
	}

#leftNav li a.btnAbout {
	background:url(../images/btnAbout.jpg) top no-repeat;
	}
		
#leftNav li a.btnAbout:hover {
	background:url(../images/btnAbout.jpg) bottom no-repeat;
	}
	
#leftNav li a.btnLogin {
	background:url(../images/btnLogin.jpg) top no-repeat;
	}			
	
#leftNav li a.btnLogin:hover {
	background:url(../images/btnLogin.jpg) bottom no-repeat;
	}
	
#leftNav li a.btnCPD {
	border-bottom:1px solid #ccc;
	background:url(../images/btnCPD.jpg) top no-repeat;
	}			
	
#leftNav li a.btnCPD:hover {
	background:url(../images/btnCPD.jpg) bottom no-repeat;
	}		
	
#leftNav li a img {
	float:left;
	margin:17px;
	}	
	
#leftNav li a h1 {
	font-size:15px;
	color:#666666;
	float:left;
	width:150px;
	margin-top:15px;
	padding:0px;
	}
		
			
#leftNav li a h2 {
	font-size:10px;
	color:#999;
	float:left;
	width:165px;
	border:none;
	padding:0px;
	margin:0px;
	}
			
#leftColumn {
	clear:both;
	background:#F7931D url(../images/leftColumnTop.gif) no-repeat;
	padding:10px 10px 30px 10px;
	margin:20px 0px 0px 0px;
	}
	
#leftColumn h2 {
	color:#804A09;
	border:none;
	padding:0px 0px 15px 0px;
	margin:0px;

}	
	
#leftColumn #testimonial {
	background:url(../images/testimonialBg.gif) no-repeat top;
	height:186px;
	padding:0px 0px 15px 0px;
	margin:0px 0px 8px 0px;
	border-bottom:2px dotted #fff;
	position:relative;
	}

#leftColumn #testimonial h1 {
	color:#FFFFFF;
	}
	
#leftColumn #testimonial p {
	font-size:12px;
	font-style:italic;
	color:#FFFFFF;
	width:135px;
	height:70px;
	padding:27px 0px 0px 0px;
	margin:0px 0px 0px 40px;
	}
	
#leftColumn #testimonial .more {
	position:absolute;
	right:0px;
	bottom:15px;
	color:#FFFFFF;
	}
	
#leftColumn #testimonial .more a {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	}			
	
#leftColumn ul.social {
	padding:0px 0px 25px 0px;
	margin:0px 0px 15px 0px;
	border-bottom:2px dotted #fff;
	}
	
#leftColumn ul.social li {
	display:inline;
	margin-right:10px;
	}
	
#leftColumn ul.social li img {
	margin-right:5px;
	position:relative;
	top:10px;
	}	
	
#leftColumn ul.social li a {
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	}
	
#leftColumn .work, #leftColumn .hotty {
	padding:0px 0px 20px 0px;
	margin:0px 0px 15px 0px;
	border-bottom:2px dotted #fff;
	}
	
#leftColumn .hotty ul {
	padding:0px 0px;
	background-color:#FAB86A;
	}
		
#leftColumn .hotty ul li  {
	list-style-type:none;
	padding:0px;
	margin:0px;
	border-bottom:2px solid orange;
	}	
	
#leftColumn .hotty ul li a {
	text-decoration:none;
	display:block;	
	padding:10px 7px 24px 7px;
	background:#FAB86A url(../images/btnReadMore.gif) bottom right no-repeat;
	width:196px;
	color:#804A09;
	}

#leftColumn  {
	margin-bottom:20px;
	}	
	
#leftColumn .hotty ul li a:hover {

	background-color:#E1E8F0;
	color:#666666;
	}							

#leftColumn .work h1, #leftColumn .hotty h1 {
	font-size:22px;
	color:#FFFFFF;
	margin-bottom:5px;
	}
	
#leftColumn .work p, #leftColumn .hotty p {
	color:#fff;
	}
	
#leftColumn p#address {
	color:#fff;
	font-size:14px;
	}
	
	
/* ----------- index -----------*/	


#main .htMain a {
	color:#D98200;
	font-weight:bold;
	font-size:12px;
	}
	
.work ul {
	padding-left:16px;
	}	
	
.work ul li  {
	text-decoration:none;
	color:#fff;
	background:none;
	padding-bottom:4px;
	}

.work ul li a {
	color:#FFFFFF;
	}
	
.work ul li a:hover {
	color:#FFFFFF;
	}		

#hotTopicLinks {
	margin:0px 20px 20px 0px;
	float:left;
	width:288px;
	display:block;
	padding:0px;
	}

#hotTopicsInner {
	width:258px;
	margin:0px;
	padding:15px;
	background:url(../images/hotTopicsBg.gif) top no-repeat;
	}
	
#hotTopicsInner ul li {
	padding:0px;
	font-size:11px;
	}		
	
#hotTopicLinks h2 {
	border:none;
	}
	
#hotTopics  {
	color:#666666;
	}	
	

#hotTopics a {
	color:#47658D;
	font-weight:bold;
	font-size:15px;
	padding-bottom:10px;
	}
	
/* ----------- Login -----------*/	

#downloadLoginBox {
	padding:20px 20px 30px 20px;
	background-color:#F0F4F8;
	width:390px;

	}
	
#downloadLoginBox .bg {
	border:1px solid #C0D1E2;
	width:175px;
	height:21px;
	margin:5px 0px 12px 0px;
	padding:4px 0px 0px 5px;
	}
	
#downloadLoginBox h3 {
	font-size:16px;
	}

#downloadLoginBox label {
	font-weight:bold;
	}
	
#downloadLoginBox .submit {
	background-color:#F7931D;
	height:21px;
	width:69px;
	border:none;
	color:#fff;
	cursor:pointer;
	}
	
#downloadRegister {
	padding:20px;
	background-color:#efefef;
	width:390px;
	}		
				
#downloadRegister label {
	font-weight:bold;
	}
	
#downloadRegister .bg {
	border:1px solid #ccc;
	width:175px;
	height:21px;
	margin:5px 0px 12px 0px;
	padding:4px 0px 0px 5px;
	}
	
#downloadRegister .rd {
	margin:0px 10px 0px 0px;
	}
	
#downloadRegister .submit {
	background-color:#336699;
	height:21px;
	width:69px;
	border:none;
	color:#fff;
	cursor:pointer;
	}
	
/* ---------- Training Course List ------*/

#trainingCourseList {

	}
	
#trainingCourseList a {
	color:#666;
	text-decoration:none;
	float:left;
	clear:left;
	margin-bottom:6px;
	}
	
#trainingCourseList a:hover {
	text-decoration:underline;
	}				
		
			
/* ----------- Courses -----------*/


table#scheduledTable {
background:url(../images/courseBg.gif) no-repeat top;

}

tr td.courseHeader {
color:#FFFFFF;
}

tr td.courseName {

	color:#3B5B86;
	font-size:12px;
	font-weight:bold;
	padding:40px 0px 5px 0px;
	}

tr td.courseDetail {
	background-color:#F0F4F8;
	border:1px solid #F0F4F8;
	}	
	
	
/* ---------- Associates Login ------*/

#loginBox {
	background-color:#F0F4F8;
	width:230px;
	height:190px;
	float:right;
	padding:15px;
	margin:0px 0px 20px 30px;
	}
	
#loginBox h3 {
	font-size:16px;
	}

#loginBox label {
	font-weight:bold;
	}	
	
#loginBox #username, #loginBox #password {
	border:1px solid #C0D1E2;
		-moz-border-radius: 4px;
	border-radius: 4px;
	width:175px;
	height:21px;
	margin:5px 0px 12px 0px;
	padding:4px 0px 0px 5px;
	}
	
#loginBox .submit {
	background-color:#F7931D;
	height:21px;
	width:69px;
	border:none;
	color:#fff;
	cursor:pointer;
	}
	
/* ---------- Contact ------*/												
		

#contactBox {
	float:right;
	position:relative;
	background-color:#F0F4F8;
	width:385px;
	padding:20px 15px 15px 19px;
	margin:0px 0px 20px 30px;
	}
	
#contactBox table tr td {
	padding:0px 4px;
	}	

#contactBox label {
	font-weight:bold;
	}	
	
#contactBox .bg {
	border:1px solid #C0D1E2;
	width:170px;
	height:21px;
	margin:5px 0px 15px 0px;
	padding:4px 0px 0px 5px;
	}
	
#contactBox .submit {
	background-color:#F7931D;
	height:21px;
	width:69px;
	border:none;
	color:#fff;
	cursor:pointer;
	}		

#courseList {
	padding:30px 0px;
	}
	
/* -----------Copps-----------*/

#copps {
	width:48%;
	float:left;
	}
	
#copps2 {
	width:48%;
	float:right;
	}	

#copps h1, #copps2 h1 {
	font-size:14px;
	font-weight:normal;
	border-bottom:1px solid #A2BFCA;
	margin-top:20px;
	margin-bottom:8px;
}

#copps p, #copps2 p {
	padding-left:14px;
	}

#copps ul, #copps2 ul {
	margin-left:30px;
	}
	
	#copps2 .ulWide ul {
	margin-left:60px;
	}

#coppsHeader {
	background:#9AB5CF;
	height:100px;
	margin:0 0 14px 0px;
	color:#FFF;
	padding:14px;
	}

#coppsHeader h3 {
	margin-top:14px;
	font-weight:normal;
	color:#fff;
	}

#coppsPrintTitle {
	display:none;
	visibility:hidden;
	}
	
.yesPrint 
{
    display:none;
}
	
/* ---------- CPD ---------- */
	

.formSent {
	background-color:#F0F3F8;
	padding:20px 10px;
	text-align:center;
	border:1px solid #B1C0D7;
	color:#476999;
	}

.registerLeft, .registerRight {
	width:330px;
	}
	
	
	
.registerLeft label, .registerRight label {
	font-weight:bold;
	line-height:2em;
	}

.registerLeft .registerField, .registerRight .registerField {
	border:2px solid #ccc;
	width:256px;
	padding:5px 0px 0px 10px;
	height:25px;
	margin-bottom:15px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#999999;
	font-weight:bold;
	font-size:15px;
	}
	
input[type="text"]:focus {
    background-color:#ECEFF4;
	border:2px solid #9EADC7;
    }
	
.registerLeft .registerTitle {
	width:100px;
	}
	
.registerRight .registerDob {
	width:110px;
	}
	
.registerRight {
	float:right;
	}	
	
.registerLeft {
	float:left;
	}
	
.registerSubmit {
	background-color:#F7931D;
	border:1px solid #F7931D;
	color:#FFFFFF;
	width:80px;
	height:30px;
	margin:20px 0px 40px 0px;
	}		

/* ---------- Footer ---------- */

#footer {
	clear:both;
	height:40px;
	border-top:1px solid #ccc;
	display:block;
	font-weight:bold;
	margin:30px 0px 0px 0px;
	padding-top:15px;
	}

#footer .credit {
	float:right;
	color:#666;

	}

#footer .credit a {
	text-decoration:none;
	color:#666666;
	}

#footer .credit a:hover {
	text-decoration:underline;
	}

#footer .copyright {
	float:left;
	color:#666;

	}

#footer .sitemap {
	width:400px;
	float:left;

	}

#footer .sitemap li {
	list-style-type:none;
	display:inline;
	margin:0px 10px;
	}

#footer .sitemap li a {
	text-decoration:none;
	color:#F7931D;
	font-weight:bold;
	}