/* index page */
body{
	margin:0;
	padding:0 0 10px 0;
	text-align:center;
	font:11px Trebuchet MS, sans-serif;
	color:#000000;
}

#main{
	text-align:center;
}
#main .frame{
	text-align:left;
}

#mainGrey{
	width:710px;
	
}
#pagewidth{
	width:688px;
	margin:0 auto;
	text-align:left;
}
/* screen-saver page */
.screen-saver {
margin:0 0 0 10px;
}

/* about us page */
.about-us{
	position:relative;
	background:url(../images/color.gif) repeat-x 0 11px;
}
.about-us .content{
	padding:42px 0 0 0;
	margin:0 0 0 332px;
}
.about-us p{
	padding:9px 0 0 0;
	line-height:15px;
	margin:0 0 0 0;
}
.about-us h3{
	margin:13px 0 -11px 0;
	font-size:17px;
	font-weight:normal;
	color:#000000;
}
.about-us img{
	position:absolute;
	top:-14px;
	left:0;
}

/* contact page */ 
.contact-us{
    top: 25px;
	background:url(../images/color.gif) repeat-x 0 11px;
	position:relative;
	padding:36px 0 0 20px;
}
.contact-us h3{
	margin:0;
	padding:16px 0 0 0;
	font-size:17px;
	color:#000000;
	font-weight:normal;
}
.contact-us ul.representation{
	margin:3px 0 0 0;
	padding:0;
	list-style:none;
	width:302px;
	overflow:hidden;
}
.contact-us ul.representation li{
	width:83px;
	float:left;
}
.contact-us ul.representation li.tel{
	width:218px;
}
.contact-us a{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
.contact-us a:hover{
	text-decoration:underline;
}
.contact-us p{
	margin:0;
	width:220px;
}
.contact-us.design p{
	margin:2px 0 0 0;
	width:355px;
	line-height:15px;
	min-height:60px;
}
.contact-us.design h3{
	margin:0;
	padding:15px 0 0 0;
}
.contact-us ul{
	margin:0;
	padding:0 0 5px 0;
	overflow:hidden;
	width:225px;
	list-style:none;
}
.contact-us ul li{
	width:193px;
	float:left;
}
.contact-us ul li.tel{
	width:32px;
}
.contact-us img.contact-im{
	position:absolute;
	right:0;
	top:-14px;
	width:386px;
	height:421px;
	background:url(images/image01.png);
}
.contact-us img.quality-im{
	position:absolute;
	right:0;
	top:-14px;
	background:url(../images/image02.png);
	width:314px;
	height:456px;
}

#mainGrey{
	width:710px;
	text-align:center;
}
#main h2{
	margin:0;
	color:#9AB0B7;
	font-size:14px;
	background:url(../images/bg-main-top.gif) no-repeat 0 12px;
	text-align:center;
}
#mainGrey h2{
	margin:0;
	color:#9AB0B7;
	font-size:14px;
	background:url(../images/bg-main-top_grey.gif) no-repeat 0 12px;
	text-align:center;
}
#main h2 span{
	padding:4px 0;
	height:19px;
	background:#fff url(../images/bg-h2-left.gif) no-repeat left;
}
* html #main h2 span{
	background:#fff url(../images/bg-h2-left.gif) no-repeat 0 3px;
}
	
#mainGrey h2 span{
	padding:4px 0;
	height:19px;
	background:#fff url(../images/bg-h2-left_grey.gif) no-repeat left;
}

#main h2 span span{
	line-height:27px;
	height:19px;
	background:url(../images/bg-h2-right.gif) no-repeat right;
	padding:4px 39px;
}

#mainGrey h2 span span{
	line-height:27px;
	height:19px;
	background:url(../images/bg-h2-right_grey.gif) no-repeat right;
	padding:4px 39px;
}

#mainGrey .frame{
	background:url(../images/bg-main-center_grey.gif);
}

#main .frame .bg{
	text-align:left;
	padding:0 0 0 0;
}

#mainGrey .frame .bg{
	background:url(../images/bg-main-bottom_grey.gif) no-repeat 0 100%;
	text-align:left;
	padding:0 0 18px 0;
}

