@charset "utf-8";

/* CSS Document */



body {

	background-image: url(/images/bg.jpg);

	background-color: #000000;

	margin: 0px;

}

body,td,th {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	text-align: left;

}.wrapper {

	margin: auto;

	height: auto;

	width: 1030px;

}

.header {

	background-image: url(/images/headerbg.jpg);

	float: left;

	height: 153px;

	width: 345px;

	padding-left: 685px;

}

.header a

{

	color: #330000;

}

.header a, .header a:link {

	text-decoration: none;

} 

.header a:active, .header a:hover {

	text-decoration: underline;

	color: #330000;

}

.navigation {

	background-image: url(/images/navbg.jpg);

	float: left;

	height: 48px;

	width: 998px;

	padding-right: 16px;

	padding-left: 16px;

}

.nav-container {

	float: left;

	height: 48px;

	width: 729px;

}

.search-container {

	background-image: url(/images/searchbg.jpg);

	float: left;

	height: 48px;

	width: 268px;

}

.main-body {

	background-image: url(/images/main_bg.jpg);
	/*background-image: url(/images/bodybg.jpg);*/

	background-repeat: repeat;

	float: left;

	height: auto;

	width: 998px;

	padding-right: 16px;

	padding-left: 16px;

}

.main-body a

{

	color: #cc3399;

}

.main-body a, .main-body a:link {

	text-decoration: none;

} 

.main-body a:active, .main-body a:hover {

	text-decoration: underline;

	color: #cc3399;

}

.left-column {

	float: left;

	height: auto;

	width: 727px;

}

.right-column {

	background-image: url(/images/sbbg.jpg);

	float: left;

	height: auto;

	width: 270px;

}.right-column2 {

	background-image: url(/images/sbbg.jpg);

	float: left;

	width: 270px;

}

.footer-container {

	background-image: url(/images/footerbg.jpg);

	float: left;

	height: 172px;

	width: 948px;

	padding-right: 41px;

	padding-left: 41px;

	padding-top: 20px;

}

.footer-container a

{

	color: #cc3399;

}

.footer-container a, .footer-container a:link {

	text-decoration: none;

} 

.footer-container a:active, .footer-container a:hover {

	text-decoration: underline;

	color: #cc3399;

}

.thumb-container {

	background-image: url(/images/clipbg.jpg);

	float: left;

	height: 262px;

	width: 224px;

	padding-top: 4px;

	padding-right: 1px;

	padding-bottom: 2px;

	padding-left: 5px;

	margin-top: 9px;

	margin-left: 9px;

}

.home

{

	position: relative;

	font-family: arial, helvetica, sans-serif;

	white-space: nowrap;

	width: 81px;

	height: 48px;

	background-image: url(/images/home-b.jpg);

	background-repeat: no-repeat;

	background-position:center;

	display: block;

	float: left;

	color: #FFFF00;

	margin: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

}



.home a

{

	display: block;

	color: #f9a20a;

	font-size: 12px;

	width: 81px;

	height: 48px;

	display: block;

	float: left;

	color: #FFFFFF;

	text-decoration: none;

	font-weight: bold;

}

.home a:hover

{

	display: block;

	color: #FFFFFF;

	font-size: 12px;

	width: 81px;

	height: 48px;

	display: block;

	float: left;

	font-weight: bold;

}



.home img

{

	width: 81px;

	height: 48px;

	border: 0

}



* html a:hover

{

visibility:visible

}



.home a:hover img

{



visibility:hidden

}



.home span

{

	position: absolute;

	left: 9px;

	top: 17px;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	width: 60px;

	text-align: center;

} 

.latest

{

	position: relative;

	font-family: arial, helvetica, sans-serif;

	white-space: nowrap;

	width: 82px;

	height: 48px;

	background-image: url(/images/latest-b.jpg);

	background-repeat: no-repeat;

	background-position:center;

	display: block;

	float: left;

	color: #FFFF00;

	margin: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

}



