/* box-sizing: content-box */
.reviewHdn {
    display: none;
    visibility: hidden;
}

.stats {
    padding: 12px; font-size: 2em; text-align:center;
    width: calc(100% - 24px);
    background-color: pink;
    display: inline-block;
}

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, button, input {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, th {
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
}

ul, ol {
    list-style: none;
}

fieldset, img {
    border: none;
}

caption, th {
    text-align: left;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}

/* END OF CSS RESET*/

html {
    padding: 0px;
    font-size: 16px;
    background-color: #e1e1e1;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

body {
    font-size: 100%;
    text-align: center;
    line-height:1.2;
}


.content {
    max-width: 1024px;
    width: 100%;
    margin: auto;
    padding-top: 50px;
    background-color: #ffffff;
    display: inline-block;
    text-align: left;
    overflow: hidden;
}

    .content img {
        width: auto;
        height: auto;
        max-width: 100%;
    }

.main-content {
    max-width: 68%;
    min-width: 68%;
    float: left;
    margin-top: 10px;
    background-color: #ffffff;
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 25px;
}

.tandcs{
    width: 100%;
    max-width: 728px;
}

/** **** ADS ON RIGHT OF EACH PAGE **** **/
.mpus {
    max-width: 300px;
    margin-top: 10px;
    float: left;
    width: 30%;
    display: block;
    background-color: #ffffff;
}

    .mpus img {
        width: 100%;
        padding-bottom: 4px;
    }

/** **** END OF ADS ON RIGHT OF EACH PAGE **** **/

/** ///////////////////////////////////////////////////////////////////////// **/
/** ////////////////////////////// ACROSS SITE ////////////////////////////// **/
/** ///////////////////////////////////////////////////////////////////////// **/
a {
    text-decoration: none;
    color: #484d50;
}

a:hover {
        color: #cc3399;
    }

.pinkLink{width: auto; display:inline-block;}
.pinkLink a{color: #cc3399; display:inline-block;}
.pinkLink a:hover{color: #aba9b7;}

.newsCatLink {margin: 20px 0px 20px 0px;}
.newsCatLink a {color: #cc3399;}

.border {border: 1px solid #aba9b7;}

.left{float: left;}
.right{float: right;}
.bottomMarg{margin-bottom: 10px;}
.topMarg{margin-top:10px;}

.DefaultRoundedCornerBox {
    padding: 1%;
    width: 100%;
    border: 1px solid;
    border-color: #484d50;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 5px;
    margin-top: 15px;
    background-color: #f1f1f1;
    display: inline-block;
    box-sizing: border-box;
    color: #484d50;
}

.divlink{
    background-color: #f1f1f1 !important;
}

.divlink:hover {
    background-color: #e1e1e1;
    cursor: pointer;
}

.DefaultRoundedCornerBox-image {
    width: 17%;
    max-width: 120px;
    display: inline-block;
    float: left;
    max-height: 90px;
    overflow: hidden;
    margin-right: 1%;
}

    .DefaultRoundedCornerBox-image img {
        max-width: 100px;
        width: 100%;
    }

.DefaultRoundedCornerBox-info {
    width: 80%;
    float: left;
    display: inline-block;
}

    .DefaultRoundedCornerBox-info a {
        font-weight: bold;
    }

.DefaultRoundedCornerBox-editLinks a img{
    display: inline;
    float: right;
    margin-right: 15px;
    max-width: 20px;
}

.defaultButton {
    margin-top: 2px;
    padding: 4px 12px;
    display: inline-block;
    border-radius: 5px;
    font-size: 100%;
    font-weight: normal;
    color: #f1f1f1;
    vertical-align: top;
    cursor: pointer;
    cursor: hand;
    background: #ba0088;
    background: -moz-linear-gradient(top, #ba0088 0%, #cc3399 50%, #ba0088 100%);
    background: -webkit-linear-gradient(top, #ba0088 0%,#cc3399 50%,#ba0088 100%);
    background: linear-gradient(to bottom, #ba0088 0%,#cc3399 50%,#ba0088 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba0088', endColorstr='#ba0088',GradientType=0 );
}

    .defaultButton a {
        color: #f1f1f1;
        text-shadow: 1px 1px 1px #484d50;
    }

        .defaultButton a:hover {
            color: #fce0f3;
            text-shadow: 1px 1px 1px #484d50;
        }

    .defaultButton i {
    margin-right: 10px;
    text-shadow: 1px 1px 1px #484d50;
}



.defaulttitle_companies {
    display: inline-block;
    width: 100%;
    background-color: #484d50;
    font-family: Calibri;
    font-weight: normal;
    color: #ffffff;
    font-size: 125%;
    padding-left: 2%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.defaulttitle_generic {
    display: inline-block;
    width: 100%;
    background-color: #484d50;
    font-family: Calibri;
    font-weight: normal;
    color: #ffffff;
    font-size: 125%;
    padding: 5px;
    margin: 0px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

/* JS */
.defaulttitle_stats {
    display: inline-block;
    width: 100%;
    background-color: lightcoral;
    font-family: Calibri;
    font-weight: normal;
    color: #ffffff;
    font-size: 125%;
    padding: 5px 5px 5px 5px;
    margin: 15px 0px 0px 0px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.stats_box {
    border: 1px solid;
    padding: 2px;
    margin-bottom:10px;
}

/* Generic Box */
.generic-outline {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
    float: left;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.generic-outline-top {
    width: 100%;
    display: inline-block;
}



.generic-outline-inner {
    width: 96%;
    padding: 2%;
}

.fullWidth{
    display: inline-block;
    width: 100%;
}
/* Generic Box End */

.bold {
    font-weight: bold;
}

.default-formHolder {
    float: left;
    background-color: #e1e1e1;
    color: #484d50;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 100%;
    margin-bottom: 10px;
}

.default-formSection {
    width: 98%;
    padding-left: 2%;
    float: left;
    margin-top: 7px;
    margin-bottom: 7px;
}

.default-inputTitle {
    float: left;
    width: 20%;
    font-size: 110%;
    font-weight: bold;
    min-height: 1px;
}

.default-input {
    float: left;
    width: 70%;
}

    .default-input input {
        padding-top: 6px;
        padding-bottom: 3px;
        color: #484d50;
        width: 100%;
    }

    .default-input select {
        font-size: 100%;
        width: 100%;
        padding: 5px;
        color: #484d50;
    }

.default-inputEdit {
    float: left;
    width: 100%;
    margin-left: 1%;
}

.default-submitButtonHolder {
    float: left;
    width: 100%;
    text-align: center;
}

.default-submitButton {
    padding: 10px;
    margin-bottom: 7px;
    background-color: #8280c1;
    border: 1px solid #484d50;
    font-size: 110%;
    color: #f1f1f1;
    display: inline-block;
    cursor: pointer;
}

    .default-submitButton:hover {
        background-color: #a9abe5;
    }

.default-submitButtonSave{
    padding: 10px;
    margin-bottom: 7px;
    background-color: #8280c1;
    border: 1px solid #484d50;
    font-size: 110%;
    color: #f1f1f1;
    margin-top: 10px;
}

.default-submitButtonSave:hover {
        background-color: #a9abe5;
    }

.form-prompt {
    color: #cc3399;
    margin-left: 1%;
    font-weight: bold;
}

.form-link a {
    color: #cc3399;
    float: right;
    margin-right: 5px;
}

.form-instruction{
    background-color: #cc3399; 
    border-radius: 5px; 
    color: #ffffff; 
    padding: 1%; 
    margin-top: 5px; 
    margin-bottom:5px;
}

.hbp li{
    width:50%;
    float:left;
}


/** ///////////////////////////////////////////////////////////////////////// **/
/** ////////////////////////////// ACROSS SITE ////////////////////////////// **/
/** ///////////////////////////////////////////////////////////////////////// **/

/** *************************** MAIN CONTENT ***************************** **/


.aside {
    width: 25%;
    float: left;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.twitter_holder {
    width: 30%;
    max-width: 300px;
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    vertical-align: top;
    float: right;
    margin-right: 7px;
}

.span_3_of_4 {
    width: 73.7%;
    margin-left: 7px;
    margin-top: 7px;
    display: inline-block;
    float: left;
}

.span_2_of_4 {
    float: left;
    width: 47.5%;
}

.span_3_of_3 {
    width: 100%;
    margin-left: 0%;
    margin-bottom: 7px;
    float: left;
}

.home_fullwidth {
    max-width: 695px;
}

.span_1_of_3 {
    width: 31%;
    display: inline-block;
    vertical-align: top;
}

.fixed {
    position: fixed;
    max-width: 100%;
}

.margintop {
    margin-top: 20px;
}

.marginTopTen {
    margin-top: 10px;
}

#bottomBox {
    padding-right: 1px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

#topBox {
    padding-right: 1px;
}
/** *************************** HEADER ***************************** **/
.cookieinfo {
    font-size:14px;
    border: 1px solid;
    margin: -5px 5px 15px 5px;
    padding: 3px;
    background: pink;
    text-align: center;
}

header {
    position: fixed;
    max-width: 3000px;
    color: white;
    width: 100%;
    background-color: #484d50;
    overflow: hidden;
    height: 33px;
    z-index: 102;
}

    header a {
        color: #ffffff;
    }

.mainnav {
    width: 1024px;
    margin: auto;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    margin-bottom: 0px;
    font-size: 87.5%;
    color: #ffffff;
    overflow: hidden;
    background-color: #484d50;
    display: inline-block;
}

    .mainnav a {
        color: white;
        text-decoration: none;
    }


    .mainnav ul {
        float: left;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        height: 33px;
    }

    .mainnav li {
        float: left;
        margin-bottom: 0px;
        padding-bottom: 0px;
        background-color: #484d50;
    }

        .mainnav li a {
            float: left;
            margin-top: 13px;
            margin-right: 8px;
        }


            .mainnav li a:hover {
                color: silver;
                text-decoration: none;
            }

        .mainnav li img {
            float: left;
            margin-left: 0px;
            margin-right: 1px;
        }

    .navImage{
        float: left;
        margin-left: 0px;
        margin-right: 1px;
    }

/** **** MENU BUTTON
(appears when screen size is reduced) 
   **** **/

.menubtn {
    display: none;
    max-width: 1024px;
    height: 33px;
    margin: auto;
    font-size: 125%;
    padding: 0.7% 3%;
    font-weight: bold;
    text-align: left;
}

    .menubtn a {
        margin-right: 6%;
    }

/** **** END OF MENU BUTTON 
(appears when screen size is reduced) 
    **** **/
/** **** STICKY NAV AT TOP OF PAGE **** **/
.socialnav {
    float: right;
    margin-left: 1px;
    margin-top: 10px;
}

    .socialnav li {
        float: left;
        list-style-type: none;
        display: inline;
    }

        .socialnav li a {
            float: left;
            margin: 0px;
        }

        .socialnav li img {
            float: left;
            margin-left: 0px;
            margin-right: 1px;
            display: inline;
        }


/** **** END OF STICKY NAV AT TOP OF PAGE **** **/

/** **** HEADER / SEARCH NAVIGATION **** **/
.banner {
    float: none;
    margin: auto;
    text-align: center;
    max-width: 728px;
    height: auto;
}

    .banner img {
        width: 100%;
    }


.searchnav-tabs {
    margin-top: 15px;
}

    .searchnav-tabs ul {
        list-style-type: none;
        margin-left: 29%;
    }

    .searchnav-tabs li {
        display: inline;
    }

        .searchnav-tabs li a {
            font-size: 87.5%;
            float: left;
            color: #ffffff;
            text-decoration: none;
            background-color: #484d50;
            padding: 0.7% 1%;
            margin-right: 0.2%;
            -webkit-border-top-left-radius: 10px;
            -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topleft: 10px;
            -moz-border-radius-topright: 10px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

            .searchnav-tabs li a:hover {
                background-color: #7476b3;
            }

          .active-tab a {
    color: #ffffff;
    background: #7476b3; /* Old browsers */
    background: -moz-linear-gradient(top, #7476b3 0%, #7476b3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7476b3), color-stop(100%,#7476b3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7476b3 0%,#7476b3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7476b3 0%,#7476b3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d7476b3 0%,#7476b3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #7476b3 0%,#7476b3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7476b3', endColorstr='#7476b3',GradientType=0 ); /* IE6-9 */
}

    .active-tab a:hover {
        background-color: #7476b3;
    }

.searchbar {
    float: left;
    width: 54%;
    min-height: 53px;
}

    .searchbar::-moz-focus-inner {
        border: 0;
        padding: 0;
        margin-top: 2px;
        margin-bottom: 2px;
    }

.secondheader {
    position: relative;
    float: left;
    width: 100%;
    background-color: #ffffff;
}

.searchnav {
    float: left;
    background-color: #484d50;
    width: 100%;
}

.logo-wrap{
        float: left;
        width: 29%;
    }


.logo {
    min-height: 75px;
    position: relative;
    float: left;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    margin-top: -19px;
}

.logoformobile {
    min-height: 75px;
    position: relative;
    float: left;
    display: none;
    width: 29%;
    margin-bottom: 0;
    margin-top: 9px;
    background-image: linear-gradient(bottom, #484d50 55px, #FFFFFF 17px);
    background-image: -o-linear-gradient(bottom, #484d50 55px, #FFFFFF 17px);
    background-image: -moz-linear-gradient(bottom, #484d50 55px, #FFFFFF 17px);
    background-image: -webkit-linear-gradient(bottom, #484d50 53px, #FFFFFF 17px);
    background-image: -ms-linear-gradient(bottom, #484d50 55px, #FFFFFF 17px);
}

@-moz-document url-prefix() {
    .logo {
        min-height: 77px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .logo {
        min-height: 75px;
    }
}

.logo img {
    width: 100%;
    max-width: 306px;
}

.getListedButton {
    float: left;
    max-width: 153px;
    margin-top: -27px;
}



.main-search-form {
    float: left;
    width: 99%;
    margin-top: 7px;
    margin-left: 1px;
}

.main-search-input {
    float: left;
    width: 88%;
    height: 40px;
    font-family: Calibri;
    font-weight: bolder;
    font-style: italic;
    font-size: 125%;
    padding: 8px 0px 8px 8px;
    color: #aba9b7;
    border: none;
    border-radius: 0px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::-moz-placeholder { /* For Mozilla Firefox 19+ */
    color: #484d50;
}

.main-search-form button {
    margin-left: 0px;
    position: relative;
    height: 40px;
    width: 40px;
    background-image: url(/images/magnifyingGlass.jpg) ;
    border: none;
    border-style: none;
    border-width:0;
    color: #fafafa;
    padding: 5px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.main-search-form button:hover img{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}


@-moz-document url-prefix() {
    .main-search-button {
        height: 40px;
    }
}

.main-search-form button:hover {
    background-color: #8280c1;
    color: #999ad7;
}

.main-search-form button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

#magnifying-glass {
    float: left;
    width: 30px;
    height: 30px;
    position: relative;
    top: 5px;
    left: 5px;
    z-index: 1;
}


.timedate { /*BAR UNDER SEARCH NAV*/
    float: left;
    width: 100%;
    background-color: #484d50;
    color: #ffffff;
    margin-top: 5px;
    font-size: 11px;
}

.date { /*TODAYS DATE*/
    float: left;
    width: 40%;
    padding-left: 5px;
}

.slogan { /*BROADCAST FILM AND VIDEO DIRECTORY*/
    float: left;
    width: 53%;
}

.temp { /*TEMPERATURE*/
    float: right;
    padding-right: 5px;
}
/** **** END OF HEADER / SEARCH NAVIGATION **** **/


/** *************************** END OF HEADER ***************************** **/



/******************************* HOME PAGE CONTENT *********************************/

/*************** SIDEBAR **************/

/** MOST POPULAR CATEGORIES **/

#mostPopularDiv{
    float: left;
    display: inline-block;
}

.most_popular {
    width: 100%;
}

.categories {
    display: inline-block;
    padding: 0% 0%;
    float: left;
}

    .categories ul {
        display: inline-block;
        width: 100%;
    float: left;
    }

.mpopcat {
    
   margin-top: 8px;

}

    .mpopcat li {
        float: left;
        margin: 3px 1.5% 3px 1.5%;
        width: 99%;
        line-height: 1;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 2%;
        border: 1px solid;
        border-color: #484d50;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 5px;
        margin-top: 5px;
        background-color: #f1f1f1;
        display: inline-block;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
    }

    .mpopcat li h2 {
       font-weight: bold;
        font-size: 16px;
    }

.icon {
    float: left;
    width: 24px;
    margin-left: 1%;
    margin-top: 1%;
    margin-right: 3%;
}

/** END OF MOST POPULAR CATEGORIES **/

/** LATEST ISSUE **/

.latestissue {
    width: 100%;
    display: inline-block;
    margin-bottom: 7px;
    vertical-align: top;
    line-height: 1;
}

.latestissue-Image {
    padding-top: 5px;
    display: inline-block;
    margin: auto;
    width: 48%;
    text-align: center;
}

    .latestissue-Image img {
        border: 1px solid #000000;
    }

    .latestissue-Image:hover img{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
    .inThisIssue-story1:hover img{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

    .inThisIssue-story2:hover img{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

    .inThisIssue-story3:hover img{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

    .inThisIssue-story1:hover a{
                color: #cc3399;
}

    .inThisIssue-story2:hover a{
                color: #cc3399;
}

    .inThisIssue-story3:hover a{
                color: #cc3399;
}

.inThisIssue {
    margin: 0%;
    display: inline-block;
    width: 47%;
    vertical-align: top;
    border-left: 1px solid #e1e1e1;
}

    .inThisIssue img {
        width: 30%;
        max-width: 108px;
        float: left;
        border: 1px solid;
    }

.inThisIssue-story1 {
    display: inline-block;
    width: 99%;
    margin-left: 2%;
    padding: 5px 1% 10px 1%;
    font-size: 120%;
    color: #484D50;
    border-bottom: 1px solid #e1e1e1;
}

.inThisIssue-story2 {
    display: inline-block;
    width: 99%;
    margin-left: 2%;
    padding: 7px 1% 10px 1%;
    font-size: 120%;
    color: #484D50;
    border-bottom: 1px solid #e1e1e1;
}

.inThisIssue-story3 {
    display: inline-block;
    width: 99%;
    margin-left: 2%;
    margin-top: 5px;
    padding: 1%;
    font-size: 120%;
    color: #484D50;
}


.inThisIssue-storyInfo {
    float: left;
    font-size: 90%;
    font-weight: bold;
    width: 68%;
    padding-left: 1%;
    text-align: left;
  
}

.inThisIssue-storyLighterInfo {
    font-size: 90%;
    font-weight: normal;
    margin-top: 5px;
    line-height: 1.1;
}

/** END OF LATEST ISSUE **/

/* TWIITER */

#twitter-widget-0 {
    min-width: 0px !important;
    height: 865px!important;
}

.home-twitterFeed {
    display: inline-block;
    overflow-y: hidden;
    padding:1%;
}

iframe { position:relative; }

iframe[id^='twitter-widget-'] {
    width: 100% !important;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
    position: relative;
}


/* END OF TWIITER */

/* EXHIBITIONS AND EVENTS */


.exhibitions {
    float: left;
    width: 25%;
    line-height:1.2;
}

    .exhibitions img {
        display: inline-block;
    }

.exhibition_event {
    width: 80%;
    margin: 15px 5%;
    padding: 5%;
}

.eventinfo {
    display: inline-block;
}

/* END OF EXHIBITIONS AND EVENTS */

/*************** END OF SIDEBAR **************/

/* News Slider */

.slideshow-container {
    height: 329px;
    width: 73%;
    float: right;
    background-color: #000000;
    margin: 0% 0 0 1%;
    padding: 0;
    text-align: left;
    border: 1px solid #aba9b7;
    display: inline-block;
    z-index: 1;
    margin-bottom:7px;
}

    .slideshow-container span {
        z-index: 0;
        position: absolute;
        color: #cc3399;
        text-transform: uppercase;
    }

ul.slideshow {
    list-style: none;
    width: 100%;
    max-height: 329px;
    height: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 0 0 0;
    padding: 0;
}

    ul.slideshow li {
        position: absolute;
        left: 0;
        right: 0;
        max-height: 240px;
    }

        ul.slideshow li img {
            width: 100%;
        }

        ul.slideshow li.show {
            z-index: 1;
            max-height: 240px;
        }

#slideshow-caption {
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    color: silver;
    background-color: #484d50;
    opacity: 0.8 !important;
    padding: 3px 1px 0px 1px;
    z-index: 1;
    line-height: 190%;
}

    #slideshow-caption .slideshow-caption-container {
        padding: 5px;
        z-index: 1;
    }

    #slideshow-caption h3 {
        margin: 0 0 5px 0;
        padding: 0;
        font-size: 140%;
        color: #fff;
        font-weight: normal;
        opacity: 1 !important;
    }

        #slideshow-caption h3 a {
            text-decoration: none;
            font-size: 140%;
            color: #fff;
            line-height: 16px;
        }

            #slideshow-caption h3 a:hover {
                color: silver;
            }

    #slideshow-caption p {
        margin: -6px 0 0 0;
        font-size: 100%;
        padding: 0;
        line-height: 100%;
    }

#whole_slider {
    float: left;
    margin-top: 2em;
    width: 100%;
    max-width: 900px;
    margin-left: 1.4em;
    margin-bottom: 2%;
}

#slider1_container {
    float: left;
}


.body-section {
    padding: 0em;
    top: 0;
    right: 0;
    left: 0;
    background-color: #ffffff;
}


/* News Slider End */

/* NEWS ITEMS ON HOMEPAGE */

.home_newsBorder {
    width: 73.7%;
    max-width: 512px;
    margin-left: 7px;
    margin-bottom: 7px;
    display: inline-block;
    float: right;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    line-height: 1.2;
}

.home_newsStory {
    display: inline-block;
    padding-bottom: 5px;
    margin-top: 7px;
    color: #484d50;
    min-height: 92px;
    max-height: 92px;
    overflow: hidden;
    width: 100%;

}

    .home_newsStory a {
        font-size: 110%;
    }

.home_newsImage {
    display: inline-block;
    float: left;
    max-height: 95px;
    overflow: hidden;
    width: 29%;
    margin-right: 1%;
    margin-left: 1%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    border: 1px solid #484d50;
}

    .home_newsImage img {
        width: 100%;
        max-width: 120px;
    }

.home_newsInfo {
    display: inline-block;
    float: left;
    width: 69%;
    padding: 1%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.home_newsHr {
    padding: 0;
    margin: 0;
    border: 0;
    height: 1px;
    background-color: #aba9b7;
    float: left;
    width: 100%;
}

.extNews{
    display: inline-block;
    width: 98%;
    vertical-align: top;
    margin: 3px 1% 3px 1%;
    border-bottom: 1px solid #484d50;
    padding-bottom: 3px;
    
}

.extNewsHolder{
    display: inline-block;
    margin-bottom: 15px;
}


.extNewsLatest{
    display: inline-block;
    width: 98%;
    width: calc(98% - 2px);
    padding: 1%;
    vertical-align: top;
    margin: 3px 0 3px 0;
    background-color: #f1f1f1;
}

.extNewsLatestHolder{
    display: inline-block;
    margin-bottom: 10px;
}


.extNewsImage{
    width: 14%;
    max-width: 68px;
    height: 50px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    background-size: cover;
    background-position: center;
}

.extNewsHead{
    display: inline-block;
    width: 80%;
    vertical-align: top;
    line-height: 22px;
    max-height: 22px;
    overflow: hidden;
    font-weight: bold;
    font-size: 110%;
}

.extNewsSnip{
    display: inline-block;
    width: 80%;
    vertical-align: top;
    line-height: 19px;
    max-height: 19px;
    overflow: hidden;
}

.extNewsRegions > div.extNewsRegion:nth-child(1) .extNewsRegionTitle{
    border-bottom: 3px solid #ff9c00;
}

.extNewsRegions > div.extNewsRegion:nth-child(2) .extNewsRegionTitle{
    border-bottom: 3px solid #0094ff;
}

.extNewsRegions > div.extNewsRegion:nth-child(3) .extNewsRegionTitle{
    border-bottom: 3px solid #ffd800;
}

.extNewsRegions > div.extNewsRegion:nth-child(4) .extNewsRegionTitle{
    border-bottom: 3px solid #0cb223;
}

.extNewsRegions > div.extNewsRegion:nth-child(5) .extNewsRegionTitle{
    border-bottom: 3px solid #ff0000;
}

.extNewsRegions > div.extNewsRegion:nth-child(6) .extNewsRegionTitle{
    border-bottom: 3px solid #b600ff;
}

.extNewsRegion{
    width: 49%;
    float: left;
    vertical-align: top;
    margin-bottom: 7px;
}


.extNewsRegion:nth-child(2n){
   float: right;
    }

.extNewsRegionStory{
    width: 98%;
    width: calc(98% - 2px);
    display: inline-block;
    vertical-align: top;
    padding: 1%;
    background-color:#f1f1f1;
    margin-top: 5px;
}


.extNewsRegionTitle{
    width: 98%;
    display: inline-block;
    padding: 1%;
    background-color: #484d50;
    color: #f1f1f1;
}

.extNewsRegionImage{
    width: 21%;
    max-width: 68px;
    height: 50px;
    display: inline-block;
    float: left;
    margin-right: 2%;
    background-size: cover;
    background-position: center;
    
}

.extNewsRegionHead{
    display: inline-block;
    width: 77%;
    vertical-align: top;
    line-height: 19px;
    max-height: 38px;
    overflow: hidden;
    }

.extNewsFeaturedMain{
    display: inline-block;
    width: 100%;
    width: calc(100% - 2px);
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #f1f1f1;
}

.extNewsFeaturedMainImage{
    display: inline-block;
    height: 200px;
    width: 60%;
    float: left;
    background-size: cover;
    background-position: center;
}

.extNewsFeaturedMainInfo{
    display: inline-block;
    width: 38%;
    padding: 1%;
    float: left;
    text-align: left;
}

.extNewsFeaturedHead{
    width: 100%;
    font-weight: bold;
    margin-bottom: 8px;
    display: inline-block;
    line-height: 19px;
    max-height: 38px;
    overflow: hidden;
}

.extNewsFeatured{
    display: inline-block;
    width: 32%;
    width: calc(32% - 2px);
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #f1f1f1;
    vertical-align: top;
    margin-right: 1%;
}

.extNewsFeaturedSection{
    text-align: center;
}

.extNewsFeaturedSection > div:nth-child(2){
    float: left;
}

.extNewsFeaturedSection > div:nth-child(4){
    float: right;
    margin-right: 0;
}

.extNewsFeaturedImage{
    width: 100%;
    height: 150px;
    background-size: cover;
    background-position: center;
}

.extNewsFeaturedInfo{
    width: 94%;
    padding: 3%;
    text-align: left;
    max-height: 215px;
    min-height:215px;
    overflow: hidden;
}

.extNewsHalf{
    width: 47%;
    width: calc(47% - 2px);
    padding: 1%;
    display: inline-block;
    background-color: #f1f1f1;
    font-size: 80%;
    min-height: 46px;
    max-height: 46px;
    vertical-align: top;
    margin-top: 5px;
    margin-bottom: 3px;
    overflow: hidden;
}

.extNewsHalf:nth-child(2n+1){
    float: right;
    margin-left: 1%;
}

.extNewsHalf:nth-child(2n){
    float: left;
}

.extNewsHalf a{
    display: inline-block;
    width: 95%;
}

.extNewsHalfBullet{
    float: left;
    width: 3%;
    color: #cc3399;
    font-weight: bold;
}

/* END OF NEWS ITEMS ON HOMEPAGE*/

/* FEATURED - LATEST COMPANIES, REVIEWS, EQUIPMENT, JOBS  */
.featured {
    float: left;
    display: inline-block;
    margin-left: 1.3%;
    margin-top: 7px;
    margin-bottom: 7px;
    vertical-align: top;
}

/* .featured:nth-child(2n+3) {          This will specify a left margin
    border-left: 1px solid #cc3399; <<< for all .featured elements whose
    margin-left: 0;                     index is a multiple of 3 (act as
    padding-left:1.3%;                  a divider to home page latest equip etc..)
}*/ 


.featuredimage {
    display: inline-block;
    float: left;
    width: 130px;
    max-height: 130px;
    margin-top: 7px;
    margin-left: 1%;
    margin-bottom: 7px;
    /* min-height: 90px;*/
}

    .featuredimage img {
        float: left;
        max-height: 130px;
    }

.featuredinfo {
    display: inline-block;
    width: 54%;
    margin: 2%;
    max-height: 130px;
    overflow: hidden;
    float: left;
}

.jobfeaturedinfo {
    margin: 2%;
}

.price {
    color: #cc3399;
}



/* END OF FEATURED - LATEST COMPANIES, REVIEWS, EQUIPMENT, JOBS  */

/* VIDEOS ON HOMEPAGE  */

.vid {
    display: inline-block;
    padding: 1%;
    margin-left: 1%;
    margin-top: 7px;
    margin-bottom: 7px;
    width: 21%;
    vertical-align: top;
    float: left;
    /* min-height: 155px; */
}


.vid-image-holder {
    max-height: 84px;
    overflow: hidden;
    float: left;
    display: inline-block;
}

    .vid-image-holder img {
        width: 100%;
        float: left;
        display: inline-block;
    }

.vid:hover img{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}


.vid-description {
    color: #484d50;
    padding: 2%;
    margin-top: 5px;
    display: inline-block;
    float: left;
}

/* END OF VIDEOS ON HOMEPAGE  */


/* DIRECTORY ON HOMEPAGE  */
.directory {
    width: 73%;
    margin-left: 7px;
    margin-bottom: 7px;
    display: inline-block;
    float: right;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    padding-bottom:3px;
    line-height:1.2;
}


.directory-cat {
    display: inline-block;
    width: 47%;
    padding-left: 0.5%;
    padding-right: 0.5%;
    padding-top:2px;
    padding-bottom:2px;
    vertical-align: top;
    margin-left: 1%;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 5px;
    border: 1px solid #aba9b7;
    min-height: 50px;
    background-color: #f1f1f1;
}

.directory-main-cat {
    display: inline-block;
}


.directory-sub-cat {
    display: inline-block;
}

.directory-main-cat a {
    font-size: 125%;
    font-weight: bolder;
}



/* END OF DIRECTORY ON HOMEPAGE  */

/******************************* HOME PAGE CONTENT *********************************/

/******************************* FOOTER *********************************/
footer {
    float: left;
    max-width: 3000px;
    color: #ffffff;
    width: 100%;
    background-color: #484d50;
    margin-top: 2px;
}

.footer-holder {
    padding-top: 1%;
    padding-bottom: 1%;
    display: inline-block;
    margin: auto;
    max-width: 1024px;
    background-color: #484d50;
    font-size: 79%;
    color: #ffffff;
}

    .footer-holder a {
        color: #ffffff;
    }

footer li {
    list-style-type: none;
    padding: 0.3%;
}

    footer li a {
        color: #ffffff;
        text-decoration: none;
        list-style-type: none;
    }

.footercolumn {
    padding: 0.5%;
    float: left;
    width: 24%;
}

.footercolumn-social {
    float: left;
    width: 24%;
    padding: 0.3%;
}

    .footercolumn-social li {
        float: left;
    }

    .footercolumn-social img {
        float: left;
    }


    .footercolumn-social a {
        float: left;
        margin-top: 3px;
        margin-left: 3px;
    }

.footer_address {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 0px;
}

.sponsors {
    float: right;
    width: 20%;
}

    .sponsors img {
        float: left;
    }

.appstore {
    float: left;
    margin-top: 10px;
}

/******************************* END OF FOOTER *********************************/

/** *************************** DIRECTORY SPONSORS (CATEGORY SPONSORS)***************************** **/

.sponsored_company {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.individual-directory-sponsors {
    padding: 1%;
    width: 98%;
    margin-bottom: 10px;
    float: left;
    cursor: pointer; cursor: hand;
}

.individual-directory-sponsors:hover {
    background-color: #f1f1f1 ;
}

.sponsored_link_img {
    display: inline-block;
    max-width: 102px;
    width: 100%;
    margin-top: 4px;
    margin-left: 1%;
    padding: 0.5%;

}

.sponsored_company_link {
    display: inline-block;
    vertical-align: top;
    margin-left: 2%;
    padding: 0.5%;
    width: 75%;
}


    .sponsored_company_link a {
        display: inline-block;
        font-size: 110%;
        font-weight: bold;
    }

    .sponsored_company_name {
        display: inline-block;
        font-size: 110%;
        font-weight: bold;
    }

.sponsored_company_name:hover {
    color: #C39;
}

.sponsored_company_logo {
    display: inline-block;
    max-width: 102px;
    width: 100%;
    vertical-align: top;
    margin-left: 1%;
    padding: 0.5%;
}

    .sponsored_company_logo img {
        display: block;
  max-width: 100px;
  margin: auto;
    }

.sponsored_company_info {
    display: inline-block;
    width: 74%;
    margin-left: 2%;
    padding: 0.5%;
}

    .sponsored_company_info ul {
        display: block;
        list-style-position: inside;
        list-style-type: disc;
        width: 100%;
    }

.fullwidth {
    display: inline-block;
    width: 100%;
}

.rest_of_companies {
    display: inline-block;
    width: 100%;
}

.listview {
    text-align: right;
    width: 98%;
    padding-right: 2%;
    margin-top: 7px;
    border-bottom: 1px dotted #484d50;
    padding-bottom: 1%;
}

    .listview a {
        display: inline;
        color: red;
        font-weight: bold;
        margin-left: 1%;
    }

.categoryBlurb{
    padding:1%;
    border: 1px dotted #484d50;
    background-color: whitesmoke;
}


.categoryTopNewsStory{
    display: inline-block;
    width: 98%;
    padding: 1%;
    margin-bottom: 10px;
    background-color: blanchedalmond;
}

.categoryTopNewsStoryImg{
    width: 50%;
    display: inline-block;
    float: left;
}

.categoryTopNewsStoryImg img{
    max-width: 330px;
    width: 100%;
    height: 230px;
    object-fit: cover;
    display: inline-block;
    float: left;
}

.categoryTopNewsStoryText{
    display: inline-block;
    width:48%;
    padding-right: 1%;
    padding-left: 1%;
}

.categoryTopNewsStoryHeadline{
    display: inline-block;
    font-weight: bold;
    font-size: 160%;
    color: #7270b1;
    width: 100%;
}

.categoryNewsMoreLink{
    display: inline-block;
    font-size: 75%;
    float: right;
    color: #cc3399;
    margin-top: 7px;
}

/**/

#subCatNews > div:first-of-type{
     display: inline-block;
    width: 98%;
    padding: 1%;
    margin-bottom: 10px;
    background-color: blanchedalmond;
}

#subCatNews > div:first-of-type > div:first-of-type {
    width: 50%;
    display: inline-block;
    float: left;
}

#subCatNews > div:first-of-type > div:first-of-type > div{
    max-width: 330px;
    margin-top: 0;
    width: 100%;
    height: 230px;
    display: inline-block;
    float: left;
    background-size: cover; 
    background-position: center;
}

#subCatNews > div:first-of-type > div:nth-of-type(2){
    display: inline-block;
    width: 48%;
    padding-right: 1%;
    padding-left: 1%;
}

#subCatNews > div:first-of-type > div:nth-of-type(2) a{
        display: inline-block;
    font-weight: bold;
    font-size: 160%;
    color: #7270b1;
    width: 100%;
}

/*Second and third divs*/

#subCatNews > div {
     display: inline-block;
    width: 98%;
    padding: 1%;
    margin-bottom: 10px;
    background-color: #f1f1f1;
}

#subCatNews > div > div:first-of-type{
    width: 20%;
    display: inline-block;
    float: left;
}

#subCatNews > div > div:first-of-type > div{
    max-width: 330px;
    margin-top: 24px;
    width: 100%;
    height: 90px;
    display: inline-block;
    float: left;
    background-size: cover; 
    background-position: center;
}

#subCatNews > div > div:nth-of-type(2){
    display: inline-block;
    width: 77%;
    padding-right: 1%;
    padding-left: 1%;
}

#subCatNews > div > div:nth-of-type(2) a{
        display: inline-block;
    font-weight: bold;
    font-size: 110%;
    color: #7270b1;
    width: 100%;
}


/**/


.moreNewsImage{
    width: 17%;
    max-width: 120px;
    max-height: 90px;
    display: inline-block;
    float: left;
    overflow: hidden;
    margin-right: 1%;
    margin-top: 5px;
}

.companyList {
    display: block;
    width: 100%;
}

.companyList-infoImage {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    float: left;
    min-height: 1px;
}

    .companyList-infoImage img {
        display: inline-block;
        max-width: 12px;
    }

.companyList-companyInfo {
    width: 60%;
    float: left;
}

    .companyList-companyInfo a {
        font-weight: bold;
    }

.companyList-links {
    display: inline-block;
    width: 100%;
    margin-top: 7px;
    border-top: 1px dotted #484d50;
    padding-top: 1%;
}

    .companyList-links a:hover {
        color: silver;
    }

.companyList-logoLinkWrap{
    float: right;
    width: auto;
}

.companyList-companyLogo {
    float: right;
    width: auto;
}

    .companyList-companyLogo img {
        max-width: 125px;
        max-height: 60px;
    }

.companyList-strap {padding: 3px 0px 0px 15px;clear: both; color: #666666;}

.visitCompanyWebsite {
    float: right;
}

.listBorder {
    border-bottom: 1px solid #aba9b7;
}


.pageLinks {
    display: block;
    margin: auto;
    width: 100%;
    margin-top: 7px;
    float: left;
    text-align: center;
}

    .pageLinks a {
        margin-left: 2px;
        color: #cc3399;
    }

    .pageLinks a:hover {
        color: silver;
    }

.pageLinks-title {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 125%;
}

.pageLinks-previous {
    display: inline-block;
    float: left;
    width: 15%;
    min-height: 20px;
}

.pageLinks-pagenumbers {
    float: left;
    text-align: center;
    width: 70%;
    font-weight: bold;
}

    .pageLinks-pagenumbers a {
        padding: 0 5px 1px 5px;
    }

        .pageLinks-pagenumbers a:hover {
            border-radius: 100px;
            border: 1px solid #8280c1;
            color: #484d50;
        }

.pageLinks-next {
    display: inline-block;
    float: right;
}

.Regions {
    float: left;
    width: 100%;
    margin-top: 10px;
    background-color: #e1e1e1;
    padding-bottom: 2%;
    color: #484d50;
    font-weight: bold;
}

.region {
    width: 50%;
    float: left;
    margin-top: 1%;
}

    .region a {
        padding-left: 2%;
    }


/** *************************** END OF DIRECTORY SPONSORS (CATEGORY SPONSORS)***************************** **/

/** *************************** DIRECTORY CATEGORIES ***************************** **/
.directory-cat-list {
    margin-top: 15px;
    margin-bottom: 5px;
    display: inline-block;
    padding-right: 1%;
}

    .directory-cat-list a {
        font-size: 125%;
        display: inline-block;
        margin-right: 5px;
    }
/** *************************** END OF DIRECTORY CATEGORIES ***************************** **/

/** *************************** COMPANY LISTING ***************************** **/

/** TOP INFORMATION **/

.breadcrumbs{color: #cc3399;margin-bottom: 15px;display: inline-block;width: 100%;}
.breadcrumbs a {color: #cc3399;font-size: 80%; text-decoration: underline;}
.homeBreadcrumb {color: #cc3399; display: inline;}
.deeperBreadcrumb {color: #cc3399; display: inline; margin-left:5px;}
.deeperBreadcrumb a {color: #cc3399;}
.homeBreadcrumb a {color: #cc3399;}

.logo-company-name-wrap {
    margin-top: 0px;
    float: right;
}

.listing-logo-wrap {
    display: inline-block;
    width: 30%;
    max-width: 220px;
    max-height: 150px;
}
.listing-logo {
    display: inline-block;
    max-width: 100%;
}

    .listing-logo img {
        width: auto;
        max-width: 100%;
        vertical-align: bottom;
        max-height: 150px;
        height: auto;
    }

.listing-company-name {
    display: inline-block;
    width: 68%;
    text-align: right;
    font-size: 250%;
    vertical-align: top;
    margin-top: -11px;
    float: right;
    font-weight: bold;
}


/** CONTACT INFORMATION **/
.listing-contact-details {
    width: 100%;
    display: inline-block;
    margin-top: 7px;
    margin-bottom: 15px;
}

.listing-contact-details-contact-wrap {
    width: 46%;
    display: inline-block;
    padding-left: 1%;
    padding-bottom: 1%;
    padding-top: 1%;
}

.listing-contact-details-title{
    width: 29%;
    float: left;
    display: inline-block;
    font-weight: bold;
    min-width: 88px;
}

.contactdetailsTitle{
    float: left;
}


.listing-contact-details-info{
    max-width: 70%;
    float: left;
    display: inline-block;
    overflow: hidden;
}

.listing-contact-details-contact {
    width: 95%;
    float: left;
    display: inline-block;
    margin: 0% 2% 3px 2%;
    font-weight: bold;
}

.listing-contact-details-contactName {
    width: 95%;
    float: left;
    display: inline-block;
    margin: 0% 2% 3px 2%;
    padding-bottom: 3px;
    border-bottom: 1px dotted #484d50;
}

.listing-contact-details-website {
    width: 95%;
    float: left;
    display: inline-block;
    margin: 0% 2% 3px 2%;
    border-bottom: 1px dotted #484d50;
    padding-bottom: 3px;
    font-weight: bold;
}

.listing-contact-details-telephone {
    width: 95%;
    float: left;
    display: inline-block;
    margin: 0% 2% 3px 2%;
    border-bottom: 1px dotted #484d50;
    padding-bottom: 3px;

}

.listing-contact-details-fax {
    width: 95%;
    float: left;
    display: inline-block;
    margin: 0% 2% 3px 2%;
    border-bottom: 1px dotted #484d50;
    padding-bottom: 3px;
 
}

.listing-contact-details-email {
    width: 95%;
    float: left;
    display: inline-block;
    margin: 0% 2% 3px 2%;
    border-bottom: 1px dotted #484d50;

}

.listing-contact-details-opening-hours {
    width: 25%;
    float: left;
    display: inline-block;
    margin: 2.4% 0% 0% 3%;

}

.listing-contact-details-address {
    width: 24%;
    display: inline-block;
    margin: 1% 0% 0% 1%;
    padding-bottom: 2%;
    position: relative; 
    vertical-align: top;

}

.listing-average-rating {
    margin-top: 5%;
    font-weight: bold;
}

.listing-rating {
    margin-top: 3%;
}

    .listing-rating img {
        display: inline-block;
        max-width: 100px;
        vertical-align: bottom;
    }

    .listing-rating a {
        display: inline-block;
        font-size: 80%;
        margin-left: 2%;
    }

/** END OF CONTACT INFORMATION **/

/** FOLLOW US **/
.listing-SocialButtons{
    display: inline-block;
    padding-left: 1%;
    float: right;
    text-align: right;
    max-height: 25px;
}

.listing-SocialButtons img {
    display: inline-block;
    margin-right:3px;
    max-height: 25px;
    width: auto;
    float:right;
}

.sharebtn img{
    max-width: none;
    float: right;
    max-height: 25px;
}


.writeAReview{
    float: right;
    padding-right: 1%;
    margin-bottom:1%;
}

.smallMap{
    padding-top: 2%;
    padding-right: 1%;
    float: right;
    width: 24%;
}

#map-canvas img{
    max-width: none;
}

/** END OF FOLLOW US **/

/** ABOUT US **/
.listing-about-us {
    margin-top: 2%;
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}

.listing-about-us-info {
    width: 96%;
    padding: 0px 2% 10px 2%;
}

.listing-about-us-info a{
    color: #cc3399;
}

    .listing-about-us-info a:hover{
    color: #aba9b7;
    }

    .listing-about-us-info ul{
        list-style-position: inside;
        margin-left: 2%;
        width: 98%;
        margin-top: 5px;
        margin-bottom: 5px;
     }

        .listing-about-us-info ul li{
             list-style-type: disc;
        }

    .listing-about-us-info ol{
        list-style-position: outside;
        margin-left: 2%;
        width: 98%;
    }

        .listing-about-us-info ol li{
             list-style-type: decimal;
        }

    .listing-about-us-info img {
        width: auto;
        max-width:100%;
        display: block;
          margin: auto;
        margin-top: 7px;
        margin-bottom: 7px;

    }

    .listing-about-us-info table {
        width: 100% !important;
        table-layout: fixed;
        max-width: 450px;
        margin: auto;
    }

    .listing-about-us-info table tr td {
        width: auto;
    }

.listing-about-us-equip {margin-top: 12px;}

.listing-about-us-info > .width100 {
    width: 100% !important;
        table-layout: fixed;
        max-width: 100%;
        margin: auto;
}

.listing-about-us-info > .width100 tr {
    padding-bottom:1%;
    border-bottom: 1px solid #cc3399;
}

    .listing-about-us-info > .width100 tr td {
        padding: 1%;
        border: 1px solid #cc3399;
    }

.head{
    color: #f1f1f1;
    background-color: #cc3399;
}

.pad{
    width: 100%;
    text-align: center;
}

.pad img{
    width: auto;
    max-width:100%;
    display: inline-block;
    text-align: center;
    margin-left: 5px;
}

.halfwidth{
    width: 47%;
    float: left;
    margin-left:1%;
    margin-bottom: 10px;
}

.listing-about-us iframe {
    display: block;
    margin: 0 auto;
    max-width: 98%;
}

.listing-about-us embed {
    max-width: 98%;
}

.listing-newsStories{
    width: 98%;
    min-height: 200px;
    max-height: 1200px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 0px;
}

.listing-newsStories-inner {
    width: 100%;
    padding: 0 2% 2% 2%;
}


.listing-newsStory {
    margin-top: 15px;
    padding: 0px;
    width: 98%;
}

.listing-newsStory-HeadlineDate{
    border-radius: 5px;
    border: 1px solid;
    border-color: #484d50;
    padding: 5px;
    background-color: #f1f1f1;
}

.listing-newsStoryHeadline{
    font-weight: bold;
}

.listing_newsInfo{
    display: inline-block;
    float: left;
    width: 80%;
    padding: 1%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}


/** END OF ABOUT US **/


/** GALLERY AND SHOWREEL ON LISTING PAGE **/

#vyooPlayer{
    width: 98% !important;
    max-width:512px;
}

#playerStage_vyooPlayer{
    width: 100% !important;
}

.Vyoo-Screen{
    width: 100% !important;
}

.playerStage{
    width: 100% !important;
}



.listing-gallery {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden;
}


<!-- Arrow Navigator Skin Begin -->
/* jssor slider arrow navigator skin 05 css */
/*
            .jssora05l              (normal)
            .jssora05r              (normal)
            .jssora05l:hover        (normal mouseover)
            .jssora05r:hover        (normal mouseover)
            .jssora05ldn            (mousedown)
            .jssora05rdn            (mousedown)
            */
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    overflow: hidden;
}

.jssora05l {
    background-position: -10px -40px;
}

.jssora05r {
    background-position: -70px -40px;
}

.jssora05l:hover {
    background-position: -130px -40px;
}

.jssora05r:hover {
    background-position: -190px -40px;
}

.jssora05ldn {
    background-position: -250px -40px;
}

.jssora05rdn {
    background-position: -310px -40px;
}

/* jssor slider thumbnail navigator skin 01 css */
/*
                .jssort01 .p           (normal)
                .jssort01 .p:hover     (normal mouseover)
                .jssort01 .pav           (active)
                .jssort01 .pav:hover     (active mouseover)
                .jssort01 .pdn           (mousedown)
                */
.jssort01 .w {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

/* gallery thumbnail image set to cover */
.w img{
        object-fit: cover;
}

.jssort01 .c {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 68px;
    height: 68px;
    border: #000 2px solid;
}

.jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {
    background: url(../img/t01.png) center center;
    border-width: 0px;
    top: 2px;
    left: 2px;
    width: 68px;
    height: 68px;
}

.jssort01 .p:hover .c, .jssort01 .pav:hover .c {
    top: 0px;
    left: 0px;
    width: 70px;
    height: 70px;
    border: #fff 1px solid;
}

.slides div img {
    width: auto !important;
    height: auto !important;
    max-height: 356px !important;
    max-width: 800px !important;
}

.productsServices{
    max-height: 300px;
    overflow-y: auto;
}

.listing-product-equip {
    width: 100%;
    float: left;
}

.listing-products {
    width: 48%;
    margin-left: 1%;
    display: inline-block;
    vertical-align: top;
    margin-bottom:1%;
}

.listing-team {
    display: inline-block;
    width: 100%;
    margin-top: 2%;
}

.listing-team-cat-name {
    width: 18%;
    margin: 1%;
    float: left;
}

.listing-team-cat-role {
    width: 15%;
    margin: 1%;
    float: left;
}

.listing-team-cat-email {
    width: 37%;
    margin: 1%;
    float: left;
}

.listing-team-cat-telephone {
    width: 20%;
    margin: 1%;
    float: left;
    text-align: right;
}

.listing-team-member-titles {
    margin-left: 1%;
    margin-bottom: 1%;
    width: 98%;
    border-bottom: 1px solid #cc3399;
}

.listing-team-member {
    width: 98%;
    margin-bottom: 1%;
    float: left;
    border-bottom: 1px dotted #484d50;
}

.listing-team-contact a {
    color: #999ad7;
}

.listing-socialMedia li {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
}

    .listing-socialMedia li:first-child {
        margin-bottom: 15px;
    }

.listing-twitterFeed {
    width: 100%;
    display: inline-block;
    overflow-y: scroll;
    height: 365px;
    text-align: center;
}

.listing-facebookFeed{
    border-bottom: 1px solid #aba9b7;
}

.listing-facebookFeed iframe {
    height: 369px;
    width: 100% !important;
    position: relative;
}

#u_0_0 > div{
    width: 100% !important;
}

.pluginSkinLight .pluginFontHelvetica ._li .plugin .webkit .chrome .win .x1 .Locale_en_GB .facebook{
    width: 100% !important;
}

.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
    width: 100% !important;
}
/* one item */
.listing-socialMedia li:nth-child(1):nth-last-child(1) {
    width: 100%;
}

/* two items */
.listing-socialMedia li:nth-child(1):nth-last-child(2) {
    width: 49%;
    max-width:340px;
}

.listing-socialMedia li:nth-child(2):nth-last-child(1) {
    width: 49% !important;
    float:right;
    max-width:340px;
    border-bottom: 1px solid #aba9b7;
}

.listing-socialMedia li:nth-child(2):nth-last-child(2) {
    width: 48% !important;
    margin-left: 1%;
}

.listing-socialMedia li:nth-child(3):nth-last-child(1) {
    width: 48%;
    height: 403px;
    margin-left: 1%;
    float: right;
    border-bottom: 1px solid #aba9b7;
}



/*/** SHOWREEL ON LISTING PAGE 

.listing-showreel {
    width: 100%;
    margin-top: 1%;
}

/** END OF SHOWREEL ON LISTING PAGE 


/** END OF GALLERY AND SHOWREEL ON LISTING PAGE 



/** 

ul.tabs {
    margin-left: -2%;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired
}

    ul.tabs li {
        display: inline;
        margin: 0;
        color: #ffffff;
    }

        ul.tabs li a {
            display: inline-block;
            text-decoration: none;
            position: relative;
            padding: 0% 2% 0% 2%;
            border-right: 1px solid #aba9b7;
            color: #ffffff;
            background-color: #484d50;
        }

            ul.tabs li a:visited {
                color: #ffffff;
                background-color: #484d50;
            }

            ul.tabs li a:hover {
                background: #aba9b7; /* Old browsers
                background: -moz-linear-gradient(top, #aba9b7 0%, #484d50 100%); /* FF3.6+ 
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aba9b7), color-stop(100%,#484d50)); /* Chrome,Safari4+ 
                background: -webkit-linear-gradient(top, #aba9b7 0%,#484d50 100%); /* Chrome10+,Safari5.1+ 
                background: -o-linear-gradient(top, #aba9b7 0%,#484d50 100%); /* Opera 11.10+ 
                background: -ms-linear-gradient(top, #aba9b7 0%,#484d50 100%); /* IE10+ 
                background: linear-gradient(to bottom, #aba9b7 0%,#484d50 100%); /* W3C 
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aba9b7', endColorstr='#484d50',GradientType=0 ); /* IE6-9 
            }

        ul.tabs li.selected a, ul.tabs li.selected a:hover {
            position: relative;
            top: 0px;
            color: #484d50;
            border-bottom-color: white;
            background: #aba9b7; /* Old browsers 
            background: -moz-linear-gradient(top, #aba9b7 0%, #ffffff 100%); /* FF3.6+ 
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aba9b7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ 
            background: -webkit-linear-gradient(top, #aba9b7 0%,#ffffff 100%); /* Chrome10+,Safari5.1+
            background: -o-linear-gradient(top, #aba9b7 0%,#ffffff 100%); /* Opera 11.10+ 
            background: -ms-linear-gradient(top, #aba9b7 0%,#ffffff 100%); /* IE10+ 
            background: linear-gradient(to bottom, #aba9b7 0%,#ffffff 100%); /* W3C 
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aba9b7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 
        }


            ul.tabs li.selected a:hover {
                text-decoration: none;
            }


div.tabcontents {
    display: inline-block;
    padding: 1%;
    background-color: #FFF;
    border-radius: 0 3px 3px 3px;
    width: 98%;
}
*/
.listing-reviews-container {
    display: inline-block;
    width: 100%;
    max-height:300px;
    overflow-y:scroll;
}


#newsRotateHolder{
    display: inline-block;
    width: 100%;
    width: calc(100% - 4px);
    height:40px;
    overflow: hidden;
    border: 2px #7476b3 solid;
    position: relative;
    background-color: #f1f1f1;
}

.newsRotateTitle{
    display: inline-block;
    float: left;
    width: 19%;
}

.newsRotateTitle a{
    color: #fff;
}

.newsRotateTitle a:hover{
    color: #cc3399;
}

.newsRotateTitle span{
    background: #7476b3;
    width: auto;
    width: calc(100% - 30px);
    display: inline-block;
    height:40px;
    line-height: 40px;
    font-size: 120%;
    color: #f1f1f1;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}

.arrow{
	width: 0; 
	height: 0; 
    display: inline-block;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #7476b3;
    margin-left:0px;
    margin-top: 10px;
    float: left;
    position: relative;
    z-index: 999;
}

#newsRotate{
    display: inline-block;
    animation: rotateNews 8s linear 1 0s; /* infinite replaces 1 */
    transform:  translate(0px,100px);
    opacity: 0;
    float: left;
    width: 81%;
    width: calc(81% - 10px);
    max-height: 40px;
    line-height: 40px;
    margin-left: -10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #f1f1f1;
    font-size: 120%;
}

#newsRotate span{
    width: 100%;
    display: inline-block;
    padding-left: 10px;
}

#newsRotate span a{
    display: inline-block;
    max-height: 40px;
    overflow: hidden;
}

@keyframes rotateNews {
    0% { opacity: 0; animation-timing-function: ease-in; height: 0px; }
    10% { opacity: 1; height: 60px; transform:  translate(0px,0px);}
	25% { opacity: 1; height: 60px;}
    90% { opacity: 1; height: 60px; transform:  translate(0px,0px);}
    100% { opacity: 0;  height: 0px; transform:  translate(0px,-100px); }
}

#newsRotate > .newsRotateFeature{
    font-weight: bold;
    float: left;
    width: calc(100% - 10px);
    margin-left: -10px;
    padding-left: 20px;
    padding-right: 10px;
}



/** *************************** END OF COMPANY LISTING ***************************** **/


/** *************************** NEWS STORY ***************************** **/


.addthis_button {
    float: left;
    margin-top: 10px;
    margin-left: 1%;
}

.news-date {
    margin-top: 10px;
    margin-right: 1%;
    text-align: right;
    float: right;
}

.news-title {
    width: 98%;
    font-size: 250%;
    margin-top: 1%;
    color: #000000;
    padding-left: 1%;
    border-bottom: 1px dotted #484d50;
    padding-bottom: 10px;
    display: inline-block;
}

.news-image {
    width: 98%;
    padding: 1%;
    margin-top: 1%;
    text-align: center;
}

    .news-image img {
        display: inline-block;
        width: auto;
        max-width: 100%;
    }

.news-story {
    display: inline-block;
    float: left;
    width: 98%;
    margin-top: 1%;
    padding: 1%;
    text-align: justify;
   /* font-size: 150%;
    font-weight: bold;*/
}

/*.news-story p:nth-of-type(1) {
    font-size: 80%;
    font-weight: bold;
    
}

.news-story p{
    font-size: 67%;
    font-weight: normal;
}

.news-story a{
    font-size: 67%;
    font-weight: normal;
}

.news-story p i{
    font-size: 100%;
    font-weight: normal;
}

.news-story i{
    font-size: 67%;
    font-weight: normal;
}

*/
.news-topStories {
    margin-top: 1%;
    width: 100%;
    padding: 0%;
}

.news-topStory-headline {
    font-size: 125%;
    float: left;
}


.news-topStory-title {
    font-size: 125%;
    margin-top: 2%;
    width: 100%;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px dotted #484d50;
}

.news-topStory img {
    position: relative;
    display: inline-block;
    float: right;
}

.news-subscribe{
    text-align: right; 
    margin-bottom: 0px; 
    padding-right: 5px;
    margin-top: 10px;
}

    .news-subscribe a {
        color: #cc3399;
    }

        .news-subscribe a:hover {
            color: silver;
        }


/*
    .commentSection{
    margin-top: 50px;
    margin-bottom: 50px;
    display: inline-block;
    width: 100%;
}

.loginSection{
    margin-bottom: 50px;
    display: inline-block;
    width: 100%;
}

.comment{
    width: calc(98% - 5px);
    padding: 1%;
    background-color: whitesmoke;
    margin-top: 7px;
    margin-bottom: 8px;
    float: left;
    border: 1px solid #e1e1e1;
    box-shadow: 3px 3px 3px silver;
}

.commentImage{
    width: 80px;
    height: 80px;
    display: inline-block;
    margin-right: 10px;
    float: left;
    border: 1px solid #e1e1e1;
}

.commentInfo{
    width: 85%;
    display: inline-block;
    float: left;
}

.commentHead{
    display: inline-block;
    border-bottom: 1px solid #e1e1e1;
    width: 100%;
    margin-bottom: 10px;
    float: left;
}

.commentDateTime{
    display: inline-block;
    float: right;
    font-size: 80%;
}

.commentName{
    display: inline-block;
    color: #cc3399;
    font-size: 120%;
    font-weight: bold;
    float: left;
}

.commentComment{
    width: 100%;
    display: inline-block;
}

.registerLoginPrompt{
    display: inline-block;
    width: 97.2%;
    padding: 1%;
    border: 3px solid #cc3399;
    margin-bottom: 15px;
    margin-top: 10px;
}

.g-recaptcha > div > div{
    text-align: center;
    display: inline-block;
    width: 100% !important;
    margin-bottom: 7px;
}

.loggedInName{
    padding: 1%;
    width: 100%;
    font-size: 120%;
}

.commentError{
    width: calc(98% - 67px);
    background-color: red;
    color: #fff;
    padding: 1%;
    font-size: 120%;
    font-weight: bold;
    border: 2px dashed #fff;
    box-shadow: 0 0 0 4px #ff0030;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 4px;
    background-image: url(/images/errorIcon.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: 8px 50%;
    padding-left: 60px;
    display: inline-block;
}

.commentSuccess{
    width: calc(98% - 67px);
    background-color: #7FFF7F;
    color: #fff;
    padding: 1%;
    font-size: 120%;
    font-weight: bold;
    border: 2px dashed #fff;
    box-shadow: 0 0 0 4px #7FFF7F;
    margin-top: 10px;
    margin-left: 4px;
    background-image: url(/images/successIcon.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: 8px 50%;
    padding-left: 60px;
    display: inline-block;
    margin-bottom: 10px;
}

.commentSuccess a{
    color: #58b258;
}

.commentSuccess a:hover{
    color: #fff;
}
*/



.commentSection{
    margin-top: 20px;
    margin-bottom: 50px;
    display: inline-block;
    width: 98%;
    padding: 0% 1%;
    background-color: #e1e1e1;
    color: #484d50;
    border-radius: 5px;
}

.commentsHeading{
    font-size: 250%;
    border-bottom: 5px solid #484d50;

}

.fa{
    margin-right: 30px;
}

.loginSection{
    display: inline-block;
    width: 100%;
    margin-top: 0px;
}

.comment{
    width: 98%;
    padding: 1%;
    margin-top: 7px;
    margin-bottom: 8px;
    float: left;
}

.commentImage{
    width: 80px;
    height: 80px;
    display: inline-block;
    margin-right: 10px;
    float: left;
    border: 1px solid #e1e1e1;
}

.commentInfo{
    width: 79%; /* older browsers */
    width: calc(80% - 9px);
    display: inline-block;
    float: left;
    margin-left: 9px;
    color: #484d50;
}

.commentHead{
    display: inline-block;
    border-bottom: 1px solid #e1e1e1;
    width: 100%;
    margin-bottom: 10px;
    float: left;
}

.commentDateTime{
    display: inline-block;
    float: right;
    font-size: 80%;
}

.commentName{
    display: inline-block;
    color: #cc3399;
    font-size: 120%;
    font-weight: bold;
    float: left;
}

.bubble{
    background-color: #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 18px;
    position: relative;
    vertical-align: top;
}

.bubble::before {
    background-color: #fff;
    content: "\00a0";
    display: block;
    height: 16px;
    position: absolute;
    top: 11px;
    transform:             rotate( 29deg ) skew( -35deg );
        -moz-transform:    rotate( 29deg ) skew( -35deg );
        -ms-transform:     rotate( 29deg ) skew( -35deg );
        -o-transform:      rotate( 29deg ) skew( -35deg );
        -webkit-transform: rotate( 29deg ) skew( -35deg );
    width:  20px;
}

.me {
    float: left;       
}

.me::before {
    box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
    left: -9px;           
}

.commentComment{
    width: 100%;
    display: inline-block;
}

.registerLoginPrompt{
    display: inline-block;
    width: 97.2%;
    padding: 1%;
    border: 3px solid #cc3399;
    margin-bottom: 15px;
    margin-top: 10px;
    background-color: whitesmoke;
    color: #cc3399;
}

.g-recaptcha{
    float: left;
  display: inline-block;
  margin-right: 10px;
}

.g-recaptcha > div > div{
    text-align: center;
    display: inline-block;
    margin-bottom: 7px;
    float: left;
}

.loggedInName{
    padding: 1%;
    width: 100%;
    font-size: 120%;
}

.commentForm{
    background-color: #e1e1e1;
}

.commentFormInput input{
    background-color: blanchedalmond;
}

.commentFormInput textarea{
    background-color: blanchedalmond;
}

.commentInput{
    float: left;
  width: 70%;
}

.commentError{
    width: calc(98% - 67px);
    background-color: red;
    color: #fff;
    padding: 1%;
    font-size: 120%;
    font-weight: bold;
    border: 2px dashed #fff;
    box-shadow: 0 0 0 4px #ff0030;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 4px;
    background-image: url(/images/errorIcon.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: 8px 50%;
    padding-left: 60px;
    display: inline-block;
}

.commentSuccess{
    width: calc(98% - 67px);
    background-color: #7FFF7F;
    color: #fff;
    padding: 1%;
    font-size: 120%;
    font-weight: bold;
    border: 2px dashed #fff;
    box-shadow: 0 0 0 4px #7FFF7F;
    margin-top: 10px;
    margin-left: 4px;
    background-image: url(/images/successIcon.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: 8px 50%;
    padding-left: 60px;
    display: inline-block;
    margin-bottom: 10px;
}

.commentSuccess a{
    color: #58b258;
}

.commentSuccess a:hover{
    color: #fff;
}


/** *************************** END OF NEW STORY ***************************** **/
/** *************************** SHOWREELS ***************************** **/

.rfvVyooPlayer-wrapper {
    display: inline-block;
    width: 100%;
    text-align: center;
}

#rfvVyooPlayer {
    display: inline-block;
    max-width: 100%;
    padding: 1%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

#playerStage_rfvVyooPlayer .Vyoo-Screen #screenContainer .vyoo-screen-button #screenContainer0 .screenContainer {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.rfvVyooDescription {
    margin-bottom: 7px;
    padding: 1%;
    width: 100%;
    background-color: #f1f1f1;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

    .rfvVyooDescription h1 {
        font-size: 125%;
    }

.rfvVyooDescription-tags {
    font-size: 85%;
    font-weight: bold;
    margin-top: 2%;
}

.videoList {
    width: 100%;
    margin-top: 1%;
}

.vid2 {
    display: inline-block;
    padding: 1%;
    margin-left: 1%;
    margin-top: 1%;
    margin-bottom: 1%;
    width: 21%;
    vertical-align: top;
    min-height: 155px;
    /*background-color: #f1f1f1;*/
    text-align: center;
}


.vid2:hover img{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}


.listingVideos-company {
    width: 98%;
    padding: 1%;
    margin: auto;
    border-bottom: 1px dotted #aba9b7;
}

    .listingVideos-company a {
        font-weight: bold;
    }

/** *************************************** JOBS ***************************************** **/

/** LIST OF JOBS **/

.jobs-CurrentVacancies {
    width: 100%;
    margin-top: 1%;
}

.job {
    position: relative;
    margin-top: 5%;
    margin-bottom: 5%;
    width: 100%;
    display: table-row;
    vertical-align: top;
    overflow: hidden;
}

    .job:nth-child(even) {
        background-color: #f1f1f1;
    }

    .job:nth-child(odd) {
        background-color: #e1e1e1;
    }

.jobTopInfo {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #e1e1e1;
    background-color: #f1f1f1;
}

.jobTitle {
    display: inline-block;
    width: 48%;
    padding: 1%;
    float: left;
}

.jobLocation {
    display: inline-block;
    width: 18%;
    padding: 1%;

    color: #a9abe5;
    font-weight: bold;

}

.salary {
    display: inline-block;
    float: right;
    width: 28%;
    padding: 1%;
    position: relative;
    vertical-align: bottom;
    text-align: right;
    padding-right: 1%;
    font-weight: bold;
}

.location {
    display: inline-block;
    width: 20%;
    padding: 1%;
    border-bottom: 1px solid #e1e1e1;
}

.jobTitle a {
    font-weight: bold;
}

.jobSnippet {
    width: 98%;
    padding: 1%;
    display: inline-block;
    float: left;
}

/** END OF LIST OF JOBS **/

/** SHOW JOB (Job at top of page when clicked) **/

.showJob-title {
    display: inline-block;
    position: relative;
    width: 100%;
    font-size: 125%;
    font-weight: bold;
    color: #484d50;
}

.showJob-description {
    display: inline-block;
    position: relative;
    width: 98%;
    padding: 1%;
    margin-top: 1%;
    line-height: 1;
    color: #484d50;
    border-bottom: 1px dotted #484d50;
    border-top: 1px dotted #484d50;
}

.showJob-ref {
    display: inline-block;
    position: relative;
    width: 98%;
    padding: 1%;
    color: #484d50;
    margin-top: 1%;

}

.showJob-address {
    display: inline-block;
    position: relative;
    width: 98%;
    color: #484d50;
    padding: 1%;
}

.showJob-location {
    position: relative;
    display: inline-block;
    width: 98%;
    color: #484d50;
    padding: 1%;
}

.showJob-closingDate {
    display: inline-block;
    position: relative;
    width: 98%;
    padding: 1%;
    color: #484d50;
}

.showJob-salary {
    display: inline-block;
    position: relative;
    width: 98%;
    padding: 1%;
    color: #484d50;
}

.showJob-URL {
    display: inline-block;
    position: relative;
    width: 98%;
    padding: 1%;
    word-break: break-all;
    color: #484d50;
}

.showJob-email {
    display: inline-block;
    position: relative;
    width: 98%;
    color: #484d50;
    padding: 1%;
}

    .showJob-email a {
        float: right;
        font-weight: bold;
        font-size: 110%;
        background-color: #8280c1;
        color: #ffffff;
        padding: 1% 3% 1% 3%;
        border: 1px solid #aba9b7;
    }

        .showJob-email a:hover {
            background-color: #a9abe5;
        }

.showJob-contact {
    display: inline-block;
    position: relative;
    width: 98%;
    padding: 1%;
    color: #484d50;
}

.showJob-fieldTitle {
    display: inline;
    float: left;
    margin-right: 2%;
    font-weight: bold;
    color: #484d50;
}

/** END OF SHOW JOB (Job at top of page when clicked) **/

/** *************************************** END OF JOBS ******************************************* **/

/** *************************************** EQUIPMENT SALES HIRE ******************************************* **/
.sellHire-search {
    display: inline-block;
    background-color: #f1f1f1;
}

.sellHire-search-selectCompany {
    margin: 1%;
    display: inline-block;
    float: left;
}

.sellHire-search select {
    font-size: 100%;
    width: 100%;
    border: 2px solid #e1e1e1;
    padding: 5px;
    color: #484d50;
}

    .sellHire-search select:checked {
        border: 2px solid #999ad7;
    }

option {
    padding: 5px;
}


.sellHire-search-selectSaleHire {
    margin: 1%;
    display: inline-block;
    float: right;
}

.sellHire-search-selectCat {
    margin: 1%;
    display: inline-block;
    float: left;
}

.sellHire-search-input {
    margin: 1%;
    font-size: 100%;
    border: 2px solid #e1e1e1;
    display: inline-block;
    padding: 5px;
    float: left;
    width: 100%;
}

.sellHire-search-selectManufacturer {
    margin: 1%;
    display: inline-block;
    float: right;
}

.sellHire-search-submit {
    margin: 1%;
    padding: 4px 18px 4px 18px;
    font-size: 100%;
    background-color: #a9abe5;
    border: 2px solid #8280c1;
    color: white;
    float: right;
}

    .sellHire-search-submit:hover {
        background-color: #8280c1;
    }

.HireCategories {
    margin-top: 1%;
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #aba9b7;
    background-color: #f1f1f1;
}

.HireCompanies {
    margin-top: 1%;
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #aba9b7;
    background-color: #f1f1f1;
}

.hireListItem {
    padding: 1%;
    border-bottom: 1px dotted #aba9b7;
}


.hireItemList {
    margin-top: 1%;
    width: 100%;
}

.searchSorter {
    display: inline-block;
    width: 98%;
    padding: 1%;
    border-bottom: 1px dotted #e1e1e1;
}

    .searchSorter select {
        float: right;
        display: inline-block;
        position: relative;
        padding: 1%;
        border: 2px solid #e1e1e1;
        color: #484d50;
    }

.camera-image {
    display: inline-block;
    min-width: 15px;
    float: left;
    margin: 1%;
}

.itemForSale {
    display: inline-block;
    margin: 1%;
    font-size: 110%;
    width: 70%;
}


.itemPrice {
    display: inline-block;
    float: right;
    color: #cc3399;
    font-weight: bold;
    margin: 1%;
}

.saleHireImage {
    display: inline-block;
    float: right;
    margin: 1%;
}

.hireItem {
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    display: inline-block;
    padding: 1%;
}

.sellHire-pageLinks {
    display: inline-block;
    width: 100%;
    text-align: center;
}

    .sellHire-pageLinks a {
        display: inline-block;
        color: #8280c1;
        margin: 1%;
        vertical-align: top;
    }

        .sellHire-pageLinks a:hover {
            color: #a9abe5;
        }

.itemCount {
    max-width: 100px;
    display: inline-block;
    margin-top: 1%;
}

.showEquip {
    margin-top: 1%;
    padding: 1%;
    color: #484d50;
    display: inline-block;
    float: left;
    border: 1px solid #e1e1e1;
    width: 98%;
}

.ShowEquip-title {
    font-size: 150%;
    color: #484d50;
    margin-bottom: 1%;
    padding: 1%;
    border-bottom: 1px solid #e1e1e1;
}

.showEquip-details {
    width: 96%;
    display: inline-block;
    margin: 1%;
    padding: 1%;
    font-size: 110%;
}

.showEquip-detailsWrap {
    float: left;
    width: 48%;
    padding: 1%;
    display: inline-block;
}


.showEquip-detailsTitles {
    font-weight: bold;
    float: left;
    margin-right: 3%;
    display: inline-block;
    min-width: 100px;
}

.showEquip-info {
    width: 96%;
    display: inline-block;
    margin: 1%;
    padding: 1%;
    float: left;
    text-align: justify;
    background-color: #f1f1f1;
}

.equipImage {
    width: 46%;
    margin: 1%;
    padding: 1%;
    float: right;
    display: inline-block;
    vertical-align: top;
}

.equipImage img {
    max-width: 100%;
    width: auto;
    text-align: right;
}

.showEquip-company {
    margin-top: 1%;
    padding: 1%;
    color: #484d50;
    display: inline-block;
    width: 98%;
    background-color: #f1f1f1;
}


.showEquip-companyDetailsWrap {
    padding: 1%;
    min-width: 190px;
}


.showEquip-companyDetails {
    display: inline-block;
}

.showEquip-detailsInfoTitle {
    font-size: 110%;
    width: 96%;
    font-weight: bold;
}

.showEquip-viewMore {
    font-size: 90%;
    display: inline-block;
    width: 98%;
    text-align: right;
    margin-top: 1%;
}

    .showEquip-viewMore a {
        color: #cc3399;
    }

    .showEquip-viewMore a:hover {
        color: silver;
    }

    .equip-price{
        color: #cc3399;
        position: absolute;
        bottom: 3px;
        right: 10px;
        height: 20px;
    }

.equipCat{
    margin-bottom: 10px;
    width: 48%;
    padding: 1%;
    display: inline-block;
    vertical-align: top;
}

.table h2{
    font-size:70%;
    font-weight: bold;
}

/** *************************************** END OF EQUIPMENT SALES HIRE ******************************************* **/


/** *************************************** News Archive *************************************** **/

.archive-year {
    clear: both;
    border-top: 1px dotted;
    border-bottom: 1px dotted;
    text-align: center;
    font-weight: bold;
    font-size: 200%;
    padding: 2px 0px 2px 0px;
    margin-top: 10px;
    color: #8280c1;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

/** .archive-month{ /** with newspaper background
     float: left;
     width: 25%;
     min-width:121px; 
     height: 168px;
     text-align: center;
     margin-top: 20px;
     background-image: url(/images/newspaper.png);
     background-position:center;
     background-repeat: no-repeat;
     background-size: contain;
} **/

.archive-wrapper {
    background-color: #cc3399;
    display: inline-block;
    width: 100%;
}

.archive-month {
    float: left;
    display: inline-block;
    width: 33%;
    text-align: center;
    margin-top: 0px;
    min-width: 100px;
    margin-bottom: 5px;
}

    .archive-month a {
        display: inline-block;
        text-align: center;
        font-size: 125%;
        margin-top: 5px;
    }

.archive-newsTitleLink {
    float: left;
    width: 100%;
}

.archive-newsMoreLink {
    color: #8280c1;
    float: right;
    text-align: right;
    width: 20%;
    margin-top: -17px;
    margin-right: 1%;
}

    .archive-newsMoreLink a {
        color: #8280c1;
        font-size: 85%;
        font-weight: bold;
    }

.archive-pagenumbers {
    float: left;
    text-align: center;
    width: 100%;
    font-weight: bold;
    margin-top: 5px;
}

    .archive-pagenumbers a {
        padding: 0 3px 1px 5px;
    }

        .archive-pagenumbers a:hover {
            border-radius: 100px;
            border: 1px solid #8280c1;
            color: #484d50;
        }

.archive-backToArchiveLink {
    float: left;
    text-align: center;
    width: 100%;
    font-weight: bold;
}

    .archive-backToArchiveLink a:hover {
        border: none;
        color: silver;
    }

/** *************************************** END OF News Archive *************************************** **/

/** *************************************** Adrates *************************************** **/
.adrates-pricingBox-Basic {
    width: 98%;
    padding: 1% 1% 50px 1%;
    margin-top: 15px;
    margin-left: 1%;
    border: 1px solid #e1e1e1;
    display: inline-block;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    background-color: #f1f1f1;
    position: relative;
}

    .adrates-pricingBox-Basic li {
        list-style: circle;
        position: relative;
        left: 15px;
        width: 93%;
    }

.adrates-adratesWrapper {
    background-color: silver;
    margin-top: 10px;
}

.adrates-pricingBox {
    display: inline-block;
    position: relative;
    width: 48%;
    vertical-align: top;
    margin-left: 1%;
    margin-bottom: 15px;
    border: 1px solid #e1e1e1;
    padding: 1% 1% 70px 1%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    background-color: #f1f1f1;
}

    .adrates-pricingBox li {
        list-style: circle;
        position: relative;
        left: 15px;
        width: 93%;
    }

.adrates-pricingBox-scategory {
    display: inline-block;
    position: relative;
    width: 48%;
    min-height: 366px;
    vertical-align: top;
    margin-left: 1%;
    margin-bottom: 15px;
    border: 1px solid #e1e1e1;
    padding: 1% 1% 50px 1%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    background-color: #f1f1f1;
}

    .adrates-pricingBox-scategory li {
        list-style: circle;
        position: relative;
        left: 15px;
        width: 93%;
    }

.adrates-pricingBox-SOL {
    float: left;
    width: 98%;
    padding: 1%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 1%;
    border: 1px solid #e1e1e1;
    display: inline-block;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    background-color: #f1f1f1;
    position: relative;
}

    .adrates-pricingBox-SOL li {
        list-style: circle;
        position: relative;
        left: 15px;
        width: 93%;
    }

.adrates-pricingBox-extraCat {
    font-size: 125%;
    display: inline-block;
}

.adrates-pricingBox-button {
    clear: both;
    width: 48%;
    min-height: 271px;
    padding: 1% 1% 50px 1%;
    margin-bottom: 15px;
    margin-left: 1%;
    border: 1px solid #e1e1e1;
    display: inline-block;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    background-color: #f1f1f1;
    position: relative;
}

    .adrates-pricingBox-button li {
        list-style: circle;
        position: relative;
        left: 15px;
        width: 93%;
    }

.adrates-pricingBox-emailBanner {
    width: 98%;
    padding: 1% 1% 50px 1%;
    margin-bottom: 15px;
    margin-left: 1%;
    border: 1px solid #e1e1e1;
    display: inline-block;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    background-color: #f1f1f1;
    position: relative;
}

    .adrates-pricingBox-emailBanner li {
        list-style: circle;
        position: relative;
        left: 15px;
        width: 93%;
    }

.adrates-info {
    width: 100%;
    float: left;
    padding: 1%;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #f1f1f1;
    border: 1px solid #e1e1e1;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

    .adrates-info a {
        color: #8280c1;
    }

        .adrates-info a:hover {
            color: #aba9b7;
        }

    .adrates-info li {
        list-style: circle;
        position: relative;
        left: 15px;
        width: 93%;
        padding: 1%;
    }

.adrates-pricingBox-title {
    font-size: 150%;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.adrates-pricingBox-Price {
    color: #cc3399;
}

.adrates-selectButton {
    width: 100%;
    text-align: center;
    float: left;
    position: absolute;
    bottom: 5px;
}

.adrates-submit {
    width: 100px;
    padding: 10px 20px 10px 20px;
    font-size: 150%;
    background-color: #999ad7;
    color: #ffffff;
    border: none;
    border-radius: 30px;
    position: absolute;
    bottom: 0;
    right: 15px;
}

    .adrates-submit:hover {
        background-color: #a9abe5;
    }

.adrates-submitCentered {
    text-align: center;
    display: inline-block;
    width: 100px;
    padding: 10px 20px 10px 20px;
    font-size: 150%;
    background-color: #999ad7;
    color: #ffffff;
    border: none;
    border-radius: 30px;
    margin-top: 10px;
    margin-bottom: 5px;
}

    .adrates-submitCentered:hover {
        background-color: #a9abe5;
        color: #ffffff;
    }

/** *************************************** END OF Adrates *************************************** **/



/** *************************************** END OF Contact *************************************** **/

.contact-contactDetails {
    width: 100%;
    float: left;
    margin-top: 7px;
    margin-bottom: 7px;
    background-color: #e1e1e1;
    color: #484d50;
    padding-top: 7px;
    padding-bottom: 7px;
}

.contact-contactDetails-address {
    font-size: 125%;
    width: 40%;
    float: left;
    padding-top: 2px;
}

.contact-contactDetails-imageHolder {
    float: left;
    width: 10%;
    text-align: center;
}

    .contact-contactDetails-imageHolder img {
        width: 100%;
        max-width: 50px;
    }

.contact-contactDetails-telephone {
    font-size: 125%;
    width: 40%;
    float: left;
    padding-top: 2px;
}


/** **************************************** APP PAGE ******************************************************* **/

#app-display-container {
    float: left;
    width: 100%;
    margin-top: 1%;
}

#app-display {
    float: left;
    width: 70%;
}

#app-description {
    float: left;
    width: 30%;
}

#app-description p{
    float: left;
    margin-bottom: 10%;
}

    #app-description h1 {
        font-size: 125%;
        float: left;
        width: 100%;
    }

#app-description-features{
    display: inline-block;
    width: 100%;
}

#app-description-features li {
        list-style-type: disc;
        width: 95%;
        margin-left: 5%;
    }

#app-icon {
    float: left;
    padding-right: 3%;
}

.search-nearby-component {
    margin-left:3%;
    position: relative;
    min-width:178px;
    width: 28%;
    background: url(/graphics/app-promo/search-nearby.jpg) no-repeat;
}

.news-component {
    margin-left:3%;
    min-width:178px;
    width: 28%;
    background: url(/graphics/app-promo/news.jpg) no-repeat;
}

.whats-new-component {
    margin-left:3%;
    min-width:178px;
    width: 28%;
    background: url(/graphics/app-promo/whats-new.jpg) no-repeat;
}

.single-component {
    float: left;
    padding: 1%;
    height: 183px;
}

    .single-component h2 {
        line-height: 20px;
        margin-top: 8px;
        margin-left: 45px;
    }
    
    .single-component p{
        margin-top: 15px;
        font-size: 85%;
        max-width: 165px;
        padding-left: 3%;
    }

#app-components-container {
    width: 92%;
    height: auto;
    position: relative;
    float: left;
    padding: 4%;
}




/** ************************************* END OF APP PAGE ************************************************** **/


/** ************************************* CUSTOMER LOGIN ************************************************** **/

  .customerMainLink {
    padding: 15px;
    width: 32%;
    float:left;
    margin-top: 15px;
    margin-left: 1%;
    background-color: #f1f1f1;
    display: inline-block;
    box-sizing: border-box;
}

 .customerMainMenuLink{
     width: 98%;
      padding: 15px;
      background-color: #f1f1f1;
      margin-left: 1%;
      box-sizing: border-box;
 }

 .customer-logoutNav{
     width: 100%;
     background-color: #e1e1e1;
     margin-bottom: 10px;
     padding: 5px;
     box-sizing: border-box;
     float: left;
 }


  .customer-logoutNav a{
     font-weight: bold;
 }

  .customer-logoutNavLinks{
     float: right;
 }
  
   .teamTableCellLink{
      width: 3%;
      margin-right: 1%;
      color: #cc3399;
  }

    .teamTableCellLink a {
        float: right;
        color: #cc3399;
    }

        .teamTableCellLink a img {
            max-width: 20px;
        }

    .teamTableCellLink a:hover {
        color: #484d50;
    }

  .teamTableCell-name{
      width: 19%;
      margin-right: 1%;
      font-weight: normal;
  }

  .teamTableCell-role{
      width: 20%;
      margin-right: 1%;
      font-weight: normal;
  }

  .teamTableCell-email{
      width: 25%;
      margin-right: 1%;
      font-weight: normal;
  }

  .teamTableCell-telephone{
      width: 18%;
      margin-right: 1%;
      font-weight: normal;
  }

   .teamTableTitles{
       width: 98%;
        padding: 1%;
        float: left;
  }

    .teamTableDetails{
        width: 98%;
        padding: 1%;
        margin-bottom: 1%;
        float: left;
        border-bottom: 1px solid #484d50;
  }

.customer-galleryThumb{
    float: left;
    width: 170px;
    min-height: 100px;
    text-align: center;
}

    .customer-galleryThumb img {
        max-height: 85px
    }

.customer-galleryThumbContainer{
    float: left;
    height: 85px;
    max-height: 85px;
    width: 150px;
    margin-left: 5%;
    margin-top: 10px;

}

.customer-galleryDelete{
    float: left;
    width: 100%;
}

.uploadImage{
    float: left;
}

.customer-info{
    width: 94%;
    margin: 2%;
    padding: 1%;
    background-color: #f1f1f1;
    float: left;
    font-size: 90%;
}

.customer-info img{
    display: inline-block;
    float: left; 
    padding-right: 2%;
    max-width: 45px;
}

.customer-info-imageWrap{
    width: 8%;
    float: left;
    margin-right: 1%;
}

.customer-info-text{
    float: left;
    width: 90%;
}

.customerEdit-Product{
    margin: 0% 1% 1% 1%;
    padding-bottom: 1%;
    width: 98%;
    float: left;
    border-bottom: 1px solid #484d50;
}


.customerEdit-Products-number{
      width: 4%;
      margin-left: 1%;
      float: left;
  }

.customerEdit-Products-name{
      width: 49%;
      margin-left: 1%;
      float: left;
      font-weight: bold;
  }

.customerEdit-Products-order{
      width: 4%;
      margin-left: 1%;
      float: left;
  }

.customerEdit-Products-controls{
    margin-right: 1%;
      float: right;
  }


    .customerEdit-Products-controls a{
          color: #cc3399;
      }

        .customerEdit-Products-controls a img {
            max-width: 20px;
        }

.categories-Letter{
    font-size:300%;
    font-weight: bold;
    text-decoration: underline;
    width: 100%;
    display: inline-block;
    padding-bottom: 2%;
}

.categories-category{
    width: 34%;
    padding-left: 15%;
    display: inline-block;
}

  /** ************************************* END OF CUSTOMER LOGIN ************************************************** **/

/** *********************************************************************************************** **/
/** *********************************************************************************************** **/
/** *********************************************************************************************** **/
/** *********************************************************************************************** **/
/** *********************************************************************************************** **/
/** *********************************************************************************************** **/
/** *********************************************************************************************** **/
/** *********************************************************************************************** **/
/** *********************************************************************************************** **/
/** *********************************************************************************************** **/
/** *********************************************************************************************** **/
/** *********************************************************************************************** **/
/** *********************************************************************************************** **/




/** *************************** START OF MEDIA QUERIES ***************************** **/

@media only screen and (max-width: 1024px){
.equip-price{
    position: relative;
}

.commentInfo{
    width: 79%;
    width: calc(79% - 36px);
}

.listing_newsInfo{
    width: 78%;
}

}


@media only screen and (max-width: 994px) {

    .pageLinks-pagenumbers {
        width: 60%;
    }

    .slideshow-container {
        width: 73%;
    }

    .home_newsStory {
    min-height: 0;
    max-height: none;
}
}

@media only screen and (max-width: 971px) {
    .span_3_of_4 {
        width: 73%;
    }

}

@media only screen and (max-width: 970px) {
    .getListedButton {
        display: none;
    }

    .searchbar {
        width: 71%;
    }

    form {
        width: 100%;
    }

    .contact-submitButton {
        width: initial;
    }

    .span_2_of_4 {
        width: 96%;
    }

    .featuredinfo {
        width: 50%;
    }

    .span_1andhalf_of_4 {
        width: 72.5%;
    }

    .twitter {
        display: none;
    }

    .nav-collapse {
        display: none;
    }

    .defaultNewsSnippet {
        min-height: 0;
    }

    .defaultNewsHeadline {
        min-height: 0;
    }

    .listing-shareButton {
        margin-right: 3px;
    }

    .teamTableTitles{
        display: none;
    }

      .teamTableCell-name{
      width: 100%;
      float: left;
      font-weight: bold;
  }

      .teamTableCell-role{
      width: 100%;
      float: left;
  }

      .teamTableCell-email{
      width: 100%;
      float: left;
  }

    .teamTableCell-telephone{
          width: 70%;
          float: left;
      }

       .teamTableCellLink{
      width: 8%;
      float: right;
      margin-right: 2%;
  }

       .teamTableTitles{
      width: 40%;
      float: left;
  }

    .teamTableDetails{
        width: 96%;
        float: left;
  }
}

@media only screen and (max-width: 960px) {

    .listing-follow-us-buttons {
        width: 70%;
        margin-right: 0%;
        float: left;
        margin-left: 1%;
    }

    .listing-shareButton{
        width: 99%;
        margin-top: 0;
        margin-bottom: 1%;
        margin-right: 0;
    }

   
}

@media only screen and (max-width: 945px) {

    .footercolumn {
        width: 32%;
    }

    .footercolumn-social {
        margin-top: 2%;
        width: 32%;
    }


    .footer_address {
        margin-top: 0px;
    }

    .sponsors {
        float: left;
        width: 30%;
    }

    .appstore {
        float: left;
        margin-top: 2%;
    }

    .listing_newsInfo{
    width: 70%;
}
}


@media only screen and (max-width: 907px) {

    .icon {
        display: none;
    }

    #app-display {
    float: left;
    width: 100%;
}

#app-description {
    float: left;
    width: 100%;
}

#app-description p{
    margin-bottom: 3%;
}
#app-store-badge{
    margin-top: 5%;
    margin-bottom: 5%;
}

}

