html {
    font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll
}

* {
    border: 0;
    padding: 0;
    margin: 0;
    outline: 0
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 400;
    font-size: 1.6em;
    padding: 0 0 25px;
    margin: 0;
    color: #00AEEF
}

.title {
    font-weight: 400;
    font-size: 1.5em;
    padding: 0 0 25px;
    margin: 0;
    color: #00AEEF
}

p {
    padding: 0 0 5px;
    margin: 0 0 5px
}

.clear {
    line-height: 1px
}

.floatleft {
    float: left!important
}

.floatright {
    float: right!important
}

.alignjustify {
    text-align: justify
}

.bold {
    font-weight: 700
}

.fontlarge {
    font-size: 1.5em
}

.fontmedium {
    font-size: 1.1em
}

.colourred {
    color: #900
}

.colourgreen {
    color: #090
}

.colourblue {
    color: #00AEEF
}

.text-up1 {
    font-size: 1.1em
}

.text-down1 {
    font-size: .9em
}

.nopadding {
    padding: 0!important;
    margin: 0!important
}

.padding5 {
    padding: 5px
}

.padding10 {
    padding: 10px
}

.padding15 {
    padding: 15px
}

.margintop20 {
    margin-top: 20px!important
}

.marginright10 {
    margin-right: 10px
}

.marginbottom10 {
    margin-bottom: 10px
}

.marginbottom20 {
    margin-bottom: 20px
}

.borderbottomgrey {
    border-bottom: solid 1px #828282
}

.clear {
    clear: both
}

blockquote {
    padding-left: 45px
}

img {
    border: 0;
    outline: 0!important
}

body {
    background-color: #FFF;
    color: #828282
}

a:active,a:link,a:visited {
    color: #00AEEF;
    text-decoration: none;
    outline: 0!important
}

a:hover {
    color: #00AEEF;
    text-decoration: underline;
    outline: 0;
    !important}

a:active.colgrey,a:link.colgrey,a:visited.colgrey {
    color: #828282;
    text-decoration: none;
    outline: 0!important
}

a:hover.colgrey {
    color: #828282;
    text-decoration: underline;
    outline: 0!important
}

input[type=email],input[type=password],input[type=tel],input[type=text] {
    clear: both;
    border: 1px solid #4E4E4E;
    padding: 5px 5%;
    color: #4E4E4E;
    width: 100%;
    margin-bottom: 12px;
    font-size: .9em
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    width: 100%;
    font-size: .9em;
    color: #999
}

#wrapper {
    width: 980px;
    margin: 0 auto
}

#logo {
    float: left;
    width: 160px;
    padding: 15px
}

#strapline {
    float: right;
    width: 480px;
    padding: 45px 15px 0 0;
    font-size: 1.3em;
    text-align: center;
    color: #00AEEF;
    font-family: Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif
}

#headerright {
    float: right;
    text-align: right
}

#headerright p {
    padding: 5px 0 0;
    margin: 0
}

#headerright #contactcontent {
    padding: 15px 0 0;
    margin: 0;
    height: 70px;
    position: relative;
    text-align: right
}

#headeremail1,#headeremail2,#headerfax,#headertelephone {
    visibility: hidden;
    position: absolute;
    top: 20px;
    right: 0;
    float: right
}

#headerright .socialicons {
    padding: 10px 0 0
}

#navbar {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #000
}

.nav-login-submitbutton {
    border-radius: 5px;
    padding: 3px;
    font-size: 1em;
    width: 100px;
    text-align: center;
    background: #00AEEF;
    font-weight: 700;
    float: right
}

.nav-login-submitbutton a:active,.nav-login-submitbutton a:link,.nav-login-submitbutton a:visited {
    color: #FFF;
    text-decoration: none;
    display: block
}

.nav-login-submitbutton a:hover {
    color: #FFF
}

#nav-login {
    padding: 0 10px 20px;
    width: 250px
}