.latest a

{

	display: block;

	color: #f9a20a;

	font-size: 12px;

	width: 82px;

	height: 48px;

	display: block;

	float: left;

	color: #FFFFFF;

	text-decoration: none;

	font-weight: bold;

}

.latest a:hover

{

	display: block;

	color: #FFFFFF;

	font-size: 12px;

	width: 82px;

	height: 48px;

	display: block;

	float: left;

	font-weight: bold;

}



.latest img

{

	width: 82px;

	height: 48px;

	border: 0

}



* html a:hover

{

visibility:visible

}



.latest a:hover img

{



visibility:hidden

}



.latest span

{

	position: absolute;

	left: 11px;

	top: 17px;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	width: 60px;

	text-align: center;

} 

.popular

{

	position: relative;

	font-family: arial, helvetica, sans-serif;

	white-space: nowrap;

	width: 123px;

	height: 48px;

	background-image: url(/images/most-popular-b.jpg);

	background-repeat: no-repeat;

	background-position:center;

	display: block;

	float: left;

	color: #FFFF00;

	margin: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

}



.popular a

{

	display: block;

	color: #f9a20a;

	font-size: 12px;

	width: 123px;

	height: 48px;

	display: block;

	float: left;

	color: #FFFFFF;

	text-decoration: none;

	font-weight: bold;

}

.popular a:hover

{

	display: block;

	color: #FFFFFF;

	font-size: 12px;

	width: 123px;

	height: 48px;

	display: block;

	float: left;

	font-weight: bold;

}



.popular img

{

	width: 123px;

	height: 48px;

	border: 0

}



* html a:hover

{

visibility:visible

}



.popular a:hover img

{



visibility:hidden

}



.popular span

{

	position: absolute;

	left: 15px;

	top: 17px;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	width: 93px;

	text-align: center;

} 

.rated

{

	position: relative;

	font-family: arial, helvetica, sans-serif;

	white-space: nowrap;

	width: 125px;

	height: 48px;

	background-image: url(/images/highest-rated-b.jpg);

	background-repeat: no-repeat;

	background-position:center;

	display: block;

	float: left;

	color: #FFFF00;

	margin: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

}



.rated a

{

	display: block;

	color: #f9a20a;

	font-size: 12px;

	width: 125px;

	height: 48px;

	display: block;

	float: left;

	color: #FFFFFF;

	text-decoration: none;

	font-weight: bold;

}

.rated a:hover

{

	display: block;

	color: #FFFFFF;

	font-size: 12px;

	width: 125px;

	height: 48px;

	display: block;

	float: left;

	font-weight: bold;

}



.rated img

{

	width: 125px;

	height: 48px;

	border: 0

}



* html a:hover

{

visibility:visible

}



.rated a:hover img

{



visibility:hidden

}



.rated span

{

	position: absolute;

	left: 13px;

	top: 17px;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	width: 99px;

	text-align: center;

} 

.categories

{

	position: relative;

	font-family: arial, helvetica, sans-serif;

	white-space: nowrap;

	width: 110px;

	height: 48px;

	background-image: url(/images/categories-b.jpg);

	background-repeat: no-repeat;

	background-position:center;

	display: block;

	float: left;

	color: #FFFF00;

	margin: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

}



.categories a

{

	display: block;

	color: #f9a20a;

	font-size: 12px;

	width: 110px;

	height: 48px;

	display: block;

	float: left;

	color: #FFFFFF;

	text-decoration: none;

	font-weight: bold;

}

.categories a:hover

{

	display: block;

	color: #FFFFFF;

	font-size: 12px;

	width: 110px;

	height: 48px;

	display: block;

	float: left;

	font-weight: bold;

}



.categories img

{

	width: 110px;

	height: 48px;

	border: 0

}



* html a:hover

{

visibility:visible

}



.categories a:hover img

{



visibility:hidden

}



.categories span

