h2.hd-whatsup, h2.hd-tips, h2.hd-interview, h2.hd-webofthemonth, h2.hd-exampleweb {
	background-repeat: no-repeat;
	display: block;
	height: 27px;
	width: 788px;
	text-indent: -9999px;
	margin-top: 2px;
}
h2.hd-whatsup {
	background-image: url(../images/hd_whats-up.png);
}
h2.hd-tips {
	background-image: url(../images/hd-tips.png);
}
h2.hd-interview {
	background-image: url(../images/hd_customer-interview.png);
}
h2.hd-webofthemonth {
	background-image: url(../images/hd_web-of-the-month.png);
}
h2.hd-exampleweb {
	background-image: url(../images/hd_customer-sample-web.png);
}
#content-text-wide {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(../images/bg-gradient.png);
	background-repeat: repeat-x;
}
#content-text, #detail-text {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
	padding: 20px;
	background-image: url(../images/bg-gradient.png);
	background-repeat: repeat-x;
}
#content-text p {
	display: block;
	height: auto;
	width: 420px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
#detail-text p {
	display: block;
	height: auto;
	width: 700px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
ul#infolist {
	width: 750px;
	display: block;
}
ul#infolist li {
	width: 750px;
	height: 28px;
	display: block;
}
ul#infolist li a { color:#454545; }
ul#infolist li a:hover { color:#FF9900; }

.pagination-dark-container { padding: 0; text-align: center; }
.pagination-dark { display: inline-block; margin: 0 0 5px 0; }
.pagination-dark li { display: inline-block; float: left; margin: 0; height: 32px; }
.pagination-dark li a { display: block; height: 100%; font-weight: bold; text-decoration: none; background: url(../images/paging-dark-bg.png) no-repeat -10px top; color: #fff; text-shadow: 0 1px 0 #000; }
.pagination-dark li span { display: block; padding: 0 10px; height: 30px; line-height: 30px; border-right: 1px solid #000; }
.pagination-dark li a:hover, .pagination-dark li a.active { background-position: -10px -32px; }
.pagination-dark li a:active { background-position: -10px -64px; }
.pagination-dark li.home a { background-position: left top; }
.pagination-dark li.home a:hover, .pagination-dark li.home a.active { background-position: left -32px; }
.pagination-dark li.home a:active { background-position: left -64px; }
.pagination-dark li.end a { background-position: right top; }
.pagination-dark li.end a:hover, .pagination-dark li.end a.active { background-position: right -32px; }
.pagination-dark li.end a:active { background-position: right -64px; }
.pagination-dark li.end span { border: none; }

.pagination-container { padding: 20px 0 0 0; text-align: center; background: url(../images/pagination-bg.jpg) no-repeat center top; }
.pagination { display: inline-block; margin: 0 0 5px 0; }
.pagination a { display: inline-block; float: left; line-height: 26px; height: 27px; padding: 0 8px; font-weight: bold; background: url(../images/pagination-middle-bg.png) repeat-x left top; color: #3d526c; }
.pagination a.prev, .pagination a.next { overflow: hidden; text-indent: -999em; width: 51px; padding: 0; background: url(../images/paging-prev-next-bg.png) no-repeat; }
.pagination a.prev { background-position: left top; }
.pagination a.next { background-position: right top; }
.pagination a.prev:hover { background-position: left -27px; }
.pagination a.next:hover { background-position: right -27px; }
.pagination a:hover { text-decoration: none; color: #8291a4; }
.pagination a.active { color: #09c; }

#container-detail, #container-recommend {
	text-align: left;
	margin: 0px auto;
	padding: 0;
	border:0;
	width: 750px;
}
#container-detail { width: 968px; padding: 0 6px; }
.block-detail-index { float: left; width: 230px; padding: 0; margin: 0 6px 10px 6px; height: 215px; overflow: hidden; }
.block-detail {
	float: left;
	width: 240px;
	padding: 0px 10px 0px 0px;
	height: 230px;
	overflow: hidden;
}
.block-detail-image {
	width: 100%;
	text-align: left;
}
.block-detail-text span.info { display: block; }
.block-recommend {
	float: left;
	width: 365px;
	padding: 15px 10px 0px 0px;
	height: 20px;
}
.block-recommend-text {
	width: 355px;
}



/* Tab promotion for first page */
#ads-container { width: 788px; height: 220px; position: relative; margin: 0 0 10px 0; padding: 0; }
#big-ads { width: 788px; height: 205px; background: #ccc; margin: 0; padding: 0; position: absolute; bottom: 0; z-index: 0; }
ul#promotion-switch-button { width: 513px; height: 40px; position: absolute; margin: 0; padding: 0; left: 138px; top: 0; z-index: 999; }
ul#promotion-switch-button li { margin: 0; padding: 0; display: block; }
li#promotion-package, li#promotion-design, li#promotion-email { width: 171px; height: 40px; background: url(../images/promotion-swich-button.png) no-repeat; text-indent: -2000px; overflow: hidden; float: left; }
li#promotion-package { background-position: left top; }
li#promotion-design { background-position: -171px top; }
li#promotion-email { background-position: -342px top; }
li#promotion-package:hover { background-position: left -40px; }
li#promotion-design:hover { background-position: -171px -40px; }
li#promotion-email:hover { background-position: -342px -40px; }
li#promotion-package.active { background-position: left -80px; }
li#promotion-design.active { background-position: -171px -80px; }
li#promotion-email.active { background-position: -342px -80px; }
ul#promotion-switch-button li a { display: block; width: 100%; height: 100%; }

div#big-ads div { display: none; }
div#big-ads div.active { display: block; }