body {
    font-family: 'Lato', sans-serif;
    color:#58595B;
    font-size:16px;
}

p {
    margin-top: 0px;
}

a {
    text-decoration:none;
    color: #46535B;
}
a:hover,
a:active,
a:focus {
    text-decoration:none;
    color: #D3202B
}

h1 {
    font-family: 'Lato', sans-serif;
    padding:0px;
    margin:0px 0 10px 0;
    font-size: 35px;
    font-weight: bold;
    color: #D3202B;
    max-width: 400px;
}

h2 {
    font-family: 'Lato', sans-serif;
    padding:0px;
    margin:0px;
}

h3 {
    font-family: 'Lato', sans-serif;
    padding:0px;
    margin:0px;
}

h4 {
    font-family: 'Lato', sans-serif;
    padding:0px;
    margin:0px;
}

h5 {
    font-family: 'Lato', sans-serif;
    padding:0px;
    margin:0px;
}

hr {
    border-top: 2px solid #eee;
}

object {
    vertical-align: middle;
}


#logo {
    margin-top: 17px;
    margin-bottom: -63px;
}

#header-top {
    padding: 10px 15px 0 15px;
}

#header-top p {
    font-size: 15px;
    color: #46535B;
    display: inline-block;
    padding: 8px 20px 0 0;
    margin: 0px;    
}

#header-top p a {
    font-size: 15px;
}

#header-top form {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    float: right;
}

#header-top form .form-group {
    float: left;
}

#header-top form .form-group .form-control {
    font-size: 15px;
    color:#BDC4C6;
    box-shadow: none;
    border-right: none;
    
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

#header-top form .btn {
    background-color: #46535B;
    float: left;
    padding: 6px 12px 8px;
    border: none;
    
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;

    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

#header-top form .btn:hover,
#header-top form .btn:focus,
#header-top form .btn:active {
    background-color: #2C92D0;
}

#header-bottom {
    display: table;
    width: 100%;
    margin-top: -18px;
}

#header-bottom .welcome {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

#header-bottom .welcome span {
    color: #D3202A;
}

#header-top .account {
    font-size: 15px;
    color: #46535B;
    display: inline-block;
    margin-right: 20px;
}


#header-top .account img {
    width: 13px;
    height: 14px;
    margin-top: -2px;
}

#header-bottom .account {
    font-size: 15px;
    color: #46535B;
    display: inline-block;
    margin-right: 8px;
    /* display: none; needs to be turned on for launch */
}
#header-bottom .message {
    display: inline-block;
    font-size: 20px;
    color: #46535B;
    margin-right: 8px;
}

#header-bottom .account a {
    font-size: 20px;
    color: #46535B;
}

#header-bottom .account a:hover,
#header-bottom .account a:active,
#header-bottom .account a:focus {
    text-decoration: none;
    color: #D3202B;
}

#header-bottom .account img {
    margin: -6px 2px 0 0;
    display: inline-block;
    width: 17px;
}

#header-bottom .phone {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
}

#header-bottom .phone a {
    font-size: 26px;
    font-weight: bold;
    color:#D3202A;
}

#header-bottom .phone a:hover,
#header-bottom .phone a:focus,
#header-bottom .phone a:active {
    cursor:text;
    text-decoration: none;
    color:#D3202A;
}

#header-bottom .phone img {
    margin: -13px 3px 0 0;
    display: inline-block;
}

#header-bottom .basket {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

#header-bottom .basket a {
    font-size: 20px;
}

/*

#header-bottom .basket a:hover,
#header-bottom .basket a:focus,
#header-bottom .basket a:active {
    color:#D3202B;
}*/

#header-bottom .basket .quantity {
    background-color: #2C92D0;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    min-width: 25px;
    min-height: 25px;
    text-align: center;
    padding: 2px 8px;
    margin-left: 2px;
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;

    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

#header-bottom .quantity:hover,
#header-bottom .quantity:focus,
#header-bottom .quantity:active {
    background-color: #46535B;
    color: #fff;
    text-decoration: none;
}

#SignInForm h2 {
    margin: 10px 0;
}

#SignInForm .button {
    margin-top: 10px;
}

#SignInForm span.field-validation-error {
    padding-left: 0px;
}

.forgot-button {
    color: #d3202b;
    font-size: 14px;
    text-align: right;
}

.forgot-button:hover,
.forgot-button:focus {
    text-decoration: underline;
}

.button {
    background-color: #2C92D0;
    border:none;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    padding: 18px 20px;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 15px;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

.button:hover,
.button:focus,
.button:active {
    background-color: #46535B;
    color: #fff;
    text-decoration: none;
}

.button.small {
    padding: 10px 14px;
}

.button.small.find-address {
    padding: 9px 14px;
    width: 100%;
}


.button.tiny {
    font-size:11px;
    padding: 7px 10px;
    margin-bottom: 15px;
    margin-top: 0px;
    float: left;
}

.welcome .button {
    margin-right: 0;
}
.quote {
    position: relative;
    
    border: 1px solid #D82B38;
    margin-bottom: 20px;
    min-height: 170px;
    
    background-image: url("../images/bulk-orders-bg.jpg");
    background-position: right 40% top;
    background-size: auto 83%;
    background-repeat: no-repeat;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.quote .title {
    color: #D82B38;
    font-size:25px;
    font-weight: bold;
    padding: 20px;
}
.quote .num {
    position: absolute;
    bottom: 0px;
    width: 100%;
    
    padding: 8px;
    text-align: center;
    background-color:#D82B38;
    color: #fff;
    font-size:28px;
    font-weight: bold;
}
.quote .num img {
    vertical-align: inherit;
}

a.img-button {
    border: 1px solid #DEDDDD;
    margin: 0px;
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

a.img-button .border {
    border: 5px solid transparent;
    padding: 15px;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

a.img-button .border:hover,
a.img-button .border:focus,
a.img-button .border:active {
    border: 5px solid #2D92D0;
}

a.img-button .title {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #58595B;
    padding: 0 0 10px 0;
}

a.img-button .title span {
    font-size: 15px;
}

a.img-button .border img {
    margin: 0 auto;
}

a.img-button .price {
    text-align: left;
    font-size: 17px;
    font-weight: bold;
    color: #D3202B;
    margin: -6px 0 6px 0;
}

a.img-button .price span {
    font-size: 12px;
    color: #58595B;
    font-weight: normal;
}

.large-box {
    border: 1px solid #DEDDDD;
    background-color: #fff;
    margin: 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.large-box .title {
    text-align: left;
    font-size: 23px;
    font-weight: bold;
    color: #58595B;
    padding: 0 0 10px 0;
}

.large-box .title span {
    font-size: 15px;
}

.product-image {
    margin: 0 auto;
    margin-top: 10px;
    max-width: 250px;
    height: auto;
}

#details-box {
    border: 1px solid #DEDDDD;
    margin: 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#details-box h2 {
    font-size: 27px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 5px 0;
}
#details-box .quanitity {
    background-color: #ede9e5;
    border-left:1px solid #DEDDDD;
    padding-top:20px;
    padding-bottom:20px;
}
#details-box .quanitity .border {
    padding: 0px;
    margin: 0px;
}
#details-box .quanitity p {
    font-size: 14px;
    margin: 0px;
    padding: 0 0 5px 0;
}

.details-para .bulk {
    padding-bottom: 20px;
    padding-left: 15px;
}


.details-para .bulk h2 {
    font-size: 20px;
    margin-bottom: 7px;
}


.details-para .bulk.verstwo {
    text-align:right;
    padding-top: 35px;
    padding-bottom: 35px;
}
#details-box .quanitity.verstwo {
    padding-top: 40px;
    padding-bottom: 30px;
    padding-left: 20px;
}

.details-para .bulk p {
    padding: 2px 0 8px 0;
    margin: 0px;
    font-size: 13px;
}

#details-box .price {
    padding:20px 10px;
    border-left:1px solid #DEDDDD;
}


#details-box .price .total {
    font-size: 34px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

#details-box .price .total span.vat {
    color: #D3202B;
    font-size: 18px;
    font-weight: normal;
}

#details-box .price .perbox {
    margin: 0px;
    padding: 0px;
    color: #707074;
    font-size: 14px;
}

#details-box .price .button {
    float: right;
}

.details-stats strong {
    color: #D3202B;
    text-transform: uppercase;
}

.details-stats {
    font-size:16px;
}
.details-para {
    margin-bottom: 30px;
}

.details-para p {
    font-size: 13px;
    line-height: 22px;
    padding-left:15px;
    padding-right: 15px;
}

.no-padding {
    padding: 0px;
}

#details-box .cart-input {
    background-color: #ede9e5;
    padding: 30px 20px 20px 20px;
}

#details-box .cart-button {
    padding: 20px;
}

#details-box .cart-button input[type="submit"] {
    width: auto;
    padding: 14px 20px;
    margin: 0px;
    height: 50px;
}

#details-box .price {
    padding: 20px;
    border-left: 1px solid #DEDDDD;
}

#details-box .quantity {
    background-color: #ede9e5;
    padding: 30px 20px 20px 20px;
}

#details-box .product-split {
    float:left;
    width:50%;
}

#find-box {
    background-color: #ede9e5;
    padding: 20px;
    margin-bottom: 20px;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#find-box .find-box-copy {
    padding-left: 0px;
}

#find-box .find-box-copy h2 {
    font-size: 27px;
    color: #58595B;
    text-transform: uppercase;
}

