/* default tag settings */
body {
	background-color:#FFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
	text-align:justify;
	color:#000;
}
iframe{
	border:none;
}
a, a:visited, a:hover {
	color:#E40178;
}
a, a:visited, a:hover {
	text-decoration:underline;
}
h1, h2, h3, h4, form {
	margin:0;
	padding:0;
}
.nav ul, .nav li, .footer-nav ul, .footer-nav li, .workskills-options ul, .workskills-options li{
	margin:0;
	padding:0;
}
h1, h2, h3, h4{
	color:#E40178;
	font-size:18px;
}
strong{
	color:#E40178;
}
table{
	text-align:left;
}
/* page outline elements */
.main-container{
	width:940px;
	margin-top:20px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;

}
.nav{
	width:860px;
	height:23px;
	padding-top:8px;
	float:left;
	color: #404042;
	padding-left:3px;
	font-size:14px;
}

.main-image, .main-page{
	margin-top:20px;
	width: 860px;
	float:left;
	margin-left:3px;
}
.main-workskills, .main-business, .main-ulive, .main-workskillsb, .main-businessb, .main-uliveb{
	float:left;
	width:300px;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
}
.main-business, .main-ulive, .main-businessb, .main-uliveb{
	margin-left:20px;
}
.main-ulive, .main-uliveb{
	width:220px;
}
.main-page{
	float:left;
	width:615px;
	background-color:#FFF;
	padding-left:5px;
}
.right-options{
	margin-top:20px;
	float:left;
	width:220px;
	margin-left:20px;
}

/* nav */
.nav a{
	color:#404042;
	background:url(../images/nav_bubble.gif) no-repeat;
	width:100px;
	height:30px;
	display:block;
	float:left;
	font-size:13px;
	text-decoration:none;
	padding-top:6px;
}
.nav a.last{
	background:url(../images/nav_bubble_big.gif) no-repeat;
	width:110px;
}

.nav a:hover {
	color:#FFF;
}

.nav span{
	height:25px;
	width:100px;
}
.nav ul{
}
.nav li{
	list-style: none;
	display:inline;
}
.menu2{
	margin-left:20px;
}
.home_nav {padding-left:30px;}
.a-z_nav {padding-left:12px;}
.testimonials_nav {padding-left:12px;}
.b2b_nav {padding-left:35px;}
.has_nav {padding-left:8px;}
.hot-topics_nav {padding-left:18px;}
.about_nav {padding-left:25px;}
.contact_nav {padding-left:30px;}

/* logo */
.top-logo{
	margin:0px;
	padding:0px;
	float:left;
}

h1.logo{
	background-image:url(../images/ulearn-logo-top.jpg);
	background-repeat:no-repeat;
	width:600px;
	height:104px;
}
h1.logo a{
    display: block;
    cursor: pointer;
	width:600px;
	height:70px;
}

h1.logo span{
	display:none;
}
.follow-us{
	margin:0px;
	padding:0px;
	float:left;
}
.facebook_follow, .twitter_follow{
	margin-top:15px;
}
/* contact us */
.contact-us{
	margin:0px;
	padding:0px;
	float:left;
}
p.contact{
	background-image:url(../images/ulearn-contact-us_2.jpg);
	background-repeat:no-repeat;
	width:340px;
	height:104px;
	margin:0 0 0 15px;
	padding:0px;
	background-position:right;
	width:200px;
}

p.contact span{
	display:none;
}
p.contact a{
    display: block;
    cursor: pointer;
	width:200px;
	height:104px;
}

/* left logo*/
.bottom-logo{
	margin:0px;
	padding:0px;
	float:left;
}
p.left-logo{
	background-image:url(../images/ulearn-logo-bottom_2.jpg);
	background-repeat:no-repeat;
	width:77px;
	height:800px;
	margin:0px;
	padding:0px;
	float:left;
}
p.left-logo span{
	display:none;
}
p.left-logo-short{
	background-image:url(../images/ulearn-logo-bottom.jpg);
	background-repeat:no-repeat;
	width:77px;
	height:458px;
	margin:0px;
	padding:0px;
	float:left;
}
p.left-logo-short span{
	display:none;
}
main-b2b_banner{
display:block;
}


/* middle gfx */
h2.workskills, h2.business, h2.ulive-login, h2.workskillsb, h2.businessb, h2.ulive-loginb{
	background-repeat:no-repeat;
	width:300px;
	height:292px;
	margin:0px;
	padding:0px;
}
h2.workskills a, h2.business a, h2.ulive-login a, h2.workskillsb a, h2.businessb a, h2.ulive-loginb a{
    display: block;
    cursor: pointer;
	width:300px;
	height:292px;
}

h2.ulive-login a, h2.ulive-loginb a{
	width:220px;
}

