@charset "utf-8";
#feature {
	background: url(../images/bg-feature.jpg) no-repeat;
	height: 356px;
	width: 788px;
	margin-top: 3px;
	position: relative;
}
#feature p {
	color: #FFFFFF;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
#feature ol {
	margin-left: 15px;
}
#feature li {
	width: 235px;
	position: relative;
	min-height: 100px;
	overflow: hidden;
	float: left;
	display: inline;
	margin-left: 10px;
	margin-bottom: 5px;
}
#feature li img {
	float: left;
}
#feature li h4 {
	margin-left: 90px;
	font-size: 1.04375em;
	color: #FFFFFF;
}
#feature li p {
	margin-left: 90px;
	margin-top: 7px;
	line-height: 120%;
	padding: 0px;
}
h3.hd-feature {
	display: none;
}
a.btn-readmore {
	background-image: url(../images/btn-readmore.png);
	background-repeat: no-repeat;
	display: block;
	height: 27px;
	width: 90px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	text-indent: -9999px;
}
div.content-line1 {
	background-image: url(../images/bg-content-line1.png);
	background-repeat: repeat-y;
	position: relative;
	margin-top: 3px;
}
#tips-block  {
	width: 393px;
	float: left;
}
#news-block {
	float: right;
	width: 393px;
}
h3.hd-tip-of-the-week, h3.hd-news  {
	background-image: url(../images/hd-special-features.png);
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	width: 393px;
	text-indent:-9999px;
	position: relative;
}
h3.hd-news {
	background-image: url(../images/hd-news.png);
}
p.tip-of-the-week {
	background-image: url(../images/bg-gradient.png);
	background-repeat: repeat-x;
	height: auto;
	width: 371px;
	margin-left: 1px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
	position: relative;
}
a.btn-tips {
	background-image: url(../images/btn-tip-more.png);
	background-repeat: no-repeat;
	display: block;
	height: 26px;
	width: 84px;
	text-indent: -9999px;
	position: absolute;
	right: 15px;
	bottom: 5px;
}
ul.news {
	position: relative;
	width: 371px;
	height: auto;
	background-image: url(../images/bg-gradient.png);
	background-repeat: repeat-x;
	padding: 10px;
	margin-left: 1px;
}
ul.news li {
	display: block;
	height: 80px;
	width: 370px;
	padding-bottom: 20px;
}
ul.news li h4 {
	margin-left: 80px;
}
ul.news  li  p {
	margin-left: 80px;
	padding-bottom: 10px;
}
span.footer-content-line1 {
	background-image: url(../images/bg-footer-content-line1.png);
	background-repeat: no-repeat;
	height: 7px;
	width: 788px;
	display: block;
	position: relative;
	clear: both;
}
span.hd-content-line2 {
	background-image: url(../images/hd-content-line2.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 788px;
	display: block;
	margin-top: 3px;
}
span.hd-content-line3 {
	background-image: url(../images/hd-content-line3.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 788px;
	display: block;
	margin-top: 3px;
}

dl.content-line2 dt {
	display: none;
}
dl.content-line2 {
	background-image: url(../images/bg-content-line2.png);
	background-repeat: repeat-y;
	padding-bottom:0px;
}
dl.content-line2 ul { overflow: hidden; }
dd.website-of-the-month, dd.new-template, dd.interview, dd.qa-design, dd.what-up {	background: url(../images/bg-gradient.png)  repeat-x; width: 239px; display: inline; float: left;	padding: 10px 10px 0 10px; margin: 0 1px; overflow:hidden;}
dd.interview, dd.what-up  {	margin-left:4px;}
.ie dd.interview {   overflow:hidden; }
dd.new-template, dd.qa-design {	margin-left:3px;	}

/* New Template */
dd.new-template { text-align:center; position:relative; }
dd.new-template em { font-size:10px; display:block; right:5px; bottom:-40px; position:absolute; z-index:10; }

#new-template { position:relative; overflow:hidden; height:226px;   }
div.jCarouselLite2 { float:left;  }
#new-template ul { display:block; float:left;  }
#new-template ul li { display:inline; padding: 0; }
#new-template ul li a { display:block; float:left;   }
#new-template a.btn-prev2, #new-template a.btn-next2 { text-indent:-200em; display:block; width:29px; height:150px; background: url(../images/customer-web/btn-prev-web-customer.png) no-repeat 0% 70px; position:relative;  z-index:99; float:left; }
#new-template a.btn-next2 { background: url(../images/customer-web/btn-next-web-customer.png) no-repeat 100% 70px;  }

dd.website-of-the-month { }
dd.website-of-the-month li { padding: 5px 0 0 80px; }
dd.website-of-the-month li.top-1 { background: url(../images/trophy-1.png) no-repeat; min-height: 70px; height:auto !important; height: 70px; padding-top:5px;  }
dd.website-of-the-month li.top-2 { background: url(../images/trophy-2.png) no-repeat; min-height: 70px; height:auto !important; height: 70px; padding-top:5px;   }
dd.website-of-the-month li.top-3 { background: url(../images/trophy-3.png) no-repeat; min-height: 70px; height:auto !important; height: 70px; padding-top:5px;   }

ul.info, ul.star, ul.qa { padding-top:10px; }
ul.info li, ul.star li, ul.qa li { margin-bottom: 10px; display:block; padding: 0 0 0 30px; background: url(../images/icon-info.png) no-repeat 0 3px; }
ul.star li  { background: url(../images/icon-star.png) no-repeat 0 0; }
ul.qa li { background: url(../images/icon-qa.png) no-repeat 0 3px; height: 25px; }
ul.info li a, ul.star li a, ul.qa li a, dd.website-of-the-month li a { color:#222; }
ul.info li a:hover, ul.star li a:hover, ul.qa li a:hover, dd.website-of-the-month li a:hover { color:#F60; }

span.footer-content-line2 {
	background-image: url(../images/bg-footer-content-line2.png);
	background-repeat: no-repeat;
	display: block;
	height: 7px;
	width: 788px;
	position: relative;
}
h3.hd-album-article-directory, h2.hd-directory {
	background-repeat: no-repeat;
	height: 25px;
	width: 787px;
	text-indent: -9999px;
	margin-top: 3px;
}
h3.hd-album-article-directory {
	background-image: url(../images/hd-album-article-directory.png);
}
h2.hd-directory {
	background-image: url(../images/hd-directory.png);
}
table.directory-table td.directory-list {
	width: 33%;
	text-align: center;
	vertical-align: text-top;
	padding: 10px 0;
}
table.album-article-directory, table.directory-table {
	background-image: url(../images/bg-gradient.png);
	background-repeat: repeat-x;
	width: 787px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
}
.group {
	width: 24%;
	text-indent: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.album {
	background-image: url(../images/bullet-album-g.png);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	text-indent: 25px;
	width:67px;
	background-color: #f2f2f2;
	overflow:hidden;
}
.article {
	background-color: #f2f2f2;
	background-image: url(../images/bullet-doc.png);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	width:67px;
	text-indent: 25px;
	overflow:hidden;
}
.directory {
	background-color: #f2f2f2;
	background-image: url(../images/bullet-directory-g.png);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	text-indent: 25px;
	width:66px;
	overflow:hidden;
}
td.album a, td.article a, td.directory a { display:block; float:left; overflow:hidden;}
span.footer-table {
	background-image: url(../images/bg-footer-table.png);
	background-repeat: no-repeat;
	display: block;
	height: 7px;
	width: 788px;
	position: relative;
	top: -7px;
}
.tag_cloud { padding: 3px; text-decoration: none; font-family: Tahoma; line-height:120%; }
.tag_cloud:link  { color: #666666; }
.tag_cloud:visited { color: #666666; }
.tag_cloud:hover { color: #ffffff; background: #6E8CAD; }
.tag_cloud:active { color: #666666; }

/* Web Customer */
#hd-customer-web { width:789px; height:25px; display:block; text-indent:-200em; background: url(../images/customer-web/hd-web-customer.png) no-repeat; margin-top:3px; }
#customer-web { position:relative; border-left:solid 1px #ccc;  border-right:solid 1px #ccc; width:786px; background: url(../images/bg-gradient.png) repeat-x; overflow:hidden; height:195px; }
#customer-web-index { position:relative; border-left:solid 1px #ccc;  border-right:solid 1px #ccc; width:786px; background: url(../images/bg-gradient.png) repeat-x; overflow:hidden; height:1070px; }
div.jCarouselLite { float:left; }
#customer-web ul, #customer-web-index ul { display:block; }
#customer-web ul li, #customer-web-index ul li { display:inline; padding: 15px 5px 10px 5px; }
#customer-web ul li a, #customer-web-index ul li a { display:block; float:left; }
span.footer-customer-web {  width:790px; height:5px; display:block; background: url(../images/customer-web/footer-web-customer.png) no-repeat; }
#customer-web a.btn-prev, #customer-web a.btn-next { text-indent:-200em; display:block; width:75px; height:170px; background: url(../images/customer-web/btn-prev-web-customer.png) no-repeat 5% 70px; position:relative;  z-index:99; float:left; }
#customer-web a.btn-next { background: url(../images/customer-web/btn-next-web-customer.png) no-repeat 95% 70px; }
#customer-web-index-header { margin: 0px 0px 5px 0; text-align: center; }
#customer-web-index-page { margin: 0px 0px 0px 18px; }
/*#customer-web-info { height: 865px; }*/

/* Left */
.gecko ul.stat, .webkit ul.stat, .webkit table.album-article-directory td { font-size:12px; }

/* Blank */
#hd-blank { width:789px; height:25px; display:block; text-indent:-200em; background: url(../images/hd-blank.png) no-repeat; margin-top:3px; }