/******************************
* YUI RESET CSS
* Normalise style in Browser
******************************/

html, body{margin:0;padding:0;}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img {
    border:0;
}
address,caption,cite,code,dfn,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}

h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}



/******************************
* Utils CSS Classes to fix Layout Issues
******************************/

.clearfix:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End hide from IE Mac */

.hidden{display:none;}
.centered{text-align:center;margin:10px auto;}


/******************************
* General CSS Definition
******************************/

body{
	background:#141414 url('../../tours/default/images/body_bg.jpg') center top repeat-x;
	text-align:center;
	font-family:arial, verdana;
	font-size:10pt;
	color:#fff;
}

a{color:#fff;}
a:hover{color:#ffc600;}

a.join_link{
	font-size:22pt;
	font-weight: bold;
	color:#ffc600;
	text-decoration:none;
}

small a.join_link{
	display: block;
	padding: 10px 0;
	font-size:14pt;
}
.upper{text-transform: uppercase;}



/******************************
* Site Layout
******************************/


.site_wrapper{
	width:1020px;
	margin:0 auto;
	text-align:left;
}

.site_body{
	padding-top: 12px;
	background: transparent url('../../join/images/site_pattern.gif') left 32px repeat-y;
	height:400px;
	height:auto!important;
	min-height:400px;
}

.site_footer{
	background:#141414 url('../../tours/default/images/footer_pattern.gif') left -10px repeat-y;
	height:10px;
}


/******************************
* Site Header
******************************/

h2#logo {
	height: 310px;
	left: 0;
	position: absolute;
	top: 0;
	width: 1059px;
	background: transparent url('../../join/images/header-cover.png') left 8px no-repeat;
	_background-image: url('../../join/images/header-cover.gif');
}
h2#logo a {
	display: block;
	position: relative;
	top: 32px;
	left: 20px;
	z-index: 4;
	width: 375px;
	height: 170px;
	text-indent: -900em;
}

.top_bar{
	height:42px;
}

.top_bar a.bz_present{
	display:block;
	position:relative;
	z-index:100;
	margin: 7px 0 0 5px;
	padding: 0;
	width:207px;
	height:24px;
	background:transparent url('../../tours/default/images/brazzers_present.gif') left top no-repeat;
	text-indent: -900em;
	cursor: default;
}

div.top_bar .slogan {
	display: block;
	position: relative;
	float: right;
	z-index: 100;
	margin: 0;
	padding: 0;
	top: 5px;
	#top: 10px;
	left: -9px;
	width: 555px;
	height: 17px;
	background: url('../../tours/default/images/top_slogan.png') no-repeat;
	_background-image: url('../../tours/default/images/top_slogan.gif');
	text-indent: -900em;
}

div.header {
	background: transparent url(../../join/images/header-blank.jpg) no-repeat scroll 61px 73px;
	display: block;
	height: 310px;
	margin-left: -40px;
	margin-top: -69px;
	position: relative;
	width: 1059px;
}

div.header a#site_header_link {
	display: block;
	position: absolute;
	z-index: 3;
	top: 84px;
	left: 231px;
	width: 825px;
	height: 332px;
	text-indent: -900em;
}

div.header div#site_header_img {
	background-image: url(http://static.brazzers.com/tour_elements/187420.jpg);
	background-color: transparent;
	background-position: 61px 73px;
	background-repeat: no-repeat;
	display: block;
	height: 310px;
	left: 0;
	position: absolute;
	top: 0;
	width: 1056px;
	z-index: 1;
}


/******************************
* Site Menu
******************************/

div.header ul.menu{
	position: absolute;
	right: 3px;
	top: 43px;
	display: block;
	margin: 0;
	z-index: 5;
}

div.header ul.menu li {
	float: left;
	margin: 0 0 0 32px;
}

div.header ul.menu li a {
	position: relative;
	display: block;
	width: 128px;
	height: 32px;
	background-repeat: no-repeat;
	overflow: hidden;
	background-image: url('../../tours/default/images/menu.png');
	_background-image: url('../../tours/default/images/menu.gif');
	text-indent: -900em;
}

div.header ul.menu li.m_home a { width: 67px; }
div.header ul.menu li.m_bookmark a { width: 126px; background-position: -67px top; }
div.header ul.menu li.m_members a { width: 108px; background-position: -193px top; }
div.header ul.menu li.m_join a { width: 251px; background-position: -301px top; }

