div#banners_player {position: relative;}
div#banners_player,
div#banners_player div.item {
	width: 575px; height: 360px;
	overflow: hidden;
}
div#banners_player div#banners_player_scroll {width:20000em; position:absolute; left:0px;}
div#banners_player div.item {float:left; display:inline;}
div#banners_player div#banners_player_nav {
	z-index: 100;
	opacity:0.3; filter: alpha(opacity = 30);
	position: absolute;
	bottom: 0;
	width:100%; height: 28px;
	background-color:#000000;
	text-align: center;
}

#dole_idx_banner_box{
position:relative;
}

.items_switch {
z-index: 100;
opacity:0.3; filter: alpha(opacity = 30);
position: absolute;
bottom: 0;
width:100%; height: 28px;
background-color:#000000;
text-align: center;
}

.items_switch,
.items_switch a {
font-size:12px;
}

.items_switch a {
display:inline-block; margin:5px 3px 0px 3px;
width: 17px; height:17px; line-height:17px;
font-family:Arial; font-weight: bold;
text-decoration:none;
}

.items_switch a:link,
.items_switch a:visited,
.items_switch a:active {color: #ffffff;}
.items_switch a:hover,
.items_switch a.active {background-color: #666666;}


div#banners_player div#banners_player_nav,
div#banners_player div#banners_player_nav a {
	font-size:12px;
}
div#banners_player div#banners_player_nav a {
	display:inline-block; margin:5px 3px 0px 3px;
	width: 17px; height:17px; line-height:17px;
	font-family:Arial; font-weight: bold;
	text-decoration:none;
}
div#banners_player div#banners_player_nav a:link,
div#banners_player div#banners_player_nav a:visited,
div#banners_player div#banners_player_nav a:active {color: #ffffff;}
div#banners_player div#banners_player_nav a:hover,
div#banners_player div#banners_player_nav a.active {background-color: #666666;}


/***
 *Name: Alfaparks index change
 *Author: MieraNav
 */
#content_holder{
position:relative;
width:1010px;
height:525px;
margin:0px auto;
}

#idx_big_banner{
left:0px;
height:360px;
position:absolute;
top:30px;
width:575px;
}

#idx_twitter_info, #idx_cinamon_info{
background-color:#f2f2f2;
position:absolute;
height:359px;
top:30px;
width:208px;
border-right:solid 2px #ccc;
border-bottom:solid 2px #ccc;
}

#idx_twitter_info{
left:583px;
}

#idx_twitter_info .rss_item{
padding:10px 10px 5px 10px;
color:#646464;
}


#idx_twitter_info .rss_item span{
color:#e61e1e;
}


#idx_cinamon_info{
left:800px;
}

#idx_newest_shops{
position:absolute;
}

#idx_small_banner1{
position:absolute;
}

#idx_small_banner2{
position:absolute;
}

#idx_twitter_logo{
margin:10px 10px 5px 10px;
}

#idx_cinamon_logo{
margin:10px 10px 5px 10px !important;
}

#now_in_cinamon{
margin:10px;
padding:0px;
text-transform:uppercase;
color:#fe9500;
}

#movie_list{
margin:0px;
padding:0px 0px 5px 22px;
}

#movie_list li{
list-style-image:url("/img/movie_list_sq.jpg");
margin:0px;
padding:0px 0px 2px 0px !important;
color:#696969;
}

#movie_list li a{
color:#696969;
}

#more_cinamon{
margin:0px 0px 0px 10px;
}

#shop_list{
height:64px;
padding:26px 0px 0px 0px;
position:absolute;
top:400px;
left:12px;
width:560px;
overflow:hidden;
border:solid 1px #ccc;
}

#shop_list_title{
color:#F44B4E;
height:90px;
left:0;
position:absolute;
top:400px;
width:100px;
}

#shop_list_title span{
left:-34px;
position:absolute;
top:38px;
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);				
}

.twitter_rss{
overflow:hidden;
height:305px;
width:208px;
}

.cinamon_rss{
overflow:hidden;
height:268px;
width:208px;
}

/* Scrollbar */
.jScrollPaneContainer{
position: relative;
overflow: hidden;
z-index: 1;
}

.jScrollPaneTrack{
position: absolute;
cursor: pointer;
right: 0;
top: 0;
height: 100%;
background: #fff;
}

.jScrollPaneDrag{
position: absolute;
background: #e3e3e3;
cursor: pointer;
overflow: hidden;
}

.jScrollPaneDragTop{
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}

.jScrollPaneDragBottom{
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}

a.jScrollArrowUp{
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
background-color: #666;
height: 9px;
}

a.jScrollArrowUp:hover{
background-color: #f60;
}

a.jScrollArrowDown{
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
background-color: #666;
height: 9px;
}

a.jScrollArrowDown:hover{
background-color: #f60;
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{
background-color: #f00;
}



.banner_wrap1, .banner_wrap2{
bottom:35px;
position:absolute;
height:90px;
width:210px;
overflow:hidden;
}

.banner_wrap1{
right:218px;
}

.banner_wrap2{
right:0px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
width:475px !important;
}

.displaynone{
display:none;
}


/* -------------------- >>> CSS UTILS <<< -------------------- */
.last {margin-bottom:0;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
/**
 * @see http://www.positioniseverything.net/easyclearing.html
 */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */