@charset "UTF-8";
/* CSS Document */

#wrapper {
	width: 960px;
	margin: auto;
	background-color: #FFF;
	height: auto;
	float: none;
	clear: none;
	color: #38BFEE;
	text-align: center;
}
#header {
	width: 960px;
	height: 110px;
	float: left;
	background-image: url(img/header-bg5.png);
	}
#logo {
	width: 120px;
	height: 100px;
	margin-left: 20px;
	margin-top: 10px;
	float: left;
	clear: none;
}
#login {
	width:140px;
	height:70px;
	float:left;
	margin-left:660px;
	margin-top:20px;
}
#top {
	float: left;
	width: 960px;
	height: 730px;
	background-image: url(img/top-bg11.png);
	background-repeat: no-repeat;
}
#leftslider {
	float: left;
	width: 450px;
	height: 510px;
	margin-top: -60px;
	background-image: url(img/girls-6.png);
	background-repeat: no-repeat;
	margin-left: -45px;
	z-index: 19;
}
#rightslider {
	float: right;
	width: 400px;
	height: 510px;
	margin-top: -60px;
	background-image: url(img/men-7.png);
	background-repeat: no-repeat;
	margin-right: -10px;
}
#signup {
	float: left;
	width: 960px;
	height: 130px;
	margin-top: -400px;
}
#formzone {
	width: 394px;
	height: 400px;
	margin-left: 288px;
	margin-top: -280px;
	float: left;
	background-image: url(img/form-bg5.png);
}
#middle {
	float:left;
	height:220px;
	width:960px;
	margin-top:-100px;
}
#man {
	float: left;
	width: 300px;
	height: 450px;
	margin-top: -385px;
	margin-left: -40px;
	background-image: url(img/man-bg7.png);
	z-index: 20;
	}
#woman {
	float: right;
	width: 300px;
	height: 450px;
	margin-top: -385px;
	margin-right: -45px;
	background-image: url(img/woman-bg9.png);
	z-index: 20;
}
#benefits {
	float: left;
	width: 960px;
	height: 230px;
	background-image: url(img/benefits5.png);
	margin-top: -118px;
}
#area1 {
	float:left;
	width:296px;
	height:230px;
	margin-left:18px;
	background-image:url(img/area1-bg.png);
	}
#area2 {
	float:left;
	width:296px;
	height:230px;
	margin-left:18px;
	background-image:url(img/area2-bg.png);	}
#area3 {
	float:left;
	width:296px;
	height:230px;
	margin-left:18px;
	background-image:url(img/area3-bg.png);
}
#text1 {
	width:256px;
	height:130px;
	margin-top:90px;
	margin-left:20px;
}
#text2 {
	width:256px;
	height:130px;
	margin-top:90px;
	margin-left:20px;	
}
#text3 {
	width:256px;
	height:130px;
	margin-top:90px;
	margin-left:20px;
}
#bottom {
	float: left;
	width: 960px;
	height: 200px;
	background-image: url(img/bottom-bg7.png);
}
#crosssell1 {
	float: left;
	width: 440px;
	height: 150px;
	margin-left: 18px;
	margin-right: 20px;
	margin-top: 80px;
	border: thin solid #0f456b;
	border-radius: 8px;
}
#crosssell2 {
	float:left;
	width:440px;
	height:150px;
	margin-left:20px;
	margin-right:18px;
	margin-top:80px;
	border: thin solid #0f456b;
	border-radius: 8px;
}
#footer {
	width: 960px;
	height: 60px;
	float: left;
	background-image: url(img/FOOTER-BG-6.png);
	margin-top: 50px;
}
#social {
	float:left;
	width:70px;
	height:50px;
	margin-left:20px;
	margin-top:5px;
}
#social2 {
	float:left;
	width:70px;
	height:50px;
	margin-top:5px;
}
#nav {
	float: left;
	width: 400px;
	height: 50px;
	margin-left: 400px;
	margin-top: 5px;
}
#h1 {
	color: #E72E7B;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
}
#h2 {
	color: #FFFFFF;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-style: normal;
	font-weight: lighter;
	font-size: 12px;
	text-align: center;
	margin-top: 5px;
	line-height: 18px;
	
}
#CTA {
	font-family: bebas-neue;
	font-size: 55px;
	color: #FFFFFF;
	font-weight: 400;
	line-height: auto;
	text-shadow: 2px 2px 4px #3B3F4B;
	font-style: normal;
	text-align: center;
	margin-top: 20px;
}
#sign-in {
	width: 200px;
	Height: 25px;
	color: #999999;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "D+ejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	font-weight: lighter;
	line-height: 20px;
	margin-top: 5px;
	margin-left: -20px;
	text-align: left;
}
#password-login {
	width: 200px;
	Height: 25px;
	color: #999999;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	font-weight: lighter;
	line-height: 20px;
	margin-top: 0px;
	margin-left: 10px;
	text-align: left;
}


