html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
}

h1{
    font-size: 100%;
    font-weight: normal;
}

h2{
    font-size: 100%;
    font-weight: normal;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

table td{
    vertical-align: top;
}

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

body {
    width: 100%;
    text-align: center;
}

a{
    color: #212121;
    text-decoration: none;
}

a:hover{
    color: #aba9b7;
}

.content{
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    background-color: #fff;
    display: inline-block;
    margin-bottom: 10px;
    padding-top: 45px;
}

.container{
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
}

.mainContainer{
    width: 68%;
    max-width: 68%;
    min-width: 68%;
    display: inline-block;
    float: left;
    max-width: 724px;
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 20px;
}

.mainContainerMobile{
    width: 98%;
    display: inline-block;
    float: left;
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 20px;
}

.mpus{
    width: 29%;
    max-width: 300px;
    float: right;
    padding-right: 1%;
}

.mpus img{
    width: 100%;
    max-width: 300px;
    margin-bottom: 7px;
}

.mpum{
    width: 98%;
    padding: 1%;
    text-align: center;
}


.footer {
  color: #ffffff;
  width: 100%;
  background-color: #212121;
  display: inline-block;
  min-height: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.footer a{
    color: #FFCC00;
}

.footer img{
    margin-right: 30px;
    max-width: 100%;
}

.terms{
    width: 98%;
    position: relative;
    padding-top: 1%;
    padding-bottom: 1%;
    display: inline-block;
    font-size: 80%;
    font-weight: bold;
    background-color: #e1e1e1;
    text-align: center;
}

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

.defaulttitle_generic {
    display: inline-block;
    width: 100%;
    background-color: #212121;
    font-family: Calibri;
    font-weight: normal;
    color: #ffcc00;
    font-size: 110%;
    padding: 5px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    * width: auto;/* IE 6 & 7 */
}

.defaulttitle_generic a{
    color: #ffcc00;
}

.defaulttitle_generic a:hover{
    color: #e1e1e1;
}


.defaultButton{
    padding: 3px 12px;
    display: inline-block;
    border-radius: 5px;
    font-size: 90%;
    font-weight: normal;
    color: #212121;
    vertical-align: top;
    cursor: pointer; cursor: hand;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2ad00+0,ffcb21+26,ffcd28+49,ffcb21+69,e2ad00+100 */
    background: #e2ad00; /* Old browsers */
    background: -moz-linear-gradient(top,  #e2ad00 0%, #ffcb21 26%, #ffcd28 49%, #ffcb21 69%, #e2ad00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2ad00), color-stop(26%,#ffcb21), color-stop(49%,#ffcd28), color-stop(69%,#ffcb21), color-stop(100%,#e2ad00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e2ad00 0%,#ffcb21 26%,#ffcd28 49%,#ffcb21 69%,#e2ad00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e2ad00 0%,#ffcb21 26%,#ffcd28 49%,#ffcb21 69%,#e2ad00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e2ad00 0%,#ffcb21 26%,#ffcd28 49%,#ffcb21 69%,#e2ad00 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e2ad00 0%,#ffcb21 26%,#ffcd28 49%,#ffcb21 69%,#e2ad00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2ad00', endColorstr='#e2ad00',GradientType=0 ); /* IE6-9 */

}

    .defaultButton i{
        margin-right: 8px;
        vertical-align: baseline;
    }

    .defaultButton a{
        color: #212121;
    }

    .defaultButton:hover{
        opacity: 0.8;
    }

    .defaultButton:hover a {
        color: #212121;
    }

.deleteButton{
    margin-top: 4px;
    padding: 6px 12px;
    display: inline-block;
    border-radius: 5px;
    font-size: 90%;
    font-weight: normal;
    vertical-align: top;
    cursor: pointer; cursor: hand;
        color: #ffffff;
    background-color: #d9534f;
    border-color: #d43f3a;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
        border: 1px solid transparent;

}

.deleteButton i{
        margin-right: 5px;
        vertical-align: baseline;
        font-size: initial;
    }

    .deleteButton:hover{
            color: #ffffff;
    background-color: #c9302c;
    border-color: #ac2925;
    }

    .deleteButton:hover a {
        color: #212121;
    }

.defaultFormHolder {
    display: inline-block;
    background-color: #f1f1f1;
    color: #212121;
    padding-top: 2%;
    padding-bottom: 1%;
    width: 100%;
    margin-bottom: 15px;
}

.defaultFormSection {
    padding-left: 2%;
    margin-top: 10px;
    margin-bottom: 7px;
    display: inline-block;
    width: 98%;
}

.defaultInputTitle {
    display: inline-block;
    width: 20%;
    font-size: 110%;
    vertical-align: top;
    float: left;
}

.defaultInput {
    display: inline-block;
    width: 70%;
}

    .defaultInput input {
        font-size: 100%;
        padding-top: 6px;
        padding-bottom: 6px;
        color: #484d50;
        width: 98%;
        display: inline-block;
        text-indent: 5px;
        box-sizing: border-box;
        background-color: cornsilk;
        border: 1px solid #aba9b7;
    }

    .defaultInput select {
        font-size: 100%;
        width: 98%;
        padding: 5px;
        color: #484d50;
        display: inline-block;
        line-height: 26px;
        text-indent: 5px;
        background-color: cornsilk;
        border: 1px solid #aba9b7;

    }


    .defaultInput textarea {
        font-size: 100%;
        padding-top: 6px;
        padding-bottom: 6px;
        color: #484d50;
        width: 98%;
        display: inline-block;
        box-sizing: border-box;
        background-color: cornsilk;
        border: 1px solid #aba9b7;
        /* text-indent: 5px; */
    }

    .defaultInput [type="checkbox"]{
        font-size: 100%;
        padding-top: 6px;
        padding-bottom: 6px;
        color: #484d50;
        display: inline-block;
        box-sizing: border-box;
    }

    .defaultInput [type="radio"]{
        width: auto;
        display: inline-block;
        box-sizing: border-box;
        margin-right: 20px;
    }

    .defaultInput placeholder {
        word-wrap: break-word;
    }

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

.defaultSubmitButton {
    padding: 20px 10px;
    margin-bottom: 7px;
    background-color: #ffcc00;
    border: 3px solid #212121;
    border-radius: 100%;
    font-size: 110%;
    color: #212121;
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
}

    .defaultSubmitButton:hover {
        background-color: #cfaa16;
    }

.searchBox{
  width: 73%;
  max-width: 525px;
  margin-left: 7px;
  margin-bottom: 7px;
  display: inline-block;
  float: right;
  border: 1px solid #212121;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.2;
}

.searchFormSectionLeft {
    margin-top: 3px;
    margin-bottom: 3px;
    display: inline-block;
    width: 35%;
    float: left;
}

.searchFormSectionRight {
    margin-top: 3px;
    margin-bottom: 3px;
    display: inline-block;
    width: 64%;
    float: right;
}


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

    .searchBoxInputLeft select {
        font-size: 80%;
        padding: 2px;
        color: #484d50;
        display: inline-block;
        line-height: 26px;
        background-color: cornsilk;
        width: 100%;
        margin-bottom:5px;
    }

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

.searchBoxInputRight select {
        font-size: 80%;
        padding: 2px;
        color: #484d50;
        display: inline-block;
        line-height: 26px;
        background-color: cornsilk;
        width: 100%;
        margin-bottom:5px;
}

.searchBoxInputRight option {
        max-width: 100%;
}

.searchBoxButton{
    font-size: 100%;
}


.formPrompt {
    color: #212121;
    font-weight: bold;
    margin-left: 1%;
}

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

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

.bigFontHeader{
    font-size: 125%; 
    font-weight: bold;
    display: inline-block;
}

.adHead{
    font-size: 150%;
    font-weight: bold;
}

.subTitle {
    margin: 10px 0px 10px 0px; 
    font-weight: bold; 
    font-size: 110%;
    color: #212121;
    background: #FFCC00;
    /*width: 98%;
    padding: 1%;
        Turn on if decide to use stitched look
    */
    width: 100%;
    width: calc(100% - 2px);
    text-align: center;
    display: inline-block;
}

.stitch{
   /*border: 1px dashed #212121;
        Turn on if decide to use stitched look
   */
   width: 98%;
   padding: 0.9%;/*change to 1% if decide to use stitched look*/
   border: 1px solid #212121;
   display: inline-block;
}

.greyStitch{
    width: 98%;
    padding: 1%;
    display: inline-block;
    /*border: 1px dashed #aba9b7; 
        Turn on if decide to use stitched look
    */
    border: 1px solid #aba9b7;
    padding-bottom: 60px;
}

.rounded{
    border-radius: 5px;
}

.dashedUnderline{
    border-bottom: 2px dashed #FFCC00;
}

.dashedBorder{
    border: 1px solid #212121;
}

.link a{
    text-decoration: underline;
}

.bold{
    font-weight: bold;
}

.italic{
    font-style: italic;
}

.center{
    text-align: center;
}

.yellow{
    background-color: #FFCC00;
}

.yellowLine{
    border-color: #ffcc00;
    border-style: solid;
}

.reallyLightGrey{
    background-color: #f1f1f1;
}

.borderTop{
    border-top: 1px solid #aba9b7;
}

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

.bottomBorderDashed{
    border-bottom: 1px dashed #212121;
}

.listContainer{
    background-color: #f1f1f1;
}

.col1of3{
    display: inline-block;
    width: 31%;
    padding: 1%;
    text-align: center;
    margin-bottom: 10px;
}

.star{
    color: #FFCC00;
    text-shadow: 1px 1px 1px #484d50;
}

.divideTopBot{
    margin-top: 1%;
    margin-bottom: 1%;
    border-top: 1px dotted #212121;
    border-bottom: 1px dotted #212121;
}

header {
    position: fixed;
    max-width: 3000px;
    color: white;
    width: 100%;
    background-color: #212121;
    overflow: hidden;
    height: 33px;
    z-index: 102;
    left: 0px !important;
}

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

.menubtn {
    display: none;
    max-width: 1024px;
}

  .menubtn.mobileNav:focus ~ .mainnav{
        display: block !important;
    } 


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

.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: #000;
    display: inline-block;
}

    .mainnav a {
        color: #FFCC00;
        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: #000;
    }

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


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

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

.navImage{
    float: left;
}

ul.socialnav{
    float: right;
    width: 15%;
    max-width: 120px;
    margin-right: 0;
}

ul.socialnav li{
    float: right;
}

ul.socialnav li a{
    margin-top: 0;
    margin-right: 2px;
}

.banner{
    text-align: center;
    margin-bottom: 8px;
    width: 100%;
}

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

.searchNav{
    background-color: #212121;
    width: 100%;
    display: inline-block;
}

.searchNavTabs ul {
  list-style-type: none;
  margin-left: 47%;
}

.searchNavTabs li {
  display: inline;
}

.searchNavTabs li a {
  font-size: 87.5%;
  float: left;
  color: #ffffff;
  text-decoration: none;
  background-color: #212121;
  padding: 0.5% 1%;
  margin-right: 0.5%;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

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

    .logoForMobile img {
        max-width: 500px;
        width: 100%;
    }

.logo{
  display: inline-block;
  width: 46%;
  margin-bottom: 0;
  margin-top: -3%;
  float: left;
  margin-left: 5px;
  margin-right: 6px;
}

.logo img{
    width: 100%;
}

.searchbar {
  float: left;
  width: 39%;
  min-height: 53px;
  position: relative;
}

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

.mainSearchInput {
    float: left;
    font-family: Calibri;
    font-weight: bolder;
    font-style: italic;
    font-size: 125%;
    padding: 8px 0px 8px 8px;
    color: #b5b5b5;
    border: none;
    border-radius: 0px;
    height: 24px;
}
input.mainSearchInput{
    width: calc(85% - 35px);
    padding-left: 35px;
    background-image: url(/images/magnifyingGlass.jpg);
    background-repeat: no-repeat;
    background-position: left;
}


.mainSearchForm button {
  margin-left: 0px;
  position: relative;
  height: 40px;
  width: 40px;
  background-color: #ffcc00;
  border: none;
  border-style: none;
  border-width: 0;
  color: #fafafa;
  padding: 5px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
      cursor:  pointer;
      font-size: 20px;
      font-weight: bold;
      text-shadow: #aba9b7 2px 2px 2px;
}

.mainSearchForm button:hover{
    background-color: #f8d86e;
}

.getListed {
  float: right;
  max-width: 153px;
  margin-top: -10px;
  margin-right: 1%;
}

.timedate {
  float: left;
  width: 100%;
  background-color: #212121;
  color: #ffffff;
  margin-top: 5px;
  font-size: 11px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 10px;
}

.date {
  float: left;
  width: 40%;
  padding-left: 5px;
}

.slogan {
  float: left;
  width: 53%;
}

/* Generic Styles */

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

.innerContainer{
    width: 98%;
    padding: 5px 1%;
    display: inline-block;
}

/* default.aspx */

.defaultSideContainer{
    width: 25%;
    display: inline-block;
    float: left;
}

.defaultContainer{
    width: 100%;
    width: calc(100% - 2px);
    display: inline-block;
    margin-bottom: 10px;
}

.mostPopular{
    width: 98%;
    width: calc(98% - 2px);
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 4px;
    margin-top: 5px;
    font-weight: bold;
    text-align: center;
    background-color: #FFCC00;
    border-radius: 5px;
    border: 1px solid #212121;
    line-height: 18px;
    display: inline-block;
    float: left;
}

.mostPopular a:hover{
    background-color: #ffe270;
}

.mostPopular:first-child{
    margin-top: 8px;
}

.mostPopular:last-child{
    margin-bottom: 0;
}

.mostPopular a{
    color: #212121;
    text-decoration: none;
    background-color: #FFCC00;
    display: inline-block;
    width: 98%;
    /* border: 1px dashed #212121;
        Turn on if decide to use stitched look
    */
    border-radius: 5px;
    line-height: 16px;
}

/* News Slider */

.slideshowContainer {
    height: 329px;
    width: 72.5%;
    float: right;
    background-color: #212121;
    margin: 0% 0 0 1%;
    padding: 0;
    text-align: left;
    border: 1px solid #aba9b7;
    display: inline-block;
    z-index: 1;
}

    .slideshowContainer 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;
        text-align: center;
    }

        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: #212121;
    opacity: 0.7 !important;
    padding: 3px 1px 0px 1px;
    z-index: 1;
    line-height: 190%;
    text-align: left;
}

    #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: 24px;
        }

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

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

