body { width: 972px; margin: 10px auto 30px auto; background-color: #071D5B; font-family: Tahoma, Helvetica, sans-serif } /* 960px width with 6px either side for shadow */
.jumptolinks ul { display: none }
span.lnktxt {display: none }

/* Header START */
#header     { width: 879px; padding: 0 0 0 93px; background-image: url(../images/bg_main.jpg) }
#header h1  { width: 670px; padding: 82px 73px 22px 30px; font-family: "Times New Roman", Times, serif; font-size: 1.5em; color: #071D5B; font-weight: normal; float: left; text-align: right; margin: 0 }
#header img { float: left }
.shadow-end { width: 6px; height: 6px; float: right; background-image: url(../images/bg_navend.jpg) } /* shadow on top right */
.clearer    { clear: both }
hr { display: none }
/* Header END */
/* Navigation START */
#nav    { width: 944px; padding: 0 14px 10px 14px; background-image: url(../images/bg_main.jpg); clear: both }
#nav ul { width: 943px; padding: 0 0 0 1px; background: #D1D1D1 url(../images/bg_navlogo.gif) no-repeat 71px 0; margin: 0; border: 0; clear: both }
#nav li { padding: 0; margin: 0; border-right: 1px solid #D1D1D1; list-style: none; float: left }
#nav a  { font-size: 0.7em/*11px*/; text-align: center; color: #666; display: block; background-image: url(../images/bg_nav.jpg); text-decoration: none; padding: 9px 0 11px 0; border-width: 1px 0 1px 1px; border-style: solid; border-color: #D1D1D1 #EFEFEF}
#nav a:hover { color: #FFF; background-position: bottom }
/* Buttons */
.navhome       { width: 68px }
.navlogo       { width: 117px; height: 35px; background: #FFF url(../images/bg_navlogo.gif) no-repeat; color: #FFF; font-size: 1px; text-align: center }
.navabout      { width: 84px }
.navemployers  { width: 159px }
.navcandidates { width: 163px }
.navlinks      { width: 64px }
.navcontact    { width: 93px }
.navsitemap    { width: 82px }
.navaccess     { width: 96px }
/* Current Page Selected States */
body.home div#nav a.navhome,
body.about div#nav a.navabout,
body#legalfinancetraining div#nav a.navemployers,
body.employersregistration div#nav a.navemployers,
body#consultancy div#nav a.navcandidates,
body.links div#nav a.navlinks,
body.contact div#nav a.navcontact,
body.sitemap div#nav a.navsitemap,
body.accessibility div#nav a.navaccess { color: #444; font-weight: bold; } 
/* Current Page Selected States Hover */
body.home div#nav a:hover,
body.about div#nav a:hover,
body.employers div#nav a:hover,
body.employersregistration div#nav a:hover,
body.candidates div#nav a:hover,
body.candidateregistration div#nav a:hover,
body.links div#nav a:hover,
body.contact div#nav a:hover,
body.sitemap div#nav a:hover,
body.accessibility div#nav a:hover,
body#legalfinancetraining div#nav a:hover,
body#consultancy div#nav a:hover { color: #fff;}

/* Navigation END */

.cta { width: 944px; padding: 0 14px 8px 14px; background-image: url(../images/bg_main.jpg); clear: both }
.cta img { float: left; display: inline }
.call { width: 252px; background: #625B99 url(../images/bg_prpl.jpg) repeat-x; padding: 3px; margin-right: 8px; float: left }
.call h2 { display: block; text-align: center; width: auto; font-size: 0.85em; color: #363354; border: 0; padding: 4px 0 4px 0; margin: 0; font-weight: normal }
.ctaframe { width: auto; border: 1px solid #FFF; padding: 4px 8px 6px 8px; margin: 0 }
.cta p {border: 0; padding: 0; margin: 0}
div.cta div.call p { text-align: center; color: #FFF; line-height: 1.55em }
div.call span.number { font-size: 1.8em }
div.call span.open   { font-size: 0.8em }
.course { width: 329px; background: #6A9E42 url(../images/bg_grn.jpg) repeat-x;  float: left; padding: 3px; margin-right: 8px }
.job    { width: 329px; background: #59B4AD url(../images/bg_turq.jpg) repeat-x; float: left; padding: 3px }
.ctatitle { font-size: 18px; color: #FFF; clear: both }
.coursedescrip { font-size: 0.85em; color: #426527; clear: both; padding: 1px 0 3px 0 }
.signup { font-size: 0.85em; color: #37706C; clear: both; padding: 0 0 3px 0 }
.jobtitle { font-size: 0.85em; color: #37706C; clear: both; padding: 2px 0 3px 0 }
.ctadetail { width: 200px; float: left; font-size: 0.75em; color: #FFF; line-height: 1.35em }
.enews{ width: 313px; float: left; font-size: 0.75em; color: #FFF; line-height: 1.35em; padding-bottom:1px }
.ctabtn { border: 1px solid #FFF; padding: 2px 8px 3px 8px; float: right }
.ctabtn a { display: block; color: #FFF; text-decoration: none; font-size: 0.8em }
.ctabtn a:hover { text-decoration: underline }
div.cta div.course div.ctabtn { margin-top: 7px }
div.cta div.job div.ctabtn { margin-top: 24px }

.main { width: 944px; padding: 0 14px 8px 14px; background-image: url(../images/bg_main.jpg); clear: both }

.lc { width:258px; padding-right: 8px; float: left }
.vertnav { width: 252px; background: #5267A5 url(../images/bg_vertnav.jpg) repeat-x; padding: 3px; clear: both; margin-bottom: 8px}
.vertnav ul { padding: 0 5px; border: 1px solid #FFF; margin: 0 }
.vertnav li { padding: 7px 0 10px 0; border-bottom: 1px solid #FFF; margin: 0; list-style: none; font-size: 0.85em }
.vertnav a { padding-left: 16px; text-decoration: none; color: #FFF; background: url(../images/nav_blt.gif) no-repeat }
.vertnav a.currentvert { background: url(../images/nav_blt_over.gif) no-repeat }
.vertnav a:hover { text-decoration: underline; background: url(../images/nav_blt_over.gif) no-repeat }
div.vertnav li.last { border: 0 }
/* Sub Navigation */
div.vertnav ul.subnav {border: 0; padding: 8px 0 0 12px }
div.vertnav ul.subnav li {border: 0; padding: 0 0 3px 0px }
div.vertnav ul.subnav a { border: 0; background:none; padding: 0 0 0 16px }
div.vertnav ul.subnav a:hover { background: url(../images/nav_blt_over2.gif) no-repeat;}
div.vertnav ul.subnav a.currentsub { background: url(../images/nav_blt_over2.gif) no-repeat }
div.vertnav ul.subnav a.iscurrent { background: url(../images/nav_blt_over2.gif) no-repeat }


body.news div.maincopy ul.news {padding: 0; margin: 0; float: left }
body.news div.maincopy li.news {padding: 0 0 5px 0; margin: 0; list-style: none; background: #FFF }
body.news div.maincopy h4 a {font-size: 1.4em;  margin: 0; padding: 0; font-weight: normal; text-decoration: underline }
body.news div.maincopy h4 a:hover {text-decoration: none }
body.news div.maincopy a {font-weight: bold; text-decoration: none }
body.news div.maincopy a:hover { text-decoration: underline }
body.news div.maincopy li.news p {font-size: 1em; margin: 0; padding: 5px 0 5px 0; border:0}

.newstitle { width: 256px; font-size: 0.85em; color: #fff; background: #0D2461 url(../images/bg_newstitle.jpg) repeat-x; padding: 1px; clear: both }
.newstitle p { width: 236px; border: 1px solid #FFF; margin: 0; padding: 5px 6px 8px 12px }
.legalnews { background-color: #E6E8EE; padding: 0 14px 14px 14px }
.legalnews ul { list-style: none; border: 0; padding: 0; margin: 0; clear: both }
.legalnews li { color: #071D5B; border: 0; margin: 0; line-height: 1.2em; padding: 7px 0 6px 0; height: 1% /* IE7 Ghost Text Fix */ }
div.legalnews a.title { font-size: 0.85em; color: #071D5B }
div.legalnews a:hover.title { text-decoration: none }
div.legalnews p a {color: #071D5B; text-decoration: none; font-weight: bold }
div.legalnews p a:hover { text-decoration: underline }
.legalnews li p { font-size: 0.75em; margin: 0 }
div.legalnews a.rss { font-size: 0.7em; background: url(../images/feed-icon.png) no-repeat 0 0.8em; padding: 9px 0 5px 18px; color: #071D5B; float: left }
div.legalnews a.rss:hover { text-decoration: none }

.more { padding: 1px; background-color: #071D5B; float: right; margin-left: 8px }
.more a { display: block; font-size: 0.75em; color: #FFF; text-decoration: none; background: #102665 url(../images/bg_button.jpg) repeat-x; padding: 5px 9px 6px 9px }
.more a:hover { text-decoration: underline }

.rc { width:678px; float: left }
body.home div.maincopy,
body.about div.maincopy,
body.privacystatement div.maincopy,
body.accessibility div.maincopy,
body.employers div.maincopy,
body.employersregistration div.maincopy,
body.candidates div.maincopy,
body.candidateregistration div.maincopy,
body.privacystatement div.maincopy,
body.news div.maincopy,
body#cruisenews div.maincopy,
body.enterdetails div.maincopy,
body.contact div.maincopy,
body.recruitment div.maincopy,
body.legalcashiers div.maincopy,
body.salecomplete div.maincopy,
body.jobapplication div.maincopy,
body.cpdtraining div.maincopy,
body.bespoketraining div.maincopy,
body.consultancy div.maincopy { width:648px; clear: both; float: none } /* to make the main copy area fit the wider home page space */
.maincopy    { width:480px; padding: 12px 15px 0 15px; color: #071D5B; line-height: 1.4em; float: left }
.maincopy ul { margin: 0 0 0 26px; font-size: 0.75em; padding: 4px 0 0 0 }

body.accessibility div.maincopy ul.accesskeys li {list-style:none;background:#fff;}

.maincopy ul li { margin: 0; border: 0; padding: 0 0 6px 14px; list-style: none; background: url(../images/list_blt.gif) no-repeat 0 8px /*0.1em text-decoration: underline */;}
.maincopy a { color: #071D5B }
.maincopy a:hover { text-decoration: none }
.maincopy img { border:0 }

.rc h2 { font-size: 1.1em;  margin: 0; padding: 0 0 5px 0; font-weight: normal }
.rc h3 { font-size: 0.85em; margin: 0; padding: 3px 0 6px; font-weight: normal }
.rc p  { font-size: 0.75em; margin: 0; padding: 9px 0 5px 0; border: 0 }

div.rc div.more { margin-right: 15px }

.rghtadclm { width: 168px; float: left }
.adsttl { width: 162px; padding: 3px; clear: both; background: #182E6C url(../images/bg_ttl.gif) repeat-x }
.adsttl h4 { display: block; border: 1px solid #FFF; font-size: 0.85em; color: #FFF; width: auto; text-align: center; margin: 0; font-weight: normal; padding: 2px 0 4px 0}
.rghtadclm ul { border: 0; margin: 0; padding: 0 }
.rghtadclm li { border: 0; margin: 5px 0 0 0; padding: 3px; list-style: none }
.rghtadclm li a { font-size: 0.8em; display: block; border: 1px solid #FFF; text-align: center; color: #FFF; padding: 4px 20px 8px 20px }
.rghtadclm li a:hover { text-decoration: none }
.rghtadclm li.green { background: #6A9E42 url(../images/bg_ad_grn.jpg)  repeat-x }
.rghtadclm li.turq  { background: #5AB4AD url(../images/bg_ad_turq.jpg) repeat-x }
.rghtadclm li.purp  { background: #635C9A url(../images/bg_ad_purp.jpg) repeat-x }
.rghtadclm li.blue  { background: #172D6B url(../images/bg_ad_blue.jpg) repeat-x }
.coursetable           { padding: 10px 0 }
.coursetable table     { color: #071D5B; text-align: left; border-collapse: collapse; width: 100% }
.coursetable caption   { font-size: 0.75em; text-align: left; line-height: 1.4em; padding-bottom: 14px }
.coursetable th        { font-size: 0.75em; font-weight: bold }
.coursetable tbody     { font-size: 0.7em }
.coursetable td, .coursetable th { padding: 0 5px 0 3px; border-bottom: 3px solid #FFF }
div.coursetable tr.rowa   { background-color: #E6E8EE }
div.coursetable td.book   { text-align: right; padding-right: 0 }
div.coursetable td.book a { padding: 0 3px 2px 5px; border: 1px solid #071D5B; display: block; text-align: center; text-decoration: none; color: #FFF; background: #122866 url(../images/bg_btn_book.jpg) repeat-x}
div.coursetable td.book a:hover { text-decoration: underline }

div.coursetable td.full   { text-align: right; padding-right: 0 }
div.coursetable td.full p { font-size: 0.9em; padding: 0 3px 2px 5px; border: 1px solid #5166A5; display: block; text-align: center; text-decoration: none; color: #5166A5; background: #fff}

/*div.coursetable div#smalltext p { font-size: 0.6em; line-height: 0.6em; color: #123456; }*/
div.coursetable p { font-size: 0.7em; /*font-weight: bold*/ } /* added by Dan 16.09.08 */

.pageend   { width: 972px; height: 12px; clear: both}

#footer    { width: 944px; padding: 2px 14px 4px 14px; background-image: url(../images/bg_main.jpg); color: #071D5B; text-align: center; line-height: 1.1em; clear: both }
#footer h4 { font-size: 0.75em; margin: 0; font-weight: normal }
#footer p  { font-size: 0.7em; margin: 0 }

div.ftrlnks { width: 960px; clear: both; margin: 0 6px; font-size: 0.75em; padding: 6px 0 }
div.ftrlnks a { display: block; text-decoration: none }
div.ftrlnks a:hover { text-decoration: underline }
div.ftrlnks a.left  { float: left; color: #828CAB }
div.ftrlnks a.right { float: right; color: #FFF }

/* new css added by Erik 05.09.08 */
.deliveryoptions fieldset{border:0!important}
.deliveryoptions label{width:125px;display:block;float:left;font-size:0.7em}
.deliveryoptions input{width:177px}

.deliveryoptionsbutton{width:190px;float:left}
.totalsbutton{width:150px;float:left}

/* new css added by Dan 12.09.08 */
span.req { color: #F00; font-size: 0.7em; font-weight: bold }
.regform { background-color: #E6E8EE; width: 628px; padding: 10px; clear: both }
.regform form, .contactform form { border: 0; padding: 0; margin: 0 }
.regform fieldset, .contactform fieldset { border: 0; padding: 0; margin: 0; clear: both }
div.regform label, div.contactform label { height: 24px; float: left; font-size: 0.7em; border: 0; padding 0; margin: 0 }
div.regform div.frmlft label  { width: 110px }
div.regform div.frmrght label { width: 134px }
.regform input, 
.regform select,
.contactform input, .contactform select 
{ border: 1px solid #7E9DB9; font-size: 11px; width: 156px; padding 0; margin: 0; }
div.regform select#Title { width: 64px }
.frmlft  { width: 314px; float: left }
.frmrght { width: 314px; float: left }
span.bold { font-weight: bold }
div.frmrght input.ucv { width: 160px }
div.frmrght fieldset.submitbuttons { padding: 22px 20px 0 0 }
div.frmrght fieldset.submitbuttons input { width: 63px; height: 23px; float: right; margin-left: 34px; background: #102665 url(../images/bg_button.jpg) repeat-x; color: #FFF; border: 1px solid #081D5C; cursor: pointer; cursor: hand; }
div.regform h3, div.contactform h3 {font-size: 0.7em; font-weight: bold }
.contactform { width: 638px; padding: 10px 10px 10px 0; clear: both }
div.contactform div.frmrght { width: 304px; float: left; background-color: #E6E8EE; padding: 0 0 10px 10px }
div.contactform div.frmlft  { width: 324px; float: left; font-size: 0.9em }
div.contactform div.frmlft p { font-size: 0.8em; margin: 0; border: 0; padding: 0 0 20px 0 }
div.contactform textarea { margin-bottom: 8px; font-family: Tahoma; font-size: 11px; width: 154px }
fieldset.checkboxes input { width: 20px; float: left; margin-top: 4px; border: 0 }
fieldset.checkboxes label { width: 60px; float: left; display: inline }
div.contactform div.frmrght label.lcl { width: 134px }
/* new CSS added by Dan 16.09.08 */
div.findcoursebutton { padding: 1px; background-color: #071D5B; margin-right: 8px; float: left; margin-bottom: 9px }
div.findcoursebutton a { display: block; font-size: 0.75em; color: #FFF; text-decoration: none; background: #102665 url(../images/bg_button.jpg) repeat-x; padding: 2px 9px 3px 9px }
div.findcoursebutton a:hover { text-decoration: underline }
div.maincopy h4 { font-size: 0.85em; font-weight: bold; margin: 0; clear: both; padding-top: 15px }
span.cpd { font-size: 0.85em }
div.maincopy p  {line-height: 1.5em }
div.maincopy ol li { font-size: 0.75em }
div#header a img {border:0}
div.maincopy ol li ol li { font-size: 0.9em }
p.cdh {font-size: 0.85em }
div.send { padding: 1px; background-color: #071D5B; float: right; margin-bottom: 9px }
div.send a { display: block; font-size: 0.75em; color: #FFF; text-decoration: none; background: #102665 url(../images/bg_button.jpg) repeat-x; padding: 2px 14px 3px 14px }
div.send a:hover { text-decoration: underline }
/* new CSS added by Dan 27.10.08 */
div.job input{font-size:0.9em; float:left; margin:2px 7px 2px 2px}
div.job input#Name, div.job input#Firm{margin-bottom:4px}
div.job input#Name {width:118px}
div.job input#Firm {width:111px; margin-right:0}
div.job input#Email{width:172px}
div.job input#Name, div.job input#Firm, div.job input#Email { height:15px}
div.job label{float:left;width:35px;padding-top:3px}
div.job label.firm{width:26px}
div.job input#Submit1 {width: 90px; border: 1px solid #fff; color:#fff; background: none; cursor:hand; cursor:pointer; font-size:1em; padding:1px 0 2px 0; margin:1px 0 0 0}
div.job form { border:0;margin:0;padding:0}
div.signup div.signuperror {float:right; padding-top:3px} 
div.signup p {float:left; padding-bottom:2px}

/* files are anchor tags that have the class "file", and a further class that identifies the file extension */
a.file{display: block; padding: 0px 4px 0px 28px;font-size: 0.75em; }
a.mp3{background-image:url(../images/mp3.gif); background-repeat: no-repeat;background-position: left; }
a.doc{background-image:url(../images/doc.gif); background-repeat: no-repeat; background-position: left; }
a.rtf{background-image:url(../images/rtf.gif); background-repeat: no-repeat;background-position: left; }
a.ppt{background-image:url(../images/ppt.gif); background-repeat: no-repeat;background-position: left; }
a.pdf{background-image:url(../images/pdf.gif); background-repeat: no-repeat; background-position: left; }
a.xls{background-image:url(../images/xls.gif); background-repeat: no-repeat;background-position: left; }


/*News Pages width fix*/
body#newsstory div.maincopy { width:648px; clear: both; float: none }
body#links div.maincopy { width:648px; clear: both; float: none }