#main .frame .bg_grey{
	background:url(../images/bg-main-bottom.gif) no-repeat 0 100%;
	text-align:left;
	padding:0 0 0 0;
}
#main .frame .bg1{
	background:url(../images/bg-main-bottom.gif) no-repeat 0 100%;
	text-align:left;
	padding:0 0 0 0;
}
#main .frame .bg2{
	background:url(../images/bg-main-bottom.gif) no-repeat 0 100%;
	text-align:center;
	padding:0 0 0 0;
}
.twocolumn{
	width:708px;
	margin:0 0 0 1px;
	overflow:hidden;
}
.twocolumn .left{
	padding:15px 30px 0 20px;
	width:282px;
	float:left;
}
.twocolumn .right{
	padding:15px 16px 0 0;
	width:360px;
	float:right;
}
.twocolumn .left p{
	margin:0 0 12px 0;
}
.twocolumn .left a{
	color:#00A2E3;
	font-weight:bold;
	text-decoration:none;
}
.twocolumn .left a:hover{
	text-decoration:underline;
}
.twocolumn .right h3{
	font-weight:normal;
	color:#00A2E3;
	margin:0;
	font-size:15px;
}
.twocolumn .right h4{
	margin:12px 0 0 0;
	font-size:13px;
	color:#6F7F84;
}
.twocolumn .right p{
	margin:0;
}
.twocolumn .right p.first{
	margin:12px 0 0 0;
}
.twocolumn .right a{
	color:#00A2E3;
	text-decoration:none;
	font-weight:bold;
}
a.to-top{
	margin:14px 0 0 0;
	float:left;
}
.twocolumn .right a:hover{
	text-decoration:underline;
}
a.foo{
	font-size:12px;
	color:#000000;
	line-height:50px;
	text-decoration:none;
	
}
a.foo:hover{
	text-decoration:underline;
}
div.top{
	text-align:center;
	margin:12px 0 0 0;
	height:25px;
	line-height:25px;
	background:#E2E8EA;
}
div.top a{
	color:#6F7F84;
	font-size:12px;
	text-decoration:none;
}
div.top a:hover{
	text-decoration:underline;
}
#header{
	height:117px;
	text-align:center;
	width:710px;
	padding:43px 0 0 0;
}
#header ul{
	margin:0;
	padding:22px 0 0 36px;
	font-size:12px;
	list-style:none;
}
#header ul li{
	margin:0 31px 0 0;
	float:left;
}
#header ul li.last{
	margin:0;
}
#header ul li a{
	color:#9AB0B7;
	text-decoration:none;
}

#header ul li a:hover{
	text-decoration:underline;
}

#header ul li a.active{
	color:#00A2E3;
}

/* products type page */ 


.item-box_new{
	position:relative;
	margin:0 0 0 0;
	padding:10px 0 0 0;
	height:300px;
	width:630px;
}
.item-box_new .row_new{
	width:645px;
	padding:0 0 0 0;
	margin:0 0 20px 35px;
}

.item-box_new .row_new .item_new{
    width:135px;
    height:132px;
	margin:0 12px 0 12px;
	float:left;
	text-align:center;
	background:url(../images/bg-item-image_large_grey.png);
	padding:7px 0 0 0;
}

.product_pic{
    width:132px;
    height:143px;
    /* top right bottom left */
    margin:10px 0px 10px 0px; 
 	background:url(../images/bg-item-image_large_grey.png);
}

.item-box{
	position:relative;
	margin:0 0 0 1px;
	padding:0;
}
.item-box .box{
	overflow:hidden;
	width:630px;
	margin:0 0 0 39px;
}
.item-box .box .row{
	width:648px;
	overflow:hidden;
	float:left;
	padding:3px 0 0 0;
}
.item-box .box .row .item{
	width:90px;
	margin:0 18px 0 0;
	float:left;
}
.item-box .box .row .item .image{
	width:90px;
	height:85px;
	text-align:center;
	/* background:url(../images/bg-item-image.gif); */
	background:url(images/small_frame.png); 
	padding:5px 0 0 0;
}


.item-box .item .image a{
	margin: 0;
}
.item-box .item.blank .image{
	background:url(../images/bg-item-image-blank.gif);
}
.item-box .item a{
	display:block;
	text-align:center;
	font-weight:bold;
	color:#9AB0B7;
	text-decoration:none;
}
.item-box .item a:hover{
	text-decoration:underline;
}
.prev,.next{
	display:block;
	width:11px;
	height:13px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/bullet-activ-r.gif);
}
.prevTop,.nextTop{
	display:inline;
	width:11px;
	height:13px;
	overflow:hidden;
	position: relative;
	top: 2px;
	
}
#media .prev, #media .next{
	top:90px;
}
#media2 .prev, #media2 .next{
	top:120px;
}
.next.n-active{
	background: url(../images/bullet-r.gif);
}
.prev.n-active{
	background: url(../images/bullet-l.gif);
}

.prev{
	position:absolute;
	left:11px;
	top:108px;
}
.next{
	background:url(../images/bullet-activ-l.gif);
	position:absolute;
	right:10px;
	top:108px;
}

.breadcrumb{
	height:25px;
	width:708px;
	overflow:hidden;
	line-height:25px;
	background:#E2E8EA;
	color:#738388;
	margin:0 0 18px 0;
	text-align:center;
	font-size:12px;
}
#media .breadcrumb{
	margin:0 0 18px 1px;
}
* html #media .breadcrumb{
	float:left;
	display:inline;
}
#media #main .frame .bg{
	padding:11px 0 18px 0;
}
#main .frame .bg.type{
	padding:11px 0 18px 1px;
}

#main .frame .bg.type{
	padding:11px 0 18px 1px;
}
#mainGrey .frame .bg.type{
	padding:11px 0 18px 1px;
}

#main .frame .bg.type2{
	padding:11px 0 18px 27px;
}
/*
top 
right 
bottom 
left 
*/