/* News Slider End */

.homeNews{
  width: 73%;
  max-width: 525px;
  margin-left: 7px;
  margin-bottom: 7px;
  display: inline-block;
  float: right;
  border: 1px solid #212121;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 20px;
}

.homeNewsStory{
    border-bottom: 1px solid #212121;
    display: inline-block;
    float: left;
    width: 100%;
    border-bottom: 1px solid;
}

.homeNewsStory:last-child{
    border-bottom: none;
}

.homeNewsImage {
  display: inline-block;
  float: left;
  overflow: hidden;
  width: 28%;
  max-width: 120px;
  height: 90px;
  margin-right: 1%;
  margin-left: 1%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #484d50;
  background-size: cover; 
  background-position: center;
}

.homeNewsInfo {
  display: inline-block;
  float: left;
  width: 70%;
  padding: 5px 1%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
}

.homeNewsStory a {
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
}

.featuredProduct{
    float: left;
    display: block;
    width:31%;
}

.featuredProduct:hover{
    color: #aba9b7;
}
.featuredProduct:hover a{
    color: #aba9b7;
}


.featured {
    position: relative;
    vertical-align: top;
    width: 48%;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    padding: 1%;
    zoom: 1;
    *display: inline;
}

.featuredImage {
  display: block;
  float: left;
  width: 130px;
  max-height: 80px;
  margin-top: 7px;
  margin-left: 1%;
  margin-bottom: 7px;
  text-align: center;
}

