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

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

div,dl,dt,dd,ul,ol,li,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;
}

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('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:25pt;
	color:#ffc600;
	text-decoration:none;
}



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


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

.site_body{
	background:#141414 url('site_pattern.gif') left -10px repeat-y;
	height:400px;
	height:auto!important;
	min-height:400px;
}

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


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

.top_bar{
	height:42px;
}

	.top_bar a.bz_present{
		width:207px;
		height:24px;
		display:block;
		margin-top:7px;
		margin-left:5px;
		background:transparent url('brazzers_present.gif') left top no-repeat;
		position:relative;
		z-index:100;
	}

.header{
	width:1020px;
	height:438px;
	display:block;
	background:#141414 url('header.jpg') left top no-repeat;

}


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

.menu{
	position:absolute;
	display:block;
	background-image:url('menu.gif');
	height:41px;
	width:938px;
	margin-left:52px;
}

	.menu li{float:left;}

		.menu li a{
			background-image:url('menu.gif');
			background-color:transparent;
			background-position:left top;
			position:relative;
			display:block;
			width:938px;
			height:39px;
		}
/******************************
* 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;
	border:1px solid #212121;
	padding:5px;
}

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


ul.img_bottom_list, ul.img_bottom_list_scene{
	background:#000;
	border:1px solid #212121;
	padding:5px 0 5px 7px;
	margin:10px 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:block;
			float:left;
			height:127px;
			margin:5px;
		}

		 ul.img_bottom_list_scene li a{
		 	margin:5px 13px;
		 	height:195px;
		 }


.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('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:bold;
	text-transform:uppercase;
	color:#fff;
}

.join_section .left_part{
	float:left;
}


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



.join_section .right_part h3{
	font-size:20pt;
	font-weight:bold;
	color:#ffc600;
	text-align:center;
}

.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('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('normal.gif') no-repeat scroll left top;
			position: relative;
			padding: 5px 0 0 10px;
		}

		.planset   li.pricelist_90{
			background: transparent url('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;
		}


		.gray_box{
			background:#2a2a2b;
			width:313px;
			height:78px;
			margin:10px auto;
			padding-top:5px;
		}

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

			.gray_box input.text{
				width:205px;
				float:left;
				border:0;
				padding:1px;
			}

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

			.gray_box .clearfix{
				margin:2px;
			}