body, html {
    width: 100%;
    height: 100%;
    background:url(../final_images/bg_pattern.jpg) center top !important;
    -webkit-font-smoothing: antialiased !important;
    max-width: 100%;
}

#pagewrapper input[type="text"] {
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

#pagewrapper #gradient-banner {
    background: #133f91; /* Old browsers */
    background: -moz-linear-gradient(top,  #2153ad 0%, #133f91 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2153ad), color-stop(100%,#133f91)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2153ad 0%,#133f91 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2153ad 0%,#133f91 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2153ad 0%,#133f91 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2153ad 0%,#133f91 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2153ad', endColorstr='#133f91',GradientType=0 ); /* IE6-9 */
    font-family: 'Archivo Narrow', sans-serif !important;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    width: 100%;
    color: #ffffff;
    font-size: 46px;
    margin: auto;
    padding: 5px;
    padding-top: 20px;
    padding-bottom: 22px;
    text-transform: none;
    text-decoration: none;
    line-height: 1 !important;
    overflow: hidden !important;
    text-align: center !important;
    white-space: nowrap;
}

#pagewrapper #gradient-banner p {
    margin-bottom: 0px !important;
}

@media all and (max-width: 1222px) {
    #pagewrapper #gradient-banner {
        font-size: 40px;
        height: 80px;
        padding: 8px 10px 10px 10px !important;
    }
}

@media all and (max-width: 1110px) {
    #pagewrapper #gradient-banner {
        font-size: 34px;
        height: 70px;
        padding: 6px 10px 10px 10px !important;
    }
}

@media all and (max-width: 850px) {
    #pagewrapper #gradient-banner {
        font-size: 28px;
        height: 60px;
        padding: 4px 10px 10px 10px !important;
    }
}

@media all and (max-width: 750px) {
    #pagewrapper #gradient-banner {
        font-size: 22px;
        height: 40px;
        padding: 6px 10px 10px 10px !important;
    }
}

#pagewrapper h1,
#pagewrapper h2,
#pagewrapper h3,
#pagewrapper h4,
#pagewrapper h5,
#pagewrapper h6 {
    font-family: 'Archivo Narrow', sans-serif !important;
    color: #2153ad !important;
}

#pagewrapper #footer-img-div h1,
#pagewrapper #footer-img-div h2,
#pagewrapper #footer-img-div h3,
#pagewrapper #footer-img-div h4,
#pagewrapper #footer-img-div h5,
#pagewrapper #footer-img-div h6 {
    color: #ffffff !important;
}


#pagewrapper h4 {
    text-decoration: none !important;
    text-transform: none !important;
    font-weight: normal !important;
    font-size: 30px !important;
    margin-bottom: 15px !important;

    -webkit-margin-before: 0px !important;
    -webkit-margin-after: 15px !important;
    -webkit-margin-start: 0px !important;
    -webkit-margin-end: 0px !important;
}

#pagewrapper h3 {
    text-align: center;
    color: #2153ad !important;
    font-size: 30px !important;
    padding-bottom: 15px;
}

#pagewrapper #logo img {
    display: block;
    margin: 15px auto;
    max-height: 350px;
    max-width: 350px;
}

@media all and (max-width: 399px) {
    #pagewrapper #logo img {
        margin: 10px;
        width: 200px;
        height: 65px;
    }

    #pagewrapper div#header_unbordered div#gradient-banner p {
        font-size: 10px !important;
        padding: 10px !important;
        margin: auto !important;
        margin-top: -5px !important;
        padding-bottom: 15px !important;
    }

    #pagewrapper div#under_header_unbordered div.container p {
        margin-left: 10px;
        margin-right: 10px;
    }

    #pagewrapper h1 {
        font-size: 26px !important;
    }

    #pagewrapper h2 {
        font-size: 22px !important;
    }

    #pagewrapper h3 {
        font-size: 20px !important;
    }
}

#pagewrapper #footer-wrapper {
    margin: auto;
    display: inline-block;
    width: 1200px;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 25px;
    clear:both;
}

