#featured-product{
}
.image_carousel {
position:relative;
clear:both;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-WAau_jJX22O4V_3CShGpHXcX_etBTR1xNo2VKwTYYn9kPwWwwIpLU9Um-e4hIWh4-nNUULV9oPw_TrVTbPDFa4TptM3jDIwqo5JMRvf-MMm8plxZoSTt6nBsgH_GmXdudpiDb-7GAKk/h1600/divider.gif)repeat-x bottom left;
margin-bottom:20px;
padding:15px 15px 10px 28px
}
.image_carousel img {
width:110px;
height:110px;
border:1px solid #ccc;
background-color:#FFF;
display:block;
float:left;
margin:7px;
padding:9px
}
a.prev,a.next {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMGXslatmjJE9xPulWMnw5O_-T-8MZlF9DLCELqilLMlAEcx7e7mZNhbPh2rJfhG08umZ0bo_Lk78e4_VIRvxLcAp2UyXC-2GkCE_hFMDc294Yxv8ZYeYrl9Py0dpyRDm1-LcP2VyuuzM/h1600/carousel_sprite.png) no-repeat transparent;
width:45px;
height:50px;
display:block;
position:absolute;
top:65px
}
a.prev {
left:-15px;
background-position:0 0
}
a.prev:hover {
background-position:0 -50px
}
a.next {
right:-15px;
background-position:-50px 0
}
a.next:hover {
background-position:-50px -50px
}
.pagination {
text-align:center
}
.pagination a {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMGXslatmjJE9xPulWMnw5O_-T-8MZlF9DLCELqilLMlAEcx7e7mZNhbPh2rJfhG08umZ0bo_Lk78e4_VIRvxLcAp2UyXC-2GkCE_hFMDc294Yxv8ZYeYrl9Py0dpyRDm1-LcP2VyuuzM/h1600/carousel_sprite.png) 0 -300px no-repeat transparent;
width:15px;
height:15px;
display:inline-block;
margin:12px 5px 0 0
}
.pagination a.selected {
background-position:-25px -300px;
cursor:default
}
a.prev span,a.next span,.pagination a span {
display:none
}
]]>
0 comments:
Post a Comment