/* 
CSS by Ben Rabicoff 

* Globals
* Gutters
* Divs
* Headers
* Lists
* Promotions
* Games
* Jackpots

*/

/*****************************************************
* Global
*****************************************************/

* {
	padding			: 0px;
	margin			: 0px;
	}

html { 
	min-height		: 100%;
	margin-bottom		: 1px;
	}

body {
	background-color	: #353535;
	font			: 100.01% tahoma, verdana, arial, sans-serif;
	}

p {
	font-size		: 70%;
	line-height		: 1.2em;
	padding			: 10px 0px 10px 0px;
	color			: #FFFFFF;
	}

ul {
	font-size		: 70%;
	line-height		: 1.2em;
	}

div.clearboth {
	clear			: both;
	}

/*****************************************************
* Gutters
*****************************************************/

div.header-links-gutter {
	padding			: 5px 10px 0px 0px;
	}

div.nav-gutter {
	padding			: 15px 10px 0px 20px;
	}

div.gutter {
	padding			: 10px 10px 10px 10px;
	}

div.footer-gutter {
	text-align		: center;
	padding			: 40px 0px 0px 0px;
	}

/*****************************************************
* Divs
*****************************************************/

#site-wrapper {
	width			: 781px;
	padding			: 20px 0 0 0;
	margin			: 0px auto;
	}

body.rust #header {
	width			: 781px;
	height			: 126px;
	background		: #8e3402 url(../_images/header-rust-bg.gif) no-repeat;
	}

body.maroon #header {
	width			: 781px;
	height			: 126px;
	background		: #353535 url(../_images/header-maroon-bg.gif) no-repeat;
	}

body.dgreen #header {
	width			: 781px;
	height			: 126px;
	background		: #353535 url(../_images/header-dgreen-bg.gif) no-repeat;
	}

body.blue #header {
	width			: 781px;
	height			: 126px;
	background		: #353535 url(../_images/header-blue-bg.gif) no-repeat;
	}

body.grey #header {
	width			: 781px;
	height			: 126px;
	background		: #353535 url(../_images/header-grey-bg.gif) no-repeat;
	}

body.dgrey #header {
	width			: 781px;
	height			: 126px;
	background		: #353535 url(../_images/header-dgrey-bg.gif) no-repeat;
	}

#header-links {
	width			: 781px;
	text-align		: right;
	}

body.rust #main {
	width			: 781px;
	background-color	: #8e3402;
	}
	
body.maroon #main {
	width			: 781px;
	background-color	: #5f2323;
	}

body.dgreen #main {
	width			: 781px;
	background-color	: #766216;
	}

body.blue #main {
	width			: 781px;
	background-color	: #1f2f50;
	}

body.grey #main {
	width			: 781px;
	background-color	: #4f504f;
	}

body.dgrey #main {
	width			: 781px;
	background-color	: #000000;
	}

#content-left {
	width			: 469px;
	/*height		: 500px; /***** For Mock Up ONLY *****/
	float			: left;
	}
	
#content-left-full {
	width			: 761px;
	}

#content-left p {
	color			: #ffffff;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 75%;
	line-height		: 1.4em;
	}

#content-left a {
	color			: #ffffff;
	}

#content-right {
	width			: 250px;
	float			: right;
	}

body.rust #footer {
	width			: 781px;
	height			: 116px;
	padding			: 0 0 20px 0;
	background		: #353535 url(../_images/footer-rust-bg.gif) no-repeat;
	color			: #a3aab1;		
	}

body.maroon #footer {
	width			: 781px;
	height			: 116px;
	padding			: 0 0 20px 0;
	background		: #353535 url(../_images/footer-maroon-bg.gif) no-repeat;
	color			: #a3aab1;		
	}

body.dgreen #footer {
	width			: 781px;
	height			: 116px;
	padding			: 0 0 20px 0;
	background		: #353535 url(../_images/footer-dgreen-bg.gif) no-repeat;
	color			: #a3aab1;		
	}