@media only screen and (max-width: 865px) {

    .vid {
        width: 45%;
    }

    .vid2 {
        width: 29%;
    }


    .defaultNewsSnippet {
        width: 64%;
    }

    .directory-cat {
        width: 97%;
    }

    .latestissue-Image {
        width: 100%;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #aba9b7;
    }

        .inThisIssue {
        width: 97%;
    }


        .inThisIssue img {
            width: 100%;
            max-width: 100px;
            float: left;
            border: 1px solid;
        }

    .inThisIssue-story1 {
        width: 99%;
    }

    .inThisIssue-story2 {
        width: 99%;
    }

    .inThisIssue-story3 {
        width: 99%;
    }


    .inThisIssue-storyInfo {
        float: left;
        font-size: 90%;
        font-weight: bold;
        width: 69%;
        padding-left: 1%;
        text-align: left;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
    }
}

@media only screen and (max-width: 845px) {

 
}

@media only screen and (max-width: 840px) {

    .listing-contact-details {
        width: 98%;
    }

    .sponsored_company_info {
        width: 70%;
    }

    .sponsored_company_link {
        width: 70%;
    }

    .directory {
        width: 73%;
    }

    .home_newsBorder{
        width: 73%;
    }

    .default-inputTitle{
        margin-left:2%;
        width: 90%;
    }

    .default-input{
        margin-left:2%;
        width: 90%;
    }
}

