* {
    box-sizing: border-box
}
body {
    margin:0;
    border-top: 3px solid #F48A2C;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    background-color: #fff;
    color: #072C79;
    display: block;
}
p {
    line-height: 1.4;
    color: #072C79}
a {
    color: #F25D00;
    text-decoration: none
}
a:hover {
    text-decoration: underline
}
.container {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto
}
.container:after {
    content: "";
    display: table;
    clear: both
}
@media screen and (min-width: 53.75em) {
    .container {
        margin-bottom: 1em
    }
}
@media screen and (min-width: 53.75em) {
    .main-content {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .main-content:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .sidebar-content {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .sidebar-content:last-child {
        margin-right: 0
    }
}
.button,
.inline-button,
.with-button .inline-button {
    display: block;
    background-color: #F25D00;
    color: #fff;
    border-radius: 1em;
    text-align: center;
    text-transform: capitalize;
    padding: .25em
}
.button:active,
.button:hover,
.inline-button:active,
.inline-button:hover {
	    background-color: #61AE24}
.module-button {
    background-color: #F25D00;
    color: #fff;
    border-radius: 1em;
    text-align: center;
    display: block;
    padding: .25em
}
.module-button:hover {
    background-color: #61AE24}
ol,
ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}
ol.error-list,
ol.orange-tick-list,
ol.green-tick-list,
ol.nothanks-tick-list,
ol.page-body-list,
ul.error-list,
ul.orange-tick-list,
ul.green-tick-list,
ul.nothanks-tick-list,
ul.page-body-list {
    list-style-type: disc;
    margin-bottom: .75em;
    padding-left: 1.5em
}
dl {
    margin-bottom: .75em
}
dl dt {
    font-weight: 700;
    margin-top: .75em
}
dl dd {
    margin: 0
}
.site-header {
    border-top: 3px solid #F48A2C    border-bottom: 3px solid }
.logo-container {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto
}
.logo-container:after {
    content: "";
    display: table;
    clear: both
}
.logo {
    height: 60px;
    overflow: hidden;
    background-image: url(/img/CKlogo.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: contain;
    margin-top: 2.35765%;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
}
.logo:before {
    content: "";
    display: block;
    width: 0;
    height: 100%
}
.logo:last-child {
    margin-right: 0
}
@media screen and (min-width: 53.75em) {
    .logo {
        height: 130px;;
        margin-top: 0;
        background-position: 10% 60%;
        background-size: 80%;
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 40.29137%
    }
    .logo:last-child {
        margin-right: 0
    }
}
.info-box {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
}
.info-box:last-child {
    margin-right: 0
}
@media screen and (min-width: 53.75em) {
    .info-box {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 57.35098%
    }
    .info-box:last-child {
        margin-right: 0
    }
}
.header-email-link {
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    padding: 2.35765%;
    color: #F25D00;
    font-size: 1em;
    text-decoration: underline;
    text-align: center;
    display: none
}
.header-email-link:last-child {
    margin-right: 0
}
@media screen and (min-width: 53.75em) {
    .header-email-link {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        padding: .5em 0;
        text-align: right;
        font-size: 1.2em
    }
    .header-email-link:last-child {
        margin-right: 0
    }
}
.header-contact-us-button {
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    padding: 2.35765%;
    background-color: #F25D00;
    color: #fff;
    text-align: center;
    font-weight: 700;
    border-radius: 2em;
    display: none
}
.header-contact-us-button:last-child {
    margin-right: 0
}
@media screen and (min-width: 53.75em) {
    .header-contact-us-button {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%;
        margin-left: 17.05961%;
        padding: .5em;
        font-size: 1.2em
    }
    .header-contact-us-button:last-child {
        margin-right: 0
    }
}
.header-contact-us-button:hover {
    background-color: #61AE24}
.header-title {
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    padding: 2.35765%;
    display: block;
    text-transform: capitalize;
    font-size: 1em;
    text-align: center
}
.header-title:last-child {
    margin-right: 0
}
@media screen and (min-width: 53.75em) {
    .header-title {
        padding: .25em 0;
        text-align: right;
        font-size: 1.4em
    }
}
.page-intro {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 2.35765%;
    background-color: #fff;
    margin-bottom: 1em
}
.page-intro:last-child {
    margin-right: 0
}
@media screen and (min-width: 53.75em) {
    .page-intro {
       /* height: 420px;*/
        margin-bottom: 1em;
        background-repeat: no-repeat;
        background-position: 50% 100%*/
    }
}
@media screen and (min-width: 40em) {
    .page-intro-text {
        float: left;
        display: block;
        margin-right: 1.35765%;
        width: 65.88078%
    }
    .page-intro-text:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .page-intro-text {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 57.35098%
    }
    .page-intro-text:last-child {
        margin-right: 0
    }
}
.page-header-description,
.page-intro-header {
    margin: 0
}
.page-sub-navigation {
    padding: .5em;
    display: none;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #F25D00;
    color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;    
}
@media screen and (min-width: 40em) {
    .page-sub-navigation {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .page-sub-navigation:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .page-sub-navigation {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%;
        margin-left: 8.5298%
    }
    .page-sub-navigation:last-child {
        margin-right: 0
    }
}
.page-sub-navigation a {
    padding: .5em;
    border-bottom: 1px dotted #F25D00;
    display: block;
    color: #fff;
    text-decoration: none
}
.page-sub-navigation a:active,
.page-sub-navigation a:hover {
    background-color: #61AE24;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
.page-sub-navigation li:last-child a {
    border-bottom: none
}
.page-sub-navigation .active {
    background-color: #61AE24}
.nav-sub-nav {
    font-size: .8em
}
.nav-sub-nav a {
    padding: .7em 1em
}
.nav-sub-nav li:last-child a {
    border-bottom: 1px dotted #00A1CB}
.site-navigation {
    border-top: 2px solid #F48A2C;
    border-bottom: 2px solid #F48A2C;
    background-color: #00A1CB;
    color: #fff;
    text-transform: uppercase;
    overflow-x: auto
}
@media screen and (min-width: 53.75em) {
    .site-navigation {
        display: block
    }
}
.site-navigation ul {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    list-style: none;
    padding: 0
}
.site-navigation ul:after {
    content: "";
    display: table;
    clear: both
}
.site-nav-link {
    display: table-cell;
    padding-left: .625rem;
    padding-right: .625rem;
    position: relative;
    white-space: nowrap
}
.site-nav-link a {
    color: #fff;
    width: 100%;
    display: block;
    padding: .5em 2.35765%;
    text-decoration: none
}
.active,
.site-nav-link:active,
.site-nav-link:hover {
    background-color: #61AE24}
@media screen and (min-width: 53.75em) {
    .site-nav-link {
        float: left;
        display: block;
        width: 14.27547%;
        margin-right: 0;
        padding: 0;
        text-align: center
    }
    .site-nav-link:last-child {
        margin-right: 0
    }
}
.homepage-product-categories {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
}
.homepage-product-categories:last-child {
    margin-right: 0
}
@media screen and (min-width: 53.75em) {
    .homepage-product-categories {
        float: left;
        display: block;
        margin-right: 3.16844%;
        width: 100%
    }
    .homepage-product-categories:last-child {
        margin-right: 0
    }
}
.shop-product-categories {
    width: 100%
}
.product-category {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    color: #F25D00;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    padding: 5px;
    margin-bottom: 1em;
    font-size: .8em
}
.product-category:last-child,
.product-category:nth-child(2n) {
    margin-right: 0
}
.product-category:nth-child(2n+1) {
    clear: left
}
@media screen and (min-width: 40em) {
    .product-category {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        padding: 10px
    }
    .product-category:last-child {
        margin-right: 0
    }
    .product-category:nth-child(2n) {
        margin-right: 2.35765%
    }
    .product-category:nth-child(2n+1) {
        clear: none
    }
    .product-category:nth-child(4n) {
        margin-right: 0
    }
    .product-category:nth-child(4n+1) {
        clear: left
    }
}
@media screen and (min-width: 53.75em) {
    .product-category {
        font-size: 1em
    }
}
.homepage-product-category {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    color: #F25D00;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    padding: 5px;
    margin-bottom: 1em;
    font-size: .8em;
    max-height:610px;
}
.homepage-product-category:last-child,
.homepage-product-category:nth-child(2n) {
    margin-right: 0
}
.homepage-product-category:nth-child(2n+1) {
    clear: left
}
@media screen and (min-width: 40em) {
    .homepage-product-category {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%;
        padding: 10px
    }
    .homepage-product-category:last-child {
        margin-right: 0
    }
    .homepage-product-category:nth-child(2n) {
        margin-right: 2.35765%
    }
    .homepage-product-category:nth-child(2n+1) {
        clear: none
    }
    .homepage-product-category:nth-child(3n) {
        margin-right: 0
    }
    .homepage-product-category:nth-child(3n+1) {
        clear: left
    }
}
@media screen and (min-width: 53.75em) {
    .homepage-product-category {
        float: left;
        display: block;
        margin-right: 3.16844%;
        width: 31.22104%;
        font-size: 1em
    }
    .homepage-product-category:last-child {
        margin-right: 0
    }
}
.product-category-thumbnail {
    border: 5px solid #00A1CB;
    width: 100%;
    box-sizing: border-box
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.product-category-thumbnail:active,
.product-category-thumbnail:hover {
    border: 5px solid #F48A2C}
@media screen and (min-width: 53.75em) {
  /*  .product-category-thumbnail {
        border: 10px solid #grid_border
    }
    .product-category-thumbnail:active,
    .product-category-thumbnail:hover {
        border: 10px solid #F48A2C    }*/
}
.product-category-title {
    font-size: 1.5em;
    border-bottom: 1px dotted #00A1CB;
    padding-bottom: .67em
}
.product-category-button {
    background-color: #F25D00;
    color: #fff;
    border-radius: 2em;
    padding: 3px 5px;
    text-align: center;
    display: block;
    text-transform: capitalize
}
.product-category-button:hover {
    background-color: #61AE24}
.artwork-checklist {
    padding: 1em;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    background-color: #fff;
    border: 5px solid #F48A2C;
	font-size:14pt;
    text-transform: capitalize
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}
.artwork-checklist p {
	font-size:12pt;
}

.page-intro-checklist {
    padding: 1em;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    background-color: #fff;
    border: 5px solid #F48A2C;
    text-transform: capitalize
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

.page-intro-checklist sub {
	font-size: 10pt;
    line-height:0.5em;
}
.page-intro-checklist:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .page-intro-checklist {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%;
        padding: 2.35765%;
        font-size: 1em
    }
    .page-intro-checklist:last-child {
        margin-right: 0
    }
    .artwork-checklist {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%;
        padding: 2.35765%;
        font-size: 1em
    }
    .artwork-checklist:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .page-intro-checklist {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 40.29137%;
        font-size: 1.4em
    }
    .page-intro-checklist:last-child {
        margin-right: 0
    }
    .artwork-checklist {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 40.29137%;
        font-size: 1.4em
    }
    .artwork-checklist:last-child {
        margin-right: 0
    }    
}


.orange-tick-list {
    margin: 0;
    list-style-image: url(/img/orangetick.gif);
}
.green-tick-list {
    margin: 0;
    list-style-image: url(/img/greentick.gif);
}
.nothanks-tick-list {
    margin: 0;
    list-style-image: url(/img/nothanks.gif);
}
.page-body-text-container,
.page-body-text-container-shadowed {
    width: 100%;
    padding: 2.35765%;
    margin-bottom: 1em
}
.page-body-text-container-shadowed:after,
.page-body-text-container:after {
    content: "";
    display: table;
    clear: both
}
@media screen and (min-width: 53.75em) {
    .page-body-text-container,
    .page-body-text-container-shadowed {
        padding: 0
    }
}
.page-body-text-container-shadowed {
    padding: 2.35765%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25)
}
.page-body-header {
    padding-bottom: .5em;
    border-bottom: 1px dotted #F48A2C}
.inline-button {
    display: inline;
    font-weight: 400;
    padding: .3em 1em;
    width: inherit;
    margin-bottom: .8em
}
.with-button {
    position: relative
}
.with-button .inline-button {
    display: none;
    font-size: .7em;
    font-weight: 400;
    padding: .3em 1em
}
@media screen and (min-width: 40em) {
    .with-button .inline-button {
        display: inline-block;
        position: absolute;
        right: 0
    }
}
.page-body-text {
    color: #072C79}
.page-body-product-image {
    width: 100%;
    max-width: 200px;
    height: auto;
   /* border: 10px solid #00A1CB */
}
.two-column {
    display: block;
    margin-bottom: 1.5em
}
.two-column:after {
    content: "";
    display: table;
    clear: both
}
.page-body-checklist {
    padding: 1em;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    background-color: #fff;
    border: 5px solid #F48A2C;
    text-transform: capitalize;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}
.page-body-checklist:last-child,
.page-body-table-fs:nth-child(odd),
.page-body-table-right:nth-child(odd),
.page-body-table:nth-child(odd) {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .page-body-checklist {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        padding: .5em 2.35765%
    }
    .page-body-checklist:last-child {
        margin-right: 0
    }
}
.page-body-table thead,
.page-body-table-fs thead,
.page-body-table-right thead {
    background-color: #fff
}
.page-body-table thead td,
.page-body-table-fs thead td,
.page-body-table-right thead td {
    font-weight: 700
}
.page-body-table tr,
.page-body-table-fs tr,
.page-body-table-right tr {
    border-bottom: 2px solid #fff
}
.page-body-table tr:nth-child(even),
.page-body-table-fs tr:nth-child(even),
.page-body-table-right tr:nth-child(even) {
    background-color: #a0cfe4
}
.page-body-table td,
.page-body-table-fs td,
.page-body-table-right td {
    text-align: center;
    padding: .25em
}
@media screen and (min-width: 40em) {
    .page-body-table,
    .page-body-table-fs,
    .page-body-table-right {
      float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .page-body-table-fs:last-child,
    .page-body-table-right:last-child,
    .page-body-table:last-child {
        margin-right: 0
    }
}
.page-body-table .small-print,
.page-body-table-fs .small-print,
.page-body-table-right .small-print {
    font-size: .6em;
    font-weight: 400
}
.page-body-table-right td {
    text-align: right
}
.page-body-table-fs {
    overflow-x: scroll
}
@media screen and (min-width: 40em) {
    .page-body-table-fs {
        width: 100%
    }
}
.order-listing thead {
    background-color: #a0cfe4
}
.order-listing td {
    text-align: inherit
}
.order-listing img {
    max-width: 100%
}
.order-item-thumbnail {
    width: 20%
}
.order-item-quantity {
    width: 10%
}
.product-data {
    background-color: #00A1CB;
    width: 100%
}
.strong-text {
    font-weight: 700
}
.highlighted-text {
    color: #F25D00}
.thumbnail-list-two-col {
    display: block
}
.thumbnail-list-two-col:after {
    content: "";
    display: table;
    clear: both
}
.thumbnail-list-two-col div {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
}
.thumbnail-list-two-col div:last-child {
    margin-right: 0
}
.thumbnail-list-two-col dt {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%
}
.thumbnail-list-two-col dt:last-child {
    margin-right: 0
}
.thumbnail-list-two-col dd {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%
}
.thumbnail-list-two-col dd:last-child {
    margin-right: 0
}
@media screen and (min-width: 53.75em) {
    .thumbnail-list-two-col div {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .thumbnail-list-two-col div:last-child {
        margin-right: 0
    }
    .thumbnail-list-two-col dt {
        float: left;
        display: block;
        margin-right: 4.82916%;
        width: 12.64237%
    }
    .thumbnail-list-two-col dt:last-child {
        margin-right: 0
    }
    .thumbnail-list-two-col dd {
        float: left;
        display: block;
        margin-right: 4.82916%;
        width: 82.52847%
    }
    .thumbnail-list-two-col dd:last-child {
        margin-right: 0
    }
}
.thumbnail-list-three-col {
    display: block
}
.thumbnail-list-three-col:after {
    content: "";
    display: table;
    clear: both
}
.thumbnail-list-three-col div {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
}
.thumbnail-list-three-col div:last-child {
    margin-right: 0
}
.thumbnail-list-three-col dt {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%
}
.thumbnail-list-three-col dt:last-child {
    margin-right: 0
}
.thumbnail-list-three-col dd {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%
}
.thumbnail-list-three-col dd:last-child {
    margin-right: 0
}
@media screen and (min-width: 53.75em) {
    .thumbnail-list-three-col div {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .thumbnail-list-three-col div:last-child,
    .thumbnail-list-three-col div:nth-child(3n) {
        margin-right: 0
    }
    .thumbnail-list-three-col div:nth-child(3n+1) {
        clear: left
    }
    .thumbnail-list-three-col dt {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 19.43277%
    }
    .thumbnail-list-three-col dt:last-child {
        margin-right: 0
    }
    .thumbnail-list-three-col dd {
        float: left;
        display: block;
        margin-right: 7.42297%;
        width: 73.14426%
    }
    .thumbnail-list-three-col dd:last-child {
        margin-right: 0
    }
}
.product-block {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%
}
.product-block:last-child {
    margin-right: 0
}
.product-block img {
    height: auto;
    width: 100%
}
.product-quantity-selector {
    display: block;
    padding: 2.35765%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    margin-bottom: 1.5em
}
.product-quantity-selector:after {
    content: "";
    display: table;
    clear: both
}
.product-quantity-selector h2 {
    margin-top: 0
}
.product-quantity-image {
    border: 5px solid #F48A2C;
    width: 100%
}
@media screen and (min-width: 40em) {
    .product-quantity-image {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%;
        border-width: 10px
    }
    .product-quantity-image:last-child {
        margin-right: 0
    }
}
.product-quantity-image:active,
.product-quantity-image:hover {
    border-color: #F48A2C}
.product-quantity-info {
    width: 100%
}
@media screen and (min-width: 40em) {
    .product-quantity-info {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%
    }
    .product-quantity-info:last-child {
        margin-right: 0
    }
}
.error-list {
    color: red;
    line-height: 1.4;
    margin-bottom: 1em
}
.error-list .error-item {
    font-weight: 700
}
.label-message,
.required-field {
    color: red
}
.testimonial,
.testimonial-full-width {
    position: relative
}
.testimonial-full-width:before,
.testimonial:before {
    color: #F48A2C;
    content: '\201C';
    font-size: 5em;
    position: absolute;
    left: -.5em;
    top: -.25em
}
.testimonial-full-width {
    clear: both
}
fieldset {
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    margin: 0 0 .75em;
    padding: 1.5em
}
input,
label,
select {
    display: block;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1em
}
label {
    font-weight: 600;
    margin-bottom: .375em
}
label.required::after {
    content: "*"
}
label abbr {
    display: none
}
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select[multiple=multiple],
textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06);
    box-sizing: border-box;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1em;
    margin-bottom: .75em;
    padding: .5em;
    transition: border-color;
    width: 100%
}
input[type=color]:hover,
input[type=date]:hover,
input[type=datetime-local]:hover,
input[type=datetime]:hover,
input[type=email]:hover,
input[type=month]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=time]:hover,
input[type=url]:hover,
input[type=week]:hover,
select[multiple=multiple]:hover,
textarea:hover {
    border-color: #c4c4c4
}
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select[multiple=multiple]:focus,
textarea:focus {
    border-color: #477dca;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06), 0 0 5px rgba(55, 112, 192, .7);
    outline: 0
}
textarea {
    resize: vertical
}
input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}
input[type=checkbox],
input[type=radio] {
    display: inline;
    margin-right: .375em
}
input[type=file] {
    padding-bottom: .75em;
    width: 100%
}
select {
    margin-bottom: 1.5em;
    max-width: 100%;
    width: auto
}
button {
    appearance: none;
    border: none;
    background-color: #F25D00;
    color: #fff;
    border-radius: 1em;
    display: block;
    width: 100%;
    font-weight: 700;
    padding: 2.35765%;
    cursor: pointer
}
button:active,
button:hover {
    background-color: #61AE24}
.form-controls-inline {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%
}
.form-controls-inline:last-child {
    margin-right: 0
}
.inline-control {
    display: inline-block;
    width: 50%
}
@media screen and (min-width: 40em) {
    .inlined-text {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .inlined-text:last-child,
    .inlined-text:nth-child(odd) {
        margin-right: 0
    }
}
@media screen and (min-width: 40em) {
    .contact-form-container {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 57.35098%
    }
    .contact-form-container:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 40em) {
    .contact-information {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .contact-information:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .company-information {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .company-information:last-child {
        margin-right: 0
    }
}
.buy-online-sidebar,
.homepage-sidebar,
.sidebar {
    width: 100%
}
.buy-online-sidebar {
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    padding: 2.35765%;
    background-color: #00A1CB;
    background-color: #fff;
  /*  background-image: linear-gradient(#fff, #9ad3ed) */
}
.buy-online-sidebar:after {
    content: "";
    display: table;
    clear: both
}
.sidebar-module {
    padding: 10px;
    margin-bottom: 1em
}
@media screen and (min-width: 40em) {
    .sidebar-module {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .sidebar-module:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .sidebar-module {
        box-shadow: 0 0 10px rgba(0, 0, 0, .25);
        width: 100%
    }
}
.module-title {
    padding-bottom: .5em;
    border-bottom: 1px dotted #F48A2C;
    text-transform: capitalize
}
.sidebar-product-module {
    display: block;
    margin-bottom: 1em
}
.sidebar-product-module:after {
    content: "";
    display: table;
    clear: both
}
@media screen and (min-width: 40em) {
    .sidebar-product-module {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .sidebar-product-module:last-child,
    .sidebar-product-module:nth-child(2n) {
        margin-right: 0
    }
    .sidebar-product-module:nth-child(2n+1) {
        clear: left
    }
}
@media screen and (min-width: 53.75em) {
    .sidebar-product-module {
        width: 100%
    }
}
.sidebar-product-image {
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%;
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: .5em;
    border: 1px solid #00A1CB}
.sidebar-product-image:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .sidebar-product-image {
        float: left;
        display: block;
        margin-right: 4.82916%;
        width: 30.11389%
    }
    .sidebar-product-image:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .sidebar-product-image {
        width: 100%
    }
}
.sidebar-product-text {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%
}
.sidebar-product-text:last-child {
    margin-right: 0
}
@media screen and (min-width: 40em) {
    .sidebar-product-text {
        float: left;
        display: block;
        margin-right: 4.82916%;
        width: 65.05695%
    }
    .sidebar-product-text:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .sidebar-product-text {
        width: 100%
    }
}
.sidebar-product-title {
    margin: 0 0 .125em;
    text-transform: uppercase
}
.sidebar-product-info {
    font-size: .8em;
    line-height: 1.2;
    margin: 0 0 1em
}
.sidebar-quote {
    font-family: Georgia, serif;
    margin: 0 0 1em
}
.sidebar-basket {
    margin-bottom: 1em;
    border: 5px solid #00A1CB;
    background-color: #fff;
    padding: 2.35765%
}
.sidebar-basket .basket-title {
    margin: 0 0 .5em
}
.sidebar-basket .basket-item {
    font-size: .8em;
    line-height: 1.6
}
.sidebar-basket .basket-total {
    font-weight: 700
}

footer {
    background-color: #F48A2C;
    border-top: 2px solid #F25D00;
    border-bottom: 2px solid #F25D00;
}

.footer-container {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    padding: 2.35765%;
    color: #fff;
}
.footer-container:after {
    content: "";
    display: table;
    clear: both
}
.footer-container a {
    color:  #fff;
}
@media screen and (min-width: 40em) {
    .footer-column {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .footer-column:last-child,
    .footer-column:nth-child(4n) {
        margin-right: 0
    }
    .footer-column:nth-child(4n+1) {
        clear: left
    }
}
.footer-column-header {
    font-size: 1em
}
.footer-column-text {
    color: #fff;
    font-size: .8em
}
.footer-column-list {
    font-size: .8em;
    line-height: 1.4
}
.footer-column-list li {
    margin-bottom: .3em
}
.footer-partner-image {
    display: block;
    margin-bottom: .5em
}
.footer-copyright-notice {
    border-top: 2px solid #FFF;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    font-size: .8em;
    color: #fff}
.footer-copyright-notice:last-child {
    margin-right: 0
}

.imgalignright {
	float:right;
	margin:5px;
}

.imgalignleft {
	float:left;
	margin:5px;
}

.alert{display:none;}

/*.hideme:focus ~ .alert {
  display: none;
}*/
.showme:focus ~ .alert {
  display: block;
}

/* added 
//
//
//
*/

.sidebar-sub-navigation {
    padding: .5em;
    display: none;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #F25D00;
    color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	width:100%;
}
@media screen and (min-width: 40em) {
    .sidebar-sub-navigation {
        float: left;
        display: block;
        margin-right: 2.35765%;
      /*  width: 31.76157%;*/
    }
    .sidebar-sub-navigation:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 53.75em) {
    .sidebar-sub-navigation {
        float: left;
        display: block;
        margin-right: 2.35765%;
      /*  width: 31.76157%;
        margin-left: 8.5298% */
    }
    .sidebar-sub-navigation:last-child {
        margin-right: 0
    }
}
.sidebar-sub-navigation a {
    padding: .5em;
    border-bottom: 1px dotted #F25D00;
    display: block;
    color: #fff;
    text-decoration: none
}
.sidebar-sub-navigation a:hover {
    background-color: #61AE24;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.sidebar-sub-navigation li:last-child a {
    border-bottom: none
}
.sidebar-sub-navigation .active {
    background-color: #61AE24;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

/* .swatch img:hover{
	border-radius:10px;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(4, 161, 203, .85);
    -moz-box-shadow: 0px 0px 10px 5px rgba(4, 161, 203, .85);
    box-shadow: 0px 0px 10px 5px rgba(4, 161, 203, .85);
} */

/* CTA Options */
.cta1 {
    display: block;
    float: right;
    width: 180px;
    height: 53px;
    background: transparent url("../img/cta1-download.png") no-repeat scroll right top;
}

.cta1:hover {
    background-position: 0px -53px;
}

.cta2 {
    display: block;
	margin:10px;
    float: right;
    width: 180px;
    height: 30px;
    background: transparent url("../img/cta2-download.png") no-repeat scroll right top;
}

.cta2:hover {
    background-position: 0px -30px;
}

hr {border-color:#ececec;}

.divider_colored {
	border-color:#F25D00;
    opacity:0.3;

}

.clearformat {
	clear:both;
}