@import "normalize.css";
section,
div,
header,
nav,
footer,
img,
span,
p,
a {
    outline: solid #ff0000 0px
}
li {
    outline: solid #123456 0px
}
body {
    font-family: Arial, sans-serif;
    color: #333333;
    font-size: 100%
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #003b5c
}

/*TEST l.ine*/
.wrap {
    width: 100%;
    float: left
}
.row {
    width: 100%;
    padding: 2.5%;
    clear: both
}
ul,
ol {
    margin: 0px;
    padding: 0px
}
.clear {
    clear: both
}
img {
    max-width: 100%
}
.visuallyhidden {
    border: 0 !important;
    clip: rect(0 0 0 0);
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}
a:link {
    color: #4e87a0
}
a:visited {
    color: #4e87a0
}
a:hover {
    color: #003b5c
}
#my_popup,
#dimensions,
#help {
    max-width: 44em;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    display: none;
    margin: 1em;
    background-color: #ffffff;
    padding: 3em
}
#my_popup h2,
#dimensions h3,
#help h3 {
    margin-top: 0px
}
#my_popup p,
#dimensions p,
#help p {
    line-height: 1.5em;
    font-size: 0.9em
}
#dimensions img {
    margin-top: 15px
}
#my_popup .my_popup_close,
#dimensions .dimensions_close,
#help .help_close {
    float: right;
    padding: 5px;
    display: block;
    background-color: #003b5c;
    border: 1px solid #003b5c;
    border-radius: 5px;
    moz-border-radius: 5px;
    color: #ffffff;
    text-align: center
}
#my_popup .my_popup_close:hover,
#dimensions .dimensions_close:hover {
    background-color: #ffb81c;
    color: #003b5c;
    text-decoration: none
}
header {
    border-bottom: 4px solid #003b5c
}
footer {
    background-color: #003b5c;
    min-height: 125px;
    padding-bottom: 10px;
    border-top: 4px solid #fbb913
}
.footeraddress {
    color: #ffffff;
    text-align: center;
    padding: 10px
}
.content {
    float: left;
    width: 100%;
    padding-bottom: 15px;
    padding-top: 20px
}
.mainbody {
    border-top: 4px solid #fbb913
}
.strapline {
    float: left;
    color: #003b5c
}
a.logout {
    float: right;
    display: block;
    background-color: #003b5c;
    border: 1px solid #003b5c;
    color: #ffffff;
    padding: 10px;
    text-decoration: none
}
a.logout:hover {
    text-decoration: none;
    color: #003b5c;
    background-color: #ffb81c
}
a.cartlink {
    float: right;
    display: block;
    width: 6em;
    background-color: #003b5c;
    color: #ffffff;
    border: 1px solid #003b5c;
    padding: 10px;
    margin-right: 10px;
    text-decoration: none;
    text-align: center
}
a.cartlink:hover {
    text-decoration: none;
    color: #003b5c;
    background-color: #ffb81c
}

 .cookie ol,
    .cookie ol li ol{
    	margin-left: 20px;
    	padding-left:20px;
    	list-style-type: decimal;
    }
.cookie ol li {
    	padding-bottom:15px;
    }



/* MOQ */

.main .minqty {
    margin-top: 10px;
    text-align: right;
}

