/* tags */
body {
	margin: 20px 0;
	background: #000;
	font-family: arial, hevletica, freesans, sans-serif;
}



/* structure */
#wrapper {
	width: 992px;
	margin: 0 auto;
}
#all {
	width: 100%;
	border: 2px solid #222;
	background: #464845 url(../images/bg.all.png) repeat-x left top;
	float: left;
}
#top {
	position: relative;
	background: #000 url(../images/bg.top.png) repeat-x left top;
	height: 92px;
	width: 100%;
}
#hf_logo_top {
	position: absolute;
	display: block;
	top: 16px;
	left: 12px;
}
#utils {
	position: relative;
	float: right;
	padding: 18px 8px;
	min-width: 407px;
}
#nav {
	width: 100%;
	height: 37px;
	line-height: 37px;
	vertical-align: middle;
	background: #333 url(../images/bg.nav.i.png) repeat-x left top;
	border-top: 2px solid #222;
	border-bottom: 2px solid #222;
}
#main {
	width: 100%;
	float: left;
	background: #464845 url(../images/bg.all.png) repeat-x left top;
}
#content {
	width: 100%;
	clear: both;
	float: left;
	min-height: 100px;
}
#videos {
	width: 960px;
	height: 1290px;
	margin: 0 16px;
}
* html #videos {
	margin: 16px !important;
}



/* nav */
#nav a {
	display: block;
	height: 37px;
	line-height: 37px;
	vertical-align: middle;
	float: left;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 8px;
	border-right: 2px solid #222;
}
#nav a:link,
#nav a:visited {
	background: transparent url(../images/bg.nav.i.png) repeat-x left top;
	color: #cc6215;
}
#nav a:hover {
	background: transparent url(../images/bg.nav.o.png) repeat-x left top;
	color: #dcc425;
	text-decoration: none;
}
#nav a.current {
	background: transparent url(../images/bg.nav.d.png) repeat-x left top;
	color: #fff;
	text-decoration: none;
}
#nav a#contact {
	float: right !important;
	border-right: none !important;
	border-left: 2px solid #222 !important;
}



/* footer */
#footer_top {
	clear: both;
	float: left;
	height: 46px;
	width: 100%;
	background: transparent url(../images/bg.footer.top.png) repeat-x;
}
#footer {
	position: relative;
	float: left;
	clear: both;
	height: 57px;
	width: 100%;
	color: #555;	
	background: #1f2120 url(../images/bg.footer.png) repeat-x left top;
	border-top: 1px solid #444;
}
#footer a#hf_logo_foot {
	position: absolute;
	display: block;
	top: 4px;
	left: 4px;
}
#footer #text_links {
	float: left;
	position: absolute;
	left: 38px;
	top: 36px;
	font-size: 11px;
	font-weight: bold;
	color: #b4a83b;
	text-transform: uppercase;
}
#footer #text_links a:link,
#footer #text_links a:visited {
	color: #f90;
}
#footer #text_links a:hover {
	color: #fff;
	text-decoration: none;
}
#footer #copyright {
	float: right;
	position: absolute;
	right: 8px;
	top: 8px;
	font-size: 8px;
	text-transform: uppercase;
}
#thanks {
	float: left;
	clear: both;	
	width: 100%;
	background: #2e2e2e;
	color: #6c706b;
	border-top: 2px solid #333;
}
#thanks h5 {
	padding: 4px 8px 2px 38px;
	clear: both;
	float: left;
	font-size: 12px; 
	text-transform: uppercase;
	margin: 0;
}
#thanks h6 {
	padding: 0 8px 4px 38px;
	clear: both;
	float: left;
	width: 900px;
	font-size: 8px;
	font-weight: normal;
	text-transform: uppercase;
	color: #545752;
	margin: 0;
}



/* utils */
#utils_links {
	position: absolute;
	top: 9px;
	right: 8px;
	color: #777;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