#find-box .find-box-copy p {
    margin-top: 0px;
}

#find-box input[type="submit"] {
    margin: 0px;
}

#boxbuilder-teaser {
    border: 3px solid #DA3542;
    padding: 20px;
    margin-bottom: 20px;
    text-align: center;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#boxbuilder-teaser h3 {
    font-size: 35px;
    line-height: 32px;
    color: #D82B36;
    font-weight: bold;
    padding: 0 0 10px 0;
}
#boxbuilder-teaser p img {
    margin: 6px auto 0 auto;
    max-width: 197px;
    width: 100%;
}
#boxbuilder-teaser a {
    margin-top: -10px;
}

#boxbuilder-teaser.top-version h3 {
    font-size: 36px;
}
#boxbuilder-teaser.top-version p {
    font-size: 18px;
    margin: 0 0 10px;
}

#boxbuilder-teaser.top-version .boxbuilder-logo {
    display: inline-block;
}

.clear {
    clear: both;
    line-height: 0.1%;
    
}

#main-menu {
    padding: 0px;
    margin: 15px 0 0 0;
    z-index: 99;
    position: relative;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d5202c+0,c3242f+99 */
    background: #d5202c; /* Old browsers */
    background: -moz-linear-gradient(top,  #d5202c 0%, #c3242f 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #d5202c 0%,#c3242f 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #d5202c 0%,#c3242f 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5202c', endColorstr='#c3242f',GradientType=0 ); /* IE6-9 */
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#main-menu ul {
    display:table;
    width: 100%;
}

#main-menu ul li {
    display:table-cell;
    border-right: 1px solid #fff;
    padding: 0;
    margin: 0px;
}

#main-menu ul li:last-child {
    border-right:none;
}

#main-menu ul li a:first-child {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
     border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#main-menu ul li a:last-child {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
     border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#main-menu ul li a {
    color: #fff;
    font-weight: bold;
    font-size: 19px;
    text-transform: uppercase;
    height: 74px;
    padding: 16px 20px;
    margin: 0px;

    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

#main-menu ul li a:hover,
#main-menu ul li a:focus,
#main-menu ul li a:active {
    background-color: #A71828;
    color: #fff;
    text-decoration: none;
}

#main-menu ul li a.active {
    background-color:#A71828;
}

#main-menu .menu-icon {
    margin: 0 5px 0 0px;
    display: inline-block;
}

#main-menu ul li a span {
    display: inline-block;
    margin-top: 9px;
    margin-left: 2px;
}

.navbar-toggle {
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.navbar-toggle .icon-bar {
    background-color: #BDC4C6;
    width: 35px;
    height: 4px;
    margin-bottom: 7px;
}

.navbar-default {
    margin-bottom: 0px;
    border: none;
    background-color: #FFFFFF;
}

#menu-extension {
    height: 74px;
    width: 50%;
    right: 0;
    position: absolute;
    z-index: 9;
    margin-bottom: -74px;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d5202c+0,c3242f+99 */
    background: #d5202c; /* Old browsers */
    background: -moz-linear-gradient(top,  #d5202c 0%, #c3242f 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #d5202c 0%,#c3242f 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #d5202c 0%,#c3242f 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5202c', endColorstr='#c3242f',GradientType=0 ); /* IE6-9 */

}

#content {
    border-top:4px solid #D3202B;
    margin-top:-40px;
    padding-bottom: 30px;
}

#content .intro-copy a {
    color:#D3202B;
}
#content .intro-copy h3 {
    color: #D3202B;
    font-size: 28px;
    margin-top: 30px;
}

#content.grey {
    background-color: #ede9e5;
}

#content.home-banner {
    border-bottom: 3px solid #D6D3D0;
    padding-bottom:65px;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ECE9E5+55 */
    background: #ffffff; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #ffffff 1%, #ECE9E5 55%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 1%,#ECE9E5 55%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  #ffffff 1%,#ECE9E5 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ECE9E5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    
    position: relative;
    top: -40px;
    margin-top: 0px;
    padding-top: 35px;
}

#swiffycontainer {
    height: 350px;
}

#home-banner-copy {
    width: 65%;
    float: left;
    padding-bottom: 40px;
}

#home-banner-copy object {
    margin: -3px 0 0 3px;
}

#home-banner-copy .button {
    font-size: 20px;
}

#home-roundel {
    width: 35%;
    float: left;
}
#home-roundel img {
    height: 170px;
    max-width: 100%;
}

#content.home-banner .boxbuilder-logo {
    display: inline-block;
    margin: -4px 2px 0;
}

#content.home-banner h1 {
    font-size: 45px;
    font-weight: bold;
    color: #D82B36;
    line-height: 48px;
    padding: 32px 0 10px 0;
    max-width: 620px;
}

#content.home-banner p {
    font-size:23px;
    color:#46535B;
    margin: 0 0 10px 0;
    padding: 0px;
}
#content.home-banner p.tc {
    font-size:12px;
    color:#46535B;
    margin: 0 0 20px 0;
    padding: 0px;
}

#content.home-banner p.tc a {
    color: #D82B36;
}

#content.home-banner p.tc a:hover,
#content.home-banner p.tc a:focus,
#content.home-banner p.tc a:active {
    text-decoration: underline;
}

.home-banner-box {
    height: 185px;

    background-color: #fff;
    padding: 25px;
    margin: -97px 0 40px 0;
    
    background-size: auto 100%;
    background-position: right;
    background-repeat: no-repeat;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
}

.home-banner-box.one {
    background-image: url("../images/stock-boxes-bg.jpg");
    background-position: right -55px center;
}

.home-banner-box.two {
    background-image: url("../images/packaging-supplies-bg.jpg");
    background-position: right -75px center;
}

.home-banner-box.three {
    background-image: url("../images/bulk-orders-bg.jpg");
    background-position: right -45px center;
}

.home-banner-box h2 {
    color: #46535B;
    font-size: 28px;
    font-weight: bold;
    padding: 0 0 15px 0;
    margin: 0px;
}

.home-banner-box p {
    font-size: 20px;
    line-height: 26px;
    color: #818185;
    padding: 0 0 10px 0;
    margin: 0px;
    width: 150px;
}

.home-banner-box.creative-packaging {
    padding: 20px;
}

.home-banner-box.creative-packaging h2 {
    font-size: 25px;
    line-height: 25px;
    width: 150px;
    padding: 0 0 10px 0;
}

.home-banner-box.creative-packaging p {
    font-size: 16px;
    width: 120px;
    line-height: 20px;
    padding-bottom: 10px;
}

.home-banner-box.creative-packaging .button {
    font-size: 13px;
    padding: 10px;
}

#why-choose {
    border-top: 3px solid #D3202B;
    padding: 35px 0 30px 0;
}

#why-choose h3 {
    font-size: 32px;
    color: #46535B;
    font-weight: bold;
    padding: 0px;
    margin: 0 0 18px 0;
}

#why-choose ul {
    margin: 0 0px 0 0;
    padding: 0 0 0 30px;
    float: left;
    display: table;
}

#why-choose ul.left {
    margin-right: 45px;
}

#why-choose ul li {
    font-size: 17px;
    list-style-image: url("../images/svgs/red-tick.svg");
    padding: 0 0 12px 5px;
    margin: 0px;
}

#why-choose ul li a {
    text-decoration: underline;
    font-size: 14px;
}

#why-choose ul.left li {
    width: 300px;
}

#why-choose ul.right li {
    width: 340px;
}

#why-choose .ten-years {
    width: 100%;
    max-width: 370px;
}

#whychoose-img {
    height: 348px;
    
    background-image: url("../images/why-choose-bg.jpg");
    background-size: cover;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
    
#sitemap {
    border-top: 1px solid #DEDDDD;
    padding: 40px 0 50px 0;
    
    background-image: url("../images/sitemap-bg.jpg");
    background-size:200px 145px;
    background-repeat: no-repeat;
    background-position: bottom right;
}

#sitemap h4 {
    padding: 0 0 15px 0;
}

#sitemap h4 a {
    color:#D3202B;
    font-size: 23px;
    line-height: 30px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

#sitemap h4 a:hover,
#sitemap h4 a:focus,
#sitemap h4 a:active {
    color: #46535B;
}

#sitemap ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#sitemap ul li {
    padding: 0 0 12px 0;
    padding-right: 30px;
}

#sitemap ul li a {
}

#footer {
    background-color: #ECE9E5;
    border-top: 3px solid #D3202B;
    padding: 20px 0;
}

#footer a {
}

#footer .sagepay {
    display: block;
    padding: 0 0 15px 0;
}

#footer #social-icons img {
    width:30px;
    height: 30px;
}

#footer #social-icons {
    text-align: right;
}

#footer #social-icons a {
    margin-left:10px;
}

/* FIVE COLUMN STYLES */
.col-sitemap-holder {
    display: table;
    width: 100%;
}

.col-sitemap-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    /*width: 20%;
    float: left;*/
    display: table-cell;
}

/* BOXBUILDER STYLES */
#content.boxbuilder {
    background-color: #ede9e5;
    
}

#content.boxbuilder h1 {
    color: #58595B;
    font-size: 17px;
    font-weight: normal;
    margin: -20px 0 0 0;
    padding: 0px;
}

#content.boxbuilder h1 strong {
    color: #D82B36;
}

#content.boxbuilder h3 {
    font-size: 28px;
    font-weight: bold;
    color: #D82B36;
    float: left;
    margin: 0px;
    padding: 30px 0 5px 0;
}
#content.boxbuilder h3.quanitity {
    margin-bottom: 5px;
}

