/* GENERAL
----------------------------------------------------------------------------- */

* {margin:0; padding:0;}
a img {border: 0;}
ul, ol {list-style:none;}
.img_left img{float:left;}
.img_right img{float:right;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.over {overflow:hidden;}
.over1 {overflow:hidden; height:1px;}
.block {display:block;}
.del{display:none;}
.null{visibility:hidden;}



/* --------- this project -------- */

a{color:#fff; text-decoration:none;}
a:hover{color:#fff;}


/* BASE
----------------------------------------------------------------------------- */

body {
	margin:0;
	background: url(http://images.pimproll.com/barebackbeginners.com/images/bg.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.3em;
	color:#fff;
}

.main {
	position:relative;
	margin:0 auto;
	width:820px;
	background:#12758C;
	border-left:1px solid #8D8D8D;
	border-right:1px solid #8D8D8D;
}

/* HEADER
----------------------------------------------------------------------------- */
.header { position:relative; width:820px;}
.header img{ display:block;}
/* MENU
.................................. */
.header .menu{
	position:absolute;
	top:457px;
	left:37px;
	width:742px;
}
.header .menu li{float:left; padding:3px 12px 5px; border-right:3px solid #fff; color:#fff; font-family:'Arial Black',Arial, Helvetica, sans-serif; font-size:17px; }
.header .menu li.end{border:0;}
.header .menu li a{ color:#fff; text-decoration:underline;}
.header .menu li a:hover{ text-decoration:none;}

.header .join{position:absolute; top:365px;  left:0px; width:820px; text-align:center; color:#fff; font-size:14px; font-weight:bold; }
/* CONTENT
----------------------------------------------------------------------------- */
.content {}
.joincontent {height:630px}

/* DVD Page
#################################################################*/
.dvdcell {
	font-family: Tahoma, Arial, sans-serif;
	background-color: #033E57;
	border: 1px solid #0B9DD6;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
}
.dvdcell span {
	font-weight: normal;
	font-size: 10px;
}
.dvdcell a {
	color: #FFFF99;
	text-decoration: none;
}
.dvdcell a:hover {
	color: #FF0;
	text-decoration: underline;
}

/* Join page bonussite include
----------------------------------------------------------------------------- */
.newbonussite-caption {
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	margin-top: 10px;
	color: #FF0;
}
.newbonussite-container {
	width: 700px;
	height: 145px;
	margin: auto;
	overflow: auto;
	text-align: center;
	background: #000;
}
.newbonussite-cell {
	line-height: normal;
	font-size: 11px;
	font-weight: bold;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	color: #FFF;
}
.newbonussite-cell img {
	display: inline;
	margin: 2px;
}


/* FOOTER
----------------------------------------------------------------------------- */
.footer { position:relative; width:820px;}

.footer p{position:absolute; top:56px; left:315px; width:218px; text-align:center;}

.footer p strong{ color:#EEB28A; font-weight:normal;}
.footer p a{ display:block; padding:10px 0 0; font-weight:bold; text-decoration:underline;}

.footer .bt1{ display:block; position:absolute; top:14px; left:0px; width:295px; padding:220px 0 0;}

.footer .bt2{ display:block; position:absolute; top:14px; left:562px; width:260px; padding:220px 0 0;}


/* CONSOLE
----------------------------------------------------------------------------- */
.console{ position:relative; width:756px; margin:0 auto; background:#7C5935;}

.console h3{ background:#F93C00; height:47px; font-size:34px; line-height:1.3em; text-align:center; font-weight:normal;}

.console h3 strong{font-family:'Arial Black',Arial, Helvetica, sans-serif;}

.console .photos{background:#593C1C;}

.console .photos div.left{ width:152px; padding:0 1px;}

.console .photos img{ display:block; margin:1px 0 0;}

.console .photos div.left img{ width:152px; height:121px;}

.console .photos img.left{ width:448px; height:365px;}

.console .splash{position:absolute; top:52px; left:158px;}

.console p.text{ padding:7px;}

.console .info{position:relative; height:98px; background:url(http://images.pimproll.com/barebackbeginners.com/images/console_info.gif) center bottom no-repeat; padding:5px 0 0;}

.console .info .length{ padding:0 10px;}

.console .info h4{ position:absolute; top:5px; left:165px;}

.console .info li{ float:left; padding:10px 25px 0 25px;}

.console .info ul ul{padding:5px 0 0;}

.console .info li li{ float:none; padding:0px 0 0 44px; font-size:11px; line-height:1.1em;}

.console .img_left{height:100px;}

.console .access{ background: #12758C; height:150px; text-align:center; text-transform:uppercase; line-height:normal;}

.console .access h2{ padding:34px 0 0; font-size:36px; font-weight:normal; text-decoration:underline;}

.console .access h3{ padding:0; background:none; font-size:24px;}

.console .access a h2{ color:#CBCBCB;}

.console .access a:hover h2{ color:#fff;}



/* TOUR
################################################################## */
#tour .welcome{ display:block; position:absolute; top:7px; left:238px; width:338px; height:333px;}
#tour .welcome h1{display:none;}
#tour .header .menu{
	position:absolute;
	top:363px;
	left:37px;
	width:742px;
}


/* QUALITY
################################################################## */
#quality .welcome{ display:block; position:absolute; top:7px; left:238px; width:338px; height:333px;}
#quality .welcome h1{display:none;}
#quality .header .menu{
	position:absolute;
	top:363px;
	left:37px;
	width:742px;
}

#quality .header .intro{position:absolute; top:410px; left:228px; width:545px; line-height:normal;}

#quality .header .intro h2{font-size:40px; font-family:'Arial Black',Arial, Helvetica, sans-serif; font-weight:normal;}

#quality .content{ position:relative; width:820px;}
#quality .content img{display:block;}
#quality .content ul{ position:absolute; top:708px; left:72px; width:328px; font-weight:bold;}
#quality .content li{padding:0 0 5px;}
/* Index bottom warning/links
------------------------------------------*/
#tdbottombox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: normal;
}
#tdbottombox p {
	line-height: normal;
}
#tdbottombox a {
	text-decoration: underline;
	color: #FFFF00;
}
#tdbottombox a:hover {
	text-decoration: none;
}

/* JOIN Page stats
------------------------------------------*/
.join-sell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
}
.join-sell .txt11 {
	font-size: 11px;
}
.join-sell .txt12 {
	font-size: 12px;
}
.join-sell .highlight {
	color: #FFFF00;
}
.join-sell .lastditch {
	font-size: 12px;
	font-weight: normal;
}



/* Join bottom proccessor infos
------------------------------------------*/
#tdprocessorinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
}
#tdprocessorinfo a {
	text-decoration: underline;
	color: #FFFF00;
}
#tdprocessorinfo a:hover {
	text-decoration: none;
	color: #CBCBCB;
}
#tdbonussitetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

/* Global copyright
------------------------------------------*/
#tdcopyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
}


/* Bonus Site Include
-----------------------------------------*/
#bonusinclude .bonus1 {
	width: 661px;
	line-height: 56px;
	background: top left repeat-x url(cimages/join/bonus_include/aejoinblock1.png);
}
#bonusinclude .bonus2 {
	width: 26px;
	line-height: 241px;
	background: top left repeat-x url(cimages/join/bonus_include/aejoinblock2.png);
}
#bonusinclude .bonus3 {
	width: 29px;
	line-height: 241px;
	background: top left repeat-x url(cimages/join/bonus_include/aejoinblock3.png);
}
#bonusinclude .bonus4 {
	width: 661px;
	line-height: 59px;
	background: top left repeat-x url(cimages/join/bonus_include/aejoinblock4.png);
}

/* Join warning "must login"
------------------------------------------*/
.mustlogin {
	border: 1px solid #ccc;
	background-color: #efefef;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	color: #000;
	font-size: 13px;
	margin: 10px;
	margin-top: 0;
	padding: 3px;
}
.mustlogin h3 {
	color: #883B7B;
	font-size: 18px;
	text-align: center;
	margin: 3px;
	padding: 0;
}