/* ==================== STANDARD TAG STYLES ==================== */
/* 2023 LIGHTER COLOURS
Green MAIN: #BBEE44 MID: #CCFFCC LIGHT: #EEFFDD DARK: #99EE22
Purple MAIN: #BB66EE LIGHT: #F8E8FF DARK: #9933CC */
body {font-family: 'Poppins', sans-serif;}
body {color:#000000; background:#FFFFFF; font-size:14px; line-height:1.3; margin:0px; padding:0px; text-align:center;}
body {color:#000000; background:#FFFFFF; font-size:14px; line-height:1.3; margin:0px; padding:0px; text-align:center;}
body {-webkit-user-select:none; -webkit-touch-callout:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; -khtml-user-select:none; user-select:none; }
a:link {text-decoration:none; color:#0000FF;}
a:visited {text-decoration:none; color:#0000FF;}
a:hover {text-decoration:none; color:#0000CC;}
h1 {color:#000000; font-size:25px; line-height:32px; font-weight:600; text-align:left; margin:0px 0px 10px 0px;}
h2 {color:#000000; font-size:20px; line-height:26px; font-weight:600; text-align:left; margin:0px 0px 10px 0px;}
h2 a:link {text-decoration:none; color:#000000;}
h2 a:visited {text-decoration:none; color:#000000;}
h2 a:hover {text-decoration:none; color:#CC0000;}
h3 {color:#660099; font-size:18px; line-height:24px; font-weight:600; text-align:left; margin:0px 0px 10px 0px;}
h3 a:link {text-decoration:none; color:#660099;}
h3 a:visited {text-decoration:none; color:#660099;}
h3 a:hover {text-decoration:none; color:#CC0000;}
h4 {color:#660099; font-size:16px; line-height:22px; font-weight:600; text-align:left; margin:0px 0px 10px 0px;}
h4 a:link {text-decoration:underline; color:#660099;}
h4 a:visited {text-decoration:underline; color:#660099;}
h4 a:hover {text-decoration:underline; color:#CC0000;}
img {max-width:95%; height:auto; border:0px; display:block;}
.centerImg img {max-width:95%; height:auto; border:0px; display:inline-block;}
b {font-weight:600 !important;}
p {font-size:14px; line-height:1.5; font-weight:400; margin:0px 0px 12px 0px; text-align:left;}
div {font-size:14px; line-height:1.5; font-weight:400; margin:0px 0px 0px 0px;}
ul {font-size:14px; line-height:1.5; padding-left:20px;}
li {font-size:14px; line-height:1.4; margin:6px 0px 2px 0px;}
.noDisplay {display:none;}
.tickListBlack {margin:0px; padding:0px;}
.tickListBlack li {font-size:14px; line-height:1.8; background: url(/imageFiles/icons/list-tick-image-black.png) no-repeat left center; padding: 5px 0px 5px 30px; list-style: none; margin: 0; vertical-align: middle;}
/* COURSE CONTENT - START */
/* Module & Content listings */
.moduleName {font-weight:600; width:260px; float:left;}
.moduleContentShow {font-weight:600; height:40px; width: 40px; float:right; padding-left: 0px; cursor:pointer;}
.moduleContent {font-weight:400; font-size:14px; color:#9933CC;}
.moduleContentWidth1 {width:340px; }
.moduleContentWidth2 {width:300px;}
.contentDiv {position:relative; display:none;}
/* COURSE CONTENT - END */
/* TOP BANNERS - START */
/* TOP BANNER CONTENT STYLES */
.pageBannerHOME {}
.pageBannerCONTENT {height:225px;}
.pageBannerARTICLE {min-height:200px;}
.pageBannerLH {width:50%; float:left;}
.pageBannerRH {width:49%; float:right;}
.pageBannerCOURSE {height:200px;} /* Used for courses and packages ... */
.pageBannerRHCOURSE {position:relative; top:75px; left:75px; width:350px; height:197px; border-radius: 10px;}
.homePageHeading {font-size:30px; line-height:1.3; font-weight:700; text-align:center;}
/* TOP BANNER TEXT STYLES */
.bannerTopLine {color:#9900CC; font-size:16px; font-weight:700; background-color:#FFEEFF; width:fit-content; padding:8px 16px 8px 16px; border-radius:25px;}
/* TOP BANNER IMAGE STYLES */
.bannerStarRatingsBox {background:url(/imageFiles/banners/bannerStarRatingsBox-MOBILE.png); width: 70px; height:70px; border-radius:5px; position:relative; left:280px; top: 60px; z-index:50; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);}
.bannerStudentsBox {background:url(/imageFiles/banners/bannerStudentsBox-MOBILE.png); width:110px; height:50px; border-radius:5px; position:relative; left:100px; top:160px; z-index:50; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);}
.bannerAnniversaryBox {background:url(/imageFiles/banners/bannerAnniversaryBox-MOBILE.png); width: 70px; height:70px; border-radius:5px; position:relative; left:250px; top: 60px; z-index:50; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);}
.bannerSchema {text-align:left; font-size:14px; margin:10px 0px 0px 0px;}
.bannerBreadcrumb {margin: 5px 0px 5px 0px;}
.bannerBreadcrumb a {font-size:14px; font-weight:400; color:#9933CC; text-align:left;}
.bannerBreadcrumb a:link {color:#9933CC; text-decoration:none;}
.bannerBreadcrumb a:visited {color:#9933CC; text-decoration:none;}
.bannerBreadcrumb a:hover {color:#CC0000; text-decoration:none;}
.bannerTitle {text-align:left; font-size:24px; line-height:1.2; font-weight:700; margin:15px 0px 0px 0px;}
.bannerText1 {text-align:left; font-size:14px; line-height:1.2; font-weight:400; margin:10px 0px 0px 0px;}
.bannerText2 {text-align:left; font-size:14px; line-height:1.2; font-weight:400; margin: 0px 0px 0px 0px;}
/* TOP BANNERS - END */
/* PAGE CONTENT PANEL STYLES - START */
.infoImage-WriteForUs {position:relative; top: 30px; left: 0px;}
.infoPanel01 {width:360px; min-height:280px; border-radius:10px; background-image:url(/imageFiles/page/InfoPanel-01-2000x330.png);
background-repeat:no-repeat; background-size: auto 100%; background-position:center; overflow:hidden;}
.infoPanel02 {width:360px; min-height:280px; border-radius:10px; background-image:url(/imageFiles/page/InfoPanel-02-2000x330.png);
background-repeat:no-repeat; background-size: auto 100%; background-position:center; overflow:hidden;}
.infoPanel02OFFER {width:360px; min-height:280px; border-radius:10px; background-image:url(/imageFiles/page/InfoPanel-02-2000x330-OFFER.png);
background-repeat:no-repeat; background-size: auto 100%; background-position:center; overflow:hidden;}
.infoPanel03 {width:360px; min-height:280px; border-radius:10px; background-image:url(/imageFiles/page/InfoPanel-03-2000x330.png);
background-repeat:no-repeat; background-size: auto 100%; background-position:center; overflow:hidden;}
.infoPanel04 {width:360px; min-height:280px; border-radius:10px; background-image:url(/imageFiles/page/InfoPanel-04-2000x330.png);
background-repeat:no-repeat; background-size: auto 100%; background-position:center; overflow:hidden;}
.contentBoxWhyZandaX01 {height:250px; background:url(/imageFiles/page/box-WhyZandax-01-360.png) no-repeat;}
.contentBoxWhyZandaX02 {height:250px; background:url(/imageFiles/page/box-WhyZandax-02-360.png) no-repeat;}
.contentBoxWhyZandaX03 {height:250px; background:url(/imageFiles/page/box-WhyZandax-03-360.png) no-repeat;}
/* PAGE CONTENT PANEL STYLES - END */
/* BOX CONTENT STYLES - START */
.contentDivider {width:100px; height:10px;}
.showHideLayer {z-index:75; display:none;}
/* BOX CONTENT STYLES - END */
/* CONTENT CARD STYLES - START
/* Fixed width until there's time to adjust the content for different screen widths */
.display-widthCAROUSEL {width:360px; margin: auto; display:inline-block;}
.display-widthCARDS {width:360px; margin: auto; display:inline-block;}
.display-areaCARDS {width:360px; margin: auto;}
.display-wrapperCARDS {}
.contentCard1col {width:344px; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px;}
.contentCard1col img {width:100%; border-radius:5px; border:1px #CCCCCC solid;}
.contentCard1colNOimage {width:344px; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px;}
.contentCard2col {width:172px; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:2px;}
.contentCard2col img {width:100%; border-radius:5px; border:1px #CCCCCC solid;}
.contentCard2colNOimage {width:172px; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:2px;}
/* THE FOLLOWING HAVEN'T BEEN CHANGED BECAUSE THEY PROBABLY WON'T BE USED: */
.contentCard3col {width:316px; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px;}
.contentCard3col img {width:100%; border-radius:5px; border:1px #CCCCCC solid;}
.contentCard3colNOimage {width:316px; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px;}
.contentCard4col {width:240px; margin:10px 5px 10px 5px; flex:240px 0 0; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px; overflow:hidden;}
.contentCard4col img {width:100%; border-radius:5px; border:1px #CCCCCC solid;}
.contentCard4colNOimage {width:240px; margin:10px 5px 10px 5px; flex:240px 0 0; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px; overflow:hidden;}
.contentCarousel1col {width:344px; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px;}
.contentCarousel1col img {width:100%; border-radius:5px; border:1px #CCCCCC solid;}
.contentCarousel1colNOimage {width:344px; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px;}
.contentCarousel2col {width:175px; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:2px;}
.contentCarousel2col img {width:100%; border-radius:5px; border:1px #CCCCCC solid;}
.contentCarousel2colNOimage {width:175px; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:2px;}
/* THE FOLLOWING HAVEN'T BEEN CHANGED BECAUSE THEY PROBABLY WON'T BE USED: */
.contentCarousel3col {width:316px; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px;}
.contentCarousel3col img {width:100%; border-radius:5px; border:1px #CCCCCC solid;}
.contentCarousel3colNOimage {width:316px; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px;}
.contentCarousel4col {width:240px; margin:10px 5px 10px 5px; flex:240px 0 0; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px; overflow:hidden;}
.contentCarousel4col img {width:100%; border-radius:5px; border:1px #CCCCCC solid;}
.contentCarousel4colNOimage {width:240px; margin:10px 5px 10px 5px; flex:240px 0 0; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px; overflow:hidden;}
.showCardLayer {width:99.5%; background:#EEFFDD; border:#339933 1px solid; border-radius:10px;position:absolute; top:10px; left:0px; display:none; z-index:75;}
.showCardLayer-MOBILE {width:98.5%; background:#EEFFDD; border:#339933 1px solid; border-radius:10px;position:absolute; top: 5px; left:0px; display:none; z-index:275;}
/* CONTENT CARD STYLES - END */
/* GENERAL STYLES - START */
.pageContainer {width:100%; display:inline-block; max-width:360px;} /* REDUNDANT? */
.contentWidth {max-width:360px;}
.screenWidth {width:100%; display:inline-block; text-align:center;}
.fullWidth {width:100%; display:inline-block; max-width:360px;} /* NO MARGIN FOR ERROR! MUST HAVE NO PADDING, MARGINS, ETC OR THERE WILL BE TROUBLE! */
.column100 {width: 99%; display:inline-block; max-width:360px;}
.column05 {width: 5%; display:inline-block; margin:auto;}
.column10 {width: 10%; display:inline-block; margin:auto;}
.column15 {width: 15%; display:inline-block; margin:auto;}
.column19 {width: 19%; display:inline-block; margin:auto;}
.column20 {width: 20%; display:inline-block; margin:auto;}
.column24 {width: 24%; display:inline-block; margin:auto;}
.column25 {width: 25%; display:inline-block; margin:auto;}
.column30 {width: 30%; display:inline-block; margin:auto;}
.column32 {width: 32%; display:inline-block; margin:auto;}
.column33 {width: 33%; display:inline-block; margin:auto;}
.column39 {width: 39%; display:inline-block; margin:auto;}
.column40 {width: 40%; display:inline-block; margin:auto;}
.column45 {width: 45%; display:inline-block; margin:auto;}
.column49 {width: 49%; display:inline-block; margin:auto;}
.column50 {width: 50%; display:inline-block; margin:auto;}
.column55 {width: 55%; display:inline-block; margin:auto;}
.column60 {width: 60%; display:inline-block; margin:auto;}
.column65 {width: 65%; display:inline-block; margin:auto;}
.column66 {width: 66%; display:inline-block; margin:auto;}
.column70 {width: 70%; display:inline-block; margin:auto;}
.column75 {width: 75%; display:inline-block; margin:auto;}
.column80 {width: 80%; display:inline-block; margin:auto;}
.column85 {width: 85%; display:inline-block; margin:auto;}
.column90 {width: 90%; display:inline-block; margin:auto;}
.column95 {width: 95%; display:inline-block; margin:auto;}
.margin05 {margin: 5px !important;}
.margin10 {margin:10px !important;}
.margin15 {margin:15px !important;}
.margin20 {margin:20px !important;}
.margin30 {margin:30px !important;}
.margin40 {margin:40px !important;}
.margin05horiz {margin: 0px 5px 0px 5px !important;}
.margin10horiz {margin: 0px 10px 0px 10px !important;}
.margin15horiz {margin: 0px 15px 0px 15px !important;}
.margin20horiz {margin: 0px 20px 0px 20px !important;}
.margin30horiz {margin: 0px 30px 0px 30px !important;}
.margin40horiz {margin: 0px 40px 0px 40px !important;}
.margin05vert {margin: 5px 0px 5px 0px !important;}
.margin10vert {margin:10px 0px 10px 0px !important;}
.margin15vert {margin:15px 0px 15px 0px !important;}
.margin20vert {margin:20px 0px 20px 0px !important;}
.margin30vert {margin:30px 0px 30px 0px !important;}
.margin40vert {margin:40px 0px 40px 0px !important;}
.margin05left {margin: 0px 0px 0px 5px !important;}
.margin10left {margin: 0px 0px 0px 10px !important;}
.margin15left {margin: 0px 0px 0px 15px !important;}
.margin20left {margin: 0px 0px 0px 20px !important;}
.margin30left {margin: 0px 0px 0px 30px !important;}
.margin40left {margin: 0px 0px 0px 40px !important;}
.margin05right {margin: 0px 5px 0px 0px !important;}
.margin10right {margin: 0px 10px 0px 0px !important;}
.margin15right {margin: 0px 15px 0px 0px !important;}
.margin20right {margin: 0px 20px 0px 0px !important;}
.margin30right {margin: 0px 30px 0px 0px !important;}
.margin40right {margin: 0px 40px 0px 0px !important;}
.margin05top {margin: 5px 0px 0px 0px !important;}
.margin10top {margin:10px 0px 0px 0px !important;}
.margin15top {margin:15px 0px 0px 0px !important;}
.margin20top {margin:20px 0px 0px 0px !important;}
.margin30top {margin:30px 0px 0px 0px !important;}
.margin40top {margin:40px 0px 0px 0px !important;}
.margin05bottom {margin: 0px 0px 5px 0px !important;}
.margin10bottom {margin: 0px 0px 10px 0px !important;}
.margin15bottom {margin: 0px 0px 15px 0px !important;}
.margin20bottom {margin: 0px 0px 20px 0px !important;}
.margin30bottom {margin: 0px 0px 30px 0px !important;}
.margin40bottom {margin: 0px 0px 40px 0px !important;}
.padding05 {padding: 5px !important;}
.padding10 {padding:10px !important;}
.padding15 {padding:15px !important;}
.padding20 {padding:20px !important;}
.padding30 {padding:30px !important;}
.padding40 {padding:40px !important;}
.padding05horiz {padding: 0px 5px 0px 5px !important;}
.padding10horiz {padding: 0px 10px 0px 10px !important;}
.padding15horiz {padding: 0px 15px 0px 10px !important;}
.padding20horiz {padding: 0px 20px 0px 20px !important;}
.padding30horiz {padding: 0px 30px 0px 30px !important;}
.padding40horiz {padding: 0px 40px 0px 40px !important;}
.padding05vert {padding: 5px 0px 5px 0px !important;}
.padding10vert {padding:10px 0px 10px 0px !important;}
.padding15vert {padding:15px 0px 10px 0px !important;}
.padding20vert {padding:20px 0px 20px 0px !important;}
.padding30vert {padding:30px 0px 30px 0px !important;}
.padding40vert {padding:40px 0px 40px 0px !important;}
.padding05left {padding: 0px 0px 0px 5px !important;}
.padding10left {padding: 0px 0px 0px 10px !important;}
.padding15left {padding: 0px 0px 0px 15px !important;}
.padding20left {padding: 0px 0px 0px 20px !important;}
.padding30left {padding: 0px 0px 0px 30px !important;}
.padding40left {padding: 0px 0px 0px 40px !important;}
.padding05right {padding: 0px 5px 0px 0px !important;}
.padding10right {padding: 0px 10px 0px 0px !important;}
.padding15right {padding: 0px 15px 0px 0px !important;}
.padding20right {padding: 0px 20px 0px 0px !important;}
.padding30right {padding: 0px 30px 0px 0px !important;}
.padding40right {padding: 0px 40px 0px 0px !important;}
.padding05bottom {padding: 0px 0px 5px 0px !important;}
.padding10bottom {padding: 0px 0px 10px 0px !important;}
.padding15bottom {padding: 0px 0px 15px 0px !important;}
.padding20bottom {padding: 0px 0px 20px 0px !important;}
.padding30bottom {padding: 0px 0px 30px 0px !important;}
.padding40bottom {padding: 0px 0px 40px 0px !important;}
.padding05top {padding: 5px 0px 0px 0px !important;}
.padding10top {padding:10px 0px 0px 0px !important;}
.padding15top {padding:15px 0px 0px 0px !important;}
.padding20top {padding:20px 0px 0px 0px !important;}
.padding30top {padding:30px 0px 0px 0px !important;}
.padding40top {padding:40px 0px 0px 0px !important;}
.borderGreen {border:1px #339933 solid;}
.borderPurple {border:1px #9933CC solid;}
.borderBlack {border:1px #000000 solid;}
.borderRed {border:1px #FF0000 solid;}
.borderBlue {border:1px #0000FF solid;}
.borderWhite {border:1px #FFFFFF solid;}
.borderGrey {border:1px #CCCCCC solid;}
.borderGray {border:1px #CCCCCC solid;}
.contentContainer {display:inline-block;}
.roundedCorners {border-radius:5px;}
.borderRadius01 {border-radius: 5px;}
.borderRadius02 {border-radius:10px;}
.borderRadius03 {border-radius:20px;}
.borderRadius04 {border-radius:30px;}
.borderRadius05 {border-radius:40px;}
.inlineBlock {display:inline-block;}
.displayBlock {display:block;}
.displayNone {display:none;}
.posnAbsolute {position:absolute;}
.posnRelative {position:relative;}
.overflowHidden {overflow:hidden;}
.flexDisplay {display:flex !important;} /* Overwrites other definitions, especially block or inline-block */
.flexHorizontal {display:flex !important; justify-content:center;} /* Items are centred horizontally */
.flexVertical {display:flex !important; align-items:center; -webkit-align-items: center;} /* Items are centred vertically */
.flexTop {display:flex !important; align-items:flex-start; -webkit-align-items: flex-start;} /* Items are aligned to the top (may need vertical heights of items to be the same...) */
.flexBottom {display:flex !important; align-items:flex-end; -webkit-align-items: flex-end;} /* Items are aligned to the bottom (may need vertical heights of items to be the same...) */
.flexStretch {display:flex !important; align-items:stretch; -webkit-align-items: stretch;} /* Items stretch to the largest dimension */
.flexBetween {display:flex !important; justify-content:space-between;} /* Items will have horizontal space between them */
.flexAround {display:flex !important; justify-content:space-around;} /* Items will have horizontal space before, between, and after them */
.flexStart {display:flex !important; justify-content: flex-start; -webkit-justify-content: flex-start;}
.flexLeft {display:flex !important; justify-content: flex-start; -webkit-justify-content: flex-start;} /* User-friendly version of .flexStart */
.flexEnd {display:flex !important; justify-content: flex-end; -webkit-justify-content: flex-end;}
.flexRight {display:flex !important; justify-content: flex-end; -webkit-justify-content: flex-end;} /* User-friendly version of .flexSEnd */
.flexWrap {display:flex !important; flex-wrap:wrap;}
.flexXaxis {display:flex !important; flex-direction:row;} /* Sets main axis to x-axis (row) - This is the default */
.flexYaxis {display:flex !important; flex-direction:column;} /* Sets main axis to y-axis (column) */
.marginAuto {margin:auto;}
.floatLeft {float:left;}
.floatRight {float:right;}
.clearBoth {clear:both;}
.alignnone {display:block; margin-top:10px; margin-bottom:10px;}
.aligncenter {display:block; margin:0px auto 0px auto;}
.vAlignTop {vertical-align:top;}
.vAlignMiddle {vertical-align:middle;}
.vAlignBottom {vertical-align:bottom;}
.center {text-align:center !important;} /* Will override styles in any other classes */
.center p {text-align:center !important;} /* Will override styles in any other classes */
.left {text-align:left !important;} /* Will override styles in any other classes */
.left p {text-align:left !important;} /* Will override styles in any other classes */
.right {text-align:right !important;} /* Will override styles in any other classes */
.right p {text-align:right !important;} /* Will override styles in any other classes */
.centerAlign {margin:auto !important;} /* Will override styles in any other classes */ /* Needs to have width set (not 100%), no inline-block (and other?) criteria, so not universally applicable */
.text10 {font-size:10px !important;}
.text11 {font-size:11px !important;}
.text12 {font-size:12px !important;}
.text13 {font-size:13px !important;}
.text14 {font-size:14px !important;}
.text15 {font-size:15px !important;}
.text16 {font-size:16px !important;}
.text17 {font-size:17px !important;}
.text18 {font-size:18px !important;}
.text19 {font-size:19px !important;}
.text20 {font-size:20px !important;}
.text22 {font-size:22px !important;}
.text24 {font-size:24px !important;}
.text30 {font-size:30px !important;}
.text36 {font-size:36px !important;}
.text40 {font-size:40px !important;}
.text46 {font-size:46px !important;}
.text50 {font-size:50px !important;}
.text10 p {font-size:10px !important;}
.text11 p {font-size:11px !important;}
.text12 p {font-size:12px !important;}
.text13 p {font-size:13px !important;}
.text14 p {font-size:14px !important;}
.text15 p {font-size:15px !important;}
.text16 p {font-size:16px !important;}
.text17 p {font-size:17px !important;}
.text18 p {font-size:18px !important;}
.text19 p {font-size:19px !important;}
.text20 p {font-size:20px !important;}
.text22 p {font-size:22px !important;}
.text24 p {font-size:24px !important;}
.text30 p {font-size:30px !important;}
.text36 p {font-size:36px !important;}
.text40 p {font-size:40px !important;}
.text46 p {font-size:46px !important;}
.text50 p {font-size:50px !important;}
.textCompressed {line-height:1.2 !important;}
.textSpaced {line-height:1.8 !important;}
.italic {font-style:italic !important;}
.underline {text-decoration:underline !important;}
.lineThrough {text-decoration:line-through !important;}
.pointerClick {cursor:pointer !important;}
.Zcondensed {font-stretch:condensed !important;} /* Need condensed (etc) options in the font family, so see below */
.ZsemiCondensed {font-stretch:semi-condensed !important;}
.ZsemiExpanded {font-stretch:semi-expanded !important;}
.Zexpanded {font-stretch:expanded !important;}
.condensed {letter-spacing: -1.0px !important;}
.semiCondensed {letter-spacing: -0.5px !important;}
.semiExpanded {letter-spacing: 0.5px !important;}
.expanded {letter-spacing: 1.0px !important;}
.thin {font-weight:100 !important;}
.extralight {font-weight:200 !important;}
.light {font-weight:300 !important;}
.medium {font-weight:400 !important;}
.semibold {font-weight:600 !important;}
.bold {font-weight:700 !important;}
.extrabold {font-weight:800 !important;}
.maxbold {font-weight:900 !important;}
.textBlack {color:#000000 !important;}
.textGray {color:#666666 !important;}
.textRed {color:#FF0000 !important;}
.textGreen {color:#99DD22 !important;}
.textGreen2 {color:#339933 !important;}
.textPurple {color:#9933CC !important;}
.textWhite {color:#FFFFFF !important;}
.purpleText2 {color:#000000 !important;} /* Obsolete blog style - now black */
.glowTextGreen {text-shadow:#66CC00 0px 0px 1px;}
.bgGreen {background:#BBEE44;}
.bgLightGreen {background:#EEFFDD;}
.bgDarkGreen {background:#339933;}
.bgPurple {background:#BB66EE;}
.bgLightPurple {background:#EFE0F7;}
.bgDarkPurple {background:#9933CC;}
.bgGray {background:#CCCCCC;}
.bgLightGray {background:#EEEEEE;}
.bgYellow {background:#FFFF33;}
.bgLightYellow {background:#FFFFCC;}
.bgPaleYellow {background:#FFFFE8;}
.bgOrange {background:#FFCC33;}
.bgLightOrange {background:#FFEEDD;}
.bgBlue {background:#6699CC;}
.bgLightBlue {background:#BBDDFF;}
.bgCyan {background:#00DDDD;}
.bgLightCyan {background:#CCFFFF;}
.bgRed {background:#FF6666;}
.bgLightRed {background:#FFCCCC;}
.bgWhite {background:#FFFFFF;}
.bgBlack {background:#000000;}
.bgGradient01 {background-color: #F0FFDD; /* For browsers that do not support gradients */
background-image: linear-gradient(150deg, #F0FFDD, #F0FFDD, #F0FFDD , #AA66DD);}
.opacity10 {opacity: 0.1;}
.opacity20 {opacity: 0.2;}
.opacity30 {opacity: 0.3;}
.opacity40 {opacity: 0.4;}
.opacity50 {opacity: 0.5;}
.opacity60 {opacity: 0.6;}
.opacity70 {opacity: 0.7;}
.opacity80 {opacity: 0.8;}
.opacity90 {opacity: 0.9;}
.contentSpacer01 {height: 1px; clear:both;}
.contentSpacer05 {height: 5px; clear:both;}
.contentSpacer10 {height: 10px; clear:both;}
.contentSpacer15 {height: 15px; clear:both;}
.contentSpacer20 {height: 20px; clear:both;}
.contentSpacer25 {height: 25px; clear:both;}
.contentSpacer30 {height: 30px; clear:both;}
.contentSpacer35 {height: 35px; clear:both;}
.contentSpacer40 {height: 40px; clear:both;}
.contentSpacer45 {height: 45px; clear:both;}
.contentSpacer50 {height: 50px; clear:both;}
.contentSpacer60 {height: 60px; clear:both;}
.contentSpacer75 {height: 75px; clear:both;}
.contentSpacer80 {height: 80px; clear:both;}
.contentSpacer100 {height:100px; clear:both;}
.contentSpacer150 {height:150px; clear:both;}
.contentSpacer200 {height:200px; clear:both;}
.contentSpacer250 {height:250px; clear:both;}
.contentSpacer300 {height:300px; clear:both;}
.contentSpacer350 {height:350px; clear:both;}
.contentSpacer400 {height:400px; clear:both;}
.contentSpacer450 {height:450px; clear:both;}
.contentSpacer500 {height:500px; clear:both;}
.divHeight20 {height:20px;}
.divHeight25 {height:25px;}
.divHeight30 {height:30px;}
.divHeight35 {height:35px;}
.divHeight40 {height:40px;}
.divHeight45 {height:45px;}
.divHeight50 {height:50px;}
.divHeight60 {height:60px;}
.divHeight75 {height:75px;}
.divHeight80 {height:80px;}
.divHeight100 {height:100px;}
.divHeight125 {height:125px;}
.divHeight150 {height:150px;}
.divHeight175 {height:175px;}
.divHeight200 {height:200px;}
.divHeight220 {height:220px;}
.divHeight250 {height:250px;}
.divHeight300 {height:300px;}
.divHeight350 {height:350px;}
.divHeight400 {height:400px;}
.divHeight450 {height:450px;}
.divHeight500 {height:500px;}
.divHeight600 {height:600px;}
.divHeight700 {height:700px;}
.needtowrap2 {-webkit-columns:2; -moz-columns:2; columns:2;}
.needtowrap2 p {margin: 0px 0px 16px 0px;}
.needtowrap3 {-webkit-columns:3; -moz-columns:3; columns:3; column-gap:50px;}
.needtowrap3 p {margin: 0px 0px 16px 0px;}
.needtowrap4 {-webkit-columns:4; -moz-columns:4; columns:4; column-gap:30px;}
.needtowrap4 padding {margin: 0px 0px 16px 0px;}
/* GENERAL STYLES - END */
.whiteLink {color:#FFFFFF;}
.whiteLink a:link {color:#FFFFFF;}
.whiteLink a:visited {color:#FFFFFF;}
.whiteLink a:hover {color:#CC0000;}
.yellowLink {color:#FFFF00;}
.yellowLink a:link {color:#FFFF00;}
.yellowLink a:visited {color:#FFFF00;}
.yellowLink a:hover {color:#99FF99;}
.greyLink {color:#666666;}
.greyLink a:link {color:#666666;}
.greyLink a:visited {color:#666666;}
.greyLink a:hover {color:#CC0000;}
.greenLink {color:#339933;}
.greenLink a:link {color:#339933;}
.greenLink a:visited {color:#339933;}
.greenLink a:hover {color:#339933;}
.purpleLink {color:#9933CC;}
.purpleLink a:link {color:#9933CC;}
.purpleLink a:visited {color:#9933CC;}
.purpleLink a:hover {color:#CC0000;}
.opacity30 {opacity: 0.3;}
.opacity50 {opacity: 0.5;}
.opacity70 {opacity: 0.7;}
.subscribeLayer {display:none;}
.maxWidth800 {max-width:800px;}
.maxWidth700 {max-width:700px;}
.maxWidth600 {max-width:600px;}
.maxWidth500 {max-width:500px;}
.maxWidth400 {max-width:400px;}
.maxWidth300 {max-width:300px;}
.maxWidth250 {max-width:250px;}
.maxWidth210 {max-width:210px;}
.maxWidth200 {max-width:200px;}
.maxWidth150 {max-width:150px;}
.maxWidth100 {max-width:100px;}
.maxWidth75 {max-width: 75px;}
.minWidth400 {min-width:400px;}
.minWidth300 {min-width:300px;}
.minWidth250 {min-width:250px;}
.minWidth200 {min-width:200px;}
.minWidth150 {min-width:150px;}
.minWidth100 {min-width:100px;}
.divWidth05 {width: 5%; display:inline-block;}
.divWidth10 {width: 10%; display:inline-block;}
.divWidth15 {width: 15%; display:inline-block;}
.divWidth20 {width: 19%; display:inline-block;}
.divWidth25 {width: 24%; display:inline-block;}
.divWidth30 {width: 29%; display:inline-block;}
.divWidth33 {width: 32%; display:inline-block;}
.divWidth35 {width: 33%; display:inline-block;}
.divWidth40 {width: 39%; display:inline-block;}
.divWidth50 {width: 49%; display:inline-block;}
.divWidth60 {width: 59%; display:inline-block;}
.divWidth65 {width: 64%; display:inline-block;}
.divWidth66 {width: 65%; display:inline-block;}
.divWidth70 {width: 69%; display:inline-block;}
.divWidth75 {width: 74%; display:inline-block;}
.divWidth80 {width: 79%; display:inline-block;}
.divWidth85 {width: 84%; display:inline-block;}
.divWidth90 {width: 89%; display:inline-block;}
.divWidth100 {width:100%; display:inline-block;}
.divWidth100px {width:100px;}
.divWidth125px {width:125px;}
.divWidth150px {width:150px;}
.divWidth175px {width:175px;}
.divWidth200px {width:200px;}
.divWidth250px {width:250px;}
.divWidth300px {width:300px;}
.divWidth350px {width:350px;}
.divWidth360px {width:360px;}
.divWidth400px {width:400px;}
.divWidth450px {width:450px;}
.divWidth500px {width:500px;}
.divWidth550px {width:550px;}
.divWidth600px {width:600px;}
.divWidth700px {width:700px;}
.divWidth800px {width:800px;}
.divWidth900px {width:900px;}
.divWidth1000px {width:1000px;}
/* ==================== NOT NEEDED?? ==================== */
.ctaBand01 {background:url(/imageFiles/bg/ctaband-purple-01.jpg) no-repeat; background-position:center; background-size:100% auto; border:1px solid;}
.bgCoursePricesLevel1 {background:url(/imageFiles/page/course-prices-level1.jpg) no-repeat; background-size:cover;}
.bgCoursePricesLevel2 {background:url(/imageFiles/page/course-prices-level2.jpg) no-repeat; background-size:cover;}
.assertivenessBox {background:#FFFFFF url(/imageFiles/bg/assertiveness-box-01.jpg) no-repeat; background-position: right bottom;}
.timemanagementBox {background:#FFFFFF url(/imageFiles/bg/timemanagement-box-01.jpg) no-repeat; background-position: right bottom;}
.relationshipsBox {background:#FFFFFF url(/imageFiles/bg/relationships-box-01.jpg) no-repeat; background-position: right bottom;}
.communicationBox {background:#FFFFFF url(/imageFiles/bg/communication-box-01.jpg) no-repeat; background-position: right bottom;}
/* BUTTON STYLES - START */
.buttonAll {display:inline-block;}
.buttonAll a {text-align:center; color:#000000;}
.buttonAll a:link {text-decoration:none;}
.buttonAll a:visited {text-decoration:none;}
.buttonAll a:hover {text-decoration:none;}
/* The padding is CRUCIAL so don't mess with it!! */
.buttonSmall {padding: 3px 0px 3px 0px; border-radius: 5px; font-weight:500; font-size:14px;}
.buttonSmall a {padding: 3px 6px 3px 6px; border-radius: 5px; font-weight:500; font-size:14px;}
.buttonMid {padding: 5px 0px 5px 0px; border-radius:10px; font-weight:600; font-size:14px;}
.buttonMid a {padding: 5px 8px 5px 8px; border-radius:10px; font-weight:600; font-size:14px;}
.buttonMidNoLink {padding: 5px 8px 5px 8px; border-radius:10px; font-weight:600; font-size:14px;}
.buttonBig {padding:10px 0px 10px 0px; border-radius:20px; font-weight:700; font-size:14px;}
.buttonBig a {padding:10px 10px 10px 10px; border-radius:20px; font-weight:700; font-size:14px;}
.buttonGreen {background-color:#BBEE44; color:#000000;}
.buttonGreen a {background-color:#BBEE44; color:#000000;}
.buttonGreen a:hover {background-color:#00BB00; color:#FFFFFF;}
.buttonGreen:hover {background-color:#00BB00; color:#FFFFFF;}
.buttonLightG {background-color:#CCFFCC; color:#000000;}
.buttonLightG a {background-color:#CCFFCC; color:#000000;}
.buttonLightG a:hover {background-color:#00BB00; color:#FFFFFF;}
.buttonLightG:hover {background-color:#00BB00; color:#FFFFFF;}
.buttonLightP {background-color:#EECCFF; color:#000000;}
.buttonLightP a {background-color:#EECCFF; color:#000000;}
.buttonLightP a:hover {background-color:#BB00CC; color:#FFFFFF;}
.buttonLightP:hover {background-color:#BB00CC; color:#FFFFFF;}
.buttonLightY {background-color:#EEFFCC; color:#000000;}
.buttonLightY a {background-color:#EEFFCC; color:#000000;}
.buttonLightY a:hover {background-color:#FFFF99; color:#CC0000;}
.buttonLightY:hover {background-color:#FFFF99; color:#CC0000;}
.buttonGray1 {background-color:#EEEEEE; color:#9900CC;}
.buttonGray1 a {background-color:#EEEEEE; color:#9900CC;}
.buttonGray1 a:hover {background-color:#999999; color:#FFFFFF;}
.buttonGray1:hover {background-color:#999999; color:#FFFFFF;}
.buttonWhite {background-color:#FFFFFF; color:#000000;}
.buttonWhite a {background-color:#FFFFFF; color:#000000;}
.buttonWhite a:hover {background-color:#00BB00; color:#FFFFFF;}
.buttonWhite:hover {background-color:#00BB00; color:#FFFFFF;}
/* BUTTON STYLES - END */
/* ==================== TEST STYLES ==================== */
.responseHeading {color:#9933CC; font-size:20px; font-weight:600;}
.responseQuestion {color:#000000; font-size:18px; font-weight:400; margin:0px 0px 10px 0px;}
.responseRadio {color:#000000; width:20px; display:inline-block; min-height:20px; vertical-align:top; padding-top:2px;}
.responseText {color:#000000; width:300px; display:inline-block; min-height:20px; vertical-align:top; font-size:14px; text-align:left; padding-left:5px;}
.responseText p {display:inline-block; vertical-align:middle;}
.responseArea {cursor:pointer; margin:5px 0px 10px 0px; width:100%;}
.responseGraphic {border:solid 1px #339933; border-radius:50%; height:20px; width:20px; display:inline-block;}
.questionMainImage {} /* NOT USED */
.questionImage {width:30%; display:inline-block; vertical-align:top;}
.questionSpacer {} /* NOT USED */
.questionText {width:100%; display:inline-block; vertical-align:top;}
.questionSection4 {} /* NOT USED was height:430px;} */
.questionSection5 {} /* NOT USED was height:500px;} */
.paddingImageTest {} /* NOT USED */
.qarea {width:100%; margin:5px 0px 5px 0px;}
.qimage {display:inline-block; vertical-align:middle; width:100%; text-align:center; margin-bottom:10px;}
.qsection {display:inline-block; vertical-align:top; width:100%; text-align:left;}
.submitQuestionnaire {width:300px;}
.createQPDF {cursor:pointer;}
.createQPDF div {}
.createQPDF:hover {}
.ZcreateQPDF {background:#33CC33; color:#FFFFFF; cursor:pointer;}
.ZcreateQPDF div {padding:5px 0px 10px 0px;}
.ZcreateQPDF:hover {background:#EEEEEE; color:#CC00CC;}
.barWidgetOuter {width:50%; height:25px; border:solid 1px #000000;}
.barWidgetInner {height:25px; border-right:1px solid #000000; width:0%; background:#EEEEEE;}
/* ==================== COOKIE STYLES ==================== */
.cookieBox {position: fixed; z-index:1000; width:100%; height:300px; bottom:0px; left:0px;}
.cookieBoxTop {background-color:#9933CC; height:40px; color:#FFFFFF;}
.cookieBoxMain {background-color:#FFFFFF; height:300px; color:#666666;}
.cookiePadding {padding:10px;}
.closeCookieBox {position:absolute; right:12px; top:12px; cursor:pointer;}
.textSize12 {font-size:12px;}
/* ==================== BLOG STYLES ==================== */
/* Add from styles at bottom */
.postContainer {background:#DDDDDD; border-bottom:4px solid #EECCFF; min-height:140px;}
.postImage {text-align:center;}
.postImage img {width:100px; height:100px;}
.postTitle {font-size:22px; font-weight:bold; width:100%;}
.postTitle a {font-size:22px; font-weight:bold; text-decoration:none;}
.postTitle a:link {color:#333333;}
.postTitle a:visited {color:#333333;}
.postTitle a:hover {color:#CC0000;}
.latestPost {width:100%; background:#FFFFFF; display:inline-block; margin:20px; height:440px;}
.latestPostInner {width:39%; display:inline-block;}
.latestPostInner h2 {}
.latestPostImage {width:59%; float:right; height:380px; background-size: auto 100%; background-position: center;}
.blogCatBoxLink {text-align:center; background-color:#9933CC; display:inline-block; float:left; margin:2px;}
.blogCatBoxLink a {text-align:center; background-color:#EEEEEE; display:inline-block; cursor:pointer; color:#FFFFFF; width:100%}
.blogCatBoxLink a:link {text-decoration:none; color:#FFFFFF; background-color:#EEEEEE;}
.blogCatBoxLink a:visited {text-decoration:none; color:#FFFFFF; background-color:#EEEEEE;}
.blogCatBoxLink a:hover {text-decoration:none; color:#FFFFFF; background-color:#CCCCCC;}
.blogLeft {display:inline-block; width:30%; vertical-align:top; padding-top:17px; height:auto;}
.blogMid {display:inline-block; width:4%;}
.blogRight {display:inline-block; width:55%; vertical-align:top;}
.blogRightPC {float:right; width:69%; height:200px;}
.blogLeftPC {float:left; width:30%; height:200px;}
.blogAuthor {font-style: italic; text-align:left; font-size:13px; font-weight:400; margin-top:10px; margin-bottom:10px;}
.blogInfo {text-align:left;}
.blogTitleNormal {line-height:24px; overflow:hidden; height:60px;}
.blogTitleNormal a:link {text-decoration:none; color:#666666;}
.blogTitleNormal a:visited {text-decoration:none; color:#666666;}
.blogTitleNormal a:hover {text-decoration:none; color:#CC00CC;}
.blogContent {width:98%; max-width:450px; background:#FFFFFF;}
.bigButton {width:280px; height:50px; display:inline-block;}
.bigButton a {text-decoration: none; width:100%; height:100px; display:block; text-align:center; padding-top:10px; padding-bottom:10px;}
.bigButton a:link {color:#FFFFFF; background:#339933;}
.bigButton a:visited {color:#FFFFFF; background:#339933;}
.bigButton a:hover {color:#FFFFFF; background:#1A4F1A;}
.blogTable {width:100%; padding:0px !important; margin:0px !important; border:1px #339933 solid;}
.blogTable table {max-width:380px !important; margin-left: auto !important; margin-right: auto !important; /* Centre the table horizontally */
margin-top: 0px !important; margin-bottom: 0px !important; /* Remove gaps around table */
width: 100% !important; box-sizing: border-box !important;}
.blogTable br + br {display: none !important;} /* Hide stupid multiple
tags inserted by WordPress */
.blogTable br + table {margin-top: 0px !important; margin-bottom: 0px !important;} /* Remove gap above table created by
tag */
.blogTable table + br {margin-top: 0px !important; margin-bottom: 0px !important;} /* Remove gap below table created by
tag */
.blogThisTable {box-sizing: border-box !important; border-collapse: collapse;}
.blogThisTable td {box-sizing: border-box !important; border: 1px solid #000000;}
/* ==================== MODALS (Popups) ==================== */
.modalOverlay {display:none; z-index:251; width:100%; height:100%; position:fixed; top: 0px; left:0px; background:rgba(0,0,0,0.5);}
.videoPopup {z-index:252; width:800px; border:solid 1px #000000; border-radius:15px; background:#FFFFFF; position:fixed; top:100px; left:0px; right:0px; margin-left:auto; margin-right:auto; display:none;}
.addToCartPopup {z-index:252; width:100%; position:fixed; background:#FFFFFF; display:none; top:0px; overflow:hidden;}
.addBothToCartPopup {z-index:252; width:100%; position:fixed; background:#FFFFFF; display:none; top:0px; overflow:hidden;}
.addPackageToCartPopup {z-index:252; width:100%; position:fixed; background:#FFFFFF; display:none; top:0px; overflow:hidden;}
.topRightFloat01 {width:350px; background:#FFFFFF; border:1px #000000 solid; border-radius:10px;}
.discountStar {width:50px; margin:20px 30px 0px 10px;}
.priceLHcol {float:left; padding: 0px 10px 0px 10px; font-size:24px; font-weight:700; color:#FF0000;}
.priceRHcol {float:left; padding: 0px 0px 0px 20px;}
.topMenuPC {display:block; top:0px; position:fixed; z-index:50; height:50px; background:#FFFFFF; border-bottom:2px #999999 solid; width:100%; text-align:center; padding-top:5px;}
.menuDummy {display:block; height:55px;}
.tagline {height:130px; background:#AAD292;}
.taglineInnner {text-align:center; font-size:30px; font-weight:bold; color:#086C4C; padding-top:45px;}
.mainSep {width:100%; display:inline-block; border-bottom:2px #086C4C solid; margin-bottom:10px; height:30px;}
.outlineBox {display:none;}
.offerBox {display:none;}
.offerTitle {display:none;}
.normalButton {width:94%; background:#339933; color:#FFFFFF; display:inline-block; cursor:pointer; height:30px; padding-top:10px; border:solid 1px #666666; text-align:center;}
.normalButton a:link {text-decoration:none; color:#FFFFFF;}
.normalButton a:visited {text-decoration:none; color:#FFFFFF;}
.normalButton a:hover {text-decoration:none; color:#CC00CC; background:#FFFFFF; border:solid 1px #CC00CC;}
.normalButton:hover {text-decoration:none; color:#CC00CC; background:#FFFFFF; border:solid 1px #CC00CC; padding-top:10px;}
.openCart {cursor:pointer; display:inline-block;}
.moreInfo {width:130px; float:right; background:#339933; display:inline-block; cursor:pointer; height:40px; margin-top:0px;}
.moreInfoPadding {color:#FFFFFF; font-weight:bold; padding:10px; text-align:center;}
.moreInfoButton a {padding:10px; background:#339933; color:#FFFFFF; font-weight:700; width:150px; text-align:center;
cursor:pointer; display:inline-block; margin:0px 0px 5px 0px; border:solid 1px #339933;}
.moreInfoButton a:link {background:#339933; color:#FFFFFF; border:solid 1px #339933; text-decoration:none;}
.moreInfoButton a:visited {background:#339933; color:#FFFFFF; border:solid 1px #339933; text-decoration:none;}
.moreInfoButton a:hover {background:#FFFFFF; color:#339933; border:solid 1px #339933; text-decoration:none;}
.loginTab {display:none;}
.productIntroLeft {display:inline-block; width:37%; text-align:left; vertical-align:top; margin-right:2%; font-size:12px; height:260px; background:#FFFFFF;}
.productIntroRight {display:inline-block; width:60%; vertical-align:top;}
.productIntroLeft h2 {background-image:url(); background-color:#9933CC; margin-top:0px; width:auto;}
.priceINFO {font-size:18px; text-align:left; line-height:30px; font-weight:600; height:34px; vertical-align:bottom;}
.priceRRP {font-size:20px; text-align:right; line-height:30px; font-weight:700; height:34px; vertical-align:bottom;}
.priceNOW {font-size:24px; text-align:right; line-height:30px; font-weight:800; height:34px; vertical-align:bottom;}
.orangeButton {background:#FF9900; color:#FFFFFF; font-weight:700; border:solid 1px #FF9900;}
.orangeButton:link {background:#FF9900; color:#FFFFFF; font-weight:700; border:solid 1px #FF9900; text-decoration:none;}
.orangeButton:visited {background:#FF9900; color:#FFFFFF; font-weight:700; border:solid 1px #FF9900; text-decoration:none;}
.orangeButton:hover {background:#FF9999; color:#CC00CC; font-weight:700; border:solid 1px #FF9900; text-decoration:none;}
.dropDown {width:180px; font-size:15px; display:inline-block; text-align:left; position:fixed; left:0; z-index:100; display:none;}
.dropDown a {padding:4px; display:block; width:100%; background:#EECCFF; color:#FFFFFF;}
.dropDown a:link {color:#666666; text-decoration:none; background:#EECCFF;}
.dropDown a:visited {color:#666666; text-decoration:none; background:#EECCFF;}
.dropDown a:hover {color:#666666; text-decoration:none; background:rgb(217,255,216); background:rgba(217,255,216,1.0);}
.priceCol1 {width:130px; margin-left:25px; float:left;}
.priceCol2 {width:120px; float:left;}
.priceCol3 {width:120px; float:left;}
.priceCol4 {width:100px; float:left; margin-top:0px;}
.priceTitle {width:100%; text-align:left;}
.offerQTY {font-size:30px; width:35px; text-align:center;}
.offerBox {text-align:center;}
.offerBox h2 {width:96%; margin:0px; text-align:center; padding:2%;}
.col2 {width:48%; display:inline-block; height:100%; text-align:center; vertical-align:top;}
.parallax {width:100%; background-size:cover; background-attachment:fixed;}
.parallaxContent {text-align:center; max-width:600px;}
.parallaxContent h2 {color:#FFFFFF; font-size:24px; font-weight:700; background-image:none;}
.offerBox h2 {width:75%; margin:0px; text-align:left; padding:5px;}
.width400 {width:90%; max-width:400px;}
.width600 {width:90%; max-width:600px;}
.width800 {width:90%; max-width:800px;}
.blogTitle h1 {font-size:40px; background-image:url(); background-color:#9933CC; margin:0px;}
.addQty {display:none;}
.removeQty {display:none;}
.iconSpacing {text-align:center; padding-top:60px; height:205px;}
.iconSpacing img {display:inline-block;}
/* New styles (to be sorted) */
.center h2 {text-align:center; margin:0px;}
.dashGreen {border-bottom: 5px solid #33CC33; height:10px; width:40px; margin:10px auto 10px auto;}
.dashPurple {border-bottom: 5px solid #9933CC; height:10px; width:40px; margin:10px auto 10px auto;}
.dashBlack {border-bottom: 5px solid #000000; height:10px; width:40px; margin:10px auto 10px auto;}
.dashWhite {border-bottom: 5px solid #FFFFFF; height:10px; width:40px; margin:10px auto 10px auto;}
.dashBlue {border-bottom: 5px solid #3366CC; height:10px; width:40px; margin:10px auto 10px auto;}
.dashOrange {border-bottom: 5px solid #FF9900; height:10px; width:40px; margin:10px auto 10px auto;}
.carArrowPrev {position:absolute; left:-15px; width:30px; height:50px; background:#339933; cursor:pointer; top:0px ;bottom:0px; margin-top:auto; margin-bottom:auto; z-index:1;}
.carArrowPrev img {margin-top:17px; margin-left:8px;}
.carArrowNext {position:absolute; right:-15px; width:30px; height:50px; background:#339933; cursor:pointer; top:0px ;bottom:0px; margin-top:auto; margin-bottom:auto; z-index:1;}
.carArrowNext img {margin-top:17px; margin-left:8px;}
.lightGreyLine {height:5px; margin:5px; border-bottom:solid 1px #CCCCCC;}
.copyright {font-size:10px;}
.hamburgerMenu {display:none; z-index:100; width:100%; height:100%; background:#281849; position:fixed;}
.hamburgerInactive {width:15px; height:20px; display:inline-block; vertical-align:middle; font-size:14px; padding:5px; color:#000000;}
.hamburgerActive {width:15px; height:20px; display:inline-block; vertical-align:middle; font-size:14px; padding:5px; color:#000000;}
.hamburgerSubActive {width:15px; height:20px; display:inline-block; vertical-align:middle; font-size:14px; padding:5px; color:#000000;}
.hamburgerLayer {height:100%; width:100%; z-index:120; position:fixed; display:none;}
.hamburgerLayer a {width:100%; color:#000000; text-align:left; font-size:14px; padding:5px; display:block; border-bottom:1px solid #FFFFFF; background:#BBEE44;}
.hamburgerLayer a:link {color:#000000; background:#BBEE44; text-decoration:none;}
.hamburgerLayer a:visited {color:#000000; background:#BBEE44; text-decoration:none;}
.hamburgerLayer a:hover {color:#006600; background:#FFFFFF; text-decoration:none;}
.hamburgerDropdown {color:#000000; width:100%; text-align:left; font-size:14px; padding:5px; display:block; border-bottom:1px solid #FFFFFF; background:#BBEE44; position:relative; cursor:pointer;}
.hamburgerDropdownLayer {display:none;}
.hamburgerDropdownLayer a {width:100%; text-align:left; font-size:14px; padding:5px; color:#000000; display:block; border-bottom:1px solid #FFFFFF; background:#CCFFCC;}
.hamburgerDropdownLayer a:link {color:#000000; background:#CCFFCC; text-decoration:none;}
.hamburgerDropdownLayer a:visited {color:#000000; background:#CCFFCC; text-decoration:none;}
.hamburgerDropdownLayer a:hover {color:#FFFFFF; background:#339933; text-decoration:none;}
.hamburgerRight {color:#000000; position:absolute; right:20px; top:5px; width:50px; text-align:right;}
.bottomLayer1 {background:#359B35;}
.bottomLayer1 a {font-size:12px;}
.bottomLayer1 a:link {color:#FFFFFF; text-decoration:none;}
.bottomLayer1 a:visited {color:#FFFFFF; text-decoration:none;}
.bottomLayer1 a:hover {color:#FFFFFF; text-decoration:none;}
.toggleOutline {position:absolute; right:-18px; top:5px; text-align:right;}
.toggleOutline img {width:20px; height:auto; display:inline-block;}
.courseBoxDetails {width:95%; height:170px; display:inline-block; vertical-align:top; text-align:left; position:relative;}
.courseBoxDetailsR {width:95%; height:250px; display:inline-block; vertical-align:top; text-align:left; position:relative;}
.courseBoxDetailsR2 {width:95%; height:280px; display:inline-block; vertical-align:top; text-align:left; position:relative;}
.courseBoxTitle {height:20px; padding:10px 0px 10px 0px; color:#FFFFFF; font-size:18px; font-weight:700; margin: 0px 0px 6px 0px;}
.courseBoxDescription {height:70px; color:#FFFFFF; font-weight:300; font-size:13px;}
.listingBox {width:100%;}
.listingImage {width:75px; display:inline-block; vertical-align:top;}
.listingImage img {width:100%;}
.listingTitle {color:#006600; width:200px; display:inline-block; vertical-align:top;}
.listingBoxBlog {width:100%;}
.listingImageBlog {width:90px; display:inline-block; vertical-align:top;}
.listingImageBlog img {width:100%;}
.listingTitleBlog {width:240px; color:#006600; margin-left:20px; font-size:16px; font-weight:400; text-align:left; display:inline-block; vertical-align:middle;}
.listingTitleBlog a:link {color:#006600;}
.listingTitleBlog a:visited {color:#006600;}
.listingTitleBlog a:hover {color:#006600;}
/* Newsletter */
.newsletterLayer {display:none; width:90%; max-width:320px; position:fixed; z-index:1000; background:#FFFFFF; border:solid 1px #000000; padding:10px;
margin-right:auto; margin-left:auto; border-radius:20px; height:auto; left:0px; right:0px; top:-200px;}
.popupLength {width:250px;} /* Used to set width of button & form fields in newsletter popup form */
.screenPopup {z-index:252; width:360px; height:95%; overflow:scroll; border:solid 1px #000000; background:#FFFFFF; position:fixed; top:0px; left:0px; right:0px; margin-left:auto; margin-right:auto; display:none;
-webkit-overflow-scrolling:auto; overflow-y:scroll}
/* Forms */
.form input {width:90%; height:auto; min-height:30px; display:inline-block; margin:5px 0px 5px 0px; font-size: 16px !important; -webkit-appearance: none; border-radius: 0;}
.form textarea {width:91.5%; height:auto; min-height:76px; display:inline-block; margin:5px 0px 5px 2px; font-size: 16px !important; -webkit-appearance: none; border-radius: 0;}
.form select {width:90%; height:auto; min-height:37px; display:inline-block; margin:5px 0px 5px 0px; font-size: 16px !important; -webkit-appearance: none; border-radius: 0;}
.form .normalButton {width:60%; text-align:center;}
.contactInput {color:#0066AA; font-size:16px !important; line-height:22px;}
.form .contactInput {color:#0066AA; font-size:16px !important; line-height:22px;}
.formthingy {opacity:0; position:absolute; top:-9999px; left:-9999px; height:1px; width:1px; z-index:-100;}
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="search"], input[type="url"], textarea, select {
font-size: 16px !important;}
/* ==================== SPRITES ==================== */
.review-stars-30, .review-stars-35, .review-stars-40, .review-stars-45, .review-stars-50
{width:100%; height:20px; line-height:20px; padding:0px 0px 0px 120px; background:url(/imageFiles/sprites/review-stars-sprite-01.jpg) no-repeat; display:inline-block;}
.review-stars-30 {background-position: 0px 0px !important;}
.review-stars-35 {background-position: 0px -20px !important;}
.review-stars-40 {background-position: 0px -40px !important;}
.review-stars-45 {background-position: 0px -60px !important;}
.review-stars-50 {background-position: 0px -80px !important;}
/* Don't know what this is for */
#demoTerms p {font-size:12px;}
/* Arrow used for dropdowns, etc: STYLE 1 */
.arrow1 {border: solid black; border-width: 0px 3px 3px 0px; display: inline-block; padding: 3px; margin:0px 0px 2px 0px;}
.arrow2 {border: solid white; border-width: 0px 3px 3px 0px; display: inline-block; padding: 3px; margin:0px 0px 2px 0px;}
.rightArrow1 {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.leftArrow1 {transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.upArrow1 {transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
.downArrow1 {transform: rotate(45deg); -webkit-transform: rotate(45deg);}
#courseBenefitsLayer {max-height:260px; display:inline-block; text-align:left; overflow:hidden;}
#buttonBenefitsExpand {height:25px; width:120px; text-align:center; color:#FFFFFF; font-weight:400; font-size:16px; line-height:23px; padding:5px; cursor:pointer; border-radius:5px;
background-color: rgba( 0, 150, 0, 0.8); display:inline-block;}
#buttonBenefitsCollapse {height:25px; width:120px; text-align:center; color:#FFFFFF; font-weight:400; font-size:16px; line-height:23px; padding:5px; cursor:pointer; border-radius:5px;
background-color: rgba( 0, 150, 0, 0.8); display:none;}
/* ==================== RESOLUTION-SPECIFIC (RESPONSIVE) STYLES: ==================== */
/* Included in separate styles-mobile-responsive.css file so they overrule anything else */