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

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  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;
}
.sale_price {
    color: red;
}
.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: #333;
}
footer {
    background-color: #606060;
    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: 32px;
	/*top: 78px;*/
    margin-left: -150px;
}
.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: #F2F2F2;
    border: 1px solid #000;
}
.basket-detail .total {
    font-size: 1.2em;
    font-weight: 700;
}
.mini-basket-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000;
    margin-left: 229px;
}

/* 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.85rem;
}

.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: 3em;
	right: 0px;
	text-decoration: none;
	color: #000 !important;
	background-color: #EBEBEB;
	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: #000 !important;
}
.button.white {
	background-color: #fff;
	color: #666;
}
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;  
}


.badge {
    height: 115px;
    left: 0;
    top: 0;
    width: 115px;
    background: #FFF none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: table;
    position: absolute;
    text-align: center;
}

.badge-cat {
    height: 58px;
    left: 0;
    top: 0;
    width: 58px;
    background: #FFF none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: table;
    position: absolute;
    text-align: center;
}

.badge-fire-cat {
    height: 29px;
    left: 45%;
    top: 0;
    width: 24px;
    color: #fff;
    display: table;
    position: absolute;
    text-align: center;
}

.badge-image-underlay{
    background: rgba(0, 0, 0, 0) url("../images/free-underlay-badges.png") no-repeat scroll 0 0;
    height: 115px;
    width: 115px;
}

.badge-image-underlay-cat{
    background: rgba(0, 0, 0, 0) url("../images/free-underlay-badges-cat.png") no-repeat scroll 0 0;
    height: 58px;
    width: 58px;
}

.badge-image-fire-door-cat{
    background: rgba(0, 0, 0, 0) url("../images/fire-door-overlay-cat.png") no-repeat scroll 0 0;
    height: 29px;
    width: 24px;
}

/* Used in Product Addons Module */
#navigation {
    width:100%;
}
#addoncontent {
    width:350px;
}
.collapsible,.page_collapsible {
    margin: 0;
    padding:10px;
    height:40px;
    border-top:#f0f0f0 1px solid;
    background: #5a7570;
    font-family: Arial, Helvetica,sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    color: #606060;
    font-size:1em;
}
.collapse-open {
    background:#606060;
    color: #606060;
    cursor: pointer;
    cursor: hand;
}
.collapse-open span {
    display:block;
    float:left;
    padding:12px;
}
.collapse-open span {
    background:url("https://www.doorsandfloors.co.uk/modules/plugins/product_addons/images/minus.png") center center no-repeat;
}
.collapse-close span {
    display:block;
    float:left;
    background:url("https://www.doorsandfloors.co.uk/modules/plugins/product_addons/images/plus.png") center center no-repeat;
    padding:12px;
    cursor: pointer;
}
div.addoncontainer {
    padding:0;margin:0;
}
div.addoncontent {
    background:#f0f0f0;
    margin: 0;
    padding:10px;
    font-size:.9em;
    line-height:1.5em;
    font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
div.addoncontent ul, div.addoncontent p {
    margin:0;
    padding:3px;
}
div.addoncontent ul li {
    list-style-position:inside;
    line-height:25px;
}
div.addoncontent ul li a {
    color:#555555;
}
table.addons{
    border-collapse:collapse;
    width:100%;
}
.addonproduct-information {
    background: none;
    border: 0px;
    border-radius: 0px;
    padding: 0px;
    width:380px;
    text-align:left;
    margin-left:0px;
}
.addonscontrols{
    margin-left:120px;
}
/* End Product Addons */

/* Start List styling */
.featureList, .featureList ul {
    margin-top: 0;
    padding-left: 2em;
    list-style-type: none;
}
.featureList li:before {
    position: absolute;
    margin-left: -1.3em;
    font-weight: bold;
}
.featureList li.tick:before {
    content: "\2713";
    color: darkgreen;
}
.featureList li.cross:before {
    content: "\2717";
    color: crimson;
}
/* End List styling */


/* 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;
    }
  }

    .badge-fire-cat {
       left: 47%;
    }


}
/* Medium viewport and above */
@media only screen and (min-width: 40.0625em) {
    #mini-basket {
        min-width: 100px;
    }
}

.image_overlay_1_container,.image_overlay_2_container,.image_overlay_3_container,.image_overlay_4_container {
    display:inline-block;
    position: relative;
    top:-32px;
    left:4px;
    padding-right: 6px;
}

.image_overlay_1,.image_overlay_2,.image_overlay_3,.image_overlay_4{
    max-height: 70px;
    max-width: 70px;
}

.image_overlay_1_container_list,.image_overlay_2_container_list,.image_overlay_3_container_list,.image_overlay_4_container_list {
    display:inline-block;
    position: relative;
    top:-30px;
    /*left:2px;*/
}

.image_overlay_1_list,.image_overlay_2_list,.image_overlay_3_list,.image_overlay_4_list{
    max-height: 60px;
    max-width: 60px;
}

.brand_logo{

}

.cat_image_container{
    min-height: 305px;
}