#content.boxbuilder h3.quanitity span {
    font-size: 20px;
}

#content.boxbuilder p.bb-small {
    float: left;
    font-size: 14px;
    color: #707074;
    padding: 0px 0 17px 0px;
    clear: both;
    margin: 0px;
}
#content.boxbuilder hr {
    margin-bottom: 0px;
}


#bb-content {
    z-index:99;
    background-color: #fff;
    padding: 0px 30px 30px 30px;
    margin-top: 20px;
    
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.14);
    box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.14);
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#inner-dimensions .box-illustration {
    width: 100%;
    max-width: 200px;
}


#mob-visual-button {
    display: none;
}

#stickyelement {
    width:100%;    
    position: fixed;
}

#start-scroll {
    width:50%;
    height:1px;
    position:absolute;
}

#finish-scroll {
    width: 50%;    
    height:1px;
    position:absolute;
}

.disclaimer {
    font-size: 11px;
    color: #46535B;
    margin: 10px 0 30px 20px;
    float: left;
}

#content.boxbuilder .bb-steps {
    display: none;
}

#visual {
    background-color:#fff;
    /*padding: 30px 30px 18px 30px;*/
    margin-top: 20px;
    background-image: url("../images/boxbuilder/svgs/visual-bg.svg");
    background-repeat: repeat;
    background-position: 20px 0;
    
    position: relative;
    z-index: 99;
    
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.14);
    box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.14);
    
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.bb-steps {
    padding: 30px 30px 18px 30px;
}

.bb-steps h2 {
    font-size: 38px;
    line-height: 40px;
    color: #D82B36;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

.bb-steps ul {
    margin: 20px 0 0 0;
    list-style: none;
    font-size: 22px;
    line-height: 23px;
    float: left;
    width: 55%;
}

.bb-steps ul li {
   margin-bottom: 12px;
}

.bb-steps ul li span {
    margin-right: 5px;
    margin-left: -37px;
    content: counter(item);
    color: #D82B36;
    border: 2px solid #D82B36;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-size: 18px;
    font-weight: bold;
    width: 27px;
    text-align: center;
    display: inline-block;
}

.bb-steps img.despatch-badge {
    float: right;
    width: 45%;
    margin-top: 20px;
}

#bb-threed {
    display: none;
    width: 100% !important;
    height: auto !important;
}

#rotate-icon {
    position: absolute;
    bottom: 20px;
    left: 20px;
    pointer-events: none;
}

#bb-costing {
    padding: 15px 20px;
    height: auto;
    
    margin-top: -70px;
    display: none;
    
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.14);
    box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.14);
    
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
    background: #d5202c;
    background: -moz-linear-gradient(top, #d5202c 0%, #c3242f 99%);
    background: -webkit-linear-gradient(top, #d5202c 0%,#c3242f 99%);
    background: linear-gradient(to bottom, #d5202c 0%,#c3242f 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5202c', endColorstr='#c3242f',GradientType=0 );
}

#free-tape {
    padding: 15px 20px;
    height: 70px;
    float: left;
    width: 100%;
    
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.14);
    box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.14);
    
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
    background: #d5202c;
    background: -moz-linear-gradient(top, #d5202c 0%, #c3242f 99%);
    background: -webkit-linear-gradient(top, #d5202c 0%,#c3242f 99%);
    background: linear-gradient(to bottom, #d5202c 0%,#c3242f 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5202c', endColorstr='#c3242f',GradientType=0 );
    
    color: #fff;
    font-size: 22px;
}

.tape-banner{
    padding: 15px 20px;
    width: 100%;
    
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    
    background: #d5202c;
    background: -moz-linear-gradient(top, #d5202c 0%, #c3242f 99%);
    background: -webkit-linear-gradient(top, #d5202c 0%,#c3242f 99%);
    background: linear-gradient(to bottom, #d5202c 0%,#c3242f 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5202c', endColorstr='#c3242f',GradientType=0 );
    
    color: #fff;
    font-size: 18px;
    margin-top:22px;
}

.tape-banner p{
    margin:0!important;
    color: #ffffff!important;
}

.tape-banner img{
    margin-right:5px!important;
}

#free-tape img {
    margin-right:10px;
    display: inline-block;
}

#free-tape p {
}

#bb-costing {
    display: none;
    width: 100%;
    float: left;
}

#bb-costing .price {
    float: left;
}
#bb-costing .price .title {
    color: #F4B3B8;
    font-size:15px;
    text-transform: uppercase;
    float: left;
    margin: 8px 8px 0 0;
}
#bb-costing .price .cost {
    font-size:28px;
    font-weight: bold;
    color: #fff;
    float: left;
    clear: both;
    display: block;
}
#bb-costing .price .cost span.vat {
    font-size:16px;
    color: #fff;
    font-weight: normal;
    text-transform:none;
}

#bb-costing .perunit {
    float: right;
}

#bb-costing .perunit .title {
    color: #F4B3B8;
    font-size:15px;
    text-transform: uppercase;
    float: left;
    margin: 8px 8px 0 0;

}

#bb-costing .perunit .cost {
    font-size:28px;
    font-weight: bold;
    color: #fff;
    float: left;
    clear: both;
    display: block;
}

#mob-bb-costing .price {
    padding-top: 20px;
}

#mob-bb-costing .price .title {
    float: left;
    font-size: 20px;
    font-weight: bold;
    color: #2D92D0;
    width: 58px;
    padding-top: 2px;
}

#mob-bb-costing .price .cost {
    float: left;
    font-size: 24px;
    font-weight: bold;
}

#mob-bb-costing .price .cost .vat {
    font-size: 18px;
    font-weight: normal;
    color: #D3202B;
    display: inline-block;
}

#mob-bb-costing .perunit {
    clear:both;
    padding-top: 5px;
}

#mob-bb-costing .perunit .title {
    font-size: 13px;
    font-weight: bold;
    color: #2D92D0;
    float: left;
    width: 58px;
    padding-top: 5px;
}

#mob-bb-costing .perunit .cost {
    font-size: 22px;
    font-weight: bold;
    float: left;
}

.bb-title {
    font-size: 16px;
    font-weight: bold;
    color: #46535B;
    float: left;
    padding: 0px;
    margin: 0 5px 20px 0;
}

.bb-title ul {
    margin: 6px 0 0 16px;
    padding: 0px;
    color: #707074;
    font-size: 13px;
    font-weight: normal;
}

.bb-input label {
    font-size: 15px;
    color: #58595B;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 15px;
}

.bb-input label.two-line {
    margin-top: 2px;
}

.bb-input .border {
    border: 1px solid #DEDDDD;
    margin: 0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}


.bb-input .border.left {
    float: left;
    width: auto;
}

.bb-input input,
.bb-input select {
    height: 40px;
    font-size: 15px;
    color: #58595B;
    font-weight: bold;
    border: 4px solid transparent;
    box-shadow: none;
    width: 100%;
    padding: 0 10px;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

.bb-input textarea {
    padding: 6px 12px;    
}


.bb-input input:focus,
.bb-input select:focus,
.bb-input textarea:focus {
    border-color: #2D92D0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#EnquiryForm .bb-input select {
    height: 50px;
    font-size: 20px;
    color: #58595B;
    font-weight: bold;
    border: 4px solid transparent;
    box-shadow: none;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

#EnquiryForm .bb-input textarea {
    height: 160px;
    font-size: 20px;
    color: #58595B;
    font-weight: bold;
    border: 4px solid transparent;
    box-shadow: none;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

#EnquiryForm .bb-input .border,
#EnquiryForm .bb-input input,
#EnquiryForm .bb-input select,
#EnquiryForm .bb-input textarea {
    width: 100%;
}

#contact-map p {
    font-size: 18px;
    margin-top: 20px;
}

#contact-map p a {
    color: #D3202B;
}

#contact-map p a:hover,
#contact-map p a:focus,
#contact-map p a:active {
    text-decoration: underline;
}



#login {
    margin: 0 0 30px 0;
}

#login .bb-input .border,
#register .bb-input .border {
    width: 95%;
}

#login input[type="submit"] {
    margin: 10px 0 10px 0;
    float: left;
}

#login #forgotten {
    display: block;
    font-size: 12px;
    width: 110px;
    float: left;
    margin: 23px 15px;
}

#register h2 {
    margin-bottom: 10px;
    margin-top: 10px;
    color: #D3202B;
}

#register span.red {
    color: #D3202B;
}

#register select  {
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: #ddd;
    width: 95%;
    margin-bottom: 15px;
    
    height: 50px;
    font-size: 20px;
    color: #58595B;
    font-weight: bold;
}

#register .collect-check {
    margin: 5px 0 0 0;
}

.cal-button {
    float: left;
    cursor: pointer;
    background-color: #2d92d0;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.cal-button img {
    height: 42px;   
    width: 47px;
    float: left; 
}


.cal-button span {
    float: left;
    padding: 9px 12px 0px 2px;
    font-size: 18px;
    color: #fff;
}