#fstep_1, #fstep_2, #fstep_3, #fstep_4, #fstep_5 { height: 145px; }
#fstep_1 p, #fstep_2 p, #fstep_3 p, #fstep_4 p, #fstep_5 p {
	text-align: center;
	margin-bottom: 18px;
	color: #FFFFFF;
	font-family: bebas-neue;
	font-size: 28px;
	font-weight: 400;
	margin-top: 15px;
	font-style: normal;
	text-shadow: 2px 2px 4px #3B3F4B;
}

.steps {
	width: 360px;
	height: 30px;
	margin: auto;
	position: relative;
	top: -84%;
	right: -31.5%;
	float: left;
}
.step_bar {
	width: 30px;
	height: 30px;
	display: inline-block;
	margin-top: 0;
	margin-right: 5px;
	margin-left: 10px;
	margin-bottom: 0;
	font-size: 14px;
	font-family: bebas-neue;
	font-weight: 400;
	color: #E72E7B;
	cursor: pointer;
	text-align: center;
	line-height: 30px;
	background-image: url(img/steps2.png);
	background-repeat: no-repeat;
	font-style: normal;
}
.step_highlight {
	width: 30px;
	height: 30px;
	background-image: url(img/step-highlight6.png);
	background-repeat: no-repeat;
	font-size: 14px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #FFF;
}

input, select, textarea {
	width: 300px;
	height: 26px;
	margin-left: auto;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	position: static;
}
input[type=text], input[type=password] {
	width: 300px;
	height: 26px;
	display: inline-block;
	margin-top: auto;
	margin-right: auto;
	margin-left: 5px;
	margin-bottom: auto;
	box-shadow: 0 1px 0 #e1e1e1;
	font-size: 14px;
	line-height: 27px;
	text-align: center;
	color: #333;
	border-radius: 5px;
}
.drop_down_container {
	width: 358px;
	position: relative;
	margin-bottom: 0;
	margin-left: 33px;
	margin-right: 0;
	margin-top: 0;
}
select {
	width: 112px;
	height: 30px;
	float: left;
	font-size: 14px;
	color: #333;
	border: 1px solid #b1b1b1;
	line-height: 20px;
	background: url(../_img/dropdown_icon.png) no-repeat -moz-linear-gradient( 90deg, rgb( 231, 231, 231 ) 0%, rgb( 255, 255, 255 ) 100%);
	background: url(../_img/dropdown_icon.png) 96% 50% no-repeat, -webkit-linear-gradient( 90deg, rgb( 231, 231, 231 ) 0%, rgb( 255, 255, 255 ) 100%);
	-webkit-appearance: none;
	margin-bottom: 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
}

/* Select elements */
select:hover { cursor: pointer; }
select#dating-gender.required {
	width: 300px;
	margin-bottom: 0;
	margin-left: 40px;
	margin-right: 0;
	margin-top: 0;
}
select#dobday.required {
	width: 75px;
}
select#dobmonth.required {
	width: 94px;
}
select#dobyear.required {
	width: 92px;
}