#pagewrapper #centerme #footer-wrapper #footer-left {
    display: block;
    width: 47%;
    text-align: left;
    height: 100%;
    margin-left: 15px;
    float: left;
    color: #808080 !important;
    font-weight: normal !important;
    -webkit-font-smoothing: antialiased !important;
}

#pagewrapper #centerme #footer-wrapper #footer-right {
    display: inline-block;
    width: 48%;
    text-align: left;
    margin-left: 38px;
    line-height: 1.25em !important;
    height: 100%;
    float: left;
}

#pagewrapper #centerme {
    text-align: center;
    margin: auto;
    background: #2153ad;
}

#pagewrapper #footer-img-div {
    background: url(../images/shadow-bottom.png) no-repeat center top !important;
}

#pagewrapper #centerme .centermelabel {
    width: 1200px;
    text-align: center;
    margin: auto;
    display: inline-flex;
}

#pagewrapper #centerme .centerme #lbl-left {
    position: relative;
    float: left;
    color: #ffffff;
    margin-bottom: 15px !important;
}

#pagewrapper #centerme .centerme #lbl-right {
    position: relative;
    float: right;
    color: #ffffff;
    margin-bottom: 15px !important;
}

#pagewrapper form {
    padding: 0px !important;
    margin: 0px !important;
    border-spacing: 0px !important;
}

#pagewrapper #centerme #footer-line {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 25px;
    width: 1200px;
    height: 1px;
    border-top: 1px solid #aaaaaa;
    border-top-style: inset;
    border-bottom: 1px solid #777777;
    border-bottom-style: inset;
    /* background: url(../images/divider_shadow_inset.png) no-repeat center top; */
}

.table-nav {
    z-index: 5 !important;
}

@media all and (max-width: 450px) {
    #pagewrapper #gradient-banner p{
        width: 100% !important;
        font-size: 14px !important;
    }

    #pagewrapper #under_header_unbordered .container p {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media all and (max-width: 1199px) {
    #pagewrapper #footer-wrapper {
        width: 98% !important;
        margin: 0px;
        padding-top: 10px !important;
        display: block;
        clear: both;
    }

    #pagewrapper #gradient-banner {
        width: 100% !important;
    }

    #pagewrapper #footer-left {
        width: 95% !important;
        float: left;
        display: block;
        clear: both;
        margin-left: 0px !important;
        margin-bottom: 15px !important;
    }

    #pagewrapper form input[type="submit"] {
        width: 27% !important;
        margin-right: 5% !important;
    }

    #pagewrapper .fields .field-fileupload {
        width: 65% !important;
    }

    #pagewrapper #choose-span {
        width: 25% !important;
    }

    #pagewrapper #centerme #footer-img-div #footer-wrapper #footer-right {
        width: 90% !important;
        float: none;
        margin-left: 0px !important;
        display: block;
        clear: both;
    }

    #pagewrapper .container .row .span12 .content {
        width: 100%;
    }

    #pagewrapper .product-div {
        width: 100%;
    }

    #pagewrapper #middle {
        width: 100% !important;
    }

    #pagewrapper .top-gallery {
        width: 100% !important;
    }

    #pagewrapper .basic-slideshow {
        width: 100% !important;
    }

    #pagewrapper .pageslideshow-container {
        width: 100% !important;
    }
}

@media all and (max-width: 530px) {
    #pagewrapper #middle .container h1 {
        font-size: 34px;
    }
}

@media all and (max-width: 1266px) {
    #pagewrapper #footer-wrapper {
        margin-left: 15px !important;
    }
}

/* redone to add small margin for border color to show.  the above method works better */
#pagewrapper .pagebox-wrapper {
    width: 31.33%;
    padding: 12px;
    height: 98%;
    margin: .5% !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0px 0px 5px #cccccc;
    -moz-box-shadow: 0px 0px 5px #cccccc;
    display: block;
    border: 1px solid #dddddd;
    margin-left: 2% !important;
    float: left;
    background: #ffffff !important;
}

