* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #ffffff;
}

img {
	border: none;
}

#wrapper {
	width: 760px;
	margin: 0 auto;
	background-color: #014984;
	border: 1px solid #000000;
}

#header {
	height: 113px;
}
#header p {
	text-align: right;
	margin-right: 30px;
	color: #ffffff;
	font-weight: bold;
}
#header p strong {
	color: #ff0066;
}
#header a {
	color: #ff0066;
	text-decoration: none;
}

#headerBlank {
	height: 170px;
}

#headerBlock {
	padding-top: 30px;
	float: right;
	width: 400px;
}

#left {
	width: 232px;
	float: left;
}

#container {
	background: url(../img/bottom-left.gif) bottom left no-repeat;
}

#contents {
	padding-right: 30px;
	background: url(../img/bottom-right.gif) bottom right no-repeat;
	padding-bottom: 5px;
}
#contents a {
	color: #ff0066;
	text-decoration: none;
	font-weight: bold;
}


/* home page */
body.home #left {
	min-height: 450px;
}

body.home #contents p {
	padding-top: 5px;
}

body.homeuser #left {
	min-height: 520px;
}
body.homeuser #contents p {
	margin-bottom: 5px;
}

#contents h3.headline {
	text-indent: -1000em;
	overflow: hidden;
	background: url(../img/every-roll.gif) no-repeat;
	height: 125px;
	width: 387px;
}
#contents h3.topline {
	text-indent: -1000em;
	overflow: hidden;
	background: url(../img/every-roll2.gif) no-repeat;
	height: 49px;
	width: 468px;
}
#contents h3.thankyou {
	text-indent: -1000em;
	overflow: hidden;
	background: url(../img/thank-you.gif) no-repeat;
	height: 107px;
	width: 475px;
}

#contents h4.rewards {
	text-indent: -1000em;
	overflow: hidden;
	background: url(../img/heading-reward_points.gif) no-repeat;
	height: 28px;
	width: 171px;
}
#contents h4.pageheading {
	color: #ff0066;
	margin-bottom: 20px;
	font-weight: bold;
}
#contents h4.10kprizewinners {
	text-indent: -1000em;
	overflow: hidden;
	background: url(../img/heading-10k_prize_winners.gif) no-repeat;
	height: 52px;
	width: 392px;
}
#contents h4.goodluck {
	text-indent: -1000em;
	overflow: hidden;
	background: url(../img/good-luck.gif) no-repeat;
	height: 38px;
	width: 219px;
}

#contents table.rewards {
	width: 360px;
	float: left;
}
#contents table.rewards td {
	font-weight: bold;
}

/* pink boxes on home page */
#homeRewards {
	border: #ff0066 3px solid;
	padding: 6px;
	margin-top: 10px;
	width: 215px;
	float: left;
	min-height: 115px;
}
#homeRewards h4 {
	text-indent: -1000em;
	overflow: hidden;
	background: url(../img/heading-home-rewards.gif) no-repeat;
	height: 32px;
	width: 202px;
}

#homeWin10K {
	border: #ff0066 3px solid;
	padding: 6px;
	margin-top: 10px;
	margin-left: 20px;
	width: 215px;
	float: left;
	min-height: 115px;
}
#homeWin10K h4 {
	text-indent: -1000em;
	overflow: hidden;
	background: url(../img/heading-home-win10k.gif) no-repeat;
	height: 32px;
	width: 200px;
}

/* pink box on collect page */
#win10K {
	border: #ff0066 3px solid;
	padding: 6px;
	margin-top: 8px;
	width: 250px;
	float: left;
}

#win10K a {
	color: #ff0066;
}

#win10K h3.win10k {
	text-indent: -1000em;
	overflow: hidden;
	background: url(../img/heading-win_10k.gif) no-repeat;
	height: 32px;
	width: 215px;
}

/* forgotten password */
form#formForgot {
	margin-bottom: 20px;
}
body.forgotten #left {
	min-height: 450px;
}
body.forgotten #contents p {
	margin-bottom: 10px;
}