{

	position: absolute;

	left: 25px;

	top: 17px;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	width: 60px;

	text-align: center;

} 

.community

{

	position: relative;

	font-family: arial, helvetica, sans-serif;

	white-space: nowrap;

	width: 113px;

	height: 48px;

	background-image: url(/images/community-b.jpg);

	background-repeat: no-repeat;

	background-position:center;

	display: block;

	float: left;

	color: #FFFF00;

	margin: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

}



.community a

{

	display: block;

	color: #f9a20a;

	font-size: 12px;

	width: 113px;

	height: 48px;

	display: block;

	float: left;

	color: #FFFFFF;

	text-decoration: none;

	font-weight: bold;

}

.community a:hover

{

	display: block;

	color: #FFFFFF;

	font-size: 12px;

	width: 113px;

	height: 48px;

	display: block;

	float: left;

	font-weight: bold;

}



.community img

{

	width: 113px;

	height: 48px;

	border: 0

}



* html a:hover

{

visibility:visible

}



.community a:hover img

{



visibility:hidden

}



.community span

{

	position: absolute;

	left: 24px;

	top: 17px;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	width: 60px;

	text-align: center;

} 

.join

{

	position: relative;

	font-family: arial, helvetica, sans-serif;

	white-space: nowrap;

	width: 95px;

	height: 48px;

	background-image: url(/images/join-now-b.jpg);

	background-repeat: no-repeat;

	background-position:center;

	display: block;

	float: left;

	color: #FFFF00;

	margin: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

}



.join a

{

	display: block;

	color: #f9a20a;

	font-size: 12px;

	width: 95px;

	height: 48px;

	display: block;

	float: left;

	color: #FFFFFF;

	text-decoration: none;

	font-weight: bold;

}

.join a:hover

{

	display: block;

	color: #FFFFFF;

	font-size: 12px;

	width: 95px;

	height: 48px;

	display: block;

	float: left;

	font-weight: bold;

}



.join img

{

	width: 95px;

	height: 48px;

	border: 0

}



* html a:hover

{

visibility:visible

}



.join a:hover img

{



visibility:hidden

}



.join span

{

	position: absolute;

	left: 18px;

	top: 17px;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	width: 60px;

	text-align: center;

} 

.cage-top {

	float: left;

	height: auto;

	width: 707px;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 10px;

}

.cage-title {

	font-family: Tahoma;

	font-size: 18px;

	font-weight: bold;

	color: #FFFFFF;

	float: left;

	width: 300px;

}.vcage-title {

	font-family: Tahoma;

	font-size: 20px;

	font-weight: bold;

	color: #FFFFFF;

	float: left;

	width: 715px;

	padding-bottom: 10px;

}

.last-updates {

	font-size: 12px;

	color: #FFFFFF;

	float: right;

	width: 400px;

	text-align: right;

}

.thumb-pic {

	float: left;

	height: 166px;

	width: 221px;

	margin-bottom: 14px;

}

.clip-desc {

	float: left;

	height: 25px;

	width: 211px;

	font-family: tahoma;

	font-size: 11px;

	color: #cc3399;

	font-weight: bold;

	padding-right: 5px;

	padding-left: 5px;

	margin-bottom: 17px;

}

.clip-stats {

	float: left;

	height: auto;

	width: 221px;

}

.clip-time {

	font-family: tahoma;

	font-size: 11px;

	font-weight: bold;

	color: #FFFFFF;

	float: left;

	height: auto;

	width: 100px;

	padding-left: 11px;

}.clip-views {

	font-family: tahoma;

	font-size: 10px;

	font-weight: normal;

	color: #999999;

	float: left;

	height: auto;

	width: 100px;

	padding-left: 11px;

	margin-top: 7px;

}