.featuredImage img {
  width: auto;
  max-height: 80px;
  max-width: 100%;
}
.featuredInfo {
  display: inline-block;
  width: 52%;
  margin-left: 1%;
  margin-top:2%;
  float: left;
  line-height: 1;
}

.featuredInfoCompName{
    font-weight: bold;
}

.featuredInfoCompName a{
    /* JS Removed yellow underline*/
    /* text-decoration: underline #FFCC00;*/
}

    .featured:nth-child(2n+3) {
        margin-left: 0%;
    }

.featProdCustDet{
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    border-top: 1px dotted #212121;
    padding-top: 10px;
}

.featProdCustLogo{
    float: right;
    width: 50%;
    text-align: right;
}

.featProdCustAdd{
    width: 100%;
    display: inline-block;
    float: left;
    width: 49%;
}

.featProdCompName{
    width: 100%;
    display: inline-block;
    float: left;
    font-weight: bold;
    font-size: 110%
}

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

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

.divide {
    background-image: url("/images/bgDivider.jpg");
    background-repeat: repeat-y;
    background-size: contain;
}

    .divide .featured:nth-child(4) {
        border-top: 1px solid #aba9b7;
    }

    .divide .featured:nth-child(5) {
        border-top: 1px solid #aba9b7;
    }

     .divide .featured:nth-child(6) {
        border-top: 1px solid #aba9b7;
    }

    .divide .featured:nth-child(7) {
        border-top: 1px solid #aba9b7;
    }


/* subcategory.aspx */

.pad1{
    padding: 1%;
}

.margin1{
    margin: 1%;
}

.topSpace{
    margin-top: 10px;
}

.bottomSpace{
    margin-bottom: 10px;
}

.textright{
    text-align: right;
}

.textcenter{
    text-align: center;
}

.right{
    float: right;
}

.left{
    float: left;
}

.marginLeft{
    margin-left: 1%;
}

.marginRight{
    margin-right: 1%;
}

.fullWidth{
    width: 98%;
    width: calc(98% - 2px);
    display: inline-block;
}

.fullWidth img{
    max-width: 100%;
}

.fullWidthNoPad{
    width: 100%;
    width: calc(100% - 2px);
    margin-bottom: 10px;
    display: inline-block;
}

.fullWidthNoPad img{
    max-width: 100%;
}

.halfWidth{
    width: 46%;
    width: calc(47% - 2px);
    vertical-align: top;
    display: inline-block;
    *float: left;
}

.halfWidth:nth-child(odd){
    margin-right: 1%;
}

.halfWidth:nth-child(even){
    margin-left: 1%;
}

.defaultList {
    border: 1px solid #212121;
    border-radius: 5px;
    background-color: #f1f1f1;
    margin-bottom: 10px;

}

.defaultList a {
    font-weight: bold;
}

.defaultListImage{
    display: inline-block;
    width: 22%;
    max-width: 140px;
}

.defaultListImage img{
    max-width: 100%;
    max-height: 60px;
}

