#mainContainer{
		margin:0 auto;
		width:1000px;
		text-align:left;
		padding:3px; 
		
	}
	.clear{
		clear:both;
	}
	/* End of demo CSS */
	#DHTMLgoodies_panel_one,#DHTMLgoodies_arrows,#DHTMLgoodies_thumbs{	/* Width of divs for thumbnails */
		width:500px; background:url(../images/products/Mobilebg.png) no-repeat;
	}
	#DHTMLgoodies_panel_one{ width:500px;		
		float:left;	
	}
	#DHTMLgoodies_thumbs{
		overflow:hidden;	/* Don't change this */
		height:345px;	/* Height of thumbnail div */
		position:relative;	/* Never change this */
		float:left;z-index:300;
	}
	#DHTMLgoodies_largeImage{	/* Large image div */
		width:522px;	/* Width of large image div */
		height:745px;	/* Height of large image div */
		float:left;
background:url(../images/products/shouji.png) no-repeat left top;  left:450px; top:-680px; position: relative;
	}
	#DHTMLgoodies_largeImage table{	/* Used table to get both horizontal and vertical center alignement of large image */
		width:100%;
		height:100%;
		text-align:center;
	}
	#DHTMLgoodies_largeImage img{	/* Large image */
			/* Border around large image */
	}
	
	
	.strip_of_thumbnails{	/* A vertical strip of thumbnails */
		width:165px;	/* Width of strip */
		padding:0px;	/* "Air" inside filmstrip div */
		position:absolute;

	}
	.strip_of_thumbnails div{
		width:165px;
		height:165px;
		padding:0px;
		text-align:center;text-deco: none; text-decoration:none;

	}
	.strip_of_thumbnails div ul{
		width:165px;
		height:35px;
		padding:0px;
		text-align:center; z-index:500; color:#a0a0a1; position: relative; top:-30px;

	}
		.strip_of_thumbnails div a{
		text-deco: none;text-decoration:none;


	}
	.strip_of_thumbnails div a.selected{color:#a0a0a1;}
.strip_of_thumbnails div a:link, .strip_of_thumbnails div a:visited{
color: #0153a5;
}
	.strip_of_thumbnails div a:hover{color: #0153a5;}
	.strip_of_thumbnails div a.active{color: #0153a5;}
	.strip_of_thumbnails img{
		border:0px;
		padding:5px;
	}
	.strip_of_thumbnails .activeImage{	/* Active thumbnail */
		/* Green border around active thumbnail */
		padding:0px;color:#0153a5;
	
	}

	#DHTMLgoodies_thumbs_inner{
		position:relative;	/* Never change this */
		width:1000px;
	}	
	
	.pbiaoti{ height:250px; width:410px; padding-top:10px; background:url(../images/products/biaoti-bg.png) top repeat-x ; margin:50px 0 0 0; font-size:18px; text-align:left;}
 	.pbiaoti h1{ font-size:55px; line-height:60px; text-align:left;}
	
.pbiaoti2{ height:250px; width:410px; padding-top:10px; background:url(../images/products/biaoti2-bg.png) top repeat-x ; margin:50px 0 0 0; font-size:18px; text-align:left; color:#FFF; float:right;}
 	.pbiaoti2 h1{ font-size:55px; line-height:60px; text-align:left;}
	
	
	
	
	
	#DHTMLgoodies_panel_oneb,#DHTMLgoodies_arrowsb,#DHTMLgoodies_thumbsb{	/* Width of divs for thumbnails */
		width:500px; background:url(../images/products/Mobilebg.png) no-repeat;
	}
	#DHTMLgoodies_panel_oneb{ width:500px;		
		float:left;	
	}
	#DHTMLgoodies_thumbsb{
		overflow:hidden;	/* Don't change this */
		height:345px;	/* Height of thumbnail div */
		position:relative;	/* Never change this */
		float:left; z-index:300;
	}
	#DHTMLgoodies_largeImageb{	/* Large image div */
		width:613px;	/* Width of large image div */
		height:533px;	/* Height of large image div */
		float:left;
background:url(../images/products/Notebook0.png) no-repeat left top;  left:450px; top:-480px; position: relative;
	}
	#DHTMLgoodies_largeImageb table{	/* Used table to get both horizontal and vertical center alignement of large image */
		width:100%;
		height:100%;
		text-align:center;
	}
	#DHTMLgoodies_largeImageb img{	/* Large image */
			/* Border around large image */
	}
	
	
	.strip_of_thumbnailsb{	/* A vertical strip of thumbnails */
		width:165px;	/* Width of strip */
		padding:0px;	/* "Air" inside filmstrip div */
		position:absolute;

	}
	.strip_of_thumbnailsb div{
		width:165px;
		height:165px;
		padding:0px;
		text-align:center;text-deco: none; text-decoration:none;

	}
	.strip_of_thumbnailsb div ul{
		width:165px;
		height:35px;
		padding:0px;
		text-align:center; z-index:500; color:#a0a0a1; position: relative; top:-30px;

	}
		.strip_of_thumbnailsb div a{
		text-deco: none;text-decoration:none;


	}
	.strip_of_thumbnailsb div a.selected{color:#a0a0a1;}
.strip_of_thumbnailsb div a:link, .strip_of_thumbnailsb div a:visited{
color: #0153a5;
}
	.strip_of_thumbnailsb div a:hover{color: #0153a5;}
	.strip_of_thumbnailsb div a.active{color: #0153a5;}
	.strip_of_thumbnailsb img{
		border:0px;
		padding:5px;
	}
	.strip_of_thumbnails .activeImageb{	/* Active thumbnail */
		/* Green border around active thumbnail */
		padding:0px;color:#0153a5;
	
	}

	#DHTMLgoodies_thumbs_innerb{
		position:relative;	/* Never change this */
		width:1000px;
	}	
	
.focus{height:415px;width:980px;margin:40px auto 0 auto;}
.focus .left{float:left; width:580px; height:400px; position:relative;overflow:hidden; background:url(../images/products/tablets.png) no-repeat; top:-200px;}
.focus .left li{position:absolute; left:0; top:0; width:842px; height:415px; z-index:1; opacity:0; filter:alpha(opacity=0);}
.focus .left li.active{z-index:2; background:none;}
.focus .left li p{display:none;}
.focus .right{float:left; width:225px; margin:0;margin-top:50px; left:-65px;}
.focus .right li{height:30px; overflow:hidden; color:#FFF; font-size:14px; line-height:30px; margin-bottom:5px;cursor: pointer;padding-left:35px;}
.focus .right li:hover,.focus .right li.active{color:#fff; background:url(../images/products/btns.jpg) no-repeat}