/* tap swf */
.tap-swf{
	position:relative;
	background:url(../images/color.gif) repeat-x 0 11px;
}

/* news page */
.news{
	position:relative;
	background:url(../images/color.gif) repeat-x 0 11px;
	margin:0 0 0 0px;
}

.news .content{
	padding:30px 0 0 10px;
	margin:0 0 0 0;
}
.template{
    position:relative;
	width:708px;
	margin:0 0 0 0px;
	min-height:310px;
}

/* product detail page */
.product-detail{
	margin:0 0 0 0px;
	position:relative;
	padding:11px 0 0 0;
}
.product-detail .product-box{
	overflow:hidden;
	padding:20px 0 20px 0;
	background:#E2E8EA;
}
.spec{
	margin:0;
	padding:0 0 15px 0;
	width:345px;
	overflow:hidden;
	list-style:none;
}
.spec li{
	width:264px;
	float:left;
	line-height:16px;
}
.spec li.name{
	font-size:12px;
	font-weight:bold;
	width:81px;
	clear:left;
}
.spec ul{
	margin:0;
	overflow:hidden;
	padding:0;
	list-style:none;
}
.spec ul li{
	float:left;
	padding:0 6px 0 0;
	background:url(../images/divider.gif) no-repeat right;
	width:auto;
}
.spec ul li.last{
	padding:0 0 0 7px;
	background:none;
}
.spec ul li.last2{
	padding:0 0 0 0px;
	background:none;
}
.spec ul li.many{
 float: left;
 padding:0 5px 0 5px;
 background:url(../images/divider.gif) no-repeat right;
 width:auto;
}
.spec ul li.manylast{
 float: left;
 padding:0 5px 0 5px;
 width:auto;
}
.product-detail .product-box .about .spec a{
	color:#636E71;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
}
.product-detail .product-box .about{
	width:413px;
	padding:0 0 0 29px;
	float:left;
}
.product-detail .product-box .image{
	width:224px;
	height:208px;
	padding:12px 0 0 12px;
	float:left;
	background:url(images/product_detail.png);
}
.finishes{
	margin:10px 0 0 -10px;
	padding:0 0 15px 0;
	width:423px;
	overflow:hidden;
	list-style:none;
}
.finishes li{
	text-align:center;
	width:73px;
	margin:0 25px 0 0;
	float:left;
}
.finishes p{
	margin:0;
}
.finishes strong{
	display:block;
}
.product-detail .product-box .about a{
	color:#00A2E3;
	font-size:12px;
	font-weight: bold;
	text-decoration:none;
}
.product-detail .product-box .about a:hover{
	text-decoration:underline;
}
img.logo2{
	margin:0 10px 0 0;
	float:right;
}
.big-flash{
	width:300px;
	height:215px;
	margin:0 0 0 206px; /* top right bottom left */
	padding:5px 0 0 10px; /* top right bottom left */
	background:url(/images/new_video_frame.png);
}                         
/*.home-flash{
	width:370px;
	height:370px;
	margin:0 0 0 150px;
	padding:0 0 0 21px;
}*/
.home-flash{
	width:710px;
	height:400px;
}
.screensavers{
	padding:30px 0 0 0;
	overflow:hidden;
}
.click{
	
	float:none;
	margin:0 0 0 130px;
}
.screen{
	float:left;
	width:343px;
}
.click .row{
	padding:0 0 18px 0;
	width:345px;
	overflow:hidden;
}
.click .item{
	width:85px;
	/* background:url(images/small_frame.png); */
	height:85px;
	padding:5px 0 0 5px;
	float:left;
	margin:0 18px 0 0;
}
.contact-us .screen h3{
	padding:0;
}
.contact-us .screen p{
	margin:12px 0 0 0;
	width:305px;
}
.product-detail .box{
	overflow:hidden;
	margin:0 0 0 0px;
}

.box .img{
	width:198px;
	margin:0 0 0 0;
	background:url(../images/bg-center.gif);
}
.box .img.last{
	margin:31px 0 0 0;
}
.box .img span{
	width:198px;
	display:block;
	background:url(../images/bg-top.gif) no-repeat 0 0; 
}
.box .img span a{
	width:156px;
	display:block;
	padding:21px 21px;
	background:url(../images/bg-bottom.gif) no-repeat 0 100%; 
}
.box .img.last span a{
	width:156px;
	padding:21px 21px;
}
.box .img2{
	width:198px;
	float:left;
	margin:0 18px 0 0;
	background:url(../images/bg-center.gif);
}
.box .img2.last{
	margin:31px 0 0 0;
}
.box .img2 span{
	width:198px;
	display:block;
	background:url(../images/bg-top.gif) no-repeat 0 0;
}
.box .img2 span a{
	width:132px;
	display:block;
	padding:21px 33px;
	background:url(../images/bg-bottom.gif) no-repeat 0 100%;
}
.box .img2.last span a{
	width:156px;
	padding:21px 21px;
}
img.rotation{
	margin:0 auto;
}
.product-box.rotation{
	text-align:center;
}
#line{
	display:none;
}
#logo{
	display:none;
}