.closer {margin-left:180px;} 
.white {color:white;}


/*.scroll h2{margin: 0;
  padding: .25em;
  background: #bfcd93;
  border-top: 1px solid #386785;
  border-bottom: 1px solid #386785;}*/
  
 .hide_scroll h6, .hide_scroll1 h6, .hide_scroll2 h6, .hide_scroll3 h6 , .hide_scroll4 h6 , .hide_scroll5 h6, .hide_scroll_open h6, .hide_scroll_open2 h6, .hide_scroll_open3 h6 {cursor:pointer; margin: 0;
  z-index: 3;
  padding: .25em;
  font-weight:lighter;
  font-size:12px;
  /*text-transform:uppercase;*/
  margin-bottom:10px;
  /* border-top: 1px solid #00733f;*/
  /*border-bottom: 1px solid #00411c;*/ width:500px; color:white;
                                -moz-box-shadow: 2px 2px 4px #000;
								-webkit-box-shadow: 2px 2px 4px #000;
								-khtml-box-shadow: 2px 2px 4px #000;
								 box-shadow: 2px 2px 4px #000;
								 
background: url(images/ep_bar.png);
  
  }
 
  .hide_scroll_open h6 {cursor:pointer; 
  z-index: 3;
  padding: .25em;
  margin-bottom:10px;
  font-weight:lighter;
  font-size:12px;
  /*text-transform:uppercase;*/
 background: url(images/ep_bar.png);
 /* border-top: 1px solid #00733f;*/
  /*border-bottom: 1px solid #00411c;*/  width:500px; color:white;
                                -moz-box-shadow: 2px 2px 4px #000;
								-webkit-box-shadow: 2px 2px 4px #000;
								-khtml-box-shadow: 2px 2px 4px #000;
								 box-shadow: 2px 2px 4px #000;
								
  
  }
 .hide_scroll1 p {cursor:pointer;}

 h6 span {font-size:9px;}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 460px;
	height:165px;

	/* custom decorations */
	/*border:1px solid #ccc;*/
	background:url(/img/global/gradient/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:680px;
	margin-left:-5px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:80px;
	height:100px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}


.scrollable .bd {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:2px solid #FE510D;
	width:80px;
	height:100px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.items_box_text {text-align:center;}

.items_box_text2 {margin-left:20px !important; float:left; position:relative;}
.items_box_text2 h2 {font-size:17px !important;}
.items_box_text3 {position:absolute; margin-left:140px !important;}
.items_box_text3 h2 {font-size:17px !important;}
.items_box_text3_1 {position:absolute; margin-left:130px !important;}
.items_box_text3_1 h2 {font-size:17px !important;}
.items_box_text4 {position:absolute; margin-left:355px !important;}
.items_box_text4 h2 {font-size:17px !important;}
.items_box_text4_1 {position:absolute; margin-left:245px !important;}
.items_box_text4_1 h2 {font-size:17px !important;}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}