.defaultListInfoImage{
    float: left;
    display: inline-block;
    margin-right: 10px;
    margin-top: 2PX;
    min-height: 1px;
    width: 2%;
}

.defaultListInfo{
    float: left;
    display: inline-block;
    width: 73%;
    line-height: 130%;
}

.defaultPageNumbers{
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.prevLink{
    display: inline-block;
    margin-right: 30px;
}

.prevLink a{
    color: #cfaa16;
    font-weight: bold;
}

.nextLink{
    display: inline-block;
}

.nextLink a{
    color: #cfaa16;
    font-weight: bold;
}

.currentPageNumber{
    display: inline-block;
    margin-right: 30px;
}

.yellowLink{
    color: #cfaa16;
    font-weight: bold;
    padding: 1% 1% 1% 0;
    display: inline-block;
}

.ylPadL {padding-left: 10px;}

.jumpToPage form{
    display: inline-block;
}

.jumpToPage input[type="text"]{
    width: 20px;
    padding: 3px;
    margin-right: 10px;
    background-color: cornsilk;
    border: 1px solid #e1e1e1;
}

.jumpToPage input[type="submit"]{
    padding: 3px 12px;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #212121;
    font-size: 90%;
    font-weight: normal;
    color: #212121;
    vertical-align: top;
    cursor: pointer; cursor: hand;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2ad00+0,ffcb21+26,ffcd28+49,ffcb21+69,e2ad00+100 */
    background: #e2ad00; /* Old browsers */
    background: -moz-linear-gradient(top,  #e2ad00 0%, #ffcb21 26%, #ffcd28 49%, #ffcb21 69%, #e2ad00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2ad00), color-stop(26%,#ffcb21), color-stop(49%,#ffcd28), color-stop(69%,#ffcb21), color-stop(100%,#e2ad00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e2ad00 0%,#ffcb21 26%,#ffcd28 49%,#ffcb21 69%,#e2ad00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e2ad00 0%,#ffcb21 26%,#ffcd28 49%,#ffcb21 69%,#e2ad00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e2ad00 0%,#ffcb21 26%,#ffcd28 49%,#ffcb21 69%,#e2ad00 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e2ad00 0%,#ffcb21 26%,#ffcd28 49%,#ffcb21 69%,#e2ad00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2ad00', endColorstr='#e2ad00',GradientType=0 ); /* IE6-9 */
}

.jumpToPage input[type="submit"]:hover{
    opacity: 0.7;
}

.jumpToPage input[type="submit"]:focus{
    opacity: 1;
}

/* Listing */

.shareAndReview{
    width: 98%;
    padding: 1%;
    border-bottom: 2px dashed #ffcc00;
    display: inline-block;
}

.shareBtns{
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.fbShare{
    float: left;
    margin-right: 4px;
}

.twitterShare{
    float: left;
}

.overallReviews{
    float: right;
    vertical-align: middle;
}

.overallReviews img{
    vertical-align: middle;
    margin-left: 10px;
}

.compInfo{
    display: inline-block;
    width: 49%;
    float: left;
    margin-right: 2%;
}

.compInfoSection{
    width: 100%;
    display: inline-block;
    border-bottom: 1px dotted;
    padding-bottom: 2px;
    margin-bottom: 2px;
}

.compInfoSection:last-child{
    border-bottom: none;
}

.compInfoTitle{
    width: 26%;
    padding: 1%;
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
    font-weight: bold;
    vertical-align:top;
    float: left;
}

.compInfoTitleAddress{
    width: 98%;
    padding: 1%;
    display: inline-block;
    font-weight: bold;
    vertical-align:top;
    float: left;
}

.compInfoDetail{
    width: 70%;
    padding: 1%;
    display: inline-block;
    overflow: hidden;
}

.compTels {cursor: pointer;}

.compAddress {
    display: inline-block;
    width: 22%;
    float: left;
}

.compMap{
    display: inline-block;
    float: right;
    text-align: center;
}

.compAboutUs ul{
    list-style-type: disc;
    margin: 20px;
}

.compAboutUs iframe{
    max-width: 100%;
}

.compAboutUs a{
    text-decoration: underline;
}

.compAboutUs > .defaultButton{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.compAboutUs > .defaultButton a{
    text-decoration: none;
}

.compAboutUs img{
    max-width: 100%;
    width: auto;
    margin-right: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .compAboutUs table img{
     max-width: none;
 }
}

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

.pad img{
   margin: 0 10px 10px 0px;
}


.newProd ul li{
    list-style-position: inside;
    padding-left: 1em;
    margin-left: -1em;
}

.newProd img{
    margin-top: 10px;
    max-width: 100%;
}

.newProd table img{
    margin-top: 0;
    max-width: none;
}


/* News */

.newsHeadline{
    font-size: 300%;
    font-weight: bold;
    text-align: center;
}

.newsBody{
    line-height: 1.2;
    text-align: justify;
}

.newsBody p{
    margin-bottom: 5px;
}

.newsBody iframe{
    margin: 0 auto;
    display: block;
}

.latestNewsImageWrapper{
    display: inline-block;
    width: 15%;
    vertical-align: bottom;
    float: left;
    margin-right: 4px;
}

.latestNewsImage{
  overflow: hidden;
  max-width: 100px;
  height: 90px;
  margin-right: 1%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* border: 1px solid #484d50; */
  background-position: center;
  background-size: cover;
}

.latestNewsInfo{
    width: 82%;
    display: inline-block;
}

.latestNewsDate {
        font-size: 80%;
        font-weight: bold;
        color: #484d50;
        display: inline-block;
        margin-right: 1%;
        width: 12%;
    }

.latestNewsHeadline{
    display: inline-block;
    width: 86%;
}

.gm-style{
    width: 99.9% !important;
}

/* read More */

.read-more-state {
  display: none;
}

.read-more-target {
  max-height: 710px;
  transition: .25s ease;
  background-color: #f1f1f1;
  overflow: hidden;
}

.read-more-target-listing {
  max-height: 200px;
  height: auto;
  transition: .25s ease;
  overflow-y: scroll;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target, .read-more-state:checked ~ .read-more-wrap .read-more-target-listing {
  opacity: 1;
  display: inline-block;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: '↓ Show more';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: '↑ Show less ';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #FFCC00;
  background-color: #212121;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: 5px;
  float: right;
}

.read-more-trigger-listing {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #FFCC00;
  background-color: #212121;
  font-size: .9em;
  border: 1px solid #ddd;
  border-radius: 5px;
  float: right;
}

/*category spons */

.catSponsLinkImg {
    display: inline-block;
    max-width: 110px;
    width: 100%;
    margin-left: 1%;
    padding: 0.5%;
    text-align: center;
    float: left;
}

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

.catSponsCompanyLink a {
    font-size: 110%;
    font-weight: bold;
}

.catSponsLogo {
    display: inline-block;
    max-width: 110px;
    width: 100%;
    vertical-align: top;
    margin-left: 1%;
    padding: 0.5%;
    text-align: center;
    float: left;
}

.catSponsText{
    display: inline-block;
    width: 77%;
    margin-left: 2%;
    padding: 0.5%;
    float: left;
    padding-top: 0;
}


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

.catSponsText li {
    float: left;
    width: 45%;
    margin-left: 4%;
    margin-right: 1%;
    list-style-type: disc;
}

.fbp li{
    width: 95%;
}

/* adrates */

.adRates{
    /* width: 98%;
    padding: 1%;
        Turn on if decide to use stitched look
    */
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
    line-height: 1.1;
    float: left;
    position: relative;
}

.adrates-info {
    width: 100%;
    float: left;
    padding: 1%;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: cornsilk;
    border: 1px solid #e1e1e1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.adRates span{
    display: inline-block;
}

.adRatesHalfLeft{
    /* width: 47%;
    padding: 1%; 
        Turn on if decide to use stitched look
    */
    width: 49%;
    margin-bottom: 10px;
    display: inline-block;
    float: left;
    margin-right: 1%;
    line-height: 1.1;
    position: relative;
}

.adRatesHalfRight{
    /* width: 47%;
    padding: 1%; 
        Turn on if decide to use stitched look
    */
    width: 49%;
    margin-bottom: 10px;
    display: inline-block;
    float: right;
    margin-left: 1%;
    line-height: 1.1;
    position: relative;
}

.adRates ul, .adRatesHalfLeft ul, .adRatesHalfRight ul{
    list-style: inside;
    margin-top: 10px;
    margin-bottom: 10px;
}

.adrates-info li, .adRates li, .adRatesHalfLeft li, .adRatesHalfRight li{
    list-style-type: circle;
    margin-left: 20px;
    list-style-position: outside;
    margin-bottom: 5px;
}

.adRatesBoxHeader{
    width: 100%;
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 10px;
}

.adRatesHeader{
    width: 100%;
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 10px;
}

.adRatesPrice{
    color: #cfaa16; 
}

.adRatesButton{
    background-color: #212121;
    font-size: 120%;
    padding: 3px;
    display: inline-block;
    border-radius: 50px;
    max-width: 200px;
}

.adRatesButton:hover{
    background-color: #484d50;
}

.buttonStitch{
    border: 1px dashed #ffcc00;
    padding: 6px 25px;
    display: inline-block;
    border-radius: 50px;
}

.adRatesButton a{
    color: #ffcc00;
    font-weight: bold;
    font-size: 120%;
}

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

.adRatesMPU{height: 196px;}
.adRatesSH{height: 210px;}
.adRatesNewsIsland{height: 261px;}

/* contact page */

.contactIcon{
    display: inline-block;
    width: 20%;
    padding: 1%;
}

.contactInfo{
    display: inline-block;
    width: 68%;
    padding: 1%;
    font-size: 120%;
    vertical-align: top;
    line-height: 1.2;
}

/* Customer Login System */

.customerMessage{
    width: 95%;
    padding: 1%;
    background-color: hsl(77, 100%, 50%);
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    font-size: 150%;
    text-shadow: 1px 1px 1px #333;
}

.customerMessage i{
    margin-right: 10px;
}

.customerBoilerPlate { 
    text-align: right;
    background-color: #e1e1e1;
    width: 98%;
    margin-bottom: 10px;
    padding: 1%;
}

.customerBoilerPlate a{
    font-weight: bold;
}

.customerMainLink {
    padding: 2% 1%;
    width: 32%;
    float: left;
    margin-left: 1%;
    background-color: #2a2929;
    border: 1px solid #FFCC00;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
}

.customerMainLink img{
    border: 1px dashed #FFCC00;
    width: 99%;
}

.customerInstruction{
   background-color: #ffcc00;
   font-size: 90%;
   border-radius: 5px;
   width: 96%;
   padding: 2%;
}

.customerInstructionText {
    float: left;
    width: 90%;
}

.customerInstructionImage {
    width: 8%;
    float: left;
    margin-right: 1%;
}

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

.customerInfo {
    width: 94%;
    margin: 2%;
    margin-top: 0;
    padding: 1%;
    font-size: 90%;
}

.customerInfoImageWrap {
    width: 8%;
    float: left;
    margin-right: 1%;
}

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

.customerInfoText {
    float: left;
    width: 90%;
}

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

.customerEditProduct:last-child {
    border-bottom: none;
}

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

.customerEditProductControls{
    margin-right: 1%;
    float: right;
}

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

.customerEditTeam{
    margin-bottom: 0;
    border-bottom: 1px dashed #212121;
    line-height: 20px;
}

.customerEditTeam:last-child{
    border-bottom: none;
}

.customerEditTeamName {
    display: inline-block;
    vertical-align:top;
    width: 21%;
}

.customerEditTeamRole {
    display: inline-block;
    vertical-align:top;
    width: 17%;
}

.customerEditTeamEmail {
    display: inline-block;
    vertical-align:top;
    width: 35%;
    word-wrap: break-word;
}

.customerEditTeamPhone {
    display: inline-block;
    vertical-align:top;
    width: 16%;
}

.customerEditNews:last-child{
    border-bottom: none;
}

.customerEditNewsDate{
    display: inline-block;
    width: 15%;
}

.customerEditNewsHead{
    display: inline-block;
    width: 70%;
    font-weight: bold;
}

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

.customerGalleryThumbContainer {
    float: left;
    height: 85px;
    max-height: 85px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
}

.customerGalleryThumbContainer img {
    max-height: 85px;
}

.customerCaptionSection img{
    border: 2px solid #FFCC00;
}

.customerCaptionSection input{
    margin-left: 2%;
}
.customerCaptionSection textarea{
    margin-left: 2%;
}


#mainContent_ddDay {
    margin-top: 7px;
    max-width: 150px !important;
    margin-bottom: 7px;
}

#mainContent_ddTime1 {
    margin-top: 7px;
    max-width: 120px !important;
    margin-bottom: 7px;
}

#mainContent_ddTime2 {
    margin-top: 7px;
    max-width: 120px !important;
    margin-bottom: 7px;
}

.removebtn{
    display: inline-block;
    margin-left: 15px;
    content:"Remove";
    color: #e2ad00;
}


/* Listing */

.logoWrap {
    display: inline-block;
    width: 30%;
    float: left;
}

.listingLogo{
    display: inline-block;
    width: 100%;
    max-width: 220px;
}

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

.listingCompanyName{
    font-size: 250%;
    width: 70%;
    font-weight: normal;
    display: inline-block;
    text-align: right;
}

.listingContactDetailsTitle{
    display: inline-block;
    float: left;
}

.listingSocialButtons{
    display: inline-block;
    padding-left: 1%;
    float: right;
    text-align: right;
    max-height: 26px;
}

.listingSocialButtons img{
    margin-left: 5px;
    float: right;
}

.listingSocialButtons img:hover{
    opacity: 0.8;
}

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

.listingContactDetails-opening-hours {
    padding-right: 2%;
    padding-left: 1%;
    display: inline-block;
    float: left;
    width: 60%;
}

    .listingContactDetails-opening-hours a{
        color: #e2ad00;
        font-weight: bold;
    }

.listingContactDetails-opening-hoursToday {
    padding-left: 5px;
    display: inline-block;
    float: left;
    width: 99%;
}

.allOpeningHours {
    display: none;
}

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

.openingHoursDay{
    display: inline-block;
    float: left;
    width: 100px;
    font-weight: bold;
}

.openingHoursTime{
    display: inline-block;
    float: left;
    width: 140px;
}
.openingHoursOther{
      display: inline-block;
    float: left;
    width: 100px;
    font-weight: bold;
}



@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    40% {
        opacity: 0.3;
    }

    60% {
        opacity: 0.5;
    }

    80% {
        opacity: 0.9;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    40% {
        opacity: 0.3;
    }

    60% {
        opacity: 0.5;
    }

    80% {
        opacity: 0.9;
    }

    100% {
        opacity: 1;
    }
}

.listingMoreInfo{
    padding-left: 5px;
    display: inline-block;
    width: 98%;
}

.todayshours{
    display: inline-block;
    width: auto;
}

.todayshoursDay{
    display: inline-block;
    float: left;
}
.listingMoreInfo span{
    padding-left: 3%;
    display: inline-block;
}


.listingMoreInfo:active {
    border: none;
}

.listingMoreInfo:focus {
    outline: none;
    opacity: 0;
}

.listingMoreInfo:focus ~ .allOpeningHours {
    display: block;
    background-color: #ffffff;
    margin-top: 0px;
    padding-left: 1%;
    padding-right: 3%;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.7s;
    animation-name: fadeIn;
    animation-duration: 0.7s;
    max-width: 300px;
}

#moreInfoGone{
    cursor: pointer;
}

.reviewsContainer{
    background-color: #FFf;
}

.reviews {
    max-height: 400px;
    overflow-y: scroll;
    background-color: #fff;
    color: #212121;
}

.review{
    padding: 2%;
    padding-bottom:10px;
    width: 96%;
    margin-bottom:20px;
    text-align: justify;
    display: inline-block;
}

.review:nth-child(even){
    background-color: #e1e1e1;
}

.reviewTopRow{
  vertical-align: bottom;
  font-style: italic;
  color:#058ED1;
}

.reviewbottomRow{
  vertical-align: bottom;
  font-style: italic;
  color:#058ED1;
  width: 100%;
}

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

.reviewType{
    display: inline-block;
    margin-right: 10px;

}


.reviewerName{
    display: inline-block;
      font-size:115%;
      font-weight: bold;
}

.reviewDate {
    display: inline-block;
    line-height: 34px;
      padding-left: 10px;
      float: right;

}


.reviewText{
    display: inline-block;
    width:100%;
    margin-top:10px;
}

.reviewRating{
    width: 100%;
    text-align: right;
    display: block;
    font-size: 90%;
    font-style: italic;
}

.reviewReply{
    margin-top: 10px;
}

.reviewReplyImage{
    display: inline-block;
    width: 8%;
    vertical-align: top;
}

.reviewReplyImage img{
    max-width: 100%;
}

.reviewReplyText{
    display: inline-block;
    width: 88%;
    padding-left: 2%;
    padding-right: 1%;
}

.reviewReplyName{
    font-style: italic;
    color:#058ED1;
}

.reviewReplyreview{
    margin-top: 10px;
}

.listingNewsStory {
    margin-top: 15px;
    padding: 0px;
    width: 100%;
    text-align: justify;
}

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

.listingNewsHeadline{
    display: inline-block;
    font-weight: bold;
}

.listingNewsDate{
    display: inline-block;
}

.listingProducts {
    max-height: 200px;
    overflow-y: auto;
}

h3.listingProductsList{
        display: block;
    font-size: 100%;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: normal;
}

.listingProductsList{
    list-style: none;
    width: 48%;
    display: inline-block;
    float: left;
    padding: 1%;
}

.listingTeam{
    width:100%;
}

.listingTeamMemberTitles {
    margin-bottom: 1%;
    width: 100%;
    border-bottom: 2px solid #ffcc00;
}

.listingTeamMember {
    width: 100%;
    display: inline-block;
    border-bottom: 1px dotted #484d50;
}

.listingTeamMember:last-child {
    border-bottom: none;
}

.listingTeamName {
    width: 20%;
    margin: 1%;
    display: inline-block;
}

.listingTeamRole{
    width: 16%;
    margin: 1%;
    display: inline-block;
}

.listingTeamEmail{
    width: 39%;
    margin: 1%;
    display: inline-block;
    word-wrap: break-word;
    
}

.listingTeamPhone{
    width: 15%;
    margin: 1%;
    display: inline-block;
    text-align: right;
}

.listingVid{
    display: inline-block;
    padding: 1%;
    width: 98%;
    text-align: center;
}

.listingVid iframe{
    display: inline-block;
    padding: 1%;
    width: 98%;
    text-align: center;
}

.listingSocialFeeds li {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

#twitter-widget-0 {
    width: 100%;
}

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

.listingFacebookFeed{
    text-align: center;
}

.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 */
.listingSocialFeeds li:nth-child(1):nth-last-child(1) {
    width: 100%;
}

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

.listingSocialFeeds li:nth-child(2):nth-last-child(1) {
    width: 49% !important;
    float:right;
    max-width:342px;
}

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

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

#lightbox{
    display: none;
}

