/*
	scrollable.css
*/
	
/* Page
	-------------------------------- */
	#carousel { width:530px; min-height:100px; margin:1em 0 0 0; padding-bottom:1em; background-color:#f1f1f1; }
	#home #carousel { width:734px; margin:0 0 0 223px; padding-bottom:0em; } /* see scrollable-ie.css */
	#carousel ul { margin:0; } 
	#carousel ul li { list-style-type:none; padding-left:0; background:none; } 
	

/* Scrollable
	-------------------------------- */
	/* root element for the scrollable. when scrolling occurs this element stays still. */

	.scrollable {
		/* required settings */
		position: relative;
		overflow-x: scroll;	
		overflow-y: hidden;
		/* custom decorations */		
	}

	.scrollable ul.items { clear:both; }

	/* single scrollable item */
	.scrollable ul.items li { 
		list-style-type:none; 
		background:none; 
		float:left;
		/* custom decoration */ 
		width:176px; 
		min-height:152px; 
		border-right:1px solid #ccc; 
	}
	#home .scrollable ul.items li { width:244px; min-height:154px; }		
		
	/* active item */
	.scrollable .items .active,	.scrollable ul.items li.active { border:1px inset #ccc; background-color:#fff; }
	
/* Items */

	.scrollable ul.items li .text { padding:1em 12px; width:90px; line-height:1em; }
	.scrollable ul.items li .text h3 { margin:0 0 0.5em 0; font-size:1.1em; }	
	.scrollable ul.items li .text p { overflow:hidden; font-size:0.85em; }
	#home .scrollable ul.items li .text { width:130px; }
	#home .scrollable ul.items li .text h3 { font-size:1.2em; }
	
/* Tabs Navigation
	-------------------------------- */
	#tabsnavigation { display:none; text-align:center; margin:0 auto; width:502px; }
	#home #tabsnavigation { width:708px; }	
	
/* Tabs
	-------------------------------- */	
	ul.tabs { margin:0; text-align:left; float:left; width:440px; background-color:#dfdede; }
	ul.tabs li { list-style-type:none; background:none; display:inline-block; cursor:pointer; font-size:0.85em; color:#555; font-weight:bold; border:1px solid #dfdede; }
	ul.tabs li span { display:inline-block; width:62px; padding: 0 0.6em; border-right:1px solid #eee; margin-right:-3px; line-height: 16px; height: 16px; }
	#carousel .small ul.tabs li { width: 218px; height: 20px; }

	#main ul.tabs li { margin: 0!important; }

	ul.tabs li { overflow: hidden; float: left; }
	ul.tabs li span { display: block; float: left; }
	
	ul.tabs li span:hover { color:#333; }		
	ul.tabs li.active { border:1px solid #c2c2c2; }	
	ul.tabs li.active span { background-color:#c2c2c2; } 	
	ul.tabs li.active span:hover { color:#555; cursor:auto; }
	
	#carousel .small ul.tabs li.active:hover { color:#555!important; cursor:auto; }
	
	#home ul.tables li span { padding:0.25em 0.6em 0.2em 0.6em; }
	#home ul.tabs { width:666px; }
	#home ul.tabs li span { width:96px; }
	
/* Controls
	-------------------------------- */		
		
	/* prev, next, prevPage and nextPage buttons */
	a.prev, a.next, a.prevPage, a.nextPage { display:block; width:21px; height:18px; float:left; cursor:pointer; font-size:1px; /*margin-top:1px;*/ zoom: 1; }  /* background-image in background-images.css */
	#carousel .small a.prev, #carousel .smalla.next, #carousel .small a.prevPage, #carousel .small a.nextPage { width:31px; height: 22px; }
	
	/* mouseover state */
	a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position:0px -18px;	}
	#carousel .small a.prev:hover, #carousel .small a.next:hover, #carousel .small a.prevPage:hover, #carousel .small a.nextPage:hover { background-position:0px -22px;	}
	
	/* disabled tabsnavigational button */
	a.disabled { opacity: 0.5; filter:alpha(opacity=50); cursor: default; background-position: 0px 0px!important; }
	
	/* next button uses another background image */
	a.next, a.nextPage { float: right; }	/* background-image in background-images.css */