@media only screen and (max-width: 800px) {

    .icon {
        display: none;
    }

    .span_1_of_3 {
        float: none;
        width: 99%;
    }

    .halfwidth{
    width: 96%;
}

.listing-team-cat-name {
    width: 100%;
}

.listing-team-cat-role {
   width: 100%;
}

.listing-team-cat-email {
    width: 100%;
}

.listing-team-cat-telephone {
    width: 100%;
    text-align: left;
}

.listing-team-member-titles {
    display: none;
}

.listing-team-member {
    width: 98%;
    margin-left: 1%;
    margin-bottom: 1%;
    float: left;
    border-bottom: 1px dotted #484d50;
}

.listing-team-contact a {
    color: #999ad7;
}


}



@media only screen and (max-width: 768px) {
    .mainnav li img {
        float: left;
        margin-left: 0px;
        margin-right: 10px;
    }

    .mainnav li a{
        margin-top: 0;
        line-height: 33px;
    }

        .menubtn {
        display: block;
    }

}


@media only screen and (max-width: 750px) {
.listing-company-name {
        width: 98%;
        float: left;
        margin-top: 0;
        text-align: center;
}

.listing-logo-wrap {
    display: inline-block;
    width: 100%;
    text-align: center;
}
    
.logo-company-name-wrap{
    text-align: center;
}

}
@media only screen and (max-width: 712px) {

    .logo-wrap {
        width: 100%;
    }

    .logoformobile {
        display: inline-block;
        width: 100%;
    }

    .logo {
        display: none;
    }

    .searchbar {
        width: 100%;
    }

    .searchnav-tabs ul {
        margin-left: 0px;
    }

    .secondheader {
        width: 100%;
    }

    .sponsored_company_info {
        width: 65%;
    }

    .sponsored_company_link {
        width: 65%;
    }

    .inThisIssue a {
        display: inline-block;
        vertical-align: top;
        float: left;
    }

    .inThisIssue-storyInfo {
        font-size: 90%;
        font-weight: bold;
        margin: auto;
        text-align: left;
    }

    .main-content {
    max-width: 98%;
    width: 98%;
  
}

    .mpus{
        display: none;
    }

    .twitter_holder{
        display: none;
    }

}


