/* Всплывающая подсказка - Бублик :)*/
.photo_descr {position: absolute; margin-top: -2px; width: 500px;}
.trigger {position: absolute;}
.popup {position: absolute; display: none; z-index: 50;	border-collapse: collapse; font-size: .8em;}
.popup td.corner {height: 15px;	width: 19px;}
.popup td#topleft {background-image: url(/templates/img/bubble-1.png);} 
.popup td.top {background-image: url(/templates/img/bubble-2.png);}
.popup td#topright {background-image: url(/templates/img/bubble-3.png);}
.popup td.left {background-image: url(/templates/img/bubble-4.png);}
.popup td.right {background-image: url(/templates/img/bubble-5.png);}
.popup td#bottomleft {background-image: url(/templates/img/bubble-6.png);}
.popup td.bottom {background-image: url(/templates/img/bubble-7.png); text-align: center;}
.popup td.bottom img {display: block; margin: 0 auto;}
.popup td#bottomright {background-image: url(/templates/img/bubble-8.png);}
.popup .text{background: white;}

/* page_limiter */
.page_limiter {text-align:center;width:350px;margin:0 auto;padding:8px;}
.page_limiter span{margin:3px; padding:3px}
.page a{color: #9f1e24;}
.page_selected {background-color:#9f1e24;color:#fff}
.first_page {}
.first_page a {color:#FF9900}
.first_page_selected {color:#CCCCCC}
.last_page {}
.last_page a {color:#FF9900}
.last_page_selected {color:#CCCCCC}

/* Список изображений */
.photo_cont { float: left; margin-right: 10px;}
.photo_cont .photo_img {}
.photo_cont .photo_name {background-color:#9f1e24; font-weight: bold; border: 1px solid #d3a31d; color: white; text-align: center;} 
.photo_cont .photo_descr {}
#gallery_photos .photo_img img{border: 2px solid #d3a31d; }
#gallery_photos div {margin-bottom: 5px;}
#gallery_photos {margin: 0 auto;width:495px} 

/* Карусель */

.slider_left
{
	z-index: 50;
	position: relative;
	background: red;
	width: 30px;
	height: 100px;
}
.slider_right
{
	z-index: 50;
	position: relative;
	left: 500px;
	top:-100px;
	background: blue;
	width: 30px;
	height: 100px;
}

.slider{
padding: 20px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
left:20px;
width: 520px; /*Width of Carousel Viewer itself*/
height:150px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
margin-top:0px;
left: 0px;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
padding: 10px;
width: 150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel img
{
	border: 2px solid #d3a31d;
}