.lightbox_table{
    width:100%;
}

#lightboxImage{
    max-width: 100%;
    max-height: 80vh;
}

#map-canvas{
    height: 400px;
}

/* JOBS */

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

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

.salary {
    display: inline-block;
    float: right;
    width: 36%;
    padding: 1%;
    padding-top: 0;
    position: relative;
    vertical-align: bottom;
    text-align: right;
    padding-right: 0;
    font-weight: bold;
    color: #e2ad00;
}

.jobLocation {
    display: inline-block;
    width: 35%;
    text-align: right;
    padding: 1%;
    padding-top: 0;
    color: #63604e;
}

.jobSnip{
    display: inline-block;
}

/* Jobs */
.jobRow { 
    width:98%;
    padding: 1%;
    display: inline-block;
}

.jobField {
    float: left; 
    width: 23%; 
    font-weight: bold;
}

.jobValue {
    float:  left; 
    width: 75%;
}

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

/* Archive */

.archiveList{
    width:30%;
    display: inline-block;
    margin-right: 1%;
    text-align: center;
    font-size: 120%
}


.archiveList:nth-child(3n+1){
    margin-left: 2%;
    margin-right: 0;
}

.archiveYear{
    font-size: 150%;
}

/* Plant Section */

.plantHead{
    font-weight: bold;
    border-bottom: 2px solid #212121;
    background-color: #e1e1e1;
}