@media only screen and (max-width: 700px) {

.customerEdit-Product{
    padding-top: 10px;
    padding-bottom: 10px;
}

.customerEdit-Products-number{
      width: 4%;
  }

.customerEdit-Products-name{
      width: 60%;
      margin-left: 1%;
  }

.customerEdit-Products-order{
      width: 3%;
  }

.customerEdit-Products-controls{
  }

.listing-products {
    width: 98%;
}

}

@media only screen and (max-width: 670px) {
    .pageLinks-pagenumbers {
        width: 50%;
    }
}

@media only screen and (max-width: 649px) {
.search-nearby-component {
    margin-left:1%;
}

.news-component {
    margin-left:1%;
}

.whats-new-component {
    margin-left:1%;
}

#app-components-container {
    padding-left: 1%;
}

}


@media only screen and (max-width: 600px) {

    form {
        display: inline-block;
    }

    input {
        display: inline-block;
    }

    .slideshow-container {
        width: 98%;
    }

    .span_3_of_4 {
        float: none;
        width: 98%;
    }

    .span_1andhalf_of_4 {
        float: none;
        width: 98%;
    }

    .span_1_of_4 {
        float: none;
    }

    .span_3_of_3 {
        margin-left: 1%;
        width: 98%;
        display: inline-block;
    }

    .span_2_of_3 {
        float: none;
        width: 98%;
    }

    .span_1_of_3 {
        float: none;
        width: 98%;
    }

    .aside {
        float: none;
        width: 98%;
    }

    #mostPopularDiv{
        display: none;
    }

    #industryNewsNew{
        margin-left: 1%;
        width: 98%;
    }

    .home_newsBorder {
        float: left;
        max-width: 98%;
    }
    .slideshow-container {
        float: left;
        max-width: 98%;
    }


    .categories {
        padding: 0;
    }

    .icon {
        display: block;
    }

    .newsicon {
        margin-top: 1%;
        margin-bottom: 1%;
        width: 98%;
        display: inline-block;
    }

    .latestissue {
        margin-left: 1%;
        width: 98%;
    }

    .twitter_holder {
        width: 100%;
    }

    .twitter {
        margin-top: 1%;
        margin-left: 1%;
        margin-right: 1%;
        display: block;
        width: 48%;
    }

    .exhibitions {
        width: 48%;
        vertical-align: top;
        margin-left: 1%;
        margin-top: 1%;
        float: left;
    }


    .featured {
        display: inline-block;
        width: 97%;
    }


    .vid {
        float: none;
        width: 44%;
    }

    .vid2 {
        float: none;
        width: 44%;
    }

    .directory {
        width: 99%;
    }


    .footercolumn-social {
        width: 49%;
    }

    .sponsors {
        float: left;
        width: 97%;
        margin: 3% 2%;
    }

    .contact-input {
        width: 56%;
    }

    .contact-inputTitle {
        width: 38%;
    }

    #industryNewsNew{
        width: 99%;
    }

    #newsDiv{
        height: auto;
    }

    #productionNews {
    width: 99%;
    margin-left: 1%;
}
    .contactdetailsTitle{
        width: 100%;
    }

    .listing-SocialButtons{
    width: 100%;
    padding-left: 0%;
    float: left;
    text-align: left;
    max-height: none;
}
    .listing-SocialButtons img{
        float: left;
        margin-bottom:3px;
    }

    .categoryTopNewsStoryImg{
    width: 100%;
}

