@charset "utf-8";


/* CSS DOCUMENT - JOIN */
body {

	margin:0;

	padding:0;
	
	height:100%;

        background:#000 url(../images/bg.gif);

	color:#000000;

	font:14px Arial;

}


a {color:#ffff00;text-decoration:underline;outline:none;}

a:hover {color:#ffff00;text-decoration:underline}

p {margin:0;}

#wrapper{width:1008px; margin:0 auto; overflow:hidden; background:url(../images/wrapper_bg.png) top center repeat-y;}

div#container {

	width:1000px;

	margin:0 auto;

	overflow:hidden;
	
	background-color: #ffffff;

}

div.bar {

	overflow:hidden;

	/*background:transparent url(../images/first-bar.gif) repeat-x top left;*/

}

div.bar p span {

	display:none;

}

div.bar p.firstbar {

	width:1000px;

	height:67px;

	margin:0;

	padding:0;

	background:url(../images/first-bar.png) no-repeat top left;

}

div.bar p.membership {

	width:1000px;

	height:59px;

	margin:0;

	padding:0;

	background:url(../images/membership.png) no-repeat top left;

}

div.bar p.riskfree {

	width:1000px;

	height:59px;

	margin:0;

	padding:0;

	background:url(../images/risk-free.png) no-repeat top left;

}


/* JOIN HEADER */
div#header {

	overflow:hidden;

	padding:0;

}

div#header ul {

	overflow:hidden;

	padding:6px 0 0px 0;

	margin:0;

	list-style:none

}

div#header ul li {

	float:left;

	padding:0;

	margin:0 0 0 6px;

}

div#header ul li img {  /* div#header ul li img { */ 

	border:2px solid #3b9ee5

}

div#header ul li.logo {

	width:334px;

	height:83px;

	margin:0;

	background:url(../images/logo.png) no-repeat top left;

}

div#header ul li.logo img { /* div#header ul li.logo a { */

	display:block;

	text-indent:-4444px;

	width:334px;

	height:83px;

}


/*- JOIN FORM ELEMENTS -*/
#join {

	margin:6px 5px;

	border:2px solid #000;

	overflow:hidden

}

#join form {

	overflow:hidden;

	margin:0;

	padding:0 0 0 25px;

}

#form {

	float:left;

	width:290px;

	border-right:1px dotted #949494;

	margin:15px 0;

}

form #form label,form #form label strong {

	display:block

}

form #form input {

	background-color:#f7f7f7;

	border-bottom:1px solid #c3c3c3;

	border-right:1px solid #c3c3c3;

	padding:8px 9px;

	color:#000;

	width:237px;

	margin-top:5px;

	margin-bottom:5px;

}

#form p {

	min-height:95px;

	color:#000000

}

#orderform p.first {

	min-height:110px;

}

#orderform p.first span {

	color:#555555;

	font-size:12px;

}

#orderform label.error {

	color:#FF0000;

	background:url(../images/error.gif) no-repeat left;

	padding-left:20px;

}


/*- JOIN OPTIONS -*/
#options {

	float:left;

	width:360px;

	margin:13px 0 0 25px;

}

#options p.radio {

	font-size:13px;

	font-weight:bold;

	color:#000000;

	text-transform:capitalize;

	padding:0;

	margin:0;

	min-height:30px !important

}

#options div.paymentopt, #options div.paymentopt.selected {

	overflow:hidden;

	margin-bottom:2px;

	display:block

}

#options div.paymentopt.selected {font-weight:bold}

#options div.paymentopt div.left {

	float:left;

	width:358px; /* width:255px; */

	background-color:#eeeeee;

	border:1px solid #eeeeee;

	border-top-left-radius:5px;

	border-bottom-left-radius:5px;

	-moz-border-radius-topleft:5px;

	-moz-border-radius-bottomleft:5px;

	-webkit-border-radius-topleft:5px;

	-webkit-border-radius-bottomleft:5px;

	-khtml-border-top-left-radius:5px;

	-khtml-border-bottom-left-radius:5px;
	
	display:table;

	height:36px;
	
	/* added */
	border:1px solid #eee;

	background-color:#eee;

	border-top-right-radius:5px;

	border-bottom-right-radius:5px;

	-moz-border-radius-topright:5px;

	-moz-border-radius-bottomright:5px;

	-webkit-border-radius-topright:5px;

	-webkit-border-radius-bottomright:5px;

	-khtml-border-top-right-radius:5px;

	-khtml-border-bottom-right-radius:5px;

}

#options div.left input {margin:0 0 0 10px;padding:0}

#options div.paymentopt div.right {

	float:right;

	width:87px;

	border:1px solid #eee;

	background-color:#eee;

	border-top-right-radius:5px;

	border-bottom-right-radius:5px;

	-moz-border-radius-topright:5px;

	-moz-border-radius-bottomright:5px;

	-webkit-border-radius-topright:5px;

	-webkit-border-radius-bottomright:5px;

	-khtml-border-top-right-radius:5px;

	-khtml-border-bottom-right-radius:5px;

	/*padding:10px 10px 10px 0; */

	text-align:right;

	display:table;

	height:36px;

	padding:0;

}

#options div.paymentopt div.right span {

	display:table-cell;

	vertical-align:middle;

	height:36px;

	padding-right:10px;

}