.plantItem{
    margin-bottom: 0;
    border-bottom: 1px dashed #212121;
    line-height: 20px;
}

.plantItem:last-child{
    border-bottom: none;
}


.plantProduct{
    width: 38%;
    min-height:1px;
    font-weight: bold;
}

.plantManufacturer{
    width: 28%;
    min-height:1px;
}

.plantModel{
    width: 18%;
    min-height:1px;
}

.plantHire{
    width: 3%;
    min-height:1px;
}

.plantSale{
    width: 3%;
    min-height:1px;
}

.plantYNTitle{
    display: none;
}

.plantDetailTitle{
    width: 20%;
    font-weight: bold;
    display: inline-block;
    float: left;
}

.plantDetail{
    width: 79%;
    display: inline-block;
    float: left;
}



/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
  padding: 3px 20px;
  display: inline-block;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #212121;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


/** App Page **/


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

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

#app-display img{
    max-width: 100%;
}

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

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

    #app-description h1 {
        font-size: 150%;
        float: left;
        width: 55%;
    }

#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: 5px;
    display: inline;
    max-width: 81px;
}


.app-store-badge {
    display: inline-block;
    width: 141px;
    margin-left: 2%;
    text-align: center;
}


.single-component {
    padding: 1%;
    width: 29.9%;
    border: 1px solid #212121;
    border-radius: 15px;
    margin-right: 1%;
    margin-bottom: 1%;
    min-height: 185px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    background-color: cornsilk;
}

    .single-component:last-of-type {
        margin-right: 0px;
    }


    .single-component i {
        float: left;
        margin-right: 3%;
        color: #212121;
        padding: 1%;
    }

    .single-component h2 {
        display: inline-block;
        line-height: 20px;
        margin-top: 8px;
        width: 100%;
        font-size: 120%;
        font-weight: bold;
            padding-left: 3%;
    }

    .single-component p {
        margin-top: 10px;
        font-size: 85%;
        padding-left: 3%;
    }

