.es-carousel-wrapper{ background: rgba(255,255,255,0.5);
border-top: #B6ACAB 3px solid;
border-left: #E2DEDD 1px solid;
border-right: #E2DEDD 1px solid;
border-bottom: #E2DEDD 1px solid;
padding: 10px 15px; position:relative;
margin: 10px 0 15px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#different_color_products h4 {
background: url(//webcreeks.com/wp-content/themes/creeks_mobile/images/carousel_title_mobile.png) left top;
-webkit-background-size: 190px 12px;
-moz-background-size: 190px 12px;
-ms-background-size: 190px 12px;
background-size: 190px 12px;
text-indent: -9999px;
width: 190px;
height: 12px;
margin: 0 0 13px 0;
}
.es-carousel{
overflow:hidden;
} .es-carousel ul li{
height:100%;
float:left;
display:block;
}
.es-carousel ul li a{
display:block; }
.es-carousel ul li a img{
display:block;
border:none;
max-height:100%;
max-width:100%;
}
.es-nav span{
background-image: url(//webcreeks.com/wp-content/themes/creeks_mobile/images/carousel_arrow.png);
background-repeat: no-repeat;
position:absolute;
top: 40%;
display: block;
width: 17px;
height: 40px;
text-indent: -9999px;
cursor:pointer;
}
.es-nav-next {
background-position: right top;
right: 0;
left:auto;
}
.es-nav-next:hover {
background-position: right bottom;
}
.es-nav-prev {
background-position: left top;
left: 0;
}
.es-nav-prev:hover {
background-position: left bottom;
} #same_material_products h4 {
background: url(//webcreeks.com/wp-content/themes/creeks_mobile/images/carousel_title_mobile_same_material.png) left top;
-webkit-background-size: 201px 12px;
-moz-background-size: 201px 12px;
-ms-background-size: 201px 12px;
background-size: 201px 12px;
text-indent: -9999px;
width: 201px;
height: 12px;
margin: 0 0 13px 0;
}