body.blue #footer {
	width			: 781px;
	height			: 116px;
	padding			: 0 0 20px 0;
	background		: #353535 url(../_images/footer-blue-bg.gif) no-repeat;
	color			: #a3aab1;		
	}

body.grey #footer {
	width			: 781px;
	height			: 116px;
	padding			: 0 0 20px 0;
	background		: #353535 url(../_images/footer-grey-bg.gif) no-repeat;
	color			: #a3aab1;		
	}

body.dgrey #footer {
	width			: 781px;
	height			: 116px;
	padding			: 0 0 20px 0;
	background		: #353535 url(../_images/footer-dgrey-bg.gif) no-repeat;
	color			: #a3aab1;		
	}
	
/*****************************************************
* Headers
*****************************************************/

h1.title {
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: normal;
	font-size		: 160%;
	color			: #d0c860;
	padding			: 0 0 2px 0;
	}

h2.subtitle {
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 95%;
	color			: #d0c860;
	padding			: 0 0 10px 0;
	}

h3.register {
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 125%;
	color			: #ffffff;
	padding			: 5px 0 5px 0;
	}

h3.register a {
	color			: #ffffff;
	text-decoration		: none;
	}

h3.register a:hover {
	text-decoration		: underline;
	}

/*****************************************************
* Lists
*****************************************************/

/* Header Links */
ul#links-list {
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 85%;
	color			: #d0c860;
	list-style-type		: none;
	}

ul#links-list li a {
	color			: #d0c860;
	text-decoration		: none;
	}
	
/* Main Nav */
ul#nav {
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 100%;
	display			: inline;
	list-style-type		: none;
	}

ul#nav li {
	display			: inline;
	list-style-type		: none;
	padding			: 0 20px 0 0;
	}

ul#nav li.active a{
	color			: #d0c860;
	}

ul#nav li a {
	color			: #a3aab1;
	text-decoration		: none;
	}

ul#nav li a:hover {
	color			: #d0c860;
	text-decoration		: none;
	}

/* Sub Nav - Color Switches Based on Body Class Color */

/* MAROON */
body.maroon ul#subnav {
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 75%;
	display			: inline;
	list-style-type		: none;
	}

body.maroon ul#subnav li {
	display			: inline;
	list-style-type		: none;
	padding			: 3px 15px 3px 15px;
	margin			: 0 1px 0 0;
	background-color	: #7b3f3f;
	}

body.maroon ul#subnav li.active {
	color			: #d0c860;
	}

body.maroon ul#subnav li a {
	color			: #a3aab1;
	text-decoration		: none;
	}

body.maroon ul#subnav li a:hover {
	color			: #d0c860;
	text-decoration		: none;
	}

/* DARK GREY */
body.dgrey ul#subnav {
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 75%;
	display			: inline;
	list-style-type		: none;
	}

body.dgrey ul#subnav li {
	display			: inline;
	list-style-type		: none;
	padding			: 3px 15px 3px 15px;
	margin			: 0 1px 0 0;
	background-color	: #6f6d6e;
	}

body.dgrey ul#subnav li.active {
	color			: #d0c860;
	}

body.dgrey ul#subnav li a {
	color			: #ffffff;
	text-decoration		: none;
	}

body.dgrey ul#subnav li a:hover {
	color			: #d0c860;
	text-decoration		: none;
	}

/* BLUE */
body.blue ul#subnav {
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 75%;
	display			: inline;
	list-style-type		: none;
	}

body.blue ul#subnav li {
	display			: inline;
	list-style-type		: none;
	padding			: 3px 15px 3px 15px;
	margin			: 0 1px 0 0;
	background-color	: #516692;
	}

body.blue ul#subnav li.active {
	color			: #d0c860;
	}

body.blue ul#subnav li a {
	color			: #ffffff;
	text-decoration		: none;
	}

body.blue ul#subnav li a:hover {
	color			: #d0c860;
	text-decoration		: none;
	}

/*****************************************************
* PROMOTIONS
*****************************************************/

/* Boxes - SubNav */

div.promo-gutter {
	padding			: 25px 105px 10px 11px;
	}

img.img-float {
	float			: left;
	}

