html * {
    font-family:'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
}


.same-large-box { min-height: 180px;}
.same-medium-box { min-height: 150px;}
.same-small-box { }

.fullwidth {
    display: block;
}
.element {
 vertical-align: middle;
}

.latestimage {
    height: 105px;
}
.latestProds {
    text-align: center;
}
div.boxLatestProdsContent {
    font-family: "Arial", Verdana, Helvetica, sans-serif;
    color: #333333;
}
#pageSurround {
    font-size: 12px;
}
.ones {
    font-size: 20px;
}
.controller {
    background-image: url(../images/HeadBg.gif);
    background-repeat: repeat-x;
    background-position: left top;
    height: 47px;
}
.block-controller {
    display: inline-block;
}
.boxeditem {
	 border: solid 1px #dedddd;
	}
	
.boxheadline {background-color: #1749af; padding-top:5px; padding-bottom:5px; text-align:center; color:#FFF; font-size:14px;}
.boxinside {padding-top:5px; padding-bottom:5px; text-align:center;}
.boxTitle {
    background-image: url(../images/TitleBg.gif);
    background-repeat: repeat-x;
    background-position: left top;
	height: 30px;
	padding-top: 5px;
padding-bottom: 5px;
text-align: center;
color: #FFF;
font-size: 14px;
}

.vile a {
    color: #FFFFFF;
    line-height: inherit;
    text-decoration: none;
}
.vile a:hover, .vile a:focus {
    color: #FFFFFF;
}


a.vertical-navigation-box-link-cbd {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}


.LProds {
    background-image: url(../images/website/latest_prods.gif);
    background-repeat: repeat-x;
    float: left;
    margin: 5px;
        margin-bottom: 5px;
    text-align: center;
    background-color: #ffffff;
    margin-bottom: 5px;
    width: 100%;
}
.Rwhites {
    color: #ffffff;
}
.button.trans {
    background-image: url(../images/Ses3Bg.gif);
    background-repeat: repeat-x;
    background-position: left top;
    color: #FFFFFF;
}

.copysmall {font-size: 10px;}
#vertical-navigation-box-cbd {
		line-height: 2.8125rem;
		background-color: #ffffff;
	}
	#vertical-navigation-box-title-cbd {
		padding-top: 0.875rem;
		padding-left: 0.875rem;
		color: #FFFFFF;
		font-size: 22px;
	}
	.vnb-top-cbd {
		margin: 0;

		padding: 0;
		width: 100%;
		list-style-type: none;
		list-style-position: outside;
		font-family: 'Roboto', sans-serif; 
		
	}
			.vnb-sub-cbd {
		position: absolute;
		left: 170px;
		width: 100%;
		z-index: 999;
		padding: 0;
		list-style-type: none;
		list-style-position: outside;
		font-family: 'Roboto', sans-serif;
		background-color: #333333;
		
	}
			.vnb-sub-title-cbd {
		text-align: left;
		background-color: #1049ad;
		color: #FFFFFF;
		padding-left: 0.875rem;
	}
	a.vertical-navigation-box-link-cbd {
		display: block;
		margin: 0;
		color: #FFFFFF;
		background-color: #4275e7;
		font-size: 13px;
		padding-top: 0.4375rem;
		padding-bottom: 0.4375rem;
		padding-left: 0.875rem;
		padding-right: 0.875rem;text-align: left;
		
	}
	a.vertical-navigation-box-link-cbd:hover {
		color: #FFFFFF;
		background-color: #1049ad;
		font-size: 13px;
		padding-top: 0.4375rem;
		padding-bottom: 0.4375rem;
		padding-left: 0.875rem;
		padding-right: 0.875rem;
	}
	.has-sub-arrow-cbd {
		float: right;
		display: block; 
		position: relative;
		margin-top: 0.4375rem;
	}