/* Error styling */
select.error { padding: 5px; color: red; border: 1px solid red; background: url(../_img/dropdown_icon.png) no-repeat -moz-linear-gradient( 90deg, rgb( 231, 231, 231 ) 0%, rgb( 255, 255, 255 ) 100%) !important;background: url(../_img/dropdown_icon.png) 96% 50% no-repeat, -webkit-linear-gradient( 90deg, rgb( 231, 231, 231 ) 0%, rgb( 255, 255, 255 ) 100%) !important; -webkit-appearance: none; }
label.error {
	width: 215px;
	font-size: 14px;
	text-align: center;
	color: red;
	margin-top: 20px;
	margin-left: 48px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

#fstep_1 label.error { position: absolute; top: 100px; left: 45px; }
#fstep_2 label.error { position: absolute; top: 30px; left: 0; }
#fstep_3 label.error {
	position: absolute;
	top: 100px;
	left: 45px;
	visibility: collapse;
}


#fstep_4 label.error { position: absolute; top: 5px; left: 59px; visibility:collapse; }
#fstep_5 label.error { position: absolute; top: 5px; left: 59px; visibility:collapse; }

input[type=text].error, input[type=password].error, textarea.error, select.error {
	background: #ffe8e8 url(../_img/bg_input_errore.png) top left no-repeat;
	text-align: center;
}
input.error, textarea.error, select.error {
	background: #ffe8e8 url(../_img/bg_input_errore.png) top left no-repeat;
	text-align: center;
}

/* Button styling */
.myButton {
	width: 303px;
	height: 45px;
	font-size: 33px;
	font-weight: 400;
	font-family: bebas-neue;
	text-transform: uppercase;
	display: inline-block;
	margin-top: -5px;
	text-decoration: none;
	line-height: 50px;
	text-align: center;
	color: #FFF;
	cursor: pointer;
	background-image: url(img/bg-button-red10.png);
	background-repeat: no-repeat;
	font-style: normal;
}
.myButton:active { position: relative; top: 1px; cursor: pointer; }
span.fprev.myButton { display: none !important; }




 
#wld_badge_wrapper { border: none; width: 960px; height: 150px; overflow: hidden; } 
	#wld_badge_inner {
	text-align: center;
	padding-left: 10px;
	padding-right: 0;
	padding-top: 10px;
	width: 860px;
	margin-left:50px;
	margin-top:5px;
} 
	.wld_badge_item { float: left; margin: 0 12px 0 0; padding: 0; } 
	.wld_badge_item img {
	border: 1px solid #188E8E;
} 
	.wld_badge_item_detail {
	font-size: 75%;
	width: 90px;
	overflow: hidden;
	font-family: bebas-neue;
	font-size: 14px;
	font-weight: 400;
	color: #e6007e;
	font-style: normal;
	font-variant: normal;
	line-height: 15px;
	margin-top: 5px;
} 
	
	.wld_badge_item_name {
	color: #e6007e;
	font-weight: 400;
}
.wld_badge_item_age {
	color: #e6007e;
	font-weight: 400;
}
.wld_badge_item_region {
	color: #FFF;
	font-size: 12px;
	font-family: bebas-neue;
	font-style: normal;
	font-weight: 400;
}
	
	.wld_badge_clear {
	clear: both;
	text-align: center;
	width: 0px;
} 	
	

ul#navlist
{
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	margin-top: 20px;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a {
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 4px;
}

#navlist a:link, #navlist a:visited
{
	color: #FFF;
	text-decoration: none;
	font-family: bebas-neue;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	text-align: left;
}

#navlist a:hover
{
	color: #E72E7B;
	text-decoration: none;
	font-weight: lighter;
}
#foot-nav {
	float: left;
	width: 400px;
	height: 40px;
	margin-left: 0px;

}
.scrollable {
	height: 510px;
	width: 400px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	overflow: hidden;
	text-align: center;
}
img {
	max-height: 500px;
	margin-top: 0;
	margin-right: auto;
	margin-left: 0px;
	margin-bottom: 0;
	display: block;
	clear: none;
	float: none;
}
.items {
    -webkit-animation: scroll 12s infinite;
    -moz-animation: scroll 12s infinite;
    -ms-animation: scroll 12s infinite;
	opacity:0.9;
}

