html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;}
:focus {outline:0}
* {-webkit-font-smoothing:antialiased}
body {line-height: 1;color: black;font-family:Helvetica,Arial,sans-serif; background-color:white}
input[type=text]::-ms-clear {display:none}
ol, ul {list-style:none}
img{display:block}
p{margin-bottom: 1em}
.clear{clear:both}
.clearit{clear:both; height:0; overflow:hidden;line-height:.0;font-size:0}
.clearfix::after { content:""; clear:both; display:table}
a {text-decoration:none;color:#114d97}
img {color:#888888; font-size:0.8em} /* Alt image text */
hr { border: 0; height: 1px; background: #114d97; background-image: linear-gradient(to right, #A7CAF5, #1359AD, #A7CAF5);clear:both}
div.stars{color:#fdb805; font-size:1.6em}
/*header */
header{background:white;height:120px;}
header div#city_guilds{float:right; margin:10px 10px 0 0}
header div#logo_container{float:left; margin:10px 0 0 10px}
header div#logo_container p{margin:-10px 0 0 103px; font-size:0.88em; color:#114d97}
nav#top-nav{ position:-webkit-sticky; /* Safari */ position:sticky; top:0; background:white; height:40px; font-size:18px; letter-spacing:0.01em; z-index:2; box-shadow:0 8px 6px -6px #bbbbbb}
ul#menu li:first-child{min-width:65px}
div.basket-qty{ width:20px;height:20px; border-radius:50%;font-size:13px; font-weight: bold; color:#fff;line-height:20px;text-align:center;background:#119656/*green*/; float:right}
div.basket-qty.empty{background:white;width:20px;height:20px; float:right}
div#mobile-basket{float:left; width:65px; margin-left:20%; padding-top:5px; overflow:auto}
/* Layout */
#container{width:100%; max-width:1140px;background-color:#ffffff;margin:0 auto 0 auto; z-index:1; display: flow-root;}
aside{width:27%;float:right; padding-right:1%;}
main[role="main"]{width:70%;padding:0 2% 0 0;float:left;position:relative}
main[role="main"]#fullPage{width:96%;padding:0 2% 0 2%}
/* Breadcrumbs */
ul.breadcrumb { height:40px; padding:10px 1%; margin-top:20px; list-style:none}
ul.breadcrumb li { line-height:1.3; display:inline; font-size:18px}
ul.breadcrumb li img{ float:left; margin-right:10px}
ul.breadcrumb li+li:before { padding:2%; color:black; content:"/\00a0"}
ul.breadcrumb li a {color: #262626; text-decoration:none}
ul.breadcrumb li a:hover { color: #01447e; text-decoration:underline}
ul.breadcrumb li.active { color:#676767; font-weight:lighter}
h2.page_title{font-size:1.8em; margin-bottom:15px; color:#114d97; font-weight:lighter} /* Check where used */
/* Main */
main[role="main"] p, #content_full p, aside p { line-height:1.5; font-size:1.2em; font-weight:lighter}
main[role="main"] sup{font-size:0.7em}
main.venue-page h1{font-size:2em; color:#114d97; margin:0 0 20px 0}
main.venue-page h2{font-size:1.8em;  color:#114d97; margin:30px 0 10px 0;}
main.venue-page section{margin:20px 0 20px 0; background-color:#f2f2f2; padding:20px 2%; position: relative;}
main.venue-page .logo-float-right {position: absolute;top: 0;right: 0; width:80px; height: auto}
main.venue-page div.course_list{margin-top:20px}
a.blueButton{display: inline-block; background-color:#1359AD; padding:0 8px; border-radius:10px;font-weight:bold; line-height:2.5; color: #f2f2f2; }
a.whiteButton{display: inline-block; color:#114d97; padding:0 12px; border-radius:10px;font-weight:bold; line-height:2.5; background-color: #E9F2FD;}
img.courseImage{float:left; margin:0 2% 0 0; max-width:300px; width:100%; height:auto; border-radius: 10px; border-spacing: 0;}
.course-photo { display: contents;}
.cpd-logo-mobile {display: none;}
main.venue-page p.details span.vat{font-size:0.8em}
main.venue-page p.details {font-size:1.4em; line-height: 1.3; margin-bottom: 0; font-weight:normal;}
div#course-venue {background-color:#1359AD; color:#f2f2f2; padding:10px 5% 15px 5%; margin-bottom:20px; border-radius: 10px; box-shadow: inset 0 0 50px rgba(17, 77, 151, 0.5);}
iframe{ max-width:320px; width:100%; height:320px;border-radius:10px;}
h3.sideHeading{color:#114d97; font-size: 1.6em; margin:20px 0 5px 0;}
/* Course dates table */
table.course_list th, table.cgCourseList th{ padding:0.5em 0 0.5em 0; font-weight:normal;text-align:left; background-color: #1359AD; color: #f2f2f2;}
table.course_list th:first-child, table.cgCourseList th:first-child{padding-left:2%}
table.course_list td, table.cgCourseList  td{text-align:left;padding:.5em 0 .5em 0; font-weight:lighter; vertical-align:middle}
table.course_list td:first-child, table.cgCourseList td:first-child{padding-left:2%}
table.course_list, table.cgCourseList  {width:100%; border-collapse:collapse; font-size:1.2em; margin-top:20px}         
table.course_list tr:first-child th:first-child, table.cgCourseList tr:first-child th:first-child { border-top-left-radius: 10px;}
table.course_list tr:first-child th:last-child, table.cgCourseList tr:first-child th:last-child { border-top-right-radius: 10px;}
table.course_list tbody tr:nth-child(odd), table.cgCourseList tbody tr:nth-child(odd) {background-color: #E9F2FD;}
table.course_list tbody tr:nth-child(even), table.cgCourseList tbody tr:nth-child(even) {background-color: #D5E7FA;} 
table.course_list tr:last-child td:first-child, table.cgCourseList tr:last-child td:first-child {border-bottom-left-radius: 10px;}
table.course_list tr:last-child td:last-child, table.cgCourseList tr:last-child td:last-child {border-bottom-right-radius: 10px;}   
table.course_list  div, table.cgCourseList  div{display:inline-block; margin-left:5%; }
.book_course input[type="submit"]{padding:0 0.75em 0 0.75em; font-size:1em; text-decoration:none; background-color:#119656; border:0 none;cursor:pointer; color:#fff; height:1.875em; -webkit-appearance: none; border-radius:10px}    
.book_course select{ font-size:16px; height:28px; width:100px}
/* Content Table */
table#courseContent {width: 100%;border-collapse: separate;border-spacing: 0;margin-top: 20px;}
table#courseContent th, table#courseContent td {padding: 15px;border: 0px;}
table#courseContent thead {background-color: #1359AD;border-radius: 10px 10px 0 0;color:#f2f2f2;text-align: left;font-size:1.4em;}
table#courseContent th:first-child {border-top-left-radius: 10px;}
table#courseContent th:last-child {border-top-right-radius: 10px;}
table#courseContent tbody{line-height: 1.4; font-weight:lighter;} 
table#courseContent tbody tr:nth-child(odd) {background-color: #E9F2FD;}
table#courseContent tbody tr:nth-child(even) {background-color: #D5E7FA;}    
table#courseContent tbody tr td:first-child {vertical-align: top; font-weight:normal;}  
table#courseContent tr:last-child td:first-child {border-bottom-left-radius: 10px;}
table#courseContent tr:last-child td:last-child {border-bottom-right-radius: 10px;}
/* Notifications */
.notification{ padding:10px 0; margin-top:20px; background-color:#1359AD; border-radius: 10px; color: #f2f2f2;box-shadow: inset 0 0 50px rgba(17, 77, 151, 0.5); padding:10px 2%;}
.notification_sent {background-color:#f2f2f2; color:#666}
div.notification p{ font-size:1.1em; margin-bottom:5px; line-height: 1.3;}
form[name="notification-form"] input[type="text"].tel{position:absolute; top:-1000px; left:-1000px}
form[name="notification-form"] input[type="email"]{border:1px solid #114d97; max-width:370px; width:94%; height:28px; font-size:16px; padding:2px 2px 2px 5px;float:left; margin:0 0 5px 0}
form[name="notification-form"] input[type="submit"]{ font-size:1em; text-decoration:none; background-color:#f2f2f2; border:0 none;cursor:pointer; color:#114d97;  height: 32px; width:106px; -webkit-appearance:none; float:left;margin: 0 0 0 1.5%; border-radius:10px}
/* Venue Lists */
main.venue-page ul, main.venue-page ol, div.listWrapper ul, div.listWrapper ol{ font-size: 1.2em; line-height: 1.5;}
main.venue-page ul span, main.venue-page ol span, div.listWrapper ul span, div.listWrapper ol span{font-weight:lighter; }
main.venue-page ul, div.listWrapper ul {margin:10px 1% 10px 4%; list-style-type: disc;}
main.venue-page ol, div.listWrapper ol{margin:10px 1% 10px 6%; list-style-type: decimal;}
div.listWrapper{background-color:#D5E7FA; border-radius: 10px; padding:20px 0;box-shadow: inset 0 0 50px rgba(167, 202, 245, 0.5);}    
img.trainingManual{margin-top:8px; }
div.trainingManualText{ float:left; width:calc(98% - 300px);}
/* Course Venue */
#venue-wrap{display: flow-root; margin-bottom: 20px;} 
div#course-venue h3{font-size:2em; font-weight:lighter; display:block; margin-bottom:10px}
div#review p{font-size:1.1em; line-height: 1.3; font-weight:lighter}
div#course-venue address{display:inline-block; font-size:1.1em; line-height: 1.3}
div#course-venue img{float:left; margin-right:10px; overflow:auto; filter: invert(60%) sepia(82%) saturate(1613%) hue-rotate(187deg) brightness(100%) contrast(88%);}
#course-venue p {margin-bottom:1px; font-size:14.5px}
#course-venue a {font-size:1.3em; font-weight:lighter; color:white; margin-top:10px; display:block}
#course-venue  div{margin-left:28px}
/* Other Courses */
div.otherCourses{background-color:#1359AD; border-radius: 10px;  box-shadow: inset 0 0 50px rgba(17, 77, 151, 0.5);display: flow-root}
div.otherCourses img{max-width:420px; width:100%; height:auto; border-top-right-radius: 10px; border-top-left-radius: 10px; border-spacing: 0;}
div.otherCourses p{margin: 5px 2%; color:#f2f2f2; font-size:1.1em; line-height:1.4; font-weight:normal}
div.otherCourses a.whiteButton{margin:10px 2%;}
h3.otherVenues{color:#114d97; font-size: 1.5em; margin:20px 0;}
/* Venue Reviews */
div#reviewWrapper {margin-top:20px}
div#reviewWrapper h3{color:#114d97; font-size: 1.4em; margin-bottom:5px;}
div.venueReview p{font-size:1.1em; line-height: 1.3; font-weight:lighter; margin-bottom: 0.4em;}
div.venueReview{border:1px solid #ccc; border-radius: 8px; padding:8px; margin:5px 0;}
div.venueReview p:first-of-type{color: #555;}
div.stars{float:none; margin-bottom:10px}
/* Venue FAQs */

div.courseFaqsContainer{background-color:#1359AD; padding:10px 2%; border-radius: 10px; color:#f2f2f2; margin-top:10px;box-shadow: inset 0 0 50px rgba(17, 77, 151, 0.5);}         
div.courseFaqsContainer h3, div.courseFaqsContainer h4{font-size:1.4em; margin-top:15px; font-weight: bold;}
div.courseFaqsContainer p{font-weight: lighter; font-size: 1.2em; padding-left:2%; padding-top:5px; line-height: 1.3}    
div.courseFaqsContainer p a{text-decoration: underline; color: #f2f2f2;}
div.courseFaqs h2{font-size:1.8em;  color:#114d97; margin:30px 0 10px 0 }
div.courseFaqs p{font-weight: lighter; font-size: 1.2em;line-height: 1.5;}
a.linkToCourse{color:white; background-color:#237be7; display: inline-block;border-radius:10px; padding:10px 15px; margin:3px 1%; font-size:1.1em;line-height: 1.1em; }
/* Footer */
footer{margin-top:10px; border-top:4px solid #114d97; background-color:#f8f8f8}
footer div#footer-container {width:100%;max-width:1140px;margin:0 auto;padding:0;z-index:1;position:relative;background:#f8f8f8;}
footer div#footer-container .footer-map {position:absolute;top:0;right:0;width:40%;height:auto;pointer-events:none;z-index:0;opacity:0.95;}
footer div#footer-container > * {position:relative;z-index:1;}
footer ul{padding:10px 0; float:left; width:180px}
footer ul a{color:#114d97; font-size:1.1em; line-height:2}
footer div#course-locations{ float:right; width:200px; margin-top:20px; margin-right:30%; color:#262626}
footer div#course-locations b{color:#114d97; font-size:1.2em}
footer div#course-locations p{line-height:1.4}
.postcode_form input[name="postcode"]{font-size:1.1em; width:115px; min-height:28px; border:1px solid #777777; background-color: #fff; padding-left:3px}
.postcode_form input[name="postcode"]::-webkit-input-placeholder {font-size:0.8em}
.postcode_form input[name="postcode"]:-moz-placeholder { font-size:0.8em}
.postcode_form input[name="postcode"]::-moz-placeholder { font-size:0.8em}
.postcode_form input[name="postcode"]:-ms-input-placeholder { font-size:0.8em}
.postcode_form input[name="submit"]{ background-color:#144C96; color:#fff; border:none; font-size:1.2em; padding:4px 15px; -webkit-appearance:none; border-radius:5px}
div[role="contentinfo"]{text-align:left; padding:20px 0; color:#535353;font-size:1em; max-width:700px; line-height:1.8; clear:both}
div[role="contentinfo"] a{color:#535353}
footer a:hover,footer a:focus,footer a:active{text-decoration:underline}
/* Media Screen */
@media screen and (max-width: 1140px) {
 .line-break  {display:inline}footer div#footer-container{ padding:0 2%; width:96%} main.venue-page {padding-left:2%; width: 68%}div.courseFaqs{padding:0 2%;}nav#top-nav{padding:0 2%}}
@media screen and (max-width: 1000px) {
 .full_only{ display:none}	.line-break { display:block} table.course-list{table-layout:fixed}table.course_list td:last-child, table.course_list th:last-child{width:200px} table.course_list td:nth-child(3), table.course_list th:nth-child(3){width:80px} table.course_list td span.year, table.course_list td span.vat{display:none}  div[role="contentinfo"]{font-size:1.1em; max-width:700px; line-height:2}}
@media screen and (max-width: 940px) {
 div#checkout_button,  div#edit_order_button{width:100%; margin-left:0;margin-right:0}}
@media screen and (max-width: 850px) {
 div#course-venue h3{font-size:1.8em} div#call a{font-size:1.3em}  div#course-venue img{display:none} div#course-venue div{margin-left:0; }  ul#menu > li:nth-child(4) span, ul#menu > li:nth-child(3) span, ul#menu > li:nth-child(2) span{display: none;} }
@media screen and (max-width: 750px) {
    a.continue_bottom{display:none} a.continue_top{display:block} div.continue_shopping{max-width:750px} aside{float:none; width:100%;padding-top:20px} div#course-venue{width:96%; padding:10px 2%; float:left} iframe{ max-width:750px; height:400px; margin-bottom:-3px;} div.otherCourses img{float:left; max-width: 50%; height:300px; object-fit: cover;object-position: 100% 0;margin-right: 2%; border-bottom-left-radius:10px;border-top-right-radius:0;} div.otherCourses a.whiteButton{margin:6px 0; padding:0 5px;} table.course_list span.vat {display:none}table.course_list td:nth-child(3), table.course_list th:nth-child(3){width:80px} main[role="main"], aside{width:96%;padding:0 2% 0 2%;float:none;}}
@media screen and (max-width: 650px) {
 footer div#course-locations{float:left; margin-bottom:50px} footer ul{clear:both} footer div#footer-container{background-size:60%}ul#menu > li:nth-child(2) img{display:none;}
footer div#footer-container .footer-map {width:60%;}}
@media screen and (min-width: 571px) {
 #menuToggle input, #menuToggle p, ul#menu > li:nth-child(1),ul#menu > li:nth-child(7),ul#menu > li:nth-child(8),ul#menu > li:nth-child(9), ul#menu > li:nth-child(10){display: none}ul#menu {width: 100%; max-width:1140px;margin:0 auto 0 auto; display:flex; align-items:stretch; justify-content:space-between}#menu a{color:#262626; line-height:2}ul#menu li {float:right}ul#menu li img{float:right}li.dropdown{display:block}.dropdown-content { display:none; position:absolute; background-color:#535353; width:200px; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:2}ul#menu li.dropdown ul.dropdown-content a { color:white; padding: 4px 16px; text-decoration: none; display: block; text-align: left; width:168px}ul#menu li.dropdown ul li{float:left}ul#menu li.dropdown ul.dropdown-content a:hover {background-color: #c1c1c1; color:black}.dropdown:hover .dropdown-content { display:block}#mobile-logo, div#mobile-basket{display:none}}
@media screen and (max-width: 570px) {
 ul#menu li:nth-child(6),  ul#menu li img{display:none} #menuToggle{display: block;position:relative;top:3px;left:20px;z-index:10;-webkit-user-select:none;user-select:none}#menuToggle p{font-size:0.9em; display:block; margin:-3px 0 5px -5px}#menuToggle a{text-decoration:none;color:#232323;transition:color 0.3s ease}#menuToggle a:hover{color:#939393}#menuToggle input{display:block; width:40px;height:32px;position:absolute;top:7px; left:-5px;cursor:pointer;opacity:0; z-index:11; -webkit-touch-callout:none}#menuToggle span{display:block;width:32.5px;height:4px;margin-bottom:5px;position:relative; background:#262626; border-radius:3px;z-index:10;transform-origin:4px 0px;transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease}#menuToggle span:first-child{transform-origin:0% 0%}#menuToggle span:nth-last-child(2){transform-origin:0% 100%}#menuToggle input:checked ~ span{opacity:1; transform:rotate(45deg) translate(-2.1px, -1px); background:white}#menuToggle input:checked ~ span:nth-last-child(3){ opacity:0; transform:rotate(0deg) scale(0.2, 0.2)}#menuToggle input:checked ~ span:nth-last-child(2){transform:rotate(-45deg) translate(0, -0.9px)}#menu{position:absolute;width:180px;margin:-100px 0 0 -50px;padding:105px 50px 20px 40px;background:#535353;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(-100%, 0);transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0)}#menu li {padding:0; font-size:18px}#menuToggle input:checked ~ ul{ transform: none}#menuToggle {float:left}#mobile-logo{float:right; margin:4px 2% 0 0; height:auto}div#menuToggle ul{display:block; font-weight:lighter}div#menuToggle ul li{display:block;background-color:#535353; text-align:left; line-height:2.4}div#menuToggle ul li:first-child {width:100%}div#menuToggle ul li a{ height:100%; background-color:#535353;color:white;font-size:21px}div#menuToggle ul li ul{display:none}nav#top-nav h1{font-size:0.655em; display:block; float:right;padding-right:2%; padding-left:8%; color:#114d97}div#city_guilds,  ul#main-nav, div#logo_container, header{display: none}nav#top-nav{height:50px}div#menuToggle,#mobile-logo{display:block}footer img{display:block}}
@media screen and (max-width: 550px) {
 table.course_list td:nth-child(3), table.course_list th:nth-child(3){display:none}form[name="notification-form"] input[type="submit"]{width:96%}form[name="notification-form"] input[type="email"]{max-width:550px} a.linkToCourse{ margin-right: 25%;}
}
@media screen and (max-width: 530px) {
 div.courseTitle{min-width:250px; clear: both;padding-top:10px;}main p:before {content: "";width:10em;display: block;overflow: hidden;}img.courseImage{max-width: 420px;}
   .course-photo {display: block;position: relative;width: 100%;max-width: 420px;}
    .course-photo > picture:first-child {display: block; }
    .course-photo .courseImage {display: block;float: none;width: 100%;max-width: 100%;height: auto;margin: 0;}
    .cpd-logo-mobile {display: block; position: absolute; bottom: 4%; left: 4%; width: 32%;max-width: 135px;}
    .cpd-logo-mobile img {display: block;width: 100%;height: auto;margin: 0;}
    .cpd-logo-desktop {display: none;}
}
@media screen and (max-width: 500px) {
 table.course_list select{display:none} table.course_list th:last-child span{visibility: hidden} table.course_list th:last-child, table.course_list td:last-child{width:80px;}}
@media screen and (max-width: 480px) { a.linkToCourse{ margin-right: 0; }}
@media screen and (max-width: 420px) {
 div.otherCourses img{max-width: 420px; height: auto;border-bottom-left-radius:0;border-top-right-radius:10px;} div.otherCourses a.whiteButton{margin:6px 0 6px 3%;} }
 @media screen and (max-width: 350px) {a.linkToCourse{width:93%; margin:6px 0 6px -1.5%; padding:10px 3px 10px 4%;} a.linkToCourse span{display:none;}}
@media screen and (max-width: 330px) {
 table.course_list td:nth-child(2), table.course_list th:nth-child(2){display:none}}