#pagewrapper #middle_unbordered {
    padding-top: 0px !important;
}

@media all and (max-width: 750px) {
    #pagewrapper .pagebox-wrapper {
        height: auto !important;
    }
}

#pagewrapper .pagebox-wrapper p {
    line-height: 1.35em !important;
}

#pagewrapper .pagebox-wrapper:first-child {
    margin-left: .5% !important;
}

#pagewrapper #expand-search:hover {
    background: transparent !important;
}

#pagewrapper .search-in-nav:hover {
    background: transparent !important;
}

#pagewrapper #top_nav_morebetter .table-nav .scroller table tr td#expand-search:hover {
    background: transparent !important;
}

#pagewrapper #top_nav_morebetter {
    margin-top: 17px;
}

#pagewrapper textarea {
    width: 92.2% !important;
    border-radius: 0px !important;
    margin-bottom: 15px;
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    resize: none;
    height: 100px !important;
}

#pagewrapper input,
#pagewrapper textarea {
    font-family: Arial, Helvetica, sans-serif;
}

#pagewrapper .pagebox-wrapper .pagebox-title,
#pagewrapper .pagebox-list .pagebox-wrapper .pagebox-title,
#pagewrapper .pagebox-list .pagebox-wrapper .pagebox-title:visited {
    width: 100%;
    margin: auto;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal !important;
    color: #ffffff !important;
    font-size: 18px;
    padding: 10px 0px;
    margin-top: 12px;
    margin-bottom: 12px;
    display: block;

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

#pagewrapper .slideshow .pageslide.slide .ccm-page-list-description {
    line-height: 1.7em !important;
    font-size: 15px !important;
    padding-bottom: 5px !important;
}

#pagewrapper ul {
    padding: 0px !important;
}

#pagewrapper ul.pageslider {
    margin: 0px !important;
}

#pagewrapper #paginationbottom {
    z-index: 2;
    position: absolute;
    right: 0%;
}

#pagewrapper #paginationtop {
    z-index: 2;
    position: absolute;
    right: .6%;
    bottom: 98.6%;
}

#pagewrapper a:hover {
    text-decoration: none;
}

#pagewrapper .pagebox-list .pagebox-wrapper .pagebox-title:hover {
    text-decoration: underline;
    color: #ffffff;
}

#pagewrapper #middle #main_unbordered {
    box-shadow:inset 0px 0px 0px rgba(0,0,0,0);
}

#pagewrapper #middle #under_main_unbordered {
    background: #ffffff;
}

#pagewrapper .pagebox-list {
    text-align: center;
    margin: auto;
    margin-top: 15px;
    display: inline-block;
}

#pagewrapper .ml-spacer {
    background: url("../../../packages/theme_super_mint/blocks/mylab_spacer/images/shadow-bottom.png") no-repeat center top !important;
    height: 50px !important;
}

#pagewrapper #middle_unbordered {
    background: transparent !important;
}

#pagewrapper .logoslider {
    background: #ffffff;
}

#pagewrapper .slideshow-container {
    width: 100% !important;
    height: 150px;
}

#pagewrapper .slideshow-container .slideshow-viewport .slider {
    list-style: none;
    padding: 0;
    margin: auto;
}

#pagewrapper .slideshow-container .slideshow-viewport .slider .slide img {
    display: inline-block;
    background: #ffffff;
    margin: 0px 2.3%;
}

#pagewrapper .field-fileupload {
    margin-top: 45px;
}

#pagewrapper input[type="search"] {
    border: 1px solid #ce9357 !important;
}

#pagewrapper #centerme #footer-wrapper #footer-left .request-quote-form { width: 100%; font-family: 'Archivo Narrow', sans-serif !important; }
#pagewrapper #centerme #footer-wrapper #footer-left .request-quote-form { width: 100%; }
#pagewrapper #centerme #footer-wrapper #footer-left .request-quote-form input { width: 40%; }
#pagewrapper #centerme #footer-wrapper #footer-left .request-quote-form .fill-form { width: 83%; height: 100px; line-height: 1em; }