.categoryTopNewsStoryImg img{
    max-width: 100%;
    width: 100%;
    height: 230px;
}

.categoryTopNewsStoryText{
    width: 98%;
}

.extNewsFeaturedMainImage{
    width: 98%;
    margin: 1%;
}

.extNewsFeaturedMainInfo{
    width: 98%;
}

.extNewsFeatured{
    display: inline-block;
    width: 98%;
    width: calc(98% - 2px);
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 1%;
    padding: 1%;
}

.extNewsFeaturedImage{
    width: 35%;
    float: left;
    margin-right: 1%;
}


.extNewsFeaturedInfo{
    width: 63%;
    padding: 0;
    max-height: 148px;
    min-height: 0;
}


}

@media only screen and (max-width: 581px) {
    .sponsored_company_info {
        width: 60%;
    }

    .sponsored_company_link {
        width: 60%;
    }

    
}


@media only screen and (max-width: 555px) {

    .mpopcat {
        width: 97%;
    }

    .pageLinks {
        width: 100%;
    }

    .pageLinks-pagenumbers {
        width: 45%;
    }

    .equipImage {
        width: 96%;
        float: left;
    }

    .showEquip img {
        width: auto;
    }

    .showEquip-detailsWrap {
        width: 96%;
    }

    .twitter {
        display: none;
    }

    .exhibitions {
        width: 98%;
    }

    .contact-contactDetails-address {
        width: 80%;
        margin-bottom: 15px;
        margin-left: 4%;
    }

    .contact-contactDetails-imageHolder {
        width: 15%;
    }

    .contact-contactDetails-telephone {
        width: 80%;
        margin-left: 4%;
    }

    .smallMap{
        width: 99%;
        padding-right: 0%;
        padding-left: 1%;
        text-align: center;
    }
   
    .commentImage{
        width: 60px;
        height: 60px;
    }

}