div.promo-gutter p {
	color			: #ffffff;	
	padding			: 0;
	margin			: 0;
	}

div.promo-gutter p a {
	color			: #ffffff;
	text-decoration		: none;
	}

div.promo-gutter p a:hover {
	text-decoration		: underline;
	}
	
#promo-info {
	width			: 250px;
	height			: 94px;
	margin			: 0 0 10px 0;	
	background		: #8e3402 url(../_images/promo-info-box.gif) no-repeat 0 0;
	}

body#promotions-information #promo-info {
	width			: 250px;
	height			: 94px;
	margin			: 0 0 10px 0;	
	background		: #8e3402 url(../_images/promo-info-box.gif) no-repeat 0 -94px;
	}

#next-promo {
	width			: 250px;
	height			: 94px;
	margin			: 0 0 10px 0;
	background		: #8e3402 url(../_images/next-promo-box.gif) no-repeat;
	}

body#next-promotion #next-promo {
	width			: 250px;
	height			: 94px;
	margin			: 0 0 10px 0;	
	background		: #8e3402 url(../_images/next-promo-box.gif) no-repeat 0 -94px;
	}

#promo-review {
	width			: 250px;
	height			: 94px;
	margin			: 0 0 10px 0;
	background		: #8e3402 url(../_images/promo-review-box.gif) no-repeat;
	}

body#promotion-review #promo-review {
	width			: 250px;
	height			: 94px;
	margin			: 0 0 10px 0;	
	background		: #8e3402 url(../_images/promo-review-box.gif) no-repeat 0 -94px;
	}

/*****************************************************
* GAMES
*****************************************************/

div.sidebox-img {
	background-color	: transparent;
	margin				: 8px 0 8px 0;
 	}

/* Side Boxes */

a.sideboxes {
	display			: block;
	width			: 250px;
	height			: 95px;	
	}

#gol {
	width			: 250px;
	height			: 95px;
	margin			: 0 0 10px 0;	
	background		: #5f2323 url(../_images/game-box-bg.jpg) no-repeat 0 0;
	}

body#GameOfLife-Videos #gol,
body#GameOfLife-HowTo #gol,
body#GameOfLife-Characters #gol,
body#GameOfLife-Downloads #gol {
	width			: 250px;
	height			: 95px;
	margin			: 0 0 10px 0;	
	background		: #5f2323 url(../_images/game-box-bg.jpg) no-repeat 0 -95px;
	}

#kkc {
	width			: 250px;
	height			: 95x;
	margin			: 0 0 10px 0;
	background		: #5f2323 url(../_images/game-box-bg.jpg) no-repeat 0 -190px;
	}

body#KingKongCash-Videos #kkc,
body#KingKongCash-HowTo #kkc,
body#KingKongCash-Characters #kkc,
body#KingKongCash-Downloads #kkc {
	width			: 250px;
	height			: 95px;
	margin			: 0 0 10px 0;	
	background		: #5f2323 url(../_images/game-box-bg.jpg) no-repeat 0 -285px;
	}

#dond {
	width			: 250px;
	height			: 95px;
	margin			: 0 0 10px 0;
	background		: #5f2323 url(../_images/game-box-bg.jpg) no-repeat 0 -380px;
	}

body#DealOrNoDeal-Videos #dond,
body#DealOrNoDeal-HowTo #dond,
body#DealOrNoDeal-Characters #dond,
body#DealOrNoDeal-Downloads #dond {
	width			: 250px;
	height			: 95px;
	margin			: 0 0 10px 0;	
	background		: #5f2323 url(../_images/game-box-bg.jpg) no-repeat 0 -475px;
	}

#cf {
	width			: 250px;
	height			: 95px;
	margin			: 0 0 10px 0;
	background		: #5f2323 url(../_images/game-box-bg.jpg) no-repeat 0 -570px;
	}

body#CashFever-Videos #cf,
body#CashFever-HowTo #cf,
body#CashFever-Characters #cf,
body#CashFever-Downloads #cf {
	width			: 250px;
	height			: 95px;
	margin			: 0 0 10px 0;	
	background		: #5f2323 url(../_images/game-box-bg.jpg) no-repeat 0 -665px;
	}

