/* positioning of container */
	div.scrollableHolder
	{
	   position: relative;
	   top: 0px;
	   width: 580px;  /*scrollablewidth*/
	   height: 247px; /*scrollableheight*/
	   /*margin: 0 auto; /* to center*/
	   text-align:left;
	   z-index:1002;
	}
      /*
      root element for the scrollable.
      when scrolling occurs this element stays still.
      */
      div.scrollables {

      /* do not change */
      position:relative;
      overflow:hidden;

      /* custom sizing */
      /* the width of the containing box should depend on the width of items and the size of the jScrollable and the padding */
      width: 540px; /*scrollablewidth*/
      /* the height of the containing box should depend on the types of content you have per item */
      height:247px; /*scrollableheight*/
      /* custom decorations */
      padding:0 0;
      border:none;
      background-color:#efefef;
      }

      /*
      root element for scrollable items. Must be absolutely positioned
      and it should have a super large width to accomodate scrollable items.
      it's enough that you set width and height for the root element and
      not for this element.
      */
      div.scrollables div.items {
      /* this cannot be too large */
      width:20000em;
      position:absolute;
      clear:both;
      cursor:pointer;
      /* decoration */
      margin-left:0px;
      }

      /* single scrollable item */
      div.scrollables div.items div {
      float:left;

      /* custom decoration */
      text-align:left;
      width:540px;/*scrollablewidth*/
      padding:0px 0px;
      font-size:12px;
      font-family: "helvitacaneue light", arial;
      border:none;
      height:247px; /*scrollableheight*/
      background-color: #efd7c5;
      margin-right: 3px;

      /*-moz-border-radius:5px;*/
      }

      /* active item */
      div.scrollables div.items div.active {
      border:none;
      /*background-color:#df9b6c;*/
      }

      	/* item content style */
      	.itemcontent
      	{
	display:block;
	line-height:18px;
      	font-size:10px;
	cursor:pointer;
      	}
      	.scrollableContentDiv
      	{
      		overflow:hidden;
      	}
	.whitespacer
	{
	vertical-align:baseline;
	padding-left:12px;
	height:1px;
	width:190px;
	position:relative;
	}
	.titleA
	{
	 position: relative;
	 padding-top:10px;
	 line-height:20px;
	 display:block;
	}
      	.titleA, .titleB
       	{
	 cursor:pointer;
	 font-family:"helveticaneue light", arial;
	 color:#283754;
	 font-size:16px;
	}
       .titleB
	{
	overflow:hidden;
	padding-bottom:3px;
	line-height:20px;
	width:190px;
	display:block;
	}
	.titleB,.titleA,.itemcontent
	{
	padding-left:14px;
	}
	.topHolder
	{
	cursor:pointer;
	height:100px;
	display:block;
	}
	.lowerHolder
	{
	display:table-cell;
	vertical-align:bottom;
	margin-top:0px;
	width:180px;
	height:40px;
	}
	.lowerHolder span.itemcontent
	{
	color:black;
	}
	
	/*navigation*/
	ul.tabs{
	list-style-type:none;
	height:20px;
	margin-left:328px;
	width:200px;
	}
	ul.tabs li
	{
	background:transparent url(/media/1832/navigator.png) no-repeat scroll 0 0;
	cursor:pointer;
	float:left;
	height:8px;
	margin:3px;
	width:8px;
	}
	ul.tabs li:hover {
	background-position:0 -8px;
	}
	ul.tabs li:active {
	background-position:0 -16px;
	}

/*next and prev 
div.next_custom, div.nextPage {
background-image:url(/images/next.gif);
float:right;
margin-left:0px;
margin-right:0px;
display:inline !important;
}
div.prev_custom, div.prevPage {
float:left;
width:18px;
margin-left:0px;
margin-right:0px;
background:transparent url(/media/376/left.png) no-repeat scroll 0 0;
}

div.prev, div.next_custom, div.prevPage, div.nextPage {
cursor:pointer;
width:51px;
height:27px;
z-index:999;
margin-top:50px;
z-index:101;
position:absolute;
left: 405px;
}

div.prev:hover, div.next:hover, div.prevPage:hover, div.nextPage:hover {
/*background-position:0 -18px;
}*/
div.disabled {
visibility:hidden !important;
}



































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */