.glossy-square-gray .slide-wrapper {
background-color : #FFF;
height : 450px !important ; width:100% !important;
}
.glossy-square-gray .slide-arrows a {
background : url(img/arrows.png) no-repeat;
width : 64px;
height : 64px;
top : 50%;
margin-top : -32px;
}
.glossy-square-gray .slide-arrows a.previous {
left : -32px;
}
.glossy-square-gray .slide-arrows a.next {
right : -32px;
background-position : -64px 0;
}
.glossy-square-gray .slideshow-controls {
background : url(img/playpause.png) no-repeat;
width : 64px;
height : 64px;
top : 50%;
left : 50%;
margin-top : -32px;
margin-left : -32px;
}
.glossy-square-gray .slideshow-controls.pause {
background-position : 0 0;
}
.glossy-square-gray .slideshow-controls.play {
background-position : -64px 0;
}
.glossy-square-gray .timer-animation {
top : 20px;
right : 20px;
}
.glossy-square-gray .caption-container .background {
background-color : #000;
width : 100%;
height : 100%;
}
.glossy-square-gray .caption-container .caption {
color : #FFF;
margin : 0;
padding : 8px;
font-size : 16px;
line-height : 18px;
}
.glossy-square-gray .slide-buttons {
margin-top : 40px;
}
.glossy-square-gray .slide-buttons .buttons-inner a {
background : url(img/buttons.png) no-repeat;
background-position : 0 0;
width : 14px;
height : 15px;
margin : 0 2px;
}
.glossy-square-gray .slide-buttons .buttons-inner a.over {
background-position : -14px 0;
}
.glossy-square-gray .slide-buttons .buttons-inner a.select {
background-position : -28px 0;
}
.glossy-square-gray .slide-buttons .buttons-inner a .number {
margin-top : 2px;
font-size : 8px;
line-height : 10px;
font-weight : bold;
color : #FFF;
}
.glossy-square-gray .slide-buttons .buttons-inner a.over .number {
color : #FFF;
}
.glossy-square-gray .slide-buttons .buttons-inner a.select .number {
color : #FFF;
}
.glossy-square-gray .slide-buttons .buttons-inner .thumbnail-wrapper {
margin-bottom : 10px;
}
.glossy-square-gray .thumbnail-scroller.horizontal {
bottom : 0;
height : 95px !important ;
padding : 0 50px;
margin-top : 30px;
left : 0 !important ;
padding : 0 19% !important ;
width : 62% !important ;
background : url(../img/header_thumb_bg.png) left top repeat;
}
.glossy-square-gray .thumbnail-scroller.vertical {
right : 0;
padding : 50px 0;
margin-left : 30px;
}
.glossy-square-gray .thumbnail-scroller .thumbnail-wrapper {
margin : 10px 5px;
padding : 4px;
}
.glossy-square-gray .thumbnail .caption .background {
background-color : #000;
opacity : 0.5;
}
.glossy-square-gray .thumbnail .caption .content {
color : #FFF;
font-size : 12px;
line-height : 14px;
text-align : center;
padding : 2px 0;
margin : 0;
}
.glossy-square-gray .thumbnail-scroller .arrows a {
background : url(../img/arrows_small.png) no-repeat;
width : 22px;
height : 30px;
}
.glossy-square-gray .thumbnail-scroller.vertical .arrows a {
background : url(img/arrows_v_small.png) no-repeat;
width : 30px;
height : 22px;
}
.glossy-square-gray .thumbnail-scroller.horizontal .arrows a.previous {
left : 16%;
}
.glossy-square-gray .thumbnail-scroller.horizontal .arrows a.next {
right : 16%;
background-position : -22px 0;
}
.glossy-square-gray .thumbnail-scroller.vertical .arrows a.previous {
top : 0;
}
.glossy-square-gray .thumbnail-scroller.vertical .arrows a.next {
bottom : 0;
background-position : 0 -22px;
}
.glossy-square-gray .thumbnail-scroller .buttons a {
background : url(img/buttons_small.png) no-repeat;
background-position : 0 0;
width : 11px;
height : 12px;
margin : 2px;
}
.glossy-square-gray .thumbnail-scroller .buttons a.over {
background-position : -11px 0;
}
.glossy-square-gray .thumbnail-scroller .buttons a.select {
background-position : -22px 0;
}
.glossy-square-gray .thumbnail-scroller.horizontal .scrollbar {
margin-top : 30px;
}
.glossy-square-gray .thumbnail-scroller.vertical .scrollbar {
margin-left : 30px;
}
.glossy-square-gray .tooltip {
background-color : #DDD;
margin-bottom : 20px;
border : #EEE solid 4px;
border-radius : 8px;
}
.glossy-square-gray .tooltip .content {
color : #999;
padding : 10px;
margin : 0;
}