﻿/*=====================
--- GALERY SETTINGS ---
=====================*/

/*=====================
--- GLOBAL SETTINGS ---
=====================*/
div.carouselSliderWrapper {
overflow:hidden;
width:634px;
}

#centerContentWrapper ul.carouselSlider,
#centerContentWrapper ul.carouselSlider li,
#carouselWrapper ul.carouselSlider,
#carouselWrapper ul.carouselSlider li {
list-style-type:none;
margin:0;
padding:0;
}

div.carouselSliderWrapper.default,
div.carouselSliderWrapper.default div.carouselSliderWrapper {
width:450px;
height:410px;
}

/*=====================
--- HOMEPAGE LAYOUT ---
=====================*/
li.clsCarouselImgSmall {
width:212px;
}

li.clsCarouselImgMedium {
width:423px;
}

li.clsCarouselImgLarge {
width:61em;
}

#carouselWrapper div.bx-window {
margin-left:20px;
}

#carouselWrapper a.bx-prev {
margin-left:20px;
}

.pro-caption {
font-family:Arial, Sans-Serif;
font-size:1em;
margin-top:10px;
}

/*======================
--- BUTTONS CONTROLS ---
======================*/
.bx-next {
background:url(../../images/galery/controls/next_off.png) no-repeat 0 0px;
height:22px;
position:absolute;
right:0;
text-indent:-999999px;
top:289px;
width:22px;
z-index:999;
}

.bx-next:hover {
background:url(../../images/galery/controls/next_on.png) no-repeat 0 0px;
}

.bx-prev {
position:absolute;
top:289px;
z-index:999;
width:22px;
height:22px;
text-indent:-999999px;
background:url(../../images/galery/controls/back_off.png) no-repeat 0 0px;
}

.bx-prev:hover {
background:url(../../images/galery/controls/back_on.png) no-repeat 0 0px;
}

.bx-next:hover,
.bx-prev:hover {
background-position:0 -22 !important;
}

.bx-pager a {
background:url(../../images/galery/controls/gray_pager.png) no-repeat 0 -20px;
color:#fff;
margin-right:5px;
padding:3px 8px 3px 6px;
zoom:1;
}

.bx-pager {
height:35px;
text-align:center;
margin-top:10px;
font-size:0.75em;
color:#666;
}

.bx-pager .pager-active,
.bx-pager a:hover {
background-position:0 0;
}

/*====================
--- DEFAULT LAYOUT ---
====================*/
li.clsCarouselImgSingleDefault {
width:450px;
}

.clsCarouselImgSingleDefault .pro-caption {
    font-style:italic;
    margin: 0 auto;
    width: 86%;
}

.pro-caption p {
padding-top:0;
margin-top:5px;
}

/*=====================================
--- DEFAULT LAYOUT BUTTONS CONTROLS ---
=====================================*/
div.carouselSliderWrapper.default .bx-next,
div.carouselSliderWrapper.default .bx-prev {
top:381px;
}

div.carouselSliderWrapper.default .bx-pager {
margin-top:18px;
}