.clip-rating {

	text-align: center;

	float: left;

	height: 15px;

	width: 97px;

	padding-left: 13px;

	font-size: 10px;

}.clip-rating3 {

	text-align: center;

	float: left;

	height: 15px;

	width: 97px;

	padding-left: 13px;

	font-size: 10px;

	margin-top: 5px;

}.rm-rating {

	text-align: left;

	float: left;

	height: 15px;

	width: 120px;

	font-size: 10px;

}.clip-rating2 {

	text-align: center;

	float: left;

	height: 15px;

	width: 97px;

	padding-left: 13px;

	padding-top: 3px;

	font-size: 10px;

}

.clip-left {

	float: left;

	width: 111px;

}

.clip-right {

	float: left;

	height: auto;

	width: 110px;

}

.page-links {

	float: left;

	height: auto;

	width: 600px;

	padding-top: 18px;

	padding-bottom: 18px;

	padding-left: 127px;

}

.unrestricted-access {

	float: left;

	height: auto;

	width: 727px;

	text-align: center;

}.unrestricted-access2 {

	float: left;

	height: auto;

	width: 727px;

	text-align: center;

	margin-top: 15px;

}

.p-previous {

	font-family: tahoma;

	font-size: 12px;

	font-weight: bold;

	float: left;

	height: auto;

	width: 70px;

	color: #FFFFFF;

	padding-top: 5px;

}.p-next {

	font-family: tahoma;

	font-size: 12px;

	font-weight: bold;

	float: left;

	height: auto;

	width: 47px;

	color: #FFFFFF;

	padding-top: 5px;

	text-align: right;

}

.splink

{

	position: relative;

	font-family: arial, helvetica, sans-serif;

	white-space: nowrap;

	width: 25px;

	height: 25px;

	background-image: url(/images/sp-b.jpg);

	background-repeat: no-repeat;

	background-position:center;

	display: block;

	float: left;

	color: #FFFF00;

	margin: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

}



.splink a

{

	display: block;

	color: #f9a20a;

	font-size: 12px;

	width: 25px;

	height: 25px;

	display: block;

	float: left;

	color: #663300;

	text-decoration: none;

	font-weight: bold;

}

.splink a:hover

{

	display: block;

	color: #FFFFFF;

	font-size: 12px;

	width: 25px;

	height: 25px;

	display: block;

	float: left;

	font-weight: bold;

}



.splink img

{

	width: 25px;

	height: 25px;

	border: 0

}



* html a:hover

{

visibility:visible

}



.splink a:hover img

{



visibility:hidden

}



.splink span

{

	position: absolute;

	left: 6px;

	top: 5px;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	width: 13px;

	text-align: center;

} 

.bplink

{

	position: relative;

	font-family: arial, helvetica, sans-serif;

	white-space: nowrap;

	width: 53px;

	height: 25px;

	background-image: url(/images/p-b.jpg);

	background-repeat: no-repeat;

	background-position:center;

	display: block;

	float: left;

	color: #FFFF00;

	margin: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

}



.bplink a

{

	display: block;

	color: #f9a20a;

	font-size: 12px;

	width: 53px;

	height: 25px;

	display: block;

	float: left;

	color: #663300;

	text-decoration: none;

	font-weight: bold;

}

.bplink a:hover

{

	display: block;

	color: #FFFFFF;

	font-size: 12px;

	width: 53px;

	height: 25px;

	display: block;

	float: left;

	font-weight: bold;

}



.bplink img

{

	width: 53px;

	height: 25px;

	border: 0

}



* html a:hover

{

visibility:visible

}



.bplink a:hover img

{



visibility:hidden

}



.bplink span

{

	position: absolute;

	left: 9px;

	top: 5px;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	width: 13px;

	text-align: center;

} 

.pl-dots {

	float: left;

	height: auto;

	width: 30px;

	text-align: center;

	font-size: 11px;

	font-weight: bold;

	color: #CD319C;

	padding-top: 5px;

}

