@charset "utf-8";
/*
Theme Name: Land Of Venus - Join Page Stylesheet
*/

/* General Styles */
*{margin:0; padding:0;}

body {
	color:#000;
	font:12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
    background: #000 url('images/bg.jpg') repeat-x;
    position: relative;
	width: 100%;
	float: left;
}

a { text-decoration:none; color:#222; cursor:pointer; }
a:hover { text-decoration:none; color: #CCC; }

h1{font-size:32px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
img { border: 0; padding: 0; margin: 0;}
hr { height: 10px; width: 100%; color: #FFF; margin: 10px 0; border:0; float:left; }
fieldset {border:none;background:none;float:left;}
.nomargin { margin:0 !important; }
.hide { display:none !important;}
.yellow { color:#fee916 !important; }

.wrapper { width:945px; position:relative; margin:0px auto; }

#header { float:left; width:100%; background:#000; position:relative; border-bottom:3px solid #3e3e3e; }
#header #logo { float:left; }
#header a.btnMembers { float:right; width:211px; height:34px; background:url('images/btn_members.jpg') no-repeat; margin:15px 0 10px 0; }
#header a:hover.btnMembers { background-position:0px -34px; }
#header h2 { float:right; color:#FFF; font-weight:normal; }

#content { float:left; width:100%; padding:3px 0 0 0; background:#f7f5f6 url('images/bg_content.jpg') repeat-x; min-height:724px; /*overflow:hidden;*/ border-bottom:16px solid #000; }

#left { float:left; width:262px; }
#right { float:right; background:#FFF url('images/bg_sidebar.jpg') repeat-x; padding:10px 15px; }

#main { float:left; width:466px; }
#main h2 { float:left; width:100%; color:#458102; font-size:27px; text-align:center; font-weight:normal; margin:20px 0; }

.box { float:left; width:464px; border:1px solid #999; background:#FFF; margin:0; }
.box.withSpace { margin-bottom:20px; border-top:none; }
.box .title { float:left; width:100%; font-size:22px; color:#FFF; background:#000; padding:3px 0; clear:both; }
.box .title span { float:left; margin:0 5px; }
.box .inner { float:left; width:422px; padding:20px 0 20px 20px; clear:both; position:relative; }

input.inputTxt { float:left; padding:5px 6px; border:1px solid #9a9a9a; background:#DDD; color:#000; margin-right:20px; width:113px; }
input.inputTxt.error { border:1px solid #e34141; background:#fbcbcb; }
input:focus.inputTxt, input:focus.inputTxt.error { border:1px solid #9a9a9a; background:#FFF; }

span.error { float:left; width:396px; text-align:center; border:1px solid #e34141; font-size:11px; color:#870000; background:#fbcbcb; clear:both; margin:0; padding:2px 10px; position:absolute; left:20px; top:47px; }

input.inputRadio { float:left; margin:0 5px 5px 0; }
label.joinby { float:left; width:396px; margin-bottom:8px; cursor:pointer; }
img.joinbyimg { float:left; margin-left:18px; }

ul.plans { float:left; width:100%; margin:0; padding:0; list-style:none; }
ul.plans li { float:left; width:420px; height:53px; border:1px solid #989898; background:#ececec; margin-bottom:10px; cursor:pointer; }
ul.plans li.last { margin-bottom:0; }
ul.plans li .plan { float:left; width:303px; height:53px; border-right:1px solid #989898; position:relative; }
ul.plans li .plan input.inputRadio { float:left; margin:0; position:absolute; top:20px; left:10px; }
ul.plans li .plan span.big { float:left; font-size:22px; font-weight:bold; position:absolute; top:5px; left:35px; }
ul.plans li .plan span.big.single { top:12px; }
ul.plans li .plan span.small { float:left; font-size:12px; color:#5f5e5e; position:absolute; top:28px; left:36px; }

ul.plans li .price { float:left; width:116px; height:53px; background:#fefcfd; position:relative; font-weight:bold; position:relative; font-family:Arial, Helvetica, sans-serif; overflow:hidden; }
ul.plans li .price .dollar { float:left; font-size:18px; position:relative; top:9px; left:10px; }
ul.plans li .price .numberBig { float:left; font-size:48px; line-height:50px; position:relative; top:3px; left:10px; letter-spacing:-2px; }
ul.plans li .price .numberSmall { float:left; font-size:18px; position:relative; top:9px; left:13px; width:55px; }
ul.plans li .price .permonth { float:left; color:#3c3f43; position:relative; top:9px; left:13px; letter-spacing:-1px; }

ul.plans li.active, ul.plans li:hover.active { border:1px solid #000; background:url('images/bg_price_dark.jpg') repeat-x; }
ul.plans li:hover { border:1px solid #000; background:url('images/bg_price_light.jpg') repeat-x; }
ul.plans li.active .plan, ul.plans li:hover .plan { border-right:1px solid #000; }
ul.plans li.active .plan span.big { color:#FFF; }
ul.plans li.active .plan span.small { color:#909090; }
ul.plans li.active .price { background:url('images/bg_price_light.jpg') repeat-x; }

p.center { float:left; width:100%; text-align:center; margin:10px 0; }
input.btnGreen { border:none; padding:4px 30px; color:#FFF; font-size:30px; background:#8bc54c; cursor:pointer; letter-spacing:-2px; }
input:hover.btnGreen { background:#65a125; }

#bottom { float:left; width:100%; }
#bottom .gray, #bottom .white { float:left; width:100%; background:#ebebeb; }
#bottom .white { background:#FFF; }
#bottom h3 { float:left; font-size:18px; color:#3f3e3e; font-weight:normal; padding:3px 0 3px 10px; text-transform:uppercase; }
#bottom .check { float:left; padding:5px; padding-left:30px; background:url('images/check.png') no-repeat 0 center; min-height:17px; font-size:15px; margin-left:25px; color:#5f5e5e; }
#bottom .check.left { width:510px; }
#bottom .check.right { width:310px; }

#footer { float:left; width:100%; padding:60px 0; text-align:center; font-size:15px; }
#footer a { color:#f7f6f6; }
#footer a:hover { color:#8d8d8d; text-decoration:underline; }

/* Cleanup */
.clear { clear:both; }
.spacer { width: 100%; float: left; height: 50px; }
.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%; }
/* ///Cleanup */


#join_form { float:left; width:100%; font-size:14px; line-height:30px; }