div.header ul.menu li.m_home a:hover { background-position: left bottom; }
div.header ul.menu li.m_bookmark a:hover { background-position: -67px bottom; }
div.header ul.menu li.m_members a:hover { background-position: -193px bottom; }
div.header ul.menu li.m_join a:hover { background-position: -301px bottom; }



/******************************
* Footer Content
******************************/

.footer_content{
	position:relative;
	float:left;
	width:1020px;
}

	.footer_content ul{
		text-align:center;
		margin:20px 0;
	}

		.footer_content ul li {
			display:inline;
			border-right:1px solid #fff;
		}

		.footer_content ul li.last{border:0;}


			.footer_content ul li a{
				color:#4e4e4e;
				text-decoration:none;
				margin:0 10px;
			}

			.footer_content ul li a:hover{
				color:#ffc600;
				text-decoration:none;
			}

			.footer_content ul li.last a {color:#ffc600;}

			.footer_content ul li.last a:hover{text-decoration:underline;}

	.footer_content .notice{
		text-align:center;
		color:#fff;
		margin:5px 30px;
	}




/******************************
* Inside Page Style
******************************/

.page_container{
	width:965px;
	margin:0 auto;
	text-align:left;
	background:#0d0d0d url("../../tours/default/images/big_home/container_bg.jpg") no-repeat bottom center;
	border:1px solid #212121;
	padding:5px;
}

a.psp_home_sloan{
	width:965px;
	height:52px;
	display:block;
	margin:15px 0;
	background:transparent url('../../tours/default/images/home_slogan.gif') top center no-repeat;
}

h6.img_heading {
	font-size: 11pt;
	font-weight: bold;
	padding: 5px 0 0px 2px;
	margin: 0 0 -5px;
}

ul.img_bottom_list, ul.img_bottom_list_scene{
	background:#000;
	border:1px solid #212121;
	padding:5px 0 5px 7px;
	margin:10px 0 15px 0;
}
	ul.img_bottom_list li,  ul.img_bottom_list_scene li{float:left;}

		ul.img_bottom_list li a,  ul.img_bottom_list_scene li a{
			border:1px solid #212121;
			display:inline;
			float:left;
			height:127px;
			margin:5px;
		}

		 ul.img_bottom_list_scene li a{
		 	margin:5px 7px;
		 	height:147px;
		 }


.scene_section{
	width:768px;
	margin:15px auto;
}

.scene_section h2{
	font-size:18pt;
	font-weight:bold;
}

.scene_section h2 span{color:#ffc600;}

.scene_section div.info{
	font-size:9pt;
	margin-left:5px;
}

.scene_section .category span{
		color:#ffc600;
		text-decoration:none;
}


#player{
	text-align:center;
	margin:10px 0;
}



/******************************
* Widgets Definition
******************************/


div.w_scene_300x169{
	display:block;
	float:left;
	width:315px;
	height:390px;
	margin:2px;
	background:#000;
	border:1px solid #212121;
}

* html div.w_scene_300x169{margin-right:1px;}

	div.w_scene_300x169 h3 a{
		font-size:12pt;
		font-weight:bold;
		margin:5px 10px;
		display:block;
	}

	div.w_scene_300x169 a.img{
		width:300px;
		height:169px;
		display:block;
		margin:7px;
		border:1px solid #212121;
	}

	div.w_scene_300x169 p {
		padding:5px 10px;
		height:120px;
		font-size:10pt;
		text-align:justify;
	}

	div.w_scene_300x169 a.w_trailer{
		font-size:12pt;
		font-weight:bold;
		float:left;
		margin-left:10px;
		margin-top:10px;
		color:#727272;
	}


	div.w_scene_300x169 a.w_fullvideo{
		font-size:12pt;
		font-weight:bold;
		float:right;
		margin-right:10px;
		margin-top:10px;
		color:#ffc600;
	}










/******************************
* Disclaimer style
******************************/

.psp_disclaimer{}

.header_disclaimer{
	width:1020px;
	height:438px;
	background:transparent url('../../tours/default/images/disclaimer_header.jpg') top left no-repeat;
	display:block;
	position:relative;
	margin-top:-48px;
}

*:first-child+html .header_disclaimer{	margin-top:-41px;}
* html  .header_disclaimer{margin-top:-41px;}

.section_container{
	background:#000;
	border:1px solid #212121;
	margin:10px;
	padding:10px;
}

.psp_disclaimer .section_container{
	width:800px;
	margin:0 auto;
}

.conditions{
	background:#fff;
	padding:10px;
	margin:10px auto ;
	border:1px solid #212121;
	overflow-y:scroll;
	height:200px;
	width:700px;
	color:#000;
}


a.a_agree{
	font-size:30pt;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}



a.a_enter{
	font-size:30pt;
	font-weight:bold;
	color:#ffc600;
}

a.a_disagree{
	font-size:15pt;
	font-weigh:bold;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
}

a.a_disagree span{
	color:#003399;
	text-decoration:underline;
}

.for_free_parental{
	font-size:12pt;
	font-weight:bold;
	margin-top:10px;
	color:#5e5e5e;
}

.for_free_parental span{
	padding:0 10px;
	position:relative;
	top:-10px;
}



/******************************
* Join page 1
******************************/

.join_section h2{
	font-size:18pt;
	font-weight: normal;
	/*text-transform:uppercase;*/
	color:#fff;
}

.join_section .left_part {
	float: left;
	padding: 12px 30px;
	width: 413px;
	background: #000;
	border: 1px solid #212121;
	text-align: center;
}
.join_section .left_part h1{
	font-size: 9pt;
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;
}
.join_section .left_part h2{
	margin: -9px 0 -1px;
	padding: 0;
	color: #ffc600;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
}
.join_section .left_part h2 span{
	color: #B22;
}
.join_section .left_part h3{
	font-size: 13pt;
	font-weight: bold;
	text-align: center;
}
.join_section .left_part h3 span{font-weight: normal;}
.join_section .left_part img{
	margin: 9px 0;
	border: 3px solid #222;
}

.join_section .right_part{
	float:right;
	background: #000;
	border:1px solid #212121;
	padding:2px;
	width:475px;
	color:#fff;
}



.join_section .right_part h3{
	padding: 3px 0;
	font-size:19pt;
	font-weight:bold;
	color:#ffc600;
	text-align:center;
	text-transform: uppercase;
}
.join_section .right_part h4{
	font-size:11pt;
	font-weight:bold;
	color:#999;
	text-align:center;
	text-transform: uppercase;
}
.join_section .right_part h6{
	padding: 5px 77px 10px;
	font-size:10pt;
	font-weight:normal;
	line-height: 1.5em;
	color:#fff;
	text-align:left;
}

.join_section ul.six_reason{
	margin-left:10px;
}

	.join_section ul.six_reason li {
		float:left;
		border:1px solid #212121;
		margin:5px;
		width:460px;
		height:260px;
		display:block;
	}

		.join_section ul.six_reason li h4, .join_section ul.six_reason li .blk_under{
			position:absolute;
			text-align:center;
			width:460px;
			height:25px;
			font-size:13pt;
			font-weight:bold;
			padding-top:6px;
			margin-top:230px;

		}

		.join_section ul.six_reason li .blk_under{
			background:#000;
			opacity:0.5;
			filter: alpha(opacity=50);
		}

		.join_section button.join_green_button{
			position:relative;
			width:334px;
			height:52px;
			display:block;
			border:0;
			background:transparent url('../../tours/default/images/btn_jointoday.gif') top left no-repeat;
			display:block;
			margin:0 auto;
			cursor:pointer;
			margin-bottom:5px;
		}

			.join_section button.hover{background-position:left -52px;}



.planset {
	width: 407px;
	margin:20px 0 10px 40px;
	color:#000;
	cursor:pointer;
}

	.planset .radio {
		position: absolute;
		right: 15px;
		top: 21px;
	}

	.planset .labeltext .price {
		position: absolute;
		right: 60px;
		font-size: 26px;
		top: 14px;
		font-weight: bold;
		font-style: normal;
		text-align: left;
		display: block;
		width: 100px;
	}
		.planset .labeltext .price .posttext {
			display: none;
		}


		.planset .labeltext .posttext {
			font-size: 10px;
			font-weight: normal;
		    position: relative;
		    top: 5px;
		}

		.planset .labeltext .pretext {
			display: block;
			font-size: 18px;
			font-weight: bold;
		}

	.planset em, var {font-style: normal;font-weight: bold;}



		.planset li, div.join_part .planset ul li {
			list-style-position: outside;
			list-style-image: none;
			list-style-type: none;
			display: block;
			height: 52px;
			margin: 2px 0 0 0;
			background: transparent url('../../join/images/pricepoints/normal.gif') no-repeat scroll left top;
			position: relative;
			padding: 5px 0 0 10px;
		}

		.planset   li.pricelist_90{
			background: transparent url('../../join/images/pricepoints/recommended.gif') no-repeat scroll left top;
		}

		.planset li.pricelist_90 .labeltext .price {
			font-size:22px;
			top:5px;

		}
		.planset   li.active{
			background-position: left bottom;
		}


		.fade_box{
			background: transparent url('../../join/images/fade_bg.gif') repeat-x scroll left top;
			width:465px;
			height:31px;
			margin:8px auto 0px;
			padding-top:12px;
			padding-left: 10px;
		}

		.fade_box label.txt{
			font-weight:normal;
			display:block;
			width:80px;
			text-align:right;
			margin-right:10px;
			float:left;
		}

			.fade_box input.text{
				width:125px;
				float:left;
				border:1px solid #000;
				padding:1px;
			}


		.gray_box{
			background:transparent;
			width:313px;
			height:27px;
			line-height: 13px;
			overflow: hidden;
			margin:0 auto;
			padding-top:0;
		}

		.gray_box label{
			padding-right: 3px;
		}

			.gray_box input{
				margin-right: 3px;
			}

			.join_error{
				color:red;
				font-size:10px;
				margin-left:90px;
				margin-bottom:2px;
				display:block;
			}

			.gray_box .clearfix{
				margin:2px;
			}

.join_buttons{
	padding: 0 0 0 40px;
}

.join_buttons li, ul{
	margin: 0;
	padding: 0;
	display: block;
}

.join_buttons li, .join_buttons li a{
	width: 424px;
	height: 162px;
	display: block;
	outline: #222;
}

.join_buttons li{
	float: left;
	background: #333;
	margin: 0 40px 0 0;
}

.join_buttons li.button_1{
	background: url("../../tours/default/images/big_home/btn_bottom_1.png") no-repeat top center;
}

.join_buttons li.button_2{
	background: url("../../tours/default/images/big_home/btn_bottom_2.png") no-repeat top center;
}

.join_buttons li.last{
	margin: 0;
}

.join_buttons li.button_1:hover,
.join_buttons li.button_2:hover{
	background-position: bottom center;
}

.join_section .lock_icon {
	background: transparent url(../../join/images/lock.gif) no-repeat 78px center;
	padding: 1px 0 1px 10px;
	height: 29px;
	line-height: 28px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}


.autobutton {
	display: block;
	float: left;
	margin: 0 0 0 30px;
	background: transparent url(../../tours/default/images/big_home/btn_sprite.png) repeat-x 0 0;
	font-size: 22px;
	text-align: center;
	text-decoration: none;
}
.autobutton * {
	float: left;
	height: 46px;
	line-height: 46px;
	white-space: nowrap;
}
.autobutton span {
	background: transparent url(../../tours/default/images/big_home/btn_sprite.png) no-repeat 0 -92px;
}
.autobutton var {
	padding: 0 30px;
	background: transparent url(../../tours/default/images/big_home/btn_sprite.png) no-repeat right -184px;
}
.autobutton:hover {background-position: 0 -46px;}
.autobutton:hover span {background-position: 0 -138px;}
.autobutton:hover var {background-position: right -230px;}
.autobutton:focus {opacity: 0.75; filter:alpha(opacity=75);}
.joinbutton {
	float: right;
	margin: 0 30px 0 0;
	color: #fb0;
	text-transform: uppercase;
}
.buttonwrap {
	clear: both;
	overflow: hidden;
	padding: 5px 0 2px;
	text-align: center;
}
.buttonwrap .splitbutton {
	display: inline-block;
	clear: both;
	float: none;
	margin: 0 auto;
	color: #fff;
}
.buttonwrap .splitbutton {background-image: url(../../tours/default/images/big_home/btn_spritedark.png);}
.buttonwrap .splitbutton * {background-image: url(../../tours/default/images/big_home/btn_spritedark.png);}