@media only screen and (max-width: 515px) {

    .searchnav-tabs {
        display: none;
    }

    .main-search-form {
        margin-left: 1%;
    }

    .companyList-companyInfo {
        width: 95%;
    }

    .companyList-logoLinkWrap {
        width: 100%;
        text-align: center;
    }

    .companyList-companyLogo {
        width: 98%;
    }

    .listing-contact-details-info {
        max-width: 97%;
    }

    .listing-contact-details-contact-wrap {
        width: 97%;
    }

    .listing-contact-details-opening-hours {
        width: 94%;
        border-top: 1px dotted #484d50;
        padding-top: 2%;
    }

    .listing-contact-details-address {
        width: 92%;
        max-width: 100%;
        border-top: 3px solid #cc3399;
        border-bottom: 3px solid #cc3399;
        padding-top: 2%;
        margin-left: 3%;
        height: auto;
    }

    .listing-average-rating {
        border-top: 1px dotted #484d50;
        margin-bottom: 2%;
    }





}

@media only screen and (max-width: 500px) {
    .sponsored_company_info {
        width: 98%;
    }

    .sponsored_company_link {
        width: 98%;
    }

    .sponsored_company_logo {
        max-width: 0;
        display: inline-block;
    }


    .job {
        width: 97%;
    }

    .showEquip-companyDetails {
        min-width: 0;
        width: 96%;
        text-align: left;
        margin-bottom: 3%;
    }

    .contact-input {
        width: 94%;
        padding-left: 2%;
    }

    .contact-inputTitle {
        width: 94%;
        padding-left: 2%;
    }

    .adrates-pricingBox{
        width: 98%;
        min-height:0;
    }

    .adrates-pricingBox-button{
        width: 98%;
        min-height:0;
    }

    .adrates-pricingBox-scategory{
        width: 98%;
        min-height:0;
    }

    .news-subscribe {
    margin-top: 0px;
}
    .commentImage{
        width: 40px;
        height: 40px;
    }

    .extNewsHalf{
    width: 98%;
    width: calc(98% - 2px);
    min-height: 0;
    max-height: none;
    margin-top: 5px;
    margin-bottom: 3px;
}

.extNewsHalf:nth-child(2n+1){
    float: left;
    margin-left: 0;
}

.extNewsRegion {
    width: 100%;
}


.newsRotateTitle span{
    display: none;
}

.newsRotateTitle{
    width: 10px;
}

#newsRotate{
    width: 90%;
    width: calc(100% - 20px);
}

}

