/* 188BET PROMO */
/* 29 APRIL 2009 */
/* TOM ASTON, www.fuse.co.uk */

/*********************************** RESET AND CLEARFIX ***********************************/

@import url('reset.css');
@import url('clearfix.css');

/*********************************** GENERAL ***********************************/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#222222;
}
p {
	font-size:1.1em;
	line-height:1.3em;
	margin:0 0 10px 0;
}
h3 {
	color:#666666;
}
h3 strong {
	color:#F58025;
}
a:link,
a:visited {
	color:#F58025;
	text-decoration:underline;
}
a:hover,
a:active {
	color:#666666;
	text-decoration:none;
}
img {
	float:left;
}
#page {
	width:860px;
	padding:10px;
	margin:0 auto;
}
#header {
	background:url(../images/header-bg.png) left top no-repeat;
	width:860px;
	float:left;
	clear:both;
	padding:0 0 10px 0;
}
#header h1 {
	background:url(../images/188bet-logo.png) left top no-repeat;
	width:176px;
	height:91px;
	text-indent:-9999px;
	float:left;
	behavior: url(styles/iepngfix.htc)
}
#header h2 {
	float:right;
	font-size:3em;
	color:#717074;
	padding:32px 40px 0 0;
	text-indent:-9999px;
}
#content {
	width:860px;
	float:left;
	clear:both;
}
#mainSection {
	width:590px;
	float:left;
	clear:both;
	padding:0 10px 0 0;
}
#mainSection img {
	margin:0 0 10px 0;
}
#mainSection #whyBet {
	width:568px;
	float:left;
	border:solid 1px #F58025;
	padding:8px 10px;
	margin:0;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	behavior: url(styles/border-radius.htc);
	background:#FFFFFF;
}
#mainSection #whyBet h3 {
	width:415px;
	float:left;
	font-size:2em;
	line-height:1.1em;
}
#mainSection #whyBet a#overlayBtn:link,
#mainSection #whyBet a#overlayBtn:visited {
	background:url(../images/why-bet.png) 0 0 no-repeat;
	width:150px;
	height:23px;
	display:block;
	text-indent:-9999px;
	float:left;
	margin:5px 0 0 0;
}
#mainSection #whyBet a#overlayBtn:hover,
#mainSection #whyBet a#overlayBtn:active {
	background:url(../images/why-bet.png) 0 -23px no-repeat;
	width:150px;
	height:23px;
	display:block;
	text-indent:-9999px;
	float:left;
}
#mainSection #whyBet a#joinNowBtn:link,
#mainSection #whyBet a#joinNowBtn:visited {
	background:url(../images/join-now.png) 0 0 no-repeat;
	width:150px;
	height:23px;
	display:block;
	text-indent:-9999px;
	float:left;
	margin:8px 0 0 0;
}
#mainSection #whyBet a#joinNowBtn:hover,
#mainSection #whyBet a#joinNowBtn:active {
	background:url(../images/join-now.png) 0 -23px no-repeat;
	width:150px;
	height:23px;
	display:block;
	text-indent:-9999px;
	float:left;
}
#mainSection #officialPartners {
	border-bottom:solid 1px #DEDEDF;
	background:url(../images/official-partners.gif) left top no-repeat;
	width:590px;
	height:89px;
	float:left;
	text-indent:-9999px;
}
#sideBar {
	float:left;
	width:260px;
}
#sideBar a.claimBtn:link,
#sideBar a.claimBtn:visited {
	background:url(../images/Join-btn.jpg) 0 0 no-repeat;
	width:260px;
	height:57px;
	text-indent:-9999px;
	float:left;
}
#sideBar a.claimBtn:hover,
#sideBar a.claimBtn:active {
	background:url(../images/Join-btn.jpg) 0 -57px no-repeat;
	width:260px;
	height:57px;
	text-indent:-9999px;
	float:left;
}
#sideBar #stepByStep {
	float:left;
	width:260px;
	margin:0 0 10px 0;
}
#sideBar #stepByStep li {
	width:260px;
	float:left;
	clear:both;
	display:inline;
	padding:10px 0 5px 0;
	background:url(../images/next-step.png) left top no-repeat;
}
#sideBar #stepByStep li a:link,
#sideBar #stepByStep li a:visited {
	color:#1DA64A;
	text-decoration:underline;
}
#sideBar #stepByStep li a:hover,
#sideBar #stepByStep li a:active {
	color:#666666;
	text-decoration:none;
}
#sideBar #stepByStep .number {
	background:url(../images/number-bg.png) 7px 0px no-repeat;
	color:#FFFFFF;
	width:25px;
	font-size:2em;
	float:left;
	display:inline;
	padding:7px 0 10px 15px;
}
#sideBar #stepByStep .step2 .number,
#sideBar #stepByStep .step3 .number {
	width:26px;
	padding:7px 0 10px 14px;
}
#sideBar #stepByStep .step1 {
	background:none;
}
#sideBar #stepByStep .step3 {
	border-bottom:solid 1px #DEDEDF;
	padding:10px 0;
}
#sideBar #stepByStep .step {
	font-size:2em;
	float:left;
	display:inline;
	color:#1DA64A;
	padding:7px 0 0 0;
	width:220px;
}
#sideBar #stepByStep p {
	float:left;
	display:inline;
	width:220px;
	margin:0;
	padding:0;
	font-size:1.3em;
	font-weight:bold;
	color:#444444;
}
iframe {
	padding:0;
	margin:0;
	border:none;
	float:left;
}
#footer {
	width:860px;
	padding:20px 0 0 0;	
	float:left;
	clear:both;
	text-align:center;
}
#footer a.noStyle:link,
#footer a.noStyle:visited {
	color:#222222;
	text-decoration:none;
}
#footer a.noStyle:hover,
#footer a.noStyle:active {
	color:#222222;
	text-decoration:none;
}
#footer img {
	float:none;
}
.terms p,
.terms ul,
.terms ol {
	font-size:1.2em;
	line-height:1.3em;
	margin:0 0 10px 0;
}
.terms ol {
	padding:0 0 0 25px;
}
.terms ol li {
	list-style:decimal;
	margin:0 0 3px 0;
}
.terms h3 {
	float:none;
	font-size:2.0em;
	color:#F58025;
	margin:0 0 10px 0;
}
.terms h4 {
	font-size:1.3em;
	color:#666666;
	margin:0 0 10px 0;
}
p#back {
	padding:10px 0;
}
#mainSection #whyBet .whybetOverlay {
	display:none;
	background-image:url(../images/white.png);
	width:640px;		
	padding:55px;
}
#mainSection #whyBet .whybetOverlay div.close {
	background-image:url(../images/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
#mainSection #whyBet .whybetOverlay h3 {
	width:640px;
	float:none;
	font-size:2.0em;
	color:#F58025;
	margin:0 0 10px 0;
}
#mainSection #whyBet .whybetOverlay p,
#mainSection #whyBet .whybetOverlay ul {
	font-size:1.2em;
	margin:0 0 10px 0;
	line-height:1.3em;
	width:640px;
}
#mainSection #whyBet .whybetOverlay a.claimBtn:link,
#mainSection #whyBet .whybetOverlay a.claimBtn:visited {
	background:url(../images/claim-btn.jpg) 0 0 no-repeat;
	width:260px;
	height:57px;
	text-indent:-9999px;
	float:left;
}
#mainSection #whyBet .whybetOverlay a.claimBtn:hover,
#mainSection #whyBet .whybetOverlay a.claimBtn:active {
	background:url(../images/claim-btn.jpg) 0 -57px no-repeat;
	width:260px;
	height:57px;
	text-indent:-9999px;
	float:left;
}