h2.workskills span, h2.business span, h2.ulive-login span, h2.b2b_banner span, h2.b2b_bannerb span, h2.b2b_bannerc span, h2.b2b_bannerd span, h2.workskillsb span, h2.businessb span,  h2.ulive-loginb span{
	display:none;
}

h2.workskills{
	background-image:url(../images/workskills_2.jpg);
}
h2.workskillsb{
	background-image:url(../images/workskills_2b.jpg);
}

h2.business{
	background-image:url(../images/business.jpg);
}
h2.businessb{
	background-image:url(../images/businessb.jpg);
}

h2.ulive-login{
	background-image:url(../images/ulive.jpg);
	width:220px;
}
h2.ulive-loginb{
	background-image:url(../images/uliveb.jpg);
	width:220px;
}
h2.b2b_banner{
	background-image:url(../images/b2b_banner.jpg);
	width:860px;
	height:292px;
	margin:0px;
	padding:0px;
	z-index: 1;
}
h2.b2b_bannerb{
	background-image:url(../images/b2b_bannerb.jpg);
	width:860px;
	height:292px;
	margin:0px;
	padding:0px;
	z-index: 1;
}
h2.b2b_bannerc{
	background-image:url(../images/b2b_bannerc.jpg);
	width:860px;
	height:292px;
	margin:0px;
	padding:0px;
	z-index: 1;
}
h2.b2b_bannerd{
	background-image:url(../images/b2b_bannerd.jpg);
	width:860px;
	height:292px;
	margin:0px;
	padding:0px;
	z-index: 1;
}
		
#b2bwords {
	position: absolute;
	z-index: 1000;
	margin-left:130px;
	}
.b2bwords_right{
	font-size:large;
	margin-left:-120px;
	padding:0px;
	padding-top:250px;
	width:700px;
	color:#FFF;
	margin-top:-42px
}
.b2bwords_left{
	font-size:xx-large;
	margin-left:560px;
	padding:0px;
	width:200px;
	margin-top:20px;
}
.b2bproviders{
	margin-top:20px;
	margin-left:35px;
	width:220px;
	display:block;
}
/* right bits */
h4.recommend{
	background-image:url(../images/recommend-a-friend.jpg);
	background-repeat:no-repeat;
	width:220px;
	height:180px;
}
h4.recommend a{
    display: block;
    cursor: pointer;
	width:220px;
	height:180px;
}

h4.recommend span{
	display:none;
}

h4.edexcel{
	margin-top:20px;
	background-image:url(../images/edexcel.jpg);
	background-repeat:no-repeat;
	width:220px;
	height:180px;
}
h4.edexcel a{
    display: block;
    cursor: pointer;
	width:220px;
	height:180px;
}

h4.edexcel span{
	display:none;
}

h4.testimonials-box{
	margin-top:20px;
	background-image:url(../images/testimonials.jpg);
	background-repeat:no-repeat;
	width:220px;
	height:180px;
}
h4.testimonials-box a{
    display: block;
    cursor: pointer;
	width:220px;
	height:180px;
}

h4.testimonials-box span{
	display:none;
}

h4.confused{
	margin-top:20px;
	background-image:url(../images/side_box_confused.jpg);
	background-repeat:no-repeat;
	width:220px;
	height:180px;
}
h4.confused a{
    display: block;
    cursor: pointer;
	width:220px;
	height:180px;
}

h4.confused span{
	display:none;
}

h4.help{
	margin-top:20px;
	background-image:url(../images/side_box_help.jpg);
	background-repeat:no-repeat;
	width:220px;
	height:180px;
}
h4.help a{
    display: block;
    cursor: pointer;
	width:220px;
	height:180px;
}

h4.help span{
	display:none;
}
h4.tutor{
	margin-top:20px;
	background-image:url(../images/side_box_tutor.jpg);
	background-repeat:no-repeat;
	width:220px;
	height:180px;
}
h4.tutor a{
    display: block;
    cursor: pointer;
	width:220px;
	height:180px;
}

h4.tutor span{
	display:none;
}
/* contact form */
.contact-form label{
	float: left;
	width: 120px;
	font-weight: bold;
}

.contact-form input, .contact-form textarea, .contact-form select{
	width: 180px;
	margin-bottom: 5px;
}

.contact-form textarea{
	width: 250px;
	height: 120px;
}

.contact-form #submitbutton{
	margin-left: 100px;
	margin-top: 5px;
	width: 90px;
}
.contact-form fieldset{
	border:1px solid #E40178;
	padding:10px;
}
.contact-details, .contact-form{
	width:295px;
	float:left;
}
.contact-form {
	margin-left:20px;
}

/* enrol form */
.enrol-form label{
	float: left;
	width: 200px;
	font-weight: bold;
}

.enrol-form input.enrol_text, .enrol-form textarea, .enrol-form select{
	width: 180px;
	margin-bottom: 5px;
}

#google_button{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:60px;
}

