/*OUTOFCREDIT.mobi- splash page*/

/*global HTML tags*/
body {
	margin: 0;
	padding: 0;
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 11px; color: #333;
	line-height:15px;
	background: #fff url(navi/bg.gif);
}

form {
	margin: 0;
	padding: 0;
	display: inline;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

/*global link settings*/
a { color: #000; font-weight:bold; text-decoration: none; }
a:hover { text-decoration: underline; }
a.under { text-decoration:underline }

/***********************LAYOUT***********************/
h1.acces { display:none }
div#contentbox { width:656px;border:1px solid #ccc; margin:10px auto; }
td#twinsbox { background:#fff; padding:20px;padding-top:0px;}
div#free, div#premium { width:298px;background:#fff }

#free h1 a, #premium h1 a { color:#fff; text-decoration: none; }
#free h1 a:hover, #premium h1 a:hover { color:#fff; text-decoration: underline; }

#free h1, #premium h1 {
width:298px;height:33px;
color:#fff;
font-size:18px;
font-weight:bold;
margin:0;padding:0;
text-indent:17px;
line-height:33px;
}

#free h1{
background: url(navi/h1-free.jpg) top left no-repeat;
}
#premium h1 {
background: url(navi/h1-premium.jpg) top left no-repeat;
}

#free td.twbody { background:#B6F662; }
#premium td.twbody { background:#93E9FF; }

#free td.twbody, #premium td.twbody { height:370px; } /*choose height here depending on text to be added*/
#free td.twbody div, #premium td.twbody div { padding:5px 17px; }


#free .twbot { background:#B6F662 url(navi/free-bot.jpg) bottom left no-repeat; padding:10px 0px }
#premium .twbot { background:#93E9FF url(navi/premium-bot.jpg) bottom left no-repeat; padding:10px 0px }

#logo, #intro { background:#fff }