#pagewrapper .request-quote-form input[type="text"],
#pagewrapper .request-quote-form input[type="tel"],
#pagewrapper .request-quote-form input[type="email"],
#pagewrapper .request-quote-form input[type="password"],
#pagewrapper .request-quote-form textarea {border-radius:0;width:49% !important;box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:border-box;
    padding:.5em 1em !important;
    height:auto !important;}
#pagewrapper .request-quote-form textarea    {width:100% !important;}
#pagewrapper .request-quote-form input.odd   {margin-right:2%;}

#pagewrapper #centerme #footer-wrapper #footer-right p {
    color: #ffffff;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    text-transform: none;
    text-spacing: normal;
    font-size: 15px;
    line-height: 1.25em;
}

#pagewrapper #centerme #footer-wrapper #footer-right h5 {
    font-size: 25px;
    color: #ffffff;
    padding: 0px 0px 5px 0px;
    margin: 0px;
}

@media all and (max-width: 1199px) {
    #pagewrapper #centerme #footer-line-holder #lbl-right {
        color: #ffffff;
        position: absolute;
        display: block;
        left: 15px;
    }

    #pagewrapper #centerme #footer-line-holder #lbl-left {
        color: #ffffff;
        position: absolute;
        display: block;
        left: 15px;
        margin-top: 1.35em;
    }

    #pagewrapper #centerme #footer-line-holder {
        display: block;
    }

    #pagewrapper #footer-line-holder {
        margin-bottom: 55px !important;
    }
}

#pagewrapper #footer-line-holder {
    padding-top: 20px;
}

#pagewrapper .input-button-class {
    color: #ffffff;

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


/* width:45% !important */
#pagewrapper input[type="submit"] {
    border: 0px;
    color: #ffffff;
    height: 34px;
    margin-top: 45px;
    margin-left: 10px;
    -webkit-font-smoothing: antialiased !important;
    font-family: Helvetica Neue, Arial !important;
    font-weight: normal;
    font-size: 15px;


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





    /* new */
    width: 170px;
    float: right;
    margin-right: 30px;
}

#pagewrapper input[type="text"] {
    border: 0px;
}

#pagewrapper .fields {
    width: 100%;
}

#pagewrapper .field-textarea {
    color: #808080 !important;
}

#pagewrapper .fields .field {
    width: 49%;
    float: left;
    font-weight: normal;
    margin-right: -6px;
    margin-bottom: -1px;
    color: #808080 !important;
}

#pagewrapper .fields .field input {
    width: 90%;
    float: left;
    height: 28px;
    border-bottom-style: none;
    border-radius: 0px;
    color: #808080 !important;
}

#pagewrapper .fields .field:nth-child(9) input {
    width: 91%;
    height: 4em;
    clear: both;
    margin-bottom: 15px !important;
}

#pagewrapper .fields .field:nth-child(9) {
    width: 100%;
    height: 4em;
    float: left;
    margin-bottom: 15px !important;
}

#pagewrapper .fields .field:nth-child(10) input {
    color: #ffffff !important;
}

@-moz-document url-prefix() {
     #pagewrapper .fields .field:nth-child(10) input {
         color: #808080 !important;
     }
 }

#pagewrapper .fields .field:nth-child(10) input::-webkit-file-upload-button {
    visibility: hidden !important;
}

#pagewrapper #top_nav_morebetter .table-nav-mobile .scroller table tbody tr td a:hover {
    background: #f4af69 !important;
    color: #ffffff !important;
}

#pagewrapper .table-nav-mobile *[data-toggler] {
    background: url('../images/menu_icon.png') no-repeat center center #f4af69;
}

#pagewrapper .fields .field:nth-child(10) input:before {
    /*content: 'Choose';
    display: inline-block;*/
    height: 35px;
    padding-right: 10px;
    padding-left: 10px;
    overflow: hidden;



    outline: none;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
}