#nav-login a {
    color: #FFF
}

a.nav-login-forgotten-password {
    font-size: .85em
}

.loggedinuser {
    color: #00AEEF;
    text-align: left;
    min-width: 138px;
    background: url(../images/icon-key.png) no-repeat right top
}

#breadcrumbs {
    width: 100%;
    padding: 5px 10px 25px;
    border-bottom: 1px solid #eee;
    font-size: 13px
}

#breadcrumbs ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#breadcrumbs ul li {
    display: block;
    float: left;
    margin: 0;
    padding: 0 0 0 20px;
    background-image: url(../images/breadcrumb-bullet.png);
    background-repeat: no-repeat;
    background-position: 0 3px
}

#breadcrumbs ul li.home {
    background-image: none;
    padding: 0 8px 0 0
}

#breadcrumbs ul li a:active,#breadcrumbs ul li a:link,#breadcrumbs ul li a:visited {
    font-weight: 700;
    color: #828282;
    text-decoration: none;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 6px 0 0;
    padding: 0
}

#breadcrumbs ul li a:active.home,#breadcrumbs ul li a:link.home,#breadcrumbs ul li a:visited.home {
    font-weight: 700;
    color: #828282;
    text-decoration: none;
    display: block;
    padding: 0;
    background-image: url(../images/breadcrumbs-home.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0;
    width: 20px;
    text-indent: -5000px
}

#breadcrumbs ul li a:hover {
    color: #00AEEF;
    text-decoration: underline
}

#breadcrumbs ul li a:hover.home {
    text-decoration: none;
    display: block;
    padding: 0;
    background-image: url(../images/breadcrumbs-home-over.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0;
    width: 20px;
    text-indent: -5000px
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0
}

.film_roll_wrapper img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    margin: 0 15px;
    opacity: .4;
    filter: alpha(opacity=40);
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease
}

.film_roll_wrapper .active img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    margin: 0 15px;
    opacity: 1;
    filter: alpha(opacity=100)
}

.col-brands-25 {
    width: 23.97959184%;
    margin: 5px .510204082%;
    float: left;
    position: relative
}

.col-brands-50 {
    width: 48.97959184%;
    margin: 5px .510204082%;
    float: left;
    position: relative
}

.col-brands-75 {
    width: 73.97959184%;
    margin: 5px .510204082%;
    float: left;
    position: relative
}

.col-brands-100 {
    width: 98.97959184%;
    margin: 5px .510204082%;
    float: left;
    position: relative
}

.col-brands-text {
    position: absolute;
    bottom: 10px;
    z-index: 10;
    background: #FFF;
    padding: 15px 10px;
    width: 100%;
    opacity: .9;
    filter: alpha(opacity=90)
}

.col-25 {
    width: 25%;
    margin-top: 25px;
    margin-bottom: 25px;
    float: left
}

.col-50 {
    width: 50%;
    margin-top: 25px;
    margin-bottom: 25px;
    float: left
}

.col-75 {
    width: 75%;
    margin-top: 25px;
    margin-bottom: 25px;
    float: left
}

.col-100 {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px
}

.border-100 {
    width: 100%;
    border: 1px solid #e7e7e7
}

.full-container {
    width: 96%;
    padding: 2%;
    border: 1px solid #F1F1F1;
    moz-border-radius: 5px;
    border-radius: 5px
}

.full-container label {
    display: block;
    clear: both;
    margin: 0 0 5px;
    font-weight: 700
}
.full-container label.checkbox {
    display: inline-block;
	width: 33%;
    float: left;
	clear: none;
    margin: 0 0 5px;
    font-weight: normal;
}

.full-container input[type=password],.full-container input[type=text] {
    clear: both;
    border: 1px solid #D2D2D2;
    padding: 5px 1%;
    color: #828282;
    width: 100%;
    margin-bottom: 12px;
    font-size: .9em
}

