@import url(rating_style.css);
body,img,p,ul,li,h1,h2,h3,h4,h5,h6,label,legend { margin:0; padding:0; }
body { background: #1f1319; margin:0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; }
#wrap { background: url(/creampiesistas/images/main_25-21.gif) repeat-y center; width: 1000px; margin: auto; } 
#head { position: relative; }
#head img { float:left; }
#head #mid { width:960px; float:left; }
#head #intro { background:url(/creampiesistas/images/main_14.gif) no-repeat top; clear:both; color: #fff; }
#head #intro p { padding: 15px 30px; margin:0; line-height: 22px; }
#head img { border: none; }
#head img.logo { position: absolute; top: 20px; left: 262px; }
#head img.logo-tour { position: absolute; top: 20px; left: 318px; }
#head img.logo-join { position: absolute; top: 20px; left: -15px; }
#head img.bookmark { position: absolute; top: 38px; right: 56px; border: none; }

.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%; }

.table { background: #f2f2f2; border: 2px solid #fff; border-bottom: none; padding:0; width: 942px; margin: auto; position: relative; }
.table img { display: block; border: none; }
.table .left { width: 627px; float:left; margin: 2px 0 0 2px; }
.table .left img { float:left; border: 1px solid #000; margin-bottom: 3px; }

.table .right { width: 308px; float:left; margin-top:2px; }
.table .right img { display: block; border: 1px solid #000; margin-left: 3px; }
.table .right .info { background: url(/creampiesistas/images/main_19.gif) no-repeat top; padding: 15px; }
.table .right .info p { height: 150px;overflow: auto;padding-right: 5px; }
.table .right .info h1 { text-align: center; font-size: 20px; }
.table .right .ratings { width: 126px;margin: auto;height:27px;font-weight: bold; text-align: center; }
.table .right .info p { padding: 10px 0; height: 155px;margin-bottom:5px; }
.table .right .info a.cta { background: #000; display: block; padding: 6px; text-align: center; color: #fff; margin: 2px 0; text-transform: uppercase; }
.table .logo { position: absolute; top: 326px; left: -20px; }
img.tbl-footer { display: block; margin: auto; }

#updates { text-align: center; }
#updates h1 { margin: 10px 0; }
#updates ul { list-style: none; margin:10px 0 0 0; padding:0; }
#updates ul li { float:left; margin: 0 0 0 0px; 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:hover img { border: 3px solid #000; }

#sites { margin: auto;margin-top: 35px;width: 815px;text-align: center; }
#sites h1 { text-align: center;margin: 0;padding:0;line-height: normal;font-size: 22px; }
#sites h1 a { color: #900; }
#sites h2 a { display: block; color: #900; padding: 10px; margin: 0 76px; }
#sites h2 { text-align: center; color: #000; font-size: 18px; font-weight: normal;margin: 0;padding:0;text-indent: 0;height: auto;background: none;line-height: 130%; }
#sites ul { list-style: none; }
#sites ul li { float:left; margin: 7px 5px 2px 5px; display: inline; text-align: center;  padding:5px 5px; font-family: Arial, Helvetica, sans-serif; }
#sites ul li a { font-weight: bold; color: #900; }
#sites ul li p { width: 181px; font-size: 12px; font-weight: bold; color: #000; 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 #000; }
#sites ul li a:hover { color: #000; }

#sites ul.bigsites li p { width: 385px;font-size: 16px;margin-top: -5px; }
#sites ul.bigsites h2 a { padding: 2px 0 5px 0; }


a.jmain { display: block; padding: 20px; text-align: center; color: #fff; text-transform: uppercase; font-size: 20px; }

.buttons {  width: 960px; margin: auto; }
.buttons img { float:left; border:none; }

.footer { text-align: center; color: #fff; padding: 10px 0; clear:left;font-family: Tahoma, Arial, Helvetica, sans-serif; }
.footer p { margin-top: 15px; }

#join .form { float: left; padding: 10px 0 0 0; }

#join .left { width: 320px; text-align: left; border-right: 3px solid #fa0082; padding-top: 125px; margin:0 0 0 20px; 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 b { 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 #fa0082; padding-top: 10px; color: #ccc; font-weight: bold; }
#join .left h1.j span { font-size: 28px; color: #fff; }

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

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

/* 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: #fff;
}
#tdprocessorinfo a {
	text-decoration: underline;
	color: #ff0;
}
#tdprocessorinfo a:hover {
	text-decoration: none;
	color: #fff;
}
#tdbonussitetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
.prdesc	{font-size:14px}
.details	{font-size:11px}

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