.waiting-for {

	background-image: url(/images/waiting-for.jpg);

	float: left;

	height: 168px;

	width: 160px;

	margin-top: 5px;

	margin-left: 1px;

	padding-left: 101px;

	padding-top: 85px;

	margin-bottom: 20px;

}

.waiting-for-text {

	float: left;

	height: 100px;

	width: 140px;

	color: #FFFFFF;

}

.waiting-for-button {

	text-align: right;

	float: left;

	height: 33px;

	width: 150px;

	margin-top: 25px;

}

.sidebar-container {

	float: left;

	height: auto;

	width: 260px;

	padding-left: 10px;

	margin-bottom: 10px;

}

.sidebar-cage {

	float: left;

	height: auto;

	width: 252px;

}

.sb-header {

	background-image: url(/images/sb-header.jpg);

	float: left;

	height: 24px;

	width: 236px;

	font-size: 14px;

	font-weight: bold;

	color: #FFFFFF;

	padding-top: 13px;

	padding-left: 15px;

	text-align: left;

}

.sb-content {
	background-image: url(/images/sb-bg.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 209px;
	padding-top: 6px;
	padding-left: 15px;
}

.sb-content2 {
	background-image: url(/images/rgt_col-cntnt_bg.gif);
	background-repeat: repeat-y;
}
.sb-content2_cntnr {
	background: url(/images/rgt_col-cntnt_mid.png) no-repeat top center;
	float: left;
	width: 243px;
	padding-top: 6px;
	padding-left: 9px;
}
.sb-content_btm { background: url(/images/rgt_col-cntnt_btm.png) no-repeat top center; margin-right: 8px; }
.sb-text {
	font-size: 11px;
	font-weight: bold;
	color: #CA3297;
	float: left;
	width: 225px;
	text-align: center;
}

.sb-ratedmovie {

	background-image: url(/images/sbstbg.png);
	/*background-image: url(/images/sbstbg.jpg);*/

	float: left;

	height: 66px;

	width: 228px;

	padding-top: 6px;

	padding-left: 5px;

	margin-top: 5px;

}

.tr-thumb {

	float: left;

	height: 62px;

	width: 83px;

}

.rm-box {

	float: left;

	height: 61px;

	width: 120px;

	margin-left: 12px;

	padding-left: 10px;

	padding-top: 5px;

}

.rm-text {

	font-size: 11px;

	font-weight: bold;

	color: #CA3297;

	float: left;

	height: auto;

	width: 120px;

	padding-bottom: 5px;

}

.rm-time {

	font-size: 11px;

	color: #999999;

	float: left;

	height: auto;

	width: 120px;

	padding-top: 5px;

}

.adv-box {

	float: left;

	height: auto;

	width: 252px;

}

.adv-header {

	background-image: url(/images/ad-header.jpg);

	float: left;

	height: 12px;

	width: 252px;

	overflow: hidden;

}

.adv-bg {

	background-image: url(/images/ad-bg.jpg);

	background-repeat: repeat;

	float: left;

	height: auto;

	width: 237px;

	padding-left: 15px;

}

.adv-footer {

	background-image: url(/images/ad-footer.jpg);

	float: left;

	height: 12px;

	width: 252px;

}

.advert-bg {

	background-image: url(/images/sbadbg.jpg);

	float: left;

	height: 221px;

	width: 226px;

	padding-top: 5px;

	margin-bottom: 5px;

	margin-top: 5px;

}

.bookmark {

	font-size: 12px;

	font-weight: bold;

	color: #330000;

	float: left;

	height: auto;

	width: 260px;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 85px;

}

.logged-in {

	float: left;

	height: 40px;

	width: 315px;

	font-size: 12px;

	color: #FFFFFF;

	margin-top: 35px;

	padding-left: 30px;

}

.header-buttons {

	float: left;

	height: auto;

	width: 340px;

	margin-top: 32px;

	padding-left: 5px;

}

.cams-link {

	font-size: 12px;

	color: #330000;

	float: left;

	height: auto;

	width: 70px;

	font-weight: bold;

	text-align: center;

}

.signup-link {

	font-size: 12px;

	color: #330000;

	float: left;

	height: auto;

	width: 100px;

	font-weight: bold;

	text-align: center;

	margin-left: 10px;

}

.members-link {

	font-size: 12px;

	color: #330000;

	float: left;

	height: auto;

	width: 135px;

	font-weight: bold;

	text-align: center;

}

.spider-food {

	width: 500px;

	float: left;

	height: auto;

	margin-top: 75px;

	color: #666666;

}

.footer-box {

	float: right;

	height: auto;

	width: 438px;

	text-align: right;

}.footer-links {

	float: right;

	height: auto;

	width: 438px;

	text-align: right;

	margin-bottom: 80px;

}.footer-copyright {

	float: right;

	height: auto;

	width: 438px;

	text-align: right;

}

.search-container {

	background-image: url(/images/searchbg.jpg);

	float: left;

	height: 48px;

	width: 254px;

	padding-left: 15px;

}

#searchwrapper {

	width:199px; /*follow your image's size*/

	height:48px;/*follow your image's size*/

	background-image:url(/images/fieldbg.jpg);

	color:#CCCCCC;

	background-repeat:no-repeat; /*important*/

	padding:0px;

	margin:0px;

	position:relative; /*important*/

}

 

