* {
	padding: 0;
	margin: 0;
}

body {
	font-family: Tahoma;
	font-size: 1em;
	background-color: #cccccc;
}

#wrapper {
	width: 1022px;
	height: 731px;
	margin: 0 auto;
}
#wrapperXL {
	width: 1024px;
	height: 758px;
	margin: 0 auto;
}

img {
	border: none;
}

form {
}

h1 {
	color: #666;
	font-size: 100%;
	margin-bottom: 5px;
}
h5 {
	margin-bottom: 5px;
}
p {
	color: #666;
	font-size: 80%;
	margin-bottom: 8px;
}
p.bold {
	font-weight: bold;
}
p.error {
	color: #C00;
	font-weight: bold;
}
p span.bold {
	font-weight: bold;
	color: #666;
}
p.green {
	font-weight: bold;
	color: #006600;
}
p.enlarge {
	font-size: 90%;
}
p.right {
	text-align: right;
}
div.button {
	text-align: right;
}

/* navigation */
#navigation {
	float: right;
	margin-right: 25px;
	margin-top: 17px;
}

/* trade navigation */
#navigation.trade {
	width: 566px;
}
ul.trade {
	list-style: none;
}
ul.trade li {
	float: left;
}
ul.trade li a {
	color: #ffffff;
	font-size: 70%;
	text-decoration: none;
}
ul.trade li.home a {
	background: url(../img/navTradeHome.gif) top no-repeat;
	text-indent: -2000px;
	display: block;
	height: 27px;
	width: 87px;
}
ul.trade li.prizes a {
	background: url(../img/navTradePrizes.gif) top no-repeat;
	text-indent: -2000px;
	display: block;
	height: 27px;
	width: 88px;
}
ul.trade li.terms a {
	background: url(../img/navTradeTerms.gif) top no-repeat;
	text-indent: -2000px;
	display: block;
	height: 27px;
	width: 180px;
}
ul.trade li.cuppa a {
	background: url(../img/navTradeCuppa.gif) top no-repeat;
	text-indent: -2000px;
	display: block;
	height: 27px;
	width: 211px;
}

/* consumer navigation */
#navigation.consumer {
	width: 360px;
}
ul.consumer {
	list-style: none;
}
ul.consumer li {
	float: left;
}
ul.consumer li a {
	color: #ffffff;
	font-size: 70%;
	text-decoration: none;
}
ul.consumer li.home a {
	background: url(../img/navConsumerHome.gif) top no-repeat;
	text-indent: -2000px;
	display: block;
	height: 27px;
	width: 87px;
}
ul.consumer li.prizes a {
	background: url(../img/navConsumerPrizes.gif) top no-repeat;
	text-indent: -2000px;
	display: block;
	height: 27px;
	width: 88px;
}
ul.consumer li.terms a {
	background: url(../img/navConsumerTerms.gif) top no-repeat;
	text-indent: -2000px;
	display: block;
	height: 27px;
	width: 185px;
}

/* not logged in navigation */
#navigation.notloggedin {
	width: 87px;
}
ul.notloggedin {
	list-style: none;
}
ul.notloggedin li {
	float: left;
}
ul.notloggedin li a {
	color: #ffffff;
	font-size: 70%;
	text-decoration: none;
}
ul.notloggedin li.home a {
	background: url(../img/navConsumerHome.gif) top no-repeat;
	text-indent: -2000px;
	display: block;
	height: 27px;
	width: 87px;
}

/* headings - image replacement */
#contentsHome h3.showmethemonkey {
	text-indent: -1000em;
	overflow: hidden;
	background: url(../img/heading-showmethemonkey.gif) no-repeat;
	height: 60px;
	width: 300px;
}
#contentsHome h4.howtoplay {
	text-indent: -1000em;
	overflow: hidden;
	background: url(../img/heading-howtoplay.gif) no-repeat;
	height: 50px;
	width: 300px;
}


/* home page styles */
body.home #wrapper {
	background: url(../img/bg-home.jpg) top no-repeat;
}

body.home #contentsHome {
	margin-top: 150px;
}

body.home form label {
	font-size: 80%;
	color: #000;
	width: 100px;
	float: left;
}
body.home form label.right {
	text-align: right;
	margin-right: 5px;
	width: 95px;
}
body.home form input[type~="text"],body.home form input[type~="password"] {
	width: 200px;
	padding: 2px;
	margin-bottom: 2px;
}
body.home form input[type~="submit"] {
	width: 70px;
	height: 25px;
	font-size: 80%;
}

/* consumer home page styles */
body.consumer #wrapper {
	background: url(../img/bg-consumer.jpg) top no-repeat;
}

/* trade home page styles */
body.trade #wrapper {
	background: url(../img/bg-trade.jpg) top no-repeat;
}

body.trade #posinfo {
	width: 165px;
	height: 165px;
	float: left;
	position: relative;
	top: 480px;
	left: 530px;
}
body.trade #posinfo a {
	width: 165px;
	height: 165px;
	display: block;
}

/* claim form page styles */
body.claim #wrapper {
	background: url(../img/bg-claimform.jpg) top no-repeat;
}
body.claimthanks #wrapper {
	background: url(../img/bg-claimthanks.jpg) top no-repeat;
}

#contentsClaimform {
	float: right;
	width: 625px;
	margin-right: 30px;
	padding-top: 140px;
}
#contentsClaimformThanks {
	float: right;
	width: 625px;
	margin-right: 30px;
	padding-top: 80px;
}

body.claim form {
	padding-top: 20px;
}