#utils_links a:link,
#utils_links a:visited {
	color: #cc6215 !important;
	padding: 0 4px;
}
#utils_links a:last-child {
	padding: 0 0 0 4px !important;
}
#utils_links a:hover {
	color: #eed31f !important;
	text-decoration: none;
}
#utils_caption {
	position: absolute;
	top: 8px;
	left: 0px;
	padding-left: 18px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	width: 135px;
}
#utils_caption a {
	color: #fff;
}
#utils_caption a.forgot:link,
#utils_caption a.forgot:visited {
	display: block;
	float: right;
	margin: 0 0 0 8px;
	position: relative;
	top: 3px;
	font-size: 10px;
	color: #777 !important;
}
#utils_caption a.forgot:hover {
	text-decoration: none;
	color: #fff;
}
#utils_caption .ico_login {
	position: relative;
	top: 3px;
	left: 0px;
}
#utils_caption .ico_member {
	background: transparent url(../images/icons.png) no-repeat  -120px 0;
	position: relative;
	left: 3px;
	top: 2px;	
	width: 20px;
	height: 17px;
	float: left;
}
#utils form#login_form {
	position: relative;
	width: auto;
	height: 48px;
	top: 16px;
	right: 0px;
	margin: 0;
}
#utils form#login_form label {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
	padding: 0 0 0 10px;
}
#utils form#login_form input[type="text"],
#utils form#login_form input[type="password"] {
	width: 120px;
	font-size: 14px;
	line-height: 14px;
	vertical-align: middle;
	padding: 0 2px;
}
#utils form#login_form a#login.button {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color: transparent;
	background-image: url(../images/b.login.png);
	background-repeat: no-repeat;
	width: 82px;
	height: 17px;
	text-indent: -2000em;
	cursor: pointer;
}
#utils form#login_form a#login.button:link,
#utils form#login_form a#login.button:visited, {
	background-position: 0px 0px;
}
#utils form#login_form a#login.button:hover {
	background-position: 0px -17px;
}
#your_stuff {
	position: absolute;
	left: 48px;
	top: 32px;
	width: 400px;
	font-weight: bold;
	font-size: 11px;
	color: #5c5c5c;
	line-height: 17px;
	vertical-align: middle;
}
#your_stuff .your_stuff_ico {
	background: transparent url(../images/icons.png) no-repeat -140px 0;
	width: 16px;
	height: 17px;
	line-height: 17px;
	float: left;
	margin-right: 8px;
	position: relative;
	left: 12px;
	top: -4px;
}
#your_stuff .your_stuff_label {
	font-size: 12px;
	margin: 0 8px;
	float: left;
	line-height: 17px;
	vertical-align: middle;
	color: #a0a0a0;
}
#your_membership_rank {
	line-height: 12px;
	margin: 0 0 8px 0;
	color: #a0a0a0;
	text-transform: uppercase;
}
.membership_gold {
	color: #ffbc00;
}
.membership_silver {
	color: #9c9c9c;
}
.membership_platinum {
	color: #c6e8e7;
}
#your_stuff a:link,
#your_stuff a:visited {
	color: #CC6215;
	font-size: 12px;
	text-transform: uppercase;
}
#your_stuff a:hover {
	color: #fff;
}
#utils .membership_badge {
	position: relative;
	top: 3px;
	margin: 0 4px 0 0;
}