.cal-button input {
    height: 42px;
    width: 47px;
    border: none;
    padding: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


a.checkout-button {
    border: none;
    background-color: #2C92D0;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    padding: 18px 20px;
    text-transform: uppercase;
    display: inline-block;
    float: right;
    margin: 20px 0 40px 0;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

a.checkout-button:hover {
    background-color: #46535B;
    color: #fff;
    text-decoration: none;
}

input[type="submit"] {
    border: none;
    background-color: #2C92D0;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    padding: 18px 20px;
    text-transform: uppercase;
    display: inline-block;
    float: right;
    margin: 20px 0 40px 0;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

input[type="submit"]:hover {
    background-color: #46535B;
    color: #fff;
    text-decoration: none;
}

.bb-input .mm {
    font-size: 20px;
    color: #707074;
    padding-top: 10px;
}

.bb-input .input-padding {
    padding: 0px;
}

.help-button {
    float: left;
    cursor: pointer;
}
.popover {
    padding: 10px;
}
h3.popover-title {
    float: none !important;
    border-bottom: none;
    background: none;
    padding: 0px !important;
    margin: 0px !important;
    font-size: 13px !important;
}
.popover-content {
    font-size: 13px;
    color: #707074;
    padding: 0px;
    margin: 0px;
}

/*.bb-button {
    border: 1px solid #DEDDDD;
    display: inline-block;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.bb-button:hover, .bb-button:focus, .bb-button:active {
    border: 1px solid #fff; 
}

.bb-button span {
    border: 5px solid #fff;
    display: block;

    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.bb-button:hover span, .bb-button:focus span, .bb-button:active span {
    border: 5px solid #2D92D0; 
}*/

a#design-service { 
    border: 1px solid #DEDDDD;
    display: block;
    font-size:20px;
    font-weight: bold;
    padding: 10px;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

a#design-service span {
    color: #2D92D0;
    display: inline-block;
    margin: 5px 0 0 0;
}

a#design-service:hover,
a#design-service:focus,
a#design-service:active {
    background-color: #2D92D0;
    color: #fff;
}
a#design-service:hover span,
a#design-service:focus span,
a#design-service:active span {
    color: #fff;
}

label.bb-button {
    border: 1px solid #DEDDDD;
    margin: 0 0 5px 0;
    display: block;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

label.bb-button:hover,
label.bb-button:focus,
label.bb-button:active {
    border: 1px solid #fff; 
}


label.bb-button > input { /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
label.bb-button > input + img { /* IMAGE STYLES */
    cursor:pointer;
    border:5px solid transparent;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}
label.bb-button > input + img:hover,
label.bb-button > input + img:focus,
label.bb-button > input + img:active {
    border: 5px solid #2D92D0;
}
label.bb-button > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */                                    
    border: 5px solid #2D92D0;
}

#quantity .bb-input .border {
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    
    border-right:none;
}

#quantity .bb-input input {
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    
    border-right:none;
}

table caption {
    background-color: #DDDDDD;
    padding: 4px;
    margin-top: 20px;
}

/* Responsive Tables */
span.mob-label {
    display: none;
}

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

table.res-table  {
    background-color: #fff;
    width: 100%;
    margin-bottom: 0px;
    
    font-size: 16px;
    font-weight: bold;
}

table.res-table thead {
    color: #ffffff;
    background-color: #46535B;
}
table.res-table thead tr th {
    padding: 15px;
    font-size:17px;
    text-transform: uppercase;
    border-right:1px solid #DADEDF;
    border-bottom: none;
}
table.res-table thead tr th:first-child {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
     border-top-left-radius: 3px;
}
table.res-table thead tr th:last-child {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    
    border-right:none;
}
/*table.res-table thead tr th.reorder {
    min-width:150px;
}*/
table.res-table tbody {
    border-bottom:8px solid #DADEDF;
}

table.res-table tbody tr td {
    border:1px solid #DADEDF;
    padding: 10px 15px !important;
}

table.res-table.reorder-table tbody tr td,
table.res-table.reorder-table thead tr th {
    vertical-align: inherit;
}

table.res-table.reorder-table tbody tr td.reorder .border,
table.res-table.reorder-table thead tr th.reorder .border {
    float: left;
    max-width: 130px;
    margin-right: 10px;
    display: block;
}

table.res-table.reorder-table tbody tr td.reorder input[type="submit"],
table.res-table.reorder-table thead tr th.reorder input[type="submit"] {
    margin: 0;
    font-size: 11px;
    padding: 10px;
    float: left;
}

span.mobile-title {
    color: #46535b;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 12px 10px;
    width: 50%;
    display: inline-block;
    border-right: 2px solid #dadedf;
    margin: -10px 10px -10px -10px;
    text-transform: uppercase;
    display: none;
}


table.res-table  tbody .product-img {
    float:left;
    margin-right: 10px;
}
table.res-table  tbody .product-img img {
    max-width: 80px;
}

table.res-table tbody .product-info {
    float:left;
}

table.res-table  tbody .product-info .product-desc,
table.res-table  tbody tr td .product-desc  {
    font-size:14px;
    color: #707074;
    font-weight: normal;
}
table.res-table  tbody .product-info hr {
    border-top: 1px dashed #D1D2D1;
    margin-top: 10px;
    margin-bottom: 10px;
}

table.res-table  tbody .product-price {
    font-size: 20px;
    font-weight: bold;
}

table.res-table  tbody .product-price span {
    font-size: 14px;
    font-weight: normal;
    color: #707074;
    display: block;
}

table.res-table  tbody .product-price span.vat {
    font-size: 18px;
    color: #D3202B;
    display: block;
    
    font-weight: bold;
}

table.res-table  tbody .product-price.final {
    font-size: 26px;
    line-height: 28px;
}

table.res-table  tbody .product-date {
    font-size:15px;
    font-weight: normal;
}



table.res-table  tbody .border-right {
    border-right: 1px solid #ddd;
}
table.res-table  tbody .total-title {
    font-size: 20px;
    font-weight: bold;
    float:right;
    width: 100%;
    text-align: right;
}

table.res-table  tbody .total-title .delivery {
    display: inline-block;
}
table.res-table  tbody .total-title select {
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: #ddd;
    width: 180px;
    margin: 0 0 0 10px;
    display: inline-block;
    font-size: 16px;
}

table.res-table  tbody .total-title .collect-check {
    float: right;
    margin: 10px 0 0 0;
}
table.res-table  tbody .total-title .collect-check label {
    font-size:16px;
    font-weight: normal;
    float: left;
    display: block;
}
table.res-table  tbody .total-title .collect-check label input {
    width: 20px;
    height: 20px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: 0px;
    *overflow: hidden;
}
table.res-table  tbody .total-title .collect-check .help-button {
    float: left;
    margin: 2px 0 0 5px;
}

table.res-table  tbody .discount-code {
    border-top: 3px solid #ddd;
    border-bottom: 3px solid #ddd;
}

table.res-table  tbody .discount-code label {
    font-size: 22px;
    font-weight: bold;
    text-transform: none;
    margin: 0 10px 0 0;
}

table.res-table  tbody .discount-code .bb-input {
    float:right;
}

table.res-table  tbody .discount-code .bb-input .border {
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: none;
    margin-bottom: 0px;
}
table.res-table  tbody .discount-code .bb-input input {
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: none;
}

table.res-table  tbody .discount-code input[type="submit"] {
    float:right;
    padding: 14px 20px;
    margin: 0px;
    height: 52px;
    
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
     border-top-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

table.res-table  tbody .quanitity .bb-input .border {
    width:100px;
}

table.res-table  tbody .quanitity .bb-input input {
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: none;
}

table.res-table  tbody .quanitity .bb-input .border {
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: none;
    margin-bottom:0px;
}

table.res-table  tbody .quanitity .alt-button {
    margin: 17px 0 0 10px;
    display: inline-block;
}
table.res-table  tbody .quanitity .info {
    clear: both;
    font-size:14px;
    font-weight: normal;
    color: #707074;
    padding: 5px 0 0 0;
    margin: 0px;
}

table.res-table.postalboxes-table thead tr th.reorder {
    width: 150px;
}


.form-group {
    margin-bottom: 0;
}

.alt-button {
    color: #D22028;
    font-size: 12px;
}
.alt-button:hover,
.alt-button:active,
.alt-button:focus {
    text-decoration: underline;
}

.renameItemSaveLink.alt-button,
.renameItemCancelLink.alt-button {
    padding: 0 10px 10px 0;
    display: inline-block;
}


input.quanitity {
}

a.order-button {
    float: right;
}

ul.sub-menu {
    margin: 0 0 15px 0;
    padding: 0px;
}

ul.sub-menu li {
    display: inline;
    margin-right: 7px;
}

ul.sub-menu li a {
    background-color: #fff;
    font-size: 17px;
    font-weight: bold;
    color: #818185;
    padding: 18px 20px;
    text-transform: uppercase;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

ul.sub-menu li a.active {
    background: #d5202c;
    color: #fff;
    text-decoration: none;
}

ul.sub-menu li a:hover,
ul.sub-menu li a:focus,
ul.sub-menu li a:active {
    background: #d5202c;
    color: #fff;
    text-decoration: none;
}

h2.block-title {
    background-color: #46535B;
    padding: 20px;
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;

    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
     border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

h2.block-title.blue {
    background-color: #2C92D0;
}

.block-content {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #DADEDF;
    margin-bottom: 20px;
}

.block-content .checkbox {
    margin-top: 0px;
    margin-bottom: 0px;
}

#SaleSummaryPanel caption {
    background-color: #2C92D0;
    padding: 20px;
    color: #fff;
    font-size:17px;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;

    margin-top: -21px;
    margin-left: -21px;
    margin-right: -21px;
    margin-bottom: 20px;

    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

#ShippingPanel .block-content .form-group .checkbox {
    font-size: 17px;
    height: 30px;
    font-weight: normal;
}

#ShippingPanel .block-content .form-group .checkbox input {
    width: 30px;
    height: 30px;
    margin-top: -5px;
    margin-right: 10px;
}

#save-addresses-options input[type=checkbox] {
    width: 30px;
    height: 30px;
    margin-top: 4px;
    margin-right: 10px;
}
#save-addresses-options .alert {
    margin-left: 20px;
}

