@charset "utf-8";
/* CSS Document */

/* everything is constructed with a single background image */

/*------------------------------
	PANES
------------------------------*/
	#flowpanes {width:544px; height:318px; float:left; position:relative; overflow:hidden;}
	/* single pane */
	#flowpanes div {width:544px; height:318px; background:url(/images/backgrounds/splash-pane-default.png) no-repeat top center; display:none; color:#fff; float:left; display:block;}

	#flowpanes .items {width:20000em; position:absolute; clear:both; margin:0; padding:0;}
	#flowpanes .less, #flowpanes .less a { color:#999 !important; font-size:11px; }

	#flowpanes .items .you-tube-play-back {text-align:center; padding:13px 0 0 0;}
	#flowpanes .items .you-tube-play-back object {width:500px; height:295px; margin:0 auto; border:1px solid #000; display:block;}
	
	/*Advertisment*/
	#flowpanes .items .advertisment {width:544px; height:318px; background-repeat:no-repeat; background-position:center center;}
	
	/*Feature Product*/
	#flowpanes .feature-product {width:544px; height:318px; padding:2px 0;}
	#flowpanes div .feature-product img {margin:0 auto;}
	
/*------------------------------
	PREVIOUS NEXT NAVIGATION
------------------------------*/	
	#previousbuttonwrap {width:80px; height:318px; float:left;}
	#nextbuttonwrap {width:80px; height:318px; float:left;}

	#previousbuttonwrap a, #nextbuttonwrap a {padding:119px 0 0 0; display:block;}

/*------------------------------
	THUMB NAVIGATION
------------------------------*/
#flowtabswrap {clear:left; height:90px; padding:0 40px;}
	
	ul#flowtabs {height:31px !important; margin:0 !important; padding:0; /* IE6 specific branch (prefixed with "_") */ _margin-bottom:-2px;}
		/* single tab */
		ul#flowtabs li {float:left; margin:0; padding:0; text-indent:0; list-style-type:none;}
		/* a- tag inside single tab */
		ul#flowtabs li a {width:124px; text-align:center; padding:15px 0 0 0; margin:0px; display:block;}
		/* image border */
		ul#flowtabs li a img {border:2px solid #bab3a2;}

/* adjust the background image position on each tab */
#flowtabs #t1 			{ background-position: 0 0; }

/* mouseover state */
#flowtabs a:hover 		{ color:#fff;	 }

/* currently selected tabs */
ul#flowtabs a.current img {border:4px solid #fff;}