/* COLOUR REF */
/* THEME: Main PURPLE: #9933CC Dark: #660099 Light: #EECCFF Very light: #F8E8FF
Secondary GREEN: #BBEE44 Very Dark: #006600 Dark: #339933 Light: #D9FFD8 Very light: #EEFFDD */
/* HTML Elements */
body {font-family:"open sans",sans-serif; font-size:16px; line-height:24px; color:#000000; background:#FFFFFF; text-align:center; margin:0px;}
h1 {font-size:34px; line-height:40px; color:#000000; margin: 0px 0px 10px 0px; font-weight:bold;}
h2 {font-size:30px; line-height:36px; color:#660099; margin: 0px 0px 10px 0px; font-weight:bold;}
h3 {font-size:22px; line-height:28px; color:#660099; margin: 0px 0px 6px 0px; font-weight:bold;}
h4 {font-size:20px; line-height:26px; color:#660099; margin: 0px 0px 6px 0px; font-weight:bold;}
.bgTrans01 {background:url(imageFiles/bg/background-001.png);}
.opacity100 {opacity:1.0 !important;}
p {font-size:16px; line-height:24px; font-weight:400; margin:0px 0px 10px 0px;}
div {font-size:16px; line-height:24px; font-weight:400; margin:0px 0px 0px 0px;}
a:link {color:#0000CC; font-size:inherit; line-height:inherit;}
a:visited {color:#0000CC; font-size:inherit; line-height:inherit;}
a:hover {color:#FF0000; font-size:inherit; line-height:inherit;}
b {font-size:inherit; font-weight:700;}
strong {font-size:inherit; font-weight:700;}
.fontThin {font-weight:100;}
.fontThin p {font-weight:100;}
.thin {font-weight:100 !important;}
.extralight {font-weight:200 !important;}
.light {font-weight:300 !important;}
.normal {font-weight:400 !important;}
.medium {font-weight:500 !important;}
.semibold {font-weight:600 !important;}
.bold {font-weight:700 !important;}
.extrabold {font-weight:800 !important;}
.black {font-weight:900 !important;}
.italic {font-style: italic;}
table {min-width:450px;}
/* Global Elements (likeley to appear on every page) */
.fontBlack {color:#000000;}
.fontBlack p {color:#000000;}
.fontWhite {color:#FFFFFF;}
.fontWhite p {color:#FFFFFF;}
.textBlack {color:#000000;}
.textWhite {color:#FFFFFF;}
.textPurple {color:#660099;}
.textBrightRed {color:#FF0000;}
.textRed {color:#CC0000;}
.textBlue {color:#0000CC;}
.textGreen {color:#00CC00;}
.textGray {color:#666666;}
.text12 {font-size:12px; line-height:18px;}
.text13 {font-size:13px; line-height:19px;}
.text14 {font-size:14px; line-height:20px;}
.text15 {font-size:15px; line-height:21px;}
.text16 {font-size:16px; line-height:22px;}
.text17 {font-size:17px; line-height:24px;}
.text18 {font-size:18px; line-height:25px;}
.text20 {font-size:20px; line-height:27px;}
.text22 {font-size:22px; line-height:30px;}
.text24 {font-size:24px; line-height:32px;}
.font20 {font-size:20px; line-height:30px;}
.font20 p {font-size:20px; line-height:30px;}
.font25 {font-size:25px; line-height:35px;}
.font25 p {font-size:25px; line-height:35px;}
.font30 {font-size:30px; line-height:40px;}
.font30 p {font-size:30px; line-height:40px;}
.font35 {font-size:35px; line-height:45px;}
.font35 p {font-size:35px; line-height:45px;}
.overlay {z-index:999; width:100%; height:100%; background:#000000; position:fixed; left:0px; top:0px; background:rgba(0,0,0,0.5); display:none;}
.height010 {height: 10px;}
.height015 {height: 15px;}
.height020 {height: 20px;}
.height025 {height: 25px;}
.height030 {height: 30px;}
.height035 {height: 35px;}
.height040 {height: 40px;}
.height050 {height: 50px;}
.height075 {height: 75px;}
.height100 {height:100px;}
.height150 {height:150px;}
.height200 {height:200px;}
.height250 {height:250px;}
.height300 {height:300px;}
.height400 {height:400px;}
.height500 {height:500px;}
.height600 {height:600px;}
.height700 {height:700px;}
.maxWidth500 {max-width:500px;}
.maxWidth750 {max-width:750px;}
.maxWidth900 {max-width:900px;}
.maxWidth1000 {max-width:1000px;}
.copyright {color:#FFFFFF; text-align:center; background:#1C1C1C; width:100%; padding:20px 0px 20px 0px;}
.newsletter {width:100%; background:#5A5A5A; height:35px; padding-left:10px; color:#FFFFFF; border:solid 1px #5A5A5A; border-radius:5px; margin:10px 0px 20px 0px;}
.fancyCheckbox {cursor:pointer; width:240px; height:auto; margin-bottom:15px;}
.fancyCheckboxActive {border:solid 3px #CC0000;}
.mainArea {width:100%;}
.contentContainer {width:100%; max-width:1050px; display:inline-block; text-align:left; position:relative;}
.contentContainerP {width:100%; max-width:1050px; display:inline-block; text-align:left; position:relative;}
.bannerContainer {width:100%; max-width:1050px; display:inline-block; text-align:left; position:relative;}
.pageFullWidth {width:100%;}
.headerBar {height:100px; width:100%; background:#000000; position:fixed; display:inline-block; z-index:50; left:0px; top:0px; color:#FFFFFF;}
.headerDummy {height:100px; width:100%; background:#FFFFFF;}
.pageBanner {height:200px; padding-top:100px; width:100%; background:#814994;}
.pageBanner h1 {margin:0; font-size:90px; color:#FFFFFF; font-weight:normal; line-height:100px;}
.pageBanner h2 {margin-top: 50px; font-size:24px; color:#FFFFFF;}
.logoArea {width:50px; float:left;}
.logoArea img {height:100px; width:auto;}
.menuTel {width:20%; float:right; text-align:left; padding-top:30px; font-size:10px; line-height:18px; margin-left:2%;}
.menuTel img {float:left; margin-right:10px;}
.menuTel span {font-size:18px; font-weight:bold;}
.menuLinks {width:70%; float:right; text-align:right; padding-top:20px;}
.menuLinks a {font-weight:bold; text-decoration:none; margin:10px; margin-top:20px; display:inline-block;}
.menuLinks a:link {color:#FFFFFF;}
.menuLinks a:visited {color:#FFFFFF;}
.menuLinks a:hover {color:#FF0000;}
.menuLinkActive {border-bottom:3px #9966CC solid;}
.topMenuLinksElementActive {border-bottom:3px #9966CC solid;}
.topMenuLinksElement {display:inline-block; font-weight:bold; text-decoration:none; margin:0px 20px 0px 20px; color:#FFFFFF; cursor:pointer;}
.topMenuLinksElement:hover {color:#FF0000;}
.menuMob {display:none;}
.roundButton {width:170px; height:30px; font-size:20px; color:#FFFFFF; background:#2B2B2B; display:inline-block; margin-right:80px;
border:solid 2px #FFFFFF; border-radius:15px; cursor:pointer; text-align:center; padding:8px 0px 5px 0px;}
.scrollLeft {display:none;}
.scrollRight {display:none;}
.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;} /* Items will be left aligned */
.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;} /* Items will be right aligned */
.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;}
.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;}
.inlineBlock {display:inline-block;}
.displayBlock {display:block;}
.displayNone {display:none;}
.posnAbsolute {position:absolute;}
.posnRelative {position:relative;}
.hidden {visibility: hidden;} /* HIDES element but it still takes up soace in the layout */
.center {text-align:center;}
.center p {text-align:center;}
.left {text-align:left;}
.left p {text-align:left;}
.right {text-align:right;}
.right p {text-align:right;}
.justify {text-align:justify;}
.justify p {text-align:justify;}
.centerAlign {margin:auto;} /* Needs to have width set (not 100%), no inline-block (and other?) criteria, so not universally applicable */
.overflowHidden {overflow:hidden;}
.pointerClick {cursor:pointer;}
/* FROM ZANDAX STYLES - START */
.showCardLayer {display:none;}
/* NOTES ON SERVICE PAGES ABOVE AND BELOW THE PRICING CARDS/CAROUSEL */
.noteBoxTop {font-size:14px; padding: 5px; border:#9900CC solid 1px; background:#F8FFE8; border-radius: 5px;}
.noteBoxBottom {font-size:14px; padding: 5px; border:#9900CC solid 1px; background:#F8FFE8; border-radius: 5px;}
/* CONTENT CARD STYLES - START */
/* MOBILE STYLES */
.display-widthCAROUSEL-MOB {width:360px; margin: auto; display:inline-block;}
.display-widthCARDS-MOB {width:360px; margin: auto; display:inline-block;}
.display-areaCARDS-MOB {width:360px; margin: auto;}
.display-wrapperCARDS-MOB {}
.contentCarousel1col-MOB {width:352px; text-align:left; padding:2px;}
.contentCarousel1col-MOB img {width:100%;}
.contentCarousel1colNOimage-MOB {width:352px; text-align:left; padding:2px;}
.contentCarousel2col-MOB {width:177px; text-align:left; padding:2px;}
.contentCarousel2col-MOB img {width:100%;}
.contentCarousel2colNOimage-MOB {width:177px; text-align:left; padding:2px;}
/* PC STYLES */
.display-widthCAROUSEL-PC {width:1050px; margin: auto; display:inline-block;}
.display-widthCARDS-PC {width:1050px; margin: auto; display:inline-block;}
.display-areaCARDS-PC {width:1050px;}
.display-wrapperCARDS-PC {}
.contentCard1col-PC {width:360px; margin:10px 5px 10px 5px; flex:360px 0 0; text-align:left; padding:5px; overflow:hidden;}
.contentCard1col-PC img {width:100%;}
.contentCard1colNOimage-PC {width:360px; margin:10px 5px 10px 5px; flex:360px 0 0; text-align:left; padding:5px; overflow:hidden;}
.contentCard3col-PC {width:330px; margin:10px 5px 10px 5px; flex:330px 0 0; text-align:left; padding:5px; overflow:hidden;}
.contentCard3col-PC img {width:100%;}
.contentCard3colNOimage-PC {width:330px; margin:10px 5px 10px 5px; flex:330px 0 0; text-align:left; padding:5px; overflow:hidden;}
.contentCard4col-PC {width:240px; margin:10px 5px 10px 5px; flex:240px 0 0; text-align:left; padding:5px; overflow:hidden;}
.contentCard4col-PC img {width:100%;}
.contentCard4colNOimage-PC {width:240px; margin:10px 5px 10px 5px; flex:240px 0 0; text-align:left; padding:5px; overflow:hidden;}
.contentCard5col-PC {width:200px; margin:10px 5px 10px 5px; flex:200px 0 0; text-align:left; padding:5px; overflow:hidden;}
.contentCard5col-PC img {width:100%;}
.contentCard5colNOimage-PC {width:200px; margin:10px 5px 10px 5px; flex:200px 0 0; text-align:left; padding:5px; overflow:hidden;}
/* CONTENT CARD STYLES - END */
/* May not be used, but are here so they can follow the conventions if needed later */
.heightAuto {height:auto;}
.contentWidth {max-width:1050px;}
.screenWidth {width:100%; display:inline-block; text-align:center;}
.fullWidth {width:100%; display:inline-block; max-width:1050px;} /* NO MARGIN FOR ERROR! MUST HAVE NO PADDING, MARGINS, ETC OR THERE WILL BE TROUBLE! */
.column100 {width: 99%; display:inline-block; max-width:1050px;}
.column100Simple {width:100%;}
.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;}
.column35 {width: 35%; 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;}
.width050 {width: 50px;}
.width075 {width: 75px;}
.width100 {width:100px;}
.width125 {width:125px;}
.width150 {width:150px;}
.width175 {width:175px;}
.width200 {width:200px;}
.width225 {width:225px;}
.width250 {width:250px;}
.width275 {width:275px;}
.width300 {width:300px;}
.width325 {width:325px;}
.width350 {width:350px;}
.width375 {width:375px;}
.width400 {width:400px;}
.width450 {width:450px;}
.width500 {width:500px;}
.width550 {width:550px;}
.width600 {width:600px;}
.width700 {width:700px;}
.width800 {width:800px;}
.width900 {width:900px;}
.width1000 {width:100px;}
.widthDiv010 {width: 10%}
.widthDiv020 {width: 20%}
.widthDiv030 {width: 30%}
.widthDiv040 {width: 40%}
.widthDiv050 {width: 50%}
.widthDiv060 {width: 60%}
.widthDiv070 {width: 70%}
.widthDiv080 {width: 80%}
.widthDiv090 {width: 90%}
.widthDiv100 {width:100%}
.minWidth300 {min-width:300px;}
.minWidth360 {min-width:360px;}
.minWidth400 {min-width:400px;}
.minWidth500 {min-width:500px;}
.maxWidth300 {max-width:300px;}
.maxWidth360 {max-width:360px;}
.maxWidth400 {max-width:400px;}
.maxWidth500 {max-width:500px;}
.margin00 {margin: 0px !important;}
.margin02 {margin: 2px !important;}
.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;}
.padding00 {padding: 0px !important;}
.padding02 {padding: 2px !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;}
.padding02horiz {padding: 0px 2px 0px 2px !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;}
.padding02vert {padding: 2px 0px 2px 0px !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;}
.borderNone {border:none;}
.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;}
.borderRad05 {border-radius: 5px;}
.borderRad10 {border-radius:10px;}
.borderRad15 {border-radius:15px;}
.borderRad20 {border-radius:20px;}
.borderCircle {border-radius:50%;}
.contentCenter {display: inline-flex; justify-content: center; align-items: center;}
.box20x20 {width: 20px; height: 20px;}
.box25x25 {width: 25px; height: 25px;}
.contentSpacer01 {height: 1px; clear:both;}
.contentSpacer02 {height: 2px; 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;}
/* TOP BANNER CONTENT STYLES */
.pageBanner200 {width:100%; background: url(/imageFiles/banners/purpleBand200.png) #FFFFFF;}
.pageBanner250 {width:100%; background: url(/imageFiles/banners/purpleBand250.png) #FFFFFF;}
.pageBanner300 {width:100%; background: url(/imageFiles/banners/purpleBand300.png) #FFFFFF;}
.pageBannerLH {width:50%; float:left;}
.pageBannerRH {width:49%; float:right;}
.topBannerLH {width: 50%; float:left; vertical-align:middle; height:200px;}
.topBannerRH {width: 49%; float:left; vertical-align:middle; height:200px;}
.topBannerLHhome {width: 50%; float:left; vertical-align:middle; height:300px;}
.topBannerRHhome {width: 49%; float:left; vertical-align:middle; height:300px;}
.pageHeading {margin:20px 0px 15px 0px; text-align:left;}
.strapline {margin:15px 0px 10px 0px; text-align:left; font-size:20px; line-height:24px; font-weight:600;}
.topBannerLH3col {width: 19%; float:left; vertical-align:middle; height:200px;}
.topBannerCEN3col {width: 40%; float:left; vertical-align:middle; height:200px;}
.topBannerRH3col {width: 35%; float:left; vertical-align:middle; height:200px;}
/* FROM ZANDAX STYLES - END */
/* LEGACY: DEPRECATED - START */
.sectionSpacer {height:20px;}
.sectionSpacer10 {height:10px;}
.sectionSpacer20 {height:20px;}
.sectionSpacer30 {height:30px;}
.sectionSpacer40 {height:40px;}
.sectionSpacer50 {height:50px;}
.sectionSpacerPurple {height:20px; border-top:1px solid #9933CC;}
.col2 {width:48%; display:inline-block; vertical-align:top; text-align:left;}
.col3 {width:30%; display:inline-block; vertical-align:top; text-align:left;}
.col4 {width:22%; display:inline-block; vertical-align:top; text-align:left;}
.subServiceBoxes {width:22%; display:inline-block; vertical-align:top; text-align:center;}
.col70 {width:67%; display:inline-block; vertical-align:top; text-align:left;}
.col30 {width:28%; display:inline-block; vertical-align:top; text-align:left;}
.col80 {width:78%; display:inline-block; vertical-align:top; text-align:left;}
.col20 {width:18%; display:inline-block; vertical-align:top; text-align:left;}
.col60 {width:57%; display:inline-block; vertical-align:top; text-align:left;}
.col40 {width:38%; display:inline-block; vertical-align:top; text-align:left;}
.colSep {width:3%; display:inline-block; vertical-align:top; text-align:left;}
.footerColSep {width:2%; display:inline-block; vertical-align:top; text-align:left;}
/* LEGACY: DEPRECATED - END */
.footer {background:#2B2B2B;}
.footerTitle {color:#FFFFFF; font-size:20px; font-weight:bold;}
.footerContent {margin:10px 0px 0px 0px; color:#FFFFFF; font-size:14px; line-height:25px;}
.footerContent a {font-size:16px; font-weight:300; text-decoration:none; line-height:40px; display:inline-block; width:100%; border-bottom:1px dashed #7D7D7D;}
.footerContent a:link {color:#FFFFFF;}
.footerContent a:visited {color:#FFFFFF;}
.footerContent a:hover {color:#FF0000;}
.footerContentB {margin:10px 0px 0px 0px; color:#FFFFFF; font-size:14px; line-height:25px; text-align:left;}
.tweetIcon {width:5%; float:left; text-align:left;}
.tweetBlurb {width:90%; float:right; text-align:left; color:#FFFFFF; font-size:14px;}
.tweetBlurb strong {font-size:12px; font-weight:100;}
.mobMenu {position:fixed; top:100px; height:20px; width:100%; background:#000000; z-index:100; display:none; border-top:solid 1px #464646; text-align:left;}
.mobMenu a {text-decoration:none; margin:15px; font-size:24px; line-height:28px; margin:0px 0px 0px 0px; display:block; width:97%; border-bottom:solid 1px #464646; padding:20px 0% 20px 3%;}
.mobMenu a:link {color:#FFFFFF; background:#330044;}
.mobMenu a:visited {color:#FFFFFF; background:#330044;}
.mobMenu a:hover {color:#FFFF66; background:#330044; text-decoration:underline;}
.mobMenu span a {background:#550066; padding:6px 0% 6px 6%; width:94%;}
.mobMenuButton {border:solid 1px #000000;}
.switchBlock {width:330px; height:60px; background:#FFFFFF; border-radius:15px; text-align:center; color:#FFFFFF; padding-top:30px; display:inline-block; cursor:pointer; margin:0px 80px 0px 80px; font-size:40px; border:#2B2B2B solid 1px; color:#000000;}
.switchBlock:hover {background:#2B2B2B; color:#FFFFFF;}
.switchSelected {background:#2B2B2B; color:#FFFFFF;}
.resizeX {resize: horizontal;}
.resizeY {resize: vertical;}
.resizeBoth {resize: both;}
/*
input, textarea, select {color: #9966CC;}
input:focus, textarea:focus {color: #0000CC;}
*/
.inputEmpty {color: #9966CC;}
.inputFilled {color: #69349E;}
.bigTextArea {max-width:600px;
width:100%; background:#F2F2F2; height:150px; margin:2px 0px 2px 0px; padding:4px 10px 4px 10px; font-family:"open sans",sans-serif; font-size:15px; border:none;}
.smallTextArea {max-width:400px;
width:100%; background:#F2F2F2; height: 75px; margin:2px 0px 2px 0px; padding:4px 10px 4px 10px; font-family:"open sans",sans-serif; font-size:15px; border:none;}
.commentInput {width: 96%; background:#F2F2F2; height: 24px; margin:2px 0px 2px 0px; padding:2px 10px 2px 10px; font-family:"open sans",sans-serif; font-size:15px; line-height:20px; border:none; box-sizing: border-box;}
.contactInput {width: 96%; background:#F2F2F2; height: 24px; margin:2px 0px 2px 0px; padding:2px 10px 2px 10px; font-family:"open sans",sans-serif; font-size:15px; line-height:20px; border:none; box-sizing: border-box;}
.contactSelect {width: 96%; background:#F2F2F2; height: 26px; /* input + padding */ padding:2px 10px 2px 10px; font-family:"open sans",sans-serif; font-size:15px; border: none; max-width: 300px; box-sizing: border-box;}
.searchInput {width: 96%; background:#FFFFFF; height: 28px; margin:2px 0px 2px 0px; padding:4px 10px 4px 10px; color:#9966CC; font-family:"open sans",sans-serif; font-size:15px; border:solid 1px #000000;}
.commentCAPTCHA {width: 30px;}
.commentAuthor {font-size:18px; font-weight:bold;}
.commentDate {color:#666666; font-size:14px; line-height:40px;}
.commentContent {margin:0px 0px 40px 0px;}
.commentTextarea {height:300px;}
.normalButton {position:relative; height:32px; font-weight:600; font-size:15px; line-height:20px; color:#000000; text-align:center; width:200px;
background:#D4A8FF; border:none; border-radius:15px; display:inline-block; padding-top:5px; cursor:pointer;}
.normalButton:hover {color:#FFFFFF; background:#9933CC;}
.normalButton a:link {color:#FFFFFF; text-decoration:none; height:100%; width:100%; position:absolute; top:0px; display:block;}
.normalButton a:visited {color:#FFFFFF; text-decoration:none; height:100%; width:100%; position:absolute; top:0px;}
.normalButton a:hover {color:#FFFFFF; text-decoration:none; height:100%; width:100%; position:absolute; top:0px;}
.contentButton {position:relative; height:32px; font-weight:700; font-size:15px; line-height:20px; color:#000000; text-align:center;
box-sizing: border-box; vertical-align: middle;
background:#D4A8FF; border:none; border-radius:6px; display:inline-block; padding:5px 0px; cursor:pointer;}
.contentButton:hover {color:#FFFFFF; background:#9933CC;}
.contentButton a:link {color:#FFFFFF; text-decoration:none; height:100%; width:100%; position:absolute; top:0px; display:block;}
.contentButton a:visited {color:#FFFFFF; text-decoration:none; height:100%; width:100%; position:absolute; top:0px;}
.contentButton a:hover {color:#FFFFFF; text-decoration:none; height:100%; width:100%; position:absolute; top:0px;}
.smallButton {width:150px; height:30px; border-radius:10px; padding-top:5px;}
.squareButton {border-radius:0px;}
.ghostButton {width:150px; height:25px; padding:12px 10px 10px 10px; background:#D4A8FF; display:inline-block; vertical-align: top;
cursor:pointer; border-radius:10px; font-weight:bold; color:#000000; text-align:center;}
.ghostButton:hover {color:#FFFFFF; background:#9933CC;}
.infoButton01 {width:150px; height:25px; padding:12px 10px 10px 10px; background:#D4A8FF; display:inline-block; vertical-align: top;
cursor:pointer; border-radius:10px; font-weight:bold; color:#000000; text-align:center;}
.infoButton01:hover {color:#FFFFFF; background:#9933CC;}
.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: 4px 0px 4px 0px; border-radius: 5px; font-weight:400; font-size:14px;}
.buttonSmall a {padding: 4px 8px 4px 8px; border-radius: 5px; font-weight:400; font-size:14px;}
.buttonGray1 {background-color:#EEEEEE; color:#9900CC;}
.buttonGray1 a {background-color:#EEEEEE; color:#9900CC;}
.buttonGray1 a:hover {background-color:#999999; color:#FFFFFF; cursor:pointer;}
.buttonGray1:hover {background-color:#999999; color:#FFFFFF; cursor:pointer;}
.buttonGray1:hover a {background-color:#999999; color:#FFFFFF; cursor:pointer;}
.buttonWhite {background-color:#FFFFFF; color:#000000;}
.dropDown {width:250px; display:inline-block; text-align:left; position:fixed; left:0; z-index:100; border-top:none; top:65px; background:#660099; display:none; padding:4px 0px 6px 0px;}
.dropDown a {font-size:16px; font-weight:bold; text-decoration:none; width:96%; padding:5px 2% 5px 2%; display:block; height:20px; margin:0;}
.dropDown a:link {color:#FFFFFF;}
.dropDown a:visited {color:#FFFFFF;}
.dropDown a:hover {color:#000000; background:#BBEE44;}
.sectionMenuTitle {font-size:25px;}
/* Blog */
.alignleft {display:inline; float:left; margin-right:10px; margin-bottom:10px;}
.blogSectionInternal a {text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000; }
.blogReadMore {position:absolute; bottom:0px;}
.blogSectionDescription {width:100%; height:165px; display:inline-blocl; vertical-align:top; position:relative; overflow:hidden;}
.blogSectionBox {width:100%; height:150px; display:inline-block;
text-align:center; vertical-align:top; position:relative; overflow:hidden;}
.blogSectionBox p {position:absolute; top:25%; font-size:28px; line-height:35px; color:#FFFFFF; margin-left:auto; margin-right:auto; left:0; right:0;}
.blogSectionBox p a:link {color:#FFFFFF; text-decoration:none;}
.blogSectionBox p a:visited {color:#FFFFFF; text-decoration:none;}
.blogSectionBox p a:hover {color:#FFFFFF; text-decoration:none;}
.blogSectionBox img {width:100%; height:auto;}
.additionalPostContainerLeft {width:30%; display:inline-block; vertical-align:top; margin:20px 4.5% 20px 0;}
.additionalPostContainerRight {width:30%; display:inline-block; vertical-align:top; margin:20px 0% 20px 0; float:right;}
.additionalPostImage img {width:100%; height:auto;}
.additionalPostTitle {padding:0px 0 10px 0; font-size:16px; font-weight:bold; text-align:center; height:40px; overflow:hidden;}
.additionalPostTitle a {font-size:16px; font-weight:bold; text-decoration:none;}
.additionalPostTitle a:link {color:#000000;}
.additionalPostTitle a:visited {color:#000000;}
.additionalPostTitle a:hover {color:#FF0000;}
.additionalPostExcerpt {text-align:justify; margin-top:10px; height:100px; overflow:hidden;}
.mainPostExcerpt {text-align:left; margin: 5px 0px 10px 0px; height:70px; overflow:hidden;}
.additionalPostAuthor {font-size:12px; margin-top:10px;}
.mainPostAuthor {font-size:12px; margin-top:5px;}
.postContainer {background:#F7F7F7; width:47%; display:inline-block; height:470px; vertical-align:top; margin:20px 1% 20px 1%;}
.postContainer hr {color:#EFEFEF; display:block; width:100%; float:left; margin:15px 0px 15px 0px;}
.postImage img {width:100%; height:auto;}
.postTitle {padding:10px 10% 10px 10%; font-size:22px; font-weight:bold; text-align:center; height:35px;}
.postTitle a {font-size:18px; font-weight:bold; text-decoration:none;}
.postTitle a:link {color:#000000;}
.postTitle a:visited {color:#000000;}
.postTitle a:hover {color:#FF0000;}
.postSep {}
.postBottom {color:#B4B4B4; font-size:12px;}
.postBottom a {text-decoration:none;}
.postBottom a:link {color:#0066AA;}
.postBottom a:visited {color:#0066AA;}
.postBottom a:hover {color:#FF0000;}
.postSocial {border-top:5px solid #0066AA; border-bottom:3px solid #0066AA; width:100%; display:block; height:60px; padding-top:10px}
.postBubble {background:#0066AA;}
.postContent .aligncenter {display:block; margin:0px auto 0px auto;}
.postContent .alignleft {display:inline; float:left; margin-right:10px; margin-bottom:0;}
.postContent h3 {font-size:24px; line-height:40px; color:#0066AA; font-weight:bold; margin:20px 0px 0px 0px;} /* Margins essential to cope with
tags) */
.postContent h4 {font-size:20px; line-height:30px; color:#000000; font-weight:bold; margin:20px 0px 0px 0px;} /* Margins essential to cope with
tags) */
.postComments {float:left; width:100%; display:block;}
.postExerpt {font-size:14px; line-height:15px;}
/* Home Page */
.lowerStripArea01 {width:100%; background-attachment:fixed; background-size:100% auto; background-repeat:no-repeat;}
.lowerStrip01 {width:100%; padding-top:20px;}
.lowerStrip01 div {color:#FFFFFF; font-size:18px; font-weight:700; line-height:50px;}
.lowerStripArea02 {width:100%; background-attachment:fixed; background-size:100% auto; background-repeat:no-repeat;}
.lowerStrip02 {width:100%; padding-top:20px;}
.lowerStrip02 div {color:#FFFFFF; font-size:18px; font-weight:700; line-height:50px;}
.ZscrollButton {width:100px; height:60px; cursor:pointer; display:inline-block; text-align:center; overflow:hidden; border:solid 2px #9933CC; border-radius:50%;}
.scrollButton {width:100px; height:60px; cursor:pointer; display:inline-block; text-align:center; overflow:hidden;}
.scrollButton img {width:50px; padding-top:13px;}
.scrollDOWNwhite {background:url(imageFiles/icons/down-arrow-white.png); background-size:100% 100%; background-repeat:no-repeat;}
.scrollDOWNwhite:hover {background:url(imageFiles/icons/down-arrow-palepurple.png); background-size:100% 100%; background-repeat:no-repeat;}
.scrollDOWNblack {background:url(imageFiles/icons/down-arrow-black.png); background-size:100% 100%; background-repeat:no-repeat;}
.scrollDOWNblack:hover {background:url(imageFiles/icons/down-arrow-purple.png); background-size:100% 100%; background-repeat:no-repeat;}
.scrollDOWNpurple {background:url(imageFiles/icons/down-arrow-purple.png); background-size:100% 100%; background-repeat:no-repeat;}
.scrollDOWNpurple:hover {background:url(imageFiles/icons/down-arrow-palepurple.png); background-size:100% 100%; background-repeat:no-repeat;}
.scrollUPwhite {background:url(imageFiles/icons/up-arrow-white.png); background-size:100% 100%; background-repeat:no-repeat;}
.scrollUPwhite:hover {background:url(imageFiles/icons/up-arrow-palepurple.png); background-size:100% 100%; background-repeat:no-repeat;}
.scrollUPblack {background:url(imageFiles/icons/up-arrow-black.png); background-size:100% 100%; background-repeat:no-repeat;}
.scrollUPblack:hover {background:url(imageFiles/icons/up-arrow-purple.png); background-size:100% 100%; background-repeat:no-repeat;}
.scrollUPpurple {background:url(imageFiles/icons/up-arrow-purple.png); background-size:100% 100%; background-repeat:no-repeat;}
.scrollUPpurple:hover {background:url(imageFiles/icons/up-arrow-palepurple.png); background-size:100% 100%; background-repeat:no-repeat;}
.bannerHeight200 {height:200px;}
.bannerHeight250 {height:250px;}
.bannerHeight300 {height:300px;}
.bannerHeight350 {height:350px;}
.bannerHeight400 {height:400px;}
.bannerHeight400 .bannerScrollButton {display:none;}
.bannerHeight500 {height:500px;}
.bannerHeight600 {height:600px;}
.bannerHeight700 {height:700px;}
.mainSectionBoxHalf {background: linear-gradient(to bottom, rgba(123,67,142,1) 0%,rgba(223,191,255,1) 100%);
width:45%; margin:0px 2% 0px 2%; height:280px; border-radius:40px; display:inline-block;
cursor:pointer; text-align:center; vertical-align:top; margin-bottom:40px;}
.categoryMenu {width:60%; display:inline-block;}
.homePageBlogTitle {font-size:12px; color:#0000FF; font-weight:bold; height:40px;}
.homePageBlogDate {font-size:10px; color:#999999; margin:10px 0px 10px 0px;}
.homePageBlogBlurb {font-size:12px;}
.homeIntro {width:100%; max-width:700px; margin-top:10px; text-align:center;}
.homeIntro p {font-size:17px; line-height:23px;}
.homeSplitHeading {border:solid 1px #BBEE44; text-align:center; width:100%; padding:16px 0px 8px 0px; background:#BBEE44;}
.homeSplitHeading p {color:#660099; font-size:20px; line-height:26px; display:inline-block; vertical-align:top;}
.serviceTopLeft {width:240px; float:left; margin-left:70px; margin-bottom:10px; text-align:center;}
.serviceTopLeft img {height:220px;}
.serviceTopRight {width:240px; float:right; margin-right:70px; margin-bottom:10px; text-align:center;}
.serviceTopRight img {height:220px;}
.serviceBottomLeft {width:340px; float:left; margin-left:170px; margin-top:10px; text-align:center;}
.serviceBottomLeft img {height:220px;}
.serviceBottomRight {width:340px; float:right; margin-right:170px; margin-top:10px; text-align:center;}
.serviceBottomRight img {height:220px;}
.serviceCenter {position:absolute; left:0px; right:0px; margin-left:auto; margin-right:auto; top:140px; width:350px;}
.serviceText {height:140px;}
.serviceText p strong {font-size:24px; margin:5px 0px 10px 0px; display:inline-block; line-height:30px;}
.stripeBG {background:url(imageFiles/bg/stripeBG.png);}
.factBubble {display:inline-block; margin:20px 20px 20px 20px; position:relative;}
.factBubbleInner {position:absolute; background:#9933CC; height:100%; width:100%; border-radius:50%; height:150px; width:150px; top:45px; left:25px;}
.factBubbleInner p {color:#FFFFFF; font-size:20px; margin-top:25%; display:none;}
/* Landing Page */
.landingBox {font-size:24px; color:#000000; background:#EECCFF; font-weight:bold; border-radius:20px; padding:20px; display:inline-block;}
.landingBoxWhite {width:270px; display:inline-block; vertical-align:top;}
.landingBoxWhite .paddingM {font-size:30px; font-weight:bold; line-height:35px; text-align:center;}
.landingBoxWhite .paddingM .palePurpleBG {font-size:30px; font-weight:bold; line-height:35px; text-align:center; padding:10px;}
.landingBoxWhite .paddingM .lightGreenBG {font-size:30px; font-weight:bold; line-height:35px; text-align:center; padding:10px;}
.landingBoxWhite .paddingM .lightBlueBG {font-size:30px; font-weight:bold; line-height:35px; text-align:center; padding:10px;}
.landingBoxSep {width:20px; display:inline-block;}
.landingSepImg {width:601px; height:auto;}
.landingButton {height:65px; font-weight:bold;}
.sideHeading {font-size:21px; color:#000000; margin-bottom:20px; font-weight:bold;}
/* Prices Page */
.sectionHidden {display:none;}
.expand {cursor:pointer; margin-right:10px; margin-top:2px;}
.explanation {font-size:16px; line-height:18px; font-weight:700; cursor:pointer; color:#0000FF; position:relative;}
.hiddenExplanation {width:300px; height:auto; padding:5px; font-size:13px; line-height:18px; background:#FFEEFF; border:1px solid #000000; text-align:left; position:absolute; display:none; z-index:500;}
.s_expand {display:inline-block; vertical-align:middle; padding-bottom:15px;}
.packageExp {height:30px; overflow:hidden; color:#FFFFFF; font-weight:bold; font-size:18px;}
.priceBox {text-align:right;}
.modal {top:10px; position:fixed; z-index:1000; border:solid 1px #000000; background:#FFFFFF; border-radius:20px;
width:600px; height:auto; left:0px; right:0px; margin-left:auto; margin-right:auto; display:none;}
.closeModal {position:absolute; right:20px; top:20px; cursor:pointer;}
.titleBox {width:200px;}
.levelBox {width:150px;}
.priceBox {width:100px;}
/* Social Media Bar */
.socialbar {width:100%; text-align:center;}
.socialButton img {display:inline-block; vertical-align:top; margin-right:2px;}
.socialButton100 {border-radius:10px; width:100px; height:30px; display:inline-block; color:#FFFFFF; cursor:pointer; font-size:16px; font-weight:bold; padding: 8px 0px 2px 0px;}
.socialButton75 {border-radius:10px; width: 75px; height:25px; display:inline-block; color:#FFFFFF; cursor:pointer; font-size:14px; font-weight:bold; padding: 6px 0px 5px 0px;}
.socialButton50 {border-radius:10px; width: 60px; height:18px; display:inline-block; color:#FFFFFF; cursor:pointer; font-size:11px; font-weight:bold; padding: 4px 0px 8px 0px;}
.facebookButton {background:#3370AA;}
.twitterButton {background:#0BBCFF;}
.googleButton {background:#D6492B;}
.emailButton {background:#4BD876;}
.pinterestButton {background:#CB2027;}
.linkedInButton {background:#0077B5;}
/* Additional Elements (overwrites existing declarations where needed) */
.left {text-align:left !important;} /* Will override styles in any other classes */
.right {text-align:right !important;} /* Will override styles in any other classes */
.center {text-align:center !important;} /* Will override styles in any other classes */
.justify {text-align:justify !important;} /* Will override styles in any other classes */
.hidden {display:none;}
.white {background:#FFFFFF; width:100%;}
.black {background:#000000; width:100%;}
.palePurple {background:#EECCFF; width:100%;}
.lightPurple {background:#BB66EE; width:100%;}
.purple {background:#9933CC; width:100%;}
.darkPurple {background:#660099; width:100%;}
.paleGrey {background:#F9F9F9; width:100%;}
.lightGrey {background:#F2F2F2; width:100%;}
.grey {background:#CCCCCC; width:100%;}
.darkGrey {background:#AAAAAA; width:100%;}
.darkBlue {background:#0066AA; width:100%;}
.paleBlue {background:#EEF8FF; width:100%;}
.lightBlue {background:#DDEEFF; width:100%;}
.midBlue {background:#55AAEE; width:100%;}
.paleGreen {background:#F8FFE8; width:100%;}
.lightGreen {background:#EEFFDD; width:100%;}
.green {background:#D9FFD8; width:100%;}
.midGreen {background:#99FF99; width:100%;}
.darkGreen {background:#339933; width:100%;}
.paleOrange {background:#FFEECC; width:100%;}
.lightOrange {background:#FFDD66; width:100%;}
.orange {background:#FFCC33; width:100%;}
.darkOrange {background:#FF9900; width:100%;}
.paleYellow {background:#FFFFE8; width:100%;}
.lightYellow {background:#FFFFCC; width:100%;}
.yellow {background:#FFFF66; width:100%;}
.darkYellow {background:#FFFF00; width:100%;}
.whiteBG {background:#FFFFFF;}
.blackBG {background:#000000;}
.faintPurpleBG {background:#F8DDFF;}
.palePurpleBG {background:#EECCFF;}
.lightPurpleBG {background:#BB66EE;}
.purpleBG {background:#9933CC;}
.paleGreyBG {background:#F9F9F9;}
.lightGreyBG {background:#F2F2F2;}
.paleBlueBG {background:#EEF8FF;}
.lightBlueBG {background:#DDEEFF;}
.paleGreenBG {background:#F8FFE8;}
.lightGreenBG {background:#EEFFDD;}
.greenBG {background:#D9FFD8;}
.midGreenBG {background:#99FF99;}
.paleOrangeBG {background:#FFEECC;}
.lightOrangeBG {background:#FFDD66;}
.paleYellowBG {background:#FFFFE8;}
.lightYellowBG {background:#FFFFCC;}
.normalLink a {border:none; width:200px;}
.scaleImage img {width:100%; height:auto;}
.scaleImageVert img {width:auto; height:100%;}
.aligncenter {display:block; margin:0px auto 0px auto;}
.floatImageRight img {float:right; width:150px; height:auto;}
.floatImageLeft img {float:left; width:150px; height:auto; margin-right:10px; margin-bottom:10px;}
/* Clearfix */
.clearfix:before {content:""; display:table;}
.clearfix:after {content:""; display:table; clear:both;}
/* cookie popup */
.cookieBox {position: fixed; z-index:1000; width:200px; height:320px; left:60px; bottom:60px; border-radius:4px 4px 4px 4px; box-shadow:-4px 10px 30px 0px #000000;}
.cookieBoxTop {background-color:#9966CC; height:40px; color:#FFFFFF; border-radius:4px 4px 0px 0px;}
.cookieBoxMain {background-color:#FFFFFF; height:300px; color:#000000; border-radius:0px 0px 4px 4px;}
.cookiePadding {padding:10px;}
.closeCookieBox {position:absolute; right:12px; top:12px; cursor:pointer;}
.textSize12 {font-size:12px; line-height:140%}
.cookieBoxMain .normalButton {width:95%;}