/* modules */		
.module_wrapper {
	clear: left;
	float: left;
	border: 1px solid #060a0a;
	margin: 8px 4px 8px 16px;
	width: 776px;
}
.module {
	width: 100%;
	float: left;
}
.caption_wrapper {
	border-bottom: 1px solid #060a0a;
}
.caption {
	line-height: 24px;
	height: 24px;
	background: #2b2d2d url(../images/bg.mod_caption.png) repeat-x left top;
	font-size: 14px;
	font-weight: bold;
	color: #d7e8d4;
	border: 1px solid #414443;
	text-transform: uppercase;
}
.caption .icon {
	float: left;
	margin: 0 0 0 4px;
	background: transparent url(../images/icons.png) no-repeat;
	width: 20px;
	height: 17px;
}
.caption .commands {
	float: right;
	margin: 0 8px;
}
.module_content_wrapper {
	background: #3c3f3e;
}
.module_content {
	padding: 4px 8px;
	color: #a8a8a8;
	font-size: 11px;
}
#recent_uploads.module_wrapper .icon {
	position: relative;
	top: 5px;
	left: 0px;
	background-position: -60px 0px;
}
#categories.module_wrapper .icon {
	position: relative;
	top: 6px;
	left: 0px;
	background-position: -40px 0px;
}
#latest_posts.module_wrapper .icon {
	position: relative;
	top: 6px;
	left: 0px;
	background-position: -80px 0px;
}
#latest_posts.module_wrapper {
	clear: left;
	width: 100%;
	margin-left: 0;
}
#latest_posts.module_wrapper .commands a {
	position: relative;
	top: 3px;
	left: 0px;
}
#recent_comments.module_wrapper .icon {
	position: relative;
	top: 6px;
	left: 0px;
	background-position: 0px 0px;
}
#recent_comments.module_wrapper {
	clear: none;
	width: 100%;
	margin-left: 0;
}
#recent_comments.module_wrapper .commands a {
	position: relative;
	top: 3px;
	left: 0px;
}
#top_members.module_wrapper {
	clear: right;
	width: 100%;
	margin-left: 0;
}
#top_members.module_wrapper .icon {
	position: relative;
	top: 5px;
	left: 0px;
	background-position: -100px 0px;
}
#top_members.module_wrapper .commands a {
	position: relative;
	top: 3px;
	left: 0px;
}
#newsletter.module_wrapper .icon {
	position: relative;
	top: 8px;
	left: 0px;
	background-position: -20px 0px;
}
#newsletter.module_wrapper form {
	display: inline;
}
#newsletter.module_wrapper label {
	display: block;
	float: left;
	line-height: 14px;
	vertical-align: middle;
	margin: 0 4px 0 0;
	position: relative;
	top: 6px;
	text-transform: uppercase;
	font-weight: bold;
}
#newsletter.module_wrapper input[type="text"] {
	display: block;
	float: left;
	font-size: 14px;
	line-height: 14px;
	padding: 0 2px;
	width: 175px;
	margin: 0 4px;
	position: relative;
	top: 2px;
	vertical-align: middle;
}
#members_online.module_wrapper .icon {
	position: relative;
	top: 5px;
	left: 0px;
	background-position: -120px 0px;
}



/* buttons */
.btn#visit_forum:link,
.btn#visit_forum:visited {
	width: 92px;
	height: 17px;
	display: block;
	float: left;
	background: transparent url(../images/b.visit_forum.png) no-repeat 0px 0px;
	text-indent: -2000em;
}
.btn#visit_forum:hover {
	background-position: 0px -17px;
}
.btn#view_all_comments:link,
.btn#view_all_comments:visited {
	width: 132px;
	height: 17px;
	display: block;
	float: left;
	background: transparent url(../images/b.view_comments.png) no-repeat 0px 0px;
	text-indent: -2000em;
}
.btn#view_all_comments:hover {
	background-position: 0px -17px;
}
.btn#view_all_members:link,
.btn#view_all_members:visited {
	width: 122px;
	height: 17px;
	display: block;
	float: left;
	background: transparent url(../images/b.view_all_members.png) no-repeat 0px 0px;
	text-indent: -2000em;
}
.btn#view_all_members:hover {
	background-position: 0px -17px;
}
.btn.next_page:link,
.btn.next_page:visited {
	width: 82px;
	height: 17px;
	display: block;
	float: left;
	background: transparent url(../images/b.next_page.png) no-repeat 0px 0px;
	text-indent: -2000em;
	position: relative;
	top: 3px;
	margin-left: 4px;
}
.btn.next_page:hover {
	background-position: 0px -17px;
}
.btn.next_page.disabled {
	background-position: 0px -34px;
}
.btn.prev_page:link,
.btn.prev_page:visited {
	width: 82px;
	height: 17px;
	display: block;
	float: left;
	background: transparent url(../images/b.prev_page.png) no-repeat 0px 0px;
	text-indent: -2000em;
	position: relative;
	top: 3px;
	margin-left: 4px;
}
.btn.prev_page:hover {
	background-position: 0px -17px;
}
.btn.prev_page.disabled {
	background-position: 0px -34px;
}