#pagewrapper #middle #core_wrapper {
    margin: auto;
    width: 1200px;
    display: block;
}

#pagewrapper #middle {
    height: 100% !important;
    min-height: 100% !important;
}

#pagewrapper #middle #core_wrapper #left_column_eq {
    float: left;
    width: 48%;
}

#pagewrapper #middle #core_wrapper #right_column_eq {
    float: left;
    width: 48%;
}

@media all and (max-width: 1199px) {
    #pagewrapper #middle #core_wrapper {
        margin: auto;
        width: 100%;
        display: block;
    }

    #pagewrapper #middle #core_wrapper #left_column_eq {
        float: left;
        width: 100%;
        margin: 5px;
    }

    #pagewrapper #middle #core_wrapper #right_column_eq {
        float: left;
        width: 100%;
        margin: 5px;
    }
}

#pagewrapper #middle {
    background: none !important;
}

#pagewrapper #middle #header_unbordered {
    background: none !important;
}

#pagewrapper #under_header_unbordered p {
    background: transparent !important;
}

#pagewrapper #under_header_unbordered {
    background: transparent !important;
}

#pagewrapper #under_header_unbordered .container p {
    font-size: 15px !important;
    line-height: 1.75em !important;
}

#pagewrapper #main_unbordered {
    background: none !important;
    margin-bottom: 72px !important;
    box-shadow: none !important;
}

#pagewrapper #under_main_unbordered {
    background: none !important;
}

#pagewrapper #middle #core_wrapper #left_column_eq {
    background: url(../final_images/bg_pattern.jpg) !important;
    margin-top: 20px;
    padding-left: 10px;
    margin-right: 5px;
    /* border: 2px solid #666666; */
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-corner-image: 15px;
    margin-bottom: 20px !important;
}

#pagewrapper .span12,
#pagewrapper .span12 .content,
#pagewrapper .span .content .padding {
    background: transparent;
    border: none;
    margin: 0px !important;
    padding: 0px !important;
    width: 100%;
}

#pagewrapper #middle #core_wrapper #right_column_eq {
    background: url(../final_images/bg_pattern.jpg) !important;
    margin-top: 20px;
    padding-left: 10px;
    margin-left: 5px;
    /* border: 2px solid #666666; */
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-corner-image: 15px;
    margin-bottom: 20px !important;
}

#pagewrapper #top #top_nav.top_nav {
    background: none !important;
}

#pagewrapper #top #top_nav.top_nav ul.nav li {
    width: 150px;
    background: none;
}

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

#pagewrapper #paginationtester,
#pagewrapper #paginationtester2 {
    float: right;
    margin-bottom: -9px;
    margin-right: 15px;
}

#pagewrapper #paginationtester #left-pager,
#pagewrapper #paginationtester2 #left-pager {
    color: #ffffff;
    padding-right: 12px;
    padding-left: 12px;
    padding-top: 7px;
    padding-bottom: 7px;

    margin-right: -5px;

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

#pagewrapper hr {
    max-width: 1170px;
}

#pagewrapper #left-pager:hover{ cursor: pointer; }
#pagewrapper #right-pager:hover{ cursor: pointer; }

#pagewrapper #paginationtester #right-pager,
#pagewrapper #paginationtester2 #right-pager {
    color: #ffffff;
    font-family: Helvetica Neue, Arial;
    padding-right: 12px;
    padding-left: 12px;
    padding-top: 7px;
    padding-bottom: 7px;

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

#pagewrapper #paginationbottom #left-pager,
#pagewrapper #paginationtop #left-pager {
    color: #ffffff;
    font-family: Helvetica Neue, Arial;
    padding-right: 12px;
    padding-left: 12px;
    padding-top: 7px;
    padding-bottom: 7px;

    margin-right: -5px;

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