.homepage-blog-container {
    width: 68.67346939%;
    margin-right: 3.06122449%;
    border: 1px solid #F1F1F1;
    moz-border-radius: 5px;
    border-radius: 5px
}

.homepage-blog-header-left {
    float: left;
    padding: 10px;
    margin-right: 10px;
    display: inline
}

.homepage-blog-header-right {
    float: right;
    padding: 10px;
    display: inline
}

.homepage-blog-article-intro {
    border-top: 1px solid #F1F1F1;
    padding: 10px
}

.homepage-social-feeds {
    width: 28.06122449%;
    float: left
}

#footer-top {
    width: 100%;
    margin-top: 30px
}

#footer-bottom {
    width: 100%;
    background: #5C5C5C;
    moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    margin-bottom: 10px
}

.footer-col {
    padding: 20px;
    color: #FFF;
    font-size: .9em
}

.footer-right {
    float: right;
    text-align: right
}

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

.footer-right>a {
    margin: 0 6%
}

.footer-col a:active,.footer-col a:link,.footer-col a:visited {
    color: #FFF;
    text-decoration: none;
    font-size: .9em
}

.footer-col a:hover {
    text-decoration: underline
}

.edzine a:active,.edzine a:link,.edzine a:visited {
    color: #333
}

#blog-nav {
    margin: 35px 0 10px
}

.blog-article-intro {
    border-bottom: 1px solid #F1F1F1;
    padding: 25px 0
}

.blog-pre-next-buttons {
    border-radius: 5px;
    font-size: 1em;
    width: 150px;
    text-align: center;
    background: #000;
    font-weight: 700;
    margin-top: 20px
}

.blog-pre-next-buttons-inactive {
    background: #C4C4C4;
    color: #E7E7E7
}

.blog-pre-next-buttons-right {
    float: right
}

.blog-pre-next-buttons-left {
    float: left
}

.blog-pre-next-buttons a:active,.blog-pre-next-buttons a:link,.blog-pre-next-buttons a:visited {
    color: #00AEEF;
    padding: 8px;
    text-decoration: none;
    display: block
}

.blog-pre-next-buttons a:hover {
    color: #FFF
}

.blog-back-button {
    border-radius: 5px;
    font-size: 1em;
    width: 200px;
    text-align: center;
    background: #000;
    font-weight: 700;
    margin-top: 20px
}

.blog-back-button a:active,.blog-back-button a:link,.blog-back-button a:visited {
    color: #00AEEF;
    padding: 8px;
    text-decoration: none;
    display: block
}

.blog-back-button a:hover {
    color: #FFF
}

.black-button {
    border-radius: 5px;
    font-size: 1em;
    width: 150px;
    text-align: center;
    background: #000;
    font-weight: 700
}

.black-button a:active,.black-button a:link,.black-button a:visited {
    color: #00AEEF;
    padding: 10px;
    text-decoration: none;
    font-size: 1.1em;
    display: block
}

.black-button a:hover {
    color: #FFF;
    font-size: 1.1em
}

.black-button-long {
    border-radius: 5px;
    font-size: .8em;
    width: 200px;
    text-align: center;
    background: #000;
    font-weight: 700
}

.black-button-long a:active,.black-button-long a:link,.black-button-long a:visited {
    color: #00AEEF;
    padding: 10px;
    text-decoration: none;
    font-size: 1.1em;
    display: block
}

.black-button-long a:hover {
    color: #FFF;
    font-size: 1.1em
}

.blue-button {
    border-radius: 5px;
    font-size: 1em;
    width: 150px;
    text-align: center;
    background: #00AEEF;
    font-weight: 700
}

.blue-button a:active,.blue-button a:link,.blue-button a:visited {
    color: #000;
    padding: 10px;
    text-decoration: none;
    font-size: 1.1em;
    display: block
}

.blue-button a:hover {
    color: #000;
    font-size: 1.1em
}