/* advertisements */
.ad {
	background: #222;
	border: 1px solid #000;
}
.ad .sponsor_notice {
	padding: 4px 0;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #555;
}
.ad#mid_mini_leaderboard {
	clear: left;
	width: 468px;
	margin: 16px auto;
}
.ad#oh_leaderboard {
	clear: both;
	width: 728px;
	margin: 16px auto 0 auto;
}
.ad#oh_skyscraper {
	clear: right;
	float: right;
	width: 160px;
	margin: 8px 16px;
}
.ad#side_ohub_partner {
	float: right;
	width: 120px;
	margin: 24px 16px 0 16px;
	position: relative;
	left: -20px;
}
#sponsors .sponsor_notice {
	background: #222 !important;
	border: 1px solid #222 !important;
}
#sponsors .ad {
	background: #464845 !important;
	border: 0 !important;
}
#sponsors .ad img {
	border: 1px solid #222 !important;
}
#sponsors_horiz .ad_unit,
#sponsors_horiz .ad {
	float: left;
}
#sponsors_horiz .ad {
	margin: 16px 8px 16px 8px !important;
}
#sponsors_horiz #mid_mini_leaderboard {
	clear: none !important;
	width: 468px;
	position: relative;
	top: 32px;
}


/* announcement */
.announcement {
	float: left;
	clear: both;
	width: 100%;
	line-height: 18px;
	vertical-align: middle;
	margin: 0 0 16px 0;
}
.announcement .caption {
	float: left;
	clear: both;
	width: 100%;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	text-transform: uppercase;
	background: #5c6d52 url(../images/bg.caption.png) repeat-x left top;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	border-top: 1px solid #c0822c;
	border-bottom: 1px solid #c0822c;
}
.announcement .ico_bg {
	position: relative;
	float: left;
	width: 24px;
	height: 18px;
	background: #b97c22 url(../images/bg.caption.announce_ico.png) repeat-x left top;	
	margin: 0 4px 0 0;
}
.announcement .ico_notice {
	position: absolute;
	top: 5px;
	left: 6px;
	width: 13px;
	height: 8px;
	background: transparent url(../images/icons.png) no-repeat -190px 0;
}
.announcement .notice {
	clear: both;
	float: left;
	width: 100%;
	background: #313938 url(../images/bg.body.announce.png) repeat-x left bottom;
	border-bottom: 2px solid #222;
}
.announcement .notice h1 {
	color: #c9d9c5;
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	margin: 4px 0;
	text-transform: uppercase;
}
.announcement .notice_container {
	padding: 8px;
}
.announcement .notice h1 em {
	color: #fff !important;
	font-style: normal;
	text-decoration: underline;
}
.announcement .notice p {
	clear: left;
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #768076;
	line-height: 16px;
	margin: 4px 0 0 0;
}
.announcement .notice p a:link,
.announcement .notice p a:visited {
	text-transform: uppercase;
	color: #768076;
}
.announcement .notice p a:hover {
	color: #fff;
	text-decoration: none;
}
.announcement .notice p#dont_show {
	clear: both;
	width: 100%;
	margin: 0 0 8px 0;
}
.announcement .notice p#dont_show input {
	display: block;
	float: right;
}
.announcement .notice p#dont_show label {
	display: block;
	float: right;
	margin: 0 0 0 4px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
	cursor: pointer;
}