#profile-view, #address-view {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #DADEDF;
}
#profile-view {
    margin-bottom: 20px;
}
#profile-view .profile-details {
    margin-bottom: 10px;
}
span.field-validation-error {
    color: red;
    padding-left: 15px;
    font-size: 12px;
    margin-bottom: 5px;
    display: block;
    clear: both;
}
#address-view table caption {
    margin-top:0px;
}

/*.toggle-button {
    height: auto;
    width: auto;
    cursor: pointer;
    position: relative;
    display: inline-block;
    border: 2px solid #DEDDDD;
    margin: 0px;
    padding: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    background-repeat: no-repeat;
    background-image: url("../images/svgs/tick-icon.svg");
    background-position: top;
    background-color: #fff;
}

.toggle-button-selected {
    border: 2px solid #90C13F;
    background: none;
    background-repeat: no-repeat;
    background-image: url("../images/svgs/tick-icon.svg");
    background-position: bottom;
    background-color: #90C13F;
}

.toggle-button input {
    width: 30px;
    height: 30px;
    margin: 4px;
    cursor: pointer;
    opacity: 0;
}*/
.toggle-button input {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

#table-products-footer {
    padding: 20px 0;
}
.pagination {
    margin: 0px;    
}

.pagination > li > a, .pagination > li > span {
    padding: 14px 22px;
        color: #58595B;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #46535B;
    border-color: #46535B;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #58595B;
}



/*th.reorder .toggle-button {
    padding: 0px;
    margin: 0px;
}

th.reorder .toggle-button input {
    height: 30px;
    width: 30px;
    margin: 0px;
    padding: 0px;
    margin-top: 6px;
    margin-left: 6px;
    margin-right: 6px;
}*/

th.reorder {background-color: #7e8289; border-left:4px solid #DADEDF; text-align: center;}
td.reorder {background-color: #f9f9fa; border-left:4px solid #DADEDF !important; text-align: center;}

th.Qty {background-color: #7e8289; border-left:4px solid #DADEDF; text-align: center;}
td.Qty {background-color: #f9f9fa; border-left:4px solid #DADEDF !important; text-align: center;}

th.AddBacket {background-color: #7e8289; border-left:4px solid #DADEDF; text-align: center;}
td.AddBacket {background-color: #f9f9fa; border-left:4px solid #DADEDF !important; text-align: center;}

.fav-icon {
    background-image: url("../images/svgs/fav-icon.svg");
    width: 35px;
    height: 35px;
    background-position: top;
    cursor: pointer;
}

.fav-icon.active {
    background-position: bottom;
}

.fav-icon:hover,
.fav-icon:focus,
.fav-icon:active {
    background-position: bottom;
}

.addbasket {
    background-color: #2C92D0;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    padding: 14px;
    float: right;
    text-transform: uppercase;
    display: inline-block;
    border: none;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

.addbasket:hover,
.addbasket:active,
.addbasket:focus {
    background-color: #46535B;
}

.addbasket img {
    margin-right: 10px;
    /*vertical-align:middle;*/
}

#favourite-products-footer {
    margin-top: 20px;
}

table.res-table tbody tr td.reorder .bb-input .add-to-cart .add-button .border {
    float: none;
}

table.res-table tbody tr td.reorder .bb-input .add-to-cart .add-button .control-group input[type="submit"] {
    font-size: 13px;
    width: 100%;
    text-align: center;
    padding: 0 10px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    max-width: 130px;
    margin: 0px;
}
table.res-table tbody tr td.reorder .bb-input .border {
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom:none;
    margin-bottom: 0px;
}

table.res-table tbody tr td.reorder .bb-input input:focus {
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

#didyouknow {
    padding: 20px;
}

#didyouknow .didyouknow-t {
    font-size:50px;
    color: #D3202B;
    font-weight: bold;
    font-style: italic;
}

#didyouknow .didyouknow-p {
    font-style: italic;
    font-size:24px;
}

#checkout-box {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #DADEDF;
    margin-bottom: 20px;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#checkout-box label {
    color: #D82B36;
    margin-top: 20px !important;
    font-size: 20px;
}

#checkout-box .control-group:first-of-type label{
    margin-top: 0px !important;
}

#checkout-box .button {
    margin-top: 20px;
}


#checkout-box input[type=number]::-webkit-inner-spin-button, 
#checkout-box input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

#checkout-box select, #checkout-box input {
    padding: 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid;
    border-radius: 5px;
    border-color: #ddd;
    width: 100%;
    height: auto;
    font-size: 15px;
    height: 40px;
    font-weight: bold;
    display: inline-block;
}

#checkout-box select.expiry-month {
    float: left;
    width: 150px !important;
    margin-right: 15px;
}

#checkout-box select.expiry-year {
    float: left;
    width: 150px !important;
}

#checkout-box select.small, #checkout-box input.small {
    display: inline-block;
    max-width: 300px; 
}


#checkout-box .payment-methods {
    display: inline-block;
    margin: 8px 0 0 0;
}


#cross-sell {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #DADEDF;
    margin-bottom: 20px;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#cross-sell .cross-sell-img {
    float:left;
    width:30%;
}

#cross-sell .cross-sell-holder {
    float:left;
    width: 65%;
    margin-left: 5%;
}

#cross-sell a.cross-sell-title {
    font-size:16px;
    font-weight:bold;
}

#cross-sell .cross-sell-price {
    font-size:16px;
    color: #D82B36;
    font-weight:bold;
    margin-bottom: 5px;
}

#cross-sell h2 {
    color: #D82B36;
    margin-bottom: 20px;
    line-height: 27px;
}

#cross-sell hr {
    border-top: 1px dashed #D1D2D1;
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
}

.less.active .button-read-more {
    display: none;
}
.button-read-less {
    display: none;
}
.less.active .button-read-less {
    display: block;
}

.more {
    font-size: 14px;
    color: #707074;
    font-weight: normal;
    margin-bottom: 10px;
}

.intro-copy {
    margin: 0 0 30px 0;
}


.intro-copy h2 {
    margin: 0 0 10px 0;
    font-size: 23px;
}


.intro-copy img {
    float: right;
    margin: 10px 0 10px 15px;
}

.testimonial .quote-open {
    font-size: 150px;
    color: #D3202B;
    line-height: 125px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.testimonial .quote-close {
    font-size: 100px;
    color: #2C92D0;
    line-height: 100%;  
}
.testimonial h4 {
    font-size:20px;
    margin: 0 0 5px 0;
}
.testimonial p {
    font-style: italic;
    font-size: 20px;
}

.testimonial p span.red {
    font-style: italic;
    font-size: 20px;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
}

.testimonial p span {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 22px;
    display: inline-block;
}    

.testimonial p.name {
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
}

/* Bazaar Additional Styling

label.control-label {
    font-size: 15px;
    color: #58595B;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 15px;
}

.controls {
    border: 1px solid #DEDDDD;
    margin: 0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 15px;
}

.controls.tickcheck {
    border-color: #fff;
}

.controls input,
.controls select,
.controls textarea {
    height: 50px;
    font-size: 20px;
    width: 100%;
    color: #58595B;
    padding: 6px 12px;
    font-weight: bold;
    border: 4px solid transparent;
    box-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

.controls button.btn.btn-default {
    border: none;
    background-color: #2C92D0;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    padding: 18px 20px;
    text-transform: uppercase;
    display: inline-block;
    float: right;
    margin: 20px 0 40px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}


.controls button.btn.btn-default:hover,
.controls button.btn.btn-default:focus,
.controls button.btn.btn-default:active {
    background-color: #46535B;
    color: #fff;
    text-decoration: none;
}

button.btn,
a.btn {
    background-color: #2C92D0;
    font-size: 17px;
    font-weight: bold;
    padding: 10px 14px;
    color: #fff;
    border: none;
    text-transform: uppercase;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

button.btn:hover, button.btn:focus, button.btn:active,
a.btn:hover, a.btn:focus, a.btn:active {
    background-color: #46535B;
    color: #fff;
    text-decoration: none;
}

form.form-horizontal {
    margin-left: 15px;
    margin-right: 15px;
} */

.dropdown-menu {
    top: 55px;
    left: 7px;
}

.mobile-holder-title {
    display: none;
}

.alert {
    padding: 0px;
    color: #D3202A;
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
}

.collection-checkbox {
    padding: 0 20px;
    height: 80px;
}

.collection-checkbox input[type="checkbox"] {
    width: 30px;
    height: 30px;
    float: left;
}

.collection-checkbox span {
     font-size: 17px;
    padding: 8px 0 0 10px;
    float: left;
}

#redeem-coupon .bb-input {
    margin-top: 20px;
}

#redeem-coupon .button {
    float: left;
    width: auto;
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 0px;
}

#redeem-coupon label {
    float: left;
    margin-right: 10px;
}

#redeem-coupon .border {
    float: left;
    width: auto;
}

#redeem-coupon .alert {
    display: block;
    clear: both;
    margin: 0px;
}

