@charset "utf-8";
/* CSS Document */
body{background:#ececec;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size:12px;
margin:0;}
li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
a{ text-decoration:none;}
img{border:none;}


/* indexinto */
#index{width:100%; margin:0px;}
#hotest{width:900px; height:666px; margin-left:102px;}
#logo{ position:absolute; left:102px; top:32px;}
#navi {
position:absolute;
left:765px;
top:86px;
height:188px;
}
#navi li {
width:197px;
margin-bottom:1px;
}
#navi li a {
background:transparent url(images/menu.png) no-repeat scroll 0 0;
display:block;
width:197px;
}
#navi li a em {
visibility:hidden;
}
#navi a.navi1 {
height:26px;
}
#navi a.navi1:hover {
background-position:-197px 0px;
}
#navi a.navi2 {
background-position:0 -27px;
height:26px;
}
#navi a.navi2:hover {
background-position:-197px -27px;
}
#navi a.navi3 {
background-position:0 -54px;
height:26px;
}
#navi a.navi3:hover {
background-position:-197px -54px;
}
#navi a.navi4 {
background-position:0 -81px;
height:26px;
}
#navi a.navi4:hover {
background-position:-197px -81px;
}
#navi a.navi5 {
background-position:0 -108px;
height:26px;
}
#navi a.navi5:hover {
background-position:-197px -108px;
}
#navi a.navi6 {
background-position:0 -135px;
height:26px;
}
#navi a.navi6:hover {
background-position:-197px -135px;
}
#navi a.navi7 {
background-position:0 -162px;
height:26px;
}
#navi a.navi7:hover {
background-position:-197px -162px;
}


#mainpost{ height:222px; width:863px; position:absolute; left:121px; top:410px;}
#post2{float:left; width:575px;}
#postFeatures{float:left; width:288px;}
.featuresTop{height:35px; background:url(images/main_features.png) no-repeat 0 0;}
.postCenter{height:172px; background:url(images/main_hotcenter.png) repeat-y 0 0;}
.postBottom{height:15px; background:url(images/main_hotbottom.png) no-repeat 0 0;}
#postItems{float:right; width:287px;}
.itemsTop{height:35px; background:url(images/main_items.png) no-repeat 0 0;}
#postNews{float:right; width:288px;}
.newsTop{height:35px; background:url(images/main_news.png) no-repeat 0 0;}
#postBody{width:260px; height:171px; background:#000; margin:0 14px auto auto;}
#postBody ul{margin:0; padding-left:0;}
#postBody li{height:54px; margin-bottom:1px; color:#fff; padding:1px;}
#postBody img{ margin-right:5px;}
#postBody p{margin-top:5px; }
#postBody a{text-decoration:none; color:#fff; }
#postBody li:hover {background:#333;}
#music{height:33px; width:73px; position:absolute; top:0; left:929px;}

/* post */
#postcontainer{width:900px; margin-left:102px;}
#postTitle{height:14px; margin-top:1px; background:url(images/contenttop.jpg) repeat-x 0 0; padding:20px;}
#showTitle{height:39px; margin-top:1px; background:url(images/contenttop.jpg) repeat-x 0 0; padding-top:15px; padding-left:7px; }
#showTitle h1{ font-size:16px; font-weight:bold; }
#postTitle h1{ font-size:14px; color:#000; margin:0; padding-left:20px; padding-top:20px;}
#postContent{background:#FFFFFF; margin-top:1px; padding:20px; margin-bottom:0; line-height:16px;}
#postContent h1{ font-size:16px;}
.page_nav a{color:#000; font-size:12px;}
.page_nav a:hover{color:#000; text-decoration:underline;}

/* shoplist */
#listhead{height:500px;}


/* download */
#downContent{ background:#fff none repeat scroll 0 0; margin-top:1px; padding:20px 10px; margin-bottom:0;}
#downItem{ position:relative; width:280px; margin-left:10px; margin-bottom:10px; height:280px; background:#ccc; float:left;}
#downItem .downTag{background:#000 none repeat scroll 0 0; bottom:0; color:#fff; left:0;line-height:140%; opacity:0.7; position:absolute; width:276px; text-align:center;
padding:4px 2px; display:none;}
#downItem .cataTag{background:#000 none repeat scroll 0 0; bottom:0; color:#fff; left:0;
line-height:140%; opacity:0.4; position:absolute; width:280px; height:280px; text-align:center;}
#downItem .downTag a{color:#ccc; }
#downItem .downTag a:hover{color:#fff;}