/* Character Container */

div.char-container {
	width			: 469px; /* Same as Content Left*/
	margin			: 0 0 20px 0;
	}
	
div.char-left {
	float			: left;
	}
	
div.char-image {
	width			: 128px;
	height			: 105px;
	background		: #5f2323 url(../_images/char-left-bg.gif) no-repeat;
	}

div.char-image-gutter {
	text-align		: center;
	padding			: 5px;
	}
	
div.char-name {
	color			: #ffdc00;
	font-size		: 70%;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-style		: italic;
	}
	
div.char-right {
	float			: right;
	width			: 335px;
	}
	
div.char-desc {

	}

div.char-desc p {
	color			: #ffffff;
	}

/*****************************************************
* JACKPOTS
*****************************************************/

div.jackpots-gutter {
	padding			: 25px 105px 10px 11px;
	}

img.img-float {
	float			: left;
	}

div.jackpots-gutter p {
	color			: #ffffff;	
	padding			: 0;
	margin			: 0;
	}

div.jackpots-gutter p a {
	color			: #ffffff;
	text-decoration		: none;
	}

div.jackpots-gutter p a:hover {
	text-decoration		: underline;
	}
	
#jackpots-values {
	width			: 250px;
	height			: 94px;
	margin			: 0 0 10px 0;	
	background		: transparent url(../_images/jackpots-values-box.gif) no-repeat 0 0;
	}

body#jackpots-val #jackpots-values {
	width			: 250px;
	height			: 94px;
	margin			: 0 0 10px 0;	
	background		: transparent url(../_images/jackpots-values-box.gif) no-repeat 0 -94px;
	}

#jackpots-gallery {
	width			: 250px;
	height			: 94px;
	margin			: 0 0 10px 0;
	background		: transparent url(../_images/jackpots-winners-box.gif) no-repeat;
	}

body#jackpots-win #jackpots-gallery {
	width			: 250px;
	height			: 94px;
	margin			: 0 0 10px 0;	
	background		: transparent url(../_images/jackpots-winners-box.gif) no-repeat 0 -94px;
	}

#jackpots-products {
	width			: 250px;
	height			: 94px;
	margin			: 0 0 10px 0;
	background		: transparent url(../_images/jackpots-product-box.gif) no-repeat;
	}

body#jackpots-prod #jackpots-products {
	width			: 250px;
	height			: 94px;
	margin			: 0 0 10px 0;	
	background		: #8e3402 url(../_images/jackpots-product-box.gif) no-repeat 0 -94px;
	}

td.jackpot-table-left {
	width			: 8px;
	height			: 66px;
	background		: transparent url(../_images/jackpots-value-table-L.gif) no-repeat 0 0;
	}

td.jackpot-table-right {
	width			: 9px;
	height			: 66px;
	background		: transparent url(../_images/jackpots-value-table-R.gif) no-repeat 0 0;
	}
/*****************************************************
* Game Design
*****************************************************/

div.game-design-gutter {
	padding			: 25px 105px 10px 11px;
	}

img.img-float {
	float			: left;
	}

div.game-design-gutter p {
	color			: #ffffff;	
	padding			: 0;
	margin			: 0;
	}

div.game-design-gutter p a {
	color			: #ffffff;
	text-decoration		: none;
	}

div.game-design-gutter p a:hover {
	text-decoration		: underline;
	}

a.sideboxes {
	display			: block;
	width			: 250px;
	height			: 94px;	
	}

#gd-surveys {
	width			: 250px;
	height			: 94px;
	margin			: 0 0 10px 0;	
	background		: #1f2f50 url(../_images/gd-surveys-bg.gif) no-repeat 0 0;
	}

body#GameDesign-Surveys #gd-surveys {
	width			: 250px;
	height			: 94px;
	margin			: 0 0 10px 0;	
	background		: #1f2f50 url(../_images/gd-surveys-bg.gif) no-repeat 0 -94px;
	}
	