#searchwrapper form { display:inline ;

color:#CCCCCC; }

 #emailwrapper {

	width:199px; /*follow your image's size*/

	height:28px;

	color:#CCCCCC;

	background-repeat:no-repeat; /*important*/

	padding:0px;

	margin:0px;

	position:relative; /*important*/

}

 

#emailwrapper form { display:inline ;

color:#CCCCCC; }

 #usernamewrapper {

	width:199px; /*follow your image's size*/

	height:28px;

	color:#CCCCCC;

	background-repeat:no-repeat; /*important*/

	padding:0px;

	margin:0px;

	position:relative; /*important*/

}

 

#usernamewrapper form { display:inline ;

color:#CCCCCC; }

 #passwordwrapper {

	width:199px; /*follow your image's size*/

	height:28px;

	color:#CCCCCC;

	background-repeat:no-repeat; /*important*/

	padding:0px;

	margin:0px;

	position:relative; /*important*/

}

 

#passwordwrapper form { display:inline ;

color:#CCCCCC; }

 

.searchbox {

	border:0px; /*important*/

	background-color:transparent; /*important*/

	position:absolute; /*important*/

	top:15px;

	left:8px;

	width:184px;

	height:21px;

	color:#CCCCCC;

}

 

.searchbox_submit {

	border:0px; /*important*/

	background-color:transparent; /*important*/

	position:absolute; /*important*/

	top:4px;

	left:192px;

	width:47px;

	height:48px;

	margin-top: -4px;

	margin-left: 5px;

} 

.fieldbox {

	border:0px; /*important*/

	background-color:transparent; /*important*/

	position:absolute; /*important*/

	top:5px;

	left:6px;

	width:184px;

	height:21px;

	color:#CCCCCC;

}

.video-container {

	float: left;

	height: auto;

	width: 703px;

	padding-right: 10px;

	padding-left: 11px;

}

.video {

	float: left;

	height: 558px;

	width: 703px;

	border: 1px solid #CB3398;

}

.download {

	float: left;

	height: 78px;

	width: 727px;

	text-align: center;

	padding-top: 10px;

	padding-bottom: 10px;

}

.sbtop {

	font-size: 1px;

	background-image: url(/images/sbtop.jpg);

	float: left;

	height: 9px;

	width: 270px;

	overflow: hidden;

}

.join-container {

	background-image: url(/images/mainjbg.jpg);

	float: left;

	height: 557px;

	width: 678px;

	padding-top: 50px;

	padding-left: 320px;

}

.joinform-container {

	background-image: url(/images/formbg.jpg);

	float: left;

	height: 387px;

	width: 347px;

}