#pagewrapper #paginationbottom #right-pager,
#pagewrapper #paginationtop #right-pager {
    color: #ffffff;
    font-family: Helvetica Neue, Arial;
    padding-right: 12px;
    padding-left: 12px;
    padding-top: 7px;
    padding-bottom: 7px;

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

#pagewrapper #top_nav_morebetter .table-nav .scroller table {
    width: 100%;
    text-align: center;
}

#pagewrapper #top_nav_morebetter .table-nav .scroller table tr td.nav-selected,
#pagewrapper #top_nav_morebetter .table-nav .scroller table tr td:hover {
    background: #f4af69; /* Old browsers */
    background: -moz-linear-gradient(top, #f4af69 0%, #ce9357 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4af69), color-stop(100%, #ce9357)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4af69 0%, #ce9357 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4af69 0%, #ce9357 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4af69 0%, #ce9357 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f4af69 0%, #ce9357 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4af69', endColorstr='#ce9357', GradientType=0); /* IE6-9 */
}

#pagewrapper #top_nav_morebetter .table-nav .scroller table tr td:hover a {
    color: white;
}

#pagewrapper #top_nav_morebetter .table-nav .scroller table tr td.nav-selected a {
    color: white;
}

#pagewrapper #top_nav_morebetter .table-nav .scroller table tr td {
    color: #ce9357;
    font-size: 14px;
    text-transform: uppercase;
    border-left: 1px solid #bbbbbb;
}

#pagewrapper #top_nav_morebetter .table-nav .scroller table tr td a {
    color: #ce9357;
    display: block;
    padding: .5em 1em;
    font-family: 'Archivo Narrow', sans-serif;
    font-weight: bolder;
    letter-spacing: 1.5px;
    font-size: 14px;
}

#pagewrapper table, #pagewrapper td {
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

#pagewrapper #top_nav_morebetter .table-nav .scroller table tr td:first-child {
    border: none;
}

#pagewrapper .center {
    max-width: 1170px;
    margin: 0 auto;
}

#pagewrapper #expand-search input[type=search] {
    background: #fff url(../images/icon_search.png) no-repeat 3px center !important;
}

#pagewrapper .search-in-nav:hover {
    background: transparent !important;
}

#pagewrapper #top_nav_morebetter .table-nav .scroller table tr td.search-in-nav:hover {
    background: transparent !important;
}

#pagewrapper #top_nav_morebetter .table-nav .scroller table tr td form {
    background: transparent !important;
}

#pagewrapper #fixed-top {
    z-index: 0 !important;
}

#pagewrapper {
    font-family: Helvetica Neue, Arial !important;
    color: #888888;
    font-size: 14px;
    text-decoration: none !important;

}

#pagewrapper .subnav {
    position: absolute;
    z-index: 2;
    display: none;
    width: 100%;
}

#pagewrapper .subnav-anchor {
    position: relative;
}

#pagewrapper .table-nav td:hover .subnav {
    display: block;
}

#pagewrapper .subnav ul li {
    list-style: none;
}

#pagewrapper .subnav ul {
    padding: 0px;
    margin: 0px;
    background: #ce9357;
}

#pagewrapper .subnav ul li:hover {
    background: #f4af69;
}

#pagewrapper .pageslideshow-viewport {
    overflow: hidden !important;
}

#pagewrapper .pageslide {
    float: left !important;
}

/* slideshow responsivity */
@media all and (max-width: 750px) {
    #pagewrapper .pageslider .pageslide .pagebox-wrapper {
        width: 70% !important;
        margin-left: 15% !important;
        margin-right: 15% !important;
    }

    #pagewrapper .pageslider .pageslide .pagebox-wrapper:nth-child(2) {
        margin-left: 15% !important;
        margin-right: 15% !important;
    }

    #pagewrapper #paginationtop {
        margin-right: 15% !important;
        bottom: 100%;
    }
}

#pagewrapper .field-fileupload {
    width: 63% !important;
}

#pagewrapper #choose-span {
    width: 26%;
    display: block;
    float: right;
    color: #ffffff !important;
    border: 0px;
    text-align: center;
    line-height: 34px !important;
    font-size: 15px;
    padding-left: 2px;
    font-family: Arial, Helvetica, sans-serif;

    cursor: pointer !important;

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