/* module rows */
.module_row {
	position: relative;
	clear: both;
	float: left;
	padding: 4px 8px;
	color: #7a847a;
	background: #4d5452;
	font-size: 10px;
	width: 100%;
	line-height: 13px;
	font-weight: bold;
}
.module_row +.module_row {
	border-top: 1px solid #4d5452;
}
.module_row.odd {
	background: #303332;
}
.module_row.even {
	background: #3c3f3e;
}
#latest_posts .module_content_wrapper,
#latest_posts .module_content {
	float: left;
	width: 364px;
	padding: 0 !important;
}
.post_topic a:link,
.post_topic a:visited {
	font-size: 12px;
	color: #e7b96e;
}
.post_author a:link,
.post_author a:visited,
.member_name a:link,
.member_name a:visited {
	color: #ddcc3d;
}
.membership_class {
	text-transform: capitalize;
}
.membership_class.platinum {
	color: #9ebdbc;
}
.membership_class.gold {
	color: #ffaf00;
}
.membership_class.silver {
	color: #949494;	
}
.membership_class.admin {
	color: #fff;
}
.member_stats a:link,
.member_stats a:visited,
.forum_name a:link,
.forum_name a:visited,
#members_online a:link,
#members_online a:visited {
	color: #829c7f;
}
.post_topic a:hover,
.post_author a:hover,
.member_name a:hover,
.forum_name a:hover,
.member_stats a:hover,
#members_online a:hover {
	color: #d7e8d4;
}
.post_author {
	float: left;
}
.post_meta {
	float: right;
	font-size: 10px;
}
#members_online .module_content_wrapper,
#members_online .module_content {
	float: left;
	width: 100%;
}
#members_online .module_content {
	padding: 16px 8px;
}
#members_online a {
	line-height: 14px;
}
#recent_comments .module_content_wrapper,
#recent_comments .module_content,
#top_members .module_content_wrapper,
#top_members .module_content {
	float: left;
	width: 364px;
	padding: 0 !important;
}
#recent_comments .post_topic a:link,
#recent_comments .post_topic a:visited {
	color: #e0c9a7 !important;
}
#recent_comments .module_row {
	height: 40px;
}
#recent_comments .post_author {
	clear: left;
}
#recent_comments .thumbnail {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 48px;
	height: 48px;
}
#recent_comments .comment_data {
	position: relative;
	width: 300px;
	height: 40px;
	float: left;
}
#recent_comments .comment_bot {
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0px;
}
#recent_comments .post_topic {
	position: absolute;
	left: -1px;
	top: -1px;
	width: 100%;
}
#recent_comments .post_topic a.more:link,
#recent_comments .post_topic a.more:visited {
	margin: 0 0 0 4px;
	color: #e7b96e !important;
}
#recent_comments .post_topic a.more:hover,
#recent_comments .post_topic a:hover {
	color: #d7e8d4 !important;
}
#recent_comments .post_meta {
	float: right;
}
#top_members .module_row {
	line-height: 13px !important;
}
#top_members .member_name a {
	display: block;
	float: left;
}
#top_members .member_name {
	font-size: 13px;
	font-weight: bold;
	width: 165px;
	float: left;
}
#top_members .membership_type {
	font-size: 12px;
	width: 100px;
	float: left;
}
#top_members .member_since {
	font-size: 10px;
}
#top_members .member_stats {
	float: right;
}



/* tiles */
.tile {
	background: #444643 url(../images/bg.tile.i.png) repeat-x left top;
}
.tile:hover {
	background: #667166 url(../images/bg.tile.o.png) repeat-x left top;
}


