body{background:#FFF url(/images/bg_body.gif) 0 0 repeat-x;font-family:'Trebuchet MS','Helvetica Neue',Helvetica,Arial,Sans-serif;font-size:67.5%;color:#4d4d4d;font-weight:normal}
.asterisk{color:Red}
/*********** TYPE ************************************************************************************************ */
h1{font-size:1.35em;line-height:18px;color:#8F3FAA;font-weight:bold;text-transform:uppercase}
h2, h2 a, h2 a:hover{font-size:1.1em;line-height:18px;color:#8F3FAA;font-weight:bold;text-transform:uppercase;text-decoration:none}
h3,h4,p,ol,ul,dl{font-size:11px;line-height:18px;margin:0}
p{margin-bottom:12px;margin-top:0px}

/* **********************************************************************************************/
a{color:#43a8c8;text-decoration:none}
a:hover{color:#43a8c8;text-decoration:none}
/* *************** BACKGROUND COLOURS ***********************************************************/
.bg-light-grey{background-color:#E7E8E9}
/* *************** BACKGROUND COLOURS BORDER ***********************************************************/
.border-purple-2px {border:2px solid #DCC2E4}
/* *************** LISTS ************************************************************************/
dl.list, ol.list, ul.list{font-size:10px;list-style:none;margin:0}
ul.list-menu{font-size:10px;list-style:none;margin:0;font-family:'Trebuchet MS','Helvetica Neue',Helvetica,Arial,Sans-serif}
ul.breadCrumb{float:left;display:inline;width:800px;}
ul.breadCrumb li{display:inline;font-family:'Arial','Helvetica Neue',Helvetica,Arial,Sans-serif;font-size:91.5%;background:#FFF;font-weight:bold;text-transform:uppercase}
ul.breadCrumb li a {color:#1c387c;}
.case {text-transform:uppercase}
ul.square-bullet-list{list-style:none;margin:0;padding:0;color:#43a8c8;}
ul.square-bullet-list li{list-style-image:url(/images/bul_square_list.gif);margin:0 0 0 20px;padding:0}
/* **************** DROPDOWNS ***********************************************************************/
.month,.year{width:150px}
/* **************** LAYOUT:BANNERS ******************************************************************/
a.banner, a.banner img{background:white;display:block;}
a.banner {background:white;padding: 5px 0 0px 0;}
div.banners{background:transparent;margin:15px auto;padding:0 0 0 15px;position:relative;width:923px;}
div.banners a.banner{float:left;margin:0 15px 0 0;padding-top:0px;}
div#button-banners a {float:left;padding:0px 0 10px 0;margin:0;}
/* **************** LAYOUT:HEADER *******************************************************************/
div.header{background:#FFF url(/images/bg_headerNarrow.gif) 0 100% no-repeat;margin:15px auto 0;padding:0 0 1px;position:relative;width:908px}
/* ********************* LAYOUT:HEADER NAVIGATION ***************************************************/
div.header ul{height:27px;margin:0;width:625px}
div.header ul li{background:#e7e8e9;float:left;font-weight:bold;text-align:center;text-transform:uppercase}
div.header ul li a{padding:0 10px 0 15px}
div.header ul li,div.header ul li a{color:#1c387c;display:block;line-height:2.7em}
div.header ul li a:hover{background:#fff}
div.header ul li.highlight{background:#fff;font-weight:bold}
/* ******************** LAYOUT:SUB NAVIGATION *********************************************************/
div#PageNavigation{margin:0 auto 0 auto;padding:0px;position:relative;width:908px;height:28px;color:#42a8cf;background-color:white;text-transform:uppercase;}
div#PageNavigation ul{float:left;margin:0;padding:0;width:901px;color:red;border-bottom:3px solid #ecdef0;}
div#PageNavigation ul li{float:left;display:inline;margin:0;padding:3px 10px 3px 10px;border-style:solid;border-width:0;border-color:#42a8cf;font-family:'Trebuchet MS','Helvetica Neue',Helvetica,Arial,Sans-serif;font-size:10px;color:red;background-color:white}
div#PageNavigation ul li a{color:#028ab4;}
div#PageNavigation ul li a:hover{background-color:white;}
div#PageNavigation .highlight{background-color:#ecdef0}
div#PageNavigation .highlight a:hover{background-color:#ecdef0}
div#PageNavigation .isDisabled{background-color:#FFFFFF}
div#PageNavigation .isDisabled a:hover, div#PageNavigation .isDisabled a{color:#445555}
.page-navigation-image {position: absolute;left: 510px;top: 81px;width: 114px;height: 34px;}
/* ******************** LAYOUT:HEADER > FIELDSET *******************************************************/
div.header fieldset{background:#e7e8e9;border:none;margin:0;padding:0;position:absolute;right:5px;top:0;width:272px}
div.header fieldset h2{left:9px;margin:-0.9em 0 0 0;position:absolute;top:50%;width:85px}
div.header fieldset ol{left:9px;position:absolute;top:0}
div.header fieldset ol li{float:left;height:18px;margin:0 4.5px 4.5px 0}
div.header fieldset ol li label{color:#4d4d4d;display:block;float:left;font-size:11px;text-transform:uppercase;width:85px}
div.header fieldset ol li input{border:solid 0.1em #028ab4;font-size:10px;line-height:10px}
div.header fieldset ol li input.formText{width:143px;height:15px;}
div.header fieldset ol li input.formImage{border:none;margin:-2px 0 0}
/* **********************************************************************************************/
div.header fieldset.login{height:81px;margin:0;top:0}
div.header fieldset.login h2{margin:0;top:4.5px}
div.header fieldset.login ol{height:45px;margin:0;top:4.5px}
div.header fieldset.login p{font-size:10px;left:94px;position:absolute;top:49.5px}
div.header fieldset.login p a{text-transform:uppercase;color:#1c387c;}
div.header fieldset.login div#loginLinks{margin-top:0px;margin-left:0px; width:100%;padding-right:10px;position:relative; top:50px; left:105px;}
div.header fieldset.login div#loginLinks .registerLink {margin-right:5px;}
/* **********************************************************************************************/
div.header fieldset.search{height:27px;margin:5px 0 0 0;top:81px;}
div.header fieldset.search ol{margin:-9px 0 0;top:50%;}
div.header fieldset.search ol.list li .formImage{margin:-1px 0 0 0;}
div.header fieldset ol li input.formText{width:143px;height:15px;margin:-1px 0 0 0}
/* ***************** LAYOUT:CONTENT ***************************************************************/
div.content{background:#FFF;margin:0 auto;padding:0px 15px 0 15px;position:relative;width:878px}
body.home div.content #sectionHome2 {width:740px;height:20px;padding-left:5px;padding-top:2px;margin-bottom:10px;margin-bottom:10px;background:#FFF url(/images/gradientspacer.gif) repeat-y 0 0}
body.home div.content #sectionHome2 #tagline-title {font-size:1.1em;line-height:18px;color:#8F3FAA;font-weight:bold;float:left;margin-right:5px} 
/* *************** Just for Footers ********************************************************************/
#moduleFooterLogo{float:left;width:850px;}
#moduleFooterLinks{float:left;width:850px;}
#moduleFooterText{width:880px;margin:10px 0 0 0;}
#moduleFooterText a{color:#028ab4;}
.footerLength1{float:left;color:#1c387c;padding:0px 0px 0 0px;font-weight:bold;margin: 0 0 0 0px;}
/* **************** SELF CLEARING **********************************************************************/
div.banners:after, div.header:after, div.content:after, div.content div.section:after, div.content div.section div.module:after, .list:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.bulletBuleSquare li{list-style-type:none;padding:3px 0 3px 1.3em;margin:0;background-color:White;background-image:url(/images/bul_square.gif);background-position:0 6px;background-repeat:no-repeat;vertical-align:top;font-family:'Helvetica Neue',Helvetica,Arial,Sans-serif;color:#4d4d4d}
.dateFormat{float:right;color:#1c387c;font-weight:bold}
/* **************** Puff spot *********************************/
.headerPuff{text-decoration:none;color:#fc8815}
.divpuffContainer{float:left;width:100%}
.tagline{float:left;width:871px;margin:2px 0 0 0}
/* **************** error message colour for text *******************************************************************/
.errorText{color:Red}
/* ***************** headerPuff ****************************************************************************/
.headerPuff1{float:left;width:625px}
.headerPuffSpot1{float:right;width:0px;height:76px;margin:5px 0 5px 0;background-color:#E3F2F7}
.headerImageLogoA{float:left;height:81px;margin:0 0 5px 0;width:625px}
.headerImageLogo{height:81px;width:626px}
/* ****************** LAYOUT:CONTENT > SECTION > MODULE ************************************************************************************************ */
body.home div.content div.section div.module h2{background:#FFF;color:#fc8815;font-weight:bold;padding:0 0 4.5px;text-transform:uppercase}
body.home div.content div.section div.module h2 a{color:#fc8815;text-decoration:none}
/* ********************************************************************************************* */
body.home div.content div.section div.module p{background:#FFF;font-size:10px;font-weight:bold;padding:4.5px 6px}
body.home div.content div.section div.module p a{color:#028ab4}
/* ********************************************************************************************* */
body.home div.content div.section div.module div.inner p{background:transparent;font-weight:normal;padding:0}
/* ****************************** DisplayPuffSpot */
.DisplayPuffSpotHome{float:left;width:230px;margin-top:22.5px;}
.searchWidth{float:left;margin-bottom:3px 0 0 0;width:722px}
/*********** LOGIN OVERLAY *************************************************************************************** */
.transparent-box{border:none 1px #555;}
.transparent-box[class]{background-image:url(/images/transparent.png);}
.transparent-box-settings{position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}
.login-overlay-container{margin:0 auto 0 auto; height:370px; width:550px; background-color:#FFFFFF; padding:20px}
.login-overlay-container #ctl00_uxLoginOverlay_uxBaseLoginDiv div span.linkSeparator {display:none;}
/********************************* Login Styles ***********************************************/
.login-overlay-container #moduleFormsLogin{border:2px none green;width:550px;padding:5px 0 0 0;}
.login-overlay-container .a label{float:left;width:150px;text-align:left;height:24px;font-size:1.2em;border:1px none black;}
.login-overlay-container .formText{float:left;border:1px solid #8F3FAA;width:195px;height:20px;margin:0 100px 3px 0}
.login-overlay-container li.a{margin:0;padding:0;display:inline}
.login-overlay-container li.b{position:relative;top:2px;left:18px;}
.login-overlay-container #ctl00_uxLoginOverlay_uxBaseLoginDiv{float:left;width:350px}
.login-overlay-container ol{margin:0}
.login-overlay-container ol.list{list-style-type:none;float:left}
.login-overlay-container #loginLinks{float:left;margin:0px 0 0px 200px;width:350px;}
.overlay-register{float:left; width:550px;margin:20px 0 0px 0px;}
.overlay-register-icon{float:left;margin-right:15px;}
.overlay-register-span{float:left;width:450px} 
/****************************** Home page **************************************************/
#home-page {float:left;width:758px;}
#button-banners-container{float:left;width:120px;}
/****************************** Box padding for all container **************************************************/
.box-container {padding:10px;}
/****************************** Search box on home page ****************************************************************/
#home-page div#section-box {float:left;width:400px;} 
#home-page div#section-box div.module2 div.inner{padding:0px 9px 0 0px;width:400px;height:115px;}
#home-page div#section-box div.module2 ol li{float:left;margin:0 5px 9px 0;}
#home-page div#section-box div.module2 ol li.a, #home-page div#section-box div.module2 ol li.c{width:290px;}
#home-page div#section-box div.module2 ol li.d{width:100px;}
#home-page div#section-box div.module2 ol li.d a{float:left;padding:5px 0 0 0;margin:0 10px 0 0}
#home-page div#section-box div.module2 ol li.b{width:175px;}
#home-page div#section-box div.module2 ol li.e{width:400px;padding:0 0 0 1px;margin:0 0 5px 0;font-size:11px;}
#home-page div#section-box div.module2 ol li label{float:left;font-size:11px;width:80px;}
#home-page div#section-box div.module2 ol li select{border:solid 1px #028ab4;font-size:10px;line-height:10px;width:200px;}
#home-page div#section-box div.module2 ol li input {border:solid 1px #028ab4;font-size:10px;line-height:10px;width:196px;}
#home-page div#section-box div.module2 ol li.b select{width:115px;}
#home-page div#section-box div.module2 ol li.b label{width:60px;}
#home-page div#section-box div.module2 ol li.d input.formImage{float:right;height:22px;margin:0;width:80px;}
/****************************** Why do a FS course box on home page ****************************************************************/
#home-page div#Why-do-FS-course-control {background-color:#E2E4E5;margin-left:10px;float:left;width:300px;height:147px;padding:5px;}
#home-page div#Why-do-FS-course-control h2 {margin-top:7px;}
#home-page div#Why-do-FS-course-control div#student-image {margin-top:5px;float:left;}
#home-page div#Why-do-FS-course-control div#standard-copy {margin-top:5px;margin-left:12px;float:left;width:170px;}
#home-page div#Why-do-FS-course-control div#clickable-link {margin-top:4px;float:left;width:290px;}
#home-page div#Why-do-FS-course-control div#clickable-link ul li {float:left;list-style-type:none;background-repeat:no-repeat;background-image:url(/images/arrow.gif);height:23px;}
#home-page div#Why-do-FS-course-control div#clickable-link ul li a {float:left;margin-left:28px;padding-top:3px;}
/****************************** Headline banner on home page ****************************************************************/
#home-page div#headline-banner-section a {float:left;}
#home-page div#headline-banner-section {float:left;width:745px;margin:10px 0 5px 0;}
#home-page div#headline-banner-section div#margin {float:left; margin-right:45px;}
/****************************** Course section container on home page ****************************************************************/
#home-page div#homepage-course-section {float:left;width:745px;margin-top:10px;}
#home-page div#homepage-course-section div#course-list-section  {float:left;width:400px;}
#home-page div#homepage-course-section div#course-list-section td {vertical-align:top;padding-bottom:20px;}
#home-page div#homepage-course-section div#course-list-section div.image-block {vertical-align:top;}
#home-page div#homepage-course-section div#course-list-section div.main-data-block {float:left;width:100%;}
#home-page div#homepage-course-section div#course-list-section div.extra-data-block {float:left;width:100%;}
#home-page div#homepage-course-section div#course-list-section p {margin:0 0 0 0;padding:0 0 0 0px;}
#home-page div#homepage-course-section div#course-list-section table {margin-top:10px;}
#home-page div#homepage-course-section div#course-list-section a.send-to-friend-image-link {float:left;margin-right:5px;}
#home-page div#homepage-course-section div#course-list-section a.send-to-friend-text-link {float:left;margin-top:0px;}

#home-page div#homepage-course-section div#featured-items-section  {margin-left:10px;float:left;width:310px;}
/****************************** Featured Institution on home page ****************************************************************/
#home-page div#homepage-course-section div#featured-items-section  {margin-left:10px;float:left;width:310px;}
#home-page div#homepage-course-section div#featured-items-section div#featured-institution-container {margin-top:10px;height:120px;position:relative;}
#home-page div#homepage-course-section div#featured-items-section div.featured-recruiter {float:left;width:295px;height:120px;}
#home-page div#homepage-course-section div#featured-items-section div.featured-recruiter span.featured-recruiter-subtitle {position:absolute;top:35px;left:140px;width:160px;}
#home-page div#homepage-course-section div#featured-items-section div.featured-recruiter p#logo img {position:absolute;top:35px;left:10px;}
#home-page div#homepage-course-section div#featured-items-section div.featured-recruiter div#description-text {position:absolute;top:80px;left:10px;width:290px;}
/****************************** Featured Course on home page ****************************************************************/
#home-page div#homepage-course-section div#featured-items-section div#featured-course-container {height:120px;position:relative;}
#home-page div#homepage-course-section div#featured-items-section div.featured-vacancy {float:left;width:295px;height:120px;}
#home-page div#homepage-course-section div#featured-items-section div.featured-vacancy span.featured-vacancy-subtitle {position:absolute;top:35px;left:140px;width:160px;}
#home-page div#homepage-course-section div#featured-items-section div.featured-vacancy p#logo img {position:absolute;top:35px;left:10px;}
#home-page div#homepage-course-section div#featured-items-section div.featured-vacancy div#description-text {position:absolute;top:80px;left:10px;width:290px;}
/****************************** floatBox for error page ****************************************************************/
.floatBox{float:left;width:850px}
/****************************** Courses Basket on home page ****************************************************************/
#home-page div#homepage-course-section div#course-basket-items-section {float:left;margin: 10px 0 0px 10px}
#home-page div#homepage-course-section div#course-basket-items-section h1{font-size:1.1em;line-height:18px;color:#8F3FAA;font-weight:bold;text-transform:uppercase;text-decoration:none}
#home-page div#homepage-course-section div#course-basket-items-section div#my-favourites h2 {display:none}
#home-page div#homepage-course-section div#course-basket-items-section div#my-favourites table thead tr {display:none}
#home-page div#homepage-course-section div#course-basket-items-section div#my-favourites {float:left;border:1px none green;width:310px;margin-top:3px;}
#home-page div#homepage-course-section div#course-basket-items-section div#my-favourites a.send-to-friend-image-link{float:left;border:1px none red;margin-right:3px;}
#home-page div#homepage-course-section div#course-basket-items-section div#my-favourites .send-to-friend-text-link{float:left;border:1px none blue;margin-right:0px;}
#home-page div#homepage-course-section div#course-basket-items-section div#my-favourites .remove-image{float:left;margin:2px 5px 2px 5px}
#home-page div#homepage-course-section div#course-basket-items-section div#my-favourites .remove-link{float:left;border:1px none red;}
#home-page div#homepage-course-section div#course-basket-items-section div#my-favourites .favourite-options-table{width:100px;text-align:left;}
#home-page div#homepage-course-section div#course-basket-items-section div#my-favourites .white-line {background-color:white;}
#home-page div#homepage-course-section div#course-basket-items-section div#my-favourites .grey-line  {background-color:#E2E4E5;}
