@charset "utf-8";

/*
=========================
===== GLOBAL STYLES =====
=========================
*/
* {
	margin: 0;
	padding: 0;
	border: none;
	-webkit-text-size-adjust: none;
}
html {
	overflow-y: scroll;
	_background: url(null) fixed no-repeat;
	background: none;
}
body {
	background: url(../_img/bg-main.jpg) repeat-x #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #7e0000;
}

a { text-decoration: none; }
input, select {
	border: 1px solid #CCC;
	padding: 1px;
	margin: 0 1px;
	font-size: 1em;
}
#root-container {
	/* margin: 23px auto; OLD MARGINS FOR LOGO WITHOUT STAR (30/03/10) */
	margin: 0 auto;
	width: 900px;
}
#root-left, #root-right { float: left; }

/* ========================================================================== MASTHEAD ===== */
#masthead { width: 900px; }
#logo {
	float: left;
	background: url(../_img/logo.jpg) no-repeat;
	/* OLD SIZING FOR LOGO WITHOUT STAR (30/03/10)
	height: 98px;
	width: 356px;
	*/
	height: 122px;
	width: 492px;
}

#ultility-links { float: right; }
#country-selector {
	list-style: none;
	margin: 23px 0 0 0; /* NEEDED FOR STAR LOGO WORK */
}
#country-selector li { float: right; }
#country-selector a {
	width: 32px;
	height: 24px;
	margin: 0 5px;
	float: left;
}
#ukFlag a { background: url(../_img/b-ukFlag.jpg) no-repeat right; }
#ukFlag a:hover, #ukFlag .selectedFlag { background: url(../_img/b-ukFlag.jpg) no-repeat left; }
#usaFlag a { background: url(../_img/b-usFlag.jpg) no-repeat right; }
#usaFlag a:hover, #usaFlag .selectedFlag { background: url(../_img/b-usFlag.jpg) no-repeat left; }
#rsaFlag a { background: url(../_img/b-saFlag.jpg) no-repeat right; }
#rsaFlag a:hover, #rsaFlag .selectedFlag { background: url(../_img/b-saFlag.jpg) no-repeat left; }

#nav {
	list-style: none;
	clear: both;
	/* margin: 55px 0 0 0; OLD MARGINS FOR LOGO WITHOUT STAR (30/03/10) */
	margin: 78px 0 0 0;
}
#nav li { float: right; }
#nav a {
	background: url(../_img/b-nav.jpg) no-repeat left;
	width: 97px;
	font-size: 1.3em;
	color: #fff;
	font-weight: bold;
	float: left;
	text-align: center;
	padding: 12px 0;
}
#nav a:hover { background: url(../_img/b-nav.jpg) no-repeat right; }

/* ========================================================================== HEADER AREA ===== */
#header {
	background: url(../_img/bg-header.jpg) no-repeat right;
	height: 229px;
	width: 590px;
	margin: 40px 0 0 10px;
}
.flv-player {}

/* ========================================================================== SEARCH FORM ===== */
#search-form {
	background: url(../_img/bg-searchForm.jpg) no-repeat right;
	height: 94px;
	width: 590px;
	margin: 5px 0 0 0;
	padding: 30px 45px 0 45px;
	color: #fff;
	font-size: 1.2em;
	width: 500px;
}
#search-form h3 {
	font-weight: bold;
	font-size: 1.4em;
	padding: 0 0 20px 0;
}
#search-form form { float: left; }
#search-form #submit-button {
	background: url(../_img/b-search.jpg) no-repeat left;
	height: 34px;
	width: 187px;
	cursor: pointer;
	position: relative;
	top: -62px;
	left: 314px;
	border: none;
}
#search-form #submit-button:hover { background: url(../_img/b-search.jpg) no-repeat right; }
#regionDropDown { width: 100px; }

/* ========================================================================== MEMBERS ===== */
#members {
	margin: 0 0 0 10px;
}
#members-title {
	background: url(../_img/t-latestBuddies.gif) no-repeat;
	height: 19px;
	width: 500px;
	float: left;
	margin: 0 0 20px 0;
}
#generate-members {
	width: 560px;
	padding: 0 0 0 30px;
}
.memberImage, .wld_badge_item {
	border: 1px solid #ff0000;
	padding: 1px;
	margin: 0 15px 8px 0;
	float: left;
}
#members-subtitle {
	font-size: 1.2em;
	clear: both;
}
#wld_badge_item_1, #wld_badge_item_2, #wld_badge_item_3, #wld_badge_item_4, #wld_badge_item_5, #wld_badge_item_7 { display: none; }
.wld_badge_item_detail { display: none; }
.wld_badge_item_photo {
	width: 90px;
	overflow: hidden;
}
#separator {
	background: url(../_img/separator.jpg) no-repeat;
	height: 21px;
	width: 584px;
	margin: 15px 0 10px 0;
}

