/* outmost wrapper element */
.scrollable {
	background:#fff;
	padding:0;
	margin:10px auto 15px auto;
	width:674px;
	height:122px;
	position:relative;
	zoom:1;
}

.scrollable.vertical {
height:182px;
}

.scrollable.noBorder {
width:97.8% !important;
height:122px;
}

.scrollable.bottomList {
width:630px;
height:127px;
}

.scrollable.bottomList.descr {
width:630px;
height:157px;
}

/* container for the scrollable items */
div.items {
	height:122px;	
	margin:0;	
	float:left;
	width:600px !important;
	//width:596px !important;
	overflow:hidden;
	zoom:1;
}

.scrollable.vertical div.items {
height:182px;
}

.scrollable.noBorder div.items {
height:100px;
}

.scrollable.bottomList div.items {
width:630px !important;
height:100px;
margin:0 0 7px 0;
}

.scrollable.bottomList.descr div.items {
height:130px;
}

.scrollable:after, div.items:after {
content:'';
clear:both;
display:block;
overflow:hidden;
height:0;
}

.itemsBox {
margin:0 32px;
height:122px;
}

	.scrollable.noBorder .itemsBox .items {
	width:100% !important;
	}

/* single item */
div.items .banBlock {
	display:block;
	float:left;
	margin-right:20px;
	padding:10px;
	width:268px;
	//width:288px;
	height:100px;
	//height:122px !important;
	background:#fff;
	border:1px solid #137772;
	color:#ccc;
	text-align:left;
	vertical-align:top;
	overflow:hidden;
	zoom:1;
}

.scrollable.vertical div.items .banBlock {
width:150px;
//width:176px;
margin-right:42px;
//margin-right:34px;
height:160px;
//height:182px !important;
}

#scrollable_three div.items .banBlock {
margin-right:1px;
padding:1px;
}

.scrollable.noBorder div.items .banBlock {
width:150px;
margin:0 2px 0 0;
padding:0;
border:none;
height:100px;
}
 
.scrollable.bottomList div.items .banBlock {
width:150px;
margin:0 10px 0 0;
padding:0;
border:none;
height:100px;
}

.scrollable.descr div.items .banBlock {
height:130px !important;
}

	.scrollable.descr div.items .banBlock p {
	margin:0;
	text-align:center;
	}

div.items a.active {
	background-position:-174px 0;		
	color:#555;
	cursor:default;
}


/* next / prev buttons */

.btnBoxL {
background:url(/images/scroll_ban_btn_bg_l.gif) right top no-repeat;
width:31px;
height:122px;
float:left;
margin:0 5px 0 0;
}

.scrollable.noBorder .btnBoxL {
background-position:right bottom;
position:absolute;
left:0;
top:0;
width:27px;
height:100px;
}

.btnBoxR {
background:url(/images/scroll_ban_btn_bg_r.gif) left top no-repeat;
width:31px;
height:122px;
float:left;
margin:0 0 0 5px;
}

.scrollable.noBorder .btnBoxR {
background-position:left bottom;
position:absolute;
right:0;
top:0;
width:27px;
height:100px;
}

a.prev, a.next {
	display:block;
	width:16px;
	height:58px;
	float:left;	
	cursor:pointer;
}

a.prev {
	background:url(/images/scroll_ban_btn_l.gif) left top no-repeat;
	margin:34px 0 0 9px;
	-margin:34px 0 0 4px;
}

.scrollable.noBorder .btnBoxL a.prev {
	margin:22px 0 0 4px;
	-margin:22px 0 0 2px;
}

a.prev:hover {
	background:url(/images/scroll_ban_btn_l.gif) left top no-repeat;		
}

a.next {
	background:url(/images/scroll_ban_btn_r.gif) left top no-repeat;		
	margin:34px 0 0 6px;
	-margin:34px 0 0 3px;
}

.scrollable.noBorder .btnBoxR a.next {
	margin:22px 0 0 7px;
	-margin:22px 0 0 3px;
}

a.next:hover {
	background:url(/images/scroll_ban_btn_r.gif) left top no-repeat;		
}

.scrollable.bottomList a.prev {
background:url(/images/scroll_btn_l.gif) left top no-repeat;
display:block;
width:14px;
height:14px;
position:absolute;
top:3px;
left:3px;
margin:0;
}

.scrollable.bottomList a.next {
background:url(/images/scroll_btn_r.gif) left top no-repeat;
display:block;
width:14px;
height:14px;
position:absolute;
top:3px;
right:3px;
margin:0;
}


/* navigator */
div.navi {
background:#efefef;
position:relative;
width:630px;
height:20px;
text-align:center;
clear:both;
}


div.navi .naviBtnBox {
position:relative;
float:left;
left:50%;
margin:6px 0 0 0;
}

	div.navi .naviBtn {
	position:relative;
	float:none;
	left:-50%;
	}

/* items inside navigator */
div.navi span {
background:url(/images/slide_navi_btn.gif) left top no-repeat;
width:8px;
height:8px;
line-height:0;
margin:0 2px;  
display:block;
float:left;
cursor:pointer;
z-index:10;
zoom:1;
}

div.navi span:hover, div.navi span.active {
background-position:-8px 0;      
}	

div.navi span.active { cursor:default; }