@media only screen and (max-width: 465px) {
    .eventinfo {
        width: 98%;
    }

    .job {
        position: relative;
        width: 100%;
        margin: 0;
        display: inline-block;
        border-bottom: 1px solid #e1e1e1;
    }

    .jobTitle {
        display: inline-block;
        width: 98%;
        border: none;
    }

    .jobLocation{
        display: inline-block;
        width: 98%;
        border: none;
        text-align: left;
    }


    .salary {
        display: inline-block;
        width: 98%;
        border: none;
        text-align: left;
    }

    .location {
        display: inline-block;
        width: 98%;
        border: none;
    }

    .home_newsInfo {
    width: 65%;
}

    .listing_newsInfo{
    width: 65%;
}
}

@media only screen and (max-width: 458px) {

    .featuredinfo {
        width: 97%;
    }

    .HireCategories {
        width: 98%;
    }

    .HireCompanies {
        width: 98%;
    }

    .listing-logo-wrap {
        width: 98%;
        margin-left: auto;
    }



}

@media only screen and (max-width: 440px) {

    input {
        width: 85%;
    }

    .timedate {
        display: none;
    }

    .region {
        width: 99%;
        float: left;
        margin-top: 1%;
    }


    .single-component {
float: none;

}

   .search-nearby-component {
    margin: 0 auto;
    display: block;
}

.news-component {
    margin: 0 auto;
    display: block;
}

.whats-new-component {
    margin: 0 auto;
    display: block;
}
}

