File: /home/pengthai/domains/pengthaicurry.com/public_html/css/carousel.css
/**********************************/
#carousel-wrapper {
width:100%;
/*height:400px;*/
overflow:hidden;
padding-bottom: 10px;
position: relative;
margin:auto;
}
#carousel, #thumbs {
overflow: hidden;
}
#thumbs { width:100%; height:100px; }
#carousel-wrapper .caroufredsel_wrapper {
border-radius: 5px;
/*box-shadow: 0 0 5px #899;*/
}
#carousel a, #carousel a img,
#thumbs a, #thumbs img {
display: block;
/*float: left;*/
}
#carousel a, #carousel a,
#thumbs span, #thumbs a {
position: relative;
}
#carousel a img,
#thumbs img {
border: none;
/*max-width: 100%;*/
max-height: 100%;
margin: auto;
/*position: absolute;
top: 0;
left: 0;*/
}
#carousel a img{
max-width: 100%;
max-height: 100%;
}
#carousel a img.glare,
#thumbs img.glare {
width: 102%;
height: auto;
/*width: 102%;
height: auto;*/
}
#carousel a{
width: 100%;
height: 420px;
}
#thumbs-wrapper {
width:80%;
margin:auto;
padding: 0px 20px;
position: relative;
}
#thumbs a {
/*border: 1px solid #CCC;*/
/*width: 80px !important;
height: 65px;!important;*/
width:auto;
height:100%;
padding:6px 1px;
margin: 0 1px;
overflow: hidden;
/*background:#FFF;*/
float:left;
-webkit-transition: border-color .5s;
-moz-transition: border-color .5s;
-ms-transition: border-color .5s;
transition: border-color .5s;
}
#thumbs a:hover, #thumbs a.selected {
/*width: 80px !important;
height: 65px;!important;*/
border-color: #7e7e7e;
}
#thumbs a:hover img, #thumbs a.selected img {
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
#thumbs a img{
margin:auto;
text-align:center;
float:none;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
#wrapper img#shadow {
width: 100%;
position: absolute;
bottom: 0;
}
#prev, #next {
background: transparent url("../images/carousel_nav.png") no-repeat 0 0;
display: block;
width: 19px;
height: 20px;
margin-top: -10px;
position: absolute;
top: 50%;
}
#prev {
background-position: 0 -20px;
left: 0px;
}
#next {
background-position: -17px -20px;
right: 0px;
}
#prev:hover {
background-position: 0 -20px;
}
#next:hover {
background-position: -19px -20px;
}
#prev.disabled, #next.disabled {
display: none !important;
}
#donate-spacer {
height: 100%;
}
#donate {
border-top: 1px solid #999;
width: 750px;
padding: 50px 75px;
margin: 0 auto;
overflow: hidden;
}
#donate p, #donate form {
margin: 0;
float: left;
}
#donate p {
width: 650px;
}
#donate form {
width: 100px;
}