*{
margin: 0;
padding: 0;
font-family: Tahoma, Arial, Helvetica, sans-serif;}

body,td,th {
	font-size: 12px;
	color: #545454;
}
body {
	background-color: #fff;
}
ul {list-style: none;}
a {
	color: #81540e;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #000;
}

h1 {width:200px; float:left; height:113px; background:url(/images/header.gif) top left no-repeat; margin-right:10px;}
h1 b {display:none;}
.hsite {width:202px; float:left; margin-left:40px; margin-top:5px; font-weight:bold; font-size:11px;}
.hsite img {width:200px; height:100px; border:1px dotted #b1710c;}
.hsite a:hover img {border:1px dotted #000;}

.fsite {width:182px; float:left; margin-left:9px; margin-right:9px; font-weight:bold; font-size:12px;}
.fsite img {width:180px; height:240px; border:1px dotted #b1710c;}
.fsite a:hover img {border:1px dotted #000;}


.thumb {
	width:160px;
	height:220px;
	border: 1px #b1710c solid;
	font-size:12px;
	font-weight:normal;
	color:#81540e;
	margin-bottom:2px;
	background-color:#fdf8ea;
}

a:hover .thumb {border:1px dashed #000; color:#000;}
a:active .thumb {border:1px dashed #ff0000; color:#ff0000;}

.bydate {
	width:996px;
	margin: 0px auto;
	margin-top:10px;
	margin-bottom:10px;
}
.bydate li {float:left; width:160px; border: 1px #b1710c solid; margin-bottom:4px; margin-left:2px; margin-right:2px; color:#81540e; font-size:11px; padding-bottom:2px; font-weight:bold; background:#fcf7e9;}
.bydate li:hover {border:1px dashed #000; color:#000;}
.bydate li .thumb {border:none;}
.bydate li a:hover .thumb {border:none;}
.bydate li a:active .thumb {border:none;}

.trthumb {
	width:90px;
	height:90px;
	border:1px dotted #ba6c19;
	font-size:11px;
	font-weight:normal;
	color:#f5e6b9;
	margin-bottom:2px;
	margin-top:1px;
}

a:hover .trthumb {
	border: 1px #fff solid;
	color:#fff;
}


.bl {
	width:1000px;
	margin: 0px auto;
	margin-top:10px;
	margin-bottom:10px;
}




.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}

.tradeindex {margin:0 auto; text-align:center; width:1000px;}
.tradeindex div {font-size: 11px; width: 96px; height:110px; text-align: center; float: left; padding:2px; background:url(/images/imgtop.gif) top left no-repeat; margin:0; font-weight:bold; margin-bottom:5px; white-space:nowrap; overflow:hidden;}
.tradeindex div a {color:#f5e6b9;}
.tradeindex div a:hover {color:#fff;}
.tradeindex div p {padding:0; margin:0; margin-top:9px; margin-bottom:13px; font-size:18px; font-weight:bold;}





/* uls */
.ultop {width:143px; float:left; margin: 23px 0 0px 2px; padding:0;}
.ultop li {padding-bottom: 5px; padding-top: 5px; text-indent: 20px;  background: url(/images/star.gif) left 5px no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; min-height:15px; overflow:hidden; white-space:nowrap;}
.globaltop {width:197px; float:left; margin: 5px 0px 5px 0px; padding:0;}
.globaltop li {border-bottom: 1px dotted #f9efd4; padding-bottom: 3px; margin-bottom: 3px; font-weight:bold; text-align:left; text-indent:5px; white-space:nowrap; overflow:hidden;}

.tl {width:150px; height:200px; margin-left:5px; overflow:hidden; margin-top:6px; text-align:left; background: url(/images/bull.gif) left 187px no-repeat; float:left; font-size:11px; font-weight:bold;}

.hl {height:24px; width:200px; background: #fff url(/images/bullet1.png) top left no-repeat; float:left; text-align:left; text-indent:36px; font-weight:bold; vertical-align:middle; line-height:24px;}


.pagesblock1 {height:24px; float:left; line-height:24px; vertical-align:middle; font-weight:bold; text-align:left; text-indent:6px; width:64px;}
.pages {height:24px; float:left; text-align:left; width:804px;}
.cap {width:20px; padding:2px 5px 2px 5px; margin-right: 3px; font-size:11px; display:block; float:left; color:#000; font-weight:bold; background:url(/images/pba.gif) top left no-repeat #fff; border:none; text-align:center;}
.ap a {width:20px; padding:2px 5px 2px 5px; margin-right: 3px; font-size:11px; display:block; float:left; color:#fff; font-weight:bold; background:url(/images/pb.gif) top left no-repeat #fff; border:none; text-align:center;}
.ap a:hover {text-decoration:underline;}
.apmore {padding:2px 3px 2px 3px; margin-right: 3px; font-size:11px; display:block; float:left;}




.recom {width:200px; height:45px; background: url(/images/recom.png) top left no-repeat; float:left; text-align:left; margin-right:40px;}
.recom span {margin-top:18px; font-size:18px; display:block; margin-left:42px; text-align:left;}
.toplist {width:922px; margin: 0px auto; border: 2px solid #dda07f; background:#fff; text-align:left; height:430px; padding-left:5px; }



.paysite {width:922px; margin:5px auto; margin-bottom:10px; margin-top:30px;}
.screenshot {width:220px; float:left; text-align:left;}
.screenshot a .thumb {width:200px; height:150px; margin-bottom:5px;}
.screenshot a:hover .thumb {width:200px; height:150px; margin-bottom:5px;}
.siteinfo {width:700px; float:left; text-align:left;}
.sitename {margin-bottom:3px; font-size:18px; font-weight:bold;}
.sitedesc {margin-bottom:3px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.tourlink {margin-bottom:10px; font-size:18px; font-weight:bold; text-transform:capitalize;}
.samplestitle {font-size:12px; float:left; margin-right:10px; font-weight:bold;}
.samples a { padding: 4px 7px; margin-right: 7px; background: #fff799; border:1px #f26522 solid; text-decoration: none; font-weight: bold; font-size:12px; display:block; float:left; font-family:Verdana, Arial, Helvetica, sans-serif;}
.samples a:hover {border:1px solid #000; color:#000;}

.mainps {padding-left:17px; width:1000px; margin: 0 auto;}
.mainps .paysite {width:239px; height:316px; float:left; border:none; margin:0; margin-right:9px; text-align:center; background:url(/images/recom.png) top left no-repeat;}
.mainps .screenshot {float:none; text-align:center; width:100%; margin-top:39px;}
.mainps .screenshot a .thumb {width:200px; height:150px; margin-bottom:2px;}
.mainps .screenshot a:hover .thumb {width:200px; height:150px; margin-bottom:2px;}
.mainps .siteinfo {width:202px; float:none; text-align:center; margin:0 auto;}
.mainps .sitename {margin-bottom:0px;}
.mainps .sitedesc {width:100%; font-size:11px; font-weight:normal; text-align:justify; height:67px; overflow:hidden;}
.mainps .tourlink {display:none;}
.mainps .samples {width:100%;}
.mainps .samplestitle {font-size:11px; margin-right:6px;}
.mainps .samples a { padding: 1px 5px; margin-right: 3px; background:url(/images/pb.png) top left repeat-x #fff799; border:1px #f26522 solid; text-decoration: none; font-weight: bold; font-size:10px; display:block; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; color:#9d0a0e;}
.mainps .samples a:hover {border:1px solid #000; color:#000;}

.cjlist td {padding:2px;}
.cjlistniche {padding-right:5px;}
.cjlist td a {font-weight:bold;}

div.recom {position:relative; width:248px; height:108px; float:left; background:url(/images/recom.gif) top left no-repeat; text-align:left; padding:0; margin:0; margin-bottom:2px;}
span.recomimg {position:absolute; top:9px; left:11px; padding:0; margin:0;}
span.recomimg img {width:90px; height:90px; border:none; color:#fff; font-size:11px;}
span.recomtitle {position:absolute; top:9px; left:112px; width:110px; height:60px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; padding:0; margin:0; display:block;}
span.recomtitle a {color:#f5e6b9;}
span.recomtitle a:hover {color:#fff;}
span.recomhits {position:absolute; top:72px; left:112px; font-size:11px; font-weight:normal; color:#fff; white-space:nowrap; overflow:hidden; margin:0; padding:0;}
		
.psite {width:248px; height:260px; float:left; margin:0; margin-bottom:5px; font-weight:bold; font-size:18px; background:url(/images/precom.gif) top left no-repeat; padding-top:3px;}
.psite img {width:240px; height:200px; border:none; margin-top:3px; margin-bottom:2px;}
.psite a {color:#f5e6b9;}
.psite a:hover {color:#fff;}