#app-components-container {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    position: relative;
    float: left;
    text-align: center;
}

.debugLog{
    border: 1px solid #212121;
    margin-top: 40px;
}

/********************************** MEDIA QUERIES **********************************/
@media only screen and (max-width: 970px) {
    .getListed {
        display: none;
    }

    .searchbar{
        width: 52%;
    }

    .compInfo {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #212121;
    }

    .compInfoSection {
    padding-bottom: 0px;
    margin-bottom: 0px;
    }

    .compInfoTitle {
    width: 100%;
    max-width: 125px;
}

    .compInfoDetail {
    width: 60%;
    padding: 1%;
}

    .compAddress {
    width: 50%;
    text-align: center;
}

    .compMap{
        width: 49%;
        display: inline-block;
        float: right;
        text-align: center;
    }

    .catSponsCompanyLink{
        width: 69%;
    }

    .catSponsText{
        width: 69%;
    }

    .defaultListInfo{
        width: 60%;
    }

    #app-display {
    width: 50%;
}
    #app-description {
    width: 50%;
}

   .app-store-badge{
       float: left;
   }

}

@media only screen and (max-width: 900px) {
    .featuredInfo {
    width: 100%;
    margin-left: 0;
    margin-top: 2%;
    }

    .featuredImage {
    display: block;
    float: left;
    width: 100%;
    margin-left: 0;
    }

    .latestNewsDate {
        margin-right: 0;
        width: 100%;
    }

    .latestNewsHeadline{
        width: 100%;
    }

.customerEditTeamName {
    width: 98%;
}

.customerEditTeamRole {
    width: 98%;
}

.customerEditTeamEmail {
    width: 98%;
}

.customerEditTeamPhone {
    width: 78%;
}

    #app-display {
    width: 100%;
    text-align: center;
}
    #app-description {
    width: 100%;
}
    #app-description p{
        margin-bottom: 10px;
    }

   .app-store-badge{
       float: right;
       margin-right: 1%;
       margin-left: 0;
   }


}

@media only screen and (max-width: 860px) {
    .single-component {
        width: 29%;
    }
}

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

    .listingTeamMemberTitles {
        display: none;
    }

    .listingTeamName {
        width: 98%;
        font-weight: bold;
    }

    .listingTeamRole {
        width: 98%;
    }

    .listingTeamEmail {
        width: 98%;
    }

    .listingTeamPhone {
        width: 98%;
        text-align: left;
    }

        .adRatesMPU{height: auto;}
