/* ------------------------ fixed styles, bug fixes and resets ------------------------ */

html { height: 100%; }
body { text-align: center; font-family: verdana, arial, helvetica, sans-serif; color: #414141; letter-spacing: 0.02em; font-size:100%; background: #8AC5EF url(../images/background-repeater.gif) repeat-x center top; height: 100%; }
img { display: block; border: 0; }
* { padding: 0; margin: 0; }
strong { font-weight: bold; letter-spacing: 0em; }
abbr { border: 0; }
.clearer { height:1px; margin:0 0 -1px; clear:both; overflow:hidden; }
.clearer hr { display:none; }
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
* html .clearfix { zoom:1; } /* IE6 */
*:first-child+html .clearfix { zoom:1; } /* IE7 */
.accessStyle, .hide { display: none; }
select, textarea, input { font-family: verdana, arial, helvetica, sans-serif; font-size: 1em; letter-spacing: 0.02em; line-height: 1.1em; }
form { font-size: 1em; }
fieldset { border: 0; }
/* end fixed styles */





/* ------------------------  structural elements  ------------------------ */

#wrapper { background: url(../images/wrapper-repeater.gif) repeat-y left top; width: 950px; margin: 0 auto; text-align: left; font-size: 0.7em; line-height:1.3em; min-height: 100%; position: relative; }
#wrapperTop { background: url(../images/header-top.gif) no-repeat left top; min-height: 100%; padding-top: 168px; padding-bottom: 12px; }
#header { height: 148px; width: 894px; position: absolute; top: 0; left: 29px; background: url(../images/nav-background.gif) no-repeat left bottom; }
#companyLogo { position: absolute; top: 40px; left: 25px; }
#developingPotential { width: 249px; height: 91px; background: url(../images/developing-your-potential2.gif) no-repeat left top; text-indent: -9999px; position: absolute; top: 23px; right: 25px; }
#mainContent { float: left; width: 736px; padding-bottom: 22px; /* hide excess from section identity graphic for IE */
overflow: hidden; }
#supplementaryContent { float: right; width: 214px; padding: 8px 0 22px 0; position: relative; z-index: 0; }
#supplementaryContent .panel { background: url(../images/panel-repeater.gif) repeat-y left top; width: 167px; margin: 0 0 10px 7px; }
#supplementaryContent .panelBottom { background: url(../images/panel-bottom.gif) no-repeat left bottom; padding-bottom: 10px; position: relative; }
#pageStartBusiness #supplementaryContent #sectionSubNav, #start-a-business #supplementaryContent #sectionSubNav { background: url(../images/panel-rpt-inspired.gif) repeat-y left top; }
#pageGrowBusiness #supplementaryContent #sectionSubNav, #grow-your-business #supplementaryContent #sectionSubNav, #workshops #supplementaryContent #sectionSubNav { background: url(../images/panel-rpt-aspire.gif) repeat-y left top; }
#pageFindQualification #supplementaryContent #sectionSubNav, #find-a-qualification #supplementaryContent #sectionSubNav { background: url(../images/panel-rpt-successful.gif) repeat-y left top; }
#pageFindCourse #supplementaryContent #sectionSubNav, #courses #supplementaryContent #sectionSubNav { background: url(../images/panel-rpt-motivated.gif) repeat-y left top; }
#pageStartBusiness #sectionSubNav .panelBottom, #start-a-business #sectionSubNav .panelBottom { background: url(../images/panel-btm-inspired.gif) no-repeat left bottom; }
#pageGrowBusiness #sectionSubNav .panelBottom, #grow-your-business #sectionSubNav .panelBottom, #workshops #sectionSubNav .panelBottom { background: url(../images/panel-btm-aspire.gif) no-repeat left bottom; }
#pageFindQualification #sectionSubNav .panelBottom, #find-a-qualification #sectionSubNav .panelBottom { background: url(../images/panel-btm-successful.gif) no-repeat left bottom; }
#pageFindCourse #sectionSubNav .panelBottom, #courses #sectionSubNav .panelBottom { background: url(../images/panel-btm-motivated.gif) no-repeat left bottom; }
#supplementaryContent .panelBottom h3 { font-size: 1em; font-weight: bold; color: #414141; padding: 9px 13px 4px 13px; }
#supplementaryContent .panelBottom p { padding: 0 13px 4px 13px; }
.panelBottom #eventsListing { list-style-type: none; }
.panelBottom #eventsListing li { padding-bottom: 5px; border-bottom: 1px solid #E3F1FB; margin: 0 13px; }
.panelBottom #eventsListing li:last-child { border: 0; padding-bottom: 0; }
.panelBottom #eventsListing li p, .panelBottom #eventsListing li h3 { padding-left: 0; padding-right: 0; }
#testimonials .panelBottom p { text-indent: 25px; background: url(../images/quote-open.gif) no-repeat 14px 8px; padding-top: 9px; }
#testimonials .panelBottom .quoteName { text-indent: 0; background: url(../images/quote-close.gif) no-repeat 91% 100%; text-align: right; padding-top: 0; padding-bottom: 20px; }
#testimonials .panelBottom .linkContainer { background: none; text-indent: 0; }
#supplementaryContent #sectionSubNav ul { list-style-type: none; }
#miniBasket ul { list-style-type: none; border-top: 1px solid #E3F1FB; }
#accountLinks ul { list-style-type: none; }
#supplementaryContent #sectionSubNav li, #miniBasket li, #accountLinks li { border-bottom: 1px solid #E3F1FB; margin: 0 2px; }
#supplementaryContent #sectionSubNav li:last-child, #miniBasket li:last-child, #accountLinks li:last-child { border: 0; }
#footer { clear:both; border-top: 1px solid #D8D8D8; color: #838383; text-align: right; margin: 0 40px; padding:10px 0 0 0; font-size: 0.85em; height:80px; }
#footer p { padding: 8px 0 0 0; }
#footer ul#footerLogos { float: left; width:540px; margin: 4px 0 0 0; }
#footer ul#footerLogos li + li { margin:0 0 0 10px; }
#footer #footerLogos li { display: block; height: 48px; float: left; overflow: hidden; line-height: 200px; }
#logoBlink { width: 42px; background: url(../images/logos/business-link.gif) no-repeat left top; }
#logoILM { width: 52px; background: url(../images/logos/ilm.gif) no-repeat left top; }
#footer #footerLogos li#logoWorldpay { width: 132px; background: url(../images/worldpay.gif) no-repeat left top; height: 68px; }
#footer #footerLogos li#logoChamber { width: 55px; background: url(../images/logo-chamber.gif) no-repeat left top; height: 68px; }
#footer #footerLogos li#logoOCR { width: 111px; background: url(../images/logo-ocr.gif) no-repeat left top; height: 50px; }
#logoLDB { width: 101px; background: url(../images/logos/learn-direct-business.gif) no-repeat left top; }
#logoLDSQ { width: 100px; background: url(../images/logos/SFEDI.gif) no-repeat left top; }
#logoBarclays { width: 114px; background: url(../images/logos/barclays.gif) no-repeat left top; }
.contentPadding { padding: 0px 7px 0 42px; font-size: 1.1em; line-height: 1.4em; }
#focusPanels { list-style-type: none; margin: 14px 0 0 0; padding: 0; }
#focusPanels li { width: 165px; float: left; margin-right: 8px; }
#focusPanels li#panelAspirational { margin-right: 0; }
#focusPanels li p { margin: 0; padding: 0; }
#breadcrumbs { list-style-type: none; width: 660px; float: left; padding: 0 0 12px 2px; color: #1169B2; font-size: 0.9em; margin: 0 0 0 10px; }
#pageProductDetails #breadcrumbs { /* no pagination on this page, so allow breadcrumb to expand across: */
float: none; width: auto; padding-bottom: 0; }
#breadcrumbs li { display: inline; }
.paginationBlock { width: 282px; float: right; text-align: right; padding: 0 0 8px 0; color: #1169B2; font-size: 0.9em; }
#bottomPagination { width: auto; float: none; padding-top: 12px; border-top: 1px solid #D8D8D8; margin-left: 3px; }
#topPagination { width: auto; border-bottom: 1px solid #D8D8D8; margin-bottom: 12px; margin-left: 3px; }
#topPagination1 { width: auto; }
#wrapper .paginationBlock p { padding: 0 8px 2px 0; margin: 0; }
/* hide microformat details without disabling them: */
#wrapper .productListing .tagLink, #wrapper .productListing .vcard, #wrapper #mainProductDetails .tagLink, #wrapper #mainProductDetails .vcard { position: absolute; left: -9999px; }
.productListing { padding: 0 0 28px 0; }
.productListing .offer-sell { list-style-type: none; margin: 0; padding: 0; }
.productListing .offer-sell .item { width: 216px; background: url(../images/dyn-item-repeater.gif) repeat-y left top; float: left; margin-right: 19px; }
.productListing .offer-sell .lastItem { margin-right: 0; }
.productListing .offer-sell .itemDetails { background: url(../images/dyn-item-bottom.gif) no-repeat left bottom; padding: 8px 0 12px 0; }
.productListing .offer-sell .item h3.fn { margin: 0; padding: 0; background: url(../images/dyn-item-header.gif) no-repeat left top; }
.productListing .offer-sell .item .fnInner { margin: 0 2px; border-bottom: 1px solid #fff; display: block; }
.productListing .fn a:link, .productListing .fn a:visited { color: #fff; display: block; padding: 10px 11px 8px 11px; font-weight: normal; text-decoration: none; }
.productListing .fn a:hover, .productListing .fn a:active { color: #fff; display: block; padding: 10px 11px 8px 11px; font-weight: normal; text-decoration: underline; }
.productListing .new { background: #176DB4 url(../images/new-repeater.gif) repeat-x left top; color: #fff; font-weight: bold; margin: 0 3px; border-bottom: 1px solid #fff; }
.productListing .new span { display: block; padding: 4px 11px; }
.productListing .price, #mainProductDetails .price { border-top: 1px solid #CBBECB; border-bottom: 1px solid #CBBECB; margin: 3px 14px; padding: 4px 0; text-align: right; }
.productListing ul.buttonLinks { list-style-type: none; margin: 8px 3px 3px 3px; padding: 0; }
.productListing ul.buttonLinks a:link, .productListing ul.buttonLinks a:visited { background: url(../images/purple-arrow.gif) no-repeat 11px 6px; display: block; font-weight: normal; color: #830B81; text-decoration: none; }
.productListing ul.buttonLinks a:hover, .productListing ul.buttonLinks a:active { background: #F6EEF6 url(../images/purple-arrow.gif) no-repeat 13px 6px; display: block; font-weight: normal; color: #830B81; text-decoration: none; }
.productListing ul.buttonLinks a { /* fix for IE6 */
display: inline-block; }
.productListing ul.buttonLinks a span.linkPadding { display: block; padding: 3px 8px 3px 27px; }
.addBasketButton { background: url(../images/purple-arrow.gif) no-repeat 11px 6px; border: 0; cursor: pointer; color: #830B81; padding: 3px 8px 3px 25px; width: 210px; text-align: left; }
.addBasketButton:hover { background: #F6EEF6 url(../images/purple-arrow.gif) no-repeat 13px 6px; }
/* start product details styles: */
#mainProductDetails { background: url(../images/prod-details-repeater.gif) repeat-y left top; width: 684px; }
#mainProductDetails .offer-sell { background: url(../images/prod-details-bottom.gif) no-repeat left bottom; padding-bottom: 6px; }
#mainProductDetails h3.fn { background: url(../images/prod-details-header.gif) no-repeat left top; width: 684px; color: #fff; padding: 0; margin: 0; }
#mainProductDetails h3.fn a { color: #fff; text-decoration: none; cursor: default; display: block; padding: 10px 8px 8px 13px; }
#mainProductDetails .itemDetails { border-top: 1px solid #fff; margin: 0 2px; padding: 12px 0 0 0; }
#mainProductDetails .description li { margin-left: 28px; }
#mainProductDetails .styledSubmit { float: right; margin: 6px 6px 24px 0; }
#wrapper #mainProductDetails .actionLinks { border-top: 1px solid #CBBECB; border-bottom: 1px solid #CBBECB; clear: both; }
#splitWrapper { background: url(../images/split-repeater.gif) repeat-y center top; margin-top: 20px; }
#splitLeft { float: left; width: 320px; }
#splitRight { float: right; width: 320px; }
#splitLeft form { padding-left: 13px; }
#wrapper #splitRight .actionLinks { margin-top: 22px; }
.contentBlock { background: #CAE5F8 url(../images/form-repeater.gif) repeat-y left top; clear: both; width: 684px; margin-bottom: 10px; }
.contentBlockTop { background: url(../images/form-top.gif) no-repeat left top; }
.contentBlockBottom { background: url(../images/form-bottom.gif) no-repeat left bottom; padding: 20px 14px; }
#wrapper ol#news-list, #wrapper ol#testimonial-list { list-style-type: none; margin: 0 4px 0 0px; padding: 0; border-top: 1px solid #D8D8D8; }
#wrapper #blog-list { list-style-type: none; margin: 0 4px 0 0px; padding: 0; }
#wrapper #blog-list li { border-bottom: 1px solid #D8D8D8; padding: 15px 0 28px 0; }
#wrapper #blog-list li:last-child { border: 0; }
#wrapper #blog-list .BlogTitle { float: left; width: 400px; }
#wrapper #blog-list .BlogPosted { float: right; width: 225px; text-align: right; padding-top: 3px; }
#wrapper #blog-list .BlogContinueReading { float: right; width: 325px; text-align: right; padding-top: 0px; }
#wrapper ol#news-list li { border-bottom: 1px solid #D8D8D8; }
#wrapper ol#testimonial-list li { border-bottom: 1px solid #D8D8D8; padding: 12px 0; float: left; clear: both; width: 100%; }
#wrapper ol#news-list h3 { color: #830B81; margin-top: 12px; padding: 0; }
#wrapper ol#news-list .date { font-size: 0.9em; padding: 0 0 12px 14px; }
#wrapper ol#news-list .txt-right { text-align: right; font-size: 0.9em; padding: 0 0 8px 0; }
#pageNews h3.date { color: #830B81; font-size: 1.0em; }
#pageNews .txt-right { text-align: right; font-size: 0.9em; padding: 16px 10px 8px 0; }
#wrapper ol#testimonial-list p.quote { background: url(../images/white-quote-open.gif) no-repeat 11px 1px; text-indent: 24px; margin: 12px 0; font-style: italic; padding-bottom: 0; }
#wrapper ol#testimonial-list p.quoteName { background: url(../images/white-quote-close.gif) no-repeat right top; color: #830B81; padding-top: 6px; padding-bottom: 0; }
#blogArticles ul { list-style-type: none; }
#caseStudiesDetails img { float:left; border:1px solid #D8D8D8; padding:2px; margin:5px 15px 10px 10px; }
/*end structural*/





/* ------------------------  flexible stylings   ------------------------ */

h1, h2, h3, h4, h5, h6 { color:#1169B2; padding-bottom:6px; letter-spacing: 0em; }
h1 { font-size:1.6em; line-height:1.2em; }
h1.styledHeader { width: 619px; height: 29px; text-indent: -9999px; }
h1.dynamicHeader, h2.dynamicHeader { color: #1169B2; font-weight: bold; font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; font-size: 1.7em; }
h2.dynamicsubHeader { color: #1169B2; font-weight: bold; font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; font-size: 1.5em; }
h3.dynamicsubHeader { color: #1169B2; font-weight: normal; font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif; font-size: 1.25em; padding-bottom: 0; }
h1#welcomeSfE { background: url(../images/headers/welcome.gif) no-repeat left top; margin-top:20px; }
h1#sectionIdentity { width: 691px; height: 100px; text-indent: -9999px; padding: 0; margin: 0; /* default: */
background: url(../images/headers/page-be-involved.gif) no-repeat left top; }
h2#whatTheySay { margin-top: 15px; background-image: url(../images/headers/what-people-say.gif); background-repeat: no-repeat; background-position: left top; }

#pageGrowBusiness h1#sectionIdentity, #dynSectionGrow h1#sectionIdentity, #grow-your-business h1#sectionIdentity, #workshops h1#sectionIdentity { background: url(../images/headers/page-be-aspirational.gif) no-repeat left top; }
#pageStartBusiness h1#sectionIdentity, #dynSectionStart h1#sectionIdentity, #start-a-business h1#sectionIdentity { background: url(../images/headers/page-be-inspired.gif) no-repeat left top; }
#pageFindQualification h1#sectionIdentity, #dynSectionQualification h1#sectionIdentity, #find-a-qualification h1#sectionIdentity { background: url(../images/headers/page-be-successful.gif) no-repeat left top; }
#pageFindCourse h1#sectionIdentity, #dynSectionCourse h1#sectionIdentity, #courses h1#sectionIdentity { background: url(../images/headers/page-be-motivated.gif) no-repeat left top; }

#dynSectionOther h1#sectionIdentity,
#pagePrivacy h1#sectionIdentity,
#terms h1#sectionIdentity,
#pageGrowBusiness h1#sectionIdentity, #dynSectionGrow h1#sectionIdentity, #grow-your-business h1#sectionIdentity, #workshops h1#sectionIdentity,
#pageStartBusiness h1#sectionIdentity, #dynSectionStart h1#sectionIdentity, #start-a-business h1#sectionIdentity,
#pageFindQualification h1#sectionIdentity, #dynSectionQualification h1#sectionIdentity, #find-a-qualification h1#sectionIdentity,
#pageFindCourse h1#sectionIdentity, #dynSectionCourse h1#sectionIdentity, #courses h1#sectionIdentity{ display: none; }


h2 { font-size:1.4em; line-height:1.2em; }
h2.styledHeader { width: 619px; height: 31px; text-indent: -9999px; }
h2#whatCanWeDo { background: url(../images/headers/what-can-we-do-for-you.gif) no-repeat left top; margin-top: 32px; }
#supplementaryContent .panel h2 { width: 167px; height: 33px; text-indent: -9999px; padding-bottom: 0; }
/* Ie 7 fix: */
#upcomingEvents { position: relative; z-index: 999; }
#latestNews { position: relative; z-index: 9; }
#upcomingEvents h2 { background: url(../images/headers/upcoming-events.gif) no-repeat left top; }
#upcomingEvents h2.destroy-header { background: none; text-indent:0; }
#latestNews h2 { background: url(../images/headers/latest-news.gif) no-repeat left top; }
#blogArticles h2 { background: url(../images/headers/blog-articles.gif) no-repeat left top; }
#testimonials h2 { background: url(../images/headers/testimonials.gif) no-repeat left top; }
#sectionSubNav h2 { background: url(../images/headers/in-this-section.gif) no-repeat left top; }
#pageStartBusiness #sectionSubNav h2, #start-a-business #sectionSubNav h2 { background: url(../images/headers/section-inspired.gif) no-repeat left top; }
#pageGrowBusiness #sectionSubNav h2, #grow-your-business #sectionSubNav h2, #workshops #sectionSubNav h2 { background: url(../images/headers/section-motivational.gif) no-repeat left top; }
#pageFindQualification #sectionSubNav h2, #find-a-qualification #sectionSubNav h2 { background: url(../images/headers/section-successful.gif) no-repeat left top; }
#pageFindCourse #sectionSubNav h2, #courses #sectionSubNav h2 { background: url(../images/headers/section-motivated.gif) no-repeat left top; }
#miniBasket h2 { background: url(../images/headers/my-basket.gif) no-repeat left top; }
#accountLinks h2 { background: url(../images/headers/my-account.gif) no-repeat left top; }
/* hide basket panels on basket page: */
#pageBasket #miniBasket { display: none; }
#focusPanels h2 { width: 165px; height: 34px; text-indent: -9999px; padding: 0; margin: 0; }
#focusPanels #panelMotivated h2 { background: url(../images/headers/be-motivated.gif) no-repeat left top; }
#focusPanels #panelSuccessful h2 { background: url(../images/headers/be-successful.gif) no-repeat left top; }
#focusPanels #panelInspired h2 { background: url(../images/headers/be-inspired.gif) no-repeat left top; }
#focusPanels #panelAspirational h2 { background: url(../images/headers/be-aspirational.gif) no-repeat left top; }
h3 { font-size:1.2em; line-height:1.1em; }
#focusPanels h3 { width: 165px; height: 140px; text-indent: -9999px; padding: 0; margin: 0; }
#focusPanels #panelMotivated h3 { background: url(../images/headers/courses.jpg) no-repeat left top; }
#focusPanels #panelSuccessful h3 { background: url(../images/headers/get-a-qualification.jpg) no-repeat left top; }
#focusPanels #panelInspired h3 { background: url(../images/headers/start-a-business.jpg) no-repeat left top; }
#focusPanels #panelAspirational h3 { background: url(../images/headers/grow-my-business.jpg) no-repeat left top; }
h4, h5, h6 { font-size:1.2em; line-height:1.1em; }
p { padding-bottom:12px; }
.contentPadding p { padding: 0 8px 12px 12px; }
.contentPadding ul, .contentPadding ol { padding: 0 8px 12px 12px; margin-left: 20px; }
.contentPadding h1, .contentPadding h2, .contentPadding h3, .contentPadding h4, .contentPadding h5, .contentPadding h6 { margin-left: 12px; }
.contentBlock h1, .contentBlock h2, .contentBlock h3, .contentBlock h4, #wrapper .contentBlock p { margin-left: 0; padding-left: 0; }
.smaller { font-size:0.9em; }
.alertWrapper { width: 672px; background: url(../images/alert-top.gif) no-repeat left top; margin-bottom: 10px; }
#wrapper .alertWrapper .alert, #wrapper .alertWrapper .alert2, #wrapper .alertWrapper .alert3, #wrapper .alertWrapper .success { display: block; padding: 7px 12px 9px 12px; color: white; font-weight: bold; margin: 0; background: url(../images/alert-bottom.gif) no-repeat left bottom; }
.contentPadding ul { padding: 0 8px 12px 12px; }
ul.bulletedLeft { float: left; width: 300px; list-style-type: none; margin: 10px 0 0 2px; }
ul.bulletedRight { float: right; width: 300px; list-style-type: none; margin: 10px 0 0 2px; }
ul.bulletedRight li, ul.bulletedLeft li { padding-left:12px; background:url(../images/arrow.gif) no-repeat left 4px; }
/* end  flexible */





/* ------------------------ link styles ------------------------ */

a:link, a:visited { color: #1169B2; font-weight: bold; text-decoration: underline; letter-spacing: 0em; }
a:hover, a:active { color: #830B81; font-weight: bold; text-decoration: underline; letter-spacing: 0em; }
#footer a:link, #footer a:visited { color: #838383; font-weight: normal; text-decoration: none; }
#footer a:hover, #footer a:active { color: #838383; font-weight: normal; text-decoration: underline; }
.linkContainer { text-align: right; }
#supplementaryContent .panel .linkContainer a:link, #supplementaryContent .panel .linkContainer a:visited { font-size: 0.9em; font-weight: normal; text-decoration: none; color: #1169B2; }
#supplementaryContent .panel .linkContainer a:hover, #supplementaryContent .panel .linkContainer a:active { font-size: 0.9em; font-weight: normal; text-decoration: underline; color: #1169B2; }
#focusPanels p a:link, #focusPanels p a:visited { width: 165px; height: 69px; overflow: hidden; text-indent: -9999px; background-repeat: no-repeat; background-position: left top; display: block; text-decoration: none; }
#focusPanels p a:hover, #focusPanels p a:active { width: 165px; height: 69px; overflow: hidden; text-indent: -9999px; background-repeat: no-repeat; background-position: right top; display: block; text-decoration: none; }
#focusPanels #panelMotivated p a { background-image: url(../images/course-read-more.jpg); }
#focusPanels #panelSuccessful p a { background-image: url(../images/qualification-read-more.jpg); }
#focusPanels #panelInspired p a { background-image: url(../images/start-read-more.jpg); }
#focusPanels #panelAspirational p a { background-image: url(../images/grow-read-more.jpg); }
#supplementaryContent #sectionSubNav a:link, #supplementaryContent #sectionSubNav a:visited, #miniBasket ul a:link, #miniBasket ul a:visited, #accountLinks ul a:link, #accountLinks ul a:visited { color: #1169B2; text-decoration: none; font-weight: normal; display: block; width: 162px; background: url(../images/nav-arrow.gif) no-repeat 10px 7px; }
#supplementaryContent #sectionSubNav a:hover, #supplementaryContent #sectionSubNav a:active, #miniBasket ul a:hover, #miniBasket ul a:active, #accountLinks ul a:hover, #accountLinks ul a:active { color: #1169B2; text-decoration: none; font-weight: normal; display: block; width: 162px; background: #fff url(../images/nav-arrow.gif) no-repeat 13px 7px; }
#pageStartBusiness #sectionSubNav a:link, #pageStartBusiness #sectionSubNav a:visited, #start-a-business #sectionSubNav a:link, #start-a-business #sectionSubNav a:visited { color: #BD1162; background: url(../images/nav-arrow-inspired.gif) no-repeat 10px 7px; }
#pageStartBusiness #sectionSubNav a:hover, #pageStartBusiness #sectionSubNav a:active, #start-a-business #sectionSubNav a:hover, #start-a-business #sectionSubNav a:active { color: #BD1162; background: #fff url(../images/nav-arrow-inspired.gif) no-repeat 13px 7px; }
#pageGrowBusiness #sectionSubNav a:link, #pageGrowBusiness #sectionSubNav a:visited, #grow-your-business #sectionSubNav a:link, #grow-your-business #sectionSubNav a:visited, #workshops #sectionSubNav a:link, #workshops #sectionSubNav a:visited { color: #7B9202; background: url(../images/nav-arrow-aspire.gif) no-repeat 10px 7px; }
#pageGrowBusiness #sectionSubNav a:hover, #pageGrowBusiness #sectionSubNav a:active, #grow-your-business #sectionSubNav a:hover, #grow-your-business #sectionSubNav a:active, #workshops #sectionSubNav a:hover, #workshops #sectionSubNav a:active { color: #7B9202; background: #fff url(../images/nav-arrow-aspire.gif) no-repeat 13px 7px; }
#pageFindQualification #sectionSubNav a:link, #pageFindQualification #sectionSubNav a:visited, #find-a-qualification #sectionSubNav a:link, #find-a-qualification #sectionSubNav a:visited { color: #CB9001; background: url(../images/nav-arrow-successful.gif) no-repeat 10px 7px; }
#pageFindQualification #sectionSubNav a:hover, #pageFindQualification #sectionSubNav a:active, #find-a-qualification #sectionSubNav a:hover, #find-a-qualification #sectionSubNav a:active { color: #CB9001; background: #fff url(../images/nav-arrow-successful.gif) no-repeat 13px 7px; }
#pageFindCourse #sectionSubNav a:link, #pageFindCourse #sectionSubNav a:visited, #courses #sectionSubNav a:link, #courses #sectionSubNav a:visited { color: #E14A00; background: url(../images/nav-arrow-motivated.gif) no-repeat 10px 7px; }
#pageFindCourse #sectionSubNav a:hover, #pageFindCourse #sectionSubNav a:active, #courses #sectionSubNav a:hover, #courses #sectionSubNav a:active { color: #E14A00; background: #fff url(../images/nav-arrow-motivated.gif) no-repeat 13px 7px; }
#supplementaryContent #sectionSubNav a span, #miniBasket a span, #accountLinks a span { padding: 4px 11px 4px 25px; display: block; }
#breadcrumbs a:link, #breadcrumbs a:visited { color: #414141; font-weight: normal; text-decoration: none; background: url(../images/arrow.gif) no-repeat right center; padding-right: 15px; margin-right: 4px; }
#breadcrumbs a:hover, #breadcrumbs a:active { color: #1169B2; font-weight: normal; text-decoration: underline; background: url(../images/arrow.gif) no-repeat right center; padding-right: 15px; margin-right: 4px; }
.paginationBlock a:link, .paginationBlock a:visited { color: #414141; font-weight: bold; text-decoration: none; }
.paginationBlock a:hover, .paginationBlock a:active { color: #1169B2; font-weight: bold; text-decoration: underline; }
.paginationBlock a span { /* style the next/prev/first/last links differently: */
font-weight: normal; }
#wrapper .actionLinks { list-style-type: none; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; margin: 12px 14px; padding: 6px 0; }
.actionLinks a { display: inline-block; }
.actionLinks a:link, .actionLinks a:visited { text-decoration: none; background: url(../images/arrow.gif) no-repeat 3px 8px; font-weight: normal; display: block; }
.actionLinks a:hover, .actionLinks a:active { text-decoration: none; background: url(../images/arrow.gif) no-repeat 5px 8px; font-weight: normal; display: block; }
#wrapper .actionLinks a span { display: block; padding: 3px 18px; float: none; width: auto; }
#mainProductDetails .actionLinks a:link, #mainProductDetails .actionLinks a:visited { background: url(../images/purple-arrow.gif) no-repeat 3px 8px; }
#mainProductDetails .actionLinks a:hover, #mainProductDetails .actionLinks a:active { background: url(../images/purple-arrow.gif) no-repeat 5px 8px; }
#wrapper .contentBlock .actionLinks { border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-left: 0; margin-right: 0; }
#wrapper .contentBlock .actionLinks a:link, #wrapper .contentBlock .actionLinks a:visited { background: url(../images/nav-arrow.gif) no-repeat 3px 8px; }
#wrapper .contentBlock .actionLinks a:hover, #wrapper .contentBlock .actionLinks a:active { background: url(../images/nav-arrow.gif) no-repeat 5px 8px; }
/*end link styles*/


/* buttons */

#logInButton:link, #logInButton:visited { width: 167px; height: 35px; text-indent: -9999px; background: url(../images/buttons/log-in.gif) no-repeat left top; display: block; margin: 0 0 10px 7px; overflow: hidden; }
#logInButton:hover, #logInButton:active { width: 167px; height: 35px; text-indent: -9999px; background: url(../images/buttons/log-in.gif) no-repeat right top; display: block; margin: 0 0 10px 7px; overflow: hidden; }
#pageSignin #logInButton { display: none; }
#wrapper .styledSubmit { border: 1px solid #1169B2; background: #1169B2 url(../images/buttons/button-repeat.gif) repeat-x left top; color: #fff; padding: 3px 12px 4px 12px; cursor: pointer; font-size: 0.9em; line-height: 16px; /* stop IE adding its own padding: */
overflow: visible; }
#pageSignin #wrapper .styledSubmit { float: right; margin: 8px 14px 0 0; display: inline; }
#pageSignin #wrapper .fakeButton { float: right; margin: 0 6px 12px 0; display: inline; }
.fakeButton:link, .fakeButton:visited { border: 1px solid #1169B2; background: #1169B2 url(../images/buttons/button-repeat.gif) repeat-x left top; color: #fff; display: block; line-height: 16px; padding: 3px 12px; /* the padding is adjusted in IE6.css */
cursor: pointer; font-size: 0.9em; text-decoration: none; font-weight: normal; /* shrink to fit: */
float: left; }
.fakeButton:hover, .fakeButton:active { border: 1px solid #1169B2; background: #1169B2 url(../images/buttons/button-repeat.gif) repeat-x left top; color: #fff; display: block; line-height: 16px; padding: 3px 12px; font-size: 0.9em; /* the padding is adjusted in IE6.css */
cursor: pointer; text-decoration: none; font-weight: normal; /* shrink to fit: */
float: left; }
.fakeButtonMargin { margin-right: 8px; }
#pageBasket #updateBookings { float: left; margin: 0 124px; }
#pageBasket #basketCheckout { float: left; }
/* end buttons */


/* ------------------------  global navigation  ------------------------ */

#globalNav { list-style-type: none; position: absolute; bottom: 0; left: 12px; z-index: 100; }
#globalNav li { float: left; margin-right: 3px; position: relative; }
#globalNav li a { height: 32px; display: block; overflow: hidden; text-indent: -9999px; text-decoration: none; }
#globalNav li ul { position: absolute; top: 32px; width: 200px; background-image: none; left: 0; display: none; border-top-width: 1px; border-top-style: solid; border-top-color: #FFF; }
#globalNav li:hover ul { display: block; }
#globalNav li ul li { list-style-type: none; position: relative; }
#navHome a:link, #navHome a:visited { background: url(../images/nav/home.gif) no-repeat left top; width: 60px; }
#navHome a:hover, #navHome a:active, #pageHome #navHome a.mainMenu:link, #pageHome #navHome a.mainMenu:visited { background: url(../images/nav/home.gif) no-repeat right top; width: 60px; }
#navEvents a:link, #navEvents a:visited { background: url(../images/nav/events.gif) no-repeat left top; width: 69px; }
#navEvents a:hover, #navEvents a:active, #pageEvents #navEvents a.mainMenu:link, #pageEvents #navEvents a.mainMenu:visited { background: url(../images/nav/events.gif) no-repeat right top; width: 69px; }
#navFindCourse a:link, #navFindCourse a:visited { background: url(../images/nav/find-course.gif) no-repeat left top; width: 101px; }
#navFindCourse a:hover, #navFindCourse a:active, #pageFindCourse #navFindCourse a.mainMenu:link, #pageFindCourse #navFindCourse a.mainMenu:visited, #courses #navFindCourse a.mainMenu:link, #courses #navFindCourse a.mainMenu:visited { background: url(../images/nav/find-course.gif) no-repeat right top; width: 101px; }
#navFindQualification a:link, #navFindQualification a:visited { background: url(../images/nav/find-qualification.gif) no-repeat left top; width: 135px; }
#navFindQualification a:hover, #navFindQualification a:active, #pageFindQualification #navFindQualification a.mainMenu:link, #pageFindQualification #navFindQualification a.mainMenu:visited, #find-a-qualification #navFindQualification a.mainMenu:link, #find-a-qualification #navFindQualification a.mainMenu:visited { background: url(../images/nav/find-qualification.gif) no-repeat right top; width: 135px; }
#navStartBusiness a:link, #navStartBusiness a:visited { background: url(../images/nav/start-business.gif) no-repeat left top; width: 122px; }
#navStartBusiness a:hover, #navStartBusiness a:active, #pageStartBusiness #navStartBusiness a.mainMenu:link, #pageStartBusiness #navStartBusiness a.mainMenu:visited, #start-a-business #navStartBusiness a.mainMenu:link, #start-a-business #navStartBusiness a.mainMenu:visited { background: url(../images/nav/start-business.gif) no-repeat right top; width: 122px; }
#navGrowBusiness a:link, #navGrowBusiness a:visited { background: url(../images/nav/grow-business.gif) no-repeat left top; width: 141px; }
#navGrowBusiness a:hover, #navGrowBusiness a:active, #pageGrowBusiness #navGrowBusiness a.mainMenu:link, #pageGrowBusiness #navGrowBusiness a.mainMenu:visited, #grow-your-business #navGrowBusiness a.mainMenu:link, #grow-your-business #navGrowBusiness a.mainMenu:visited, #workshops #navGrowBusiness a.mainMenu:link, #workshops #navGrowBusiness a.mainMenu:visited { background: url(../images/nav/grow-business.gif) no-repeat right top; width: 141px; }
#navAboutUs a:link, #navAboutUs a:visited { background: url(../images/nav/about-us.gif) no-repeat left top; width: 79px; }
#navAboutUs a:hover, #navAboutUs a:active, #pageAboutUs #navAboutUs a.mainMenu:link, #pageAboutUs #navAboutUs a.mainMenu:visited, #about-us #navAboutUs a.mainMenu:link, #about-us #navAboutUs a.mainMenu:visited { background: url(../images/nav/about-us.gif) no-repeat right top; width: 79px; }
#navBlog a:link, #navBlog a:visited { background: url(../images/nav/blog.gif) no-repeat left top; width: 50px; }
#navBlog a:hover, #navBlog a:active, #pageBlog #navBlog a.mainMenu:link, #pageBlog #navBlog a.mainMenu:visited { background: url(../images/nav/blog.gif) no-repeat right top; width: 50px; }
#navNews a:link, #navNews a:visited { background: url(../images/nav/news.gif) no-repeat left top; width: 50px; }
#navNews a:hover, #navNews a:active, #pageNews #navNews a.mainMenu:link, #pageNews #navNews a.mainMenu:visited { background: url(../images/nav/news.gif) no-repeat right top; width: 50px; }
#navContactUs a:link, #navContactUs a:visited { background: url(../images/nav/contact-us.gif) no-repeat left top; width: 88px; }
#navContactUs a:hover, #navContactUs a:active, #pageContactUs #navContactUs a.mainMenu:link, #pageContactUs #navContactUs a.mainMenu:visited { background: url(../images/nav/contact-us.gif) no-repeat right top; width: 88px; }
#wrapper #globalNav li ul li a { background-image: none; color: #000; background-color: #850f83; text-indent: 0px; width: 180px; padding-left: 15px; padding-bottom: 5px; padding-top: 5px; color: #fff; font-weight: normal; height: auto; position: relative; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #580a56; }
#wrapper #globalNav li ul li a:hover { background-color: #186eb4; }
#wrapper #globalNav li ul li ul { left: 195px; position: absolute; display: none; top: 0; border-left-width: 1px; border-left-style: solid; border-left-color: #FFF; border-top: none; }
#wrapper #globalNav li ul li:hover ul { display: block; }
/*end navigation /*





/* ------------------------  start form elements ------------------------  */

.styledForm select, .styledForm textarea, .styledForm input { display:block; float:left; margin-bottom:8px; padding:2px; color:#333333; }
.styledForm { clear: both; }
.styledForm br, .styledForm .clearer { clear:both; width:100%; }
.styledForm label, .styledForm .fakeLabel { float: left; width: 230px; }
.styledForm .styledInput { border: 1px solid #70A5D1; width: 270px; margin-right: 8px; }
.styledForm .selectBox, .styledForm .styledSelect { border: 1px solid #70A5D1; width: 276px; margin-right: 8px; }
/* fix firefox bug where it borders hidden input fields */
input[type=hidden] { display: none; }
#pageSignin .styledForm label { width: 120px; margin-left: 12px; }
#pageSignin .styledInput { width: 168px; border: 1px solid #70A5D1; }
.styledForm .styledCheckbox { margin: 0px 12px 0 0; float: left; }
.styledRadioSelectForm ol, .styledRadioSelectForm ul { list-style-type: none; margin: 0; padding: 0; }
.styledRadioSelectForm li { padding-bottom: 8px; }
.styledRadioSelectForm li label { float: right; width: 600px; display: block; }
.styledRadioSelectForm li span { /* radio button holder */
float: left; width: 20px; }
.styledRadioSelectForm span input { /* radio button */
margin-top: 3px; }
.styledRadioSelectForm br { width: 100%; clear: both; }
.styledRadioSelectForm .styledSubmit, .styledRadioSelectForm .fakeButton { float: right; margin-bottom: 12px; }
.styledRadioSelectForm .fakeLabel { float: left; width: 200px; padding-top: 4px; }
/* end form elements */







/* ------------- styled tables: ----------------- */

.styledTable { border-collapse: collapse; font-size: 1em; width: 685px; margin: 3px 0; background: #EDDDED; border: 1px solid #D8D8D8; position: relative; color: #1E1E1E; clear: both; }
#pageCheckout3 .styledTable { width: 669px; margin-left: 3px; }
.styledTable th { color: #fff; padding: 4px 15px; background: #A248A1; border-bottom: 1px solid #fff; font-weight: normal; }
.styledTable th.shadowed { background: #840D82 url(../images/table-header.gif) repeat-x left top; }
.styledTable td { padding: 4px 15px; border-bottom: 1px solid #fff; }
.styledTable .styledInput { border: 1px solid #CBBECB; margin: 3px 0 6px 0; padding: 3px 0 3px 2px; }
#pageBasket #basket_message { width: 667px; margin: 6px 0 0 0; padding: 0; }
.styledTable .fixedWidthHead { /* standardise tables with <th>s in the left column: */
width: 290px; }
.styledTable .againstInput { float: right; margin: 6px 0 0 7px; }
#wrapper .styledRadioSelectForm .styledTable { /* tables in checkout process forms: */
width: 658px; border: 1px solid #46474A; }
.styledRadioSelectForm .styledTable th, .styledRadioSelectForm .styledTable td { border-bottom: 1px solid #46474A; }
.contentBlock .styledTable { /* tables in account pages within contentBlock: */
width: 644px; border-top: 1px solid #fff; border-left: 0; border-right: 0; border-bottom: 0; margin: 3px 0 12px 0; }
.contentBlock .styledTable th { background: #478BC4; }
.contentBlock .styledTable td { background: #fff; border-bottom: 1px solid #D8D8D8; }
.contentBlock .fakeButton { float: right; margin-top: 12px; }
#wrapper .contentBlock .fakeButtonCancel { float: left; }
#pageBasket .contentBlock #basket_message { width: 655px; margin: 6px 0 0 0; padding: 0; }
#pageManageAccount .styledTable { /* lots of tables on the account management page, so split them apart visually: */
margin-top: 26px; margin-bottom: 6px; }
.styledTable a { font-weight: normal; }
/* end styled tables */


/* ---------- start registration bread crumb styles -------------- */


#breadcrumbProcess { list-style-type: none; width: 673px; height: 27px; background: #2A79BA url(../images/register-process-background.gif) no-repeat left top; color: #fff; position: relative; margin: 0 0 8px 0; padding: 4px 0; font-size: 0.9em; }
#breadcrumbProcess li { width: 166px; height: 28px; float: left; display: block; background-image: url(../images/breadcrumb-arrow-white.gif); background-repeat: no-repeat; background-position: left center; line-height: 26px; }
#wrapper ol[id="breadcrumbProcess"] li { /* present png for better browsers */
background-image: url(../images/breadcrumb-arrow-white.png); }
#breadcrumbProcess li span { padding: 0 0 0 42px; }
#breadcrumbProcess li#process1 { background: none; }
#breadcrumbProcess li#process1 span { padding: 0 0 0 12px; }
/* show current stage: */
#pageRegister1 #breadcrumbProcess li#process1 span, #pageCheckout1 #breadcrumbProcess li#process1 span { font-weight: bold; color: #CAE5F8; letter-spacing: 0; }
#pageRegister2 #breadcrumbProcess li#process2 span, #pageCheckout2 #breadcrumbProcess li#process2 span { font-weight: bold; color: #CAE5F8; letter-spacing: 0; }
#pageRegister3 #breadcrumbProcess li#process3 span, #pageCheckout3 #breadcrumbProcess li#process3 span { font-weight: bold; color: #CAE5F8; letter-spacing: 0; }
#pageRegister4 #breadcrumbProcess li#process4 span, #pageCheckout4 #breadcrumbProcess li#process4 span { font-weight: bold; color: #CAE5F8; letter-spacing: 0; }
/* end registration bread crumb styles */






/* tinyMCE styles */

#mainContent .ImageLeft { float: left; margin: 0 12px 12px 0; display: block; }
#mainContent .ImageRight { float: right; margin: 0 0 12px 12px; display: block; }
#mainContent .clearImages { clear: both; }
/* end tinyMCE styles */


/* events calendar: */


#wrapper .hasDatepicker { width: 130px; letter-spacing: 0em; font-size: 0.9em; }
#wrapper #mainContent .hasDatepicker { width: 216px; background: url(../images/dyn-item-repeater.gif) repeat-y left top; letter-spacing: 0em; font-size: 0.9em; }
.ui-datepicker-inline { background: url(../images/dyn-item-bottom.gif) no-repeat left bottom; }
.ui-datepicker-links { margin: 0; padding: 10px 14px 0 14px; background: url(../images/dyn-item-header.gif) no-repeat left top; height: 25px; }
.ui-datepicker-inline a:link, .ui-datepicker-inline a:visited { color: #414141; text-decoration: none; font-weight: normal; letter-spacing: 0em; cursor: pointer; padding: 0; margin: 0; }
.ui-datepicker-inline a:hover, .ui-datepicker-inline a:active { color: #830B81; text-decoration: none; font-weight: normal; letter-spacing: 0em; cursor: pointer; padding: 0; margin: 0; }
#mainContent .ui-datepicker-links a, #mainContent .ui-datepicker-links a:link, #mainContent .ui-datepicker-links a.visited { color: #fff; text-decoration: none; letter-spacing: 0em; padding: 0; margin: 0; }
#mainContent .ui-datepicker-links a:hover, #mainContent .ui-datepicker-links a.active { color: #fff; text-decoration: underline; letter-spacing: 0em; padding: 0; margin: 0; }
#mainContent .ui-datepicker-prev { color:#FFFFFF; float: left; width: 50px; }
#mainContent .ui-datepicker-current { color:#FFFFFF; float: left; text-align: center; width: 88px; }
#mainContent .ui-datepicker-next { color:#FFFFFF; float: right; width: 50px; text-align: right; }
.ui-datepicker-inline select { padding:2px; color:#333333; border: 1px solid #830B81; }
.ui-datepicker-new-month { width: 120px; margin: 6px 0 0 12px; }
.ui-datepicker-new-year { width: 64px; margin: 6px 0 0 6px; }
.ui-datepicker-inline table.ui-datepicker { margin: 6px 12px 15px 12px; border: 1px solid #fff; }
.ui-datepicker-inline td a, .ui-datepicker-inline td a:link, .ui-datepicker-inline td a:visited { text-align: center; width: 25px; padding: 2px 0; color: #830B81; display: block; }
.ui-datepicker-days-cell { border: 1px solid #fff!important; }
.ui-datepicker-inline td a:hover, .ui-datepicker-inline td a:active { text-align: center; width: 25px; padding: 2px 0; color: #830B81; display: block; background: #D8B3D7; }
.ui-datepicker-inline td.ui-datepicker-days-cell a { color: #414141; }
#wrapper .ui-datepicker-inline td.ui-datepicker-current-day a, #wrapper .ui-datepicker-inline td.ui-datepicker-today a { background: #830B81; color: #fff; }
#eventsListing .ui-datepicker td { width:6px !important; height:6px !important; font-size:8px; }
#eventsListing .ui-datepicker-new-month { width: 30px !important; font-size:8px; }
#eventsListing .hasDatepicker { width: 120px!important; background: none!important; letter-spacing: 0em; font-size: 0.9em; }
#eventsListing .ui-datepicker-inline td a, #eventsListing .ui-datepicker-inline td a:link, #eventsListing .ui-datepicker-inline td a:visited { width: 20px; }
#eventsListing .ui-datepicker-inline td a:hover, #eventsListing .ui-datepicker-inline td a:active { width: 20px; }
#eventsListing .ui-datepicker-current { float: left; text-align:center; width: 60px; }
#eventsListing .ui-datepicker-prev { float: left; text-align:left; width: 40px; }
#eventsListing .ui-datepicker-next { float: left; text-align:right; width: 40px; }
#eventsListing .ui-datepicker-links a:link, #eventsListing .ui-datepicker-links a:visited, #eventsListing .ui-datepicker-links a:hover, #eventsListing .ui-datepicker-links a.active { color: #000000; }
#eventsListing .ui-datepicker-links { color:#000000; background: none; width: 155px; padding: 15px 5px 5px 10px; }
#eventsListing .ui-datepicker-inline { background:none; }
#eventsListing .ui-datepicker-inline table.ui-datepicker { margin: 5px 6px 15px 5px; border: 1px solid #fff; }
#eventsListing .datepicker2 { width:155px !important; font-size:9px; }
#eventsListing .datepicker2ViewDays { width:130px!important; }
#eventsListing .datepicker2Month { padding:0 !important; }
#eventsListing .datepicker2Days a { width: 14px; line-height: 16px; height: 16px; padding-right: 2px; }
#eventsListing .datepicker2DoW th span { text-align:right; width:14px; display:block; }
#eventsListing div.datepicker2 { margin: 3px 6px; }
.disclaim { font-size:smaller; margin-top:8px; }
#evl_hover_div { left:-14px!important; border:1px solid #666666; width:172px!important; padding:14px!important; background:url(../images/calender-bk.png) repeat-x !important; }
#evl_hover_div h2 { font-size:1.2em!important; color:#FFFFFF; font-weight:normal; }
#evl_hover_div p { color:#FFFFFF!important; font-weight:normal; }
#evl_hover_div h2 span { font-size:1em!important; }
#evl_hover_div p strong { text-align:center!important; display:block; margin:4px 0px; font-size:1.2em; width: auto; color:#3f86c1; }
#evl_hover_div small { display:block; text-align:center!important; font-size:smaller; margin: 0px 0px 0px 0px!important; }
#about-us .featureBox { clear: both; padding-bottom: 12px; }
#about-us .featureBox p { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
#about-us .featureBox .teamText { float: right; width: 480px; padding: 0 0 18px 0; }
#about-us .featureBox img { /* team photo images */
float: left; margin: 3px 12px 12px 12px; clear: left; border: 1px solid #d8d8d8; padding: 2px; }
#about-us .featureBox .highlight-bold { font-weight: bold; color: #1169B2; }
/**********************************************************/
/***   Sorry John/Matt -> I had to do it by myself :)   ***/
/***   TT   ***********************************************/
/**********************************************************/
#pageFindCourse #sectionSubNav .subLevel1 a:link, #pageFindCourse #sectionSubNav .subLevel1 a:visited, #courses #sectionSubNav .subLevel1 a:link, #courses #sectionSubNav .subLevel1 a:visited { color: #E14A00; background: url(../images/nav-arrow-motivated.gif) no-repeat 25px 7px; }
#pageFindCourse #sectionSubNav .subLevel1 a:hover, #pageFindCourse #sectionSubNav .subLevel1 a:active, #courses #sectionSubNav .subLevel1 a:hover, #courses #sectionSubNav .subLevel1 a:active { color: #E14A00; background: #fff url(../images/nav-arrow-motivated.gif) no-repeat 28px 7px; }
#supplementaryContent #sectionSubNav .subLevel1 a span { padding: 4px 11px 4px 40px; display: block; }
#pageFindCourse #sectionSubNav .subLevel2 a:link, #pageFindCourse #sectionSubNav .subLevel2 a:visited, #courses #sectionSubNav .subLevel2 a:link, #courses #sectionSubNav .subLevel2 a:visited { color: #E14A00; background: url(../images/nav-arrow-motivated.gif) no-repeat 40px 7px; }
#pageFindCourse #sectionSubNav .subLevel2 a:hover, #pageFindCourse #sectionSubNav .subLevel2 a:active, #courses #sectionSubNav .subLevel2 a:hover, #courses #sectionSubNav .subLevel2 a:active { color: #E14A00; background: #fff url(../images/nav-arrow-motivated.gif) no-repeat 43px 7px; }
#supplementaryContent #sectionSubNav .subLevel2 a span { padding: 4px 11px 4px 55px; display: block; }
/********/
#pageEvents #sectionSubNav .subLevel1 a:link, #pageEvents #sectionSubNav .subLevel1 a:visited, #events #sectionSubNav .subLevel1 a:link, #events #sectionSubNav .subLevel1 a:visited { background: url(../images/nav-arrow.gif) no-repeat 25px 7px; }
#pageEvents #sectionSubNav .subLevel1 a:hover, #pageEvents #sectionSubNav .subLevel1 a:active, #events #sectionSubNav .subLevel1 a:hover, #events #sectionSubNav .subLevel1 a:active { background: #fff url(../images/nav-arrow.gif) no-repeat 28px 7px; }
#supplementaryContent #sectionSubNav .subLevel1 a span { padding: 4px 11px 4px 40px; display: block; }
#pageEvents #sectionSubNav .subLevel2 a:link, #pageEvents #sectionSubNav .subLevel2 a:visited, #events #sectionSubNav .subLevel2 a:link, #events #sectionSubNav .subLevel2 a:visited { background: url(../images/nav-arrow.gif) no-repeat 40px 7px; }
#pageEvents #sectionSubNav .subLevel2 a:hover, #pageEvents #sectionSubNav .subLevel2 a:active, #events #sectionSubNav .subLevel2 a:hover, #events #sectionSubNav .subLevel2 a:active { background: #fff url(../images/nav-arrow.gif) no-repeat 43px 7px; }
#supplementaryContent #sectionSubNav .subLevel2 a span { padding: 4px 11px 4px 55px; display: block; }
/********/
#pageFindQualification #sectionSubNav .subLevel1 a:link, #pageFindQualification #sectionSubNav .subLevel1 a:visited, #find-a-qualification #sectionSubNav .subLevel1 a:link, #find-a-qualification #sectionSubNav .subLevel1 a:visited { background: url(../images/nav-arrow-successful.gif) no-repeat 25px 7px; }
#pageFindQualification #sectionSubNav .subLevel1 a:hover, #pageFindQualification #sectionSubNav .subLevel1 a:active, #find-a-qualification #sectionSubNav .subLevel1 a:hover, #find-a-qualification #sectionSubNav .subLevel1 a:active { background: #fff url(../images/nav-arrow-successful.gif) no-repeat 28px 7px; }
#supplementaryContent #sectionSubNav .subLevel1 a span { padding: 4px 11px 4px 40px; display: block; }
#pageFindQualification #sectionSubNav .subLevel2 a:link, #pageFindQualification #sectionSubNav .subLevel2 a:visited, #find-a-qualification #sectionSubNav .subLevel2 a:link, #find-a-qualification #sectionSubNav .subLevel2 a:visited { background: url(../images/nav-arrow-successful.gif) no-repeat 40px 7px; }
#pageFindQualification #sectionSubNav .subLevel2 a:hover, #pageFindQualification #sectionSubNav .subLevel2 a:active, #find-a-qualification #sectionSubNav .subLevel2 a:hover, #find-a-qualification #sectionSubNav .subLevel2 a:active { background: #fff url(../images/nav-arrow-successful.gif) no-repeat 43px 7px; }
#supplementaryContent #sectionSubNav .subLevel2 a span { padding: 4px 11px 4px 55px; display: block; }
/********/
#pageStartBusiness #sectionSubNav .subLevel1 a:link, #pageStartBusiness #sectionSubNav .subLevel1 a:visited, #start-a-business #sectionSubNav .subLevel1 a:link, #start-a-business #sectionSubNav .subLevel1 a:visited { background: url(../images/nav-arrow-inspired.gif) no-repeat 25px 7px; }
#pageStartBusiness #sectionSubNav .subLevel1 a:hover, #pageStartBusiness #sectionSubNav .subLevel1 a:active, #start-a-business #sectionSubNav .subLevel1 a:hover, #start-a-business #sectionSubNav .subLevel1 a:active { background: #fff url(../images/nav-arrow-inspired.gif) no-repeat 28px 7px; }
#supplementaryContent #sectionSubNav .subLevel1 a span { padding: 4px 11px 4px 40px; display: block; }
#pageStartBusiness #sectionSubNav .subLevel2 a:link, #pageStartBusiness #sectionSubNav .subLevel2 a:visited, #start-a-business #sectionSubNav .subLevel2 a:link, #start-a-business #sectionSubNav .subLevel2 a:visited { background: url(../images/nav-arrow-inspired.gif) no-repeat 40px 7px; }
#pageStartBusiness #sectionSubNav .subLevel2 a:hover, #pageStartBusiness #sectionSubNav .subLevel2 a:active, #start-a-business #sectionSubNav .subLevel2 a:hover, #start-a-business #sectionSubNav .subLevel2 a:active { background: #fff url(../images/nav-arrow-inspired.gif) no-repeat 43px 7px; }
#supplementaryContent #sectionSubNav .subLevel2 a span { padding: 4px 11px 4px 55px; display: block; }
/********/
#pageGrowBusiness #sectionSubNav .subLevel1 a:link, #pageGrowBusiness #sectionSubNav .subLevel1 a:visited, #grow-your-business #sectionSubNav .subLevel1 a:link, #grow-your-business #sectionSubNav .subLevel1 a:visited { background: url(../images/nav-arrow-aspire.gif) no-repeat 25px 7px; }
#pageGrowBusiness #sectionSubNav .subLevel1 a:hover, #pageGrowBusiness #sectionSubNav .subLevel1 a:active, #grow-your-business #sectionSubNav .subLevel1 a:hover, #grow-your-business #sectionSubNav .subLevel1 a:active { background: #fff url(../images/nav-arrow-aspire.gif) no-repeat 28px 7px; }
#supplementaryContent #sectionSubNav .subLevel1 a span { padding: 4px 11px 4px 40px; display: block; }
#pageGrowBusiness #sectionSubNav .subLevel2 a:link, #pageGrowBusiness #sectionSubNav .subLevel2 a:visited, #grow-your-business #sectionSubNav .subLevel2 a:link, #grow-your-business #sectionSubNav .subLevel2 a:visited { background: url(../images/nav-arrow-aspire.gif) no-repeat 40px 7px; }
#pageGrowBusiness #sectionSubNav .subLevel2 a:hover, #pageGrowBusiness #sectionSubNav .subLevel2 a:active, #grow-your-business #sectionSubNav .subLevel2 a:hover, #grow-your-business #sectionSubNav .subLevel2 a:active { background: #fff url(../images/nav-arrow-aspire.gif) no-repeat 43px 7px; }
#supplementaryContent #sectionSubNav .subLevel2 a span { padding: 4px 11px 4px 55px; display: block; }
/********/
#pageAboutUs #sectionSubNav .subLevel1 a:link, #pageAboutUs #sectionSubNav .subLevel1 a:visited, #about-us #sectionSubNav .subLevel1 a:link, #about-us #sectionSubNav .subLevel1 a:visited { background: url(../images/nav-arrow.gif) no-repeat 25px 7px; }
#pageAboutUs #sectionSubNav .subLevel1 a:hover, #pageAboutUs #sectionSubNav .subLevel1 a:active, #about-us #sectionSubNav .subLevel1 a:hover, #about-us #sectionSubNav .subLevel1 a:active { background: #fff url(../images/nav-arrow.gif) no-repeat 28px 7px; }
#supplementaryContent #sectionSubNav .subLevel1 a span { padding: 4px 11px 4px 40px; display: block; }
#pageAboutUs #sectionSubNav .subLevel2 a:link, #pageAboutUs #sectionSubNav .subLevel2 a:visited, #about-us #sectionSubNav .subLevel2 a:link, #about-us #sectionSubNav .subLevel2 a:visited { background: url(../images/nav-arrow.gif) no-repeat 40px 7px; }
#pageAboutUs #sectionSubNav .subLevel2 a:hover, #pageAboutUs #sectionSubNav .subLevel2 a:active, #about-us #sectionSubNav .subLevel2 a:hover, #about-us #sectionSubNav .subLevel2 a:active { background: #fff url(../images/nav-arrow.gif) no-repeat 43px 7px; }
#supplementaryContent #sectionSubNav .subLevel2 a span { padding: 4px 11px 4px 55px; display: block; }
/**********************************************************/



#evl_hover_div { position: absolute; z-index: 9999; }
#slides { }
#slides h2 { }
#slides p { }
.jFlowSlideContainer { }
.testimonial_box { width: 680px; margin-top: 20px; }
.testimonial_box h2 { margin-bottom: 10px; }
p.testimonial_text { background-image: url(../images/speechmark-home1.gif); background-repeat: no-repeat; background-position: 0px 0px; display: block; padding-left: 40px; }
.testimonial_text em { }
p.quoteName { color: #830b81; text-align: right; background-image: url(../images/speechmark-home2.gif); background-position: right top; padding-right: 40px; background-repeat: no-repeat; margin-bottom: 10px; }
a.testemonialMore { float: right; clear: both; }
/*Find a qualification boxes*/

#QualityBoxes { float: left; clear: both; width: 100%; margin-bottom: 10px; }
#QualityBoxes ul { float: left; clear: both; margin: 0px; padding: 0px; padding-left: 10px; padding-right: 10px; }


#QualityBoxes ul li {
float: left;
clear: none;
width: 188px;
margin-right: 5px;
list-style-type: none;
height: 188px;
padding: 15px;
color: #FFF;
margin-bottom: 20px;
}

#QualityBoxes ul li a {
color: #fff;
text-decoration: none;
height: 188px;
padding: 15px;
width: 188px;
display: block;
}


#QualityBoxes ul li a:hover { color: #fff; text-decoration: underline; }
#QualityBoxes ul li.lastone { margin-right: 0px; }
#boxNVQ a { background-image: url(../images/box-nvqs.jpg); }
#boxDevelopment a { background-image: url(../images/box-management.jpg); }
#boxFood a { background-image: url(../images/box-food.jpg); }
#boxMaths a { background-image: url(../images/box-maths.jpg); }
#boxECDL a { background-image: url(../images/box-ECDL.jpg); }
#boxApprentice a { background-image: url(../images/box-apprentice.jpg); }
#myController span { cursor: pointer; color: #1169B2; }
#myController span:hover, #myController span:active, #myController span:visited { cursor: pointer; color: #9A0B98; text-decoration: underline; }