a.open-clearing {
    display: block;
    overflow: hidden;
}
.horizontal a.open-clearing #img-preview {
    max-width: 100%;
    max-height: 100%;
}
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
.3icon {
  display: inline-block;
  width: 2em;
  height: 2em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
.icon-x2 {
    width: 2em !important;
    height: 2em !important;
}
svg#getEstimateClose {
    width: 1.4375rem;
    height: 1.4375rem;
}
.pseudo-label {
    font-size: 0.875rem;
    color: #4D4D4D;
    cursor: pointer;
    display: block;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0;
}
.old_price {
    text-decoration: line-through;
	 color: #C0C0C0;
}
.sale_price {
    color: #1749af;
}
.tabs {
    border-bottom: 1px #EFEFEF solid;
}
/* Start Star Rating */
div.rating-cancel,div.star-rating {
    float: left;
    width: 17px;
    height: 15px;
    text-indent: -999em;
    cursor: pointer;
    display: block;
    background: transparent;
    overflow: hidden;
}
div.rating-cancel,div.rating-cancel a {
    background: url(../images/delete.gif) no-repeat 0 -16px;
}
div.star-rating,div.star-rating a {
    background: url(../images/star.gif) no-repeat 0 0px;
}
div.rating-cancel a,div.star-rating a {
    display: block;
    width: 16px;
    height: 100%;
    background-position: 0 0px;
    border: 0;
}
div.star-rating-on a {
    background-position: 0 -32px!important;
}
div.star-rating-hover a {
    background-position: 0 -16px;
}
div.star-rating-readonly a {
    cursor: default!important;
}
div.star-rating {
    background: transparent!important;
    overflow: hidden!important;
}
/* End Star Rating */
.top-bar-section .left {
    background-color: #2759c1;
}
footer {
    background-color: #000;
    color: #fff;
}
footer h3 {
    color: #fff;
}
div.alert-box a {
	color: #fff;
	text-decoration: underline;
}

/* Start Mini Basket */
.basket-detail-container {
    position: fixed;
    z-index: 100;
    width: 250px;
    top: 27px;
    margin-left: -70px;
}
.small-basket-detail-container {
    position: fixed;
    z-index: 100;
    width: 90%;
    left: 5%;
    top: 40%;
    background-color: #397D02;
    border: none;
    color: #fff;
    font-weight: bold;
}
.mini-basket-title {
    background-color: #000;
    color: #fff;
}
.basket-detail {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
}
.basket-detail .total {
    font-size: 1.2em;
    font-weight: 700;
}
.mini-basket-arrow {
    
}

/* End Mini Basket */
.social-icons {
    font-size: 30px;
}
td .icon-trash-o {
    color: #333
}
input.quantity {
    width: 100%;
    text-align: center;
}
input.quantity.checkout {
	width:50px;
}
input#coupon {
    border-right: none;
}
div#nav-actions {
   font-size: 0.8125rem;
}

/* Start Checkout Progress */
.checkout-progress-wrapper {
    background-color: #A0D3E8;
    color: #4F4F4F;
    margin-bottom: 10px !important;
}
.checkout-progress.previous {
    background-color: #008CBA;
}
.checkout-progress.current {
    background-color: #43AC6A;
}
.checkout-progress.next {
}
.checkout-progress a {
    color: #4F4F4F;
    text-decoration: none;
}
.checkout-progress.previous a,.checkout-progress.current a {
    color: #FFF;
    text-decoration: none;
}

/* End Checkout Progress */
ul.item_options {
    font-size: 0.75rem;
}

