.manufacturerlist{margin-top: 50px;}
#manufacturers_list {margin: 0 -5px;}
#manufacturers_list li{padding: 5px; z-index: 1; overflow: hidden;}

.m_outerdiv{border: 1px solid #fff; position: relative; width: 100%; padding-top: 74%; background: white;}
#manufacturers_list li:hover {transform: scale(1.01);}

ul li .manufacturer-image {position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; margin: 20px;}
ul li .manufacturer-image a {display: block; text-align: center;}
ul li .manufacturer-image > img {display: block; text-align: center; padding: 5px;}
ul li .manufacturer-name {text-transform: uppercase;}

.search-box{text-align: left;}
#search_manufacturer_initial li {display: inline-block; padding: 6px; font-size: 16px; color: #fff; cursor: pointer;}
#search_manufacturer_initial li.active {    
	background-color: #FFFFFF;
    border-radius: 6px;
    color: #3d3d3d;
    font-weight: 900;}

.dmcontainer{padding: 10px; background: #fff;}
.dmbackground {padding: 12px 24px 22px;}
.dmbanner {margin-top: 15px; margin-bottom: 15px;}
.manufacturerdiscount_name {text-align: center;}
.manufacturerdiscount{font-size: 22px; color: white;}
.manufacturerbtn{color: white;}

.specialManufacturersH1{text-align: center; margin: 12px 0 35px 0 !important; font-weight: bold !important;}
.specialManufacturersH1{/*background-image: url("../../modules/discount_manufacturer/img/side.png"); background-repeat: repeat-x;*/}
.manufacturerdiscount_image{}
.specialManufacturers {margin-bottom: 110px;}
.specialManufacturers .dmbanner {padding: 12px;}
div#nextSpecialManufacturers {opacity: 0.7;}

.page-heading.product-listing{font-weight: bold !important;}

.date_start{font-size: 28px; text-align: center; margin-bottom: 5px; color: #888;}
.promofunbanner{background-color: white;}
.dmimagebanner{width: 100%; border-radius: 2px;}
.dmimagelogo {width: 100%;}
.dm_legend {text-align: center; color: #888; font-size: 10px; margin-top: -7px;}
.dm_legend span {margin: 0 23px;}

.dm_button{background: #45c1c0; margin-top: 10px; padding: 5px 10px; height: 44px;display: flex;}
.dm_button:hover{background: #36a5a4;}
.dm_lnk {display: flex;max-width: 100%;height: auto;margin-bottom: 20px;margin: auto 0;width: 100%;}
.manufacturerdiscount {text-align: left; margin: auto; padding: 0px;}
.manufacturerbtn {color: white; font-size: 13px; letter-spacing: -0.5px; margin: auto; padding-right: 0px; line-height: 16px;}
.manufacturerbtn.soon {text-align: center;}
.submanufacturerRow:before {
    content: "";
    width: 45px;
    height: 43px;
    background: url(/themes/default-bootstrap/img/ic_sub-brand.svg);
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
    top: 5px;
    left: 5px;
}

/* This element is created inside your target element. It is used so that your own element will not need to be altered */
.time_circles {position: relative; width: 100%; height: 100%;}
/* This is all the elements used to house all text used in time circles */
.time_circles > div {position: absolute; text-align: center;}
/*	Titles (Days, Hours, etc) */
.time_circles > div > h4 {margin: 0px; padding: 0px; text-align: center; text-transform: uppercase; font-family: 'Lato', sans-serif;}

/* Time numbers, ie: 12 */
.time_circles > div > span {display: block; width: 100%; text-align: center; font-family: 'Lato', sans-serif; font-size: 300%; margin-top: 0.4em; font-size: 13px !important; color: #888;}

#manufacturer .margb50,
#manufacturer .margb20, 
#manufacturer .cat-desc{color: white;}
#manufacturer .h5 {text-transform: none;}