[class^="ricon-"]:after, [class*=" ricon-"]:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-left: .1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-right: .1em;
}

.ricon-right-dir:after { content: '\e80c'; } /* '' */

pre {
    font-family: Arial;
}

.bold {
    font-weight: bold;
}

.products .logo {
    
}

.icon-attention-circled {
    color: orangered;
    font-size: 150%;
}

/* category / product grid */

.productdisplay {
}

.productdisplay .col.gu3 {
}

.cart-container {
    margin-top: 5px;
    position: relative;
}

.productdisplay .categoryname.underline {
    margin: 5px 0px;
    border-bottom: 1px solid #212121;
}

.productdisplay .header {
    background-color: #000;
    padding: 6px 0px 1px 10px;
    margin: 0px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.productdisplay .header h1 {
    color: white;
    font-size: 1.3em;
}

.productdisplay .header h1:before {
    content: "•";
}

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

.productdisplay .catproductbkg {
    padding-bottom: 10px;
    background-color: rgba(255,255,255,0.3);
}

.productdisplay .catbrieftext {
    min-height: 40px;
}

.catproductbkg p,
.catproductbkg h2,
.catproductbkg h3,
.catproductbkg h4,
.catproductbkg div {
    margin-left: 8px;
    margin-right: 8px;
}

/* Products Cart Override */

.ep-button {
    white-space: nowrap;
    color: #212121;
    border: 1px solid rgba(0,0,0,0.1);
    background-color: rgba(0,0,0,0.2);
    padding: 4px 10px 4px 5px;
    border-radius: 0px;
    text-align: center;
    display: inline-block;
    margin: 0px auto;
    line-height: 1;
}

.ep-previous-step .ep-button {
    font-size: 80%;
}

.button.buy {
    color: #212121;
    display: inline-block;
    border: 1px solid rgba(0,0,0,0.2);
    background-color: rgba(0,0,0,0.2);
    padding: 0px 10px 0px 5px;
    border-radius: 3px;
    margin: 3px;
    font-size: 80%;
}

.button.buy a {
    color: #000;
}

.ep-cart .ep-button.checkout,
.ep-button.new,
.ep-button.right,
.ep-button.process,
.ep-button.continue,
.ep-button.paynow {
    font-size: 80%;
}

.ep-button.right,
.ep-button.process,
.ep-button.paynow,
.ep-button.continue {
    float: right;
    cursor: pointer;
}

.ep-button.paynow {
    background-color: green;
    color: white;
}

.addtocart {
    font-size: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
}


.ep-button.continue {
    padding-top: 4px;
    padding-bottom: 4px;
}

.productdisplay .productpage .button.buy{
    float: none;
    margin-top: 10px;
    margin-left: 0px;
    display: block;
    width: 60%;
}

.productdisplay .button a,
.button-view a {
    display: block;
    padding: 10px 6px 6px 6px;
    text-decoration: none;
    color: #fff;
}

.productdisplay .accordian li h1 {
    display: block;
    cursor: pointer;
}

.button-view {
    padding: 6px 8px 3px 8px;
    text-align: center;
    display: inline;
    color: #fff;
    border-radius: 1px;
}

.products .formBox {
    padding-left: 5px;
}

.products .formBox .formText {
    font-weight: bold;
}

.ep-login-form {
    margin: 10px 0;
}

.ep-cart-empty {
    text-align: center;
    padding: 20px 0px;
    background-color: rgba(153,153,153,0.2);
}

ul.ep-cart {
    background-color: rgba(153,153,153,0.2);
}

ul.ep-cart li {
    padding: 5px 5px 5px 3px;
}

ul.ep-cart li:nth-child(even) {
    background-color: rgba(153,153,153,0.1);
}


.ep-cart-header {
    background-color: #000;
    padding: 5px;
    padding-bottom: 3px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    font-size: 90%;
}

.ep-cart-header .ep-cart-header-text {
    color:#fff;
}

.ep-cart-header a {
    color: #fff;
    text-decoration: none;
    font-size: 1.2em;
}

.ep-cart-header .icon-basket:before {
    color: #fff;
    margin-right: .5em;
    font-size: 120%;
}

.ep-cart-text {
    position: relative;
    margin-top: 5px;
    line-height: 1.5em;
    font-size: 70%;
}

.ep-cart-text div {
    display: table-cell
}

.ep-cart-text .ep-cart-subtotal {
    display: table-cell;
    text-align: right;
    white-space: nowrap;
}

.ep-cart-text a.icon-cancel-circle {
    display: table-cell;
    font-size: 100%;
    margin: 0px 5px 0px 0px;
    text-decoration: none;
}

.ep-summary a.icon-cancel-circle {
    text-decoration: none;
    color: #000;
}

.ep-cart-text a {
    color: #313131;
}

.ep-cart-text a:hover {
    color: #717171;
}

.ep-cart-qty {
    width: 60%;
}

.ep-count-qty {
    font-size: 60%;
    padding: 3px;
    display: inline;
    border-radius: 10px;
    color: #fff;
    background-color: #666;
    border: 1px solid #555;
    position: absolute;
    top: 7px;
    right: 5px;
    line-height: 1;
}

ul.ep-cart li.ep-cart-total-row {
    clear: left;
    position: relative;
    border-top: 1px solid #666;
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #666;
    font-weight: bold;
    background: none;
    font-size: 80%;
}

.ep-cart-total-row .ep-cart-total {
    float: right;
    font-weight: bold;
}

.ep-post-link {
    font-size: 80%;
}

ul.ep-cart li.ep-checkout {
    text-align: center;
    background: none;
}

.ep-checkout-button.process {
    float: right;
    width: 150px;
    max-width: 150px;
}

.ep-checkout-complete {
    text-align: center;
    padding: 20px 0;
    background-color: rgb(224, 234, 255);
    border: 1px solid green;
    margin-bottom: 5px;
}

.ep-cart-header {
    background-color: #0176b3;
    color: #fff;
    font-weight: normal;
    -moz-box-shadow: 0px -1px 5px rgba(104,104,104,.5);
    -webkit-box-shadow: 0px -1px 5px rgba(104,104,104,.5);
    box-shadow: 0px -1px 5px rgba(104,104,104,.5);
    background: rgb(82,82,82);
    background: -moz-linear-gradient(top,  rgba(82,82,82,1) 1%, rgba(29,29,29,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(82,82,82,1)), color-stop(100%,rgba(29,29,29,1)));
    background: -webkit-linear-gradient(top,  rgba(82,82,82,1) 1%,rgba(29,29,29,1) 100%);
    background: -o-linear-gradient(top,  rgba(82,82,82,1) 1%,rgba(29,29,29,1) 100%);
    background: -ms-linear-gradient(top,  rgba(82,82,82,1) 1%,rgba(29,29,29,1) 100%);
    background: linear-gradient(to bottom,  rgba(82,82,82,1) 1%,rgba(29,29,29,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#1d1d1d',GradientType=0 );
    border-top: 1px solid rgba(253,253,253,.5);
}

input.ep-red-border {
    border: 1px solid red;
}

.ep-form-error.on {
    color: red;
    text-align: center;
    padding: 6px 0px 4px 0px;
    font-size: 120%;
    background-color: rgba(255,0,0,0.2);
}

.note.red {
    color: red;
}

.td-input.name {
    width: 80%;
}

.icon-ok:before,
ul.ep-cart .icon-ok:before {
    margin-right: .5em;
}

table.ep-summary {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 1px;
    table-layout: fixed;
    margin-bottom: 10px;
}

.ep-summary thead {
    color: #fff;
    font-weight: normal;
    background: rgb(1,150,204); /* Old browsers */
    background: -ms-linear-gradient(top,  rgba(1,150,204,1) 1%,rgba(1,118,179,1) 100%); /* IE10+ */
    background:  rgba(104, 104, 104, 1); /* W3C */
    border-bottom: 1px solid rgba(53,53,53,1);
}

.ep-summary th {
    color: #fff;
    text-align: center;
    font-size: .8em;
    border: 1px solid #fff;
    line-height: 1;
    padding: 3px 5px;
}

.ep-summary th a {
    color: #fff;
}

th.col20 {
    width: 20px;
}

.ep-summary td {
    font-size: .75em;
    padding: 3px 5px;
    background-color: rgba(153,153,153,0.2);
    border: 1px solid #fff;
    word-wrap: break-word;
}

.ep-summary form {
    white-space: nowrap;
}

.ep-summary td.center {
    text-align: center;
}

.ep-summary td.right {
    text-align: right;
}

.ep-summary input[type=number] {
    width: 40px;
    display: inline-block;
}

.ep-summary.orders .ep-button {
    min-width: 70px;
}

table.backorderlist tr td:nth-child(6) {
    text-align: right;
}

td.center.button {
    text-align: center;
    width: 10%;
}

.icon-DESC:before {
    font-family: fontello;
    content: "\e811";
}

.icon-ASC:before {
    font-family: fontello;
    content: "\e837";
}

.button-update {
    cursor: pointer;
    inline-block;
}

.button-update .icon-cw:before {
    font-size: 1.3em;
    margin: 1px;
}

.ep-shipping-row {
    background-color: rgba(153,153,153,0.3)
}

.ep-shipping-row td {
    font-weight: bold;
}

.ep-total-row {
    background-color: rgba(153,153,153,0.5)
}

.ep-total-row td {
    font-weight: bold;
}

form .clear,
.formGroup {
    margin-top: 10px;
    clear: both;
}

.productdisplay form input[type=submit] {
    float: right;
}


.formGroup.postal_struct .formSeparator,
.formGroup.physical_struct .formSeparator,
.formGroup.contact.right .formSeparator,
.formGroup.general.left .formSeparator,
.formGroup.settings.top.left .formSeparator {
    background-color: rgba(153,153,153,0.5);
    padding: 5px;
    font-weight: bold;
}


@media screen and (min-width: 768px) and (max-width: 1017px) {

    .productdisplay {
    }

    .productdisplay .col.gu3 {
    }
    .productdisplay .header a {
    }

    .productdisplay .button.view {

    }

    .productdisplay .button.buy {
    }

    .productdisplay section.gu3 {
    }

}


/* CDL */

.col.gu6.body.products {
}

.col.crumbs {
    font-size: .7em;
    background-color: rgba(0,0,0,0.1);
}

.col.crumbs .crumbs {
    padding-left: 10px;
}
/* category / product grid */

.cdl-landingimage {
    width: 330px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.cdl-product-gallery img {
    width: initial;
    max-height: 100%;
    max-width: 100%;
}

.cdl-landingimage img {
    width: 100%;
}

.cdl-thumbs li {
    display: inline-block;
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: relative;
}

.cdl-thumbs img {
    width: 100%;
    opacity: 0.85;
    cursor: pointer;
}

.cdl-thumbs img:hover {
    opacity: 1;
}

.cdl-logo {
    margin: 10px 0;
}

.cdl-logo .product-logo {
    padding: 10px 0px 0px 10px;
    width: 80%;
}

.row.cdl-product {
    padding-top: 20px;
}

.cdl-product_img {
    padding: 20px;
}

.image-preview {
    text-align: center;
    height: 200px;
}

@media (min-width: 768px) and (max-width: 999px) {
    
    .image-preview {
        width: 298px;       
        height: 280px;
    }
}

@media (min-width: 1000px) and (max-width: 1239px) {
    .image-preview {
        width: 295px;       
        height: 290px;
    }
}

@media (min-width: 1240px) {
    .image-preview {
        width: 362px;       
        height: 350px;
    }
}

.image-preview img,
.cdl-product_img img {
    cursor: pointer;
}

/* category fast links */

.quick-link-container {
    width: 49%;
    font-size: 80%;
    background-color: rgba(245, 245, 245, 0.95);
    position: absolute;
    z-index: 9;
    left: 0;
}

.sub-categories-container {
    width: 49%;
    font-size: 80%;
    background-color: rgba(245, 245, 245, 0.95);
    position: absolute;
    z-index: 9;
    right: 0;
}

.cdl-drop-toggle {
    cursor: pointer;
}

.icon-down-open {
    border-bottom: 1px solid #ddd;
}

.cdl-drop-list {
    list-style: none;
    background-color: rgba(104,104,104,0.1);
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.cdl-drop-list li:nth-child(even) {
    background-color: rgba(104,104,104,0.1);
}

.cdl-drop-list li {
    padding: 0px 10px;
    font-size: 90%;
}

.cdl-drop-list li a {
    color: #000;
    display: block;
}

.cdl-drop-list li a:hover {
    color: #333;
}

.cdl-drop-list.closed {
    display: none;
}

.cdl-drop-list.opened {
    display: block;
}

/* text for products */

.cdl-text {
    margin-left: 10px;
}

.cdl-blue-text {
}

.cdl-text.heading {
    font-size: 130%;
    font-weight: bold;
}

.cdl-text.divider {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.categoryname {
    font-size: 150%;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    border-bottom: 1px solid #ddd;
}

h2.this-cat-name {
    font-size: 110%;
    margin-top: 15px;
    margin-bottom: 5px;
}

.this-cat-name a {
    padding: 15px 5px;
    color: black;
}

.cat-row h3 {
    font-size: 120%;
    margin: .25em 0;
}

.cdl-float-right {
    float: right;
    font-size: 80%;
}

.cat-row .description {
    color: #000;
}

ul.cat-table {
    padding: 1px;
    list-style: none;
    margin-left: 0px;
    margin-bottom: 20px;
}

ul.cat-table li {
    background-color: #fefefe;
    border: 1px solid #ddd;
    border-bottom: 0px solid #ddd;
}

ul.cat-table li:nth-child(2n+1) {
    background-color: #e9e9e9;
}

ul.cat-table li:last-child {
    border-bottom: 1px solid #ddd;
}

.cat-cell {
    display: table-cell;
    vertical-align: middle;
    min-height: 100px;
}

.cat-cell.image {
    border-right: 1px solid #ddd;
    text-align: center;
    min-width: 100px;
    padding: 10px;
    background-color: white;
}

.cat-cell.stockcode {
    padding: 0px 10px;
    width: 100%;
}

.cat-cell p.description {
    font-size: 75%;
}

.cdl-price {
    font-weight: bold;
}

ul.cat-table li.heading {
    min-height: 20px;
}

.cat-cell.image img {
    width: auto;
}

.product-info-container {
    font-size: 80%;
    line-height: 250%;
}

.cat-table .product-info-container {
    line-height: 125%;
}

.product-info.cart-form {
    text-align: right;
}

.product-view .product-info.cart-form {
    text-align: left;
}

.product-info.cart-form input[type=number] {
    width: 40px; 
}

/* Product list ends */

.no-image {
min-height: 100px;
text-align: center;
vertical-align: middle;
}

.no-image:before {
content:"No Image";
}

/* Product Gallery */

.bx-wrapper {
    min-height: 100px;
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
}

.bx-viewport {
    min-height: 100px;
}

.bxslider {
    min-height: 100px;
}

.bxslider li img:hover {
    opacity: 0.85;
    cursor: pointer;
}

.bxslider img {
    opacity: 0.75;
}

html .bx-wrapper .bx-controls-direction a {
    z-index: 2;
}

ul.cdl-carousel img {
    width: auto;
}

/* product gallery ends */


/* MEDIA */


@media screen and (min-width: 768px) and (max-width: 1017px) {

}

@media screen and (min-width: 1000px) {
    .cdl-landingimage {
        width: 280px;
    }
    .cdl-thumbs li {
       width: 90px;
        height: 90px;
     }
}

@media screen and (min-width: 1220px) {

}


/* orders layouts */

.product-container form .formText {
    font-size: 80%;
}

.orders .product-container h1 {
    font-size: 1em;
    font-size: 1em;
    color:#fff;
    padding: 3px 5px;
    margin: 0px 1px;
    background: rgb(1,150,204); /* Old browsers */
    background: -ms-linear-gradient(top,  rgba(1,150,204,1) 1%,rgba(1,118,179,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(1,150,204,1) 1%,rgba(1,118,179,1) 100%);
}

.cdl-separator {
    margin-top: 9px;
    padding-top: 9px;
    border-top: 1px solid #ccc;
}

.cdl-delivery-options {
    padding: 10px;
    background-color: #efefef;
    font-size: 80%;
}

.cdl-delivery-options .formText {
    display: none;
}

.groupHeader {
    font-weight: bold;
}

.form-state {
    display: none;
}

.cdl-customer {
    background-color: rgba(104,104,104,0.2);
    padding: 5px;
}

.ep-cancel-order {
    text-align: center;
    clear: both;
    margin-bottom: 20px;
}

h3.divider {
    border-top: 1px solid #999;
    margin: .5em 0;
    padding-top: .5em;
}

.ep-button.summary {
    float: left;
    margin-right: 10px;
    font-size: 80%;
}

.favourite {
    color: #000;
}

.favourite.remove.left {
    float: left;
}

.searchform {
    white-space: nowrap;
    padding: 3px;
    display: table-cell;
}

.searchform > select {
    float: left;
    margin-top: 4px;
}

.pagination {
    margin-bottom: 10px;
}

.pagination .jt-results {
    float: left;
    margin-right: 10px;
}

.pagination input[type=number] {
    width: 50px;
    margin: 0 5px;
}

.icon-left-circled.ep-heading.right {
    float: right;
    margin: 2px 5px;
    font-size: .8em;
    color: white;
}

.jt-product-search {
    font-size: 70%;
    position: relative;
    max-width: 100%;
    text-align: center;
    padding-bottom: 5px;
}

.jt-product-search .clear {
    clear:both;
}

.jt-product-search ul {
    position: relative;
    background-color: rgba(104,104,104,0.1);
    text-align: left;
}

.jt-product-search ul li {
    display: inline-block;
    text-align: center;
    padding: 0px 5px;
    line-height: 1em;
}


.jt-product-search .icon-right-open-mini.ep-button.next,
.jt-product-search .icon-left-open-mini.ep-button.prev {
    padding: 2px 5px 2px 0px;
}

.jt-product-search .icon-left-open-mini.ep-button.prev {
    float: left;
    z-index: 99;
}

.jt-product-search .icon-right-open-mini.ep-button.next {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 99;
}