.grey-button {
    border-radius: 5px;
    font-size: 1em;
    width: 150px;
    text-align: center;
    background: #828282;
    font-weight: 700
}

.grey-button a:active,.grey-button a:link,.grey-button a:visited {
    color: #FFF;
    padding: 10px;
    text-decoration: none;
    font-size: 1.1em;
    display: block
}

.grey-button a:hover {
    color: #FFF;
    font-size: 1.1em
}

.buttons-floatright {
    float: right
}

#contactform fieldset {
    clear: both;
    padding: 15px;
    border: 1px solid #F1F1F1;
    moz-border-radius: 5px;
    border-radius: 5px
}

#contactform input[type=password],#contactform input[type=text],#contactform textarea {
    clear: both;
    border: 1px solid #D2D2D2;
    padding: 5px 7px;
    color: #828282;
    width: 98%;
    margin-bottom: 12px;
    font-size: .9em
}

.col-products-list,.col-products-list-enquiry {
    width: 23.7755102%;
    margin: 5px .510204082%;
    float: left;
    border: 1px solid #D2D2D2
}

.col-products-list:hover {
    border: 1px solid #00AEEF
}

.col-products-list-add-button {
    padding: 10px;
    font-size: 1em;
    text-align: center;
    background: #f6f6f6;
    font-weight: 400;
    color: #00AEEF;
    text-decoration: none;
    height: 60px
}

.col-products-list a:active,.col-products-list a:hover,.col-products-list a:link,.col-products-list a:visited {
    text-decoration: none
}

.col-product-list-code {
    color: #828282!important
}

.col-products-list-enquiry {
    text-align: center;
    border: none
}

.producttitle {
    height: 75px;
    clear: both
}

#prod-details-image-contain {
    width: 38.7755102%;
    float: left
}

#prod-details-content-contain {
    width: 59.18367347%;
    float: right
}

.add-to-dwn-button {
    padding: 15px;
    text-align: center;
    background: #e7e7e7;
    font-weight: 700;
    margin: 20px 0;
    width: 75;
    float: right
}

.add-to-dwn-button a:active,.add-to-dwn-button a:link,.add-to-dwn-button a:visited {
    color: #00AEEF;
    text-decoration: none;
    font-size: 1.4em
}

.add-to-dwn-button a:hover {
    color: #00AEEF;
    font-size: 1.4em
}

.thumbs img {
    margin: 5px 1%;
    width: 23%;
    float: left
}

.social-fb,.social-gplus,.social-linkedin,.social-pin,.social-twitter {
    float: left;
    margin: 0 20px 20px 0
}

#filter-stockists-header {
    background: #e7e7e7;
    padding: 7px 10px
}

.supplier-list-container {
    border-bottom: 1px solid #e7e7e7;
    padding: 25px 0 15px
}

.supplier-list-logo {
    width: 13.7755102%;
    margin-right: 2.040816327%;
    margin-bottom: 2.040816327%;
    float: left;
    border: 1px solid #E7E7E7;
    text-align: center
}

.supplier-list-info-container {
    width: 84.18367347%;
    float: left
}

.supplier-list-text {
    width: 60%;
    margin-right: 3%;
    float: left
}

.supplier-list-text a:active,.supplier-list-text a:link,.supplier-list-text a:visited {
    color: #828282
}

.supplier-list-text a:hover {
    text-decoration: underline
}

.supplier-list-email {
    width: 37%;
    float: left;
    text-align: right
}

.wishlist-button {
    border-radius: 5px;
    padding: 10px;
    font-size: 1em;
    width: 180px;
    text-align: center;
    background: #000;
    font-weight: 700
}

.wishlist-button a:active,.wishlist-button a:link,.wishlist-button a:visited {
    color: #00AEEF;
    text-decoration: none;
    font-size: 1.1em
}

.wishlist-button a:hover {
    color: #00AEEF;
    font-size: 1.1em
}