.skin_selector {
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 100;
}
.skin_selector h4, .skin_selector h4 a {
    color: #fff;
}
#currency_menu, #language_menu {
	position: absolute; 
	z-index: 100; 
	width: 200px; 
	text-transform: capitalize;
	background-color: #5E5E5E;
	border: 1px solid #000;
	left: -50px;
	top: 30px;
	padding-bottom: 20px;
	padding-top: 15px;
}
#currency_menu h5, #language_menu h5, #currency_menu a, #language_menu a {
	font-weight: bold;
	color: #fff;
}
#box-currency, #box-language {
    margin-left: 60px;
} 
#box-currency {
    margin-right: 32px;
}
#box-currency .button, #box-language .button {
    padding-left: 0px;
    padding-right: 0px;
}
span.flag {
    display: inline-block;
	width: 16px;
	height: 11px;
	background:url(../images/sprite_flags.png) no-repeat
}
span.flag.flag-DE {background-position: 0 0}
span.flag.flag-ES {background-position: 0 -11px}
span.flag.flag-FR {background-position: 0 -22px}
span.flag.flag-GB {background-position: 0 -33px}
span.flag.flag-IL {background-position: 0 -44px}
span.flag.flag-NL {background-position: 0 -55px}
span.flag.flag-US {background-position: 0 -66px}
span.flag.flag-TR {background-position: 0 -77px}
span.flag.flag-DK {background-position: 0 -88px}
span.flag.flag-PT {background-position: 0 -99px}
.back-to-top {
	position: fixed;
	bottom: 4em;
	right: 0px;
	text-decoration: none;
	color: #FFFFFF !important;
	background-color: #1049ad;
	padding: 0.5em 1em;
	display: none;
	z-index: 100;
}
a.back-to-top, a.back-to-top:hover, a.back-to-top:active, a.back-to-top:visited  {
    color: #FFFFFF !important;
}

.button.white {
    background-image: url(../images/HeadBg.gif);
    background-repeat: repeat-x;
    background-position: left top;
    color: #FFFFFF;
}
.button.four {
    background-image: url(../images/Ses4Bg.gif);
    background-repeat: repeat-x;
    background-position: left top;
    color: #FFFFFF;
}
.button.behind {
    background-image: url(../images/behind.gif);
    background-repeat: repeat-x;
    background-position: left top;
    color: #333333;
}
textarea#contact_enquiry {
    height: 150px;
}
@-webkit-keyframes spinner
{
    from{-webkit-transform:rotate(0deg);}
    to{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes spinner
{
    from{-moz-transform:rotate(0deg);}
    to{-moz-transform:rotate(360deg);}
}
@-ms-keyframes spinner
{
    from{-ms-transform:rotate(0deg);}
    to{-ms-transform:rotate(360deg);}
}
.icon-submit {
    font-size: 45px;
    -webkit-animation: spinner 1s infinite steps(8);
    animation: spinner 1s infinite steps(8)
}
#recaptcha_widget svg.icon {
    font-size: 30px;
    color: #B9B9B9;
    margin: 10px 15px 0 0;
}
form.add_to_basket input, form.add_to_basket button {
    margin: 0 !important;
}
button.small, .button.small {
    padding: 0 !important;
}
#getEstimateSmall {
    text-align: left;
    left: 0;
    width: 100%
}
#getEstimate, #getEstimateSmall {
    position: absolute;
    z-index: 1000
}
#getEstimateClose {
    color: #aaa;
    cursor: pointer; cursor: hand;
}
form#newsletter_form_box .button {
    padding: 0 1rem;
}
span.button {
    cursor: not-allowed;
}
button.paypal-button:hover, button.paypal-button:focus, .button.paypal-button:hover, .button.paypal-button:focus {
    background-color: #fff !important;
}
svg.remove-coupon {
  color: #c60f13;  
}
.grecaptcha-badge {
    z-index: 99999;
}

/* Small viewport only */
@media only screen and (max-width: 40em) {
  
    #colorbox.reveal-modal {
        min-height:0vh !important;
        width: 100%;
    }
    .small-collapse {
        padding:0;
        margin:0;
        .columns {
            padding:0;
            margin:0;
        }
    }
    .off-canvas-for-small {
        position: absolute;
        left: -3000px;
    }
}
/* Medium viewport and above */
@media only screen and (min-width: 40.0625em) {
    #mini-basket {
        min-width: 100px;
    }
    .vertical .clearing-thumbs {
        overflow: hidden;
        height: 350px;
    }
    .vertical .clearing-thumbs a.th:first-child{
        margin-top: 3px;
    }
    .vertical .clearing-thumbs li {
        padding: 0 0.625rem 0.625rem;
    }
    .scroller {
        height: 24px;
        display: none;
        cursor: pointer;
        text-align: center;
    }
    .scroller .icon {
        font-size: 24px;
    }
    #scrollUp .icon {
        display: none;  
    }
}