/* ========================================================================== INFORMATION BOX ===== */
#info-box-container { padding: 0 0 0 40px; }
#info-box {
	background: url(../_img/bg-infoBox.gif) no-repeat;
	height: 352px;
	width: 520px;
	padding: 20px 0 20px 25px;
	font-size: 1.3em;
	color: #7e0000;
}
#why-title {
	background: url(../_img/t-whyMyFbuddy.gif) no-repeat right;
	height: 24px;
	width: 255px;
	clear: left;
	margin: 0 0 15px 0;
}
#info-box p {
	font-size: 1.2em;
	/* margin: 0 0 15px 0; old style 29/03/10 */
	margin: 0 0 10px 0;
	width: 475px;
}
#info-box ul { margin: 0 0 0 20px; }
#info-box li {
	/*
	padding: 4px;
	font-size: 1.1em; old style 29/03/10
	*/
	padding: 3px 30px 3px 4px;
	font-size: 0.9em;
}
#info-box .small-print { font-size: 0.8em; }

/* ========================================================================== REGISTER FORM ===== */
#register-form-container {
	background: url(../_img/bg-registerForm.jpg) no-repeat;
	height: 490px;
	width: 280px;
	margin: 40px 0 0 0;
	padding: 50px 0 0 20px;
	font-size: 1.2em;
}
#register-form {
	width: 230px;
}
#register-form #title {
	background: url(../_img/t-signUpforFree.gif) no-repeat;
	height: 24px;
	width: 205px;
	margin: 0 0 10px 0;
}
#register-form td {
	padding: 2px;
	font-size: 0.8em;
	width: 30%;
	vertical-align: top;
}
#register-form p { margin: 0 0 15px 0; }
#register-form .buttdown { padding-top: 5px; }
#register-form input { width: 120px; }
#register-form select { width: 124px; }
#register-form #submit-button {
	background: url(../_img/b-signupforfree.jpg) no-repeat top;
	width: 235px;
	height: 51px;
	border: none;
	cursor: pointer;
}
#register-form #submit-button:hover { background: url(../_img/b-signupforfree.jpg) no-repeat bottom; }

/* ========================================================================== TWITTER LINK ===== */
#twitter-link {
	background: url(../_img/twitter.jpg) no-repeat center left;
	height: 58px;
	width: 290px;
	display: block;
}

/* ========================================================================== TESTIMONIALS BOX ===== */
#testimonials-container {
	background: url(../_img/bg-testimonials.jpg) no-repeat;
	height: 355px;
	width: 275px;
	padding: 20px 0 0 20px;
	color: #fff;
	font-size: 1.2em;
}
#testimonials-title {
	background: url(../_img/t-testimonials.jpg) no-repeat;
	height: 19px;
	weight: 134px;
}
#testimonials {
	width: 230px;
	margin: 8px 0 0 0;
}
#testimonials .name {
	font-size: 1.2em;
	float: left;
	padding: 12px 0 0 0;
}
#testimonials .date {
	font-size: 1.2em;
	float: right;
	padding: 12px 0 0 0;
}
#testimonials .quote {
	font-size: 0.9em;
	clear: both;
	padding: 12px 0 12px 0;
}
#testimonials .add-line { border-bottom: 1px solid #fff; }

/* ========================================================================== FOOTER ===== */
#footer-container {
	background: url(../_img/bg-footer.jpg) repeat-x #de3411;
	width: 100%;
	clear: both;
	padding: 60px 0 30px 0;
	color: #fff;
	font-size: 1.2em;
}
#footer {
	width: 828px;
	height: 100px;
	margin: auto;
}
#footer #left { 
	width: 300px;
	margin: 0 0 0 10px; 
}
#footer #logo {
	background: url(../_img/logo-footer.jpg) no-repeat;
	height: 40px;
	width: 300px;
	float: right;
}
#footer #right {
	width: 270px;
	float: right;
	text-align: center;
}
#logo-list li {
	float: left;
	list-style: none;
	margin: 10px 5px;
}
#logo-list .lastOne { margin: 10px 0 10px 5px; }
#footer #logo1 {
	background: url(../_img/daily-star.jpg) no-repeat;
	height: 51px;
	width: 74px;
	display: block;
}
#footer #logo2 {
	background: url(../_img/daily-sport.jpg) no-repeat;
	height: 41px;
	width: 102px;
	display: block;
}
#footer #logo3 {
	background: url(../_img/playboy.jpg) no-repeat;
	height: 64px;
	width: 64px;
	display: block;
}
#footer p { margin: 10px 0; }
#footer p a { color: #fff; }
#footer p a:hover { text-decoration: underline; }

/* ========================================================================== OTHER STYLES ===== */
.hideMe {
	display: none;
	line-height: 0;
}
.bold {
	font-weight: bold;
	font-size: 1.1em;
}