@media only screen and (max-width: 405px) {
    .sellHire-pageLinks a {
        float: right;
        display: inline;
    }

    .itemCount {
        float: left;
        display: inline;
        vertical-align: top;
    }

    .customerEdit-Products-number{
        width: 8%;
    }


    .customerEdit-Products-name{
        width: 45%;
    }

    .customerEdit-Products-order{
        width: 8%;
    }

    .DefaultRoundedCornerBox-image{
        width: 100%;
        max-width:100px;
        display: block;
        margin: 0 auto;
        max-height: 150px;
        float: none;
    }

  

    .DefaultRoundedCornerBox-info{
        width: 99%;
    }

    .archive-newsMoreLink {
    text-align: right;
    width: 99%;
    margin-top: 0px;
}

    .inThisIssue-storyInfo{
        width: 65%;
    }

}


@media only screen and (max-width: 390px) {

    .footercolumn-social {
        width: 97%;
    }

        .footercolumn-social li {
            width: 97%;
        }

    .companyList-companyInfo {
        width: 90%;
    }

    .defaultNewsSnippet {
        width: 54%;
    }

    .pageLinks-pagenumbers {
        width: 38%;
    }

    .vid2 img{
        width: 100%;
    }

       .main-search-input {
        width: 87%;
    }
}

@media only screen and (max-width: 350px) {

    .inThisIssue-story {
        margin-bottom: 2%;
    }

    .main-search-input {
        width: 86%;
    }
}

@media only screen and (max-width: 335px) {
                .inThisIssue-storyInfo{
        width: 53%;
    }
}

@media only screen and (max-width: 325px) {
    ul.tabs li a {
        padding: 0% 2% 0% 1%;
    }


    .vid-image-holder {
        max-height: 67px;
    }
}



@media only screen and (max-width: 320px) {

    .mpopcat li a {
        float: left;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .directory-main-cat {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .directory-sub-cat a {
        width: 99%;
        float: left;
        margin-top: 5px;
        margin-bottom: 5px;
    }

        .directory-sub-cat a::after {
            content: ",";
        }

    .footercolumn a {
        float: left;
        text-align: left;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .footer-holder a {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .twitter {
        display: none;
    }

    #mostPopularDiv{
        display: none;
    }

    .slideshow-container{
        display: none;
    }

    .main-search-input {
        width: 84%;
    }



}


/* ie6 and ie7 Specific Hacks */
@media,{

    .content{
        width: 1024px;
    }

    div {
	WIDTH: auto;
    height: auto;
}

    #newsDiv {
        width: 100%;
        float: left;
        max-width: 510px;
    }

    .slideshow-container {
        WIDTH: 512px !important;
        max-width: 512px;
        float: left;
    }

    .defaulttitle_generic {
    width: 98%;
    padding: 1%;
}



.most_popular{
    display: inline;
}

.mpopcat{
    width: 175px;
}
    .mpopcat li {
        float: left;
        margin: 3px 0px 3px 0px;
        width: 95%;
        line-height: 1;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 2%;
        width: 172px;
    }

    .main-content {
        width: 700px;
        display: inline;
    }

    .home_newsBorder {
    width: 100% !important;
    max-width: 512px;
    margin-left: 7px;
    margin-top: 7px;
    display: inline;
    border-left: 1px solid #aba9b7;
    border-right: 1px solid #aba9b7;
    border-top: 1px solid #aba9b7;
    line-height: 1.2;
    height: auto;
}

.home_newsStory {
    display: inline-block;
    padding-bottom: 0px;
    margin-bottom: 0;
    margin-top: 0px;
    color: #484d50;
    min-height: 88px;
    max-height: 88px;
    overflow: hidden;

}

    .latestissue-Image {
        float: left;
    }

    .directory-cat {
        float: left;
    }

    .defaulttitle {
        width: 98%;
    }

    .home_newsBorder {
        float: left !important;
        margin-bottom: 7px;
    }

    .home_newsStory {
        float: left !important;
        width: 100%;
    }

    .home_newsImage {
        width: 25% !important;
        float: left;
        margin-left:1%;
        display: inline-block;
    }

    .home_newsInfo {
        width: 68% !important;
        float: left !important;
    }

    .main-search-input {
    float: left;
    width: 88%;
    height: 24px;
    font-family: Calibri;
    font-weight: bolder;
    font-style: italic;
    font-size: 125%;
    padding: 8px 0px 8px 8px;
    color: #aba9b7;
    border: none;
    border-radius: 0px;
}

    .main-search-form button {
    margin-left: 0px;
    position: relative;
    height: 44px;
    width: 40px;
    padding: 10px;
 
}

    .DefaultRoundedCornerBox {
        width: 98%;
    }
    
    .defaulttitle_companies {
         width: 98%;
    }
    .listing-contact-details-contact-wrap {
        float: left;
    }
    .listing-contact-details-address {
        float: left;
    }

    body{
        width: 1024px;
        margin: auto;
        
    }

    .adrates-pricingBox {
    width: 46%;
    float: left;
}


    .adrates-pricingBox-scategory {
        width: 46%;
        float: left;
        min-height: 300px;
    }

.adrates-pricingBox-SOL {
    width: 96%;

}

.adrates-pricingBox-button {
    width: 46%;
    float: right;
    margin-left: 0;
    margin-right: 1%;
    min-height: 206px;
}

.adrates-pricingBox-emailBanner {
    width: 96%;
}

.adrates-info {
    width: 98%;
}

.vid2{
     display: inline;
     position: relative;
     float: left;
}

.content {
    padding-top: 15px;
}

.banner img{
    height: 90px;
    width: 728px;
}

.directory-cat-list a{
    display: inline;
    float: left;
}

.sponsored_link_img {
    display: inline;

}

.sponsored_link_img img{
    width:auto;
    height: auto;
}

.sponsored_company_link {
    display: inline;
}

.sponsored_company_logo {
    display: inline;
}



.sponsored_company_info {
    display: inline;
}

.jobTitle {
    display: inline;
    width: 43%;
}

.jobLocation {
    display: inline;
    width: 16%;

}

.salary {
    display: inline;
    width: 26%;
}

}


/* ie8 Specific Hacks */
@media \0screen {
    .content {
    padding-top: 15px;
}

}

.newsLinksHolder {
    margin: 20px 0px 20px 0px;
    padding: 5px;
    border: 1px solid;
    background-color: blanchedalmond;
    line-height: 1.3em;
}
.newsLinksTitle {font-weight: bold;
}
    .newsLinksHolder a {
        
    }