.jf-title {

	font-size: 12px;

	font-weight: bold;

	color: #FFFFFF;

	float: left;

	height: auto;

	width: 327px;

	padding: 10px;

}

.joinform-box {

	float: left;

	height: 95px;

	width: 337px;

	padding-right: 5px;

	padding-left: 5px;

}

.joinform-membership {

	float: left;

	height: 147px;

	width: 337px;

	padding-right: 5px;

	padding-left: 5px;

}

.joinform-payment {

	float: left;

	height: auto;

	width: 337px;

	padding-right: 5px;

	padding-left: 5px;

}

.reasons-container {

	float: left;

	height: auto;

	width: 284px;

	margin-top: 15px;

	margin-left: 20px;

}

.reasons-title {

	font-size: 12px;

	font-weight: bold;

	color: #FFFFFF;

	float: left;

	height: auto;

	width: 284px;

	padding-top: 5px;

	padding-bottom: 5px;

}

.reasons-bg {

	background-image: url(/images/10reasons.jpg);

	float: left;

	height: 270px;

	width: 284px;

}

.the-reason {

	font-size: 12px;

	font-weight: bold;

	color: #FFFFFF;

	float: left;

	height: auto;

	width: 269px;

	margin-top: 2px;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 10px;

}

.mjoinbox {

	float: left;

	height: auto;

	width: 678px;

}

.almost-join {

	float: left;

	height: 100px;

	width: 666px;

	margin-top: 10px;

}

.join-email {

	float: left;

	height: auto;

	width: 315px;

	padding-left: 22px;

}

.join-username {

	float: left;

	height: auto;

	width: 337px;

}

.join-password {

	float: left;

	height: auto;

	width: 337px;

}

.fieldname {

	font-size: 12px;

	color: #FFFFFF;

	float: left;

	height: 18px;

	width: 90px;

	padding: 5px;

	text-align: right;

}

.joinfieldbg {

	background-image: url(/images/jf-a.jpg);

	float: left;

	height: 28px;

	width: 214px;

}

.membership-container {

	float: left;

	height: 142px;

	width: 337px;

	background-image: url(/images/jf-b.jpg);

	background-repeat: no-repeat;

	background-position: right top;

	margin-top: 5px;

}

.radio-column {

	float: left;

	height: 137px;

	width: 25px;

}

.radio-button {

	float: left;

	height: 25px;

	width: 25px;

	margin-top: 10px;

	margin-bottom: 8px;

}.radio-button2 {

	float: left;

	height: 20px;

	width: 25px;

	margin-top: 3px;

	margin-bottom: 1px;

}

.membership-text {

	float: left;

	height: 33px;

	width: 300px;

	padding-left: 12px;

	padding-top: 7px;

	font-size: 12px;

	font-family: tahoma;

	margin-bottom: 3px;

}

.payment-box {

	background-image: url(/images/jf-c.jpg);

	background-repeat: no-repeat;

	background-position: right center;

	float: left;

	height: 30px;

	width: 337px;

	padding-top: 5px;

}

.payment-radiobuttons {

	float: left;

	height: auto;

	width: 25px;

}

.payment-text {

	font-family: tahoma;

	font-size: 12px;

	font-weight: bold;

	color: #FFFFFF;

	float: left;

	height: auto;

	width: 300px;

	padding-left: 11px;

	padding-top: 4px;

	padding-bottom: 6px;

	margin-bottom: 3px;

	margin-top: 1px;

}



.star_off{

	width:70px;

	float:left;

	margin-left:13px;

	margin-top:2px;

	height:15px;

	background-image: url(/images/star_off.gif);

	background-repeat: repeat-x;

}





.star_on{

	

	float:left;

	height:15px;

	background-image: url(/images/star_on.gif);

	background-repeat: repeat-x;

}

/* http://sonspring.com/journal/clearing-floats */
html body div.clear, html body span.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }