div.slider {
    position  : relative;
    width     : 100%;
    padding   : 10px;
    overflow  : hidden;
    background: #fff;
}

div.slider img {
    display: block;
}

.slider li {
    display: block;
    float  : left;
    width  : 100px;
    padding: 0;
    cursor : pointer;
}

ul.slider {
    display   : block;
    width     : 10000px;
    /*overflow:hidden;*/
    padding   : 0;
    margin    : 0;
    /*height: 85px;*/
    list-style: none;
}

.sliderimage,
.sliderimagehover {
    position: relative;
    display : block;
    overflow: hidden;
    border  : 5px solid transparent;
    /*	z-index:2;
	width:80px;
	height:80px;*/
}

.sliderimage {
    border-color: #fff;
}

.sliderdiv a:hover .sliderimage,
.sliderimage:hover,
.sliderimagehover {
    border-color: #fe6307;
}

.sliderdiv a:hover .sliderimage {
    transition: 0.3s;
}

#Colours ul.slider .sliderdiv {
    position        : relative;
    z-index         : 1;
    display         : block;
    width           : 100px;
    height          : 100px;
    background-color: #dee2e6;
}

#Colours ul.slider .slidercaption {
    position        : absolute;
    bottom          : 0;
    left            : 0;
    z-index         : 1;
    display         : none;
    float           : left;
    width           : 100%;
    padding         : 4px;
    margin          : 0;
    font-size       : 10px;
    color           : black;
    text-align      : left;
    background-color: white;
}

.sliderdiv a:hover {
    color          : Black;
    text-decoration: none;
}

.slidercaption em {
    display    : block;
    font-size  : 12px;
    font-style : normal;
    font-weight: bold;
    color      : #fe6307;
}

span.colourrelatedthumb > img {
    float       : left;
    margin-right: 5px;
}

a.featured:before {
    position  : absolute;
    top       : 0;
    left      : 10px;
    z-index   : 2;
    width     : 30px;
    height    : 65px;
    background: url("/Portals/0/Images/NewProduct.png") 0 0 no-repeat;
    content   : " ";
}