/* video categories */
#categories.module_wrapper {
	width: 957px;
	margin: 16px;
}
#categories .module_content {
	margin-bottom: 1px;
}
#categories .module_content_wrapper,
#categories .module_content {
	float: left;
	width: 100%;
	padding: 0 !important;
}
#categories .cat_cell {
	float: left;
	width: 174px;
	height: 64px;
	margin: 1px 0 0 1px;
	padding: 8px;
	position: relative;
}
#categories .cat_cell .num_videos {
	position: absolute;
	right: 4px;
	bottom: 4px;
	color: #8B958A;
}
#categories .thumbnail {
	position: relative;
	float: left;
	width: 60px;
	height: 60px;
}
#categories .thumbnail .thumb {
	position: absolute;
	display: block;
	width: 60px;
	height: 60px;
	border: 2px solid #4e5452;
}
#categories .thumbnail .thumb:hover {
	border: 2px solid #d6721b;
}
#categories .meta {
	float: left;
	color: #8b958a;
	width: 96px;
	margin: 0 0 0 10px;
}
#categories .meta .label {
	clear: left;
	float: left;
	font-size: 11px;
	line-height: 13px;
	width: 60px;
}
#categories .meta .data {
	float: left;
	margin-left: 4px;
	line-height: 13px;
	font-size: 11px;
	width: auto;
}
#categories .title {
	position: relative;
	float: left;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
}
#categories .title a:link,
#categories .title a:visited {
	color: #f3c272;
	text-decoration: none;
}
#categories .title a:hover {
	color: #fff !important;
}
#categories .thumbnail .play_button {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 21px;
	height: 21px;
	background: transparent url(../images/b.play.png) no-repeat 0px 0px;
	z-index: 2;
	cursor: pointer;
}
#categories .thumbnail .play_button:hover {
	background: transparent url(../images/b.play.png) no-repeat 0px -21px;
}


/* recent uploads */
#recent_uploads.module_wrapper {
	margin: 0 16px 0 0;
	width: 786px;
	float: right;
}
#recent_uploads .module_content_wrapper,
#recent_uploads .module_content {
	float: left;
	width: 100%;
	padding: 0;
	background: #444643;
}
#recent_uploads .module_content {
	margin-bottom: 1px;
}
#recent_uploads .vid_cell {
	float: left;
	width: 245px;
	height: 100px;
	margin: 1px 0 0 1px;
	padding: 8px;
}
#recent_uploads .vid_cell + #recent_uploads .vid_cell {
	margin: 1px;
}
#recent_uploads .thumbnail {
	position: relative;
	float: left;
	width: 90px;
	height: 90px;
}
#recent_uploads .thumbnail .play_button {
	position: absolute;
}
#recent_uploads .thumbnail .duration {
	position: absolute;
	z-index: 2;
	left: 2px;
	top: 2px;
	background: #000;
	color: #fff;
	font-weight: bold;
	padding: 2px 4px;
	border: 1px solid #333;
	text-align: center;
	opacity: 0.80;
	-webkit-opacity: 0.80;
	-moz-opacity: 0.80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);	
}
#recent_uploads .thumbnail .thumb {
	position: absolute;
	display: block;
	width: 90px;
	height: 90px;
	border: 2px solid #4e5452;
}
#recent_uploads .thumbnail .thumb:hover {
	border: 2px solid #d6721b;
}
#recent_uploads .thumbnail .play_button {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 21px;
	height: 21px;
	background: transparent url(../images/b.play.png) no-repeat 0px 0px;
	z-index: 2;
	cursor: pointer;
}
#recent_uploads .thumbnail .play_button:hover {
	background: transparent url(../images/b.play.png) no-repeat 0px -21px;
}
#recent_uploads .title {
	position: relative;
	float: left;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
}
#recent_uploads .title a:link,
#recent_uploads .title a:visited {
	color: #f3c272;
}
#recent_uploads .user a:link,
#recent_uploads .user a:visited {
	color: #ddcc3d;
	display: block;
	float: left;
}
#recent_uploads .user .membership_badge {
	float: left;
}
#recent_uploads a:hover {
	color: #fff !important;
}
#recent_uploads .user {
	clear: left;
	float: left;
	margin: 4px 0 8px 0;
}
#recent_uploads .meta {
	float: left;
	color: #8b958a;
	width: 145px;
	margin: 0 0 0 10px;
}
#recent_uploads .meta .label {
	clear: left;
	float: left;
	font-size: 11px;
	line-height: 13px;
	width: 60px;
}
#recent_uploads .meta .data {
	float: left;
	margin-left: 4px;
	line-height: 13px;
	font-size: 11px;
	width: auto;
}
#recent_uploads .rating_small {
	width: 59px;
	height: 11px;
}
#recent_uploads .rating_small .rating_full {
	background: transparent url(../images/rating.png) repeat-x 0px -11px;
}
#recent_uploads .rating_small .rating_empty {
	background: transparent url(../images/rating.png) repeat-x 0px 0px;
}



