
/*nav Top */
	.navTop ul {background:#231f20 url(../images/ui_general.gif) 100% -189px no-repeat; padding:4px 8px 3px 0; overflow:hidden; width:478px; height:17px}
		.navTop li {float:left; background:url(../images/bullet_nav.gif) 0 3px no-repeat; padding:0 10px}
		.navTop a span {display: block; float:left; padding:0 0 5px 0 ; cursor: pointer}
		.nav li {float:left; background:url(../images/bgd_dot.gif) 0 0 no-repeat; padding:0 10px}
		.nav li.first {background:none; padding:0 10px 0 0}
		
	/*sub nav*/
		
				.subNav li {background:url(../images/bullet.gif) 0 4px no-repeat; padding:0 0 14px 10px; width:143px}

/*media page*/
	.blockTitle {height:33px; padding:4px 15px 10px 10px; background:#000; overflow:hidden; cursor:pointer;}
		.blockTitle h2 {width:250px; margin:-6px 0 0 13px; float:left;}
		.blockTitle .uiTileH2 {height:28px;}
		.contentMedia .blockTitle .uiIco {margin:1px 0 0;}
		
/*home page */
.innerBlocl h3 {margin:3px 0 0;} 	
				
/*6. ///////Classes common to all templates///////*/
	/* for nav */
	.uiNav {background:url(../images/vn/ui_nav.gif) 0 0 no-repeat; height:26px}	
	.uiNavTop {height:15px}            
		.uiNav-1 {background-position:0 0; width:63px}		     	a:hover .uiNav-1, a.current .uiNav-1 {background-position:0 -18px; width:63px}
		.uiNav-2 {background-position:-79px 0; width:112px}	     	a:hover .uiNav-2, a.current .uiNav-2 {background-position:-79px -18px; width:112px}
		.uiNav-3 {background-position:-201px 0;width:79px}      	a:hover .uiNav-3 , a.current .uiNav-3 {background-position:-201px -18px; width:79px}
		.uiNav-4 {background-position:-290px 0; width:62px}      	a:hover .uiNav-4, a.current .uiNav-4 {background-position:-290px -18px; width:62px}
		.uiNav-5 {background-position:-357px 0;width:55px}      	a:hover .uiNav-5, a.current .uiNav-5{background-position:-357px -18px; width:55px}
		
		.uiNav-6 {background-position:0 -236px; width:130px}     	a:hover .uiNav-6, a.current .uiNav-6 {background-position:0 -278px; width:130px}
		.uiNav-7 {background-position:-170px -236px; width:40px}  	a:hover .uiNav-7, a.current .uiNav-7 {background-position:-170px -278px; width:40px}
		.uiNav-8 {background-position:-249px -236px; width:69px;} 	a:hover .uiNav-8, a.current .uiNav-8 {background-position:-249px -278px; width:69px}
		.uiNav-9 {background-position:-355px -236px; width:130px;}  a:hover .uiNav-9, a.current .uiNav-9 {background-position:-355px -277px; width:130px}
		.uiNav-10 {background-position:-522px -236px; width:137px;} a:hover .uiNav-10, a.current .uiNav-10 {background-position:-522px -277px; width:137px}
		.uiNav-11 {background-position:-702px -236px; width:94px;}	a:hover .uiNav-11, a.current .uiNav-11 {background-position:-702px -277px; width:94px}
	/* For Title h2 */
	.uiTileH2 {background:url(../images/vn/ui_tit_h2.gif) 0 0 no-repeat; width:250px; height:30px}
		.initTileH2-1 {background-position:0 1px; height:25px}
		.initTileH2-2 {background-position:0 -27px; height:25px;}
		.initTileH2-3 {background-position:0 -60px; width:100px}
		.initTileH2-4 {background-position:0 -86px; width:150px}
		.initTileH2-5 {background-position:0 -119px;}		
		.initTileH2-6 {background-position:-270px -186px;}
		.initTileH2-7 {background-position:-270px -216px;}
		.initTileH2-8 {background-position:-270px -246px;}
		.initTileH2-9 {background-position:-270px -276px;}
		.initTileH2-10 {background-position:0 -384px;}
		.initTileH2-11 {background-position:0 -305px; margin:15px 0 15px 20px;}
		.initTileH2-12 {background-position:0 -335px; margin:15px 0 4px 20px;}
		.initTileH2-13 {background-position:0 -357px; margin:15px 0 0 20px;}
		.initTileH2-14 {background-position:0 -415px; margin:15px 0 0 20px;}
		.initTileH2-15 {background-position:0 -445px;}
		.initTileH2-16 {background-position:0 -474px; margin:10px 0 10px 20px; width:345px;}
		.initTileH2-17 {background-position:0 -505px; margin:10px 0 10px 20px;}
		.initTileH2-18 {background-position:0 -534px; margin:10px 0 10px 20px;}
		.initTileH2-19 {background-position:0 -565px; margin:10px 0 10px 20px;}
		.initTileH2-20 {background-position:0 -594px; margin:10px 0 10px 20px; width:280px}
		.initTileH2-21 {background-position:0 -624px; margin:10px 0 10px 20px;}
		.initTileH2-22 {background-position:0 -655px; margin:10px 0 10px 20px; width:375px;}
		.initTileH2-23 {background-position:0 -685px;}
		.initTileH2-24 {background-position:0 -715px; margin:10px 0 10px 20px;}
		.initTileH2-25 {background-position:0 -745px; margin:10px 0 10px 20px;}
		.initTileH2-26 {background-position:0 -775px; margin:10px 0 10px 20px;}
		.initTileH2-27 {background-position:0 -804px; margin:10px 0 10px 20px;}
		.initTileH2-28 {background-position:0 -833px; margin:10px 0 10px 20px; width:280px;}
		.initTileH2-29 {background-position:0 -865px; margin:10px 0 10px 20px; width:280px;}
		.initTileH2-30 {background-position:0 -892px; margin:10px 0 20px 20px;}
		.initTileH2-31 {background-position:0 -920px; margin:10px 0 10px 20px; width:280px;}
		.initTileH2-32 {background-position:0 -955px; margin:10px 0 10px 20px; width:280px;}
		/*Title h2 active */
		.blockTitleActive .initTileH2-6{background-position:0 -186px;}
		.blockTitleActive .initTileH2-7{background-position:0 -216px;}
		.blockTitleActive .initTileH2-8{background-position:0 -246px;}
		.blockTitleActive .initTileH2-9{background-position:0 -276px;} 
	
	/* For Title h3 */
	.uiTitleH3 {background:url(../images/vn/ui_tit_h3.gif) 0 0 no-repeat; width:250px; height:28px}
		.initTitleH3-1 {background-position:0 3px}
/*			a:hover .initTitleH3-1 {background-position:-350px 3px}
*/		.initTitleH3-2 {background-position:0 -28px}
/*			a:hover .initTitleH3-2 {background-position:-350px -28px}
*/		.initTitleH3-3 {background-position:0 -70px; height:30px;}
		.initTitleH3-4 {background-position:0 -126px; height:30px;}
		.initTitleH3-5 {background-position:0 -193px;}
		.initTitleH3-6 {background-position:0 -222px;}
		.initTitleH3-7 {background-position:0 -168px;}
		.initTitleH3-8 {background-position:0 -261px;}
		.initTitleH3-9 {background-position:0 -289px;}
		.initTitleH3-10 {background-position:0 -320px; margin:5px 0 0 30px; }
		.initTitleH3-11 {background-position:0 -350px; margin:5px 0 15px 20px; }
		.initTitleH3-12 {background-position:0 -382px; margin:0 0 5px }
		.initTitleH3-13 {background-position:0 -415px; margin:0 0 5px 30px;}
		.initTitleH3-14 {background-position:0 -440px; margin:5px 0 0 10px;}
		.initTitleH3-15 {background-position:0 -477px; width:215px; height:30px;}
		.initTitleH3-16 {background-position:0 -510px; width:20px; float:left;}
		.initTitleH3-17 {background-position:0 -540px; width:20px; float:left;}
		.initTitleH3-18 {background-position:0 -565px; margin:5px 0 0 20px; }
		.initTitleH3-21 {background-position:3px -660px; width:81px; height:15px; float:left;}
	/*slogan*/
	.uiSlogan {background:url(../images/vn/slogan_sub_page.gif) 0 0 no-repeat; width:270px; height:116px;}
		.initSlogan-1 {background-position:-12px 0; height:146px; margin:10px 0 20px; width:300px;}
		.initSlogan-2 {background-position:0 -144px;}
		.initSlogan-3 {background-position:0 -285px; width:300px;}

	/* button*/ 
	.uiButton {height:20px; background:url(../images/vn/button.gif) 0 0 no-repeat; display:block; cursor:pointer;}
		.initButton-1 {width:135px; background-position:0 -130px; float:left; margin:20px 30px 0 140px; display:inline;}
		.initButton-2 {width:70px; background-position:0 -160px; margin:5px 0 0 200px; float:left; display:inline;}
		.initButton-3 {width:70px; background-position:0 -190px; margin:5px 0 0 0; border:0 none; font-size:0; float:left;}
		.initButton-4 {width:20px; height:15px; background-position:-240px -73px; float:left;}
		.initButton-5 {width:70px; background-position:0 -220px; margin:5px 0 0 200px; float:left; display:inline;}
		.initButton-6 {width:75px; background-position:0 -252px; margin:0 auto;}
		.initButton-7 {width:75px; background-position:0 -282px; float:left; display:inline;}
		.initButton-8 {width:75px; background-position:0 -310px; margin: 10px auto;}
		.initButton-9 {width:15px; height:15px; background-position:-120px -73px; float:left;}
		.initButton-10{width:75px; background-position:0 -340px; float:left; margin:0 0 0 20px; display:inline;}
		.initButton-11 {width:102px; height:25px; background-position: 0 -5px;}
		.initButton-12 {width:102px; height:25px; background-position:-270px -5px;}
		.initButton-13 {width:95px; background-position:0 -42px;}
		.initButton-14 {width:25px; height:25px; background-position:0 -67px;}
		.initButton-15  {background-position: -120px -74px;}
		.initButton-16 {width:70px; background-position:0 -160px;}
		.initButton-17{width:95px; background-position:0 -370px; margin:0 auto 5px;}
		.initButton-18 {width:150px; background-position:-270px -130px; float:left; margin-top:20px;}
		
	/*is new*/
		.uiIsNew {position:absolute; top:1px; right:1px; background:url(../images/en/is_new.gif) no-repeat;}
		.initIsNew-1 {background-position:0 0; width:16px; height:6px;}
		.otherProduct a img.initIsNew-1 {background-position:0 0; width:16px; height:6px;}
		.initIsNew-2 {background-position:0 -60px; width:30px; height:10px;}
		.mainProduct .initIsNew-3 {background-position:0 -120px; width:83px; height:26px; position:absolute; top:0; right:0;}
	/*counter*/
	span.initTitleH3-19 {background-position:3px -592px; width:69px; height:24px; }
	.initTitleH3-20 {background-position:3px -622px; width:75px; height:24px; }
	* html .counter .uiCounter { width:279px;}
