/* Tiny Scrollbar */
#scrollbar1 { width: 1320px; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 1300px; height: 140px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 100px 10px 10px 10px; float: right; width: 1px; }
/*#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }*/
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 1px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }	
/*#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 5px; }*/
#scrollbar1 .disable { display: none; }

#scrollbar10 { width: 520px; margin: 20px 0 10px; }
#scrollbar10 .viewport { width: 500px; height: 140px; overflow: hidden; position: relative; }
#scrollbar10 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar10 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 100px 10px 10px 10px; float: right; width: 1px; }
/*#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }*/
#scrollbar10 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 1px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }	
/*#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 5px; }*/
#scrollbar10 .disable { display: none; }

#slider2 { height: 1%; overflow:hidden; margin: 0 0 10px; padding-left:50px;  }
#slider2 .viewport { float: left; width: 600px; height: 125px; overflow: hidden; position: relative; }
#slider2 .buttons { background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 30px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }
#slider2 .next { background-position: 0 0; margin: 30px 0 0 1px;  }
#slider2 .disable { visibility: hidden; }
#slider2 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#slider2 .overview li{ float: left; margin: 0 10px 0 0; padding: 1px; height: 121px; border: 1px solid #dcdcdc; width: 150px;}

#slider3 { height: 1%; overflow:hidden; margin: 0 0 10px; padding-left:50px;  }
/*#slider3 .viewport { float: left; width: 720px; height: 478px; overflow: hidden; position: relative; }*/
#slider3 .viewport { float: left; width: 360px; height: 478px; overflow: hidden; position: relative; }
#slider3 .buttons { background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 30px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }
#slider3 .next { background-position: 0 0; margin: 30px 0 0 1px;  }
#slider3 .disable { visibility: hidden; }
#slider3 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 340px; left: 0 top: 0; }
#slider3 .overview li{ float: left; margin: 0 10px 0 0; padding: 1px; height: 466px; border: 1px solid #dcdcdc; width: 350px;}


#slider4 { height: 1%; overflow:hidden; margin: 0 0 10px; padding-left:50px;  }
/*#slider4 .viewport { float: left; width: 880px; height: 421px; overflow: hidden; position: relative; }*/
#slider4 .viewport { float: left; width: 500px; height: 421px; overflow: hidden; position: relative; }
#slider4 .buttons { background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 30px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }
#slider4 .next { background-position: 0 0; margin: 30px 0 0 1px;  }
#slider4 .disable { visibility: hidden; }
#slider4 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#slider4 .overview li{ float: left; margin: 0 10px 0 0; padding: 1px; height: 421px; border: 1px solid #dcdcdc; width: 430px;}

#slider8 { height: 1%; overflow:hidden; margin: 0 0 10px; padding-left:50px;  }
/*#slider8 .viewport { float: left; width: 820px; height: 514px; overflow: hidden; position: relative; }*/
#slider8 .viewport { float: left; width: 810px; height: 414px; overflow: hidden; position: relative; }
#slider8 .buttons { background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 30px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }
#slider8 .next { background-position: 0 0; margin: 30px 0 0 1px;  }
#slider8 .disable { visibility: hidden; }
#slider8 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#slider8 .overview li{ float: left; margin: 0 10px 0 0; padding: 1px; height: 410px; border: 1px solid #dcdcdc; width: 800px;}


#slider5 { height: 1%; overflow:hidden; margin: 0 0 10px; padding-left:50px;  }
/*#slider5 .viewport { float: left; width: 820px; height: 514px; overflow: hidden; position: relative; }*/
#slider5 .viewport { float: left; width: 810px; height: 414px; overflow: hidden; position: relative; }
#slider5 .buttons { background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 30px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }
#slider5 .next { background-position: 0 0; margin: 30px 0 0 1px;  }
#slider5 .disable { visibility: hidden; }
#slider5 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#slider5 .overview li{ float: left; margin: 0 10px 0 0; padding: 1px; height: 410px; border: 1px solid #dcdcdc; width: 800px;}

#slider6 { height: 1%; overflow:hidden; margin: 0 0 10px; padding-left:50px;  }
/*#slider6 .viewport { float: left; width: 600px; height: 125px; overflow: hidden; position: relative; }*/
#slider6 .viewport { float: left; width: 500px; height: 125px; overflow: hidden; position: relative; }
#slider6 .buttons { background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 30px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }
#slider6 .next { background-position: 0 0; margin: 30px 0 0 1px;  }
#slider6 .disable { visibility: hidden; }
#slider6 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#slider6 .overview li{ float: left; margin: 0 10px 0 0; padding: 1px; height: 121px; border: 1px solid #dcdcdc; width: 150px;}