h3.sub-title {
    padding: 20px 0;
}
/*.vcard {
    margin-top:10px;
}*/
.vcard h5 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
}

.vcard span {
    display: block;
}

#cookie-bar {
    background: none !important;
    background-color: #46535B !important;
    padding: 12px 0 !important;
}
#cookie-bar-button {
    background-color: #fff !important;
    color: #46535b !important;
    font-weight: normal !important;
    text-shadow: none !important;

    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;

    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

#cookie-bar-button:hover,
#cookie-bar-button:active,
#cookie-bar-button:focus {
    background-color: #2c92d0 !important;
    color: #fff !important;
    text-decoration: none !important;
}

.error {
    background-color: hsl(350, 100%, 94%);
    padding: 10px;
    font-size: 12px;
    border: 1px solid red;
    margin: 20px 0 0 0;
    border-radius: 4px;
}

.error span {
    color: red;
}

.tape-banner{
        display: none;
    }

/*==========  Non-Mobile First Method  ==========*/

/* md - Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    h1 {
        max-width: none;
    }
    body.boxbuilder #mob-logo-padd img {
        padding: 6px 12px 0px 0;
    }
    #main-menu ul li:last-child a span {
        margin-top: 8px;
    }
    #main-menu ul li {
        text-align: center;
    }
    #main-menu .menu-icon {
        float: none;
        display: inline-block;
        margin: 0 8px 0 0px;
    }
    #main-menu ul li a span {
        float: none;
    }
    #main-menu ul li a {
        height: 64px;
        padding: 12px 0 0 0;
    }
    #home-banner-box {
        margin: 30px 0 0 0;
    }
    .home-banner-box {
        margin: -88px 0 40px 0;
        padding: 20px;
        background-position: -40px 0px;
    }
    #content.home-banner h1 {
        font-size: 38px;
        line-height: 44px;
        padding: 32px 0 0 0;
    }
    #swiffycontainer {
        height: 330px;
    }
    #home-banner-copy {
        width: 70%;
    }
    #home-banner-copy object {
        height: 24px;
    }
    #home-roundel {
        text-align: right;
        width: 30%;
    }
    #why-choose .ten-years {
        margin-top: 40px;
    }
    #why-choose ul.left li,
    #why-choose ul.right li {
        width: 250px;
    }
    #main-menu {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin: 0px 0 0 0;
    }
    #header-bottom {
        margin-top: -47px;
    }
    #header-bottom .welcome {
        font-size: 17px;
        text-align: left;
    }
    #header-bottom .phone a {
        font-size: 20px;
    }
    #header-bottom .account img {
        margin: -3px 0px 0 0;
        height: 15px;
    }
    #header-bottom .phone img {
        margin: -8px 2px 0 0;
        width: 22px;
    }
    #header-bottom .phone {
        text-align: center;
    }
    .button.small {
        padding: 8px 10px;
        font-size: 14px;
    }
    #logo {
        margin-top: 0px;
        margin-bottom: 2px;
    }
    #content {
        margin-top: -35px;
        padding-top: 40px;
    }
    #content.home-banner {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    #content.boxbuilder {
        padding-top: 65px;
    }
    #content.boxbuilder p.bb-small {
        float: none;
        padding: 3px 0 20px 0;
    }
    .bb-steps h2 {
        font-size: 28px;
        line-height: 31px;
    }
    .bb-steps img.despatch-badge {
        width: 35%;
    }
    .bb-steps ul {
        font-size: 19px;
        line-height: 20px;
        width: 65%;
    }
    .bb-steps ul li span {
        font-size: 17px;
        width: 24px;
    }
    #free-tape {
        font-size: 17px;
    }
    #details-box h2 {
        font-size: 24px;
    }
    a#design-service {
        font-size: 15px;
    }
    #bb-costing .perunit .cost {
        clear: both;
    }
    #bb-costing .price .cost {
        clear: both;
    }
    #bb-costing .price .cost {
        font-size: 23px;
    }
    #bb-costing .perunit .cost {
        font-size: 23px;
    }
    #bb-costing .price .cost span.vat {
        font-size: 15px;
    }
    #bb-costing .price .title {   
        font-size: 13px;
        margin: 0px;
    }
    #bb-costing .perunit .title {   
        font-size: 13px;
        margin: 0px;
        float: right;
    }
    table.res-table tbody .product-img img {
        max-width: 50px;
    }
    #cross-sell h2 {
        line-height: 22px;
        font-size: 19px;
    }
    #cross-sell a.cross-sell-title {
        font-size: 16px;
    }
    #cross-sell .cross-sell-price {
        font-size: 14px;
    }
    table.res-table tbody .quanitity .alt-button {
        margin: 0px;
    }
    #didyouknow .didyouknow-t {
        font-size: 40px;
    }
    #didyouknow .didyouknow-p {
        font-size: 21px;
    }
    .quote .num {
        font-size: 18px;
    }
    .quote .num img {
        width: 16px;
        margin-right: 5px;
    }
    .quote .title {
        font-size: 22px;
        padding: 15px;
        width: 120px;
    }
    #boxbuilder-teaser.top-version h3 {
        font-size: 30px;
    }
    #home-roundel img {
        height: auto;
        width: 100%;
    }
}

/* sm - Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    body.boxbuilder #mob-logo-padd img {
        padding: 8px 30px 0px 0;
    }
    .intro-copy img {
        width: 50%;
    }
    #main-menu {
        margin-top: 15px;
    }
    #main-menu .menu-icon {
        float: left;
        margin: 0px 8px 0 15px;
    }
    #main-menu ul li {
        text-align: left;
    }
    #main-menu ul li a span {
        float: left;
    }

    .home-banner-box.one {
        background-image: none;
    }
    .home-banner-box.two {
        background-image: none;
    }
    .home-banner-box.three {
        background-image: none;
    }

    #content.home-banner {
        padding-bottom: 30px;
    }
    #swiffycontainer {
        height: 300px;
    }
    #content.home-banner p {
        font-size: 18px;
    }
    #content.home-banner h1 {
        font-size: 29px;
        line-height: 32px;
    }
    #home-banner-box {
        margin: 30px 0 0 0;
    }
    #content.home-banner h1 {
        padding: 30px 0 0 0;
    }
    #header-top {
        margin-top: 0px;
    }
    #header-bottom {
        margin-top: 0px;
    }
    #header-bottom .welcome {
        font-size: 20px;
    }
    .button.small {
        padding: 10px 14px;
        font-size: 15px;
    }
    #header-bottom .account img {
        margin: -3px 2px 0 0;
        width: auto;
    }
    #header-bottom .phone img {
        margin: -9px 3px 0 0;
        width: auto;
    }
    #header-bottom .phone a {
        font-size: 20px;
    }
    .button {
        font-size: 17px;
    }
    /*#header-bottom .welcome {
        width: 50%;
        float: left;
        display: block;
    }
    #header-bottom .account {
        width: 50%;
        float: left;
        display: block;
        text-align: right;
    }
    #header-bottom .phone {
        width: 50%;
        float: left;
        display: block;
        clear: both;
        text-align: left;
        padding: 10px 0 0 0;
    }
    #header-bottom .basket {
        width: 50%;
        float: left;
        display: block;
        padding: 10px 0 0 0;
    }*/
    #header-top p {
        display: inline-block;
        padding: 8px 20px 10px 0;
    }
    #header-top form {
        display: block;
        float: left;
    }
    #header-top form .form-group .form-control {
        width: 368px;
    }
    .home-banner-box h2,
    .home-banner-box.creative-packaging h2 {
        font-size: 25px;
    }
    .home-banner-box.creative-packaging p,
    .home-banner-box p  {
        font-size: 18px;
        line-height: 22px;
        width: 130px;
    }
    .home-banner-box {
        background-position: right -90px bottom 0px;
        background-size: auto 100%;
    }
    .home-banner-box.creative-packaging {
        background-position: right -105px bottom 0px;
        background-size: auto 95%;
    }

    .button {
        font-size: 15px;
        padding: 14px 17px;
    }
    #why-choose h3 {
        font-size: 29px;
    }
    #why-choose ul.left li,
    #why-choose ul.right li {
        font-size: 16px;
        padding: 0 0 8px 5px;
        width: auto;
    }
    #whychoose-img {
        height: 214px;
    }
    #sitemap h4 a {
        font-size: 22px;
        line-height: 25px;
    }
    .bb-input .input-padding {
        padding: 0 0 0 15px;
    }
    
    .bb-steps img.despatch-badge {
        display:none;
    }
    .bb-steps ul {
        width: 100%;
    }
    #free-tape img {
        display: none;
    }
    #find-box img {
        display: none;
    }
    #find-box .find-box-copy {
        padding-left: 15px;
    }
    #boxbuilder-teaser h3 {
        font-size: 28px;
        line-height: 31px;
    }
    a#design-service {
        font-size: 17px;
    }
    #bb-costing .perunit .cost {
    font-size: 21px;
    }
    #bb-costing .price .cost {
        font-size: 21px;
    }
    table.stacktable tbody tr td {
        padding: 10px !important;
    }
    table.res-table thead tr th {
        padding: 10px;
        font-size: 14px;
    }
    table.res-table tbody tr td {
        padding: 10px !important;
        font-size: 14px;
    }
    table.res-table.postalboxes-table thead tr th {
        padding: 10px;
    }
    table.res-table {
        font-size: 17px;
    }
    .testimonial .quote-open {
        font-size: 100px;
        line-height: 80px;
    }
    ul.sub-menu li a {
        font-size: 13px;
        padding: 10px;
    }
    ul.sub-menu {
        margin: 12px 0 25px 0;
    }
    #boxbuilder-teaser.top-version h3 {
        font-size: 28px;
    }
    #bb-costing .price .cost span.vat {
        display: block;
    }
    
    /* HIDDEN TILL MOBILE FIXED */
    /*UPDATE: All fixed courtesy of JKR*/
    #rotate-icon {
        /*display:none;*/
    }
}