#pagewrapper #choose-input {
    cursor: pointer !important;
    display: block;
    width: 70%;
    position: relative;

    /*new*/
    background: #ffffff;
}

#pagewrapper .success {
    width: 94%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    padding-top: .5em;
    padding-bottom: .5em;
    margin-bottom: 10px;

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

@media all and (max-width: 600px) {
    #pagewrapper #choose-span {
        width: 24.8% !important;
    }
}

#pagewrapper #middle #main_unbordered .container .row .span12 {
    margin-left: 20px !important;
}
@media all and (max-width: 1205px) {
    #pagewrapper #middle #main_unbordered .container .row .span12 {
        margin-left: 0px !important;
    }
}

@media all and (max-width: 471px) {
    #pagewrapper form input[type="submit"] {
        width: 70% !important;
        margin-left: 15% !important;
        margin-right: 15% !important;
        margin-bottom: 15px !important;
        margin-top: 10px !important;
    }

    #pagewrapper .fields .field-fileupload {
        width: 93.5% !important;

    }

    #pagewrapper #footer-left {
        margin-bottom: 15px !important;
    }

    #pagewrapper .fields .field {
        width: 100%;
    }

    #pagewrapper textarea {
        width: 90% !important;
    }
}

#pagewrapper div.uploadBox a { /* hide the stock file upload button */
    display: none;
}

#pagewrapper .logo-rapper {
    width: 16.5%;
    float: left;
}

#pagewrapper div#rsidebar-sidebar.span4 textarea,
#pagewrapper div#rsidebar-sidebar.span4 input {
    border: 1px solid #cccccc !important;
}


#pagewrapper div#rsidebar-sidebar.span4 textarea {
    border-radius: 5px !important;
}

#pagewrapper .request-quote-form .custom-file-input  {
    width:70%;
}

#pagewrapper .request-quote-form .custom-file-input input#choose-input {
    width:69% !important;
    float:left;
}

#pagewrapper .request-quote-form .custom-file-input  #choose-span {
    margin: auto !important;
    float: left;
    width:30%;
}

#pagewrapper .request-quote-form .custom-file-input input[type="submit"] {
    border: 0px !important;
    color: #ffffff !important;
    width: 160px !important;
    float: left;
    border-radius: 5px !important;
    margin: 0px !important;
    padding: 0px !important;
}


#pagewrapper .request-quote-form .formBlockSubmitButton {
    width: 28% !important;
    margin:0 !important;
    float: right;
    padding: 0px !important;
    color:#fff !important;
    margin-top:-44px !important;
    line-height:34px !important;
}

#pagewrapper div.content div.padding div.pageSection input[type="text"] {
    border: 1px solid #808080 !important;
}

#pagewrapper div.content div.padding div.pageSection input[type="submit"] {
    width: 150px !important;
    float: none;
    margin-top: -12px;
}

#pagewrapper div#rsidebar-sidebar input#choose-input {
    margin: 0px !important;
    width: 100% !important;
}

#pagewrapper div#rsidebar-sidebar #choose-span {
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    margin-top: 10px !important;
    padding: 0px !important;
    width: 100% !important;
}

#pagewrapper div#rsidebar-sidebar input[type="submit"] {
    color: #ffffff !important;
    border: none !important;
    width: 85% !important;
}

#pagewrapper #searchResults .searchResult h3{
    text-align: left;
}

#pagewrapper #centerme .centermelabel {
    width: 100%;
}

#pagewrapper #top_nav_morebetter div.table-nav-mobile .scroller table tr td {
    border-left: none !important;
    border-bottom: 1px solid #eee;
}

@media all and (max-width:499px) {
    #pagewrapper .span8 table tbody,
    #pagewrapper .span8 table tbody tr,
    #pagewrapper .span8 table tbody tr td {
        display: block;
    }
}