body.claim form label {
	font-size: 80%;
	color: #000;
	width: 100px;
	float: left;
	text-align: left;
	margin-left: 20px;
}
body.claim form input[type~="text"] {
	width: 200px;
	padding: 2px;
	margin-bottom: 2px;
}
body.claim form input[type~="submit"] {
	width: 70px;
	height: 25px;
	font-size: 80%;
}

body.claimthanks table.details {
	width: 400px;
	margin-top: 50px;
	margin-bottom: 120px;
}
body.claimthanks table.details td {
	color: #666;
	font-size: 80%;
}

/* trade prizes page styles */
body.prizeTrade #wrapper {
	background: url(../img/bg-prize-trade.jpg) top no-repeat;
}

/* consumer prizes page styles */
body.prizeConsumer #wrapper {
	background: url(../img/bg-prize-consumer.jpg) top no-repeat;
}

/* proper cuppa page styles */
body.cuppa #wrapper {
	background: url(../img/bg-cuppa.jpg) top no-repeat;
}
#contentsCuppa {
	float: right;
	width: 615px;
	margin-right: 30px;
	padding-top: 80px;
}

/* pos kit page styles */
body.poskit #wrapper {
	background: url(../img/bg-poskit.jpg) top no-repeat;
}
#contentsPoskit {
	float: right;
	width: 625px;
	margin-right: 30px;
	padding-top: 80px;
}

body.poskit #posinfo {
	width: 165px;
	height: 165px;
	float: left;
	position: relative;
	top: 180px;
	left: 185px;
}
body.poskit #posinfo a {
	width: 165px;
	height: 165px;
	display: block;
}

/* request pos kit page styles */
body.claimpos #wrapper {
	background: url(../img/bg-claimposform.jpg) top no-repeat;
}
body.claimposthanks #wrapper {
	background: url(../img/bg-claimposthanks.jpg) top no-repeat;
}

body.claimpos form {
	padding-top: 20px;
}

body.claimpos form label {
	font-size: 80%;
	color: #000;
	width: 100px;
	float: left;
	text-align: left;
	margin-left: 20px;
}
body.claimpos form input[type~="text"] {
	width: 200px;
	padding: 2px;
	margin-bottom: 2px;
}
body.claimpos form input[type~="submit"] {
	width: 70px;
	height: 25px;
	font-size: 80%;
}

body.claimposthanks table.details {
	width: 400px;
	margin-top: 50px;
	margin-bottom: 120px;
}
body.claimposthanks table.details td {
	color: #666;
	font-size: 80%;
}

/* terms and conditions page styles */
body.terms #wrapper {
	background: #ffffff url(../img/bg-terms.jpg) top no-repeat;
	height: auto;
}

body.terms #contents div.column {
	float: left;
	width: 310px;
	margin-right: 10px;
}

body.terms ul.prizes {
	padding: 5px 5px 5px 30px;
	font-size: 80%;
	background-color: #cccccc;
	margin-bottom: 5px;
}
body.terms ul.prizes li {
	margin-bottom: 5px;
}

/* website terms page styles */
body.webterms #wrapper {
	background: #ffffff url(../img/bg-webterms.jpg) top no-repeat;
	height: auto;
}

body.webterms #contents div.column {
	float: left;
	width: 310px;
	margin-right: 10px;
}
/* contact page styles */
body.contact #wrapper {
	background: url(../img/bg-contact.jpg) top no-repeat;
}

body.contact #contents {
	padding-top: 180px;
}

body.contact #contents div.column {
	float: left;
	width: 310px;
	margin-right: 10px;
}

body.contact #contents div.column a {
	color: #666;
}

/* generic page styles */
#contentsHome {
	float: right;
	width: 310px;
	margin-right: 30px;
}

#contents {
	width: 970px;
	margin: 0 auto;
	padding-top: 130px;
}

.errors {
	background-color: #FF9;
}

.clearRight {
	clear: right;
}
.clearBoth {
	clear: both;
}

/* footer styles */
#footerbar {
	width: 1022px;
	height: 26px;
	margin: 0 auto;
	background: url(../img/bg-footerbar.jpg) top repeat-x;
}

ul.footleft {
	float: left;
	margin-left: 20px;
	list-style: none;
}
ul.footleft li {
	float: left;
}
ul.footleft li a {
	color: #ffffff;
	font-size: 70%;
	text-decoration: none;
}

ul.footright {
	float: right;
	margin-right: 20px;
	margin-top: 6px;
	list-style: none;
}
ul.footright li{
	color: #ffffff;
	font-size: 70%;
}

ul.footleft li.fterms a {
	background: url(../img/footer-terms.gif) top no-repeat;
	text-indent: -1000px;
	display: block;
	height: 26px;
	width: 155px;
}
ul.footleft li.fprivacy a {
	background: url(../img/footer-privacy.gif) top no-repeat;
	text-indent: -1000px;
	display: block;
	height: 26px;
	width: 86px;
}
ul.footleft li.fcontact a {
	background: url(../img/footer-contact.jpg) top no-repeat;
	text-indent: -1000px;
	display: block;
	height: 26px;
	width: 77px;
}
ul.footleft li.ftips a {
	background: url(../img/footer-pgtips.gif) top no-repeat;
	text-indent: -1000px;
	display: block;
	height: 26px;
	width: 53px;
}
ul. footleft li.fsep span {
	background: url(../img/footer-sep.gif) bottom no-repeat;
	text-indent: -1000px;
	display: block;
	height: 26px;
	width: 3px;
	border: 1px solid blue;
}