/* xs - Small Devices, Tablets */
@media only screen and (max-width : 767px) {


    .tape-banner{
        display: block;
    }
    

    h1 {
        font-size: 30px;
    }
    #mob-logo-padd {
        padding: 0 0 0 5px;
    }
    body.boxbuilder #mob-logo-padd {
        padding: 5px 0 2px 15px;
    }
    body.boxbuilder #mob-logo-padd img {
        padding: 0;
    }
    #mob-menu-padd {
        padding: 0 5px 0 0px;
    }
    #header-bottom .basket {
        width: 40%;
        padding: 6px 0 0 0;
    }
    #header-bottom .account {
        width: auto;
        text-align: left;
        padding: 6px 0 0 0;
    }
    #logo {
        margin-top: 0px;    
        max-width: 350px;
        width: 100%;
    }
    #content {
        margin-top: 0px;
    }
    #swiffycontainer {
        height: 220px;
    }
    #home-banner-copy {
        width: 100%;
    }
    #home-roundel {
        display: none;
    }
    .home-banner-box {
        margin: 20px 0 20px 0;
        height: auto;
        background-position: right -30px bottom 0px;
    }
    .home-banner-box.creative-packaging {
        background-position: right -65px bottom 0px;
        background-size: auto 100%;
    }
    .col-sitemap-15 {
        width: 100%;
        margin-bottom: 30px;
        display: block;
    }
    .col-sitemap-15:nth-child(odd) {
        clear: both;
    }
    #footer #social-icons {
        text-align: left;
        margin-bottom: 20px;
    }
    #footer #social-icons a {
        margin-right: 10px;
        margin-left: 0px;
    }
    #main-menu ul li {
        display: block;
        border-right: none;
    }
    #main-menu {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
    #main-menu ul li a span {
        margin-top: 10px;
    }
    #main-menu ul li:last-child a span {
        margin-top: 10px;
    }
    #home-banner-box {
        margin: 20px 0 0 0;
    }
    #content {
        -moz-box-shadow: inset 1px 10px 9px -6px rgba(0,0,0,0.20);
        -webkit-box-shadow: inset 1px 10px 9px -6px rgba(0,0,0,0.20);
        box-shadow: inset 1px 10px 9px -6px rgba(0,0,0,0.20);
        padding-top: 20px;
    }
    #content.home-banner {
        padding-top: 0px;
        padding-bottom: 0px;
        top:0px;
    }
    #content.boxbuilder {
        padding-top: 40px;
    }
    #content.home-banner h1 {
        padding: 15px 0 0 0;
        font-size: 24px;
        line-height: 28px;
    }
    #content.home-banner p {
        font-size: 16px;
    }
    #content.home-banner p img {
        height: 17px;
    }
    .home-banner-box.one {
        background-image: url("../images/stock-boxes-bg.jpg");
        background-size: auto 100%;
        background-position: right -30px center;
        background-repeat: no-repeat;
    }
    .home-banner-box.two {
        background-image: url("../images/packaging-supplies-bg.jpg");
        background-size: auto 100%;
        background-position: right -30px center;
        background-repeat: no-repeat;
    }
    .home-banner-box.three {
        background-image: url("../images/bulk-orders-bg.jpg");
        background-size: auto 100%;
        background-position: right -30px center;
        background-repeat: no-repeat;
    }
    #header-bottom .account,
    #header-bottom .account a,
    #header-bottom .basket a{
        font-size: 13px;
    }
    #why-choose h3 {
        margin-top: 20px;
        font-size: 24px;
    }
    #sitemap {
        padding: 35px 0 20px 0;
    }
    #sitemap h4 {
        padding: 0 0 15px 0;
    }
    #header-bottom .basket .quantity {
        font-size: 13px;
        min-width: 17px;
        min-height: 20px;
        padding: 2px 6px;
    }
    #header {
        margin-top: 37px;
        border-top: 1px solid #DCDADA;
    }
    #account {
        position: absolute;
        top: 0px;
        width: 100%;
    }
    #header-bottom .account img {
        margin: -3px 2px 0 0;
    }
    #menu {
        padding:0px;
    }
    #menu .row {
        margin: 0px;
    }
    #menu .row div {
        padding: 0px;
    }
    #main-menu {
        margin-top: 0px;
    }
    /*#main-menu .menu-icon {
    float: none;
    }*/
    #main-menu .menu-icon {
        width: 45px;
        float: left;
        text-align: center;
    }
    #main-menu ul li a {
        font-size: 17px;
    }       
    #stickyelement {
        z-index:9;
    }
    
    .stacktable.large-only { display: none; }
    .stacktable.small-only { display: table; }
    
    
    .bb-steps img.despatch-badge {
        display:inline-block;
    }
    #free-tape img {
        display: inline-block;
    }
    #visual {
        padding: 0px;
        background-image: none;
        -webkit-box-shadow:none;
        -moz-box-shadow: none;
        box-shadow: none;
        position: absolute;
        left: -250px;
        width: 250px;

        -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.14);
        -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.14);
        box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.14);

        border: 1px solid #E0E0E0;
        border-left: none;
        background-color: #fff;
        background-image: url("../images/boxbuilder/svgs/visual-bg.svg");
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
    #mob-visual-button {
        display: block;
        position: absolute;
        right: -38px;
        cursor: pointer;
    }
    #content.boxbuilder h1 {
        font-size: 12px;
    }
    .bb-steps ul {
        width: 65%;
    }
    #content.boxbuilder .bb-steps {
        display: block;
        padding: 10px 0;
        width: 88%;
        float: right;
    }
    #content.boxbuilder .bb-steps ul {
        width: auto;
        float: none;
    }
    .bb-steps h2 {
        font-size: 25px;
        line-height: 30px;
    }
    .bb-input label {
        display: block;
        margin-top: 0px;
    }
    #stickyelement .disclaimer {
        display: none;
    }
    .disclaimer {
        margin-bottom: 0px;
        display: block;
        float: none;
        margin-left: 0px;
    }
    #bb-content {
        padding: 0px;
        margin-top: 0px;
        -webkit-box-shadow:none;
        -moz-box-shadow: none;
        box-shadow: none;
        width: 88%;
        float: right;
    }
    #content.boxbuilder {
        background-color: #fff;
    }
    
    .bb-input .input-padding {
        padding: 0 15px;
    }
    #details-box h2 {
        font-size: 22px;
    }
    #details-box .price {
    padding: 20px 0px;
    }
    #details-box .price .button {
        float: left;
        margin: 20px 0 0 0;
    }
    .details-para p {
        padding-left: 0px;
        padding-right: 0px;
    }
    .details-para .bulk {
        padding-left: 0px;
    }
    .details-para .bulk p {
        font-size: 12px;
    }
    #free-tape {
        display: none;
    }
    
    a#design-service {
        font-size: 13px;
        padding: 8px 5px;
    }
    .bb-title {
        font-size: 13px;
    }
    .res-table.small-only th.st-head-row.st-head-row-main {
        background-color: #46535B;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        padding: 20px 0 20px 20px;
        font-size: 17px;
        border-top: none !important;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
    .res-table.mybasket-table.small-only th.st-head-row.st-head-row-main {
        padding: 20px 0 20px 69px;
    }
    .res-table.small-only th.st-head-row {
        border-top: 7px solid #DADEDF !important;
        border-left: 1px solid #DADEDF;
        border-right: 1px solid #DADEDF;
    }    
    
    .res-table.small-only th.st-head-row.st-head-row-main {
        border-left: none;
        border-right: none;
    }
    span.mob-label {
        display: inline-block;
        margin: -10px 10px -10px -10px;
        padding: 10px;
        width: 90px;
        border-right: 2px solid #dadedf;
        font-weight: bold;
    }
    table.res-table tbody tr td {
        display: block;
        border: none;
        padding: 0px 20px 10px 20px !important;
        /* padding: 8px 20px 0 69px !important; COPIED TABLES STYLE */
    }
    td.st-key {
        border-top: 1px solid #DADEDF!important;
        text-transform: uppercase;
        font-size: 15px;
        padding-top: 10px !important;
    }
    table.res-table tbody .product-price {
        font-size: 32px;
        line-height: 30px;
    }
    table.res-table tbody .quanitity .alt-button {
        margin: 0 0 10px 0;
        clear: both;
        display: block;
    }
    table.res-table tbody tr td {
        display: block;
        width: 100% !important;
        float: left;
        text-align: left;
    }
    table.res-table tbody .total-title {
        float: left;
        text-align: left;
    }
    table.res-table tbody .total-title select {
        margin: 4px 0;
        float: left;
        width: 180px;
    }
    table.res-table tbody .total-title .collect-check {
        float: left;
    }
    table.res-table tbody .total-title .collect-check label {
        font-size: 13px;
    }
    table.res-table tbody .discount-code .bb-input input {
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-right: 4px solid transparent;
    }
    table.res-table tbody .discount-code .bb-input .border {
        -moz-border-radius-topright: 6px;
        -webkit-border-top-right-radius: 6px;
        border-top-right-radius: 6px;
        -moz-border-radius-bottomright: 6px;
        -webkit-border-bottom-right-radius: 6px;
        border-bottom-right-radius: 6px;
        border-right: 1px solid #DEDDDD;
        margin-bottom: 10px;
    }
    table.res-table tbody .discount-code input[type="submit"] {
        float: left;
        
        -moz-border-radius-topleft: 4px;
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    #didyouknow .didyouknow-t {
        font-size: 36px;
        padding: 0px;
        margin: 0px;
    }
    #didyouknow .didyouknow-p {
        font-size: 18px;
    }
    
    
    table.res-table  tbody .mob-top {
        border-right: 1px solid #ddd;
        border-bottom:none;
        padding: 8px 20px 0 69px !important;
    }
    table.res-table  tbody .mob-bottom {
        border-right: 1px solid #ddd;
        border-top:none;
        padding: 0px 0px 15px 69px !important;
    }

    table.res-table  tbody .order-total {
        border-right: 1px solid #ddd;
        border-bottom:none;
        padding: 8px 20px 0 20px !important;
    }
    table.res-table  tbody .order-total-price {
        border-right: 1px solid #ddd;
        border-top:none;
        padding: 0px 0px 15px 69px !important;
        background-image: url("../images/svgs/equals-icon.svg");
        background-repeat: no-repeat;
        background-position: left 20px top 6px;
    }
    
    table.res-table  tbody .order-sub-total-price {
        background-image: url("../images/svgs/equals-icon.svg");
        background-repeat: no-repeat;
        background-position: left 20px top 6px;
    }
    
    table.res-table  tbody .delivery-total-price {
        background-image: url("../images/svgs/plus-icon.svg");
        background-repeat: no-repeat;
        background-position: left 20px top 6px;
        margin-top: 10px;
    }

    .testimonial .quote-open {
        font-size: 70px;
        line-height: 55px;
    }

    #redeem-coupon .button {
        width: 100%;
        margin-left: 0px;
    }

    table.res-table.reorder-table tbody tr td {
        border: 1px solid #DADEDF !important;
        padding: 10px !important;
        display: table-cell !important;
        /*float: none !important;
        width: auto !important;*/
        font-weight: normal;
        font-size: 15px;
    }

    table.res-table thead tr th {
        font-size: 17px;

    }

    table.res-table.reorder-table tbody tr td:first-child {
        /* margin-top: 20px; */
        border-top: 20px solid #DADEDF !important;
        font-size: 17px;
        font-weight: bold;
    }

    table.res-table.reorder-table tbody tr:first-child td:first-child {
        margin-top: 0px;
    }
    
    table.res-table  tbody .mob-title {
        background-color: #46535B;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        padding: 20px 0 20px 20px !important;
        /* padding: 20px 0 20px 69px !important; COPED TABLE STYLE */
        font-size: 17px;
        border-top: 10px solid #EDE9E5 !important;
        margin-bottom: 10px;
    }

    table.res-table  tbody .mob-title .total-title {
        font-size: 17px;
    }

    table.res-table  tbody .delivery {
        
    }
    
    
    
    
    ul.sub-menu li a {
        font-size: 16px;
        padding: 12px;
        margin: 0 0 10px 0;
    }
    a.addbasket {
        float: left;
        margin-bottom: 20px;
    }
    .quote {
        background-size: auto 130px;
        background-position: right -25px top;
    }
    .quote .title {
        font-size: 30px;
        line-height: 34px;
        padding: 20px;
        width: auto;
    }
    .quote .num {
        font-size: 22px;
    }
    .quote .num img {
        width: 20px;
    }
    
    #quantity .bb-input .border {
        width: 110px;
    }
    .cal-button span {
        padding: 12px 10px 0px 0px;
        font-size: 13px;
    }
    input[type="submit"] {
        float: right;
    }
    #bb-costing {
        display: none !important;
    }
    
    a.order-button {
        display: none;
    }
    table.res-table tbody tr td.reorder .form-group a.addbasket {
        font-size: 17px;
    }

    .res-table thead tr th {
        display: none;
    }

    .res-table thead tr th:first-child {
        display: block;
        width: 100% !important;
    }

    table.res-table tbody .product-info {
        width: 100%;
    }
    table.res-table tbody .product-title {
        background-color: #DDDFE0;
        display: block;
        margin: 0 -20px 5px -20px;
        padding: 10px 20px;
    }
    #address-view table tbody tr.address-titles {
        display: none;
    }
    #address-view table tbody tr td {
        display: block;
        width: 100%;
        border: none !important;
        padding-bottom: 0px !important;
    }
    #address-view table tbody tr td.dropdown {      
        padding-bottom: 20px !important;
    }
    #details-box .product-split {
        width: 100%;
        position: relative;
    }
    #details-box .product-split:nth-child(2) {
        padding-top: 75px;
    }
    #details-box .quantity {
        padding: 20px 20px 0 20px;
        position: absolute;
        top: 100%;
        width: 100%;
        min-height: 80px;
    }
    #details-box .price {
        padding: 0 20px 20px 20px;
    }
    #details-box .cart-input {
        height: auto !important;
    }
    #details-box .cart-button input[type="submit"] {
        margin-bottom: 20px;
    }
    #header-top {
        position: absolute;
        top: -37px;
        left: 0px;
        z-index: 99;
    }
    #header-top .account {
        float: left;
        font-size: 13px;
    }
    #box-style .col-xs-6:nth-child(odd) {
        padding-left: 5px;
    }

    #box-style .col-xs-6:nth-child(even) {
        padding-right: 5px;
    }
    #bb-steps {
        padding: 30px;
    }
    #bb-steps h2,
    #bb-steps ul,
    #bb-steps img {
        display: none;
    }
    #bb-steps .mobile-holder-title {
        display: block;
        font-size: 21px;
        line-height: 28px;
        color: #475258;
    }
    .sub-title.text-right {
        float: left;
        font-size: 15px;
        padding-top: 0px;
    }
    #checkout-box .payment-methods {
        display: block;
        margin: 0 0 20px 0;
    }

    span.mobile-title {
        display: inline-block;
    }
    .forgot-button {
        margin-bottom: 15px;
        display: block;
        text-align: left;
    }
    #SignInForm button {
        margin-bottom: 30px;
    }
    #rotate-icon {
        bottom: 14px;
        left: 12px;
        width: 30px;
    }
    #content.boxbuilder h3.quanitity span {
        font-size: 16px;
        display: block;
    }
    #why-choose {
        padding: 20px 0 30px 0;
    }
    #why-choose .ten-years {
        margin-top: 20px;
    }

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    #content.home-banner .mob-full {
         width: 100%;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
}