/* collect reward */
form#formCollect {
	margin-bottom: 20px;
}
body.collect #left {
	min-height: 450px;
}
body.collect #contents p {
	margin-bottom: 10px;
}

/* login form */
form#formLogin {
	margin-top: 160px;
}

/* factorial */
body.factorial #left {
	min-height: 750px;
}
body.factorial #contents p {
	margin-bottom: 10px;
}

body.factorial form {
	padding-top: 10px;
}

#statements {
	width: 240px;
	float: left;
	height: 500px;
}
#boxes{
	width: 250px;
	float: left;
	margin: 2px;
	height: 500px;
}	
.dragableBox {
	width: 235px;
	height: 20px;
	background-color: #014984;		
	margin-bottom:5px;
	padding: 10px 0 10px 0;
	text-align:center;
}
.dragableBoxRight{
	width: 235px;
	height: 40px;
	border: 1px solid #ffffff;
	background-color: #ffffff;		
	margin-bottom:5px;
	color: #000000;
	font-weight: bold;
}

#box101 {
	background: #ffffff url(../img/num1.gif) top left no-repeat;
}
#box102 {
	background: #ffffff url(../img/num2.gif) top left no-repeat;
}
#box103 {
	background: #ffffff url(../img/num3.gif) top left no-repeat;
}
#box104 {
	background: #ffffff url(../img/num4.gif) top left no-repeat;
}
#box105 {
	background: #ffffff url(../img/num5.gif) top left no-repeat;
}
#box106 {
	background: #ffffff url(../img/num6.gif) top left no-repeat;
}
#box107 {
	background: #ffffff url(../img/num7.gif) top left no-repeat;
}
#box108 {
	background: #ffffff url(../img/num8.gif) top left no-repeat;
}
#box109 {
	background: #ffffff url(../img/num9.gif) top left no-repeat;
}
#box110 {
	background: #ffffff url(../img/num10.gif) top left no-repeat;
}

/*
div.dragableBoxRight{
	height: 46px;
	width: 250px;
	float: left;
	padding: 2px;
	background-color: #ffffff;
}
.dropBox{
	width:195px;
	border:1px solid #000;
	background-color:#E2EBED;
	height:400px;
	margin-bottom:10px;
	padding:3px;
	overflow:auto;
}		
*/

/* registration form */
body.reguser #left {
	min-height: 650px;
}
body.reguser #contents p {
	margin-bottom: 10px;
}

form#formRegister {
	float: left;
}

.column {
	width: 240px;
	float: left;
}
.row {
	padding-top: 5px;
}
.buttonrow {
	padding-top: 20px;
}

form#formRegister label {
	width: 239px;
	font-size: 90%;
	display: block;
}

form#formRegister input {
	padding: 1px;
	font-size: 90%;
}
form#formRegister select {
	font-size: 90%;
}

/* register purchase */
body.regpurchase #left {
	min-height: 400px;
}

body.regpurchase #contents p {
	margin-bottom: 10px;
}

/* contact us */
body.contact #left {
	min-height: 400px;
}
body.contact #contents p {
	margin-bottom: 10px;
}

/* terms and conditions */
body.terms #left {
	min-height: 1100px;
}
body.terms #contents p {
	margin-bottom: 10px;
}

body.terms #contents ul {
	margin-bottom: 10px;
	padding-left: 20px;
	float: left;
	width: 460px;
}
body.terms #contents ul li {
	margin-bottom: 5px;
}

/* footer */
#footer {
	background: url(../img/footer.gif) bottom no-repeat;
	height: 68px;
}

#footer ul {
	list-style: none;
	padding-top: 30px;
	margin-left: 60px;
}
#footer ul li {
		display: inline;
		margin-right: 30px;
}
#footer ul li a {
	font-weight: bold;
	color: #014984;
	text-decoration: none;
}

.clearboth {
	clear: both;
}
.clearleft {
	clear: left;
}
.errors {
	background-color: #ffff66;
	border: 1px solid red;
}