.centerb {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

/* Code to change page width START */
.WaPlaceHolder { max-width: 1480px; }
/* Code to change page width END */

/* Code to change font on forum title */
.WaGadgetForum .topicTitleOuterContainer { font-family: Arial; 
}
.WaGadgetForum .gadgetStyleBody {
  background-color: #1570b8
}
/* Code to change fonton forum title */



/* MEMBER SOCIAL LOGIN BUTTONS HIDE */
#socialLoginContainer, #idSocialLoginContainer {
display: none;
}
.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLink{
display:none;
}

.boxInfoContainer h5
{ display: none;}

.WaGadgetRecentBlogPosts .gadgetStyleBody ul li .author {
 display: none;
}

.WaGadgetRecentBlogPosts ul li .date
{ display: none; }

.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLink{
display:none;
}

.WaGadgetAuthorizationRequired .openAuthFormContainer {
display: none !important;
} 

***********************


#textmanager_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    z-index: 3;
}

************************
<span id="Top"></span>

.WaGadgetMenuHorizontal .menuInner ul.firstLevel{
background:purple ;font-family:arial !important;
}

.WaGadgetMenuHorizontal .menuInner {
   font-family:arial !important;  background: rgb(101,38,130);
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a{
; color: white !important;font-family:arial !important;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel{ background: rgb(101,38,130) !important;font-family:arial !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a{
color: white !important; font-family:arial !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a:hover{
background: rgb(101,38,130) !important;
color: yellow !important;font-family:arial !important;

}



var map =  new google.maps.Map(document.getElementById('map'), {
            center: new google.maps.LatLng(52.2, 5),
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            zoom: 7
        });

function zoomTo(level) {
        google.maps.event.addListener(map, 'zoom_changed', function () {
            zoomChangeBoundsListener = google.maps.event.addListener(map, 'bounds_changed', function (event) {
                if (this.getZoom() > level && this.initialZoom == true) {
                    this.setZoom(level);
                    this.initialZoom = false;
                }
                google.maps.event.removeListener(zoomChangeBoundsListener);
            });
        });
    }
     

     google.maps.event.addListener(map, "idle", function (event) {
            if (map) {
                //This is the current user-viewable region of the map
                var bounds = map.getBounds();
                markerLayers.forEach(function (layer) {
                checkVisibleElements(layer, bounds);
                });
                checkVisibleElements(searchMarkers, bounds);
                //Loop through all the items that are available to be placed on the map
            }
        });


    function checkVisibleElements(elementsArray, bounds) {
        //checks if marker is within viewport and displays the marker accordingly - triggered by google.maps.event "idle" on the map Object
        elementsArray.forEach(function (item) {
            //If the item is within the the bounds of the viewport
            if (bounds.contains(item.position) && item.display == true) {
                //If the item isn't already being displayed
                if (item.map!=map){
                item.setMap(map);
                }
            } else {
                item.setMap(null);
            }
        });
    }


.WaGadgetMenuHorizontal .menuInner ul ul li>.item>a{
font-family: arial;
font-size: 16px;
padding-top: 7px;
padding-bottom: 7px;
background: rgb(101,38,130) !important;
color: white !important;
}

.WaGadgetMenuHorizontal .menuInner ul ul li>.item>a:hover{
background: rgb(239, 127, 26) !important;
color: white !important; size: 18pt;
}

#PAGEID_18095 .WaGadgetMenuHorizontal .menuInner ul.firstLevel{background: rgb(239,127,26) !important; }
#PAGEID_18095 .WaGadgetMenuHorizontal .menuInner {background: rgb(239, 127, 26) !important; }
#PAGEID_18095 .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a{color: white !important;}
#PAGEID_18095 .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a:hover{background: rgb(101,38,130) !important;color: yellow !important;}

#PAGEID_18204 .WaGadgetMenuHorizontal .menuInner ul.firstLevel{background: rgb(239,127,26) !important; }
#PAGEID_18204 .WaGadgetMenuHorizontal .menuInner {background: rgb(239, 127, 26) !important; }
#PAGEID_18204 .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a{color: white !important;}
#PAGEID_18204 .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a:hover{background: rgb(101,38,130) !important;color: yellow !important;}

#PAGEID_18245 .WaGadgetMenuHorizontal .menuInner ul.firstLevel{background: rgb(239,127,26) !important; }
#PAGEID_18245 .WaGadgetMenuHorizontal .menuInner {background: rgb(239, 127, 26) !important; }
#PAGEID_18245 .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a{color: white !important;}
#PAGEID_18245 .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a:hover{background: rgb(101,38,130) !important;color: yellow !important;}

#PAGEID_18246 .WaGadgetMenuHorizontal .menuInner ul.firstLevel{background: rgb(239,127,26) !important; }
#PAGEID_18246 .WaGadgetMenuHorizontal .menuInner {background: rgb(239, 127, 26) !important; }
#PAGEID_18246 .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a{color: white !important;}
#PAGEID_18246 .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a:hover{background: rgb(101,38,130) !important;color: yellow !important;}

#PAGEID_18247 .WaGadgetMenuHorizontal .menuInner ul.firstLevel{background: rgb(239,127,26) !important; }
#PAGEID_18247 .WaGadgetMenuHorizontal .menuInner {background: rgb(239, 127, 26) !important; }
#PAGEID_18247 .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a{color: white !important;}
#PAGEID_18247 .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a:hover{background: rgb(101,38,130) !important;color: yellow !important;}

#PAGEID_18248 .WaGadgetMenuHorizontal .menuInner ul.firstLevel{background: rgb(239,127,26) !important; }
#PAGEID_18248 .WaGadgetMenuHorizontal .menuInner {background: rgb(239, 127, 26) !important; }
#PAGEID_18248 .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a{color: white !important;}
#PAGEID_18248 .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a:hover{background: rgb(101,38,130) !important;color: yellow !important;}

#PAGEID_18099 .WaGadgetMenuHorizontal .menuInner ul.firstLevel{background: rgb(239,127,26) !important; }
#PAGEID_18099 .WaGadgetMenuHorizontal .menuInner {background: rgb(239, 127, 26) !important; }
#PAGEID_18099 .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a{color: white !important;}
#PAGEID_18099 .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a:hover{background: rgb(101,38,130) !important;color: yellow !important;}


#PAGEID_18189 .WaGadgetMenuHorizontal .menuInner ul.firstLevel{background: rgb(239,127,26) !important; }
#PAGEID_18189 .WaGadgetMenuHorizontal .menuInner {background: rgb(239, 127, 26) !important; }
#PAGEID_18189 .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a{color: white !important;}
#PAGEID_18189 .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a:hover{background: rgb(101,38,130) !important;color: yellow !important;}

#PAGEID_18144 .WaGadgetMenuHorizontal .menuInner ul.firstLevel{background: rgb(239,127,26) !important; }
#PAGEID_18144 .WaGadgetMenuHorizontal .menuInner {background: rgb(239, 127, 26) !important; }
#PAGEID_18144 .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a{color: white !important;}
#PAGEID_18144 .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a:hover{background: rgb(101,38,130) !important;color: yellow !important;}


#PAGEID_18242 .WaGadgetMenuHorizontal .menuInner ul.firstLevel{background: rgb(239,127,26) !important; }
#PAGEID_18242 .WaGadgetMenuHorizontal .menuInner {background: rgb(239, 127, 26) !important; }
#PAGEID_18242 .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a{color: white !important;}
#PAGEID_18242 .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a:hover{background: rgb(101,38,130) !important;color: yellow !important;}



/* make background color of avatar in featured member gadget transparent */
.WaGadgetFeaturedMember.gadgetStyleNone ul.showPic li .img a, .WaGadgetFeaturedMember.gadgetStyle001 ul.showPic li .img a {
    background-color: transparent;
}

.WaGadgetLoginForm .loginContainer.loginContainer .loginLink{
background: transparent !important;
}

.WaGadgetLoginForm .loginContainer.loginContainer .loginLink{
color: rgb(101,38,130) !important;
}

/* Make event cell in calendar have purple and orange colours */

.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td>div{
background: RGB(101,38,130) !important;
}

.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar .eventContainerHover{
background: rgb(239,127,26) !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a{
text-transform: capitalize;
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a{
text-transform: capitalize; 
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a 
{ 
font-size: 20px; 
font:arial;
padding-top: 5px; 
padding-bottom: 5px; 
}




// // // // //


@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
body{
  background: #5D3F6A;
  font-family: 'Source Sans Pro', sans-serif;
}
#title{
  text-align: center;
  color:white;
  font-size:30px;
  text-transform: uppercase;
  margin-top: 100px;
}
.hover-table-layout {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
     -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  max-width:800px;
  margin:0 auto;
}
.listing-item {
   display: block;
   width:100%;
    margin-bottom:20px;
    float: left;
    background: #fff;
    border-radius:10px;
    z-index:0;
    cursor:pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
        -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.10);

}
.listing-item:hover,  .listing-item.active{
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    transform: scale(1.03);
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    z-index:2;

}
.listing-item .listing{
    padding:20px;
    position:relative;  
}
.listing-item .listing:before{
    content:"";
    position:absolute;
    top:-15px;
    left:-o-calc(50% - 15px);
    left:-moz-calc(50% - 15px);
    left:-webkit-calc(50% - 15px);
    left:calc(50% - 15px);
    border-bottom:20px solid #fff;
    border-left:20px solid transparent;
    border-right:20px solid transparent;
}
    figure.image img {
        width:100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
figure.image {
    position: relative;
    margin: 0;
    padding: 0;
}
figure.image figcaption {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    bottom: 1px;
  /background: rgba(0,0,0,0.6);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}
figcaption .caption{
    position:relative;
    top:50%;
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);

}
figcaption h1{
    color:black;
    font-weight:bold;
    font-size:30px;
  text-transform: uppercase;
}
figcaption p{
  color:rgba(0, 0, 0);
  font-size:16px;
  font-weight: bold;
}
.listing h3 {
   
    font-size: 14px;
    color: black;
    text-align: center;
    padding: 5px 10px;
    font-weight: normal;
}
.listing h3:not(:last-child){
   border-bottom: 1px solid #ccc;
}
.listing-item:hover figure.image figcaption{
       /background: rgba(195, 39, 43, 0.6);
}
@media only screen and (min-width:540px){
    .listing-item {
   display: block;
   width: -webkit-calc(100%/3);
   width: -moz-calc(100%/3);
    width: calc(100%/3);
    }
}
@media only screen and (min-width:1024px){
    .hover-table-layout{
        padding: 30px;
    }
}


/ //

@media only screen and (max-width:600px){
  #homeframe {
    height: 1300px;
    overflow: hidden;
  }
}

@media only screen and (max-width: 600px) {
  #homeframe {
    height: 1300px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 800px) and (min-width: 600px) {
  #homeframe {
    height: 1000px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 800px) {
  #homeframe {
    height: 700px;
    overflow: hidden;
  }
}


@media only screen and (max-width:600px){
  #homeframe4 {
    height: 2000px;
    overflow: hidden;
  }
}

@media only screen and (max-width: 600px) {
  #homeframe4 {
    height: 2000px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 800px) and (min-width: 600px) {
  #homeframe4 {
    height: 2000px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 800px) {
  #homeframe4 {
    height: 2000px;
    overflow: hidden;
  }
}

.WaGadgetOnlineStoreProduct 
 .OnlineStoreProduct_title_container h1  {
    margin-top: 0;
    color=#333;  
    font-size: 22px;
}