.addReorder {
    background-color: #2C92D0;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    padding: 14px;
    text-transform: uppercase;
    display: inline-block;
    border: none;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

.addReorder:hover,
.addReorder:active,
.addReorder:focus {
    background-color: #46535B;
    color: #fff;
}

#pcw_result {
    height: 250px;
    overflow: scroll;
    overflow-x: auto;
    overflow-y: scroll;
    background: #fff;
    margin-bottom: 4em;
    font-size:14px;
}

#pcw_result label:hover{
    background-color:aliceblue;
    cursor:pointer;
}

/*Christmas Theme

@keyframes snow-one {
    0% {transform: translate(0px,0px)
    }
    100% {
        transform: translate(300px,300px)
    }
}
@keyframes snow-two {
    0% {transform: translate(0px,0px)
    }
    100% {
        transform: translate(400px,400px)
    }
}

.snow{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
}
.snow:before, .snow:after{
    content: '';
    width:150%;
    height:150%;
    position: absolute;
    left:-50%;
    top:-50%;
    z-index:1;
    pointer-events: none;
    display: block;
    animation-name: snow;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.snow:after{
    background-image: url('/images/snow-1.png');
    animation-name: snow-one;
    animation-duration: 10s;

}
.snow:before{
    background-image:url('/images/snow-2.png');
    animation-name: snow-two;
    animation-duration: 30s;

}

.christmas-banner{
    background: #d5202c;
    background: -moz-linear-gradient(top, #d5202c 0%, #c3242f 99%);
    background: -webkit-linear-gradient(top, #d5202c 0%,#c3242f 99%);
    background: linear-gradient(to bottom, #d5202c 0%,#c3242f 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5202c', endColorstr='#c3242f',GradientType=0 );
    padding: 2rem 0;
    width: 100%;
    color: #ffffff;
    margin-bottom: 2rem;
    text-align: center;
}

.christmas-banner .countdown{
    font-size: 24px;
    margin-top: 4px;
    display: inline-block;
    font-weight: bold;
}

#xmas-count-holder, #xmas-close{
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition:  opacity 200ms ease;
    -moz-transition:  opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition:  opacity 200ms ease;
    transition:  opacity 200ms ease;
}
#xmas-count-holder.xmas-show, #xmas-close.xmas-show {
    opacity:1;
    max-height: 33px;
    overflow: hidden;
}

#content.home-banner {
    background: url('/images/svgs/christmas-bg.svg'),radial-gradient(ellipse at center, #ffffff 1%,#84acc3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ECE9E5',GradientType=1 );
    background-position-y: bottom;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

@media only screen and (max-width : 767px) {
    .christmas-banner{
        margin-top: 35px;
    }
}

*/

.christmas-banner{
    display: none;
    visibility: hidden;
}