@charset "utf-8";
@import url(rating_style.css);

* { margin: 0; padding: 0; }
.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { background: url(bg.gif) repeat; font-family: Arial, Helvetica, sans-serif; color: #fff; }
#wrap { width: 1000px; margin: auto; background: url(main_21.gif) repeat-y;  border-bottom: 10px solid #000; margin-bottom: 10px; }
#head { position: relative; }
#head img { border: none; float:left; }
#head img.logo { position: absolute; top: 170px; left: 210px; }
#head img.logo-tour { position: absolute; top: 16px; left: 210px; }
#head img.logo-join { position: absolute; top: 16px; left:-28px; }

#head .intro { background: url(main_11.gif) repeat-y; } 
#head .intro p { margin: 0 40px; }

.table { background: url(main_15.gif) repeat-y; padding-top:5px; margin: 5px 0 15px 0; position: relative; }
.table img { display: block; border: 1px solid #fff; }
.table .ratings { background: url(rating.gif) no-repeat top right; font-weight: bold; position: absolute; right:20px; top:3px; height: 42px; width: 300px; padding: 8px 12px; text-align: center; }
.table .ratings_inner { float:right;width: 125px; }
.table .rate_text { position:absolute;right:140px;top:13px;font-size:13px; }
.table h1 { background: url(h1-trans.png) no-repeat; width: 315px; height: 49px; font-size: 28px; color: #ff0048; font-weight: bold; text-align: center; padding-top: 10px; position: absolute; top: -18px; left:-5px; }
.table .left { float: left; }
.table .right { float: left; width: 644px; }
.table .right .info { background: 	url(main_17.gif) no-repeat top; width: 630px;clear:left; }
.table .right .info p { padding: 10px 10px 0 20px; font-size: 13px; height: 75px;overflow: auto; font-weight: bold; }
.table .right .info img { border: none; float:left; }
.table .logo { position: absolute; bottom:60px; left:0; border: none; }

#buttons img { border: none; float:left; padding: 10px 0; }

#join { }
#join .form { float: left; width: 380px; padding: 5px 0 0 0; background: #fff; border-right: 3px solid #ff005a; height: 490px; }

#join .left { width: 352px; text-align: left; border-right: 3px solid #ff005a; height: 385px; background: #7b002b; margin-left: 12px;  padding:115px 0 0 0; display:inline; font-size: 13px; float:left; }
#join .left ul { list-style: square; color: #ccc; margin: 0 18px 8px 26px; }
#join .left ul li { padding: 6px; }
#join .left ul li strong { color: #fff; }
#join .left h1.j { font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align: center; background: none; padding:0; border-top: 1px solid #ff005a; padding-top: 10px; color: #ccc; font-weight: bold; }
#join .left h1.j span { font-size: 28px; color: #fff; }

#join .right { width: 226px; float:left; padding-top: 10px; padding-left: 6px; background: #fff; }
#join .right img { display: block; border: 1px solid #000; margin-bottom: 1px; }

#updates { text-align: center; }
#updates ul { list-style: none; margin:10px 0 0 20px; padding:0; border: 1px solid #c20044; width: 956px; float:left; }
#updates ul li { float:left; margin: 6px 0 0 6px; display: inline; text-align: center;  padding:2px 1px; font-family: Arial, Helvetica, sans-serif; }
#updates ul li img { display: block; border: 3px solid #fff; }
#updates ul li a { display: block;text-indent: -9999px;width: 302px;height: 500px; background-position: center center;border: 3px solid #FFF; }
#updates ul li a:hover { border: 3px solid #000; }
#updates ul.network { width: 200px; float:left; background: #c20044; width: 258px; margin-left:5px; } 
#updates ul.network li img { display: block; margin: 2px 0 4px 0; }
#updates ul.network li a { color: #fff; }
#updates ul.network li a.j { background: #000; padding: 8px; font-weight: bold; text-align: center; display: block; width: 228px; }
#updates ul.network li { font-size: 12px; }
#updates ul.network li.head strong { font-size: 18px; margin-bottom: 4px; display: block; }

#sites { margin: auto;width: 972px;text-align: center;background: #FF005A;color: #FFF; }
#sites h2, #sites h3 { clear: both;text-align: center;margin: 0;padding:0;line-height: normal;font-size: 22px; }
#sites a { color: #FFC; }
#sites a:hover { text-decoration: none;color: #FFF; }
#sites .info_text { font-size: 13px; }
#sites ul { list-style: none;padding: 0;margin: auto;width: 820px; }
#sites ul li { float:left; margin: 7px 5px 2px 5px; display: inline; text-align: center;  padding:5px 5px; font-family: Arial, Helvetica, sans-serif;font-size: 12px; }
#sites ul li a { font-weight: bold; color: #ff9; }
#sites ul li p { width: 181px; font-size: 12px; font-weight: normal; color: #fff; margin-top:6px; height: 46px; }
#sites ul li img { display: block; border: 1px solid #000;clear: both; }
#sites ul li a:hover img { border: 1px dotted #fff; }
#sites ul li a:hover { color: #000; }

#sites ul.bigsites { clear: both;margin-bottom: 25px;font-weight: bold; }
#sites ul.bigsites li p { width: 385px;font-size: 14px;line-height: 1.1em; }
#sites ul.bigsites p a { display: block;font-size: 16px;padding: 5px 2px; }

.footer { margin: 0 12px; border-top: 2px solid #ff005a; color: #666; text-align: center; padding: 14px; margin-top: 2px; font-size: 13px; }
.footer p { margin-bottom: 20px; }

/* Index bottom warning/links
------------------------------------------*/
#tdbottombox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	line-height: normal;
}
#tdbottombox p {
	line-height: normal;
}
#tdbottombox a {
	text-decoration: underline;
	color: #c00;
}
#tdbottombox a:hover {
	text-decoration: none; color:#00c;
}

/* 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: #981D83;
}
.join-sell .lastditch {
	font-size: 12px;
	font-weight: normal;
}



/* Join bottom proccessor infos
------------------------------------------*/
#tdprocessorinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #444;
}
#tdprocessorinfo a {
	text-decoration: underline;
	color: #c00;
}
#tdprocessorinfo a:hover {
	text-decoration: none;
	color: #00c;
}
#tdbonussitetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #444;
}
.prdesc	{font-size:14px}
.details	{font-size:11px}

/* Global copyright
------------------------------------------*/
#tdcopyright {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666;
	text-align: center;
}