#gd-feedback {
	width			: 250px;
	height			: 94px;
	margin			: 0 0 10px 0;	
	background		: #1f2f50 url(../_images/gd-feedback-bg.gif) no-repeat 0 0;
	}
	
body#GameDesign-Feedback #gd-feedback {
	width			: 250px;
	height			: 94px;
	margin			: 0 0 10px 0;	
	background		: #1f2f50 url(../_images/gd-feedback-bg.gif) no-repeat 0 -94px;
	}

#gd-tconcept {
	width			: 250px;
	height			: 94px;
	margin			: 0 0 10px 0;	
	background		: #1f2f50 url(../_images/gd-tconcept-bg.gif) no-repeat 0 0;
	}

body#TestConcept #gd-tconcept {
	width			: 250px;
	height			: 94px;
	margin			: 0 0 10px 0;	
	background		: #1f2f50 url(../_images/gd-tconcept-bg.gif) no-repeat 0 -94px;
	}
	
div.survey-question {
	color			: #ffffff;
	font-size		: 70%;
	font-weight		: bold;
	padding			: 0 0 5px 0;
	}

div.survey-input {
	padding			: 0 0 20px 0px;
	}

/*****************************************************
* Links
*****************************************************/

.titelyellow {
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: normal;
	font-size		: 160%;
	color			: #d0c860;
	padding			: 0 0 2px 0;
}

.subtitelyellow {
	font-family: Verdana, Arial, Helvetica, Tahoma;
	font-size: 70%;
	color: #d0c860;
	font-weight: bold;
}

.text {
   font-family: Verdana, Arial, Helvetica, Tahoma;
   font-size: 80%;
	color			: #FFFFFF;
	font-weight: normal;
	
}

div.links-gutter p {
	color			: #ffffff;	
	padding			: 0;
	margin			: 0;
	padding: 0px 0 0 15px;
}



	
	
/*****************************************************
* Feedback Form
*****************************************************/

span.yellowtext {
	color			: #d0c860;
	font-weight		: bold;
	}

#feedback-gutter {
	padding			: 0 10px 0 10px;
	}

#feedback-top {
	width			: 438px;
	height			: 15px;
	margin			: 0;	
	background		: #1f2f50 url(../_images/gd-form-top.gif) no-repeat 0 0;
	}

#feedback-mid {
	width			: 438px;
	margin			: 0;	
	background		: #1f2f50 url(../_images/gd-form-mid.gif) repeat-y 0 0;
	}

#feedback-bot {
	width			: 438px;
	height			: 15px;
	margin			: 0;	
	background		: #1f2f50 url(../_images/gd-form-bot.gif) no-repeat 0 0;
	}

form#feedback label {
	float			: left;
	color			: #ffffff;
	font-weight		: bold;
	font-style		: italic;
	font-size		: 70%;
	padding			: 5px 0 0 0;
	margin			: 0 15px 0 0;
	}

form#feedback input#email {
	float			: left;
	width			: 285px;
	margin			: 0 0 10px 0;
	}

form#feedback textarea {
	width			: 412px;
	height			: 300px;
	padding			: 3px;
	margin			: 0 0 10px 0;
	}	

form#feedback br {
	clear			: both;
	}

form#feedback input#submit {
	float			: right;
	}

/*****************************************************
* GOL
*****************************************************/

#GOL-footer {
	padding			: 5px 0 0 20px;
	color			: #FFFFFF;
	}

#GOL-footer p a {
	color			: #FFFFFF;
	}

/* Welcome*/
#GOL-welcome-bg {
	width			: 741px;
	height			: 542px;
	margin			: 0 auto;
	background		: transparent url(../_images/GOL-welcome-bg.jpg) no-repeat 0 0;
	}

#GOL-rules-bg {
	width			: 741px;
	height			: 542px;
	margin			: 0 auto;
	background		: transparent url(../_images/GOL-rules.gif) no-repeat 0 0;
	}

#GOL-welcome-gutter {
	padding			: 136px 0 0 122px;
	}

a#GOL-welcome-link {
	display			: block;
	width			: 490px;
	height			: 260px;
	}