#paypal_button{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}

.enrol-form textarea{
	width: 180px;
	height: 120px;
}

.enrol-form #submitbutton{
	margin-left: 100px;
	margin-top: 5px;
	width: 90px;
}
.enrol-form fieldset{
	border:1px solid #E40178;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	width:390px;
}
.enrol-details, .enrol-form{
	width:580px;
	float:left;
}
.enrol-form {
	margin-left:20px;
}

/* recommend form */
.recommend-form label{
	float: left;
	width: 200px;
	font-weight: bold;
}

.recommend-form input, .recommend-form textarea, .recommend-form select{
	width: 180px;
	margin-bottom: 5px;
}

.recommend-form textarea{
	width: 250px;
	height: 80px;
}

.recommend-form #submitbutton{
	margin-left: 100px;
	margin-top: 5px;
	width: 90px;
}
.recommend-form fieldset{
	border:1px solid #E40178;
	padding:10px;
}
.recommend-details, .recommend-form{
	width:295px;
	float:left;
}
.recommend-form {
	margin-left:20px;
}

/* ulive form */
.ulive-form label{
	float: left;
	width: 200px;
	font-weight: bold;
}

.ulive-form input, .ulive-form textarea, .ulive-form select{
	width: 180px;
	margin-bottom: 5px;
}

.ulive-form textarea{
	width: 250px;
	height: 80px;
}

.ulive-form #submitbutton{
	margin-left: 100px;
	margin-top: 5px;
	width: 90px;
}
.ulive-form fieldset{
	border:1px solid #E40178;
	padding:10px;
}
.ulive-details, .ulive-form{
	width:295px;
	float:left;
}
.ulive-form {
	margin-left:20px;
}

/* funding form */
.funding-form label{
	float: left;
	width: 200px;
	font-weight: bold;
}

.funding-form input, .funding-form textarea, .funding-form select{
	width: 180px;
	margin-bottom: 5px;
}

.funding-form textarea{
	width: 250px;
	height: 120px;
}

.funding-form #submitbutton{
	margin-left: 100px;
	margin-top: 5px;
	width: 90px;
}
.funding-form fieldset{
	border:1px solid #E40178;
	padding:10px;
}
.funding-details, .funding-form{
	width:295px;
	float:left;
}
.funding-form {
	margin-left:20px;
}

.black{
	color:#000;
}


/* footer */
.main-footer{
	clear:both;
	width:940px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	padding-top:20px;
	background-color: #FFF;
}

/* footer nav */
.footer-nav{
	width:350px;
	float:right;
	text-align: right;
	padding-top:10px;
}
.footer-nav li{
	list-style: none;
	display:inline;
}

.footer-copy{
	float:right;
	text-align:right;
	width:350px;
}
.footer-part{
	float:left;
	height:40px;
	padding-left:5px;
	padding-top:10px;
	width:500px;
}
.ukc_logo{
	float:left;
}

.table_border{
border: 1px solid #404042;
}

.workskills-options{
	text-align: left;
	padding:0px;
	margin:0px;
}
.workskills-options li{
	list-style: none;
	display:inline;
}

.workskills-options a.work_box{
	color:#FFF;
	width:143px;
	height:80px;
	display:block;
	float:left;
	font-size:15px;
	text-decoration:none;
	padding-top:50px;
	padding-right:10px;
	text-align:center;
	font-weight:bold;
}

.workskills-personal a{
	background-color: #762C82;
}
.workskills-employ a{
	background-color: #4A8255;
}
.workskills-placement a{
	background-color: #CF3F2F;
}
.workskills-business a{
	background-color: #00ADED;
}
.small{
	font-size:10px;
}
.workskills-options a.workskill_lower_link{
	color:#000;
	display:block;
	font-size:13px;
	padding-bottom:5px;
	padding-top:5px;
	text-align:center;
	text-decoration:none;
	height:32px;
}
.workskills-options a.link_place:hover{
	color: #FFF;
	background-color:#CF3F2F;
}
.workskills-options a.link_sus:hover{
	color: #FFF;
	background-color:#4A8255;
}
.workskills-options a.link_bus:hover{
	color: #FFF;
	background-color:#00ADED;
}
.workskills-options a.link_personal:hover{
	color: #FFF;
	background-color:#762C82;
}

.link_place{
	background-color: #E38B82;
}
.link_sus{
	background-color: #ABCEB1;
}
.link_bus{
	background-color: #95EAFE;
}
.link_personal{
	background-color: #CCADE2;
}
.workskills-options td, .workskills-options th{
	border-bottom:1px solid white;
	border-right:1px solid white;
}
.enrolbutton{
	width: 100px;
	height: 30px;
	background: url(../images/button_enrol.gif) no-repeat top left;
	border: 0px;
    cursor: pointer;
	margin-left:520px;
}
.a-z-table th{
	color:#E40178;
}