#options .paymentopt.selected div.left {

	float:left;

	width:358px; /* width:255px; */

	border:1px solid #cbf264;

	background-color:#eaffbd;

	border-top-left-radius:5px;

	border-bottom-left-radius:5px;

	-moz-border-radius-topleft:5px;

	-moz-border-radius-bottomleft:5px;

	-webkit-border-radius-topleft:5px;

	-webkit-border-radius-bottomleft:5px;

	-khtml-border-top-left-radius:5px;

	-khtml-border-bottom-left-radius:5px;
	
	display:table;

	height:36px;
	
	/* added */
	border-top-right-radius:5px;

	border-bottom-right-radius:5px;

	-moz-border-radius-topright:5px;

	-moz-border-radius-bottomright:5px;

	-webkit-border-radius-topright:5px;

	-webkit-border-radius-bottomright:5px;

	-khtml-border-top-right-radius:5px;

	-khtml-border-bottom-right-radius:5px;

}

#options .paymentopt.selected div.right {

	float:right;

	width:87px;

	border-top-right-radius:5px;

	border-bottom-right-radius:5px;

	-moz-border-radius-topright:5px;

	-moz-border-radius-bottomright:5px;

	-webkit-border-radius-topright:5px;

	-webkit-border-radius-bottomright:5px;

	-khtml-border-top-right-radius:5px;

	-khtml-border-bottom-right-radius:5px;

	/*padding:10px 10px 10px 0;*/

	text-align:right;

	border:1px solid #cbf264;

	background-color:#eaffbd;

	display:table;

	height:36px;

	padding:0;

}

#options .paymentopt.selected div.right span {

	display:table-cell;

	vertical-align:middle;

	height:36px;

	padding-left:0px;

}

#options div.paymentopt a, #options div.paymentopt.selected a {

	display:table-cell;

	vertical-align:middle;

}

#options div.paymentopt label, #options div.paymentopt.selected label {

	width:270px;

	display:table-cell;

	vertical-align:middle

}

.tooltip{

	position:absolute;

	width:129px;

	background-image:url(../images/tooltip.png);

	background-position:left center;

	color:#926b17;

	padding:5px 0px 10px 0px;

	font-size:12px;

	font-family:Verdana, Geneva, sans-serif;

	text-align:center

}

.continue {

	width:360px;

	height:56px;

	border:0;

	background:url(../images/click-continue.jpg) no-repeat top left;

	cursor:pointer;

	text-indent:-4444px;

	display:block;

	margin-top:10px; /* margin-top: 5px; */

}

.continue:hover {

	background:url(../images/click-continue.jpg) 0 -56px;

}

p.phone {

	padding:0;

	margin:15px 0 0 0;

	text-align:center;

}


/*- JOIN REASONS -*/
#reasons {

	float:right;

	width:265px;

	border-left:1px solid #000;

	background-color:#000000;

}

#reasons h3 {

	background:url(../images/why-should-i-join.png) no-repeat top left;

	height:52px;

	width:265px;

	margin:0;

	padding:0;

}

#reasons h3 span {

	display:block;

	background:url(../images/why-should-i-join.png) no-repeat top left;

	text-indent:-4444px;

	height:52px;

	width:265px;

}

#reasons ul {

	list-style:none;

	margin:0;

	padding:0;

	color:#FFFFFF

}

#reasons ul li {

	width:257px;

	height:40px;

	display:table;

	padding-left:10px;

}

#reasons ul li.gray {

	background:url(../images/gray.gif) no-repeat top left !important;

}

#reasons ul li strong {

	display:table-cell;

	vertical-align:middle;

	background:url(../images/icon.png) no-repeat left;

	padding-left:20px;

}


/*- JOIN COMPATIBILITY -*/
#splash {

	clear:both;

	overflow:hidden;

	margin:0 2px;

}

#splashtxt {

	float:left;
	
	color: #444444;

	width:459px;

	height:91px;

	background:url(../images/splash.png) no-repeat top left;

}

#splashtxt p {

	padding:13px 10px 5px 10px;

	margin:0;

}

#compatibility {

	float:right;

	width:532px;

	height:81px;

	margin:5px 4px 0 0;

}

#compatibility p {

	padding:0;

	margin:0;

}


/*- JOIN SITE LIST -*/

ul#sitelist {

        width:1000px; 

        height:593px;

	background:#000000 url(../images/sitelist_bg.png) no-repeat top left;

	list-style:none;

	padding:10px 0 0 11px;
	
	margin:0;

	overflow:hidden;
	
	text-align: center;

}

ul#sitelist li {

	float:left;

	margin:0 0 20px 5px;

	text-align:center
	
	

}

ul#sitelist li img {

	border:1px solid #666666;

}

ul#sitelist li span {

	display:block;

	font-size:14px;
	
	color: #990000;

}


/*- JOIN FOOTER -*/

#footer{width:1000px; height:292px; margin:0 auto; overflow:hidden; background-color: #520202; text-align: center;}


#footer p {

	font-size: 13px;
	font-weight:normal;
	color: #ffffff;
	padding:15px 0 10px 0;

}

#footer p.minimenu {

	font-size: 16px;
	font-weight:normal;
	color:#ffffff;

}

#footer p.minimenu a {text-decoration:underline;}

#footer p.minimenu a:hover {text-decoration:underline;}


/*- JOIN CUSTOM STYLES -*/
#footer p.billers {

	font-size: 13px;
	font-weight:normal;
	color:#ffffff;

}

.join_error { color: #FF0000; }