/* Login */
#GOL-login-bg {
	width			: 741px;
	height			: 542px;
	margin			: 0 auto;
	background		: transparent url(../_images/GOL-login-bg.jpg) no-repeat 0 0;
	}
	
#GOL-login-gutter {
	padding			: 243px 0 0 259px;
	}
	
form#GOLlogin input#username, form#GOLlogin input#password {
	width			: 245px;
	height			: 24px;
	border			: none;
	padding			: 5px 0 0 10px;
	margin			: 0 0 5px 0;
	background		: transparent url(../_images/GOL-login-field-bg.gif) no-repeat 0 0;
	}

form#GOLlogin input#submit {
	margin			: 0 0 0 170px;
	}
	
/* Register */
#GOL-register-bg {
	width			: 741px;
	height			: 542px;
	margin			: 0 auto;
	background		: transparent url(../_images/GOL-register-bg2.jpg) no-repeat 0 0;
	}
	
#GOL-register-gutter {
	padding			: 152px 0 0 259px;
	}

form#GOLregister input {
	margin:0;
	padding:0;
}

form#GOLregister input.field {
	width			: 245px;
	height			: 19px;
	border			: none;
	padding			: 5px 0 0 10px;
	margin			: 0 0 7px 0;
	background		: transparent url(../_images/GOL-register-field-bg.gif) no-repeat 0 0;
	}

form#GOLregister select.field {
	width			: 245px;
	height			: 19px;
	border			: none;
	padding			: 2px 0 0 10px;
	margin			: 0 5px 9px 0;
	background		: transparent url(../_images/GOL-register-field-bg.gif) no-repeat 0 0;
	}

form#GOLregister input.dob {
	width			: 112px;
	height			: 19px;
	border			: none;
	padding			: 5px 0 0 10px;
	margin			: -1px 0 10px 0;
	background		: transparent url(../_images/GOL-register-dob-bg.gif) no-repeat 0 0;
	}

form#GOLlogin input#submit {
	margin			: 0 0 0 170px;
	}

/* Tell Us */
#GOL-tellus-bg {
	width			: 741px;
	height			: 542px;
	margin			: 0 auto;
	background		: transparent url(../_images/GOL-tellus.jpg) no-repeat 0 0;
	}
	
#GOL-tellus-gutter1 {
	padding			: 147px 0 0 135px;
	}

#GOL-tellus-gutter2 {
	padding			: 100px 0 0 135px;
	}

#GOL-tellus-gutter3 {
	padding			: 70px 0 0 325px;
	}

form#GOLtellus input.check2, form#GOLtellus input.check3, form#GOLtellus input.check5, form#GOLtellus input.check6 {
	margin			: 0 0 0 195px;
	}

a#tellus-link {
	display			: block;
	width			: 95px;
	height			: 35px;
	}
	
/* Winner*/
#GOL-winner-bg {
	width			: 741px;
	height			: 542px;
	margin			: 0 auto;
	background		: transparent url(../_images/GOL-winner-bg.jpg) no-repeat 0 0;
	}
/*****************************************************
* Ralphs CSS
*****************************************************/
	
.login-field  {
	color			: #FFFFFF;
	font-size		: 80%;
	float			: left;
	display			: block;
	width			: 150px;
	height			: 25px;
	padding			: 0px 10px 5px 10px;
	text-align		: left;
	}	

.page-text  {
	color			: #FFFFFF;
	font-size		: 80%;
	}	

.errors  {
	border			: 1px solid #CCCCCC;
	font-size		: 80%;
	background-color: #F5F5F5;
	font-weight		: bold;
	color			: #FF0000;
	width			: 400px;
	padding			: 5px 10px 5px 10px;
	text-align		: left;
	}	

input, select {
	font-size		: 12px;
	color			: #000000;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	padding			: 2px;
	}

select {
	width			: 250px;
}

.left_imagetop { 
	test-align		: center;
}

.left_contentbottom {
	margin:0px;
	padding:0px;
}
.left_contentbottom p{
	font-size		: 70%;
	line-height		: 1.2em;
	padding			: 0px 0px 4px 0px;
	color			: #FFFFFF;
}