@charset "UTF-8";
/* CSS Document */
* { margin:0px; padding:0px; }
img { border:0px; }
a { outline: none; }
body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px; 
	color:#333;
	margin:0px;
	background:url(../img/background.png) top center repeat;
}
li { margin-left:15px; }
p { margin:0px; padding:0px; }
h1 { font-size:24px; margin:0px; color:#FFF; font-weight:normal; }
h2 { font-size:22px; margin:7px 0 0 0; color:#FFF; font-weight:bold; text-align:center; }
h3 { font-size:24px; margin:0px; color:#C1C1C1; font-weight:bold; }
h5 { font-size:18px; margin:0px; padding:0px; color:#666; }
h6 { font-size:20px; margin:0px; padding:0px; color:#666; }

.left { float:left; }
.right { float:right; }
.clear { clear:both }
.no_margins { margin:0px; }
.hide { display:none; }

a:link { text-decoration: underline; color:#FFF; }
a:visited { text-decoration: underline; color:#FFF; }
a:hover { text-decoration: none; color:#FFF; }
a:active { text-decoration: underline; color:#FFF; }

/* COLORS */
#greyLt { color:#bbb; }
#grey { color:#888; }
#greyDrk { color:#555; }
#redDrk { color:#aa0000; }
#greenDrk { color:#090; }
#white { color:#FFF; }

/* ERRORS */
.error { color:#aa0000; }
.success { color:#070; }

/* PADDING */
.padtop20 { padding-top:20px; }
.padtop30 { padding-top:30px; }

/* MEMBER PHOTOS */
.member_photo { border:1px solid #aaa; padding:1px; }
a:hover .member_photo { border:1px solid #00D6FF; padding:1px; background-color:#069 }

/* TEXT */
.t11 { font-size:11px; }
.t12 { font-size:12px; }

/* LAYOUT */
.background_top { background:url(../img/background_top.png) top center repeat-x; padding-top:10px; }
.site_wrapper { width:920px; margin:0px auto; }
.page_header { height:119px; background:url(../img/header_back.png) no-repeat; overflow:hidden }
.page_header_logo { float: left; width:260px; padding-top:11px; }
.page_header_right { float:right; }
.page_header_right_login { height:71px; overflow:hidden }
.page_header_right_login_inside { padding:10px 7px 0 0; color:#FFF; font-size:12px; text-align:right; }
.page_header_right_tabs { padding-top:20px; height:29px; overflow:hidden; }

.page_content { background-color:#fff; }
.promobox { background-color:#000; border-top:2px solid #222; }
.promobox_left { float:left; width:400px; padding:24px 0 0 40px;  }
.promobox_right { float:right; width:442px; padding:20px 20px 0 0; }
.promobox_right_text { color:#666; font-size:13px; }
.promobox_right_link { padding-top:10px; font-size:16px; color:#FFF; }
.promobox_join { padding-top:40px; text-align:center }
.promobox_joinB { padding-top:30px; text-align:center }

.home_cols_col1 { float:left; width:279px; height:250px; background:url(../img/home_col1_back.jpg) no-repeat; margin:15px 0 0 20px; }
.home_cols_col2 { float:left; width:279px; height:250px; background:url(../img/home_col2_back.jpg) no-repeat; margin:15px 0 0 20px; }
.home_cols_col3 { float:left; width:300px; height:250px; background:url(../img/home_col3_back.jpg) no-repeat; margin:9px 0 0 20px; }
.home_cols_col1_text { font-size:14px; text-align:center; padding-top:7px; color:#FFF; }
.home_cols_col2_text { font-size:14px; text-align:center; padding-top:9px; color:#FFF; }
.home_cols_col3_text { font-size:14px; padding:13px 0 0 16px; color:#FFF; }
.home_cols_col1_link { font-size:16px; font-weight:bold;  padding:40px 0 0 140px; color:#FFF; }
.home_cols_col2_link_left { float:left; width:130px; padding:6px 0 0 18px; }
.home_cols_col2_link_right { float:left; width:120px; font-size:16px; font-weight:bold;  color:#FFF; padding:25px 0 0 5px; }
.home_cols_col3_info { padding:30px 0 0 10px; color:#FFF; font-size:14px; }
.home_footer { padding:5px 20px; }
.home_member { float:left; width:75px; padding-top:5px; }
.homepage_header_photo { height:300px; }
.leftPad25 { padding-left:25px; }

/* FEATURE PAGE */
.feature_block { width:830px; margin-top:20px; height:270px; }
.feature_header { padding:25px 0 0 380px; font-size:24px; color:#fff; }
.feature_description { padding:5px 0 0 380px; font-size:14px; color:#aaa; width:430px !important; }

/* JOIN */
.join_col1 { float:left; width:213px; padding-top:20px; }
.join_col2 { float:left; width:472px; padding-top:20px; }
.join_col3 { float:left; width:213px; padding-top:20px; }
.join_col1_content { padding:60px 15px 0 15px; color:#999; }
.join_content { padding-top:50px; }
.join_complete_box { margin:0px auto; width:500px; border:2px solid #ccc; }
.join_complete_content { padding:15px 20px; }
.join_complete_text { font-size:14px; color:#666; }

/* CONTACT */
.contact_col1 { float:left; width:213px; padding-top:20px; }
.contact_col2 { float:left; width:685px; padding-top:20px; }

.content_title { font-size:20px; border-bottom:1px solid #bbb; height:24px; overflow:hidden; }
.content_left { float:left; width:200px; margin-top:5px; }
.content_right { float:left; width:600px; margin-left:30px; }

.loginForm input { font-size:18px; }
.login_forgot { font-size:11px; padding-top:15px; }

/* FEATURES PAGE */
.features_info { padding:20px 30px; }
.features_left { float:left; width:110px; text-align:center }
.features_right { float:left; font-size:13px; width:730px; }
.features_title { font-size:15px; font-weight:bold; }

/* JOIN PAGE */
.join_info { padding:20px 40px; }

/* CONTACT */
#contact input { font-size:16px; }
#contact select { font-size:16px; }
#contact textarea { font-size:16px; }


/* STORIES */
.stories_area { padding:5px }
.stories_left { float:left; width:220px; }
.stories_right{ float:right; width:670px; }
.stories_name { font-size:16px; color:#666; font-weight:bold }
.stories_story { font-size:13px; color:#999; line-height:20px; }
.stories_header_havestory { float:right; font-size:13px; padding-top:5px; }
.stories_youhavestory { margin:0px auto; width:300px; text-align:center; padding:1px; border:1px solid #a00; }
.stories_youhavestory_inside { border:1px dotted #999; padding:5px;  }
.stories_youhavestory_line1 { font-size:18px; color:#666; }
.stories_youhavestory_line2 { font-size:14px; padding-top:7px; }

/* MESSAGE */
.status_box { margin:20px auto; width:400px; border:1px solid #999; }
.status_content { margin:2px; padding:5px; border:1px dotted #aaa; font-size:14px; font-weight:bold; text-align:center }


.footer { background:url(../img/page_footer.png) no-repeat bottom; height:12px; color:#999; }





#tooltip { display:none; }







/* SCROLL DEAL */

.scrollable { position:relative; overflow:hidden; width: 830px; height:290px; }

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:830px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/img/accordian/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:130px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; }


/* left */
a.left				{ margin-left: 5px; }
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }



/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}



.popover { display:none; background-image:url(/img/accordian/black-70pct.png); }