.wishlist-button-blue {
    background: #00AEEF!important;
    margin: 0 10px!important
}

.wishlist-button-blue a:active,.wishlist-button-blue a:hover,.wishlist-button-blue a:link,.wishlist-button-blue a:visited {
    color: #000!important
}

.wishlist form {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 15px 0
}

.wishlist-item {
    width: 33%;
    float: left;
    margin: 5px 0
}

.wishlist-item img,.wishlist-item input[type=checkbox],.wishlist-item p {
    float: left;
    display: inline;
    margin: 0 1%
}

.wishlist-item input[type=checkbox] {
    margin-top: 4px
}

.wishlist-item p {
    padding: 0
}

.become-supplier {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 10px 0 20px;
    margin-top: 50px
}

.alert-danger {
    color: #b94a48;
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    padding: 10px
}

.alert-success {
    color: #468847;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    padding: 10px
}

@media screen and (min-width: 768px) and (max-width:1024px) {
    #wrapper {
        width:97%;
        padding: 0 1.5%
    }

    #strapline {
        width: 100%;
        font-size: 1.4em;
        padding: 10px 0 0
    }
}

@media screen and (min-width: 320px) and (max-width:767px) {
    .fontlarge {
        font-size:1.2em
    }

    #wrapper {
        width: 97%;
        padding: 0 1.5%
    }

    #strapline {
        width: 100%;
        font-size: 1.2em;
        padding: 10px 0 0
    }

    .col-25,.col-50,.col-75 {
        width: 100%;
        margin-top: 25px;
        margin-bottom: 25px
    }

    .col-brands-text {
        font-size: .9em
    }

    .col-products-list,.col-products-list-enquiry {
        width: 40%;
        margin: 5px 5%;
        font-size: .9em
    }

    .col-products-list-enquiry-button {
        width: 90%
    }

    #col-products-list-enquiry-text {
        display: none
    }

    .homepage-blog-container {
        width: 100%;
        margin-bottom: 20px
    }

    .homepage-blog-header-right {
        float: left
    }

    .homepage-social-feeds {
        width: 50%
    }

    .supplier-list-logo {
        width: 20%
    }

    .supplier-list-info-container {
        width: 70%;
        margin: 0 0 0 5%
    }

    .supplier-list-text {
        width: 100%
    }

    .supplier-list-email {
        width: 100%;
        text-align: left
    }
}

@media screen and (min-width: 150px) and (max-width:319px) {
    #wrapper {
        width:97%;
        padding: 0 1.5%
    }

    #headerright,#logo {
        margin: 0 auto 10px;
        float: none;
        width: 100%;
        text-align: center
    }

    #strapline {
        width: 100%;
        font-size: 1.2em;
        padding: 0;
        float: none
    }

    .col-25,.col-50,.col-75 {
        width: 100%;
        margin-top: 25px;
        margin-bottom: 25px
    }

    .col-brands-100,.col-brands-25,.col-brands-50,.col-brands-75 {
        width: 100%;
        margin: 5px 0
    }

    .col-brands-text {
        position: absolute;
        bottom: 10px;
        z-index: 10;
        background: #FFF;
        padding: 15px 10px;
        width: 100%;
        opacity: .9;
        filter: alpha(opacity=90)
    }

    .col-products-list,.col-products-list-enquiry {
        width: 100%;
        margin: 5px 0
    }

    .footer-col {
        padding: 5%;
        width: 90%
    }

    .homepage-blog-container,.homepage-social-feeds {
        width: 100%;
        margin-bottom: 20px
    }

    .homepage-blog-header-right {
        float: left
    }

    #prod-details-content-contain,#prod-details-image-contain {
        width: 100%
    }

    .supplier-list-logo {
        display: none
    }

    .supplier-list-info-container,.supplier-list-text {
        width: 100%
    }

    .supplier-list-email {
        width: 100%;
        text-align: left
    }
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}