/* inputs */
.text_focus,
.text_blur {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.text_focus {
	background: #ffc;
	border: 2px solid #d6721b;
}
.text_blur {
	background: #fff;
	border: 2px solid #777;
}



/* icons */
.ico_login {
	background-color: transparent;
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	height: 17px;
}
.ico_login {
	background-position: -160px 0px;
	width: 30px;
}



/* products */
.products {
	position: relative;
	width: 940px;
	float: left;
	margin: 16px;
	border: 1px solid #4d5452;
	padding: 8px 8px 16px 8px;
	background: #303332;
	color: #859087;
}
.product {
	position: relative;
	float: left;
}
.products h1 {
	color: #d7e8d4;
	margin: 24px 0 48px 0;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
.products > p {
	font-size: 14px;
	line-height: 16px;
	margin: 16px 0 32px 0;
}
.product .title,
.product .description {
	float: left;
	clear: left;
	width: 425px;
	margin: 0 16px 0 0;
}
.product .title {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 8px 0;
	color: #b1cbac;
}
.product .description {
	font-size: 13px; 
	line-height: 16px;
}
.product .photo {
	float: left;
	width: 300px;
	text-align: center;
	margin: 0 16px 0 0;
}
.product .price {
	float: right;
	text-align: center;
	color: #a4c09e;
	width: 150px;
	font-weight: bold;
	font-size: 16px;
}
.product .price form {
	margin: 16px 0;
}
.membership .membership_price form {
	margin: 0 !important;
	display: block;
	clear: left;
}
#advertising .membership {
	min-height: 310px;
}
.membership {
	position: relative;
	background: #1c1f1e;
	min-height: 275px;
	float: left;
	width: 205px;
	border: 1px solid #4e5452;
}
.membership + .membership {
	margin: 0 0 0 32px;
}
.membership .membership_price {
	padding: 6px;
	color: #b1cbac;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	height: 32px;
	vertical-align: middle;
}
.membership .membership_desc {
	padding: 8px;
	margin: 16px 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
}
#advertising .example {
	float: left;
	width: 100%;
	margin: 32px 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
#terms.membership {
	background: transparent;
	border: 0;
}
#terms .membership_desc {
	text-align: left;
	font-size: 14px !important;
	font-weight: normal !important;
}
.membership .title {
	background: #000;
	padding: 8px;
	font-weight: bold;
	color: #fff;
	margin: 0 0 16px 0;
	text-align: center;
}
.hf_view_cart {
	position: absolute;
	right: 8px;
	top: 24px;
}
.paypal_logo {
	text-align: center;
	width: 150px;
	position: absolute;
	left: 8px;
	top: 16px;
}


/* misc. classes */
.bottom_half {
	float: left;
	width: 380px;
	margin: 0 0 16px 16px;
	min-height: 300px;
}
#banners_content { 
	position: relative;
	width: 100%;
	margin: 32px 0;
	color: #d7e8d4;	
	float: left;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
#banners_content img {
	display: block;
	margin: 24px auto 2px auto;
}
#banners_content p {
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	text-align: left;
	margin: 64px;
}
#banners_content h1 {
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0 0 0 24px;
}



/* membership badges */
.membership_badge {
	background: transparent url(../images/icons.png) no-repeat;
	width: 15px;
	height: 11px;
	float: left;
	margin: 0 0 0 4px;
}
.membership_badge.regular,
.membership_badge.new {
	display: none;
}
.membership_badge.admin {
	background: transparent url(../images/badge_admin.png) no-repeat;
	width: 15px;
	height: 11px;
	float: left;
	margin: 0 0 0 4px;
}
.membership_badge.platinum {
	background-position: -250px 0;
}
.membership_badge.gold {
	background-position: -230px 0;
}
.membership_badge.silver {
	background-position: -210px 0;
}

.server_error {
	padding: 8px;
	background: #400d0f;
	color: #fffab2;
}