#slider7 { height: 1%; overflow:hidden; margin: 0 0 10px; padding-left:50px;  }
#slider7 .viewport { float: left; width: 510px; height: 414px; overflow: hidden; position: relative; }
/*#slider7 .viewport { float: left; width: 610px; height: 414px; overflow: hidden; position: relative; }*/
#slider7 .buttons { background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 30px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }
#slider7 .next { background-position: 0 0; margin: 30px 0 0 1px;  }
#slider7 .disable { visibility: hidden; }
#slider7 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#slider7 .overview li{ float: left; margin: 0 10px 0 0; padding: 1px; height: 410px; border: 1px solid #dcdcdc; width: 500px;}

#slider10 { height: 1%; overflow:hidden; margin: 0 0 10px; padding-left:50px;  }
#slider10 .viewport { float: left; width: 510px; height: 414px; overflow: hidden; position: relative; }
/*#slider10 .viewport { float: left; width: 610px; height: 414px; overflow: hidden; position: relative; }*/
#slider10 .disable { visibility: hidden; }
#slider10 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#slider10 .overview li{ float: left; margin: 0 10px 0 0; padding: 1px; height: 410px; border: 1px solid #dcdcdc; width: 500px;}

#slider9 { height: 1%; overflow:hidden; margin:0 auto; padding-left:50px; float:center; }
/*#slider8 .viewport { float: left; width: 820px; height: 514px; overflow: hidden; position: relative; }*/


/* ============== LATEST NEWS ===============*/
/* GENERAL & PREPARATORY */

.jaws_container * { font-family: Trebuchet MS; }
.jaws_container li, .jaws_container p { font-size: 13px; }


/* CONTAINER */

.jaws_container {
	background: #404040; padding: 32px 10px 10px 10px; width: 300px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; position: relative;
}


	/* TITLE */
	
	.jaws_container h4 { font-size: 17px; position: absolute; top: -21px; display: block; padding: 3px 9px; background: #404040; color: #26a1ce; border-top-left-radius: 12px; border-top-right-radius: 12px; border-top-left-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; -webkit-border-top-left: 12px; -webkit-border-top-right: 12px; }

	
	/* MAIN UL AND LIS */

	.jaws_container ul { padding: 0; margin: 0 !important; }
	.jaws_container ul.mainList {
		width: 100%; background: #606060; list-style: none; margin: 0; padding: 0; border-radius: 7; -moz-border-radius: 7; webkit-border-radius: 7; overflow: hidden;
	}
	.jaws_container ul.mainList li { display: block; padding: 10px; border-bottom: solid 1px #888; }
	.jaws_container ul.mainList li.odd { background: #555; }
		.jaws_container ul.mainList li a { text-decoration: none; font-weight: bold; color: #ddd; font-size: 13px; }
		.jaws_container ul.mainList li a:hover { color: #fff; }
		
	
	/* MORE INFO */
	
	.jaws_container ul.mainList li.info { background: #ddd; display: none; padding: 20px; position: relative }
		.jaws_container ul.mainList li.info p { color: #606060; display: none; margin: 0; font-weight: bold; text-align: left !important; }
		.jaws_container ul.mainList li.info img { height: 85px; float: right; display: none; margin-left: 12px; border: solid 1px #777; box-shadow: 0 0 18px #0681ae; }
		.jaws_container ul.mainList li.info div { display: none; position: absolute; left: 0; width: 100%; _width: 280px; height: 30px; background: #759537; border-top: solid 1px #658527; }
			.jaws_container ul.mainList li.info div a { color: #ddd; padding: 5px; }
			.jaws_container ul.mainList li.info div a:hover { color: #fff; }
			
		
	/* NAV TABS */
			
	.jaws_container ul.nav { position: absolute; top: -11px; right: 30px; list-style: none; margin: 0; padding: 0; }
		.jaws_container ul.nav li {
			float: left; display: block; width: 12px; fontSize: 12px; text-align: center; padding: 1px 3px 2px 3px; color: #fff; background: #404040; cursor: pointer; border-top-left-radius: 7px; border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; position: relative;
		}
		.jaws_container ul.nav li.hover { padding-bottom: 4px; margin-top: -2px; color: #f90; }
		.jaws_container ul.nav li.on { background: #759537; cursor: default; padding-bottom: 2px; margin: 0; color: #fff; }
		
/* ============== END LATEST NEWS ===============*/