.adRatesSH{height: auto;}
.adRatesNewsIsland{height: auto;}
}

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

    .slideshowContainer{
        width: 100%;
        width: calc(100% - 2px);
        float: none;
        margin: 0;
    }

    .homeNews{
        width: 100%;
        float: none;
        margin: 0;
        max-width: none;
    }

    .searchBox{
        width: 100%;
        float: none;
        margin-left: 0px;
        max-width: none;
    }

    .logo{
       margin-top: -0.7%;
    }


    .customerEditNewsDate{
        width: 70%;
    }

    .customerEditNewsHead{
        width: 70%;
    }

}


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

    .searchNavTabs ul {
        margin-left: 0px;
    }

    .logo{
        display: none;
    }

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

    .searchbar{
        width: 99%;
    }

    .mainSearchInput{
        width: 90%;
        margin-left: 1%;
    }

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

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

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

    .listingCompanyName {
    width: 98%;
    float: left;
    margin-top: 0;
    text-align: center;
}

        .catSponsCompanyLink{
        width: 60%;
    }

    .catSponsText{
        width: 60%;
    }

    .catSponsText li{
        width: 96%;
        margin-right: 0;
    }

    .viewbtn{
        margin-left: 2%;
    }

     .single-component {
        width: 92%;
        padding: 3%;
        min-height: 0;
        margin-bottom: 10px;
    }

     .single-component p, .single-component h2{
         padding-left: 0;
     }

     .compAboutUs div{
         width: 98% !important;
         padding: 1%;
     }

}

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

    .mainContainer{
        width: 98%;
    }

    .adRatesHalfLeft {
    width: 100%;
    float: left;
    margin-right: 0;
}
    .adRatesHalfRight {
    width: 100%;
    float: right;
    margin-left: 0;
}


    .mainSearchInput{
        width: 82%;
    }

}

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

    .jobTitle {
        width: 98%;
        padding: 1%;
        padding-top: 0;
    }

    .salary {
        width: 98%;
        padding: 1%;
        padding-top: 0;
        text-align: left;
        padding-right: 1%;
    }

    .jobLocation {
        width: 98%;
        padding: 1%;
        padding-top: 0;
    }

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


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

.defaultListImage img{
    max-width: 200px;
    max-height: 100px;
}

.defaultListInfoImage{
    float: left;
    display: inline-block;
    margin-right: 10px;
    margin-top: 2PX;
    min-height: 1px;
    width: 2%;
}

.defaultListInfo{
    float: left;
    display: inline-block;
    width: 73%;
    line-height: 130%;
}

.plantHead{
    display: none;
}

.plantItem{
    margin-bottom: 0;
    border-bottom: 1px dashed #212121;
    line-height: 20px;
    text-align: center;
}

.plantProduct{
    width: 98%;
    min-height: 0px;
}

.plantManufacturer{
    width: 98%;
    min-height: 0px;
}

.plantModel{
    width: 98%;
    min-height: 0px;
}

.plantHire{
    width: 98%;
    min-height: 0px;
}

.plantSale{
    width: 98%;
    min-height: 0px;
}

.plantYNTitle{
    display: inline-block;
    margin-right: 10px;
    text-decoration: underline;
}

.customerMainLink {
    width: 48%;
}

.featuredProduct{
    width: 98%;
    margin: 0;
    padding: 1%;
}

.featuredProduct:nth-last-of-type(2n){
    border-top: 1px solid #212121;
    border-bottom: 1px solid #212121;
    }
}

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

    .halfWidth{
        width: 100%;
        margin-bottom: 10px;
    }

    .halfWidth:nth-child(even){
        margin-left: 0;
    }

    .halfWidth:nth-child(odd) {
    margin-right: 0;
}

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

    .latestNewsImage {
        width: 150px;
        height: 100px;
        float: none;
        max-width: none;
        margin: 0 auto;
}
    .latestNewsInfo {
        width: 100%;
}

    .listingProductsList ul li{
        width: 98%;
    }

   .listingSocialFeeds li:nth-child(1):nth-last-child(2) {
    width: 100%;
    max-width: none;
    margin-bottom: 10px;
}
   .listingSocialFeeds li:nth-child(2):nth-last-child(1) {
    width: 100% !important;
    max-width: none;
    margin-bottom: 10px;
}
   .catSponsLinkImg{
       width: 100%;
       text-align: center;
       max-width: none;
   }

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

    .catSponsLogo{
        width: 100%;
        text-align: center;
        max-width: none;
    }

    .catSponsText{
        width: 100%;
    }



}


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

    .featured{
        width: 98%;
    }

    .featuredInfo {
    width: 58%;
    margin-left: 2%;
    margin-top: 2%;
}

    .featuredImage {
    width: 40%;
    margin-left: 0;
}

    .divide {
    background-image: none;
}

    .divide .featured{
        border-bottom: 1px solid #212121;
        border-top: none !important;
    }

    .divide .featured:last-child{
        border-bottom: none !important;
    }

    .searchNavTabs ul{
        margin-left: 3px;
    }

    .searchNavTabs li a {
    padding: 2% 1.7%;
    margin-right: 3px;
    font-size: 80%;
}

    .compInfoTitle {
    width: 26%;
    max-width: none;
}

    .compInfoDetail {
    width: 68%;
}

 .compInfoDetail {
    width: 68%;
}

    .compAddress {
    width: 100%;
    text-align: left;
}

    .compMap{
        width: 100%;
    }

    .customerGalleryThumb{
        width: 50%;
    }

    .searchFormSectionLeft {
    width: 100%;
    }

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


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

.searchBoxInputRight {
    width: 100%;
}

.searchBoxButton{
    float: none;
}

    #slideshow-caption .slideshow-caption-container{
        padding: 15px;
    }

    .footer a{
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .listingContactDetails-opening-hours {
    padding-right: 2%;
    padding-left: 1%;
    display: inline-block;
    float: left;
    width: 97%;
}

    .footer img{
    margin-right: 0px;
    max-width: 98%;
}

.topNav li:nth-child(1), .topNav li:nth-child(2), .topNav li:nth-child(3), .topNav li:nth-child(4), .topNav li:nth-child(5), .topNav li:nth-child(6){
   display: none;
}

.topNav li{
    margin-left: 10px;
    margin-right: 10px;
}

}


.connectCompanyAdCat {padding: 5px; border: 1px solid; background-color: #FFF2B5; margin-bottom: 15px; clear: both;}
.connectCompanyAd {padding: 5px; border: 1px solid; background-color: #FFF2B5; clear: both;}
.connectCompanyAdImg {float: left; margin-right: 10px;}
.connectCompanyAdtext {
font-size: 1.4em;
    font-weight: bold;
}

.connectCompanyAdtext a {
    color: navy;
}

.connectCompanyAdtext a:hover {
    color: red;
}