.main #MainContent_lblMin,
.main #MainContent_lblMinQuantity,
.main #MainContent_lblMin1,
.main #MainContent_lblMinPrice,
.main #MainContent_lblMinOrder,
.main #MainContent_lblMinOrderCart {
    padding-top: 10px;
    font-size: 1em;
    color: #ff0000;
    font-weight: bold;
}
.main #MainContent_lblMinFree {
    display: block;
    font-size: 1em;
    color: #ff0000;
    font-weight: bold;
    margin-top: 5px;
}
.main .redtext {
    font-size: 1em;
    color: #ff0000;
    font-weight: bold;
}


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



    table {
        width: 100%
    }
    thead {
        display: none
    }
    tr:nth-of-type(2n) {
        background-color: inherit
    }
    tr td:first-child {
        background: #cccccc;
        font-weight: bold;
        font-size: 1.3em
    }
    tbody td {
        display: block;
        text-align: center
    }
    tbody td:before {
        content: attr(data-th);
        display: block;
        text-align: center;
        font-size: 1.2em;
        font-weight: bold;
        margin-bottom: 5px
    }
    body {
        font-size: 0.9em
    }
    .row {
        width: 300px;
        padding: 0 10px;
        margin: 0 auto;
        clear: both
    }
    .twothirds {
        width: 100%
    }
    .third {
        width: 100%
    }
    .main {
        width: 100%
    }
    .half {
        padding-left: 2%;
        padding-right: 2%;
        width: 100%;
        float: none
    }
    #my_popup,
    #dimensions,
    #help {
        max-width: 80%;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        display: none;
        margin: 1em;
        background-color: #ffffff;
        padding: 3em
    }
    .navigation {
        display: none
    }
    .breadcrumb {
        float: right !important;
        font-size: 0.8em !important;
        margin-bottom: 10px;
        color: #7F7F7F
    }
    .main h1 {
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
        color: #003b5c;
        border-bottom: 1px solid #4e87a0
    }
    .main h2 {
        margin: 0;
        padding: 0;
        margin-bottom: 10px
    }
    .welcome {
        font-weight: bold;
        padding-top: 6px;
        margin-bottom: 10px;
        padding-left: 2%
    }
    .red {
        color: #ff0000
    }
    a.logo {
        height: 70px;
        width: 100%;
        float: left;
        background-repeat: no-repeat;
        background-position: left center;
        display: block;
        background-size: 100%;
        margin: 10px
    }
    .uk {
        background-image: url(../images/vel.png)
    }
    .us {
        background-image: url(../images/vsi.png)
    }
    .strapline {
        font-size: 1.2em;
        width: 70%;
        margin-top: 30px;
        float: left;
        font-weight: bold;
        margin-bottom: 35px
    }
    .hhalf {
        width: 100%;
        float: left
    }
    .hhalf .margin {
        margin-top: 4px
    }
    .hhalf .tel-no {
        display: block;
        float: right;
        font-size: 0.8em;
        font-weight: bold;
        padding: 8px;
        width: auto
    }
    .hhalf .email {
        display: block;
        float: right;
        font-size: 0.8em;
        font-weight: bold;
        padding: 8px
    }
    .hhalf .google {
        display: block;
        clear: both;
        width: 200px;
        text-align: center;
        margin: 0 auto
    }
    .hhalf .google select {
        padding: 4px
    }
    #MainContent_Register,
    #MainContent_ForgotPass,
    #MainContent_terms {
        display: block;
        margin: 2.5%;
        padding: 1.5%;
        background-color: #003b5c;
        font-size: 2em;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px
    }
    #MainContent_termsLogin {
        padding: 5px;
        width: auto;
        background-color: #97999b;
        display: inline-block;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px
    }
    #MainContent_terms {
        font-size: 1.5em
    }
    #MainContent_Register:hover,
    #MainContent_ForgotPass:hover,
    #MainContent_terms:hover,
    #MainContent_termsLogin:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_lblError {
        color: #ff0000;
        display: inline-block;
        margin-bottom: 10px;
        font-weight: bold
    }
    .display-box {
        clear: both
    }
    .display-box .title {
        display: block;
        width: 100% padding: 6px
    }
    .display-box .text-input {
        width: 100%
    }
    .display-box .text-input input {
        padding: 5px;
        width: 100%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .display-box .text-input input:focus,
    .display-box .text-input select:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .display-box .error-alert {
        display: block;
        color: #ff0000;
        width: 100%;
        padding: 6px
    }
    .display-box .text-input select {
        width: 100%;
        padding: 5px;
        border: 1px solid #003b5c
    }
    .display-box #MainContent_Submit {
        width: 100%;
        padding: 5px;
        background-color: #003b5c;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        margin-bottom: 15px
    }
    .display-box #MainContent_Submit:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .display-box #MainContent_RegSubmit,
    .display-box #MainContent_btnChangePassword {
        width: 100%;
        padding: 5px;
        background-color: #003b5c;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px
    }
    .display-box #MainContent_RegSubmit:hover,
    .display-box #MainContent_btnChangePassword:hover {
        background-color: #ffb81c;
        color: #003b5c;
        margin-top:10px;
    }
    .main h1.pricing-delivery {
        font-size: 1.75em;
        padding-left: 2%;
        border-bottom: 0
    }
    .main h3.landing-drop {
        padding-left: 2%
    }
    .main a.content-link {
        display: block;
        text-decoration: none;
        padding: 3%;
        margin-bottom: 10px;
        color: #333333;
        border: 1px solid #8db9ca;
        min-height: 115px
    }
    .main a.content-link:hover {
        background-color: #003b5c;
        color: #ffffff
    }
    .main a.content-link:hover h3 {
        color: #ffffff
    }
    a.content-link h3 {
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
        color: #003b5c
    }
    .main #blockScreen {
        float: left;
        margin-left: 10px
    }
    .main #blockScreen .blockScreenLoader {
        margin-top: -16px
    }
    .main #MainContent_lblQuery {
        display: block;
        float: right;
        font-size: 0.8em;
        margin-top: 10px
    }
    .main .search input#MainContent_chkShowStock {
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5)
    }
    .main .search #MainContent_lblShowStock {
        float: left;
        margin-left: 10px;
        width: 70px;
        font-size: 0.9em
    }
    .main .search input#MainContent_SearchField {
        float: left;
        width: 100% !important;
        padding: 5px;
        margin-bottom: 10px
    }
    .main .search input#MainContent_SubmitBtn {
        float: left;
        margin-left: 10px;
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        width: 50%
    }
    .main .search input#MainContent_SubmitBtn:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search .info {
        clear: both;
        font-size: 0.8em;
        margin-top: 10px;
        margin-bottom: 10px
    }
    .main #MainContent_lblAlert {
        display: block;
        margin-top: 15px;
        font-weight: bold;
        color: #ff0000
    }
    .main .search-results table {
        width: 100%
    }
    .main .search-results table#MainContent_SearchResults thead th,
    .main .search-results table#MainContent_SearchResultsAll thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_SearchResults thead th.header.headerSortUp,
    .main .search-results table#MainContent_SearchResultsAll thead th tr .headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_SearchResults thead th.header.headerSortDown,
    .main .search-results table#MainContent_SearchResultsAll thead th tr .headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_SearchResults td,
    .main .search-results table#MainContent_SearchResultsAll td {
        padding: 1%;
        text-align: center;
        font-size: 0.8em
    }
    .main .search-results table#MainContent_SearchResults a,
    .main .search-results table#MainContent_SearchResultsAll a {
        display: block
    }
    .main .search-results table#MainContent_SearchResults td a,
    .main .search-results table#MainContent_SearchResultsAll td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_SearchResults td a:hover,
    .main .search-results table#MainContent_SearchResultsAll td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .add-basket #MainContent_lblError {
        color: #ff0000
    }
    .main a#MainContent_imgGuaranteed {
        float: right;
        width: 100px;
        height: 100px;
        background-image: url("http://www.vulcan-eng.com/brochurepages/Images/guaranteed.jpg")
    }
    .main a#MainContent_imgGuaranteed:hover {
        background-image: url("http://www.vulcan-eng.com/brochurepages/Images/guaranteed.jpg")
    }
    .label-head {
        float: left;
        width: 100%
    }
    .product-image,
    .pricing {
        float: left;
        width: 100%
    }
    .pricing table#MainContent_PricingDetail {
        width: 100%
    }
    .main .pricing table#MainContent_PricingDetail th {
        background-color: #F5F5F3;
        padding: 2%;
        text-align: center;
        border-bottom: 1px solid #DEDED8
    }
    .main .pricing table#MainContent_PricingDetail td {
        padding: 2%;
        text-align: center;
        border-bottom: 1px solid #DEDED8
    }
    .label-head span {
        display: block;
        padding-bottom: 6px
    }
    .label-head #MainContent_btnProdEdit,
    .label-head #MainContent_btnProdAdd {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        padding: 5px
    }
    .label-head #MainContent_btnProdEdit:hover,
    .label-head #MainContent_btnProdAdd:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_ViewAlts {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 75%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: right;
        margin-top: 10px;
        text-align: center
    }
    #MainContent_ViewAlts:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    a.help_open {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        display: block;
        font-size: 1em;
        float: right;
        margin-top: 10px;
        text-align: center
    }
    a.help_open:hover {
        text-decoration: none
    }
    a.cta-form {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 20px;
        text-align: center;
        text-decoration: none
    }
    a.cta-form:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    a.enq-form {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 100%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 10px;
        text-align: center;
        text-decoration: none
    }
    a.enq-form:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .acc_container {
        margin: 0 0 0px;
        padding: 0;
        overflow: hidden;
        font-size: 0.9em;
        padding-left: 15px;
        padding-right: 15px;
        clear: both
    }
    .acc_container .block {
        padding: 0px;
        margin-top: 20px
    }
    .acc_container .block p {
        padding: 0% 0;
        margin: 2% 0
    }
    .acc_container textarea#MainContent_Comments {
        width: 100% !important;
        padding: 1%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .acc_container textarea#MainContent_Comments:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .acc_container input#MainContent_SendEmail {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        padding: 5px
    }
    .acc_container input#MainContent_SendEmail:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .enquire {
        width: 100%
    }
    .enquire h3.title {
        width: 50%;
        float: left;
        margin: 0;
        padding: 0;
        margin-right: 10%;
        padding-top: 5px
    }
    .enquire .sect {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .enquire input[type=text] {
        width: 35%;
        padding: 5px;
        float: left;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .enquire input[type=text]:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .acc_container input#MainContent_btnEnquire {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        padding: 5px
    }
    .acc_container input#MainContent_btnEnquire:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_lblEnquireAlert {
        display: inline-block;
        padding: 10px;
        color: #24B700;
        font-size: 1.5em
    }
    .main #MainContent_lblBrochure {
        float: left
    }
    a.brochurelink {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 100%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 20px;
        text-align: center;
        text-decoration: none
    }
    a.brochurelink:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    a.dimensions_open {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 100%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 20px;
        text-align: center;
        text-decoration: none
    }
    a.dimensions_open:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    #MainContent_lblFurtherInfo {
        width: 100%
    }
    .stock-levels .stock-avail,
    .stock-levels .stock-qty {
        background-color: #F5F5F3
    }
    .stock-levels .stock-avail,
    .stock-levels .stock-qty,
    .stock-levels .stock-label,
    .stock-levels .stock-value {
        padding: 5px;
        float: left;
        width: 50%;
        line-height: 2.5em;
        border-bottom: 1px solid #DEDED8
    }
    .stock-levels .stock-label {
        clear: left
    }
    .stock-levels .stock-qty {
        height: 83px
    }
    .stock-levels .stock-value:nth-child(8) {
        height: 83px
    }
    .stock-levels .stock-label:last-child,
    .stock-levels .stock-value:last-child {
        height: 83px
    }
    .history {
        width: 20%;
        float: left;
        margin-top: 20px
    }
    .add-basket {
        width: 100%;
        float: none;
        text-align: right;
        clear: both
    }
    .highlight {
        border: 1px solid #ff0000 !important
    }
    .history input#MainContent_Return,
    .add-basket input#MainContent_AddToBasket {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px
    }
    .history input#MainContent_Return:hover,
    .add-basket input#MainContent_AddToBasket:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .add-basket #MainContent_txtQuantity {
        margin-top: 20px;
        width: 25%;
        padding: 8px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .add-basket #MainContent_txtQuantity:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .add-basket input#MainContent_AddToBasket {
        padding: 25px;
        margin-top: 15px
    }
    .add-basket #MainContent_lblAddedToCart {
        display: block;
        font-size: 1.5em;
        float: right;
        margin-top: 10px;
        color: #24B700
    }
    #MainContent_lblNewProductTitle,
    #MainContent_lblNewProductShortDesc,
    #MainContent_lblNewProductLongDesc {
        display: inline-block;
        padding: 5px
    }
    #MainContent_txtShortDesc,
    #MainContent_txtProduct,
    #MainContent_txtLongDesc {
        width: 50%;
        padding: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    #MainContent_txtShortDesc:focus,
    #MainContent_txtProduct:focus,
    #MainContent_txtLongDesc:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    #MainContent_btnProductDelete,
    #MainContent_btnProductSave {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px
    }
    #MainContent_btnProductDelete:hover,
    #MainContent_btnProductSave:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_ShoppingCartView th,
    .main .search-results table#MainContent_ShoppingCartMinOrder th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        color: #ffffff;
        width: 100%
    }
    .main .search-results table#MainContent_ShoppingCartView td,
    .main .search-results table#MainContent_ShoppingCartMinOrder td {
        padding: 3%;
        text-align: center;
        font-size: 0.9em;
        width: 100% !important
    }
    .main .search-results table#MainContent_ShoppingCartView a,
    .main .search-results table#MainContent_ShoppingCartMinOrder a {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px;
        font-size: 1em;
        text-decoration: none
    }
    .main .search-results table#MainContent_ShoppingCartView a:hover,
    .main .search-results table#MainContent_ShoppingCartMinOrder a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_ShoppingCartView input[type=text],
    .main .search-results table#MainContent_ShoppingCartMinOrder input[type=text] {
        padding: 5px;
        width: 25%;
        text-align: center
    }
    .main #MainContent_lblCartAlert {
        display: inline-block;
        color: #ff0000;
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: bold
    }


    .main #MainContent_lblCartTotal,
    #MainContent_lblSubTotal {
        display: inline-block;
        font-size: 1.2em;
        float: right;
        margin-top: 10px;
        color: #000000;
        margin-right: 3%;
        text-decoration: none
    }
    .main #MainContent_PlaceOrder {
        padding: 5px;
        width: 100%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        margin-top: 15px;
        text-align: center;
        text-decoration: none
    }
    .main #MainContent_PlaceOrder:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main .manage-add {
        clear: both;
        margin-bottom: 10px
    }
    .main .manage-add #MainContent_btnManageAddress {
        float: right;
        width: 50%;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main .manage-add #MainContent_btnManageAddress:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .address {
        width: 100%;
        padding: 5px;
        float: left;
        margin: 0.5%;
        font-size: 0.9em;
        border: 1px solid #cccccc
    }
    .main .address-block {
        height: 200px
    }
    .main .address input {
        margin-bottom: 10px;
        padding: 5px;
        width: 80%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        margin: 0 auto;
        text-align: center
    }
    .main .address input:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .address .delbutton {
        margin-bottom: 10px;
        padding: 5px;
        float: right;
        width: 25%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 1px;
        text-align: center
    }
    .main .address span {
        display: block;
        padding: 2px
    }
    .main .ReturnToAdd {
        width: 100%;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-bottom: 15px;
        text-align: center;
        text-decoration: none
    }
    .main .ReturnToAdd:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .add-address ul {
        margin-bottom: 10px
    }
    .main .add-address ul li {
        margin-bottom: 7px;
        width: 100%;
        display: block
    }
    .main .add-address ul li span {
        float: left;
        width: 40%;
        padding-top: 5px
    }
    .main .add-address ul li input {
        float: left;
        width: 60%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        padding: 5px
    }
    .main .add-address ul li select {
        padding: 3px;
        float: left;
        width: 60%;
        margin-right: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .main .add-address ul li input:focus,
    .main .add-address ul li select:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .add-address #MainContent_btnSubmitAddress {
        margin-left: 25%;
        width: 60%;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main .add-address #MainContent_btnSubmitAddress:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main ul#MainContent_RlCarriage {
        margin-bottom: 10px
    }
    .main ul#MainContent_RlCarriage li {
        padding: 3px
    }
    .main ul#MainContent_RlCarriage li input {
        margin-right: 5px
    }
    .main input#MainContent_OrderReview {
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main input#MainContent_OrderReview:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_lblNoCarriage {
        display: block;
        margin-top: 15px;
        font-weight: bold;
        color: #ff0000
    }
    .main a#MainContent_EditAddress,
    .main #MainContent_EditDelivery {
        margin-bottom: 10px;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center;

        text-decoration: none
    }
    .main a#MainContent_EditAddress:hover,
    .main #MainContent_EditDelivery:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_SubmitOrder {
        padding: 5px;
        width: 100%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center;
        margin-bottom: 40px
    }
    .main #MainContent_SubmitOrder:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main #MainContent_txtOrderNo {
        padding: 5px;
        width: 100%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .main #MainContent_txtOrderNo:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .add-address ul li select {
        padding: 3px;
        float: left;
        width: 25%;
        margin-right: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .main .add-address ul li input:focus,
    .main .add-address ul li select:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .contact-us #MainContent_Comments {
        padding: 5px;
        margin-bottom: 10px;
        width: 100%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .contact-us #MainContent_Comments:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .contact-us #MainContent_SendEmail {
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        text-align: center;
        padding: 8px;
        float: right
    }
    .contact-us #MainContent_SendEmail:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main .search-results table#MainContent_CycloneSeps {
        width: 100%
    }
    .main .search-results table#MainContent_CycloneSeps thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_CycloneSeps thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_CycloneSeps thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_CycloneSeps td {
        padding: 1%;
        text-align: center;
        font-size: 0.8em
    }
    .main .search-results table#MainContent_CycloneSeps a {
        display: block
    }
    .main .search-results table#MainContent_CycloneSeps td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_CycloneSeps td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_ddlKamlock {
        padding: 3px;
        width: 160px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .main #MainContent_ddlKamlock:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .search-results table#MainContent_grdKamlocks {
        width: 100%
    }
    .main .search-results table#MainContent_grdKamlocks thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_grdKamlocks thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_grdKamlocks thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_grdKamlocks td {
        padding: 1%;
        text-align: center;
        font-size: 0.8em
    }
    .main .search-results table#MainContent_grdKamlocks a {
        display: block
    }
    .main .search-results table#MainContent_grdKamlocks td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_grdKamlocks td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .search .spacer span {
        display: inline-block;
        width: 100%
    }
    .search #MainContent_ddlManu,
    .search #MainContent_ddlPumpModel {
        padding: 3px;
        width: 100%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .search #MainContent_ddlManu:focus,
    .search #MainContent_ddlddlPumpModel:focus,
    .search #MainContent_SearchField:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .search #MainContent_SearchField {
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        width: 25% !important
    }
    .main .search-results table#MainContent_SearchResultsOEM {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_SearchResultsOEM thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_SearchResultsOEM thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsOEM thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsOEM td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_SearchResultsOEM a {
        display: block
    }
    .main .search-results table#MainContent_SearchResultsOEM td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_SearchResultsOEM td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .oem span {
        display: block;
        padding: 5px;
        float: left;
        width: 100%;
        padding-bottom: 5px
    }
    .main .oem .item {
        width: 100%;
        background-color: #f1f1f1;
        border-bottom: 1px solid #4e87a0;
        margin-bottom: 8px
    }
    #MainContent_hideme {
        margin-top: 50px
    }
    .main .oem a.product-item {
        padding: 5px;
        width: 100%;
        float: left;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none;
        margin-right: 1%
    }
    .main .oem a.product-item:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .ddTitle {
        display: inline-block;
        width: 100%
    }
    .main .ddTitleEncap,
    .main #MainContent_lblInnerDiameter {
        display: inline-block;
        width: 100%
    }
    .main #MainContent_ddlGlandSize,
    .main #MainContent_ddlGlandStyle,
    .main #MainContent_ddlTefStyle,
    .main #MainContent_ddlTefThick,
    .main #MainContent_ddlTefArea,
    .main #MainContent_ddlCore,
    .main #MainContent_ddlCrossSec,
    .main #MainContent_ddlEncap {
        padding: 5px;
        width: 100%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .main #MainContent_txtInnerDia {
        padding: 5px;
        width: 100%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .main #MainContent_ddlCore,
    .main #MainContent_ddlCrossSec,
    .main #MainContent_ddlEncap {
        padding: 3px;
        width: 100%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .main #MainContent_ddlGlandSize:focus,
    .main #MainContent_ddlGlandStyle:focus,
    .main #MainContent_ddlTefStyle:focus,
    .main #MainContent_ddlTefThick:focus,
    .main #MainContent_ddlTefArea:focus,
    .main #MainContent_ddlCore:focus,
    .main #MainContent_ddlCrossSec:focus,
    .main #MainContent_ddlEncap:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .dropdowns {
        margin-bottom: 10px
    }
    .dropdowns span#MainContent_lblProductCode,
    .dropdowns span#MainContent_lblResults {
        width: 25%;
        display: inline-block;
        float: left;
        padding-top: 6px
    }
    .encap span#MainContent_lblProductCode {
        width: 33%;
        display: block
    }
    .dropdowns span#MainContent_lblResults {
        color: #003b5c;
        width: 33%;
        display: block
    }
    .dropdowns #MainContent_SubmitSearch,
    .main #MainContent_SearchAll {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        display: block;
        float: right
    }
    .dropdowns #MainContent_SubmitSearch:hover,
    .main #MainContent_SearchAll:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_SearchAll {
        float: none
    }
    .main #MainContent_ddlBSSize {
        padding: 3px;
        width: 100%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 10px;
        margin-top: 8px
    }
    .main #MainContent_ddlBSSize:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .search-results table#MainContent_BSChart {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_BSChart thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_BSChart thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_BSChart thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_BSChart td {
        padding: 1%;
        text-align: center;
        font-size: 1em;
        width: 100%
    }
    #MainContent_lblSealType {
        float: left;
        display: block;
        width: 100%;
        padding-top: 8px
    }
    #MainContent_ddlSealtype_ddlSealtype_Table {
        float: left !important
    }
    #MainContent_ddlSealtype input {
        padding: 5px;
        width: 50%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    #MainContent_ddlSealtype input:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    #MainContent_ddlSealtype_ddlSealtype_Button {
        border: 0px !important;
        background-color: #003b5c;
        border: 1px solid #003b5c !important;
        width: 40px !important;
        border-radius: 3px;
        margin-top: 3px !important;
        background-image: url(../images/asc.gif) !important
    }
    #MainContent_ddlSealtype_ddlSealtype_Button:hover {
        background-color: #ffb81c;
        border: 1px solid #003b5c !important;
        color: #003b5c
    }
    #MainContent_ddlSealtype_ddlSealtype_OptionList {
        max-height: 300px
    }
    #MainContent_ddlSealtype_ddlSealtype_OptionList li {
        padding: 3px
    }
    .main #MainContent_ddlItemsize,
    .main #MainContent_ddlSealTypeMOB {
        padding: 5px;
        width: 100%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .main #MainContent_ddlItemsize:focus,
    .main #MainContent_ddlSealTypeMOB:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main #MainContent_ddlItemsize select option {
        padding: 5px
    }
    .main .search-results table#MainContent_SearchResultsMech,
    .main .search-results table#MainContent_GridViewNonStandards,
    .main .search-results table#MainContent_GridViewNonStd,
    .main .search-results table#MainContent_SearchResultsMechPTFE {
        width: 100%
    }
    .main .search-results table#MainContent_SearchResultsMech thead th,
    .main .search-results table#MainContent_GridViewNonStandards thead th,
    .main .search-results table#MainContent_GridViewNonStd thead th,
    .main .search-results table#MainContent_SearchResultsMechPTFE thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_SearchResultsMech thead th.header.headerSortUp,
    .main .search-results table#MainContent_GridViewNonStandards thead th.header.headerSortUp,
    .main .search-results table#MainContent_GridViewNonStd thead th.header.headerSortUp,
    .main .search-results table#MainContent_SearchResultsMechPTFE thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsMech thead th.header.headerSortDown,
    .main .search-results table#MainContent_GridViewNonStandards thead th.header.headerSortDown,
    .main .search-results table#MainContent_GridViewNonStd thead th.header.headerSortDown,
    .main .search-results table#MainContent_SearchResultsMechPTFE thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsMech td,
    .main .search-results table#MainContent_GridViewNonStandards td,
    .main .search-results table#MainContent_GridViewNonStd td,
    .main .search-results table#MainContent_SearchResultsMechPTFE td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_SearchResultsMech a,
    .main .search-results table#MainContent_GridViewNonStandards a,
    .main .search-results table#MainContent_GridViewNonStd a,
    .main .search-results table#MainContent_SearchResultsMechPTFE a {
        display: block
    }
    .main .search-results table#MainContent_SearchResultsMech td a,
    .main .search-results table#MainContent_GridViewNonStandards td a,
    .main .search-results table#MainContent_GridViewNonStd td a,
    .main .search-results table#MainContent_SearchResultsMechPTFE td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_SearchResultsMech td a:hover,
    .main .search-results table#MainContent_GridViewNonStandards td a:hover,
    .main .search-results table#MainContent_GridViewNonStd td a:hover,
    .main .search-results table#MainContent_SearchResultsMechPTFE td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .profile .ProfileLabel {
        display: inline-block;
        width: 100%
    }
    .main .profile input {
        margin-top: 10px
    }
    .main .profile input#MainContent_btnEditProfile,
    .main .profile input#MainContent_btnSaveProfile {
        padding: 5px;
        width: 100%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main .profile input#MainContent_btnEditProfile,
    .main .profile input#MainContent_btnSaveProfile {
        margin-left: 0%
    }
    .main .profile input#MainContent_btnEditProfile:hover,
    .main .profile input#MainContent_btnSaveProfile:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main .profile #MainContent_txtForename,
    .main .profile #MainContent_txtSurname,
    .main .profile #MainContent_txtEmail,
    .main .profile #MainContent_txtPassword {
        padding: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        width: 100%
    }
    .main .profile #MainContent_txtForename:focus,
    .main .profile #MainContent_txtSurname:focus,
    .main .profile #MainContent_txtEmail:focus,
    .main .profile #MainContent_txtPassword:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .profile #MainContent_EmailCheck,
    .main .profile #MainContent_PasswordValidate {
        color: #ff0000
    }
    .main .search-results table#MainContent_StatementsHist,
    .main .search-results table#MainContent_StatementsHistory {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_StatementsHist thead th,
    .main .search-results table#MainContent_StatementsHistory thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_StatementsHist thead th.header.headerSortUp,
    .main .search-results table#MainContent_StatementsHistory thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_StatementsHist thead th.header.headerSortDown,
    .main .search-results table#MainContent_StatementsHistory thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_StatementsHist td,
    .main .search-results table#MainContent_StatementsHistory td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_StatementsHist td a,
    .main .search-results table#MainContent_StatementsHistory td a {
        display: block;
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_StatementsHist td a:hover,
    .main .search-results table#MainContent_StatementsHistory td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    table#MainContent_StatementsHist tr:last-child td,
    table#MainContent_StatementsHist tr:last-child td {
        font-size: 1em !important
    }
    .main #MainContent_btnShowHistory,
    .main #MainContent_btnShowOpen {
        padding: 5px;
        width: 100%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        margin-top: 15px;
        text-align: center;
        margin-bottom: 10px
    }
    .main #MainContent_btnShowHistory:hover,
    .main #MainContent_btnShowOpen:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_StatementsHistory>tbody>tr:last-child td table td {
        width: 10%;
        float: left;
        background-color: #ffffff
    }
    .main .search-results table#MainContent_StatementsHistory>tbody>tr:last-child td table {
        width: 100%;
        float: right;
        margin-top: 10px
    }
    .pager a {
        padding: 2px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        font-size: 0.8em;
        text-align: center;
        text-decoration: none
    }
    .pager a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .pager span {
        padding: 5px;
        display: block;
        background-color: #8db9ca;
        border: 1px solid #8db9ca;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #003b5c;
        font-size: 0.8em;
        text-align: center;
        text-decoration: none
    }
    .main .search-results table#MainContent_ProductHist {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_ProductHist thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_ProductHist thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_ProductHist thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_ProductHist td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_ProductHist a {
        display: block
    }
    .main .search-results table#MainContent_ProductHist td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_ProductHist td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    input#MainContent_btnGenerateInvoice {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px;
        margin-top: 4px
    }
    input#MainContent_btnGenerateInvoice:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_grdPackingList {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_grdPackingList thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_grdPackingList thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_grdPackingList thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_grdPackingList td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_grdPackingList a {
        display: block
    }
    .main .search-results table#MainContent_grdPackingList td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_grdPackingList td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_grdPackingList>tbody>tr:last-child td table td {
        width: 7.1%;
        float: left
    }
    .main .search-results table#MainContent_grdPackingList>tbody>tr:last-child td table {
        width: 100%;
        margin-top: 10px;
        float: right
    }
    .main .search-results table#MainContent_grdPriceEnquiries {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_grdPriceEnquiries thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_grdPriceEnquiries thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_grdPriceEnquiries thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_grdPriceEnquiries td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_grdPriceEnquiries a {
        display: block
    }
    .main .search-results table#MainContent_grdPriceEnquiries td:nth-child(9) a {
        display: inline-block;
        margin-left: 3px;
        margin-right: 3px
    }
    .main .search-results table#MainContent_grdPriceEnquiries td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_grdPriceEnquiries td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .tech-lib a.tl-box {
        display: block;
        text-decoration: none;
        padding: 3%;
        margin-bottom: 10px;
        color: #333333;
        border: 1px solid #8db9ca;
        min-height: 115px
    }
    .tech-lib a.tl-box:hover {
        background-color: #003b5c;
        color: #ffffff
    }
    .tech-lib .half {
        float: left;
        width: 100%;
        margin: 1.5%
    }
    .tech-lib .full {
        width: 97%;
        margin: 1.5%
    }
    .tech-lib a.tl-box:hover h3 {
        color: #ffffff
    }
    a.tl-box h3 {
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
        color: #003b5c
    }
    .acc {
        background-color: #003b5c;
        -webkit-box-shadow: 0px 1px 3px #666666;
        -moz-box-shadow: 0px 1px 3px #666666;
        box-shadow: 0px 1px 3px #666666;
        width: 100%;
        margin-bottom: 10px
    }
    .acc a {
        display: block;
        text-decoration: none;
        padding: 10px 10px 10px 10px;
        color: #ffffff
    }
    .acc a:hover {
        background: #ffb81c;
        text-decoration: none;
        color: #003b5c
    }
    .acc_c {
        margin: 0 0 0px;
        padding: 0;
        overflow: hidden;
        font-size: 0.9em;
        background: #8db9ca;
        clear: both;
        border: 1px solid #8db9ca;
        margin-bottom: 10px
    }
    .acc_c .block {
        padding: 0px
    }
    .acc_c .block p {
        padding: 0% 0;
        margin: 2% 0
    }
    .acc_c .block a.download {
        display: block;
        text-decoration: none;
        padding: 1%;
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px solid #003b5c;
        width: 99%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        float: left;
        color: #003b5c
    }
    .acc_c .block a.download:hover {
        background-color: #003b5c;
        color: #ffffff
    }
    #MainContent_ddlBrochure,
    #MainContent_ddlBrochureLang {
        padding: 5px;
        width: 100%;
        clear: both;
        margin-bottom: 10px;
        float: left
    }
    #MainContent_lblBrochureQty {
        float: left;
        width: 80px;
        display: block;
        padding-top: 6px
    }
    #MainContent_txtBrochureQty {
        padding: 5px;
        float: left;
        width: 25%
    }
    #MainContent_btnRequestBrochure {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none;
        width: 50%;
        margin-top: 10px
    }
    #MainContent_btnRequestBrochure:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_lblConfirmation {
        display: block;
        margin-top: 10px;
        padding: 5px;
        font-weight: bold;
        color: #32CD32
    }
    .marketing-panel {
        margin-bottom: 10px
    }
    .marketing-panel a {
        margin: 2%;
        margin-top: 0;
        display: block;
        text-decoration: none;
        color:
    }
    .marketing-panel a:hover {
        border: 1px solid #003b5c
    }
    .mktpanel {
        padding: 2%;
        width: 96%;
        float: left;
        border: 1px solid #8db9ca;
        height: 290px
    }
    .mktpanel .mkttitle {
        padding: 5px;
        padding-bottom: 15px;
        font-weight: bold;
        color: #003b5c
    }
    .mktpanel .mktimage {
        max-width: 100%
    }
    .mktpanel .mktdesc {
        padding: 5px;
        color: #333333
    }
    .newspnl {
        padding: 2%;
        width: 96%;
        float: left;
        border: 1px solid #8db9ca;
        height: 290px
    }
    .newspnl .newstitle {
        padding: 5px;
        padding-bottom: 15px;
        font-weight: bold;
        color: #003b5c
    }
    .newspnl .newsimage {
        max-width: 100%
    }
    .newspnl .newsdesc {
        padding: 5px;
        color: #333333
    }
    a.news {
        padding: 10px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none;
        float: right;
        margin-top: 10px
    }
    a.news:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_pnlMarketing {
        padding: 2%;
        width: 60%
    }
    #MainContent_pnlMarketing #MainContent_btnOptInToMarketing,
    #MainContent_pnlMarketing #MainContent_btnMarketingCancel {
        padding: 8px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    #MainContent_pnlMarketing #MainContent_btnOptInToMarketing:hover,
    #MainContent_pnlMarketing #MainContent_btnMarketingCancel:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_pnlMarketing #MainContent_btnMarketingCancel {
        float: right
    }

     /* Password Expiry */

       #MainContent_pnlPassword {
        padding: 2%;
        width: 60%
    }
    #MainContent_pnlPassword #MainContent_btnPnlChangePwd,
    #MainContent_pnlPassword #MainContent_btnCancelPwd {
        padding: 8px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    #MainContent_pnlPassword #MainContent_btnPnlChangePwd:hover,
    #MainContent_pnlPassword #MainContent_btnCancelPwd:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_pnlPassword #MainContent_btnCancelPwd {
        float: right
    }

    .dropdown-items .dropdown {
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        margin-bottom: 15px;
        float: left
    }
    .dropdown-items .dropdown select {
        width: 100%;
        padding: 5px;
        float: left
    }
    .dropdown-items .dropdown span.lbl {
        float: left;
        display: block;
        width: 100%;
        padding-top: 6px
    }
    .dd-productresult {
        font-size: 1.3em
    }
    .dd-productresult #MainContent_lblFlosCode {
        color: #000000;
        font-weight: bold;
        display: inline-block
    }
    #MainContent_txtProductSearch {
        display: block;
        padding: 5px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #000000;
        border: solid #ff0000 1px;
        text-decoration: none;
        font-weight: bold;
        width: 100%
    }
    #MainContent_btnSubmitSearch {
        display: block;
        padding: 8px 25px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
        margin-top: 15px;
        font-weight: bold;
        width: 50%
    }
    #MainContent_btnSubmitSearch:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }
    #MainContent_btnReset {
        display: block;
        padding: 8px 9px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
        font-weight: bold;
        float: right
    }
    #MainContent_btnReset:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }

    #MainContent_btnCreateQuote {
        display: block;
        padding: 8px 25px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
        font-weight: bold;
        float: left
    }
    #MainContent_btnCreateQuote:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }

    #MainContent_pnlQuote {
        background-color: #ffffff;
        padding: 10px;
        width: 80%;

        border: 1px solid #000;
    }

    #MainContent_pnlQuote #MainContent_btnSumbitQuote,
    #MainContent_pnlQuote #MainContent_btnCloseQuote {
        display: block;
        padding: 5px 5px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
    }

    #MainContent_pnlQuote #MainContent_btnSumbitQuote:hover,
    #MainContent_pnlQuote #MainContent_btnCloseQuote:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }

    #MainContent_pnlQuote #MainContent_btnSumbitQuote {
        float: left;
    }
    #MainContent_pnlQuote #MainContent_btnCloseQuote {
        float: right;
    }

    #MainContent_lblQuoteError {
        display: block;
        color: #ff0000;
        font-weight: bold;
    }

    #MainContent_pnlQuote #MainContent_lblOrderNo {
        width: 40%;
        float: left;

        display: block;
        padding-top: 7px;
    }

    #MainContent_pnlQuote #MainContent_txtOrderNo {
        width: 60%;
        float: left;
    }

    #MainContent_pnlQuote .pad {
        margin-bottom: 15px;
    }

    #MainContent_UpdateProg1 {
        z-index: 7000 !important;
        background-color: #ffffff;

        width: 100%;
        height: 100%;
        filter: alpha(opacity=70);
        opacity: 0.7;
        position: absolute;
        margin-top: -10px;
        margin-left: -10px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    table {
        width: 100%
    }
    thead {
        display: none
    }
    tr:nth-of-type(2n) {
        background-color: inherit
    }
    tr td:first-child {
        background: #97999b;
        font-weight: bold;
        font-size: 1.3em
    }
    tbody td {
        display: block;
        text-align: center
    }
    tbody td:before {
        content: attr(data-th);
        display: block;
        text-align: center;
        font-size: 1.2em;
        font-weight: bold;
        margin-bottom: 5px
    }
    body {
        font-size: 0.9em
    }
    .row {
        width: 480px;
        padding: 0 6px;
        margin: 0 auto;
        clear: both
    }
    .twothirds {
        width: 100%
    }
    .third {
        width: 100%
    }
    .main {
        width: 100%
    }
    .half {
        padding-left: 2%;
        padding-right: 2%;
        width: 100%;
        float: left
    }
    #my_popup,
    #dimensions,
    #help {
        max-width: 80%;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        display: none;
        margin: 1em;
        background-color: #ffffff;
        padding: 3em
    }
    .navigation {
        display: none
    }
    .breadcrumb {
        float: right !important;
        font-size: 0.8em !important;
        margin-bottom: 10px;
        color: #7F7F7F
    }
    .main h1 {
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
        color: #003b5c;
        border-bottom: 1px solid #4e87a0
    }
    .main h2 {
        margin: 0;
        padding: 0;
        margin-bottom: 10px
    }
    .welcome {
        font-weight: bold;
        padding-top: 6px;
        margin-bottom: 10px;
        padding-left: 2%
    }
    .red {
        color: #ff0000
    }
    a.logo {
        min-height: 90px;
        width: 100%;
        float: left;
        background-repeat: no-repeat;
        background-position: left center;
        display: block;
        margin: 10px
    }
    .uk {
        background-image: url(../images/vel.png)
    }
    .us {
        background-image: url(../images/vsi.png)
    }
    .strapline {
        font-size: 2em;
        margin-left: 1.5%;
        line-height: 100px;
        font-weight: bold
    }
    .hhalf {
        width: 100%;
        float: left
    }
    .hhalf .margin {
        margin-top: 4px
    }
    .hhalf .tel-no {
        display: block;
        float: right;
        font-size: 0.9em;
        font-weight: bold;
        padding: 8px;
        width: auto
    }
    .hhalf .email {
        display: block;
        float: right;
        font-size: 0.9em;
        font-weight: bold;
        padding: 8px
    }
    .hhalf .google {
        display: block;
        float: right
    }
    .hhalf .google select {
        padding: 4px
    }
    #MainContent_Register,
    #MainContent_ForgotPass,
    #MainContent_terms {
        display: block;
        margin: 2.5%;
        padding: 1.5%;
        background-color: #003b5c;
        font-size: 2em;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px
    }
    #MainContent_termsLogin {
        padding: 5px;
        width: auto;
        background-color: #97999b;
        display: inline-block;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px
    }
    #MainContent_terms {
        font-size: 1.5em
    }
    #MainContent_Register:hover,
    #MainContent_ForgotPass:hover,
    #MainContent_terms:hover,
    #MainContent_termsLogin:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_lblError {
        color: #ff0000;
        display: inline-block;
        margin-bottom: 10px;
        font-weight: bold
    }
    .display-box {
        clear: both
    }
    .display-box .title {
        display: block;
        width: 100% padding: 6px
    }
    .display-box .text-input {
        width: 100%
    }
    .display-box .text-input input {
        padding: 5px;
        width: 100%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .display-box .text-input input:focus,
    .display-box .text-input select:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .display-box .error-alert {
        display: block;
        color: #ff0000;
        width: 100%;
        padding: 6px
    }
    .display-box .text-input select {
        width: 300px;
        padding: 5px;
        border: 1px solid #003b5c
    }
    .display-box #MainContent_Submit {
        width: 300px;
        padding: 5px;
        background-color: #003b5c;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        float: right;
        margin-bottom: 15px
    }
    .display-box #MainContent_Submit:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .display-box #MainContent_RegSubmit,
    .display-box #MainContent_btnChangePassword {
        width: 300px;
        padding: 5px;
        background-color: #003b5c;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        margin-left: 180px
    }
    .display-box #MainContent_RegSubmit:hover,
    .display-box #MainContent_btnChangePassword:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main h1.pricing-delivery {
        font-size: 1.75em;
        padding-left: 2%;
        border-bottom: 0
    }
    .main h3.landing-drop {
        padding-left: 2%
    }
    .main a.content-link {
        display: block;
        text-decoration: none;
        padding: 3%;
        margin-bottom: 10px;
        color: #333333;
        border: 1px solid #8db9ca;
        min-height: 115px
    }
    .main a.content-link:hover {
        background-color: #003b5c;
        color: #ffffff
    }
    .main a.content-link:hover h3 {
        color: #ffffff
    }
    a.content-link h3 {
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
        color: #003b5c
    }
    .main #blockScreen {
        float: left;
        margin-left: 10px
    }
    .main #blockScreen .blockScreenLoader {
        margin-top: -16px
    }
    .main #MainContent_lblQuery {
        display: block;
        float: right;
        font-size: 0.8em;
        margin-top: 10px
    }
    .main .search input#MainContent_chkShowStock {
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5)
    }
    .main .search #MainContent_lblShowStock {
        float: left;
        margin-left: 10px;
        width: 70px;
        font-size: 0.9em
    }
    .main .search input#MainContent_SearchField {
        float: left;
        width: 50% !important;
        padding: 5px
    }
    .main .search input#MainContent_SubmitBtn {
        float: left;
        margin-left: 10px;
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff
    }
    .main .search input#MainContent_SubmitBtn:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search .info {
        clear: both;
        font-size: 0.8em;
        margin-top: 10px;
        margin-bottom: 10px
    }
    .main #MainContent_lblAlert {
        display: block;
        margin-top: 15px;
        font-weight: bold;
        color: #ff0000
    }
    .main .search-results table {
        width: 100%
    }
    .main .search-results table#MainContent_SearchResults thead th,
    .main .search-results table#MainContent_SearchResultsAll thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_SearchResults thead th.header.headerSortUp,
    .main .search-results table#MainContent_SearchResultsAll thead th tr .headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_SearchResults thead th.header.headerSortDown,
    .main .search-results table#MainContent_SearchResultsAll thead th tr .headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_SearchResults td,
    .main .search-results table#MainContent_SearchResultsAll td {
        padding: 1%;
        text-align: center;
        font-size: 0.8em
    }
    .main .search-results table#MainContent_SearchResults a,
    .main .search-results table#MainContent_SearchResultsAll a {
        display: block
    }
    .main .search-results table#MainContent_SearchResults td a,
    .main .search-results table#MainContent_SearchResultsAll td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_SearchResults td a:hover,
    .main .search-results table#MainContent_SearchResultsAll td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .add-basket #MainContent_lblError {
        color: #ff0000
    }
    .main a#MainContent_imgGuaranteed {
        float: right;
        width: 100px;
        height: 100px;
        background-image: url("http://www.vulcan-eng.com/brochurepages/Images/guaranteed.jpg")
    }
    .main a#MainContent_imgGuaranteed:hover {
        background-image: url("http://www.vulcan-eng.com/brochurepages/Images/guaranteed.jpg")
    }
    .label-head {
        float: left;
        width: 100%
    }
    .product-image,
    .pricing {
        float: left;
        width: 50%
    }
    .pricing table#MainContent_PricingDetail {
        width: 100%
    }
    .main .pricing table#MainContent_PricingDetail th {
        background-color: #F5F5F3;
        padding: 2%;
        text-align: center;
        border-bottom: 1px solid #DEDED8
    }
    .main .pricing table#MainContent_PricingDetail td {
        padding: 2%;
        text-align: center;
        border-bottom: 1px solid #DEDED8
    }
    .label-head span {
        display: block;
        padding-bottom: 6px
    }
    .label-head #MainContent_btnProdEdit,
    .label-head #MainContent_btnProdAdd {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        padding: 5px
    }
    .label-head #MainContent_btnProdEdit:hover,
    .label-head #MainContent_btnProdAdd:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_ViewAlts {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 75%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: right;
        margin-top: 10px;
        text-align: center
    }
    #MainContent_ViewAlts:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    a.help_open {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        display: block;
        font-size: 1em;
        float: right;
        margin-top: 10px;
        text-align: center
    }
    a.help_open:hover {
        text-decoration: none
    }
    a.cta-form {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 20px;
        text-align: center;
        text-decoration: none
    }
    a.cta-form:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    a.enq-form {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 100%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 10px;
        text-align: center;
        text-decoration: none
    }
    a.enq-form:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .acc_container {
        margin: 0 0 0px;
        padding: 0;
        overflow: hidden;
        font-size: 0.9em;
        padding-left: 15px;
        padding-right: 15px;
        clear: both
    }
    .acc_container .block {
        padding: 0px;
        margin-top: 20px
    }
    .acc_container .block p {
        padding: 0% 0;
        margin: 2% 0
    }
    .acc_container textarea#MainContent_Comments {
        width: 100% !important;
        padding: 1%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .acc_container textarea#MainContent_Comments:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .acc_container input#MainContent_SendEmail {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        padding: 5px
    }
    .acc_container input#MainContent_SendEmail:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .enquire {
        width: 100%
    }
    .enquire h3.title {
        width: 50%;
        float: left;
        margin: 0;
        padding: 0;
        margin-right: 10%;
        padding-top: 5px
    }
    .enquire .sect {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .enquire input[type=text] {
        width: 35%;
        padding: 5px;
        float: left;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .enquire input[type=text]:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .acc_container input#MainContent_btnEnquire {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        padding: 5px
    }
    .acc_container input#MainContent_btnEnquire:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_lblEnquireAlert {
        display: inline-block;
        padding: 10px;
        color: #24B700;
        font-size: 1.5em
    }
    .main #MainContent_lblBrochure {
        float: left
    }
    a.brochurelink {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 20px;
        text-align: center;
        text-decoration: none
    }
    a.brochurelink:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    a.dimensions_open {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 20px;
        text-align: center;
        text-decoration: none
    }
    a.dimensions_open:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .stock-levels .stock-avail,
    .stock-levels .stock-qty {
        background-color: #F5F5F3
    }
    .stock-levels .stock-avail,
    .stock-levels .stock-qty,
    .stock-levels .stock-label,
    .stock-levels .stock-value {
        padding: 5px;
        float: left;
        width: 50%;
        line-height: 2.5em;
        border-bottom: 1px solid #DEDED8
    }
    .stock-levels .stock-label {
        clear: left
    }
    .history {
        width: 20%;
        float: left;
        margin-top: 20px
    }
    .add-basket {
        width: 100%;
        float: none;
        text-align: right
    }
    .highlight {
        border: 1px solid #ff0000 !important
    }
    .history input#MainContent_Return,
    .add-basket input#MainContent_AddToBasket {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px
    }
    .history input#MainContent_Return:hover,
    .add-basket input#MainContent_AddToBasket:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .add-basket #MainContent_txtQuantity {
        margin-top: 20px;
        width: 25%;
        padding: 8px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .add-basket #MainContent_txtQuantity:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .add-basket input#MainContent_AddToBasket {
        padding: 25px;
        margin-top: 15px
    }
    .add-basket #MainContent_lblAddedToCart {
        display: block;
        font-size: 1.5em;
        float: right;
        margin-top: 10px;
        color: #24B700
    }
    #MainContent_lblNewProductTitle,
    #MainContent_lblNewProductShortDesc,
    #MainContent_lblNewProductLongDesc {
        display: inline-block;
        padding: 5px
    }
    #MainContent_txtShortDesc,
    #MainContent_txtProduct,
    #MainContent_txtLongDesc {
        width: 50%;
        padding: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    #MainContent_txtShortDesc:focus,
    #MainContent_txtProduct:focus,
    #MainContent_txtLongDesc:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    #MainContent_btnProductDelete,
    #MainContent_btnProductSave {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px
    }
    #MainContent_btnProductDelete:hover,
    #MainContent_btnProductSave:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_ShoppingCartView th,
    .main .search-results table#MainContent_ShoppingCartMinOrder th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        color: #ffffff
    }
    .main .search-results table#MainContent_ShoppingCartView td,
    .main .search-results table#MainContent_ShoppingCartMinOrder td {
        padding: 3%;
        text-align: center;
        font-size: 0.9em
    }
    .main .search-results table#MainContent_ShoppingCartView a,
    .main .search-results table#MainContent_ShoppingCartMinOrder a {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px;
        font-size: 1em;
        text-decoration: none
    }
    .main .search-results table#MainContent_ShoppingCartView a:hover,
    .main .search-results table#MainContent_ShoppingCartMinOrder a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_ShoppingCartView input[type=text],
    .main .search-results table#MainContent_ShoppingCartMinOrder input[type=text] {
        padding: 5px;
        width: 25%;
        text-align: center
    }
    .main #MainContent_lblCartAlert {
        display: inline-block;
        color: #ff0000;
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: bold
    }
    .main #MainContent_lblCartTotal,
    #MainContent_lblSubTotal {
        display: inline-block;
        font-size: 1.2em;
        float: right;
        margin-top: 10px;
        color: #000000;
        margin-right: 3%;
        text-decoration: none
    }
    .main #MainContent_PlaceOrder {
        padding: 5px;
        width: 50%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        margin-top: 15px;
        text-align: center;
        text-decoration: none
    }
    .main #MainContent_PlaceOrder:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main .manage-add {
        clear: both;
        margin-bottom: 10px
    }
    .main .manage-add #MainContent_btnManageAddress {
        float: right;
        width: 50%;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main .manage-add #MainContent_btnManageAddress:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .address {
        width: 50%;
        padding: 5px;
        float: left;
        margin: 0.5%;
        font-size: 0.9em;
        border: 1px solid #cccccc
    }
    .main .address-block {
        height: 200px
    }
    .main .address input {
        margin-bottom: 10px;
        padding: 5px;
        width: 80%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        margin: 0 auto;
        text-align: center
    }
    .main .address input:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .address .delbutton {
        margin-bottom: 10px;
        padding: 5px;
        float: right;
        width: 25%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 1px;
        text-align: center
    }
    .main .address span {
        display: block;
        padding: 2px
    }
    .main .ReturnToAdd {
        float: right;
        width: 25%;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center;
        text-decoration: none
    }
    .main .ReturnToAdd:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .add-address ul {
        margin-bottom: 10px
    }
    .main .add-address ul li {
        margin-bottom: 7px;
        width: 100%;
        display: block
    }
    .main .add-address ul li span {
        float: left;
        width: 40%;
        padding-top: 5px
    }
    .main .add-address ul li input {
        float: left;
        width: 60%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        padding: 5px
    }
    .main .add-address ul li select {
        padding: 3px;
        float: left;
        width: 60%;
        margin-right: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .main .add-address ul li input:focus,
    .main .add-address ul li select:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .add-address #MainContent_btnSubmitAddress {
        margin-left: 25%;
        width: 60%;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main .add-address #MainContent_btnSubmitAddress:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main ul#MainContent_RlCarriage {
        margin-bottom: 10px
    }
    .main ul#MainContent_RlCarriage li {
        padding: 3px
    }
    .main ul#MainContent_RlCarriage li input {
        margin-right: 5px
    }
    .main input#MainContent_OrderReview {
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main input#MainContent_OrderReview:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_lblNoCarriage {
        display: block;
        margin-top: 15px;
        font-weight: bold;
        color: #ff0000
    }
    .main a#MainContent_EditAddress,
    .main #MainContent_EditDelivery {
        margin-bottom: 10px;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center;
        width: 100%;
        text-decoration: none
    }
    .main a#MainContent_EditAddress:hover,
    .main #MainContent_EditDelivery:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_SubmitOrder {
        padding: 5px;
        width: 30%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        margin-top: 15px;
        text-align: center;
        margin-bottom: 40px
    }
    .main #MainContent_SubmitOrder:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main #MainContent_txtOrderNo {
        padding: 5px;
        width: 50%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .main #MainContent_txtOrderNo:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .add-address ul li select {
        padding: 3px;
        float: left;
        width: 25%;
        margin-right: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .main .add-address ul li input:focus,
    .main .add-address ul li select:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .contact-us #MainContent_Comments {
        padding: 5px;
        margin-bottom: 10px;
        width: 100%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .contact-us #MainContent_Comments:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .contact-us #MainContent_SendEmail {
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        text-align: center;
        padding: 8px;
        float: right
    }
    .contact-us #MainContent_SendEmail:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main .search-results table#MainContent_CycloneSeps {
        width: 100%
    }
    .main .search-results table#MainContent_CycloneSeps thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_CycloneSeps thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_CycloneSeps thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_CycloneSeps td {
        padding: 1%;
        text-align: center;
        font-size: 0.8em
    }
    .main .search-results table#MainContent_CycloneSeps a {
        display: block
    }
    .main .search-results table#MainContent_CycloneSeps td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_CycloneSeps td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_ddlKamlock {
        padding: 3px;
        width: 160px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .main #MainContent_ddlKamlock:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .search-results table#MainContent_grdKamlocks {
        width: 100%
    }
    .main .search-results table#MainContent_grdKamlocks thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_grdKamlocks thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_grdKamlocks thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_grdKamlocks td {
        padding: 1%;
        text-align: center;
        font-size: 0.8em
    }
    .main .search-results table#MainContent_grdKamlocks a {
        display: block
    }
    .main .search-results table#MainContent_grdKamlocks td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_grdKamlocks td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .search .spacer span {
        display: inline-block;
        width: 30%
    }
    .search #MainContent_ddlManu,
    .search #MainContent_ddlPumpModel {
        padding: 3px;
        width: 50%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .search #MainContent_ddlManu:focus,
    .search #MainContent_ddlddlPumpModel:focus,
    .search #MainContent_SearchField:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .search #MainContent_SearchField {
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        width: 25% !important
    }
    .main .search-results table#MainContent_SearchResultsOEM {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_SearchResultsOEM thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_SearchResultsOEM thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsOEM thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsOEM td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_SearchResultsOEM a {
        display: block
    }
    .main .search-results table#MainContent_SearchResultsOEM td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_SearchResultsOEM td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .oem span {
        display: block;
        padding: 5px;
        float: left;
        width: 25%;
        border-bottom: 1px solid #4e87a0;
        padding-bottom: 5px;
        margin-bottom: 10px
    }
    .main .oem .item {
        width: 75%
    }
    .main .oem a.product-item {
        padding: 5px;
        width: 24%;
        float: left;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none;
        margin-right: 1%
    }
    .main .oem a.product-item:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .ddTitle {
        display: inline-block;
        width: 40%
    }
    .main .ddTitleEncap,
    .main #MainContent_lblInnerDiameter {
        display: inline-block;
        width: 45%
    }
    .main #MainContent_ddlGlandSize,
    .main #MainContent_ddlGlandStyle,
    .main #MainContent_ddlTefStyle,
    .main #MainContent_ddlTefThick,
    .main #MainContent_ddlTefArea,
    .main #MainContent_ddlCore,
    .main #MainContent_ddlCrossSec,
    .main #MainContent_ddlEncap {
        padding: 5px;
        width: 60%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .main #MainContent_txtInnerDia {
        padding: 5px;
        width: 45%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .main #MainContent_ddlCore,
    .main #MainContent_ddlCrossSec,
    .main #MainContent_ddlEncap {
        padding: 3px;
        width: 45%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .main #MainContent_ddlGlandSize:focus,
    .main #MainContent_ddlGlandStyle:focus,
    .main #MainContent_ddlTefStyle:focus,
    .main #MainContent_ddlTefThick:focus,
    .main #MainContent_ddlTefArea:focus,
    .main #MainContent_ddlCore:focus,
    .main #MainContent_ddlCrossSec:focus,
    .main #MainContent_ddlEncap:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .dropdowns {
        margin-bottom: 10px
    }
    .dropdowns span#MainContent_lblProductCode,
    .dropdowns span#MainContent_lblResults {
        width: 25%;
        display: inline-block;
        float: left;
        padding-top: 6px
    }
    .encap span#MainContent_lblProductCode {
        width: 20%
    }
    .dropdowns span#MainContent_lblResults {
        color: #003b5c
    }
    .dropdowns #MainContent_SubmitSearch,
    .main #MainContent_SearchAll {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        width: 20%;
        float: left
    }
    .dropdowns #MainContent_SubmitSearch:hover,
    .main #MainContent_SearchAll:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_SearchAll {
        float: none
    }
    .main #MainContent_ddlBSSize {
        padding: 3px;
        width: 45%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 10px
    }
    .main #MainContent_ddlBSSize:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .search-results table#MainContent_BSChart {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_BSChart thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_BSChart thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_BSChart thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_BSChart td {
        padding: 1%;
        text-align: center;
        font-size: 1em;
        width: 100%
    }
    #MainContent_lblSealType {
        float: left;
        display: block;
        width: 40%;
        padding-top: 8px
    }
    #MainContent_ddlSealtype_ddlSealtype_Table {
        float: left !important
    }
    #MainContent_ddlSealtype input {
        padding: 5px;
        width: 50%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    #MainContent_ddlSealtype input:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    #MainContent_ddlSealtype_ddlSealtype_Button {
        border: 0px !important;
        background-color: #003b5c;
        border: 1px solid #003b5c !important;
        width: 40px !important;
        border-radius: 3px;
        margin-top: 3px !important;
        background-image: url(../images/asc.gif) !important
    }
    #MainContent_ddlSealtype_ddlSealtype_Button:hover {
        background-color: #ffb81c;
        border: 1px solid #003b5c !important;
        color: #003b5c
    }
    #MainContent_ddlSealtype_ddlSealtype_OptionList {
        max-height: 300px
    }
    #MainContent_ddlSealtype_ddlSealtype_OptionList li {
        padding: 3px
    }
    .main #MainContent_ddlItemsize,
    .main #MainContent_ddlSealTypeMOB {
        padding: 5px;
        width: 15%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px;
        margin-left: -5px;
        width: 248px
    }
    .main #MainContent_ddlItemsize:focus,
    .main #MainContent_ddlSealTypeMOB:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main #MainContent_ddlItemsize select option {
        padding: 5px
    }
    .main .search-results table#MainContent_SearchResultsMech,
    .main .search-results table#MainContent_GridViewNonStandards,
    .main .search-results table#MainContent_GridViewNonStd,
    .main .search-results table#MainContent_SearchResultsMechPTFE {
        width: 100%
    }
    .main .search-results table#MainContent_SearchResultsMech thead th,
    .main .search-results table#MainContent_GridViewNonStandards thead th,
    .main .search-results table#MainContent_GridViewNonStd thead th,
    .main .search-results table#MainContent_SearchResultsMechPTFE thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_SearchResultsMech thead th.header.headerSortUp,
    .main .search-results table#MainContent_GridViewNonStandards thead th.header.headerSortUp,
    .main .search-results table#MainContent_GridViewNonStd thead th.header.headerSortUp,
    .main .search-results table#MainContent_SearchResultsMechPTFE thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsMech thead th.header.headerSortDown,
    .main .search-results table#MainContent_GridViewNonStandards thead th.header.headerSortDown,
    .main .search-results table#MainContent_GridViewNonStd thead th.header.headerSortDown,
    .main .search-results table#MainContent_SearchResultsMechPTFE thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsMech td,
    .main .search-results table#MainContent_GridViewNonStandards td,
    .main .search-results table#MainContent_GridViewNonStd td,
    .main .search-results table#MainContent_SearchResultsMechPTFE td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_SearchResultsMech a,
    .main .search-results table#MainContent_GridViewNonStandards a,
    .main .search-results table#MainContent_GridViewNonStd a,
    .main .search-results table#MainContent_SearchResultsMechPTFE a {
        display: block
    }
    .main .search-results table#MainContent_SearchResultsMech td a,
    .main .search-results table#MainContent_GridViewNonStandards td a,
    .main .search-results table#MainContent_GridViewNonStd td a,
    .main .search-results table#MainContent_SearchResultsMechPTFE td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_SearchResultsMech td a:hover,
    .main .search-results table#MainContent_GridViewNonStandards td a:hover,
    .main .search-results table#MainContent_GridViewNonStd td a:hover,
    .main .search-results table#MainContent_SearchResultsMechPTFE td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .profile .ProfileLabel {
        display: inline-block;
        width: 30%
    }
    .main .profile input {
        margin-left: 30%;
        margin-top: 10px
    }
    .main .profile input#MainContent_btnEditProfile,
    .main .profile input#MainContent_btnSaveProfile {
        padding: 5px;
        width: 40%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main .profile input#MainContent_btnEditProfile,
    .main .profile input#MainContent_btnSaveProfile {
        margin-left: 0%
    }
    .main .profile input#MainContent_btnEditProfile:hover,
    .main .profile input#MainContent_btnSaveProfile:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main .profile #MainContent_txtForename,
    .main .profile #MainContent_txtSurname,
    .main .profile #MainContent_txtEmail,
    .main .profile #MainContent_txtPassword {
        padding: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        width: 45%
    }
    .main .profile #MainContent_txtForename:focus,
    .main .profile #MainContent_txtSurname:focus,
    .main .profile #MainContent_txtEmail:focus,
    .main .profile #MainContent_txtPassword:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .profile #MainContent_EmailCheck,
    .main .profile #MainContent_PasswordValidate {
        color: #ff0000
    }
    .main .search-results table#MainContent_StatementsHist,
    .main .search-results table#MainContent_StatementsHistory {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_StatementsHist thead th,
    .main .search-results table#MainContent_StatementsHistory thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_StatementsHist thead th.header.headerSortUp,
    .main .search-results table#MainContent_StatementsHistory thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_StatementsHist thead th.header.headerSortDown,
    .main .search-results table#MainContent_StatementsHistory thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_StatementsHist td,
    .main .search-results table#MainContent_StatementsHistory td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_StatementsHist td a,
    .main .search-results table#MainContent_StatementsHistory td a {
        display: block;
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_StatementsHist td a:hover,
    .main .search-results table#MainContent_StatementsHistory td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    table#MainContent_StatementsHist tr:last-child td,
    table#MainContent_StatementsHist tr:last-child td {
        font-size: 1em !important
    }
    .main #MainContent_btnShowHistory,
    .main #MainContent_btnShowOpen {
        padding: 5px;
        width: 40%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        margin-top: 15px;
        text-align: center;
        margin-bottom: 10px
    }
    .main #MainContent_btnShowHistory:hover,
    .main #MainContent_btnShowOpen:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_StatementsHistory>tbody>tr:last-child td table td {
        width: 7.1%;
        float: left;
        background-color: #ffffff
    }
    .main .search-results table#MainContent_StatementsHistory>tbody>tr:last-child td table {
        width: 100%;
        float: right;
        margin-top: 10px
    }
    .pager a {
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        font-size: 0.8em;
        text-align: center;
        text-decoration: none
    }
    .pager a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .pager span {
        padding: 5px;
        display: block;
        background-color: #8db9ca;
        border: 1px solid #8db9ca;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #003b5c;
        font-size: 0.8em;
        text-align: center;
        text-decoration: none
    }
    .main .search-results table#MainContent_ProductHist {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_ProductHist thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_ProductHist thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_ProductHist thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_ProductHist td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_ProductHist a {
        display: block
    }
    .main .search-results table#MainContent_ProductHist td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_ProductHist td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    input#MainContent_btnGenerateInvoice {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px;
        margin-top: 4px
    }
    input#MainContent_btnGenerateInvoice:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_grdPackingList {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_grdPackingList thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_grdPackingList thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_grdPackingList thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_grdPackingList td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_grdPackingList a {
        display: block
    }
    .main .search-results table#MainContent_grdPackingList td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_grdPackingList td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_grdPackingList>tbody>tr:last-child td table td {
        width: 7.1%;
        float: left
    }
    .main .search-results table#MainContent_grdPackingList>tbody>tr:last-child td table {
        width: 100%;
        margin-top: 10px;
        float: right
    }
    .main .search-results table#MainContent_grdPriceEnquiries {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_grdPriceEnquiries thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_grdPriceEnquiries thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_grdPriceEnquiries thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_grdPriceEnquiries td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_grdPriceEnquiries a {
        display: block
    }
    .main .search-results table#MainContent_grdPriceEnquiries td:nth-child(9) a {
        display: inline-block;
        margin-left: 3px;
        margin-right: 3px
    }
    .main .search-results table#MainContent_grdPriceEnquiries td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_grdPriceEnquiries td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .tech-lib a.tl-box {
        display: block;
        text-decoration: none;
        padding: 3%;
        margin-bottom: 10px;
        color: #333333;
        border: 1px solid #8db9ca;
        min-height: 115px
    }
    .tech-lib a.tl-box:hover {
        background-color: #003b5c;
        color: #ffffff
    }
    .tech-lib .half {
        float: left;
        width: 100%;
        margin: 1.5%
    }
    .tech-lib .full {
        width: 97%;
        margin: 1.5%
    }
    .tech-lib a.tl-box:hover h3 {
        color: #ffffff
    }
    a.tl-box h3 {
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
        color: #003b5c
    }
    .acc {
        background-color: #003b5c;
        -webkit-box-shadow: 0px 1px 3px #666666;
        -moz-box-shadow: 0px 1px 3px #666666;
        box-shadow: 0px 1px 3px #666666;
        width: 100%;
        margin-bottom: 10px
    }
    .acc a {
        display: block;
        text-decoration: none;
        padding: 10px 10px 10px 10px;
        color: #ffffff
    }
    .acc a:hover {
        background: #ffb81c;
        text-decoration: none;
        color: #003b5c
    }
    .acc_c {
        margin: 0 0 0px;
        padding: 0;
        overflow: hidden;
        font-size: 0.9em;
        background: #8db9ca;
        clear: both;
        border: 1px solid #8db9ca;
        margin-bottom: 10px
    }
    .acc_c .block {
        padding: 0px
    }
    .acc_c .block p {
        padding: 0% 0;
        margin: 2% 0
    }
    .acc_c .block a.download {
        display: block;
        text-decoration: none;
        padding: 1%;
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px solid #003b5c;
        width: 99%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        float: left;
        color: #003b5c
    }
    .acc_c .block a.download:hover {
        background-color: #003b5c;
        color: #ffffff
    }
    #MainContent_ddlBrochure,
    #MainContent_ddlBrochureLang {
        padding: 5px;
        width: 100%;
        clear: both;
        margin-bottom: 10px;
        float: left
    }
    #MainContent_lblBrochureQty {
        float: left;
        width: 80px;
        display: block;
        padding-top: 6px
    }
    #MainContent_txtBrochureQty {
        padding: 5px;
        float: left;
        width: 10%
    }
    #MainContent_btnRequestBrochure {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none;
        width: 50%;
        margin-top: 10px
    }
    #MainContent_btnRequestBrochure:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_lblConfirmation {
        display: block;
        margin-top: 10px;
        padding: 5px;
        font-weight: bold;
        color: #32CD32
    }
    .marketing-panel {
        margin-bottom: 10px
    }
    .marketing-panel a {
        margin: 2%;
        margin-top: 0;
        display: block;
        text-decoration: none;
        color:
    }
    .marketing-panel a:hover {
        border: 1px solid #003b5c
    }
    .mktpanel {
        padding: 2%;
        width: 96%;
        float: left;
        border: 1px solid #8db9ca;
        height: 340px
    }
    .mktpanel .mkttitle {
        padding: 5px;
        padding-bottom: 15px;
        font-weight: bold;
        color: #003b5c
    }
    .mktpanel .mktimage {
        max-width: 100%
    }
    .mktpanel .mktdesc {
        padding: 5px;
        color: #333333
    }
    .newspnl {
        padding: 2%;
        width: 96%;
        float: left;
        border: 1px solid #8db9ca;
        height: 340px
    }
    .newspnl .newstitle {
        padding: 5px;
        padding-bottom: 15px;
        font-weight: bold;
        color: #003b5c
    }
    .newspnl .newsimage {
        max-width: 100%
    }
    .newspnl .newsdesc {
        padding: 5px;
        color: #333333
    }
    a.news {
        padding: 10px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none;
        float: right;
        margin-top: 10px
    }
    a.news:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_pnlMarketing {
        padding: 2%;
        width: 60%
    }
    #MainContent_pnlMarketing #MainContent_btnOptInToMarketing,
    #MainContent_pnlMarketing #MainContent_btnMarketingCancel {
        padding: 8px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    #MainContent_pnlMarketing #MainContent_btnOptInToMarketing:hover,
    #MainContent_pnlMarketing #MainContent_btnMarketingCancel:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_pnlMarketing #MainContent_btnMarketingCancel {
        float: right
    }

     /* Password Expiry */

       #MainContent_pnlPassword {
        padding: 2%;
        width: 60%
    }
    #MainContent_pnlPassword #MainContent_btnPnlChangePwd,
    #MainContent_pnlPassword #MainContent_btnCancelPwd {
        padding: 8px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    #MainContent_pnlPassword #MainContent_btnPnlChangePwd:hover,
    #MainContent_pnlPassword #MainContent_btnCancelPwd:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_pnlPassword #MainContent_btnCancelPwd {
        float: right
    }


    .dropdown-items .dropdown {
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        margin-bottom: 15px;
        float: left
    }
    .dropdown-items .dropdown select {
        width: 50%;
        padding: 5px;
        float: left
    }
    .dropdown-items .dropdown span.lbl {
        float: left;
        display: block;
        width: 50%;
        padding-top: 6px
    }
    .dd-productresult {
        font-size: 1.3em
    }
    .dd-productresult #MainContent_lblFlosCode {
        color: #000000;
        font-weight: bold;
        display: inline-block
    }
    #MainContent_txtProductSearch {
        display: block;
        padding: 5px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #000000;
        border: solid #ff0000 1px;
        text-decoration: none;
        font-weight: bold;
        width: 100%
    }
    #MainContent_btnSubmitSearch {
        display: block;
        padding: 8px 25px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
        margin-top: 15px;
        font-weight: bold;
        width: 25%
    }
    #MainContent_btnSubmitSearch:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }
    #MainContent_btnReset {
        display: block;
        padding: 8px 9px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
        font-weight: bold;
        float: right
    }
    #MainContent_btnReset:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }


    /* Quote Create*/
    #MainContent_btnCreateQuote {
        display: block;
        padding: 8px 25px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
        font-weight: bold;
        float: left
    }
    #MainContent_btnCreateQuote:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }

    #MainContent_pnlQuote {
        background-color: #ffffff;
        padding: 10px;
        width: 80%;

        border: 1px solid #000;
    }

    #MainContent_pnlQuote #MainContent_btnSumbitQuote,
    #MainContent_pnlQuote #MainContent_btnCloseQuote {
        display: block;
        padding: 5px 5px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
    }

    #MainContent_pnlQuote #MainContent_btnSumbitQuote:hover,
    #MainContent_pnlQuote #MainContent_btnCloseQuote:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }

    #MainContent_pnlQuote #MainContent_btnSumbitQuote {
        float: left;
    }
    #MainContent_pnlQuote #MainContent_btnCloseQuote {
        float: right;
    }

    #MainContent_lblQuoteError {
        display: block;
        color: #ff0000;
        font-weight: bold;
    }

    #MainContent_pnlQuote #MainContent_lblOrderNo {
        width: 40%;
        float: left;

        display: block;
        padding-top: 7px;
    }

    #MainContent_pnlQuote #MainContent_txtOrderNo {
        width: 60%;
        float: left;
    }

    #MainContent_pnlQuote .pad {
        margin-bottom: 15px;
    }

    #MainContent_UpdateProg1 {
        z-index: 7000 !important;
        background-color: #ffffff;

        width: 100%;
        height: 100%;
        filter: alpha(opacity=70);
        opacity: 0.7;
        position: absolute;
        margin-top: -10px;
        margin-left: -10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    body {
        font-size: 0.9em
    }
    .row {
        width: 756px;
        padding: 0 12px;
        margin: 0 auto;
        clear: both
    }
    .twothirds {
        float: left;
        width: 66.66666666666%
    }
    .third {
        float: left;
        width: 33.3333333333%
    }
    .main {
        width: 100%
    }
    .half {
        padding-left: 2%;
        padding-right: 2%;
        width: 50%;
        float: left
    }
    #my_popup,
    #dimensions,
    #help {
        max-width: 80%;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        display: none;
        margin: 1em;
        background-color: #ffffff;
        padding: 3em
    }
    .navigation {
        display: none
    }
    .breadcrumb {
        float: right !important;
        font-size: 0.8em !important;
        margin-bottom: 10px;
        color: #7F7F7F
    }
    .main h1 {
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
        color: #003b5c;
        border-bottom: 1px solid #4e87a0
    }
    .main h2 {
        margin: 0;
        padding: 0;
        margin-bottom: 10px
    }
    .welcome {
        font-weight: bold;
        padding-top: 6px;
        margin-bottom: 10px;
        padding-left: 2%
    }
    .red {
        color: #ff0000
    }
    a.logo {
        min-height: 90px;
        width: 100%;
        float: left;
        background-repeat: no-repeat;
        background-position: left center;
        display: block;
        margin: 10px
    }
    .uk {
        background-image: url(../images/vel.png)
    }
    .us {
        background-image: url(../images/vsi.png)
    }
    .strapline {
        font-size: 2em;
        margin-left: 1.5%;
        line-height: 100px;
        font-weight: bold
    }
    .hhalf {
        width: 100%;
        float: left
    }
    .hhalf .margin {
        margin-top: 4px
    }
    .hhalf .tel-no {
        display: block;
        float: right;
        font-size: 0.9em;
        font-weight: bold;
        padding: 8px;
        width: auto
    }
    .hhalf .email {
        display: block;
        float: right;
        font-size: 0.9em;
        font-weight: bold;
        padding: 8px
    }
    .hhalf .google {
        display: block;
        float: right
    }
    .hhalf .google select {
        padding: 4px
    }
    .hhalf .clear {
        clear: none
    }
    #MainContent_Register,
    #MainContent_ForgotPass,
    #MainContent_terms {
        display: block;
        margin: 5%;
        padding: 5%;
        background-color: #003b5c;
        font-size: 2em;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px
    }
    #MainContent_termsLogin {
        padding: 5px;
        width: auto;
        background-color: #97999b;
        display: inline-block;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px
    }
    #MainContent_terms {
        font-size: 1.5em
    }
    #MainContent_Register:hover,
    #MainContent_ForgotPass:hover,
    #MainContent_terms:hover,
    #MainContent_termsLogin:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_Register {
        margin-top: 50px
    }
    #MainContent_lblError {
        color: #ff0000;
        display: inline-block;
        margin-bottom: 10px;
        font-weight: bold
    }
    .display-box {
        margin-bottom: 15px;
        clear: both
    }
    .display-box .title {
        float: left;
        width: 180px;
        padding: 6px
    }
    .display-box .text-input {
        float: left
    }
    .display-box .text-input input {
        padding: 5px;
        width: 300px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .display-box .text-input input:focus,
    .display-box .text-input select:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .display-box .error-alert {
        color: #ff0000;
        float: left;
        padding: 6px
    }
    .display-box .text-input select {
        width: 300px;
        padding: 5px;
        border: 1px solid #003b5c
    }
    .display-box #MainContent_Submit {
        width: 300px;
        padding: 5px;
        background-color: #003b5c;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        margin-left: 180px;
        margin-top: 15px
    }
    .display-box #MainContent_Submit:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .display-box #MainContent_RegSubmit,
    .display-box #MainContent_btnChangePassword {
        width: 300px;
        padding: 5px;
        background-color: #003b5c;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        margin-left: 180px
    }
    .display-box #MainContent_RegSubmit:hover,
    .display-box #MainContent_btnChangePassword:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main h1.pricing-delivery {
        font-size: 1.75em;
        padding-left: 2%;
        border-bottom: 0
    }
    .main h3.landing-drop {
        padding-left: 2%
    }
    .main a.content-link {
        display: block;
        text-decoration: none;
        padding: 3%;
        margin-bottom: 10px;
        color: #333333;
        border: 1px solid #8db9ca;
        min-height: 115px
    }
    .main a.content-link:hover {
        background-color: #003b5c;
        color: #ffffff
    }
    .main a.content-link:hover h3 {
        color: #ffffff
    }
    a.content-link h3 {
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
        color: #003b5c
    }
    .main #blockScreen {
        float: left;
        margin-left: 10px
    }
    .main #blockScreen .blockScreenLoader {
        margin-top: -16px
    }
    .main #MainContent_lblQuery {
        display: block;
        float: right;
        font-size: 0.8em
    }
    .main .search input#MainContent_chkShowStock {
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5)
    }
    .main .search #MainContent_lblShowStock {
        float: left;
        margin-left: 10px;
        width: 70px;
        font-size: 0.9em
    }
    .main .search input#MainContent_SearchField {
        float: left;
        width: auto;
        padding: 5px
    }
    .main .search input#MainContent_SubmitBtn {
        float: left;
        margin-left: 10px;
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff
    }
    .main .search input#MainContent_SubmitBtn:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search .info {
        clear: both;
        font-size: 0.8em;
        margin-top: 10px;
        margin-bottom: 10px
    }
    .main #MainContent_lblAlert {
        display: block;
        margin-top: 15px;
        font-weight: bold;
        color: #ff0000
    }
    .main .search-results table {
        width: 100%
    }
    .main .search-results table#MainContent_SearchResults thead th,
    .main .search-results table#MainContent_SearchResultsAll thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_SearchResults thead th.header.headerSortUp,
    .main .search-results table#MainContent_SearchResultsAll thead th tr .headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_SearchResults thead th.header.headerSortDown,
    .main .search-results table#MainContent_SearchResultsAll thead th tr .headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_SearchResults td,
    .main .search-results table#MainContent_SearchResultsAll td {
        padding: 1%;
        text-align: center;
        font-size: 0.8em
    }
    .main .search-results table#MainContent_SearchResults td:nth-child(1) {
        width: 20%
    }
    .main .search-results table#MainContent_SearchResults td:nth-child(1),
    .main .search-results table#MainContent_SearchResults td:nth-child(2),
    .main .search-results table#MainContent_SearchResultsAll td:nth-child(1),
    .main .search-results table#MainContent_SearchResultsAll td:nth-child(2) {
        text-align: left
    }
    .main .search-results table#MainContent_SearchResults td:nth-child(2) {
        width: 30%
    }
    .main .search-results table#MainContent_SearchResults th:nth-child(1),
    .main .search-results table#MainContent_SearchResults th:nth-child(2),
    .main .search-results table#MainContent_SearchResultsAll th:nth-child(1),
    .main .search-results table#MainContent_SearchResultsAll th:nth-child(2) {
        text-align: left
    }
    .main .search-results table#MainContent_SearchResults a,
    .main .search-results table#MainContent_SearchResultsAll a {
        display: block
    }
    .main .search-results table#MainContent_SearchResults td a,
    .main .search-results table#MainContent_SearchResultsAll td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_SearchResults td a:hover,
    .main .search-results table#MainContent_SearchResultsAll td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .add-basket #MainContent_lblError {
        color: #ff0000
    }
    .main a#MainContent_imgGuaranteed {
        float: right;
        width: 100px;
        height: 100px;
        background-image: url("http://www.vulcan-eng.com/brochurepages/Images/guaranteed.jpg")
    }
    .main a#MainContent_imgGuaranteed:hover {
        background-image: url("http://www.vulcan-eng.com/brochurepages/Images/guaranteed.jpg")
    }
    .label-head {
        float: left;
        width: 33%
    }
    .product-image {
        text-align: center;
        padding-top: 50px
    }
    .product-image,
    .pricing {
        float: left;
        width: 33%;
        margin-bottom: 20px
    }
    .pricing table#MainContent_PricingDetail {
        width: 100%
    }
    .main .pricing table#MainContent_PricingDetail th {
        background-color: #F5F5F3;
        padding: 2%;
        text-align: center;
        border-bottom: 1px solid #DEDED8
    }
    .main .pricing table#MainContent_PricingDetail td {
        padding: 2%;
        text-align: center;
        border-bottom: 1px solid #DEDED8
    }
    .label-head span {
        display: block;
        padding-bottom: 6px
    }
    .label-head #MainContent_btnProdEdit,
    .label-head #MainContent_btnProdAdd {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        padding: 5px
    }
    .label-head #MainContent_btnProdEdit:hover,
    .label-head #MainContent_btnProdAdd:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_ViewAlts {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 25%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: right;
        margin-top: 10px;
        text-align: center
    }
    #MainContent_ViewAlts:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    a.help_open {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        display: block;
        font-size: 1em;
        float: right;
        margin-top: 10px;
        text-align: center
    }
    a.help_open:hover {
        text-decoration: none
    }
    a.cta-form {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 20px;
        text-align: center;
        text-decoration: none
    }
    a.cta-form:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    a.enq-form {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 10px;
        text-align: center;
        text-decoration: none
    }
    a.enq-form:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .acc_container {
        margin: 0 0 0px;
        padding: 0;
        overflow: hidden;
        font-size: 0.9em;
        padding-left: 15px;
        padding-right: 15px;
        clear: both
    }
    .acc_container .block {
        padding: 0px;
        margin-top: 20px
    }
    .acc_container .block p {
        padding: 0% 0;
        margin: 2% 0
    }
    .acc_container textarea#MainContent_Comments {
        width: 100% !important;
        padding: 1%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .acc_container textarea#MainContent_Comments:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .acc_container input#MainContent_SendEmail {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        padding: 5px
    }
    .acc_container input#MainContent_SendEmail:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .enquire {
        width: 33%
    }
    .enquire h3.title {
        width: 50%;
        float: left;
        margin: 0;
        padding: 0;
        margin-right: 10%;
        padding-top: 5px
    }
    .enquire .sect {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .enquire input[type=text] {
        width: 35%;
        padding: 5px;
        float: left;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .enquire input[type=text]:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .acc_container input#MainContent_btnEnquire {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        padding: 5px
    }
    .acc_container input#MainContent_btnEnquire:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_lblEnquireAlert {
        display: inline-block;
        padding: 10px;
        color: #24B700;
        font-size: 1.5em
    }
    .main #MainContent_lblBrochure {
        float: left
    }
    a.brochurelink {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 20px;
        text-align: center;
        text-decoration: none
    }
    a.brochurelink:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    a.dimensions_open {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 20px;
        text-align: center;
        text-decoration: none
    }
    a.dimensions_open:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .stock-levels .stock-avail,
    .stock-levels .stock-qty {
        background-color: #F5F5F3
    }
    .stock-levels .stock-avail,
    .stock-levels .stock-qty,
    .stock-levels .stock-label,
    .stock-levels .stock-value {
        padding: 5px;
        float: left;
        width: 25%;
        line-height: 2.5em;
        border-bottom: 1px solid #DEDED8
    }
    .stock-levels .stock-label {
        clear: left
    }
    .stock-levels .stock-label:last-child,
    .stock-levels .stock-value:last-child {
        height: 83px
    }
    .history {
        width: 20%;
        float: left;
        margin-top: 20px
    }
    .add-basket {
        width: 33%;
        float: right;
        text-align: right;
        padding-right: 100px;
        margin-top: -180px
    }
    .highlight {
        border: 1px solid #ff0000 !important
    }
    .history input#MainContent_Return,
    .add-basket input#MainContent_AddToBasket {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px
    }
    .history input#MainContent_Return:hover,
    .add-basket input#MainContent_AddToBasket:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .add-basket #MainContent_txtQuantity {
        width: 50%;
        padding: 8px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .add-basket #MainContent_txtQuantity:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .add-basket input#MainContent_AddToBasket {
        padding: 25px;
        margin-top: 15px
    }
    .add-basket #MainContent_lblAddedToCart {
        display: block;
        font-size: 1.5em;
        float: right;
        margin-top: 10px;
        color: #24B700
    }
    #MainContent_lblNewProductTitle,
    #MainContent_lblNewProductShortDesc,
    #MainContent_lblNewProductLongDesc {
        display: inline-block;
        padding: 5px
    }
    #MainContent_txtShortDesc,
    #MainContent_txtProduct,
    #MainContent_txtLongDesc {
        width: 50%;
        padding: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    #MainContent_txtShortDesc:focus,
    #MainContent_txtProduct:focus,
    #MainContent_txtLongDesc:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    #MainContent_btnProductDelete,
    #MainContent_btnProductSave {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px
    }
    #MainContent_btnProductDelete:hover,
    #MainContent_btnProductSave:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_ShoppingCartView th,
    .main .search-results table#MainContent_ShoppingCartMinOrder th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        color: #ffffff
    }
    .main .search-results table#MainContent_ShoppingCartView td,
    .main .search-results table#MainContent_ShoppingCartMinOrder td {
        padding: 1%;
        text-align: center;
        font-size: 0.9em;
        width: 16%
    }
    .main .search-results table#MainContent_ShoppingCartView td:nth-child(1),
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(1) {
        width: 15%;
        font-size: 0.9em
    }
    .main .search-results table#MainContent_ShoppingCartView td:nth-child(6),
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(6) {
        width: 15% !important
    }
    .main .search-results table#MainContent_ShoppingCartView td:nth-child(6) input,
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(6) input {
        width: 50%;
        padding: 5px
    }
    .main .search-results table#MainContent_ShoppingCartView a,
    .main .search-results table#MainContent_ShoppingCartMinOrder a {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px;
        font-size: 1em;
        text-decoration: none
    }
    .main .search-results table#MainContent_ShoppingCartView a:hover,
    .main .search-results table#MainContent_ShoppingCartMinOrder a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_ShoppingCartView input[type=text],
    .main .search-results table#MainContent_ShoppingCartMinOrder input[type=text] {
        padding: 5px;
        width: 25%;
        text-align: center
    }
    .main #MainContent_lblCartAlert {
        display: inline-block;
        color: #ff0000;
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: bold
    }
    .main #MainContent_lblCartTotal,
    #MainContent_lblSubTotal {
        display: inline-block;
        font-size: 1.2em;
        float: right;
        margin-top: 10px;
        color: #000000;
        margin-right: 3%;
        text-decoration: none
    }
    .main #MainContent_PlaceOrder {
        padding: 5px;
        width: 30%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        margin-top: 15px;
        text-align: center;
        text-decoration: none
    }
    .main #MainContent_PlaceOrder:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main .manage-add {
        clear: both;
        margin-bottom: 10px
    }
    .main .manage-add #MainContent_btnManageAddress {
        float: right;
        width: 25%;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main .manage-add #MainContent_btnManageAddress:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .address {
        width: 32%;
        padding: 5px;
        float: left;
        margin: 0.5%;
        font-size: 0.9em;
        border: 1px solid #cccccc
    }
    .main .address-block {
        height: 200px
    }
    .main .address input {
        margin-bottom: 10px;
        padding: 5px;
        width: 80%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        margin: 0 auto;
        text-align: center
    }
    .main .address input:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .address .delbutton {
        margin-bottom: 10px;
        padding: 5px;
        float: right;
        width: 25%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 1px;
        text-align: center
    }
    .main .address span {
        display: block;
        padding: 2px
    }
    .main .ReturnToAdd {
        float: right;
        width: 25%;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center;
        text-decoration: none
    }
    .main .ReturnToAdd:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .add-address ul {
        margin-bottom: 10px
    }
    .main .add-address ul li {
        margin-bottom: 7px;
        width: 100%;
        display: block
    }
    .main .add-address ul li span {
        float: left;
        width: 25%;
        padding-top: 5px
    }
    .main .add-address ul li input {
        float: left;
        width: 25%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        padding: 5px
    }
    .main .add-address ul li select {
        padding: 3px;
        float: left;
        width: 25%;
        margin-right: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .main .add-address ul li input:focus,
    .main .add-address ul li select:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .add-address #MainContent_btnSubmitAddress {
        margin-left: 25%;
        width: 25%;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main .add-address #MainContent_btnSubmitAddress:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main ul#MainContent_RlCarriage {
        margin-bottom: 10px
    }
    .main ul#MainContent_RlCarriage li {
        padding: 3px
    }
    .main ul#MainContent_RlCarriage li input {
        margin-right: 5px
    }
    .main input#MainContent_OrderReview {
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main input#MainContent_OrderReview:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_lblNoCarriage {
        display: block;
        margin-top: 15px;
        font-weight: bold;
        color: #ff0000
    }
    .main a#MainContent_EditAddress,
    .main #MainContent_EditDelivery {
        margin-bottom: 10px;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center;
        width: 30%;
        text-decoration: none
    }
    .main a#MainContent_EditAddress:hover,
    .main #MainContent_EditDelivery:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_SubmitOrder {
        padding: 5px;
        width: 20%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        margin-top: 15px;
        text-align: center;
        margin-bottom: 40px
    }
    .main #MainContent_SubmitOrder:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main #MainContent_txtOrderNo {
        padding: 5px;
        width: 25%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .main #MainContent_txtOrderNo:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .add-address ul li select {
        padding: 3px;
        float: left;
        width: 25%;
        margin-right: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .main .add-address ul li input:focus,
    .main .add-address ul li select:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .contact-us #MainContent_Comments {
        padding: 5px;
        margin-bottom: 10px;
        width: 100%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .contact-us #MainContent_Comments:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .contact-us #MainContent_SendEmail {
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        text-align: center;
        padding: 8px;
        float: right
    }
    .contact-us #MainContent_SendEmail:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main .search-results table#MainContent_CycloneSeps {
        width: 100%
    }
    .main .search-results table#MainContent_CycloneSeps thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_CycloneSeps thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_CycloneSeps thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_CycloneSeps td {
        padding: 1%;
        text-align: center;
        font-size: 0.8em
    }
    .main .search-results table#MainContent_CycloneSeps td:nth-child(1),
    .main .search-results table#MainContent_CycloneSeps th:nth-child(1) {
        width: 20%;
        text-align: left
    }
    .main .search-results table#MainContent_CycloneSeps td:nth-child(2),
    .main .search-results table#MainContent_CycloneSeps th:nth-child(2) {
        text-align: left;
        width: 30%
    }
    .main .search-results table#MainContent_CycloneSeps a {
        display: block
    }
    .main .search-results table#MainContent_CycloneSeps td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_CycloneSeps td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_ddlKamlock {
        padding: 3px;
        width: 160px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .main #MainContent_ddlKamlock:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .search-results table#MainContent_grdKamlocks {
        width: 100%
    }
    .main .search-results table#MainContent_grdKamlocks thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_grdKamlocks thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_grdKamlocks thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_grdKamlocks td {
        padding: 1%;
        text-align: center;
        font-size: 0.8em
    }
    .main .search-results table#MainContent_grdKamlocks td:nth-child(1),
    .main .search-results table#MainContent_grdKamlocks th:nth-child(1) {
        width: 20%;
        text-align: left
    }
    .main .search-results table#MainContent_grdKamlocks td:nth-child(2),
    .main .search-results table#MainContent_grdKamlocks th:nth-child(2) {
        text-align: left;
        width: 30%
    }
    .main .search-results table#MainContent_grdKamlocks a {
        display: block
    }
    .main .search-results table#MainContent_grdKamlocks td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_grdKamlocks td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .search .spacer span {
        display: inline-block;
        width: 20%
    }
    .search #MainContent_ddlManu,
    .search #MainContent_ddlPumpModel {
        padding: 3px;
        width: 50%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .search #MainContent_ddlManu:focus,
    .search #MainContent_ddlddlPumpModel:focus,
    .search #MainContent_SearchField:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .search #MainContent_SearchField {
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        width: 25% !important
    }
    .main .search-results table#MainContent_SearchResultsOEM {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_SearchResultsOEM thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_SearchResultsOEM thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsOEM thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsOEM td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_SearchResultsOEM td:nth-child(1) {
        width: 20%
    }
    .main .search-results table#MainContent_SearchResultsOEM td:nth-child(2),
    .main .search-results table#MainContent_SearchResultsOEM td:nth-child(3),
    .main .search-results table#MainContent_SearchResultsOEM td:nth-child(4) {
        width: 25%;
        text-align: left
    }
    .main .search-results table#MainContent_SearchResultsOEM a {
        display: block
    }
    .main .search-results table#MainContent_SearchResultsOEM td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_SearchResultsOEM td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .oem span {
        display: block;
        padding: 5px;
        float: left;
        width: 25%;
        border-bottom: 1px solid #4e87a0;
        padding-bottom: 5px;
        margin-bottom: 10px
    }
    .main .oem .item {
        width: 75%
    }
    .main .oem a.product-item {
        padding: 5px;
        width: 24%;
        float: left;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none;
        margin-right: 1%
    }
    .main .oem a.product-item:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .ddTitle {
        display: inline-block;
        width: 25%
    }
    .main .ddTitleEncap,
    .main #MainContent_lblInnerDiameter {
        display: inline-block;
        width: 25%
    }
    .main #MainContent_ddlGlandSize,
    .main #MainContent_ddlGlandStyle,
    .main #MainContent_ddlTefStyle,
    .main #MainContent_ddlTefThick,
    .main #MainContent_ddlTefArea,
    .main #MainContent_ddlCore,
    .main #MainContent_ddlCrossSec,
    .main #MainContent_ddlEncap,
    .main #MainContent_txtInnerDia {
        padding: 5px;
        width: 45%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .main #MainContent_ddlCore,
    .main #MainContent_ddlCrossSec,
    .main #MainContent_ddlEncap {
        padding: 3px;
        width: 45%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .main #MainContent_ddlGlandSize:focus,
    .main #MainContent_ddlGlandStyle:focus,
    .main #MainContent_ddlTefStyle:focus,
    .main #MainContent_ddlTefThick:focus,
    .main #MainContent_ddlTefArea:focus,
    .main #MainContent_ddlCore:focus,
    .main #MainContent_ddlCrossSec:focus,
    .main #MainContent_ddlEncap:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .dropdowns {
        margin-bottom: 10px
    }
    .dropdowns span#MainContent_lblProductCode,
    .dropdowns span#MainContent_lblResults {
        width: 25%;
        display: inline-block;
        float: left;
        padding-top: 6px
    }
    .encap span#MainContent_lblProductCode {
        width: 20%
    }
    .dropdowns span#MainContent_lblResults {
        color: #003b5c
    }
    .dropdowns #MainContent_SubmitSearch,
    .main #MainContent_SearchAll {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        width: 10%;
        float: left
    }
    .dropdowns #MainContent_SubmitSearch:hover,
    .main #MainContent_SearchAll:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_SearchAll {
        float: none
    }
    .main #MainContent_ddlBSSize {
        padding: 3px;
        width: 25%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 10px
    }
    .main #MainContent_ddlBSSize:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .search-results table#MainContent_BSChart {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_BSChart thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_BSChart thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_BSChart thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_BSChart td {
        padding: 1%;
        text-align: center;
        font-size: 1em;
        width: 33%
    }
    #MainContent_lblSealType {
        float: left;
        display: block;
        width: 25%;
        padding-top: 8px
    }
    #MainContent_ddlSealtype_ddlSealtype_Table {
        float: left !important
    }
    #MainContent_ddlSealtype input {
        padding: 5px;
        width: 100%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    #MainContent_ddlSealtype input:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    #MainContent_ddlSealtype_ddlSealtype_Button {
        border: 0px !important;
        background-color: #003b5c;
        border: 1px solid #003b5c !important;
        width: 40px !important;
        border-radius: 3px;
        margin-top: 3px !important;
        background-image: url(../images/asc.gif) !important
    }
    #MainContent_ddlSealtype_ddlSealtype_Button:hover {
        background-color: #ffb81c;
        border: 1px solid #003b5c !important;
        color: #003b5c
    }
    #MainContent_ddlSealtype_ddlSealtype_OptionList {
        max-height: 300px
    }
    #MainContent_ddlSealtype_ddlSealtype_OptionList li {
        padding: 3px
    }
    .main #MainContent_ddlItemsize {
        padding: 5px;
        width: 15%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px;
        margin-left: -5px;
        width: 248px
    }
    .main #MainContent_ddlItemsize:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main #MainContent_ddlItemsize select option {
        padding: 5px
    }
    .main .search-results table#MainContent_SearchResultsMech,
    .main .search-results table#MainContent_GridViewNonStandards,
    .main .search-results table#MainContent_GridViewNonStd,
    .main .search-results table#MainContent_SearchResultsMechPTFE {
        width: 100%
    }
    .main .search-results table#MainContent_SearchResultsMech thead th,
    .main .search-results table#MainContent_GridViewNonStandards thead th,
    .main .search-results table#MainContent_GridViewNonStd thead th,
    .main .search-results table#MainContent_SearchResultsMechPTFE thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_SearchResultsMech thead th.header.headerSortUp,
    .main .search-results table#MainContent_GridViewNonStandards thead th.header.headerSortUp,
    .main .search-results table#MainContent_GridViewNonStd thead th.header.headerSortUp,
    .main .search-results table#MainContent_SearchResultsMechPTFE thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsMech thead th.header.headerSortDown,
    .main .search-results table#MainContent_GridViewNonStandards thead th.header.headerSortDown,
    .main .search-results table#MainContent_GridViewNonStd thead th.header.headerSortDown,
    .main .search-results table#MainContent_SearchResultsMechPTFE thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsMech td,
    .main .search-results table#MainContent_GridViewNonStandards td,
    .main .search-results table#MainContent_GridViewNonStd td,
    .main .search-results table#MainContent_SearchResultsMechPTFE td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_SearchResultsMech a,
    .main .search-results table#MainContent_GridViewNonStandards a,
    .main .search-results table#MainContent_GridViewNonStd a,
    .main .search-results table#MainContent_SearchResultsMechPTFE a {
        display: block
    }
    .main .search-results table#MainContent_SearchResultsMech td a,
    .main .search-results table#MainContent_GridViewNonStandards td a,
    .main .search-results table#MainContent_GridViewNonStd td a,
    .main .search-results table#MainContent_SearchResultsMechPTFE td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_SearchResultsMech td a:hover,
    .main .search-results table#MainContent_GridViewNonStandards td a:hover,
    .main .search-results table#MainContent_GridViewNonStd td a:hover,
    .main .search-results table#MainContent_SearchResultsMechPTFE td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .profile .ProfileLabel {
        display: inline-block;
        width: 20%
    }
    .main .profile input {
        margin-left: 20%;
        margin-top: 10px
    }
    .main .profile input#MainContent_btnEditProfile,
    .main .profile input#MainContent_btnSaveProfile {
        padding: 5px;
        width: 20%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main .profile input#MainContent_btnEditProfile,
    .main .profile input#MainContent_btnSaveProfile {
        margin-left: 0%
    }
    .main .profile input#MainContent_btnEditProfile:hover,
    .main .profile input#MainContent_btnSaveProfile:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main .profile #MainContent_txtForename,
    .main .profile #MainContent_txtSurname,
    .main .profile #MainContent_txtEmail,
    .main .profile #MainContent_txtPassword {
        padding: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        width: 25%
    }
    .main .profile #MainContent_txtForename:focus,
    .main .profile #MainContent_txtSurname:focus,
    .main .profile #MainContent_txtEmail:focus,
    .main .profile #MainContent_txtPassword:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .profile #MainContent_EmailCheck,
    .main .profile #MainContent_PasswordValidate {
        color: #ff0000
    }
    .main .search-results table#MainContent_StatementsHist,
    .main .search-results table#MainContent_StatementsHistory {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_StatementsHist thead th,
    .main .search-results table#MainContent_StatementsHistory thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_StatementsHist thead th.header.headerSortUp,
    .main .search-results table#MainContent_StatementsHistory thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_StatementsHist thead th.header.headerSortDown,
    .main .search-results table#MainContent_StatementsHistory thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_StatementsHist td,
    .main .search-results table#MainContent_StatementsHistory td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_StatementsHist td a,
    .main .search-results table#MainContent_StatementsHistory td a {
        display: block;
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_StatementsHist td a:hover,
    .main .search-results table#MainContent_StatementsHistory td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    table#MainContent_StatementsHist tr:last-child td,
    table#MainContent_StatementsHist tr:last-child td {
        font-size: 1em !important
    }
    .main .search-results table#MainContent_StatementsHist td:nth-child(1),
    .main .search-results table#MainContent_StatementsHist td:nth-child(2),
    .main .search-results table#MainContent_StatementsHist td:nth-child(3),
    .main .search-results table#MainContent_StatementsHist td:nth-child(4),
    .main .search-results table#MainContent_StatementsHist td:nth-child(5),
    .main .search-results table#MainContent_StatementsHist td:nth-child(6),
    .main .search-results table#MainContent_StatementsHist td:nth-child(7),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(1),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(2),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(3),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(4),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(5),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(6),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(7) {
        width: 14%
    }
    .main #MainContent_btnShowHistory,
    .main #MainContent_btnShowOpen {
        padding: 5px;
        width: 25%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        margin-top: 15px;
        text-align: center;
        margin-bottom: 10px
    }
    .main #MainContent_btnShowHistory:hover,
    .main #MainContent_btnShowOpen:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_StatementsHistory>tbody>tr:last-child td table td {
        width: 7.1%
    }
    .main .search-results table#MainContent_StatementsHistory>tbody>tr:last-child td table {
        width: 50%;
        float: right
    }
    .pager a {
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        font-size: 0.8em;
        text-align: center;
        text-decoration: none
    }
    .pager a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .pager span {
        padding: 5px;
        display: block;
        background-color: #8db9ca;
        border: 1px solid #8db9ca;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #003b5c;
        font-size: 0.8em;
        text-align: center;
        text-decoration: none
    }
    .main .search-results table#MainContent_ProductHist {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_ProductHist thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_ProductHist thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_ProductHist thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_ProductHist td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_ProductHist a {
        display: block
    }
    .main .search-results table#MainContent_ProductHist td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_ProductHist td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    input#MainContent_btnGenerateInvoice {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px;
        margin-top: 4px
    }
    input#MainContent_btnGenerateInvoice:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_grdPackingList {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_grdPackingList thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_grdPackingList thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_grdPackingList thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_grdPackingList td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_grdPackingList a {
        display: block
    }
    .main .search-results table#MainContent_grdPackingList td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_grdPackingList td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_grdPackingList>tbody>tr:last-child td table td {
        width: 7.1%
    }
    .main .search-results table#MainContent_grdPackingList>tbody>tr:last-child td table {
        width: 50%;
        float: right
    }
    .main .search-results table#MainContent_grdPriceEnquiries {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_grdPriceEnquiries thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_grdPriceEnquiries thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_grdPriceEnquiries thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_grdPriceEnquiries td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_grdPriceEnquiries a {
        display: block
    }
    .main .search-results table#MainContent_grdPriceEnquiries td:nth-child(9) a {
        display: inline-block;
        margin-left: 3px;
        margin-right: 3px
    }
    .main .search-results table#MainContent_grdPriceEnquiries td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_grdPriceEnquiries td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }

    /* Shopping CArt Audit*/
    .main .search-results table#MainContent_ShoppingCartMinOrder th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td {
        padding: 1%;
        text-align: center;
        font-size: 0.9em;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(1) {
        width: 15%;
        font-size: 0.9em;
    }
    /*.main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(2),
    .main .search-results table#MainContent_ShoppingCartMinOrder th:nth-child(2),*/
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(3),
    .main .search-results table#MainContent_ShoppingCartMinOrder th:nth-child(3) {
        display: none;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(6) {
        color: #ff0000;
        font-weight: bold;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(7) {
        color: #5CAF24;
        font-weight: bold;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(6) {
        width: 15% !important;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(6) input {
        width: 50%;
        padding: 5px;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder a {

        font-size: 1em;
    }

    .tech-lib a.tl-box {
        display: block;
        text-decoration: none;
        padding: 3%;
        margin-bottom: 10px;
        color: #333333;
        border: 1px solid #8db9ca;
        min-height: 135px
    }
    .tech-lib a.tl-box:hover {
        background-color: #003b5c;
        color: #ffffff
    }
    .tech-lib .half {
        float: left;
        width: 47%;
        margin: 1.5%
    }
    .tech-lib .full {
        width: 97%;
        margin: 1.5%
    }
    .tech-lib a.tl-box:hover h3 {
        color: #ffffff
    }
    a.tl-box h3 {
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
        color: #003b5c
    }
    .acc {
        background-color: #003b5c;
        -webkit-box-shadow: 0px 1px 3px #666666;
        -moz-box-shadow: 0px 1px 3px #666666;
        box-shadow: 0px 1px 3px #666666;
        width: 100%;
        margin-bottom: 10px
    }
    .acc a {
        display: block;
        text-decoration: none;
        padding: 10px 10px 10px 10px;
        color: #ffffff
    }
    .acc a:hover {
        background: #ffb81c;
        text-decoration: none;
        color: #003b5c
    }
    .acc_c {
        margin: 0 0 0px;
        padding: 0;
        overflow: hidden;
        font-size: 0.9em;
        background: #8db9ca;
        clear: both;
        border: 1px solid #8db9ca;
        margin-bottom: 10px
    }
    .acc_c .block {
        padding: 0px
    }
    .acc_c .block p {
        padding: 0% 0;
        margin: 2% 0
    }
    .acc_c .block a.download {
        display: block;
        text-decoration: none;
        padding: 1%;
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px solid #003b5c;
        width: 49%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        float: left;
        color: #003b5c
    }
    .acc_c .block a.download:hover {
        background-color: #003b5c;
        color: #ffffff
    }
    #MainContent_ddlBrochure,
    #MainContent_ddlBrochureLang {
        padding: 5px;
        width: 50%;
        clear: both;
        margin-bottom: 10px;
        float: left
    }
    #MainContent_lblBrochureQty {
        float: left;
        width: 80px;
        display: block;
        padding-top: 6px
    }
    #MainContent_txtBrochureQty {
        padding: 5px;
        float: left;
        width: 7%
    }
    #MainContent_btnRequestBrochure {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none;
        width: 35%;
        margin-top: 10px
    }
    #MainContent_btnRequestBrochure:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_lblConfirmation {
        display: block;
        margin-top: 10px;
        padding: 5px;
        font-weight: bold;
        color: #32CD32
    }
    .marketing-panel {
        margin-bottom: 10px
    }
    .marketing-panel a {
        margin: 2%;
        margin-top: 0;
        display: block;
        text-decoration: none;
        color:
    }
    .marketing-panel a:hover {
        border: 1px solid #003b5c
    }
    .mktpanel {
        padding: 2%;
        width: 46%;
        float: left;
        border: 1px solid #8db9ca;
        height: 340px
    }
    .mktpanel .mkttitle {
        padding: 5px;
        padding-bottom: 15px;
        font-weight: bold;
        color: #003b5c
    }
    .mktpanel .mktimage {
        max-width: 100%
    }
    .mktpanel .mktdesc {
        padding: 5px;
        color: #333333
    }
    .newspnl {
        padding: 2%;
        width: 46%;
        float: left;
        border: 1px solid #8db9ca;
        height: 340px
    }
    .newspnl .newstitle {
        padding: 5px;
        padding-bottom: 15px;
        font-weight: bold;
        color: #003b5c
    }
    .newspnl .newsimage {
        max-width: 100%
    }
    .newspnl .newsdesc {
        padding: 5px;
        color: #333333
    }
    a.news {
        padding: 10px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none;
        float: right;
        margin-top: 10px
    }
    a.news:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .article-width {
        width: 90%
    }
    #MainContent_pnlMarketing {
        padding: 2%;
        width: 60%
    }
    #MainContent_pnlMarketing #MainContent_btnOptInToMarketing,
    #MainContent_pnlMarketing #MainContent_btnMarketingCancel {
        padding: 8px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    #MainContent_pnlMarketing #MainContent_btnOptInToMarketing:hover,
    #MainContent_pnlMarketing #MainContent_btnMarketingCancel:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_pnlMarketing #MainContent_btnMarketingCancel {
        float: right
    }

     /* Password Expiry */

       #MainContent_pnlPassword {
        padding: 2%;
        width: 60%
    }
    #MainContent_pnlPassword #MainContent_btnPnlChangePwd,
    #MainContent_pnlPassword #MainContent_btnCancelPwd {
        padding: 8px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    #MainContent_pnlPassword #MainContent_btnPnlChangePwd:hover,
    #MainContent_pnlPassword #MainContent_btnCancelPwd:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_pnlPassword #MainContent_btnCancelPwd {
        float: right
    }



    .dropdown-items .dropdown {
        width: 45%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        margin-bottom: 15px;
        float: left
    }
    .dropdown-items .dropdown select {
        width: 70%;
        padding: 5px;
        float: left
    }
    .dropdown-items .dropdown span.lbl {
        float: left;
        display: block;
        width: 30%;
        padding-top: 6px
    }
    .dd-productresult {
        font-size: 1.3em
    }
    .dd-productresult #MainContent_lblFlosCode {
        color: #000000;
        font-weight: bold;
        display: inline-block
    }
    #MainContent_txtProductSearch {
        display: block;
        padding: 5px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #000000;
        border: solid #ff0000 1px;
        text-decoration: none;
        font-weight: bold;
        width: 35%
    }
    #MainContent_btnSubmitSearch {
        display: block;
        padding: 8px 25px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
        margin-top: 15px;
        font-weight: bold;
        width: 25%
    }
    #MainContent_btnSubmitSearch:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }
    #MainContent_btnReset {
        display: block;
        padding: 8px 25px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
        font-weight: bold;
        float: right
    }
    #MainContent_btnReset:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }
    .ds h2 {
        color: #666666
    }
    .dsimage {
        text-align: center
    }
    .dsstanmat {
        padding-left: 2%;
        padding-right: 2%
    }
    .ds .fifth {
        width: 18%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
        text-align: center
    }
    .dsdrawings {
        padding-left: 2%;
        padding-right: 2%
    }
    .ds .thirtyfive {
        width: 35%;
        float: left;
        text-align: center
    }
    .ds .thirty {
        width: 30%;
        float: left;
        text-align: center
    }
    .dsdimensions {
        padding-left: 2%;
        padding-right: 2%;
        margin-bottom: 10px
    }
    .dsdimensions table {
        width: 100%;
        font-size: 0.9em
    }
    .dsdimensions table th {
        font-weight: bold;
        text-align: center
    }
    .dsdimensions table td {
        text-align: center
    }
    .dspv {
        text-align: center
    }
    .dstitle-hid,
    .dsfooter {
        display: none
    }

    /* Quote Creation Code*/
    #MainContent_btnCreateQuote {
        display: block;
        padding: 8px 25px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
        font-weight: bold;
        float: left
    }
    #MainContent_btnCreateQuote:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }

    #MainContent_pnlQuote {
        background-color: #ffffff;
        padding: 10px;
        width: 475px;

        border: 1px solid #000;
    }

    #MainContent_pnlQuote #MainContent_btnSumbitQuote,
    #MainContent_pnlQuote #MainContent_btnCloseQuote {
        display: block;
        padding: 5px 5px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
    }

    #MainContent_pnlQuote #MainContent_btnSumbitQuote:hover,
    #MainContent_pnlQuote #MainContent_btnCloseQuote:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }

    #MainContent_pnlQuote #MainContent_btnSumbitQuote {
        float: left;
    }
    #MainContent_pnlQuote #MainContent_btnCloseQuote {
        float: right;
    }

    #MainContent_lblQuoteError {
        display: block;
        color: #ff0000;
        font-weight: bold;
    }

    #MainContent_pnlQuote #MainContent_lblOrderNo {
        width: 40%;
        float: left;

        display: block;
        padding-top: 7px;
    }

    #MainContent_pnlQuote #MainContent_txtOrderNo {
        width: 60%;
        float: left;
    }

    #MainContent_pnlQuote .pad {
        margin-bottom: 15px;
    }

    #MainContent_UpdateProg1 {
        z-index: 7000 !important;
        background-color: #ffffff;

        width: 100%;
        height: 100%;
        filter: alpha(opacity=70);
        opacity: 0.7;
        position: absolute;
        margin-top: -10px;
        margin-left: -10px;
    }


    table#MainContent_QuoteHistory {
        width: 100%
    }
    table#MainContent_QuoteHistory thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;


        color: #ffffff
    }
    table#MainContent_QuoteHistory td {
        padding: 0.5%;
        text-align: center;
        width: 20%;
    }

    table#MainContent_QuoteHistory td:nth-child(3),
    table#MainContent_QuoteHistory th:nth-child(3) {
        text-align: left;
        width: 20%
    }

    table#MainContent_QuoteHistory a {
        display: block
    }
    table#MainContent_QuoteHistory td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    table#MainContent_QuoteHistory td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }

    /* Quote Details*/
    .quotedetails {
        margin-top: 15px;
    }

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


    table#MainContent_grdQuoteDetails {
        width: 100%
    }
    table#MainContent_grdQuoteDetails thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        cursor: pointer;
        color: #ffffff
    }
    table#MainContent_grdQuoteDetails td {
        padding: 0.5%;
        text-align: center;
    }
    table#MainContent_grdQuoteDetails td:nth-child(1),
    table#MainContent_grdQuoteDetails th:nth-child(1) {
        width: 5%;
    }

    table#MainContent_grdQuoteDetails td:nth-child(2),
    table#MainContent_grdQuoteDetails th:nth-child(2) {
        width: 20%;
    }

    table#MainContent_grdQuoteDetails td:nth-child(3),
    table#MainContent_grdQuoteDetails th:nth-child(3) {
        text-align: left;
        width: 30%
    }

    table#MainContent_grdQuoteDetails td:nth-child(4),
    table#MainContent_grdQuoteDetails th:nth-child(4) {
        width: 10%;
    }

    table#MainContent_grdQuoteDetails td:nth-child(5),
    table#MainContent_grdQuoteDetails th:nth-child(5),
    table#MainContent_grdQuoteDetails td:nth-child(6),
    table#MainContent_grdQuoteDetails th:nth-child(6) {
        width: 15%;
    }

    table#MainContent_grdQuoteDetails a {
        display: block
    }
    table#MainContent_grdQuoteDetails td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    table#MainContent_grdQuoteDetails td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
}
@media only screen and (min-width: 999px) and (max-width: 1169px) {
    body {
        font-size: 0.9em
    }
    .row {
        width: 975px;
        padding: 0 12px;
        margin: 0 auto;
        clear: both
    }
    .twothirds {
        float: left;
        width: 66.66666666666%
    }
    .third {
        float: left;
        width: 33.3333333333%
    }
    .main {
        width: 80%;
        float: left
    }
    .half {
        padding-left: 2%;
        padding-right: 2%;
        width: 50%;
        float: left
    }
    #my_popup,
    #dimensions,
    #help {
        max-width: 80%;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        display: none;
        margin: 1em;
        background-color: #ffffff;
        padding: 3em
    }
    .navigation {
        float: left;
        width: 18%;
        font-size: 0.9em;
        margin-right: 2%;
        display: block
    }
    .navigation .text {
        padding-left: 2%;
        padding-bottom: 2%;
        padding-top: 2%;
        display: block;
        border-bottom: 3px solid #ffb81c;
        background-color: #003b5c;
        margin-top: 10px;
        margin-bottom: 5px;
        font-weight: bold;
        color: #ffffff
    }
    .navigation ul li a {
        padding: 2%;
        display: block;
        text-decoration: none;
        color: #333333
    }
    .navigation li a:hover {
        background-color: #ffb81c;
        text-decoration: none;
        color: #003b5c;
        padding: 2%
    }
    .breadcrumb {
        float: right !important;
        font-size: 0.8em !important;
        margin-bottom: 10px;
        color: #7F7F7F
    }
    .main h1 {
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
        color: #003b5c;
        border-bottom: 1px solid #4e87a0
    }
    .main h2 {
        margin: 0;
        padding: 0;
        margin-bottom: 10px
    }
    .welcome {
        font-weight: bold;
        padding-top: 6px;
        margin-bottom: 10px;
        padding-left: 2%
    }
    .red {
        color: #ff0000
    }
    a.logo {
        min-height: 120px;
        width: 100%;
        float: left;
        background-repeat: no-repeat;
        background-position: left center;
        display: block
    }
    .uk {
        background-image: url(../images/vel.png)
    }
    .us {
        background-image: url(../images/vsi.png)
    }
    .strapline {
        font-size: 2em;
        margin-left: 1.5%;
        margin-top: 45px;
        font-weight: bold
    }
    div.slicknav_menu {
        display: none
    }
    .hhalf {
        width: 50%;
        float: left
    }
    .hhalf .margin {
        margin-top: 3px
    }
    .hhalf .tel-no {
        display: block;
        float: right;
        font-size: 0.9em;
        font-weight: bold;
        padding: 8px;
        width: auto
    }
    .hhalf .email {
        display: block;
        float: right;
        font-size: 0.9em;
        font-weight: bold;
        padding: 8px
    }
    .hhalf .google {
        display: block;
        float: right
    }
    .hhalf .google select {
        padding: 4px
    }
    #MainContent_Register,
    #MainContent_ForgotPass,
    #MainContent_terms {
        display: block;
        margin: 5%;
        padding: 5%;
        background-color: #003b5c;
        font-size: 2em;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px
    }
    #MainContent_termsLogin {
        padding: 5px;
        width: auto;
        background-color: #97999b;
        display: inline-block;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px
    }
    #MainContent_terms {
        font-size: 1.5em
    }
    #MainContent_Register:hover,
    #MainContent_ForgotPass:hover,
    #MainContent_terms:hover,
    #MainContent_termsLogin:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_Register {
        margin-top: 50px
    }
    #MainContent_lblError {
        color: #ff0000;
        display: inline-block;
        margin-bottom: 10px;
        font-weight: bold
    }
    .display-box {
        margin-bottom: 15px;
        clear: both
    }
    .display-box .title {
        float: left;
        width: 180px;
        padding: 6px
    }
    .display-box .text-input {
        float: left
    }
    .display-box .text-input input {
        padding: 5px;
        width: 300px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .display-box .text-input input:focus,
    .display-box .text-input select:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .display-box .error-alert {
        color: #ff0000;
        float: left;
        padding: 6px
    }
    .display-box .text-input select {
        width: 300px;
        padding: 5px;
        border: 1px solid #003b5c
    }
    .display-box #MainContent_Submit {
        width: 300px;
        padding: 5px;
        background-color: #003b5c;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        margin-left: 180px;
        margin-top: 15px
    }
    .display-box #MainContent_Submit:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .display-box #MainContent_RegSubmit,
    .display-box #MainContent_btnChangePassword {
        width: 300px;
        padding: 5px;
        background-color: #003b5c;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        margin-left: 180px
    }
    .display-box #MainContent_RegSubmit:hover,
    .display-box #MainContent_btnChangePassword:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main h1.pricing-delivery {
        font-size: 1.75em;
        padding-left: 2%;
        border-bottom: 0
    }
    .main h3.landing-drop {
        padding-left: 2%
    }
    .main a.content-link {
        display: block;
        text-decoration: none;
        padding: 3%;
        margin-bottom: 10px;
        color: #333333;
        border: 1px solid #8db9ca;
        min-height: 115px
    }
    .main a.content-link:hover {
        background-color: #003b5c;
        color: #ffffff
    }
    .main a.content-link:hover h3 {
        color: #ffffff
    }
    a.content-link h3 {
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
        color: #003b5c
    }
    .main #blockScreen {
        float: left;
        margin-left: 10px
    }
    .main #blockScreen .blockScreenLoader {
        margin-top: -16px
    }
    .main #MainContent_lblQuery {
        display: block;
        float: right;
        font-size: 0.8em
    }
    .main .search input#MainContent_chkShowStock {
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5)
    }
    .main .search #MainContent_lblShowStock {
        float: left;
        margin-left: 10px;
        width: 70px;
        font-size: 0.9em
    }
    .main .search input#MainContent_SearchField {
        float: left;
        width: auto;
        padding: 5px
    }
    .main .search input#MainContent_SubmitBtn {
        float: left;
        margin-left: 10px;
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff
    }
    .main .search input#MainContent_SubmitBtn:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search .info {
        clear: both;
        font-size: 0.8em;
        margin-top: 10px;
        margin-bottom: 10px
    }
    .main #MainContent_lblAlert {
        display: block;
        margin-top: 15px;
        font-weight: bold;
        color: #ff0000
    }
    .main .search-results table {
        width: 100%
    }
    .main .search-results table#MainContent_SearchResults thead th,
    .main .search-results table#MainContent_SearchResultsAll thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_SearchResults thead th.header.headerSortUp,
    .main .search-results table#MainContent_SearchResultsAll thead th tr .headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_SearchResults thead th.header.headerSortDown,
    .main .search-results table#MainContent_SearchResultsAll thead th tr .headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_SearchResults td,
    .main .search-results table#MainContent_SearchResultsAll td {
        padding: 1%;
        text-align: center;
        font-size: 0.8em
    }
    .main .search-results table#MainContent_SearchResults td:nth-child(1) {
        width: 20%
    }
    .main .search-results table#MainContent_SearchResults td:nth-child(1),
    .main .search-results table#MainContent_SearchResults td:nth-child(2),
    .main .search-results table#MainContent_SearchResultsAll td:nth-child(1),
    .main .search-results table#MainContent_SearchResultsAll td:nth-child(2) {
        text-align: left
    }
    .main .search-results table#MainContent_SearchResults td:nth-child(2) {
        width: 30%
    }
    .main .search-results table#MainContent_SearchResults th:nth-child(1),
    .main .search-results table#MainContent_SearchResults th:nth-child(2),
    .main .search-results table#MainContent_SearchResultsAll th:nth-child(1),
    .main .search-results table#MainContent_SearchResultsAll th:nth-child(2) {
        text-align: left
    }
    .main .search-results table#MainContent_SearchResults a,
    .main .search-results table#MainContent_SearchResultsAll a {
        display: block
    }
    .main .search-results table#MainContent_SearchResults td a,
    .main .search-results table#MainContent_SearchResultsAll td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_SearchResults td a:hover,
    .main .search-results table#MainContent_SearchResultsAll td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .add-basket #MainContent_lblError {
        color: #ff0000
    }
    .main a#MainContent_imgGuaranteed {
        float: right;
        width: 100px;
        height: 100px;
        background-image: url("http://www.vulcan-eng.com/brochurepages/Images/guaranteed.jpg")
    }
    .main a#MainContent_imgGuaranteed:hover {
        background-image: url("http://www.vulcan-eng.com/brochurepages/Images/guaranteed.jpg")
    }
    .label-head {
        float: left;
        width: 33%
    }
    .product-image {
        text-align: center;
        padding-top: 50px
    }
    .product-image,
    .pricing {
        float: left;
        width: 33%;
        margin-bottom: 20px
    }
    .pricing table#MainContent_PricingDetail {
        width: 100%
    }
    .main .pricing table#MainContent_PricingDetail th {
        background-color: #F5F5F3;
        padding: 2%;
        text-align: center;
        border-bottom: 1px solid #DEDED8
    }
    .main .pricing table#MainContent_PricingDetail td {
        padding: 2%;
        text-align: center;
        border-bottom: 1px solid #DEDED8
    }
    .label-head span {
        display: block;
        padding-bottom: 6px
    }
    .label-head #MainContent_btnProdEdit,
    .label-head #MainContent_btnProdAdd {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        padding: 5px
    }
    .label-head #MainContent_btnProdEdit:hover,
    .label-head #MainContent_btnProdAdd:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_ViewAlts {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 25%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: right;
        margin-top: 10px;
        text-align: center
    }
    #MainContent_ViewAlts:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    a.help_open {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        display: block;
        font-size: 1em;
        float: right;
        margin-top: 10px;
        text-align: center
    }
    a.help_open:hover {
        text-decoration: none
    }
    a.cta-form {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 20px;
        text-align: center;
        text-decoration: none
    }
    a.cta-form:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    a.enq-form {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 10px;
        text-align: center;
        text-decoration: none
    }
    a.enq-form:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .acc_container {
        margin: 0 0 0px;
        padding: 0;
        overflow: hidden;
        font-size: 0.9em;
        padding-left: 15px;
        padding-right: 15px;
        clear: both
    }
    .acc_container .block {
        padding: 0px;
        margin-top: 20px
    }
    .acc_container .block p {
        padding: 0% 0;
        margin: 2% 0
    }
    .acc_container textarea#MainContent_Comments {
        width: 100% !important;
        padding: 1%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .acc_container textarea#MainContent_Comments:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .acc_container input#MainContent_SendEmail {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        padding: 5px
    }
    .acc_container input#MainContent_SendEmail:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .enquire {
        width: 33%
    }
    .enquire h3.title {
        width: 50%;
        float: left;
        margin: 0;
        padding: 0;
        margin-right: 10%;
        padding-top: 5px
    }
    .enquire .sect {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .enquire input[type=text] {
        width: 35%;
        padding: 5px;
        float: left;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .enquire input[type=text]:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .acc_container input#MainContent_btnEnquire {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        padding: 5px
    }
    .acc_container input#MainContent_btnEnquire:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_lblEnquireAlert {
        display: inline-block;
        padding: 10px;
        color: #24B700;
        font-size: 1.5em
    }
    .main #MainContent_lblBrochure {
        float: left
    }
    a.brochurelink {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 20px;
        text-align: center;
        text-decoration: none
    }
    a.brochurelink:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    a.dimensions_open {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 20px;
        text-align: center;
        text-decoration: none
    }
    a.dimensions_open:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .stock-levels .stock-avail,
    .stock-levels .stock-qty {
        background-color: #F5F5F3
    }
    .stock-levels .stock-avail,
    .stock-levels .stock-qty,
    .stock-levels .stock-label,
    .stock-levels .stock-value {
        padding: 5px;
        float: left;
        width: 25%;
        line-height: 2.5em;
        border-bottom: 1px solid #DEDED8
    }
    .stock-levels .stock-label {
        clear: left
    }
    .stock-levels .stock-label:last-child,
    .stock-levels .stock-value:last-child {
        height: 83px
    }
    .history {
        width: 20%;
        float: left;
        margin-top: 20px
    }
    .add-basket {
        width: 33%;
        float: right;
        text-align: right;
        padding-right: 100px;
        margin-top: -180px
    }
    .highlight {
        border: 1px solid #ff0000 !important
    }
    .history input#MainContent_Return,
    .add-basket input#MainContent_AddToBasket {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px
    }
    .history input#MainContent_Return:hover,
    .add-basket input#MainContent_AddToBasket:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .add-basket #MainContent_txtQuantity {
        width: 25%;
        padding: 8px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .add-basket #MainContent_txtQuantity:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .add-basket input#MainContent_AddToBasket {
        padding: 25px;
        margin-top: 15px
    }
    .add-basket #MainContent_lblAddedToCart {
        display: block;
        font-size: 1.5em;
        float: right;
        margin-top: 10px;
        color: #24B700
    }
    #MainContent_lblNewProductTitle,
    #MainContent_lblNewProductShortDesc,
    #MainContent_lblNewProductLongDesc {
        display: inline-block;
        padding: 5px
    }
    #MainContent_txtShortDesc,
    #MainContent_txtProduct,
    #MainContent_txtLongDesc {
        width: 50%;
        padding: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    #MainContent_txtShortDesc:focus,
    #MainContent_txtProduct:focus,
    #MainContent_txtLongDesc:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    #MainContent_btnProductDelete,
    #MainContent_btnProductSave {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px
    }
    #MainContent_btnProductDelete:hover,
    #MainContent_btnProductSave:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_ShoppingCartView th,
    .main .search-results table#MainContent_ShoppingCartMinOrder th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        color: #ffffff
    }
    .main .search-results table#MainContent_ShoppingCartView td,
    .main .search-results table#MainContent_ShoppingCartMinOrder td {
        padding: 1%;
        text-align: center;
        font-size: 0.9em;
        width: 16%
    }
    .main .search-results table#MainContent_ShoppingCartView td:nth-child(1),
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(1) {
        width: 15%;
        font-size: 0.9em
    }
    .main .search-results table#MainContent_ShoppingCartView td:nth-child(6),
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(6) {
        width: 15% !important
    }
    .main .search-results table#MainContent_ShoppingCartView td:nth-child(6) input,
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(6) input {
        width: 50%;
        padding: 5px
    }
    .main .search-results table#MainContent_ShoppingCartView a,
    .main .search-results table#MainContent_ShoppingCartMinOrder a {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px;
        font-size: 1em;
        text-decoration: none
    }
    .main .search-results table#MainContent_ShoppingCartView a:hover,
    .main .search-results table#MainContent_ShoppingCartMinOrder a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_ShoppingCartView input[type=text],
    .main .search-results table#MainContent_ShoppingCartMinOrder input[type=text] {
        padding: 5px;
        width: 25%;
        text-align: center
    }
    .main #MainContent_lblCartAlert {
        display: inline-block;
        color: #ff0000;
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: bold
    }
    .main #MainContent_lblCartTotal,
    #MainContent_lblSubTotal {
        display: inline-block;
        font-size: 1.2em;
        float: right;
        margin-top: 10px;
        color: #000000;
        margin-right: 3%;
        text-decoration: none
    }
    .main #MainContent_PlaceOrder {
        padding: 5px;
        width: 30%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        margin-top: 15px;
        text-align: center;
        text-decoration: none
    }
    .main #MainContent_PlaceOrder:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main .manage-add {
        clear: both;
        margin-bottom: 10px
    }
    .main .manage-add #MainContent_btnManageAddress {
        float: right;
        width: 25%;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main .manage-add #MainContent_btnManageAddress:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .address {
        width: 32%;
        padding: 5px;
        float: left;
        margin: 0.5%;
        font-size: 0.9em;
        border: 1px solid #cccccc
    }
    .main .address-block {
        height: 200px
    }
    .main .address input {
        margin-bottom: 10px;
        padding: 5px;
        width: 80%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        margin: 0 auto;
        text-align: center
    }
    .main .address input:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .address .delbutton {
        margin-bottom: 10px;
        padding: 5px;
        float: right;
        width: 25%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 1px;
        text-align: center
    }
    .main .address span {
        display: block;
        padding: 2px
    }
    .main .ReturnToAdd {
        float: right;
        width: 25%;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center;
        text-decoration: none
    }
    .main .ReturnToAdd:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .add-address ul {
        margin-bottom: 10px
    }
    .main .add-address ul li {
        margin-bottom: 7px;
        width: 100%;
        display: block
    }
    .main .add-address ul li span {
        float: left;
        width: 25%;
        padding-top: 5px
    }
    .main .add-address ul li input {
        float: left;
        width: 25%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        padding: 5px
    }
    .main .add-address ul li select {
        padding: 3px;
        float: left;
        width: 25%;
        margin-right: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .main .add-address ul li input:focus,
    .main .add-address ul li select:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .add-address #MainContent_btnSubmitAddress {
        margin-left: 25%;
        width: 25%;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main .add-address #MainContent_btnSubmitAddress:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main ul#MainContent_RlCarriage {
        margin-bottom: 10px
    }
    .main ul#MainContent_RlCarriage li {
        padding: 3px
    }
    .main ul#MainContent_RlCarriage li input {
        margin-right: 5px
    }
    .main input#MainContent_OrderReview {
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main input#MainContent_OrderReview:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_lblNoCarriage {
        display: block;
        margin-top: 15px;
        font-weight: bold;
        color: #ff0000
    }
    .main a#MainContent_EditAddress,
    .main #MainContent_EditDelivery {
        margin-bottom: 10px;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center;
        width: 30%;
        text-decoration: none
    }
    .main a#MainContent_EditAddress:hover,
    .main #MainContent_EditDelivery:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_SubmitOrder {
        padding: 5px;
        width: 20%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        margin-top: 15px;
        text-align: center;
        margin-bottom: 40px
    }
    .main #MainContent_SubmitOrder:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main #MainContent_txtOrderNo {
        padding: 5px;
        width: 25%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .main #MainContent_txtOrderNo:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .add-address ul li select {
        padding: 3px;
        float: left;
        width: 25%;
        margin-right: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .main .add-address ul li input:focus,
    .main .add-address ul li select:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .contact-us #MainContent_Comments {
        padding: 5px;
        margin-bottom: 10px;
        width: 100%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .contact-us #MainContent_Comments:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .contact-us #MainContent_SendEmail {
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        text-align: center;
        padding: 8px;
        float: right
    }
    .contact-us #MainContent_SendEmail:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main .search-results table#MainContent_CycloneSeps {
        width: 100%
    }
    .main .search-results table#MainContent_CycloneSeps thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_CycloneSeps thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_CycloneSeps thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_CycloneSeps td {
        padding: 1%;
        text-align: center;
        font-size: 0.8em
    }
    .main .search-results table#MainContent_CycloneSeps td:nth-child(1),
    .main .search-results table#MainContent_CycloneSeps th:nth-child(1) {
        width: 20%;
        text-align: left
    }
    .main .search-results table#MainContent_CycloneSeps td:nth-child(2),
    .main .search-results table#MainContent_CycloneSeps th:nth-child(2) {
        text-align: left;
        width: 30%
    }
    .main .search-results table#MainContent_CycloneSeps a {
        display: block
    }
    .main .search-results table#MainContent_CycloneSeps td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_CycloneSeps td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_ddlKamlock {
        padding: 3px;
        width: 160px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .main #MainContent_ddlKamlock:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .search-results table#MainContent_grdKamlocks {
        width: 100%
    }
    .main .search-results table#MainContent_grdKamlocks thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_grdKamlocks thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_grdKamlocks thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_grdKamlocks td {
        padding: 1%;
        text-align: center;
        font-size: 0.8em
    }
    .main .search-results table#MainContent_grdKamlocks td:nth-child(1),
    .main .search-results table#MainContent_grdKamlocks th:nth-child(1) {
        width: 20%;
        text-align: left
    }
    .main .search-results table#MainContent_grdKamlocks td:nth-child(2),
    .main .search-results table#MainContent_grdKamlocks th:nth-child(2) {
        text-align: left;
        width: 30%
    }
    .main .search-results table#MainContent_grdKamlocks a {
        display: block
    }
    .main .search-results table#MainContent_grdKamlocks td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_grdKamlocks td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .search .spacer span {
        display: inline-block;
        width: 20%
    }
    .search #MainContent_ddlManu,
    .search #MainContent_ddlPumpModel {
        padding: 3px;
        width: 50%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .search #MainContent_ddlManu:focus,
    .search #MainContent_ddlddlPumpModel:focus,
    .search #MainContent_SearchField:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .search #MainContent_SearchField {
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        width: 25% !important
    }
    .main .search-results table#MainContent_SearchResultsOEM {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_SearchResultsOEM thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_SearchResultsOEM thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsOEM thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsOEM td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_SearchResultsOEM td:nth-child(1) {
        width: 20%
    }
    .main .search-results table#MainContent_SearchResultsOEM td:nth-child(2),
    .main .search-results table#MainContent_SearchResultsOEM td:nth-child(3),
    .main .search-results table#MainContent_SearchResultsOEM td:nth-child(4) {
        width: 25%;
        text-align: left
    }
    .main .search-results table#MainContent_SearchResultsOEM a {
        display: block
    }
    .main .search-results table#MainContent_SearchResultsOEM td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_SearchResultsOEM td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .oem span {
        display: block;
        padding: 5px;
        float: left;
        width: 25%;
        border-bottom: 1px solid #4e87a0;
        padding-bottom: 5px;
        margin-bottom: 10px
    }
    .main .oem .item {
        width: 75%
    }
    .main .oem a.product-item {
        padding: 5px;
        width: 24%;
        float: left;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none;
        margin-right: 1%
    }
    .main .oem a.product-item:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .ddTitle {
        display: inline-block;
        width: 20%
    }
    .main .ddTitleEncap,
    .main #MainContent_lblInnerDiameter {
        display: inline-block;
        width: 20%
    }
    .main #MainContent_ddlGlandSize,
    .main #MainContent_ddlGlandStyle,
    .main #MainContent_ddlTefStyle,
    .main #MainContent_ddlTefThick,
    .main #MainContent_ddlTefArea,
    .main #MainContent_ddlCore,
    .main #MainContent_ddlCrossSec,
    .main #MainContent_ddlEncap,
    .main #MainContent_txtInnerDia {
        padding: 5px;
        width: 30%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .main #MainContent_ddlCore,
    .main #MainContent_ddlCrossSec,
    .main #MainContent_ddlEncap {
        padding: 3px;
        width: 25%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .main #MainContent_ddlGlandSize:focus,
    .main #MainContent_ddlGlandStyle:focus,
    .main #MainContent_ddlTefStyle:focus,
    .main #MainContent_ddlTefThick:focus,
    .main #MainContent_ddlTefArea:focus,
    .main #MainContent_ddlCore:focus,
    .main #MainContent_ddlCrossSec:focus,
    .main #MainContent_ddlEncap:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .dropdowns {
        margin-bottom: 10px
    }
    .dropdowns span#MainContent_lblProductCode,
    .dropdowns span#MainContent_lblResults {
        width: 15%;
        display: inline-block;
        float: left;
        padding-top: 6px
    }
    .encap span#MainContent_lblProductCode {
        width: 20%
    }
    .dropdowns span#MainContent_lblResults {
        color: #003b5c
    }
    .dropdowns #MainContent_SubmitSearch,
    .main #MainContent_SearchAll {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        width: 10%;
        float: left
    }
    .dropdowns #MainContent_SubmitSearch:hover,
    .main #MainContent_SearchAll:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_SearchAll {
        float: none
    }
    .main #MainContent_ddlBSSize {
        padding: 3px;
        width: 25%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 10px
    }
    .main #MainContent_ddlBSSize:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .search-results table#MainContent_BSChart {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_BSChart thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_BSChart thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_BSChart thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_BSChart td {
        padding: 1%;
        text-align: center;
        font-size: 1em;
        width: 33%
    }
    #MainContent_lblSealType {
        float: left;
        display: block;
        width: 20%;
        padding-top: 8px
    }
    #MainContent_ddlSealtype_ddlSealtype_Table {
        float: left !important
    }
    #MainContent_ddlSealtype input {
        padding: 5px;
        width: 100%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    #MainContent_ddlSealtype input:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    #MainContent_ddlSealtype_ddlSealtype_Button {
        border: 0px !important;
        background-color: #003b5c;
        border: 1px solid #003b5c !important;
        width: 40px !important;
        border-radius: 3px;
        margin-top: 3px !important;
        background-image: url(../images/asc.gif) !important
    }
    #MainContent_ddlSealtype_ddlSealtype_Button:hover {
        background-color: #ffb81c;
        border: 1px solid #003b5c !important;
        color: #003b5c
    }
    #MainContent_ddlSealtype_ddlSealtype_OptionList {
        max-height: 300px
    }
    #MainContent_ddlSealtype_ddlSealtype_OptionList li {
        padding: 3px
    }
    .main #MainContent_ddlItemsize {
        padding: 5px;
        width: 15%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px;
        margin-left: -5px;
        width: 248px
    }
    .main #MainContent_ddlItemsize:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main #MainContent_ddlItemsize select option {
        padding: 5px
    }
    .main .search-results table#MainContent_SearchResultsMech,
    .main .search-results table#MainContent_GridViewNonStandards,
    .main .search-results table#MainContent_GridViewNonStd,
    .main .search-results table#MainContent_SearchResultsMechPTFE {
        width: 100%
    }
    .main .search-results table#MainContent_SearchResultsMech thead th,
    .main .search-results table#MainContent_GridViewNonStandards thead th,
    .main .search-results table#MainContent_GridViewNonStd thead th,
    .main .search-results table#MainContent_SearchResultsMechPTFE thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_SearchResultsMech thead th.header.headerSortUp,
    .main .search-results table#MainContent_GridViewNonStandards thead th.header.headerSortUp,
    .main .search-results table#MainContent_GridViewNonStd thead th.header.headerSortUp,
    .main .search-results table#MainContent_SearchResultsMechPTFE thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsMech thead th.header.headerSortDown,
    .main .search-results table#MainContent_GridViewNonStandards thead th.header.headerSortDown,
    .main .search-results table#MainContent_GridViewNonStd thead th.header.headerSortDown,
    .main .search-results table#MainContent_SearchResultsMechPTFE thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsMech td,
    .main .search-results table#MainContent_GridViewNonStandards td,
    .main .search-results table#MainContent_GridViewNonStd td,
    .main .search-results table#MainContent_SearchResultsMechPTFE td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_SearchResultsMech a,
    .main .search-results table#MainContent_GridViewNonStandards a,
    .main .search-results table#MainContent_GridViewNonStd a,
    .main .search-results table#MainContent_SearchResultsMechPTFE a {
        display: block
    }
    .main .search-results table#MainContent_SearchResultsMech td a,
    .main .search-results table#MainContent_GridViewNonStandards td a,
    .main .search-results table#MainContent_GridViewNonStd td a,
    .main .search-results table#MainContent_SearchResultsMechPTFE td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_SearchResultsMech td a:hover,
    .main .search-results table#MainContent_GridViewNonStandards td a:hover,
    .main .search-results table#MainContent_GridViewNonStd td a:hover,
    .main .search-results table#MainContent_SearchResultsMechPTFE td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .profile .ProfileLabel {
        display: inline-block;
        width: 20%
    }
    .main .profile input {
        margin-left: 20%;
        margin-top: 10px
    }
    .main .profile input#MainContent_btnEditProfile,
    .main .profile input#MainContent_btnSaveProfile {
        padding: 5px;
        width: 20%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main .profile input#MainContent_btnEditProfile,
    .main .profile input#MainContent_btnSaveProfile {
        margin-left: 0%
    }
    .main .profile input#MainContent_btnEditProfile:hover,
    .main .profile input#MainContent_btnSaveProfile:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main .profile #MainContent_txtForename,
    .main .profile #MainContent_txtSurname,
    .main .profile #MainContent_txtEmail,
    .main .profile #MainContent_txtPassword {
        padding: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        width: 25%
    }
    .main .profile #MainContent_txtForename:focus,
    .main .profile #MainContent_txtSurname:focus,
    .main .profile #MainContent_txtEmail:focus,
    .main .profile #MainContent_txtPassword:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .profile #MainContent_EmailCheck,
    .main .profile #MainContent_PasswordValidate {
        color: #ff0000
    }
    .main .search-results table#MainContent_StatementsHist,
    .main .search-results table#MainContent_StatementsHistory {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_StatementsHist thead th,
    .main .search-results table#MainContent_StatementsHistory thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_StatementsHist thead th.header.headerSortUp,
    .main .search-results table#MainContent_StatementsHistory thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_StatementsHist thead th.header.headerSortDown,
    .main .search-results table#MainContent_StatementsHistory thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_StatementsHist td,
    .main .search-results table#MainContent_StatementsHistory td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_StatementsHist td a,
    .main .search-results table#MainContent_StatementsHistory td a {
        display: block;
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_StatementsHist td a:hover,
    .main .search-results table#MainContent_StatementsHistory td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    table#MainContent_StatementsHist tr:last-child td,
    table#MainContent_StatementsHist tr:last-child td {
        font-size: 1em !important
    }
    .main .search-results table#MainContent_StatementsHist td:nth-child(1),
    .main .search-results table#MainContent_StatementsHist td:nth-child(2),
    .main .search-results table#MainContent_StatementsHist td:nth-child(3),
    .main .search-results table#MainContent_StatementsHist td:nth-child(4),
    .main .search-results table#MainContent_StatementsHist td:nth-child(5),
    .main .search-results table#MainContent_StatementsHist td:nth-child(6),
    .main .search-results table#MainContent_StatementsHist td:nth-child(7),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(1),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(2),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(3),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(4),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(5),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(6),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(7) {
        width: 14%
    }
    .main #MainContent_btnShowHistory,
    .main #MainContent_btnShowOpen {
        padding: 5px;
        width: 25%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        margin-top: 15px;
        text-align: center;
        margin-bottom: 10px
    }
    .main #MainContent_btnShowHistory:hover,
    .main #MainContent_btnShowOpen:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_StatementsHistory>tbody>tr:last-child td table td {
        width: 7.1%
    }
    .main .search-results table#MainContent_StatementsHistory>tbody>tr:last-child td table {
        width: 50%;
        float: right
    }
    .pager a {
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        font-size: 0.8em;
        text-align: center;
        text-decoration: none
    }
    .pager a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .pager span {
        padding: 5px;
        display: block;
        background-color: #8db9ca;
        border: 1px solid #8db9ca;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #003b5c;
        font-size: 0.8em;
        text-align: center;
        text-decoration: none
    }
    .main .search-results table#MainContent_ProductHist {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_ProductHist thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_ProductHist thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_ProductHist thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_ProductHist td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_ProductHist a {
        display: block
    }
    .main .search-results table#MainContent_ProductHist td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_ProductHist td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    input#MainContent_btnGenerateInvoice {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px;
        margin-top: 4px
    }
    input#MainContent_btnGenerateInvoice:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_grdPackingList {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_grdPackingList thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_grdPackingList thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_grdPackingList thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_grdPackingList td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_grdPackingList a {
        display: block
    }
    .main .search-results table#MainContent_grdPackingList td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_grdPackingList td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_grdPackingList>tbody>tr:last-child td table td {
        width: 7.1%
    }
    .main .search-results table#MainContent_grdPackingList>tbody>tr:last-child td table {
        width: 50%;
        float: right
    }
    .main .search-results table#MainContent_grdPriceEnquiries {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_grdPriceEnquiries thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_grdPriceEnquiries thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_grdPriceEnquiries thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_grdPriceEnquiries td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_grdPriceEnquiries a {
        display: block
    }
    .main .search-results table#MainContent_grdPriceEnquiries td:nth-child(9) a {
        display: inline-block;
        margin-left: 3px;
        margin-right: 3px
    }
    .main .search-results table#MainContent_grdPriceEnquiries td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_grdPriceEnquiries td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }

    /* Shopping CArt Audit*/
    .main .search-results table#MainContent_ShoppingCartMinOrder th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td {
        padding: 1%;
        text-align: center;
        font-size: 0.9em;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(1) {
        width: 15%;
        font-size: 0.9em;
    }
    /*.main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(2),
    .main .search-results table#MainContent_ShoppingCartMinOrder th:nth-child(2),*/
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(3),
    .main .search-results table#MainContent_ShoppingCartMinOrder th:nth-child(3) {
        display: none;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(6) {
        color: #ff0000;
        font-weight: bold;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(7) {
        color: #5CAF24;
        font-weight: bold;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(6) {
        width: 15% !important;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(6) input {
        width: 50%;
        padding: 5px;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder a {

        font-size: 1em;
    }


    .tech-lib a.tl-box {
        display: block;
        text-decoration: none;
        padding: 3%;
        margin-bottom: 10px;
        color: #333333;
        border: 1px solid #8db9ca;
        min-height: 135px
    }
    .tech-lib a.tl-box:hover {
        background-color: #003b5c;
        color: #ffffff
    }
    .tech-lib .half {
        float: left;
        width: 47%;
        margin: 1.5%
    }
    .tech-lib .full {
        width: 97%;
        margin: 1.5%
    }
    .tech-lib a.tl-box:hover h3 {
        color: #ffffff
    }
    a.tl-box h3 {
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
        color: #003b5c
    }
    .acc {
        background-color: #003b5c;
        -webkit-box-shadow: 0px 1px 3px #666666;
        -moz-box-shadow: 0px 1px 3px #666666;
        box-shadow: 0px 1px 3px #666666;
        width: 100%;
        margin-bottom: 10px
    }
    .acc a {
        display: block;
        text-decoration: none;
        padding: 10px 10px 10px 10px;
        color: #ffffff
    }
    .acc a:hover {
        background: #ffb81c;
        text-decoration: none;
        color: #003b5c
    }
    .acc_c {
        margin: 0 0 0px;
        padding: 0;
        overflow: hidden;
        font-size: 0.9em;
        background: #8db9ca;
        clear: both;
        border: 1px solid #8db9ca;
        margin-bottom: 10px
    }
    .acc_c .block {
        padding: 0px
    }
    .acc_c .block p {
        padding: 0% 0;
        margin: 2% 0
    }
    .acc_c .block a.download {
        display: block;
        text-decoration: none;
        padding: 1%;
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px solid #003b5c;
        width: 49%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        float: left;
        color: #003b5c
    }
    .acc_c .block a.download:hover {
        background-color: #003b5c;
        color: #ffffff
    }
    #MainContent_ddlBrochure,
    #MainContent_ddlBrochureLang {
        padding: 5px;
        width: 40%;
        clear: both;
        margin-bottom: 10px;
        float: left
    }
    #MainContent_lblBrochureQty {
        float: left;
        width: 80px;
        display: block;
        padding-top: 6px
    }
    #MainContent_txtBrochureQty {
        padding: 5px;
        float: left;
        width: 6%
    }
    #MainContent_btnRequestBrochure {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none;
        width: 25%;
        margin-top: 10px
    }
    #MainContent_btnRequestBrochure:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_lblConfirmation {
        display: block;
        margin-top: 10px;
        padding: 5px;
        font-weight: bold;
        color: #32CD32
    }
    .marketing-panel {
        margin-bottom: 10px
    }
    .marketing-panel a {
        margin: 2%;
        margin-top: 0;
        display: block;
        text-decoration: none;
        color:
    }
    .marketing-panel a:hover {
        border: 1px solid #003b5c
    }
    .mktpanel {
        padding: 2%;
        width: 46%;
        float: left;
        border: 1px solid #8db9ca;
        height: 340px
    }
    .mktpanel .mkttitle {
        padding: 5px;
        padding-bottom: 15px;
        font-weight: bold;
        color: #003b5c
    }
    .mktpanel .mktimage {
        max-width: 100%
    }
    .mktpanel .mktdesc {
        padding: 5px;
        color: #333333
    }
    .newspnl {
        padding: 2%;
        width: 46%;
        float: left;
        border: 1px solid #8db9ca;
        height: 340px
    }
    .newspnl .newstitle {
        padding: 5px;
        padding-bottom: 15px;
        font-weight: bold;
        color: #003b5c
    }
    .newspnl .newsimage {
        max-width: 100%
    }
    .newspnl .newsdesc {
        padding: 5px;
        color: #333333
    }
    a.news {
        padding: 10px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none;
        float: right;
        margin-top: 10px;
        margin-right: 25%
    }
    a.news:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .article-width {
        width: 80%
    }
    #MainContent_pnlMarketing {
        padding: 2%;
        width: 60%
    }
    #MainContent_pnlMarketing #MainContent_btnOptInToMarketing,
    #MainContent_pnlMarketing #MainContent_btnMarketingCancel {
        padding: 8px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    #MainContent_pnlMarketing #MainContent_btnOptInToMarketing:hover,
    #MainContent_pnlMarketing #MainContent_btnMarketingCancel:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_pnlMarketing #MainContent_btnMarketingCancel {
        float: right
    }


     /* Password Expiry */

       #MainContent_pnlPassword {
        padding: 2%;
        width: 60%
    }
    #MainContent_pnlPassword #MainContent_btnPnlChangePwd,
    #MainContent_pnlPassword #MainContent_btnCancelPwd {
        padding: 8px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    #MainContent_pnlPassword #MainContent_btnPnlChangePwd:hover,
    #MainContent_pnlPassword #MainContent_btnCancelPwd:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_pnlPassword #MainContent_btnCancelPwd {
        float: right
    }


    .dropdown-items .dropdown {
        width: 45%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        margin-bottom: 15px;
        float: left
    }
    .dropdown-items .dropdown select {
        width: 70%;
        padding: 5px;
        float: left
    }
    .dropdown-items .dropdown span.lbl {
        float: left;
        display: block;
        width: 30%;
        padding-top: 6px
    }
    .dd-productresult {
        font-size: 1.3em
    }
    .dd-productresult #MainContent_lblFlosCode {
        color: #000000;
        font-weight: bold;
        display: inline-block
    }
    #MainContent_txtProductSearch {
        display: block;
        padding: 5px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #000000;
        border: solid #ff0000 1px;
        text-decoration: none;
        font-weight: bold;
        width: 35%
    }
    #MainContent_btnSubmitSearch {
        display: block;
        padding: 8px 25px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
        margin-top: 15px;
        font-weight: bold;
        width: 25%
    }
    #MainContent_btnSubmitSearch:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }
    #MainContent_btnReset {
        display: block;
        padding: 8px 25px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
        font-weight: bold;
        float: right
    }
    #MainContent_btnReset:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }
    .dropdown-items .dropdown {
        width: 45%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        margin-bottom: 15px;
        float: left
    }
    .dropdown-items .dropdown select {
        width: 70%;
        padding: 5px;
        float: left
    }
    .dropdown-items .dropdown span.lbl {
        float: left;
        display: block;
        width: 30%;
        padding-top: 6px
    }
    .dd-productresult {
        font-size: 1.3em
    }
    .dd-productresult #MainContent_lblFlosCode {
        color: #000000;
        font-weight: bold;
        display: inline-block
    }
    #MainContent_txtProductSearch {
        display: block;
        padding: 5px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #000000;
        border: solid #ff0000 1px;
        text-decoration: none;
        font-weight: bold;
        width: 35%
    }
    #MainContent_btnSubmitSearch {
        display: block;
        padding: 8px 25px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
        margin-top: 15px;
        font-weight: bold;
        width: 25%
    }
    #MainContent_btnSubmitSearch:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }
    #MainContent_btnReset {
        display: block;
        padding: 8px 25px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
        font-weight: bold;
        float: right
    }
    #MainContent_btnReset:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }
    .ds h2 {
        color: #666666
    }
    .dsimage {
        text-align: center
    }
    .dsstanmat {
        padding-left: 2%;
        padding-right: 2%
    }
    .ds .fifth {
        width: 18%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
        text-align: center
    }
    .dsdrawings {
        padding-left: 2%;
        padding-right: 2%
    }
    .ds .thirtyfive {
        width: 35%;
        float: left;
        text-align: center
    }
    .ds .thirty {
        width: 30%;
        float: left;
        text-align: center
    }
    .dsdimensions {
        padding-left: 2%;
        padding-right: 2%;
        margin-bottom: 10px
    }
    .dsdimensions table {
        width: 100%;
        font-size: 0.9em
    }
    .dsdimensions table th {
        font-weight: bold;
        text-align: center
    }
    .dsdimensions table td {
        text-align: center
    }
    .dspv {
        text-align: center
    }
    .dstitle-hid,
    .dsfooter {
        display: none
    }

    /* Quote Creation Code*/
    #MainContent_btnCreateQuote {
        display: block;
        padding: 8px 25px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
        font-weight: bold;
        float: left
    }
    #MainContent_btnCreateQuote:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }

    #MainContent_pnlQuote {
        background-color: #ffffff;
        padding: 10px;
        width: 475px;

        border: 1px solid #000;
    }

    #MainContent_pnlQuote #MainContent_btnSumbitQuote,
    #MainContent_pnlQuote #MainContent_btnCloseQuote {
        display: block;
        padding: 5px 5px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
    }

    #MainContent_pnlQuote #MainContent_btnSumbitQuote:hover,
    #MainContent_pnlQuote #MainContent_btnCloseQuote:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }

    #MainContent_pnlQuote #MainContent_btnSumbitQuote {
        float: left;
    }
    #MainContent_pnlQuote #MainContent_btnCloseQuote {
        float: right;
    }

    #MainContent_lblQuoteError {
        display: block;
        color: #ff0000;
        font-weight: bold;
    }

    #MainContent_pnlQuote #MainContent_lblOrderNo {
        width: 40%;
        float: left;

        display: block;
        padding-top: 7px;
    }

    #MainContent_pnlQuote #MainContent_txtOrderNo {
        width: 60%;
        float: left;
    }

    #MainContent_pnlQuote .pad {
        margin-bottom: 15px;
    }

    #MainContent_UpdateProg1 {
        z-index: 7000 !important;
        background-color: #ffffff;

        width: 100%;
        height: 100%;
        filter: alpha(opacity=70);
        opacity: 0.7;
        position: absolute;
        margin-top: -10px;
        margin-left: -10px;
    }


    table#MainContent_QuoteHistory {
        width: 100%
    }
    table#MainContent_QuoteHistory thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;


        color: #ffffff
    }
    table#MainContent_QuoteHistory td {
        padding: 0.5%;
        text-align: center;
        width: 20%;
    }

    table#MainContent_QuoteHistory td:nth-child(3),
    table#MainContent_QuoteHistory th:nth-child(3) {
        text-align: left;
        width: 20%
    }

    table#MainContent_QuoteHistory a {
        display: block
    }
    table#MainContent_QuoteHistory td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    table#MainContent_QuoteHistory td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }

    /* Quote Details*/
    .quotedetails {
        margin-top: 15px;
    }

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


    table#MainContent_grdQuoteDetails {
        width: 100%
    }
    table#MainContent_grdQuoteDetails thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        cursor: pointer;
        color: #ffffff
    }
    table#MainContent_grdQuoteDetails td {
        padding: 0.5%;
        text-align: center;
    }
    table#MainContent_grdQuoteDetails td:nth-child(1),
    table#MainContent_grdQuoteDetails th:nth-child(1) {
        width: 5%;
    }

    table#MainContent_grdQuoteDetails td:nth-child(2),
    table#MainContent_grdQuoteDetails th:nth-child(2) {
        width: 20%;
    }

    table#MainContent_grdQuoteDetails td:nth-child(3),
    table#MainContent_grdQuoteDetails th:nth-child(3) {
        text-align: left;
        width: 30%
    }

    table#MainContent_grdQuoteDetails td:nth-child(4),
    table#MainContent_grdQuoteDetails th:nth-child(4) {
        width: 10%;
    }

    table#MainContent_grdQuoteDetails td:nth-child(5),
    table#MainContent_grdQuoteDetails th:nth-child(5),
    table#MainContent_grdQuoteDetails td:nth-child(6),
    table#MainContent_grdQuoteDetails th:nth-child(6) {
        width: 15%;
    }

    table#MainContent_grdQuoteDetails a {
        display: block
    }
    table#MainContent_grdQuoteDetails td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    table#MainContent_grdQuoteDetails td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
}
@media screen and (min-width: 1170px) and (max-width: 1599px) {
    .row {
        width: 1170px;
        padding: 0 12px;
        margin: 0 auto;
        clear: both
    }
    .twothirds {
        float: left;
        width: 66.66666666666%
    }
    .third {
        float: left;
        width: 33.3333333333%
    }
    .main {
        width: 80%;
        float: left
    }
    .half {
        padding-left: 2%;
        padding-right: 2%;
        width: 50%;
        float: left
    }
    #my_popup,
    #dimensions,
    #help {
        max-width: 80%;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        display: none;
        margin: 1em;
        background-color: #ffffff;
        padding: 3em
    }
    .navigation {
        float: left;
        width: 18%;
        font-size: 0.9em;
        margin-right: 2%;
        display: block
    }
    .navigation .text {
        padding-left: 2%;
        padding-bottom: 2%;
        padding-top: 2%;
        display: block;
        border-bottom: 3px solid #ffb81c;
        background-color: #003b5c;
        margin-top: 10px;
        margin-bottom: 5px;
        font-weight: bold;
        color: #ffffff
    }
    .navigation ul li a {
        padding: 2%;
        display: block;
        text-decoration: none;
        color: #333333
    }
    .navigation li a:hover {
        background-color: #ffb81c;
        text-decoration: none;
        color: #003b5c;
        padding: 2%
    }
    .breadcrumb {
        float: right !important;
        font-size: 0.8em !important;
        margin-bottom: 10px;
        color: #7F7F7F
    }
    .main h1 {
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
        color: #003b5c;
        border-bottom: 1px solid #4e87a0
    }
    .main h2 {
        margin: 0;
        padding: 0;
        margin-bottom: 10px
    }
    .welcome {
        font-weight: bold;
        padding-top: 6px;
        margin-bottom: 10px;
        padding-left: 2%
    }
    .red {
        color: #ff0000
    }
    a.logo {
        min-height: 120px;
        width: 100%;
        float: left;
        background-repeat: no-repeat;
        background-position: left center;
        display: block
    }
    .uk {
        background-image: url(../images/vel.png)
    }
    .us {
        background-image: url(../images/vsi.png)
    }
    .strapline {
        font-size: 2.4em;
        margin-left: 1.5%;
        margin-top: 35px;
        font-weight: bold
    }
    div.slicknav_menu {
        display: none
    }
    .hhalf {
        width: 50%;
        float: left
    }
    .hhalf .margin {
        margin-top: 15px
    }
    .hhalf .tel-no {
        display: block;
        float: right;
        font-size: 1em;
        font-weight: bold;
        padding: 8px;
        width: auto
    }
    .hhalf .email {
        display: block;
        float: right;
        font-size: 1em;
        font-weight: bold;
        padding: 8px
    }
    .hhalf .google {
        display: block;
        float: right;
        padding-top: 3px;
        padding-right: 15px
    }
    .hhalf .google select {
        padding: 4px
    }
    #MainContent_Register,
    #MainContent_ForgotPass,
    #MainContent_terms {
        display: block;
        margin: 5%;
        padding: 5%;
        background-color: #003b5c;
        font-size: 2em;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px
    }
    #MainContent_termsLogin {
        padding: 5px;
        width: auto;
        background-color: #97999b;
        display: inline-block;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px
    }
    #MainContent_terms {
        font-size: 1.5em
    }
    #MainContent_Register:hover,
    #MainContent_ForgotPass:hover,
    #MainContent_terms:hover,
    #MainContent_termsLogin:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_Register {
        margin-top: 50px
    }
    #MainContent_lblError {
        color: #ff0000;
        display: inline-block;
        margin-bottom: 10px;
        font-weight: bold
    }
    .display-box {
        margin-bottom: 15px;
        clear: both
    }
    .display-box .title {
        float: left;
        width: 180px;
        padding: 6px
    }
    .display-box .text-input {
        float: left
    }
    .display-box .text-input input {
        padding: 5px;
        width: 300px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .display-box .text-input input:focus,
    .display-box .text-input select:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .display-box .error-alert {
        color: #ff0000;
        float: left;
        padding: 6px
    }
    .display-box .text-input select {
        width: 300px;
        padding: 5px;
        border: 1px solid #003b5c
    }
    .display-box #MainContent_Submit {
        width: 300px;
        padding: 5px;
        background-color: #003b5c;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        margin-left: 180px;
        margin-top: 15px
    }
    .display-box #MainContent_Submit:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .display-box #MainContent_RegSubmit,
    .display-box #MainContent_btnChangePassword {
        width: 300px;
        padding: 5px;
        background-color: #003b5c;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        margin-left: 180px
    }
    .display-box #MainContent_RegSubmit:hover,
    .display-box #MainContent_btnChangePassword:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main h1.pricing-delivery {
        font-size: 1.75em;
        padding-left: 2%;
        border-bottom: 0
    }
    .main h3.landing-drop {
        padding-left: 2%
    }
    .main a.content-link {
        display: block;
        text-decoration: none;
        padding: 3%;
        margin-bottom: 10px;
        color: #333333;
        border: 1px solid #8db9ca
    }
    .main a.content-link:hover {
        background-color: #003b5c;
        color: #ffffff
    }
    .main a.content-link:hover h3 {
        color: #ffffff
    }
    a.content-link h3 {
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
        color: #003b5c
    }
    .main #blockScreen {
        float: left;
        margin-left: 10px
    }
    .main #blockScreen .blockScreenLoader {
        margin-top: -16px
    }
    .main #MainContent_lblQuery {
        display: block;
        float: right;
        font-size: 0.8em
    }
    .main .search input#MainContent_chkShowStock {
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5)
    }
    .main .search #MainContent_lblShowStock {
        float: left;
        margin-left: 10px;
        width: 70px;
        font-size: 0.9em
    }
    .main .search input#MainContent_SearchField {
        float: left;
        width: auto;
        padding: 5px
    }
    .main .search input#MainContent_SubmitBtn {
        float: left;
        margin-left: 10px;
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff
    }
    .main .search input#MainContent_SubmitBtn:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search .info {
        clear: both;
        font-size: 0.8em;
        margin-top: 10px;
        margin-bottom: 10px
    }
    .main #MainContent_lblAlert {
        display: block;
        margin-top: 15px;
        font-weight: bold;
        color: #ff0000
    }
    .main .search-results table {
        width: 100%
    }
    .main .search-results table#MainContent_SearchResults thead th,
    .main .search-results table#MainContent_SearchResultsAll thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_SearchResults thead th.header.headerSortUp,
    .main .search-results table#MainContent_SearchResultsAll thead th tr .headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_SearchResults thead th.header.headerSortDown,
    .main .search-results table#MainContent_SearchResultsAll thead th tr .headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_SearchResults td,
    .main .search-results table#MainContent_SearchResultsAll td {
        padding: 1%;
        text-align: center;
        font-size: 0.8em
    }
    .main .search-results table#MainContent_SearchResults td:nth-child(1) {
        width: 20%
    }
    .main .search-results table#MainContent_SearchResults td:nth-child(1),
    .main .search-results table#MainContent_SearchResults td:nth-child(2),
    .main .search-results table#MainContent_SearchResultsAll td:nth-child(1),
    .main .search-results table#MainContent_SearchResultsAll td:nth-child(2) {
        text-align: left
    }
    .main .search-results table#MainContent_SearchResults td:nth-child(2) {
        width: 30%
    }
    .main .search-results table#MainContent_SearchResults th:nth-child(1),
    .main .search-results table#MainContent_SearchResults th:nth-child(2),
    .main .search-results table#MainContent_SearchResultsAll th:nth-child(1),
    .main .search-results table#MainContent_SearchResultsAll th:nth-child(2) {
        text-align: left
    }
    .main .search-results table#MainContent_SearchResults a,
    .main .search-results table#MainContent_SearchResultsAll a {
        display: block
    }
    .main .search-results table#MainContent_SearchResults td a,
    .main .search-results table#MainContent_SearchResultsAll td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_SearchResults td a:hover,
    .main .search-results table#MainContent_SearchResultsAll td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .add-basket #MainContent_lblError {
        color: #ff0000
    }
    .main a#MainContent_imgGuaranteed {
        float: right;
        width: 100px;
        height: 100px;
        background-image: url("http://www.vulcan-eng.com/brochurepages/Images/guaranteed.jpg")
    }
    .main a#MainContent_imgGuaranteed:hover {
        background-image: url("http://www.vulcan-eng.com/brochurepages/Images/guaranteed.jpg")
    }
    .label-head {
        float: left;
        width: 33%
    }
    .product-image {
        text-align: center;
        padding-top: 50px
    }
    .product-image,
    .pricing {
        float: left;
        width: 33%;
        margin-bottom: 20px
    }
    .pricing table#MainContent_PricingDetail {
        width: 100%
    }
    .main .pricing table#MainContent_PricingDetail th {
        background-color: #F5F5F3;
        padding: 2%;
        text-align: center;
        border-bottom: 1px solid #DEDED8
    }
    .main .pricing table#MainContent_PricingDetail td {
        padding: 2%;
        text-align: center;
        border-bottom: 1px solid #DEDED8
    }
    .label-head span {
        display: block;
        padding-bottom: 6px
    }
    .label-head #MainContent_btnProdEdit,
    .label-head #MainContent_btnProdAdd {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        padding: 5px
    }
    .label-head #MainContent_btnProdEdit:hover,
    .label-head #MainContent_btnProdAdd:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_ViewAlts {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 25%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: right;
        margin-top: 10px;
        text-align: center
    }
    #MainContent_ViewAlts:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    a.help_open {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        display: block;
        font-size: 1em;
        float: right;
        margin-top: 10px;
        text-align: center
    }
    a.help_open:hover {
        text-decoration: none
    }
    a.cta-form {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 20px;
        text-align: center;
        text-decoration: none
    }
    a.cta-form:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    a.enq-form {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 10px;
        text-align: center;
        text-decoration: none
    }
    a.enq-form:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .acc_container {
        margin: 0 0 0px;
        padding: 0;
        overflow: hidden;
        font-size: 0.9em;
        padding-left: 15px;
        padding-right: 15px;
        clear: both
    }
    .acc_container .block {
        padding: 0px;
        margin-top: 20px
    }
    .acc_container .block p {
        padding: 0% 0;
        margin: 2% 0
    }
    .acc_container textarea#MainContent_Comments {
        width: 100% !important;
        padding: 1%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .acc_container textarea#MainContent_Comments:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .acc_container input#MainContent_SendEmail {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        padding: 5px
    }
    .acc_container input#MainContent_SendEmail:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .enquire {
        width: 33%
    }
    .enquire h3.title {
        width: 50%;
        float: left;
        margin: 0;
        padding: 0;
        margin-right: 10%;
        padding-top: 5px
    }
    .enquire .sect {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .enquire input[type=text] {
        width: 35%;
        padding: 5px;
        float: left;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .enquire input[type=text]:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .acc_container input#MainContent_btnEnquire {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        padding: 5px
    }
    .acc_container input#MainContent_btnEnquire:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_lblEnquireAlert {
        display: inline-block;
        padding: 10px;
        color: #24B700;
        font-size: 1.5em
    }
    .main #MainContent_lblBrochure {
        float: left
    }
    a.brochurelink {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 20px;
        text-align: center;
        text-decoration: none
    }
    a.brochurelink:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    a.dimensions_open {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 20px;
        text-align: center;
        text-decoration: none
    }
    a.dimensions_open:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .stock-levels .stock-avail,
    .stock-levels .stock-qty {
        background-color: #F5F5F3
    }
    .stock-levels .stock-avail,
    .stock-levels .stock-qty,
    .stock-levels .stock-label,
    .stock-levels .stock-value {
        padding: 5px;
        float: left;
        width: 25%;
        line-height: 2.5em;
        border-bottom: 1px solid #DEDED8
    }
    .stock-levels .stock-label {
        clear: left
    }
    .stock-levels .stock-label:last-child,
    .stock-levels .stock-value:last-child {
        height: 91px
    }
    .history {
        width: 20%;
        float: left;
        margin-top: 20px
    }
    .add-basket {
        width: 33%;
        float: right;
        text-align: right;
        padding-right: 100px;
        margin-top: -150px
    }
    .highlight {
        border: 1px solid #ff0000 !important
    }
    .history input#MainContent_Return,
    .add-basket input#MainContent_AddToBasket {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px
    }
    .history input#MainContent_Return:hover,
    .add-basket input#MainContent_AddToBasket:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .add-basket #MainContent_txtQuantity {
        width: 25%;
        padding: 8px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .add-basket #MainContent_txtQuantity:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .add-basket input#MainContent_AddToBasket {
        padding: 25px;
        margin-top: 15px
    }
    .add-basket #MainContent_lblAddedToCart {
        display: block;
        font-size: 1.5em;
        float: right;
        margin-top: 10px;
        color: #24B700
    }
    #MainContent_lblNewProductTitle,
    #MainContent_lblNewProductShortDesc,
    #MainContent_lblNewProductLongDesc {
        display: inline-block;
        padding: 5px
    }
    #MainContent_txtShortDesc,
    #MainContent_txtProduct,
    #MainContent_txtLongDesc {
        width: 50%;
        padding: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    #MainContent_txtShortDesc:focus,
    #MainContent_txtProduct:focus,
    #MainContent_txtLongDesc:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    #MainContent_btnProductDelete,
    #MainContent_btnProductSave {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px
    }
    #MainContent_btnProductDelete:hover,
    #MainContent_btnProductSave:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_ShoppingCartView th,
    .main .search-results table#MainContent_ShoppingCartMinOrder th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        color: #ffffff
    }
    .main .search-results table#MainContent_ShoppingCartView td,
    .main .search-results table#MainContent_ShoppingCartMinOrder td {
        padding: 1%;
        text-align: center;
        font-size: 0.9em;
        width: 16%
    }
    .main .search-results table#MainContent_ShoppingCartView td:nth-child(1),
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(1) {
        width: 15%;
        font-size: 0.9em
    }
    .main .search-results table#MainContent_ShoppingCartView td:nth-child(6),
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(6) {
        width: 15% !important
    }
    .main .search-results table#MainContent_ShoppingCartView td:nth-child(6) input,
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(6) input {
        width: 50%;
        padding: 5px
    }
    .main .search-results table#MainContent_ShoppingCartView a,
    .main .search-results table#MainContent_ShoppingCartMinOrder a {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px;
        font-size: 1em;
        text-decoration: none
    }
    .main .search-results table#MainContent_ShoppingCartView a:hover,
    .main .search-results table#MainContent_ShoppingCartMinOrder a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_ShoppingCartView input[type=text],
    .main .search-results table#MainContent_ShoppingCartMinOrder input[type=text] {
        padding: 5px;
        width: 25%;
        text-align: center
    }
    .main #MainContent_lblCartAlert {
        display: inline-block;
        color: #ff0000;
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: bold
    }
    .main #MainContent_lblCartTotal,
    #MainContent_lblSubTotal {
        display: inline-block;
        font-size: 1.2em;
        float: right;
        margin-top: 10px;
        color: #000000;
        margin-right: 3%;
        text-decoration: none
    }
    .main #MainContent_PlaceOrder {
        padding: 5px;
        width: 20%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        margin-top: 15px;
        text-align: center;
        text-decoration: none
    }
    .main #MainContent_PlaceOrder:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main .manage-add {
        clear: both;
        margin-bottom: 10px
    }
    .main .manage-add #MainContent_btnManageAddress {
        float: right;
        width: 25%;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main .manage-add #MainContent_btnManageAddress:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .address {
        width: 24%;
        padding: 5px;
        float: left;
        margin: 0.5%;
        font-size: 0.9em;
        border: 1px solid #cccccc
    }
    .main .address-block {
        height: 200px
    }
    .main .address input {
        margin-bottom: 10px;
        padding: 5px;
        width: 80%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        margin: 0 auto;
        text-align: center
    }
    .main .address input:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .address .delbutton {
        margin-bottom: 10px;
        padding: 5px;
        float: right;
        width: 25%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 1px;
        text-align: center
    }
    .main .address span {
        display: block;
        padding: 2px
    }
    .main .ReturnToAdd {
        float: right;
        width: 25%;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center;
        text-decoration: none
    }
    .main .ReturnToAdd:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .add-address ul {
        margin-bottom: 10px
    }
    .main .add-address ul li {
        margin-bottom: 7px;
        width: 100%;
        display: block
    }
    .main .add-address ul li span {
        float: left;
        width: 25%;
        padding-top: 5px
    }
    .main .add-address ul li input {
        float: left;
        width: 25%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        padding: 5px
    }
    .main .add-address ul li select {
        padding: 3px;
        float: left;
        width: 25%;
        margin-right: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .main .add-address ul li input:focus,
    .main .add-address ul li select:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .add-address #MainContent_btnSubmitAddress {
        margin-left: 25%;
        width: 25%;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main .add-address #MainContent_btnSubmitAddress:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main ul#MainContent_RlCarriage {
        margin-bottom: 10px
    }
    .main ul#MainContent_RlCarriage li {
        padding: 3px
    }
    .main ul#MainContent_RlCarriage li input {
        margin-right: 5px
    }
    .main input#MainContent_OrderReview {
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main input#MainContent_OrderReview:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_lblNoCarriage {
        display: block;
        margin-top: 15px;
        font-weight: bold;
        color: #ff0000
    }
    .main a#MainContent_EditAddress,
    .main #MainContent_EditDelivery {
        margin-bottom: 10px;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center;
        width: 30%;
        text-decoration: none
    }
    .main a#MainContent_EditAddress:hover,
    .main #MainContent_EditDelivery:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_SubmitOrder {
        padding: 5px;
        width: 20%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        margin-top: 15px;
        text-align: center;
        margin-bottom: 40px
    }
    .main #MainContent_SubmitOrder:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main #MainContent_txtOrderNo {
        padding: 5px;
        width: 25%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .main #MainContent_txtOrderNo:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .add-address ul li select {
        padding: 3px;
        float: left;
        width: 25%;
        margin-right: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .main .add-address ul li input:focus,
    .main .add-address ul li select:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .contact-us #MainContent_Comments {
        padding: 5px;
        margin-bottom: 10px;
        width: 100%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .contact-us #MainContent_Comments:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .contact-us #MainContent_SendEmail {
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        text-align: center;
        padding: 8px;
        float: right
    }
    .contact-us #MainContent_SendEmail:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main .search-results table#MainContent_CycloneSeps {
        width: 100%
    }
    .main .search-results table#MainContent_CycloneSeps thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_CycloneSeps thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_CycloneSeps thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_CycloneSeps td {
        padding: 1%;
        text-align: center;
        font-size: 0.8em
    }
    .main .search-results table#MainContent_CycloneSeps td:nth-child(1),
    .main .search-results table#MainContent_CycloneSeps th:nth-child(1) {
        width: 20%;
        text-align: left
    }
    .main .search-results table#MainContent_CycloneSeps td:nth-child(2),
    .main .search-results table#MainContent_CycloneSeps th:nth-child(2) {
        text-align: left;
        width: 30%
    }
    .main .search-results table#MainContent_CycloneSeps a {
        display: block
    }
    .main .search-results table#MainContent_CycloneSeps td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_CycloneSeps td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_ddlKamlock {
        padding: 3px;
        width: 160px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .main #MainContent_ddlKamlock:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .search-results table#MainContent_grdKamlocks {
        width: 100%
    }
    .main .search-results table#MainContent_grdKamlocks thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_grdKamlocks thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_grdKamlocks thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_grdKamlocks td {
        padding: 1%;
        text-align: center;
        font-size: 0.8em
    }
    .main .search-results table#MainContent_grdKamlocks td:nth-child(1),
    .main .search-results table#MainContent_grdKamlocks th:nth-child(1) {
        width: 20%;
        text-align: left
    }
    .main .search-results table#MainContent_grdKamlocks td:nth-child(2),
    .main .search-results table#MainContent_grdKamlocks th:nth-child(2) {
        text-align: left;
        width: 30%
    }
    .main .search-results table#MainContent_grdKamlocks a {
        display: block
    }
    .main .search-results table#MainContent_grdKamlocks td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_grdKamlocks td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .search .spacer span {
        display: inline-block;
        width: 20%
    }
    .search #MainContent_ddlManu,
    .search #MainContent_ddlPumpModel {
        padding: 3px;
        width: 50%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .search #MainContent_ddlManu:focus,
    .search #MainContent_ddlddlPumpModel:focus,
    .search #MainContent_SearchField:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .search #MainContent_SearchField {
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        width: 25% !important
    }
    .main .search-results table#MainContent_SearchResultsOEM {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_SearchResultsOEM thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_SearchResultsOEM thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsOEM thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsOEM td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_SearchResultsOEM td:nth-child(1) {
        width: 20%
    }
    .main .search-results table#MainContent_SearchResultsOEM td:nth-child(2),
    .main .search-results table#MainContent_SearchResultsOEM td:nth-child(3),
    .main .search-results table#MainContent_SearchResultsOEM td:nth-child(3) {
        width: 25%;
        text-align: left
    }
    .main .search-results table#MainContent_SearchResultsOEM a {
        display: block
    }
    .main .search-results table#MainContent_SearchResultsOEM td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_SearchResultsOEM td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .oem span {
        display: block;
        padding: 5px;
        float: left;
        width: 25%;
        border-bottom: 1px solid #4e87a0;
        padding-bottom: 5px;
        margin-bottom: 10px
    }
    .main .oem .item {
        width: 75%
    }
    .main .oem a.product-item {
        padding: 5px;
        width: 24%;
        float: left;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none;
        margin-right: 1%
    }
    .main .oem a.product-item:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .ddTitle {
        display: inline-block;
        width: 20%
    }
    .main .ddTitleEncap,
    .main #MainContent_lblInnerDiameter {
        display: inline-block;
        width: 20%
    }
    .main #MainContent_ddlGlandSize,
    .main #MainContent_ddlGlandStyle,
    .main #MainContent_ddlTefStyle,
    .main #MainContent_ddlTefThick,
    .main #MainContent_ddlTefArea,
    .main #MainContent_ddlCore,
    .main #MainContent_ddlCrossSec,
    .main #MainContent_ddlEncap,
    .main #MainContent_txtInnerDia {
        padding: 5px;
        width: 30%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .main #MainContent_ddlCore,
    .main #MainContent_ddlCrossSec,
    .main #MainContent_ddlEncap {
        padding: 3px;
        width: 25%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .main #MainContent_ddlGlandSize:focus,
    .main #MainContent_ddlGlandStyle:focus,
    .main #MainContent_ddlTefStyle:focus,
    .main #MainContent_ddlTefThick:focus,
    .main #MainContent_ddlTefArea:focus,
    .main #MainContent_ddlCore:focus,
    .main #MainContent_ddlCrossSec:focus,
    .main #MainContent_ddlEncap:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .dropdowns {
        margin-bottom: 10px
    }
    .dropdowns span#MainContent_lblProductCode,
    .dropdowns span#MainContent_lblResults {
        width: 15%;
        display: inline-block;
        float: left;
        padding-top: 6px
    }
    .encap span#MainContent_lblProductCode {
        width: 20%
    }
    .dropdowns span#MainContent_lblResults {
        color: #003b5c
    }
    .dropdowns #MainContent_SubmitSearch,
    .main #MainContent_SearchAll {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        width: 10%;
        float: left
    }
    .dropdowns #MainContent_SubmitSearch:hover,
    .main #MainContent_SearchAll:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_SearchAll {
        float: none
    }
    .main #MainContent_ddlBSSize {
        padding: 3px;
        width: 25%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 10px
    }
    .main #MainContent_ddlBSSize:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .search-results table#MainContent_BSChart {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_BSChart thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_BSChart thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_BSChart thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_BSChart td {
        padding: 1%;
        text-align: center;
        font-size: 1em;
        width: 33%
    }
    #MainContent_lblSealType {
        float: left;
        display: block;
        width: 20%;
        padding-top: 8px
    }
    #MainContent_ddlSealtype_ddlSealtype_Table {
        float: left !important
    }
    #MainContent_ddlSealtype input {
        padding: 5px;
        width: 100%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    #MainContent_ddlSealtype input:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    #MainContent_ddlSealtype_ddlSealtype_Button {
        border: 0px !important;
        background-color: #003b5c;
        border: 1px solid #003b5c !important;
        width: 40px !important;
        border-radius: 3px;
        margin-top: 3px !important;
        background-image: url(../images/asc.gif) !important
    }
    #MainContent_ddlSealtype_ddlSealtype_Button:hover {
        background-color: #ffb81c;
        border: 1px solid #003b5c !important;
        color: #003b5c
    }
    #MainContent_ddlSealtype_ddlSealtype_OptionList {
        max-height: 300px
    }
    #MainContent_ddlSealtype_ddlSealtype_OptionList li {
        padding: 3px
    }
    .main #MainContent_ddlItemsize {
        padding: 5px;
        width: 15%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px;
        margin-left: -5px;
        width: 248px
    }
    .main #MainContent_ddlItemsize:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main #MainContent_ddlItemsize select option {
        padding: 5px
    }
    .main .search-results table#MainContent_SearchResultsMech,
    .main .search-results table#MainContent_GridViewNonStandards,
    .main .search-results table#MainContent_GridViewNonStd,
    .main .search-results table#MainContent_SearchResultsMechPTFE {
        width: 100%
    }
    .main .search-results table#MainContent_SearchResultsMech thead th,
    .main .search-results table#MainContent_GridViewNonStandards thead th,
    .main .search-results table#MainContent_GridViewNonStd thead th,
    .main .search-results table#MainContent_SearchResultsMechPTFE thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_SearchResultsMech thead th.header.headerSortUp,
    .main .search-results table#MainContent_GridViewNonStandards thead th.header.headerSortUp,
    .main .search-results table#MainContent_GridViewNonStd thead th.header.headerSortUp,
    .main .search-results table#MainContent_SearchResultsMechPTFE thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsMech thead th.header.headerSortDown,
    .main .search-results table#MainContent_GridViewNonStandards thead th.header.headerSortDown,
    .main .search-results table#MainContent_GridViewNonStd thead th.header.headerSortDown,
    .main .search-results table#MainContent_SearchResultsMechPTFE thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsMech td,
    .main .search-results table#MainContent_GridViewNonStandards td,
    .main .search-results table#MainContent_GridViewNonStd td,
    .main .search-results table#MainContent_SearchResultsMechPTFE td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_SearchResultsMech a,
    .main .search-results table#MainContent_GridViewNonStandards a,
    .main .search-results table#MainContent_GridViewNonStd a,
    .main .search-results table#MainContent_SearchResultsMechPTFE a {
        display: block
    }
    .main .search-results table#MainContent_SearchResultsMech td a,
    .main .search-results table#MainContent_GridViewNonStandards td a,
    .main .search-results table#MainContent_GridViewNonStd td a,
    .main .search-results table#MainContent_SearchResultsMechPTFE td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_SearchResultsMech td a:hover,
    .main .search-results table#MainContent_GridViewNonStandards td a:hover,
    .main .search-results table#MainContent_GridViewNonStd td a:hover,
    .main .search-results table#MainContent_SearchResultsMechPTFE td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .profile .ProfileLabel {
        display: inline-block;
        width: 20%
    }
    .main .profile input {
        margin-left: 20%;
        margin-top: 10px
    }
    .main .profile input#MainContent_btnEditProfile,
    .main .profile input#MainContent_btnSaveProfile {
        padding: 5px;
        width: 20%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main .profile input#MainContent_btnEditProfile,
    .main .profile input#MainContent_btnSaveProfile {
        margin-left: 0%
    }
    .main .profile input#MainContent_btnEditProfile:hover,
    .main .profile input#MainContent_btnSaveProfile:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main .profile #MainContent_txtForename,
    .main .profile #MainContent_txtSurname,
    .main .profile #MainContent_txtEmail,
    .main .profile #MainContent_txtPassword {
        padding: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        width: 25%
    }
    .main .profile #MainContent_txtForename:focus,
    .main .profile #MainContent_txtSurname:focus,
    .main .profile #MainContent_txtEmail:focus,
    .main .profile #MainContent_txtPassword:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .profile #MainContent_EmailCheck,
    .main .profile #MainContent_PasswordValidate {
        color: #ff0000
    }
    .main .search-results table#MainContent_StatementsHist,
    .main .search-results table#MainContent_StatementsHistory {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_StatementsHist thead th,
    .main .search-results table#MainContent_StatementsHistory thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_StatementsHist thead th.header.headerSortUp,
    .main .search-results table#MainContent_StatementsHistory thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_StatementsHist thead th.header.headerSortDown,
    .main .search-results table#MainContent_StatementsHistory thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_StatementsHist td,
    .main .search-results table#MainContent_StatementsHistory td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_StatementsHist td a,
    .main .search-results table#MainContent_StatementsHistory td a {
        display: block;
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_StatementsHist td a:hover,
    .main .search-results table#MainContent_StatementsHistory td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    table#MainContent_StatementsHist tr:last-child td,
    table#MainContent_StatementsHist tr:last-child td {
        font-size: 1em !important
    }
    .main .search-results table#MainContent_StatementsHist td:nth-child(1),
    .main .search-results table#MainContent_StatementsHist td:nth-child(2),
    .main .search-results table#MainContent_StatementsHist td:nth-child(3),
    .main .search-results table#MainContent_StatementsHist td:nth-child(4),
    .main .search-results table#MainContent_StatementsHist td:nth-child(5),
    .main .search-results table#MainContent_StatementsHist td:nth-child(6),
    .main .search-results table#MainContent_StatementsHist td:nth-child(7),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(1),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(2),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(3),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(4),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(5),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(6),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(7) {
        width: 14%
    }
    .main #MainContent_btnShowHistory,
    .main #MainContent_btnShowOpen {
        padding: 5px;
        width: 25%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        margin-top: 15px;
        text-align: center;
        margin-bottom: 10px
    }
    .main #MainContent_btnShowHistory:hover,
    .main #MainContent_btnShowOpen:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_StatementsHistory>tbody>tr:last-child td table td {
        width: 7.1%
    }
    .main .search-results table#MainContent_StatementsHistory>tbody>tr:last-child td table {
        width: 50%;
        float: right
    }
    .pager a {
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        font-size: 0.8em;
        text-align: center;
        text-decoration: none
    }
    .pager a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .pager span {
        padding: 5px;
        display: block;
        background-color: #8db9ca;
        border: 1px solid #8db9ca;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #003b5c;
        font-size: 0.8em;
        text-align: center;
        text-decoration: none
    }
    .main .search-results table#MainContent_ProductHist {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_ProductHist thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_ProductHist thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_ProductHist thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_ProductHist td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_ProductHist a {
        display: block
    }
    .main .search-results table#MainContent_ProductHist td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_ProductHist td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    input#MainContent_btnGenerateInvoice {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px;
        margin-top: 4px
    }
    input#MainContent_btnGenerateInvoice:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_grdPackingList {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_grdPackingList thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_grdPackingList thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_grdPackingList thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_grdPackingList td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_grdPackingList a {
        display: block
    }
    .main .search-results table#MainContent_grdPackingList td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_grdPackingList td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_grdPackingList>tbody>tr:last-child td table td {
        width: 7.1%
    }
    .main .search-results table#MainContent_grdPackingList>tbody>tr:last-child td table {
        width: 50%;
        float: right
    }
    .main .search-results table#MainContent_grdPriceEnquiries {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_grdPriceEnquiries thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_grdPriceEnquiries thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_grdPriceEnquiries thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_grdPriceEnquiries td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_grdPriceEnquiries a {
        display: block
    }
    .main .search-results table#MainContent_grdPriceEnquiries td:nth-child(9) a {
        display: inline-block;
        margin-left: 3px;
        margin-right: 3px
    }
    .main .search-results table#MainContent_grdPriceEnquiries td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_grdPriceEnquiries td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }

    /* Shopping CArt Audit*/
    .main .search-results table#MainContent_ShoppingCartMinOrder th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td {
        padding: 1%;
        text-align: center;
        font-size: 0.9em;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(1) {
        width: 15%;
        font-size: 0.9em;
    }
    /*.main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(2),
    .main .search-results table#MainContent_ShoppingCartMinOrder th:nth-child(2),*/
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(3),
    .main .search-results table#MainContent_ShoppingCartMinOrder th:nth-child(3) {
        display: none;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(6) {
        color: #ff0000;
        font-weight: bold;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(7) {
        color: #5CAF24;
        font-weight: bold;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(6) {
        width: 15% !important;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(6) input {
        width: 50%;
        padding: 5px;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder a {

        font-size: 1em;
    }


    .tech-lib a.tl-box {
        display: block;
        text-decoration: none;
        padding: 3%;
        margin-bottom: 10px;
        color: #333333;
        border: 1px solid #8db9ca;
        min-height: 135px
    }
    .tech-lib a.tl-box:hover {
        background-color: #003b5c;
        color: #ffffff
    }
    .tech-lib .half {
        float: left;
        width: 47%;
        margin: 1.5%
    }
    .tech-lib .full {
        width: 97%;
        margin: 1.5%
    }
    .tech-lib a.tl-box:hover h3 {
        color: #ffffff
    }
    a.tl-box h3 {
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
        color: #003b5c
    }
    .acc {
        background-color: #003b5c;
        -webkit-box-shadow: 0px 1px 3px #666666;
        -moz-box-shadow: 0px 1px 3px #666666;
        box-shadow: 0px 1px 3px #666666;
        width: 100%;
        margin-bottom: 10px
    }
    .acc a {
        display: block;
        text-decoration: none;
        padding: 10px 10px 10px 10px;
        color: #ffffff
    }
    .acc a:hover {
        background: #ffb81c;
        text-decoration: none;
        color: #003b5c
    }
    .acc_c {
        margin: 0 0 0px;
        padding: 0;
        overflow: hidden;
        font-size: 0.9em;
        background: #8db9ca;
        clear: both;
        border: 1px solid #8db9ca;
        margin-bottom: 10px
    }
    .acc_c .block {
        padding: 0px
    }
    .acc_c .block p {
        padding: 0% 0;
        margin: 2% 0
    }
    .acc_c .block a.download {
        display: block;
        text-decoration: none;
        padding: 1%;
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px solid #003b5c;
        width: 49%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        float: left;
        color: #003b5c
    }
    .acc_c .block a.download:hover {
        background-color: #003b5c;
        color: #ffffff
    }
    #MainContent_ddlBrochure,
    #MainContent_ddlBrochureLang {
        padding: 5px;
        width: 40%;
        clear: both;
        margin-bottom: 10px;
        float: left
    }
    #MainContent_lblBrochureQty {
        float: left;
        width: 80px;
        display: block;
        padding-top: 6px
    }
    #MainContent_txtBrochureQty {
        padding: 5px;
        float: left;
        width: 5%
    }
    #MainContent_btnRequestBrochure {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none;
        width: 25%;
        margin-top: 10px
    }
    #MainContent_btnRequestBrochure:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_lblConfirmation {
        display: block;
        margin-top: 10px;
        padding: 5px;
        font-weight: bold;
        color: #32CD32
    }
    .marketing-panel {
        margin-bottom: 10px
    }
    .marketing-panel a {
        margin: 2%;
        margin-top: 0;
        display: block;
        text-decoration: none;
        color:
    }
    .marketing-panel a:hover {
        border: 1px solid #003b5c
    }
    .mktpanel {
        padding: 2%;
        width: 46%;
        float: left;
        border: 1px solid #8db9ca;
        height: 390px
    }
    .mktpanel .mkttitle {
        padding: 5px;
        padding-bottom: 15px;
        font-weight: bold;
        color: #003b5c
    }
    .mktpanel .mktimage {
        max-width: 100%
    }
    .mktpanel .mktdesc {
        padding: 5px;
        color: #333333
    }
    .newspnl {
        padding: 2%;
        width: 46%;
        float: left;
        border: 1px solid #8db9ca;
        height: 390px
    }
    .newspnl .newstitle {
        padding: 5px;
        padding-bottom: 15px;
        font-weight: bold;
        color: #003b5c
    }
    .newspnl .newsimage {
        max-width: 100%
    }
    .newspnl .newsdesc {
        padding: 5px;
        color: #333333
    }
    a.news {
        padding: 10px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none;
        float: right;
        margin-top: 10px;
        margin-right: 25%
    }
    a.news:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .article-width {
        width: 70%
    }
    #MainContent_pnlMarketing {
        padding: 2%;
        width: 60%
    }
    #MainContent_pnlMarketing #MainContent_btnOptInToMarketing,
    #MainContent_pnlMarketing #MainContent_btnMarketingCancel {
        padding: 8px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    #MainContent_pnlMarketing #MainContent_btnOptInToMarketing:hover,
    #MainContent_pnlMarketing #MainContent_btnMarketingCancel:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_pnlMarketing #MainContent_btnMarketingCancel {
        float: right
    }

     /* Password Expiry */

       #MainContent_pnlPassword {
        padding: 2%;
        width: 60%
    }
    #MainContent_pnlPassword #MainContent_btnPnlChangePwd,
    #MainContent_pnlPassword #MainContent_btnCancelPwd {
        padding: 8px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    #MainContent_pnlPassword #MainContent_btnPnlChangePwd:hover,
    #MainContent_pnlPassword #MainContent_btnCancelPwd:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_pnlPassword #MainContent_btnCancelPwd {
        float: right
    }


    .dropdown-items .dropdown {
        width: 45%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        margin-bottom: 15px;
        float: left
    }
    .dropdown-items .dropdown select {
        width: 70%;
        padding: 5px;
        float: left
    }
    .dropdown-items .dropdown span.lbl {
        float: left;
        display: block;
        width: 30%;
        padding-top: 6px
    }
    .dd-productresult {
        font-size: 1.3em
    }
    .dd-productresult #MainContent_lblFlosCode {
        color: #000000;
        font-weight: bold;
        display: inline-block
    }
    #MainContent_txtProductSearch {
        display: block;
        padding: 5px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #000000;
        border: solid #ff0000 1px;
        text-decoration: none;
        font-weight: bold;
        width: 35%
    }
    #MainContent_btnSubmitSearch {
        display: block;
        padding: 8px 25px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
        margin-top: 15px;
        font-weight: bold;
        width: 25%
    }
    #MainContent_btnSubmitSearch:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }
    #MainContent_btnReset {
        display: block;
        padding: 8px 25px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
        font-weight: bold;
        float: right
    }
    #MainContent_btnReset:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }
    .ds h2 {
        color: #666666
    }
    .dsimage {
        text-align: center
    }
    .dsstanmat {
        padding-left: 2%;
        padding-right: 2%
    }
    .ds .fifth {
        width: 18%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
        text-align: center
    }
    .dsdrawings {
        padding-left: 2%;
        padding-right: 2%
    }
    .ds .thirtyfive {
        width: 35%;
        float: left;
        text-align: center
    }
    .ds .thirty {
        width: 30%;
        float: left;
        text-align: center
    }
    .dsdimensions {
        padding-left: 2%;
        padding-right: 2%;
        margin-bottom: 10px
    }
    .dsdimensions table {
        width: 100%;
        font-size: 0.9em
    }
    .dsdimensions table th {
        font-weight: bold;
        text-align: center
    }
    .dsdimensions table td {
        text-align: center
    }
    .dspv {
        text-align: center
    }
    .dstitle-hid,
    .dsfooter {
        display: none
    }

    /* Quote Creation Code*/
    #MainContent_btnCreateQuote {
        display: block;
        padding: 8px 25px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
        font-weight: bold;
        float: left
    }
    #MainContent_btnCreateQuote:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }

    #MainContent_pnlQuote {
        background-color: #ffffff;
        padding: 10px;
        width: 475px;

        border: 1px solid #000;
    }

    #MainContent_pnlQuote #MainContent_btnSumbitQuote,
    #MainContent_pnlQuote #MainContent_btnCloseQuote {
        display: block;
        padding: 5px 5px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
    }

    #MainContent_pnlQuote #MainContent_btnSumbitQuote:hover,
    #MainContent_pnlQuote #MainContent_btnCloseQuote:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }

    #MainContent_pnlQuote #MainContent_btnSumbitQuote {
        float: left;
    }
    #MainContent_pnlQuote #MainContent_btnCloseQuote {
        float: right;
    }

    #MainContent_lblQuoteError {
        display: block;
        color: #ff0000;
        font-weight: bold;
    }

    #MainContent_pnlQuote #MainContent_lblOrderNo {
        width: 40%;
        float: left;

        display: block;
        padding-top: 7px;
    }

    #MainContent_pnlQuote #MainContent_txtOrderNo {
        width: 60%;
        float: left;
    }

    #MainContent_pnlQuote .pad {
        margin-bottom: 15px;
    }

    #MainContent_UpdateProg1 {
        z-index: 7000 !important;
        background-color: #ffffff;

        width: 100%;
        height: 100%;
        filter: alpha(opacity=70);
        opacity: 0.7;
        position: absolute;
        margin-top: -10px;
        margin-left: -10px;
    }


    table#MainContent_QuoteHistory {
        width: 100%
    }
    table#MainContent_QuoteHistory thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;


        color: #ffffff
    }
    table#MainContent_QuoteHistory td {
        padding: 0.5%;
        text-align: center;
        width: 20%;
    }

    table#MainContent_QuoteHistory td:nth-child(3),
    table#MainContent_QuoteHistory th:nth-child(3) {
        text-align: left;
        width: 20%
    }

    table#MainContent_QuoteHistory a {
        display: block
    }
    table#MainContent_QuoteHistory td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    table#MainContent_QuoteHistory td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }

    /* Quote Details*/
    .quotedetails {
        margin-top: 15px;
    }

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


    table#MainContent_grdQuoteDetails {
        width: 100%
    }
    table#MainContent_grdQuoteDetails thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        cursor: pointer;
        color: #ffffff
    }
    table#MainContent_grdQuoteDetails td {
        padding: 0.5%;
        text-align: center;
    }
    table#MainContent_grdQuoteDetails td:nth-child(1),
    table#MainContent_grdQuoteDetails th:nth-child(1) {
        width: 5%;
    }

    table#MainContent_grdQuoteDetails td:nth-child(2),
    table#MainContent_grdQuoteDetails th:nth-child(2) {
        width: 20%;
    }

    table#MainContent_grdQuoteDetails td:nth-child(3),
    table#MainContent_grdQuoteDetails th:nth-child(3) {
        text-align: left;
        width: 30%
    }

    table#MainContent_grdQuoteDetails td:nth-child(4),
    table#MainContent_grdQuoteDetails th:nth-child(4) {
        width: 10%;
    }

    table#MainContent_grdQuoteDetails td:nth-child(5),
    table#MainContent_grdQuoteDetails th:nth-child(5),
    table#MainContent_grdQuoteDetails td:nth-child(6),
    table#MainContent_grdQuoteDetails th:nth-child(6) {
        width: 15%;
    }

    table#MainContent_grdQuoteDetails a {
        display: block
    }
    table#MainContent_grdQuoteDetails td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    table#MainContent_grdQuoteDetails td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
}
@media screen and (min-width: 1600px) {

    /* Shopping CArt Audit*/
    .main .search-results table#MainContent_ShoppingCartMinOrder th {
        background-color: #B6C9D1;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td {
        padding: 1%;
        text-align: center;
        font-size: 0.9em;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(1) {
        width: 15%;
        font-size: 0.9em;
    }
    /*.main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(2),
    .main .search-results table#MainContent_ShoppingCartMinOrder th:nth-child(2),*/
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(3),
    .main .search-results table#MainContent_ShoppingCartMinOrder th:nth-child(3) {
        display: none;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(6) {
        color: #ff0000;
        font-weight: bold;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(7) {
        color: #5CAF24;
        font-weight: bold;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(6) {
        width: 15% !important;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(6) input {
        width: 50%;
        padding: 5px;
    }
    .main .search-results table#MainContent_ShoppingCartMinOrder a {

        font-size: 1em;
    }


    .row {
        width: 1580px;
        padding: 0 12px;
        margin: 0 auto;
        clear: both
    }
    .twothirds {
        float: left;
        width: 66.66666666666%
    }
    .third {
        float: left;
        width: 33.3333333333%
    }
    .main {
        width: 80%;
        float: left
    }
    .half {
        padding-left: 2%;
        padding-right: 2%;
        width: 50%;
        float: left
    }
    #my_popup,
    #dimensions,
    #help {
        max-width: 80%;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        display: none;
        margin: 1em;
        background-color: #ffffff;
        padding: 3em
    }
    .navigation {
        float: left;
        width: 18%;
        font-size: 0.9em;
        margin-right: 2%;
        display: block
    }
    .navigation .text {
        padding-left: 2%;
        padding-bottom: 2%;
        padding-top: 2%;
        display: block;
        border-bottom: 3px solid #ffb81c;
        background-color: #003b5c;
        margin-top: 10px;
        margin-bottom: 5px;
        font-weight: bold;
        color: #ffffff
    }
    .navigation ul li a {
        padding: 2%;
        display: block;
        text-decoration: none;
        color: #333333
    }
    .navigation li a:hover {
        background-color: #ffb81c;
        text-decoration: none;
        color: #003b5c;
        padding: 2%
    }
    .breadcrumb {
        float: right !important;
        font-size: 0.8em !important;
        margin-bottom: 10px;
        color: #7F7F7F
    }
    .main h1 {
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
        color: #003b5c;
        border-bottom: 1px solid #4e87a0
    }
    .main h2 {
        margin: 0;
        padding: 0;
        margin-bottom: 10px
    }
    .welcome {
        font-weight: bold;
        padding-top: 6px;
        margin-bottom: 10px;
        padding-left: 2%
    }
    .red {
        color: #ff0000
    }
    a.logo {
        min-height: 120px;
        width: 100%;
        float: left;
        background-repeat: no-repeat;
        background-position: left center;
        display: block
    }
    .uk {
        background-image: url(../images/vel.png)
    }
    .us {
        background-image: url(../images/vsi.png)
    }
    .strapline {
        font-size: 2.5em;
        margin-left: 1.5%;
        margin-top: 35px;
        font-weight: bold
    }
    div.slicknav_menu {
        display: none
    }
    .hhalf {
        width: 50%;
        float: left
    }
    .hhalf .margin {
        margin-top: 15px
    }
    .hhalf .tel-no {
        display: block;
        float: right;
        font-size: 1.25em;
        font-weight: bold;
        padding: 8px;
        width: auto
    }
    .hhalf .email {
        display: block;
        float: right;
        font-size: 1.25em;
        font-weight: bold;
        padding: 8px
    }
    .hhalf .google {
        display: block;
        float: right;
        padding-top: 3px;
        padding-right: 15px
    }
    .hhalf .google select {
        padding: 4px
    }
    #MainContent_Register,
    #MainContent_ForgotPass,
    #MainContent_terms {
        display: block;
        margin: 5%;
        padding: 5%;
        background-color: #003b5c;
        font-size: 2em;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px
    }
    #MainContent_termsLogin {
        padding: 5px;
        width: auto;
        background-color: #97999b;
        display: inline-block;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px
    }
    #MainContent_terms {
        font-size: 1.5em
    }
    #MainContent_Register:hover,
    #MainContent_ForgotPass:hover,
    #MainContent_terms:hover,
    #MainContent_termsLogin:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_Register {
        margin-top: 50px
    }
    #MainContent_lblError {
        color: #ff0000;
        display: inline-block;
        margin-bottom: 10px;
        font-weight: bold
    }
    .display-box {
        margin-bottom: 15px;
        clear: both
    }
    .display-box .title {
        float: left;
        width: 180px;
        padding: 6px
    }
    .display-box .text-input {
        float: left
    }
    .display-box .text-input input {
        padding: 5px;
        width: 300px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .display-box .text-input input:focus,
    .display-box .text-input select:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .display-box .error-alert {
        color: #ff0000;
        float: left;
        padding: 6px
    }
    .display-box .text-input select {
        width: 300px;
        padding: 5px;
        border: 1px solid #003b5c
    }
    .display-box #MainContent_Submit {
        width: 300px;
        padding: 5px;
        background-color: #003b5c;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        margin-left: 180px;
        margin-top: 15px
    }
    .display-box #MainContent_Submit:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .display-box #MainContent_RegSubmit,
    .display-box #MainContent_btnChangePassword {
        width: 300px;
        padding: 5px;
        background-color: #003b5c;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        margin-left: 180px
    }
    .display-box #MainContent_RegSubmit:hover,
    .display-box #MainContent_btnChangePassword:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main h1.pricing-delivery {
        font-size: 1.75em;
        padding-left: 2%;
        border-bottom: 0
    }
    .main h3.landing-drop {
        padding-left: 2%
    }
    .main a.content-link {
        display: block;
        text-decoration: none;
        padding: 3%;
        margin-bottom: 10px;
        color: #333333;
        border: 1px solid #8db9ca
    }
    .main a.content-link:hover {
        background-color: #003b5c;
        color: #ffffff
    }
    .main a.content-link:hover h3 {
        color: #ffffff
    }
    a.content-link h3 {
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
        color: #003b5c
    }
    .main #blockScreen {
        float: left;
        margin-left: 10px
    }
    .main #blockScreen .blockScreenLoader {
        margin-top: -16px
    }
    .main #MainContent_lblQuery {
        display: block;
        float: right;
        font-size: 0.8em
    }
    .main .search input#MainContent_chkShowStock {
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5)
    }
    .main .search #MainContent_lblShowStock {
        float: left;
        margin-left: 10px;
        width: 70px;
        font-size: 0.9em
    }
    .main .search input#MainContent_SearchField {
        float: left;
        width: auto;
        padding: 5px
    }
    .main .search input#MainContent_SubmitBtn {
        float: left;
        margin-left: 10px;
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff
    }
    .main .search input#MainContent_SubmitBtn:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search .info {
        clear: both;
        font-size: 0.8em;
        margin-top: 10px;
        margin-bottom: 10px
    }
    .main #MainContent_lblAlert {
        display: block;
        margin-top: 15px;
        font-weight: bold;
        color: #ff0000
    }
    .main .search-results table {
        width: 100%
    }
    .main .search-results table#MainContent_SearchResults thead th,
    .main .search-results table#MainContent_SearchResultsAll thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_SearchResults thead th.header.headerSortUp,
    .main .search-results table#MainContent_SearchResultsAll thead th tr .headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_SearchResults thead th.header.headerSortDown,
    .main .search-results table#MainContent_SearchResultsAll thead th tr .headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_SearchResults td,
    .main .search-results table#MainContent_SearchResultsAll td {
        padding: 1%;
        text-align: center;
        font-size: 0.8em
    }
    .main .search-results table#MainContent_SearchResults td:nth-child(1) {
        width: 20%
    }
    .main .search-results table#MainContent_SearchResults td:nth-child(1),
    .main .search-results table#MainContent_SearchResults td:nth-child(2),
    .main .search-results table#MainContent_SearchResultsAll td:nth-child(1),
    .main .search-results table#MainContent_SearchResultsAll td:nth-child(2) {
        text-align: left
    }
    .main .search-results table#MainContent_SearchResults td:nth-child(2) {
        width: 30%
    }
    .main .search-results table#MainContent_SearchResults th:nth-child(1),
    .main .search-results table#MainContent_SearchResults th:nth-child(2),
    .main .search-results table#MainContent_SearchResultsAll th:nth-child(1),
    .main .search-results table#MainContent_SearchResultsAll th:nth-child(2) {
        text-align: left
    }
    .main .search-results table#MainContent_SearchResults a,
    .main .search-results table#MainContent_SearchResultsAll a {
        display: block
    }
    .main .search-results table#MainContent_SearchResults td a,
    .main .search-results table#MainContent_SearchResultsAll td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_SearchResults td a:hover,
    .main .search-results table#MainContent_SearchResultsAll td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .add-basket #MainContent_lblError {
        color: #ff0000
    }
    .main a#MainContent_imgGuaranteed {
        float: right;
        width: 100px;
        height: 100px;
        background-image: url("http://www.vulcan-eng.com/brochurepages/Images/guaranteed.jpg")
    }
    .main a#MainContent_imgGuaranteed:hover {
        background-image: url("http://www.vulcan-eng.com/brochurepages/Images/guaranteed.jpg")
    }
    .label-head {
        float: left;
        width: 33%
    }
    .product-image {
        text-align: center;
        padding-top: 50px
    }
    .product-image,
    .pricing {
        float: left;
        width: 33%;
        margin-bottom: 20px
    }
    .pricing table#MainContent_PricingDetail {
        width: 100%
    }
    .main .pricing table#MainContent_PricingDetail th {
        background-color: #F5F5F3;
        padding: 2%;
        text-align: center;
        border-bottom: 1px solid #DEDED8
    }
    .main .pricing table#MainContent_PricingDetail td {
        padding: 2%;
        text-align: center;
        border-bottom: 1px solid #DEDED8
    }
    .label-head span {
        display: block;
        padding-bottom: 6px
    }
    .label-head #MainContent_btnProdEdit,
    .label-head #MainContent_btnProdAdd {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        padding: 5px
    }
    .label-head #MainContent_btnProdEdit:hover,
    .label-head #MainContent_btnProdAdd:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_ViewAlts {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 25%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: right;
        margin-top: 10px;
        text-align: center
    }
    #MainContent_ViewAlts:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    a.help_open {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        display: block;
        font-size: 1em;
        float: right;
        margin-top: 10px;
        text-align: center
    }
    a.help_open:hover {
        text-decoration: none
    }
    a.cta-form {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 20px;
        text-align: center;
        text-decoration: none
    }
    a.cta-form:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    a.enq-form {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 10px;
        text-align: center;
        text-decoration: none
    }
    a.enq-form:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .acc_container {
        margin: 0 0 0px;
        padding: 0;
        overflow: hidden;
        font-size: 0.9em;
        padding-left: 15px;
        padding-right: 15px;
        clear: both
    }
    .acc_container .block {
        padding: 0px;
        margin-top: 20px
    }
    .acc_container .block p {
        padding: 0% 0;
        margin: 2% 0
    }
    .acc_container textarea#MainContent_Comments {
        width: 100% !important;
        padding: 1%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .acc_container textarea#MainContent_Comments:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .acc_container input#MainContent_SendEmail {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        padding: 5px
    }
    .acc_container input#MainContent_SendEmail:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .enquire {
        width: 33%
    }
    .enquire h3.title {
        width: 50%;
        float: left;
        margin: 0;
        padding: 0;
        margin-right: 10%;
        padding-top: 5px
    }
    .enquire .sect {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .enquire input[type=text] {
        width: 35%;
        padding: 5px;
        float: left;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .enquire input[type=text]:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .acc_container input#MainContent_btnEnquire {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        padding: 5px
    }
    .acc_container input#MainContent_btnEnquire:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_lblEnquireAlert {
        display: inline-block;
        padding: 10px;
        color: #24B700;
        font-size: 1.5em
    }
    .main #MainContent_lblBrochure {
        float: left
    }
    a.brochurelink {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 20px;
        text-align: center;
        text-decoration: none
    }
    a.brochurelink:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    a.dimensions_open {
        padding: 5px;
        margin-left: 1%;
        margin-right: 1%;
        width: 31%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        display: block;
        float: left;
        margin-top: 20px;
        text-align: center;
        text-decoration: none
    }
    a.dimensions_open:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .stock-levels .stock-avail,
    .stock-levels .stock-qty {
        background-color: #F5F5F3
    }
    .stock-levels .stock-avail,
    .stock-levels .stock-qty,
    .stock-levels .stock-label,
    .stock-levels .stock-value {
        padding: 5px;
        float: left;
        width: 25%;
        line-height: 2.5em;
        border-bottom: 1px solid #DEDED8
    }
    .stock-levels .stock-label {
        clear: left
    }
    .history {
        width: 20%;
        float: left;
        margin-top: 20px
    }
    .add-basket {
        width: 33%;
        float: right;
        text-align: right;
        padding-right: 100px;
        margin-top: -150px
    }
    .highlight {
        border: 1px solid #ff0000 !important
    }
    .history input#MainContent_Return,
    .add-basket input#MainContent_AddToBasket {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px
    }
    .history input#MainContent_Return:hover,
    .add-basket input#MainContent_AddToBasket:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .add-basket #MainContent_txtQuantity {
        width: 25%;
        padding: 8px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .add-basket #MainContent_txtQuantity:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .add-basket input#MainContent_AddToBasket {
        padding: 25px;
        margin-top: 15px
    }
    .add-basket #MainContent_lblAddedToCart {
        display: block;
        font-size: 1.5em;
        float: right;
        margin-top: 10px;
        color: #24B700
    }
    #MainContent_lblNewProductTitle,
    #MainContent_lblNewProductShortDesc,
    #MainContent_lblNewProductLongDesc {
        display: inline-block;
        padding: 5px
    }
    #MainContent_txtShortDesc,
    #MainContent_txtProduct,
    #MainContent_txtLongDesc {
        width: 50%;
        padding: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    #MainContent_txtShortDesc:focus,
    #MainContent_txtProduct:focus,
    #MainContent_txtLongDesc:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    #MainContent_btnProductDelete,
    #MainContent_btnProductSave {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px
    }
    #MainContent_btnProductDelete:hover,
    #MainContent_btnProductSave:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_ShoppingCartView th,
    .main .search-results table#MainContent_ShoppingCartMinOrder th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        color: #ffffff
    }
    .main .search-results table#MainContent_ShoppingCartView td,
    .main .search-results table#MainContent_ShoppingCartMinOrder td {
        padding: 1%;
        text-align: center;
        font-size: 0.9em;
        width: 16%
    }
    .main .search-results table#MainContent_ShoppingCartView td:nth-child(1),
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(1) {
        width: 15%;
        font-size: 0.9em
    }
    .main .search-results table#MainContent_ShoppingCartView td:nth-child(6),
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(6) {
        width: 15% !important
    }
    .main .search-results table#MainContent_ShoppingCartView td:nth-child(6) input,
    .main .search-results table#MainContent_ShoppingCartMinOrder td:nth-child(6) input {
        width: 50%;
        padding: 5px
    }
    .main .search-results table#MainContent_ShoppingCartView a,
    .main .search-results table#MainContent_ShoppingCartMinOrder a {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px;
        font-size: 1em;
        text-decoration: none
    }
    .main .search-results table#MainContent_ShoppingCartView a:hover,
    .main .search-results table#MainContent_ShoppingCartMinOrder a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_ShoppingCartView input[type=text],
    .main .search-results table#MainContent_ShoppingCartMinOrder input[type=text] {
        padding: 5px;
        width: 25%;
        text-align: center
    }
    .main #MainContent_lblCartAlert {
        display: inline-block;
        color: #ff0000;
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: bold
    }
    .main #MainContent_lblCartTotal,
    #MainContent_lblSubTotal {
        display: inline-block;
        font-size: 1.2em;
        float: right;
        margin-top: 10px;
        color: #000000;
        margin-right: 3%;
        text-decoration: none
    }
    .main #MainContent_PlaceOrder {
        padding: 5px;
        width: 20%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        margin-top: 15px;
        text-align: center;
        text-decoration: none
    }
    .main #MainContent_PlaceOrder:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main .manage-add {
        clear: both;
        margin-bottom: 10px
    }
    .main .manage-add #MainContent_btnManageAddress {
        float: right;
        width: 25%;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main .manage-add #MainContent_btnManageAddress:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .address {
        width: 24%;
        padding: 5px;
        float: left;
        margin: 0.5%;
        font-size: 0.9em;
        border: 1px solid #cccccc
    }
    .main .address-block {
        height: 200px
    }
    .main .address input {
        margin-bottom: 10px;
        padding: 5px;
        width: 80%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        margin: 0 auto;
        text-align: center
    }
    .main .address input:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .address .delbutton {
        margin-bottom: 10px;
        padding: 5px;
        float: right;
        width: 25%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 1px;
        text-align: center
    }
    .main .address span {
        display: block;
        padding: 2px
    }
    .main .ReturnToAdd {
        float: right;
        width: 25%;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center;
        text-decoration: none
    }
    .main .ReturnToAdd:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .add-address ul {
        margin-bottom: 10px
    }
    .main .add-address ul li {
        margin-bottom: 7px;
        width: 100%;
        display: block
    }
    .main .add-address ul li span {
        float: left;
        width: 25%;
        padding-top: 5px
    }
    .main .add-address ul li input {
        float: left;
        width: 25%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        padding: 5px
    }
    .main .add-address ul li select {
        padding: 3px;
        float: left;
        width: 25%;
        margin-right: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .main .add-address ul li input:focus,
    .main .add-address ul li select:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .add-address #MainContent_btnSubmitAddress {
        margin-left: 25%;
        width: 25%;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main .add-address #MainContent_btnSubmitAddress:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main ul#MainContent_RlCarriage {
        margin-bottom: 10px
    }
    .main ul#MainContent_RlCarriage li {
        padding: 3px
    }
    .main ul#MainContent_RlCarriage li input {
        margin-right: 5px
    }
    .main input#MainContent_OrderReview {
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main input#MainContent_OrderReview:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_lblNoCarriage {
        display: block;
        margin-top: 15px;
        font-weight: bold;
        color: #ff0000
    }
    .main a#MainContent_EditAddress,
    .main #MainContent_EditDelivery {
        margin-bottom: 10px;
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center;
        width: 30%;
        text-decoration: none
    }
    .main a#MainContent_EditAddress:hover,
    .main #MainContent_EditDelivery:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_SubmitOrder {
        padding: 5px;
        width: 20%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        margin-top: 15px;
        text-align: center;
        margin-bottom: 40px
    }
    .main #MainContent_SubmitOrder:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main #MainContent_txtOrderNo {
        padding: 5px;
        width: 25%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .main #MainContent_txtOrderNo:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    /* CRSD*/
    .crsd {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .crsd #MainContent_txtReqDate {
        padding: 5px;

        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .main #MainContent_lblRequestedAlert {
        display: block;
        color: #ff0000;
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: bold
    }




    .main .add-address ul li select {
        padding: 3px;
        float: left;
        width: 25%;
        margin-right: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .main .add-address ul li input:focus,
    .main .add-address ul li select:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .contact-us #MainContent_Comments {
        padding: 5px;
        margin-bottom: 10px;
        width: 100%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    .contact-us #MainContent_Comments:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .contact-us #MainContent_SendEmail {
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        text-align: center;
        padding: 8px;
        float: right
    }
    .contact-us #MainContent_SendEmail:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main .search-results table#MainContent_CycloneSeps {
        width: 100%
    }
    .main .search-results table#MainContent_CycloneSeps thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_CycloneSeps thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_CycloneSeps thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_CycloneSeps td {
        padding: 1%;
        text-align: center;
        font-size: 0.8em
    }
    .main .search-results table#MainContent_CycloneSeps td:nth-child(1),
    .main .search-results table#MainContent_CycloneSeps th:nth-child(1) {
        width: 20%;
        text-align: left
    }
    .main .search-results table#MainContent_CycloneSeps td:nth-child(2),
    .main .search-results table#MainContent_CycloneSeps th:nth-child(2) {
        text-align: left;
        width: 30%
    }
    .main .search-results table#MainContent_CycloneSeps a {
        display: block
    }
    .main .search-results table#MainContent_CycloneSeps td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_CycloneSeps td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_ddlKamlock {
        padding: 3px;
        width: 160px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .main #MainContent_ddlKamlock:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .search-results table#MainContent_grdKamlocks {
        width: 100%
    }
    .main .search-results table#MainContent_grdKamlocks thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_grdKamlocks thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_grdKamlocks thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_grdKamlocks td {
        padding: 1%;
        text-align: center;
        font-size: 0.8em
    }
    .main .search-results table#MainContent_grdKamlocks td:nth-child(1),
    .main .search-results table#MainContent_grdKamlocks th:nth-child(1) {
        width: 20%;
        text-align: left
    }
    .main .search-results table#MainContent_grdKamlocks td:nth-child(2),
    .main .search-results table#MainContent_grdKamlocks th:nth-child(2) {
        text-align: left;
        width: 30%
    }
    .main .search-results table#MainContent_grdKamlocks a {
        display: block
    }
    .main .search-results table#MainContent_grdKamlocks td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_grdKamlocks td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .search .spacer span {
        display: inline-block;
        width: 15%
    }
    .search #MainContent_ddlManu,
    .search #MainContent_ddlPumpModel {
        padding: 3px;
        width: 50%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .search #MainContent_ddlManu:focus,
    .search #MainContent_ddlddlPumpModel:focus,
    .search #MainContent_SearchField:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .search #MainContent_SearchField {
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        width: 25% !important
    }
    .main .search-results table#MainContent_SearchResultsOEM {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_SearchResultsOEM thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_SearchResultsOEM thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsOEM thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsOEM td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_SearchResultsOEM td:nth-child(1) {
        width: 20%
    }
    .main .search-results table#MainContent_SearchResultsOEM td:nth-child(2),
    .main .search-results table#MainContent_SearchResultsOEM td:nth-child(3),
    .main .search-results table#MainContent_SearchResultsOEM td:nth-child(4) {
        width: 25%;
        text-align: left
    }
    .main .search-results table#MainContent_SearchResultsOEM a {
        display: block
    }
    .main .search-results table#MainContent_SearchResultsOEM td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_SearchResultsOEM td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .oem span {
        display: block;
        padding: 5px;
        float: left;
        width: 25%;
        border-bottom: 1px solid #4e87a0;
        padding-bottom: 5px;
        margin-bottom: 10px
    }
    .main .oem .item {
        width: 75%
    }
    .main .oem a.product-item {
        padding: 5px;
        width: 24%;
        float: left;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none;
        margin-right: 1%
    }
    .main .oem a.product-item:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .ddTitle {
        display: inline-block;
        width: 15%
    }
    .main .ddTitleEncap,
    .main #MainContent_lblInnerDiameter {
        display: inline-block;
        width: 20%
    }
    .main #MainContent_ddlGlandSize,
    .main #MainContent_ddlGlandStyle,
    .main #MainContent_ddlTefStyle,
    .main #MainContent_ddlTefThick,
    .main #MainContent_ddlTefArea,
    .main #MainContent_ddlCore,
    .main #MainContent_ddlCrossSec,
    .main #MainContent_ddlEncap,
    .main #MainContent_txtInnerDia {
        padding: 5px;
        width: 25%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .main #MainContent_ddlCore,
    .main #MainContent_ddlCrossSec,
    .main #MainContent_ddlEncap {
        padding: 3px;
        width: 25%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px
    }
    .main #MainContent_ddlGlandSize:focus,
    .main #MainContent_ddlGlandStyle:focus,
    .main #MainContent_ddlTefStyle:focus,
    .main #MainContent_ddlTefThick:focus,
    .main #MainContent_ddlTefArea:focus,
    .main #MainContent_ddlCore:focus,
    .main #MainContent_ddlCrossSec:focus,
    .main #MainContent_ddlEncap:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .dropdowns {
        margin-bottom: 10px
    }
    .dropdowns span#MainContent_lblProductCode,
    .dropdowns span#MainContent_lblResults {
        width: 15%;
        display: inline-block;
        float: left;
        padding-top: 6px
    }
    .encap span#MainContent_lblProductCode {
        width: 20%
    }
    .dropdowns span#MainContent_lblResults {
        color: #003b5c
    }
    .dropdowns #MainContent_SubmitSearch,
    .main #MainContent_SearchAll {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        width: 10%;
        float: left
    }
    .dropdowns #MainContent_SubmitSearch:hover,
    .main #MainContent_SearchAll:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main #MainContent_SearchAll {
        float: none
    }
    .main #MainContent_ddlBSSize {
        padding: 3px;
        width: 25%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 10px
    }
    .main #MainContent_ddlBSSize:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .search-results table#MainContent_BSChart {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_BSChart thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_BSChart thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_BSChart thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_BSChart td {
        padding: 1%;
        text-align: center;
        font-size: 1em;
        width: 33%
    }
    #MainContent_lblSealType {
        float: left;
        display: block;
        width: 15%;
        padding-top: 8px
    }
    #MainContent_ddlSealtype_ddlSealtype_Table {
        float: left !important
    }
    #MainContent_ddlSealtype input {
        padding: 5px;
        width: 100%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s
    }
    #MainContent_ddlSealtype input:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    #MainContent_ddlSealtype_ddlSealtype_Button {
        border: 0px !important;
        background-color: #003b5c;
        border: 1px solid #003b5c !important;
        width: 40px !important;
        border-radius: 3px;
        margin-top: 3px !important;
        background-image: url(../images/asc.gif) !important
    }
    #MainContent_ddlSealtype_ddlSealtype_Button:hover {
        background-color: #ffb81c;
        border: 1px solid #003b5c !important;
        color: #003b5c
    }
    #MainContent_ddlSealtype_ddlSealtype_OptionList {
        max-height: 300px
    }
    #MainContent_ddlSealtype_ddlSealtype_OptionList li {
        padding: 3px
    }
    .main #MainContent_ddlItemsize {
        padding: 5px;
        width: 15%;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        margin-bottom: 15px;
        margin-left: -5px;
        width: 248px
    }
    .main #MainContent_ddlItemsize:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main #MainContent_ddlItemsize select option {
        padding: 5px
    }
    .main .search-results table#MainContent_SearchResultsMech,
    .main .search-results table#MainContent_GridViewNonStandards,
    .main .search-results table#MainContent_GridViewNonStd,
    .main .search-results table#MainContent_SearchResultsMechPTFE {
        width: 100%
    }
    .main .search-results table#MainContent_SearchResultsMech thead th,
    .main .search-results table#MainContent_GridViewNonStandards thead th,
    .main .search-results table#MainContent_GridViewNonStd thead th,
    .main .search-results table#MainContent_SearchResultsMechPTFE thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_SearchResultsMech thead th.header.headerSortUp,
    .main .search-results table#MainContent_GridViewNonStandards thead th.header.headerSortUp,
    .main .search-results table#MainContent_GridViewNonStd thead th.header.headerSortUp,
    .main .search-results table#MainContent_SearchResultsMechPTFE thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsMech thead th.header.headerSortDown,
    .main .search-results table#MainContent_GridViewNonStandards thead th.header.headerSortDown,
    .main .search-results table#MainContent_GridViewNonStd thead th.header.headerSortDown,
    .main .search-results table#MainContent_SearchResultsMechPTFE thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_SearchResultsMech td,
    .main .search-results table#MainContent_GridViewNonStandards td,
    .main .search-results table#MainContent_GridViewNonStd td,
    .main .search-results table#MainContent_SearchResultsMechPTFE td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_SearchResultsMech a,
    .main .search-results table#MainContent_GridViewNonStandards a,
    .main .search-results table#MainContent_GridViewNonStd a,
    .main .search-results table#MainContent_SearchResultsMechPTFE a {
        display: block
    }
    .main .search-results table#MainContent_SearchResultsMech td a,
    .main .search-results table#MainContent_GridViewNonStandards td a,
    .main .search-results table#MainContent_GridViewNonStd td a,
    .main .search-results table#MainContent_SearchResultsMechPTFE td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_SearchResultsMech td a:hover,
    .main .search-results table#MainContent_GridViewNonStandards td a:hover,
    .main .search-results table#MainContent_GridViewNonStd td a:hover,
    .main .search-results table#MainContent_SearchResultsMechPTFE td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .profile .ProfileLabel {
        display: inline-block;
        width: 20%
    }
    .main .profile input {
        margin-left: 20%;
        margin-top: 10px
    }
    .main .profile input#MainContent_btnEditProfile,
    .main .profile input#MainContent_btnSaveProfile {
        padding: 5px;
        width: 20%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        margin-top: 15px;
        text-align: center
    }
    .main .profile input#MainContent_btnEditProfile,
    .main .profile input#MainContent_btnSaveProfile {
        margin-left: 0%
    }
    .main .profile input#MainContent_btnEditProfile:hover,
    .main .profile input#MainContent_btnSaveProfile:hover {
        background-color: #ffb81c;
        color: #003b5c;
        text-decoration: none
    }
    .main .profile #MainContent_txtForename,
    .main .profile #MainContent_txtSurname,
    .main .profile #MainContent_txtEmail,
    .main .profile #MainContent_txtPassword {
        padding: 5px;
        border: solid 1px #003b5c;
        transition: box-shadow 0.3s, border 0.3s;
        width: 25%
    }
    .main .profile #MainContent_txtForename:focus,
    .main .profile #MainContent_txtSurname:focus,
    .main .profile #MainContent_txtEmail:focus,
    .main .profile #MainContent_txtPassword:focus {
        border: solid 1px #003b5c;
        box-shadow: 0 0 10px 1px #003b5c
    }
    .main .profile #MainContent_EmailCheck,
    .main .profile #MainContent_PasswordValidate {
        color: #ff0000
    }
    .main .search-results table#MainContent_StatementsHist,
    .main .search-results table#MainContent_StatementsHistory {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_StatementsHist thead th,
    .main .search-results table#MainContent_StatementsHistory thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_StatementsHist thead th.header.headerSortUp,
    .main .search-results table#MainContent_StatementsHistory thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_StatementsHist thead th.header.headerSortDown,
    .main .search-results table#MainContent_StatementsHistory thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_StatementsHist td,
    .main .search-results table#MainContent_StatementsHistory td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_StatementsHist td a,
    .main .search-results table#MainContent_StatementsHistory td a {
        display: block;
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_StatementsHist td a:hover,
    .main .search-results table#MainContent_StatementsHistory td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    table#MainContent_StatementsHist tr:last-child td,
    table#MainContent_StatementsHist tr:last-child td {
        font-size: 1em !important
    }
    .main .search-results table#MainContent_StatementsHist td:nth-child(1),
    .main .search-results table#MainContent_StatementsHist td:nth-child(2),
    .main .search-results table#MainContent_StatementsHist td:nth-child(3),
    .main .search-results table#MainContent_StatementsHist td:nth-child(4),
    .main .search-results table#MainContent_StatementsHist td:nth-child(5),
    .main .search-results table#MainContent_StatementsHist td:nth-child(6),
    .main .search-results table#MainContent_StatementsHist td:nth-child(7),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(1),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(2),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(3),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(4),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(5),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(6),
    .main .search-results table#MainContent_StatementsHistory td:nth-child(7) {
        width: 14%
    }
    .main #MainContent_btnShowHistory,
    .main #MainContent_btnShowOpen {
        padding: 5px;
        width: 25%;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        float: right;
        margin-top: 15px;
        text-align: center;
        margin-bottom: 10px
    }
    .main #MainContent_btnShowHistory:hover,
    .main #MainContent_btnShowOpen:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_StatementsHistory>tbody>tr:last-child td table td {
        width: 7.1%
    }
    .main .search-results table#MainContent_StatementsHistory>tbody>tr:last-child td table {
        width: 50%;
        float: right
    }
    .pager a {
        padding: 5px;
        display: block;
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        font-size: 0.8em;
        text-align: center;
        text-decoration: none
    }
    .pager a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .pager span {
        padding: 5px;
        display: block;
        background-color: #8db9ca;
        border: 1px solid #8db9ca;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #003b5c;
        font-size: 0.8em;
        text-align: center;
        text-decoration: none
    }
    .main .search-results table#MainContent_ProductHist {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_ProductHist thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_ProductHist thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_ProductHist thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_ProductHist td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_ProductHist a {
        display: block
    }
    .main .search-results table#MainContent_ProductHist td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_ProductHist td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    input#MainContent_btnGenerateInvoice {
        background-color: #003b5c;
        border: 1px solid #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        color: #ffffff;
        padding: 5px;
        margin-top: 4px
    }
    input#MainContent_btnGenerateInvoice:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_grdPackingList {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_grdPackingList thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_grdPackingList thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_grdPackingList thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_grdPackingList td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_grdPackingList a {
        display: block
    }
    .main .search-results table#MainContent_grdPackingList td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_grdPackingList td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .main .search-results table#MainContent_grdPackingList>tbody>tr:last-child td table td {
        width: 7.1%
    }
    .main .search-results table#MainContent_grdPackingList>tbody>tr:last-child td table {
        width: 50%;
        float: right
    }
    .main .search-results table#MainContent_grdPriceEnquiries {
        width: 100%;
        margin-top: 15px
    }
    .main .search-results table#MainContent_grdPriceEnquiries thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        font-size: 0.8em;
        background-image: url(../images/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #ffffff
    }
    .main .search-results table#MainContent_grdPriceEnquiries thead th.header.headerSortUp {
        background-image: url(../images/asc.gif) !important
    }
    .main .search-results table#MainContent_grdPriceEnquiries thead th.header.headerSortDown {
        background-image: url(../images/desc.gif) !important
    }
    .main .search-results table#MainContent_grdPriceEnquiries td {
        padding: 1%;
        text-align: center;
        font-size: 1em
    }
    .main .search-results table#MainContent_grdPriceEnquiries a {
        display: block
    }
    .main .search-results table#MainContent_grdPriceEnquiries td:nth-child(9) a {
        display: inline-block;
        margin-left: 3px;
        margin-right: 3px
    }
    .main .search-results table#MainContent_grdPriceEnquiries td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    .main .search-results table#MainContent_grdPriceEnquiries td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .tech-lib a.tl-box {
        display: block;
        text-decoration: none;
        padding: 3%;
        margin-bottom: 10px;
        color: #333333;
        border: 1px solid #8db9ca;
        min-height: 135px
    }
    .tech-lib a.tl-box:hover {
        background-color: #003b5c;
        color: #ffffff
    }
    .tech-lib .half {
        float: left;
        width: 47%;
        margin: 1.5%
    }
    .tech-lib .full {
        width: 97%;
        margin: 1.5%
    }
    .tech-lib a.tl-box:hover h3 {
        color: #ffffff
    }
    a.tl-box h3 {
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
        color: #003b5c
    }
    .acc {
        background-color: #003b5c;
        -webkit-box-shadow: 0px 1px 3px #666666;
        -moz-box-shadow: 0px 1px 3px #666666;
        box-shadow: 0px 1px 3px #666666;
        width: 100%;
        margin-bottom: 10px
    }
    .acc a {
        display: block;
        text-decoration: none;
        padding: 10px 10px 10px 10px;
        color: #ffffff
    }
    .acc a:hover {
        background: #ffb81c;
        text-decoration: none;
        color: #003b5c
    }
    .acc_c {
        margin: 0 0 0px;
        padding: 0;
        overflow: hidden;
        font-size: 0.9em;
        background: #8db9ca;
        clear: both;
        border: 1px solid #8db9ca;
        margin-bottom: 10px
    }
    .acc_c .block {
        padding: 0px
    }
    .acc_c .block p {
        padding: 0% 0;
        margin: 2% 0
    }
    .acc_c .block a.download {
        display: block;
        text-decoration: none;
        padding: 1%;
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px solid #003b5c;
        width: 49%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        float: left;
        color: #003b5c
    }
    .acc_c .block a.download:hover {
        background-color: #003b5c;
        color: #ffffff
    }
    #MainContent_ddlBrochure,
    #MainContent_ddlBrochureLang {
        padding: 5px;
        width: 25%;
        clear: both;
        margin-bottom: 10px;
        float: left
    }
    #MainContent_lblBrochureQty {
        float: left;
        width: 80px;
        display: block;
        padding-top: 6px
    }
    #MainContent_txtBrochureQty {
        padding: 5px;
        float: left;
        width: 5%
    }
    #MainContent_btnRequestBrochure {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none;
        width: 25%;
        margin-top: 10px
    }
    #MainContent_btnRequestBrochure:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_lblConfirmation {
        display: block;
        margin-top: 10px;
        padding: 5px;
        font-weight: bold;
        color: #32CD32
    }
    .marketing-panel {
        margin-bottom: 10px
    }
    .marketing-panel a {
        margin: 2%;
        margin-top: 0;
        display: block;
        text-decoration: none;
        color:
    }
    .marketing-panel a:hover {
        border: 1px solid #003b5c
    }
    .mktpanel {
        padding: 2%;
        width: 46%;
        float: left;
        border: 1px solid #8db9ca;
        height: 410px
    }
    .mktpanel .mkttitle {
        padding: 5px;
        padding-bottom: 15px;
        font-weight: bold;
        color: #003b5c
    }
    .mktpanel .mktimage {
        max-width: 100%
    }
    .mktpanel .mktdesc {
        padding: 5px;
        color: #333333
    }
    .newspnl {
        padding: 2%;
        width: 46%;
        float: left;
        border: 1px solid #8db9ca;
        height: 410px
    }
    .newspnl .newstitle {
        padding: 5px;
        padding-bottom: 15px;
        font-weight: bold;
        color: #003b5c
    }
    .newspnl .newsimage {
        max-width: 100%
    }
    .newspnl .newsdesc {
        padding: 5px;
        color: #333333
    }
    a.news {
        padding: 10px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none;
        float: right;
        margin-top: 10px;
        margin-right: 25%
    }
    a.news:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    .article-width {
        width: 60%
    }
    #MainContent_pnlMarketing {
        padding: 2%;
        width: 60%
    }
    #MainContent_pnlMarketing #MainContent_btnOptInToMarketing,
    #MainContent_pnlMarketing #MainContent_btnMarketingCancel {
        padding: 8px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    #MainContent_pnlMarketing #MainContent_btnOptInToMarketing:hover,
    #MainContent_pnlMarketing #MainContent_btnMarketingCancel:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_pnlMarketing #MainContent_btnMarketingCancel {
        float: right
    }


    /* Password Expiry */

       #MainContent_pnlPassword {
        padding: 2%;
        width: 60%
    }
    #MainContent_pnlPassword #MainContent_btnPnlChangePwd,
    #MainContent_pnlPassword #MainContent_btnCancelPwd {
        padding: 8px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    #MainContent_pnlPassword #MainContent_btnPnlChangePwd:hover,
    #MainContent_pnlPassword #MainContent_btnCancelPwd:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
    #MainContent_pnlPassword #MainContent_btnCancelPwd {
        float: right
    }


    .dropdown-items .dropdown {
        width: 45%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        margin-bottom: 15px;
        float: left
    }
    .dropdown-items .dropdown select {
        width: 70%;
        padding: 5px;
        float: left
    }
    .dropdown-items .dropdown span.lbl {
        float: left;
        display: block;
        width: 30%;
        padding-top: 6px
    }
    .dd-productresult {
        font-size: 1.3em
    }
    .dd-productresult #MainContent_lblFlosCode {
        color: #000000;
        font-weight: bold;
        display: inline-block
    }
    #MainContent_txtProductSearch {
        display: block;
        padding: 5px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #000000;
        border: solid #ff0000 1px;
        text-decoration: none;
        font-weight: bold;
        width: 25%
    }
    #MainContent_btnSubmitSearch {
        display: block;
        padding: 8px 25px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
        margin-top: 15px;
        font-weight: bold;
        width: 25%;
        margin-bottom: 15px
    }
    #MainContent_btnSubmitSearch:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }
    #MainContent_btnReset {
        display: block;
        padding: 8px 25px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
        font-weight: bold;
        float: right
    }
    #MainContent_btnReset:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }

    .ds h2 {
        color: #666666
    }
    .dsimage {
        text-align: center
    }
    .dsstanmat {
        padding-left: 2%;
        padding-right: 2%
    }
    .ds .fifth {
        width: 18%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
        text-align: center
    }
    .dsdrawings {
        padding-left: 2%;
        padding-right: 2%
    }
    .ds .thirtyfive {
        width: 35%;
        float: left;
        text-align: center
    }
    .ds .thirty {
        width: 30%;
        float: left;
        text-align: center
    }
    .dsdimensions {
        padding-left: 2%;
        padding-right: 2%;
        margin-bottom: 10px
    }
    .dsdimensions table {
        width: 100%;
        font-size: 0.9em
    }
    .dsdimensions table th {
        font-weight: bold;
        text-align: center
    }
    .dsdimensions table td {
        text-align: center
    }
    .dspv {
        text-align: center
    }
    .dstitle-hid,
    .dsfooter {
        display: none
    }
    /* Quote Creation Code*/
    #MainContent_btnCreateQuote {
        display: block;
        padding: 8px 25px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
        font-weight: bold;
        float: left
    }
    #MainContent_btnCreateQuote:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }

    #MainContent_pnlQuote {
        background-color: #ffffff;
        padding: 10px;
        width: 475px;

        border: 1px solid #000;
    }

    #MainContent_pnlQuote #MainContent_btnSumbitQuote,
    #MainContent_pnlQuote #MainContent_btnCloseQuote {
        display: block;
        padding: 5px 5px;
        -webkit-border-radius: 3;
        -moz-border-radius: 3;
        border-radius: 3px;
        color: #ffffff;
        background: #003b5c;
        border: solid #003b5c 2px;
        text-decoration: none;
    }

    #MainContent_pnlQuote #MainContent_btnSumbitQuote:hover,
    #MainContent_pnlQuote #MainContent_btnCloseQuote:hover {
        background-color: #ffb81c;
        border: 2px solid #003b5c;
        color: #003b5c
    }

    #MainContent_pnlQuote #MainContent_btnSumbitQuote {
        float: left;
    }
    #MainContent_pnlQuote #MainContent_btnCloseQuote {
        float: right;
    }

    #MainContent_lblQuoteError {
        display: block;
        color: #ff0000;
        font-weight: bold;
    }

    #MainContent_pnlQuote #MainContent_lblOrderNo {
        width: 40%;
        float: left;

        display: block;
        padding-top: 7px;
    }

    #MainContent_pnlQuote #MainContent_txtOrderNo {
        width: 60%;
        float: left;
    }

    #MainContent_pnlQuote .pad {
        margin-bottom: 15px;
    }

    #MainContent_UpdateProg1 {
        z-index: 7000 !important;
        background-color: #ffffff;

        width: 100%;
        height: 100%;
        filter: alpha(opacity=70);
        opacity: 0.7;
        position: absolute;
        margin-top: -10px;
        margin-left: -10px;
    }


    table#MainContent_QuoteHistory {
        width: 100%
    }
    table#MainContent_QuoteHistory thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;


        color: #ffffff
    }
    table#MainContent_QuoteHistory td {
        padding: 0.5%;
        text-align: center;
        width: 20%;
    }

    table#MainContent_QuoteHistory td:nth-child(3),
    table#MainContent_QuoteHistory th:nth-child(3) {
        text-align: left;
        width: 20%
    }

    table#MainContent_QuoteHistory a {
        display: block
    }
    table#MainContent_QuoteHistory td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    table#MainContent_QuoteHistory td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }

    /* Quote Details*/
    .quotedetails {
        margin-top: 15px;
    }

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


    table#MainContent_grdQuoteDetails {
        width: 100%
    }
    table#MainContent_grdQuoteDetails thead th {
        background-color: #003b5c;
        padding: 1%;
        text-align: center;
        cursor: pointer;
        color: #ffffff
    }
    table#MainContent_grdQuoteDetails td {
        padding: 0.5%;
        text-align: center;
    }
    table#MainContent_grdQuoteDetails td:nth-child(1),
    table#MainContent_grdQuoteDetails th:nth-child(1) {
        width: 5%;
    }

    table#MainContent_grdQuoteDetails td:nth-child(2),
    table#MainContent_grdQuoteDetails th:nth-child(2) {
        width: 20%;
    }

    table#MainContent_grdQuoteDetails td:nth-child(3),
    table#MainContent_grdQuoteDetails th:nth-child(3) {
        text-align: left;
        width: 30%
    }

    table#MainContent_grdQuoteDetails td:nth-child(4),
    table#MainContent_grdQuoteDetails th:nth-child(4) {
        width: 10%;
    }

    table#MainContent_grdQuoteDetails td:nth-child(5),
    table#MainContent_grdQuoteDetails th:nth-child(5),
    table#MainContent_grdQuoteDetails td:nth-child(6),
    table#MainContent_grdQuoteDetails th:nth-child(6) {
        width: 15%;
    }

    table#MainContent_grdQuoteDetails a {
        display: block
    }
    table#MainContent_grdQuoteDetails td a {
        padding: 5px;
        background-color: #003b5c;
        border-radius: 5px;
        moz-border-radius: 5px;
        border: 1px solid #003b5c;
        color: #ffffff;
        text-decoration: none
    }
    table#MainContent_grdQuoteDetails td a:hover {
        background-color: #ffb81c;
        color: #003b5c
    }
}