/* feature */
#feaItem{ position:relative; width:427px; margin-left:10px; margin-bottom:10px; height:180px; background:#ccc; float:left;}
#feaItem .feaTag{background:#000 none repeat scroll 0 0; bottom:0; color:#fff; left:0;
line-height:140%; opacity:0.4; position:absolute; width:427px; padding:2px 0; text-align:center;}


/* catalog */
#cataloghead{width:1000px; height:60px; margin:0 auto 20px; position:absolute; z-index:1;}
.cataloglogo{margin-left:29px; width:130px; float:left;}
#canavi { width:590px; float:right; height:41px;}
#canavi ul{padding:0px; margin-top:0; height:41px;}
#canavi li {
float:left;
height:41px;
}
#canavi li a {
background:transparent url(images/catalog_menu.png) no-repeat scroll 0 0;
height:41px;
display:block;
}
#canavi li a em {
visibility:hidden;
}
#canavi a.navi1 {
width:57px;
}
#canavi a.navi1:hover {
background-position:0px -41px;
}
#canavi a.navi2 {
background-position:-57px 0px;
width:83px;
}
#canavi a.navi2:hover {
background-position:-57px -41px;
}
#canavi a.navi3 {
background-position:-140px 0px;
width:91px;
}
#canavi a.navi3:hover {
background-position:-140px -41px;
}
#canavi a.navi4 {
background-position:-231px 0px;
width:63px;
}
#canavi a.navi4:hover {
background-position:-231px -41px;
}
#canavi a.navi5 {
background-position:-294px 0px;
width:90px;
}
#canavi a.navi5:hover {
background-position:-294px -41px;
}
#canavi a.navi6 {
background-position:-384px 0px;
width:113px;
}
#canavi a.navi6:hover {
background-position:-384px -41px;
}
#canavi a.navi7 {
background-position:-497px 0px;
width:93px;
}
#canavi a.navi7:hover {
background-position:-497px -41px;
}

/* These hieghts and widths should be edited to your images */	
ul#pikame{
	width:1000px;
	margin:0 auto;
	position:relative;
	z-index:0;}
.pika_main{
	width:1000px;
	height:500px;
	margin:0 auto;}
#pikame li{
	margin:5px auto;
	float: left;
	border:1px solid #ccc;}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer;}
.pika_main img{border:1px solid #ccc;}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{position:relative; overflow:hidden; list-style:none;}
.pika_play{position:absolute; top:45px; right:20px; z-index:1;}
.pika_play a{position:relative; margin-left:auto; cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:880px; text-align:right; margin-left:120px;}
.pika_navigation a{font-size:12px; color:black; text-decoration:none;}
.pika_navigation a:hover{ text-decoration:underline;}
.pika_navigation{padding-top:2px; clear:both; text-align:left; margin-left:2px; }

#catalogfooter{clear:both; width:1000px; margin:20px auto; height:18px; color:#000; font-size:10px; text-align:right;}

/* video */
#videoPart{width:500px; margin:0 auto;}

#clear{clear:both;  }

#footer{ clear:both; height:18px; width:895px; margin:1px auto 50px 102px; background:url(images/footback.jpg) repeat-x 0 0; color:#fff; font-size:10px; padding-top:6px; text-align:right; padding-right:5px;}