@-webkit-keyframes scroll {
  0%   { margin-top: 0; }
27.33%  { margin-top: 0 }
  33.33%  { margin-top: -500px; }
60.66% { margin-top: -500px; }
66.66% { margin-top: -1000px; }
94.99% { margin-top: -1000px; }
  100%  { margin-top: 0 }
}
@-moz-keyframes scroll {
  0%   { margin-top: 0; }
27.33%  { margin-top: 0 }
  33.33%  { margin-top: -500px; }
60.66% { margin-top: -500px; }
66.66% { margin-top: -1000px; }
94.99% { margin-top: -1000px; }
  100%  { margin-top: 0 }
}
@-ms-keyframes scroll {
  0%   { margin-top: 0; }
27.33%  { margin-top: 0 }
  33.33%  { margin-top: -500px; }
60.66% { margin-top: -500px; }
66.66% { margin-top: -1000px; }
94.99% { margin-top: -1000px; }
  100%  { margin-top: 0 }
}








}
#mh p{
	margin-bottom: 20px;	
	margin-right: 20px;
}

p{
	line-height: 18px;
}




h3{
	color:#44C4FF;
	margin-bottom: 20px;
}

h4{
font-size: 18px;
border-bottom: 1px dotted #fff;
padding-bottom: 20px
}

#one h4{
	margin-top: 30px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #444;
}

#one p{
	margin-bottom: 20px;
	line-height: 18px;
	text-shadow: 1px 1px 1px white;
}


.p{
	background: #000;
	margin-right: 0%;
	width: 450px;
	height: 510px;
	overflow: hidden;
	background: url(i/p_bg.png) top center repeat-y;
	z-index: 2;
	left: 1099px;
	top: 19px;
}

.pt{
	background: #000;
	margin-right: 50%;
	position: absolute;
	width: 44%;
	height: 600px;
	overflow: hidden;
	background: url(i/p_bg_2.png) top center repeat-y;
	z-index: 1;
}

.member{
	position: absolute;
	top: 12%;
	left: 29%;
	margin-left: 0px;
	z-index: 3;
	cursor: pointer;
	width: 450px;
	height: 510px;
}
.members {
	width:450px;
	height:510px;
}

#member-login {
width: 100%;
height: 40px;
position: fixed;
top: -43px;
left: 0;
padding-top: 5px;
text-align: right;
z-index: 999;
font-size: 18px;
background: #fff;
}

#member-login input{
	height:36px;
	background: #ebebeb;
	width:150px;
	margin-right: 1px;
}

.member-submit{
	width:100px !important;
	background: url(i/continue.jpg) !important;
	color: #fff;
	cursor: pointer;
}

.login-link{
display: block;
background: #fff;
width: 100px;
padding: 12px 10px 10px;
text-align: center;
float: right;
color: #444;;
text-decoration: none;
	font-size:12px;
	margin-right: 65px;
}

.tweet{
	font-size: 13px;
}

.close-mem{
	float: right;
	border-bottom:none;
	margin-right:20px;
	margin-left: 10px;
}
.close-mem:hover{
	border-bottom: 0 none;
}

#member-login form{
	margin-bottom:0px !important;
	height:auto;
}

.country-select{
	background:#fff;
	width:50px;
	height:19px;
	display: block;
	float: right;
	color: #444;
	padding: 9px 7px 5px 7px;
	text-transform: uppercase;
	text-align: left;
	font-size: 15px;
	text-decoration: none;
	position: relative;
	top:0px;
}
.country-select:hover{
background:#40b600;
color: #fff;
}

.country{
	position: fixed;
	top:0px;
	right:0;
}
.country .panel{
	width:64px;
	position: absolute;
	margin-top: 30px;
	display: none;
}
.country:hover .panel{
	display: block;
}

.country-select img{
	float: right;
	margin-top: -2px;
}

.small_mh{
	height:170px !important;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/* Pauls Stuff */

#verybottom {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #999;
	background-color: #FFFFFF;
	height: 200px;
	width: 960px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #006;
	border-right-color: #006;
	border-bottom-color: #006;
	border-left-color: #006;
	position: relative;
	top: 20px;
	left: -560px;
}