html {
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}

* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	height: 100%;
	font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #165a81;
}

* html body { text-align: center; }

#siteWrapper {
	position: relative;
	min-height: 100%;
	width: 784px;
	margin: 0 auto;
}

* html #siteWrapper {
	height: 100%;
	overflow: visible;
}

#layoutGrid {
	position: relative;
	top: 0;
	left: 0;
	width: 784px;
	margin: 0;
	padding: 0;
}

* html #layoutGrid { }

#topRow {
	position: relative;
	display: block;
	float: left;
	clear: both;
	width: 784px;
	height: 126px !important;
	background: #a5d2e7 0 0 no-repeat url(/images/frontend/structure/toprow.jpg);
}

#leftColWrapper {
	position: relative;
	float: left;
	width: 577px;
	margin-right: -100px;
	overflow:hidden;
}

/* Begin leftCol content styling
================================= */

#leftCol {
	position: relative;
	float: left;
	width: 163px;
	padding-top: 8px;
	overflow: hidden;
}

#left2Col {
	position: relative;
	width: 577px;
	text-align: left;
	vertical-align: top;
	vertical-align: top;
	padding-bottom: 15px;
	font-size: 11px;
		overflow:hidden;
}

#left2Col div.content {
	position: relative;
	padding: 0 11px;
	width: 555px;
		overflow:hidden;
}

#left2Col div.content div.contentHeader {
	position: relative;
	width: 555px;
	height: 99px;
	margin-bottom: 5px;
		overflow:hidden;
}

/* Begin midCol content styling
================================ */

#midCol {
	position: relative;
	float: right;
	margin-left: -162px;
	width: 415px;
	font-size: 11px;
	overflow:hidden;
}

#midCol div.content {
	position: relative;
	padding: 0 11px;
	width: 393px;
	margin-top: 25px;	overflow:hidden;
}

div.midColWrapper {
	width: 411px;
	margin: 0 0px 0 0px;
	border-color: #74b0cd;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	padding: 0 1px 1px 1px;
	text-align: left;	overflow:hidden;
}

div.midColWrapper div.pageHeader {
	position: relative;
  overflow:hidden;
	height: 55px;
	width: 100%;
}

div.midColWrapper div.pageHeader img {
	position: absolute;
	bottom: 8px;
	left: 20px;
  overflow:hidden;
}

div.pageTitle {
	font-weight: bold;
	color: white;
	padding: 9px 10px;
	text-align: left;
  overflow:hidden;
  border: 2px solid blue;
  margin-bottom: 10px;
}


tr.pageTitle {
	font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
	color: #fff;
  overflow:hidden;
	height:25px;
}
tr.pageTitle td {
 padding-top: 0px !important;
 padding-bottom: 0px  !important;
}

tr.rowTitle {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  overflow:hidden;
}


div.pageTitleRed {
  color: white;
  background: #B63C3C left top repeat-x url(/images/indicators/error_tile.png) !important;
  border: 2px solid #FF6262;
  font-size: 10px;
  color: white;
  padding: 9px 20px;
  text-align: left;

}

div.pageTitleGreen {
  color: white;
  background: #2F9843 url(/images/indicators/success_tile.png) repeat-x left top !important;
  font-weight: bold;
  color: white;
  padding: 9px 10px;
  text-align: left;
  border: 2px solid green;
  margin-bottom: 10px;
  overflow:hidden;
}

div.pageTitleGreen a { color: #F1FF15 !important; }


div.pageContent {
	position: relative;
	display: block;
	color: #506A79;
	border-top: 1px solid #74B0CD;
  background: #FFF;
  padding:15px;
}

div.pageTrail {
	position: relative;
	display: block;
	padding: 20px;
	border-top: 1px solid #74B0CD;
	background: #fff;
	color: #4E7B94;
	text-align: center;
}

div.twoColWrapper {
	margin-left: 4px;
	width: 568px;
	border-color: #74b0cd;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	zpadding: 0px;
  padding:0pt 1px 1px;
}

div.twoColWrapper div.pageHeader {
	position: relative;
  overflow: hidden;
	height: 64px;
	width: 100%;
	background: transparent top left repeat-x url(/images/frontend/content/headerbg.jpg);
	border-bottom: 1px solid #6293AD;
}

div.twoColWrapper div.pageHeader img {
	position: absolute;
	bottom: 15px;
	left: 20px;
}

div.tblWrapper {
  border: 1px solid #000;
  background-color:#FFFFFF;
  margin-bottom: 5px;
}

div.pageContent div.innerTitle{
  display: block;
  font-weight: bold;
  padding: 0px 0px 10px 0px;
  ztext-transform: uppercase;
}
div.pageContent div.innerContent{
  display: block;
  padding: 0px 0px 20px 0px;
}
div.pageContent div.innerContent li{
  margin: 0 10px 5px 30px;
}


div.pageContent h2.innerTitle{
  display: block;
  font-weight: bold;
  padding: 0px 0px 10px 0px;
  font-size: 11px;
  margin: 0;
  ztext-transform: uppercase;
}

div.pageContent h1.innerTitle{
  display: block;
  font-weight: bold;
  padding: 0px 0px 10px 0px;
  font-size: 11px;
  margin: 0;
  ztext-transform: uppercase;
}


.genTbl {
  background: #fff;
}

.genTbl.noPad td{
  padding: 0px;
}

.genTbl.softPad td{
  padding: 5px 2px ;
}
.genTbl.strongPad td{
  padding: 10px;
}

.purchaseTbl {
  padding: 0px;
}

.purchaseTbl td {
  padding: 5px 0 5px 10px;
}

.purchaseTbl td.softPad {
  padding: 1px 5px 1px 10px;
}

/* Begin rightCol content styling
================================== */
#rightCol {
	position: relative;
	float: right;
	width: 206px;
}

#rightCol div.adWrapper {
	float: left;
	clear: both;
	margin-top: 10px;
}


/* Site Footer
============================================================ */

#bottomRow div.wrapper {
	position: absolute;
	bottom: 113px;
	left: 0px;
	width: 100%;
	height: 25px;
	text-align: center !important;
}

*:first-child+html #bottomRow div.wrapper { bottom: 114px; }

* html #bottomRow div.wrapper { bottom: 114px; }

#footerLinks {
	width: 100%;
	height: 25px;
	line-height: 25px;
	text-align: center !important;
}

#footerLinks a {
	text-decoration: none;
	padding: 7px 10px 6px 12px;
	outline: none;
	font-size: 9px;
	font-weight: normal;
	color: #fff;
	outline-style:none;
	background: transparent top left no-repeat url(/images/frontend/nav/navitembg.jpg);
	text-transform: uppercase;
}

#footerLinks a:hover, #footerLinks a.current { background-position:left -26px !important; }

#footerLinks a.endcap {
	cursor: default !important;
	padding: 7px 0px 6px 4px;
}

#footerLinks a:hover.endcap { background-position: top left !important; }

#footerInfo {
	color: #12567d;
	position: absolute;
	top: 80px;
	left: 0px;
	width: 100%;
	height: 32px;
	text-align: center !important;
	text-transform: uppercase;
}

#footerInfo p {
	font-size: 10px;
	margin: 0;
	padding: 0 12%;
}

/* Begin bottomRow content styling
=================================== */

#clearFooter {
	width: 100%;
	height: 257px;
	display: block;
	clear: both;
}

#bottomRow {
	position: relative;
	width: 784px;
	height: 200px;
	margin: 0 auto;
	margin-top: -150px;
	background: transparent left top no-repeat url(/images/frontend/structure/sitefooter.jpg);
}

/* jean update - checkout */

table.purchaseEntries {
	background-color:#FFFFFF;
	border:solid #165A81 thin;
}

tr.entriesHeader { height:25px; }

td.neutral_entrycontent, div.checkoutStep1 {
	background-color:#F3F3F3;
	height:25px;
	border-bottom:#FFFFFF thin solid;
	border-left:#FFFFFF thin solid;
	padding-bottom:5px;
}

div.checkoutStep1 {
	height:50px;
	background-image:url(/images/frontend/content/checkout_step1.png);
	background-repeat:no-repeat;
}

div.checkoutStep2 {
	width:566px;
	height:50px;
	background-image:url(/images/frontend/content/checkout_step2.png);
	background-repeat:no-repeat;
}

div.checkoutStep3 {
	width:566px;
	height:50px;
	background-image:url(/images/frontend/content/checkout_step3.png);
	background-repeat:no-repeat;
	background-color:#F3F3F3;
}

div.checkoutStep4 {
	width:566px;
	height:50px;
	background-image:url(/images/frontend/content/checkout_step4.png);
	background-repeat:no-repeat;
}

td.entries_subHeader {
	height:25px;
	color: #FFFFFF;
	text-align:right;
	padding-right:36px;
	font-weight: bold;
}

/* CHECKOUT CONTENT */
div.depositWrapper {
  border: 1px solid #000;
  background-color:#FFFFFF;
  margin-bottom: 5px;
  padding: 17px;
  color:#000;
  font-weight:bold;
  text-transform: uppercase;
}

td.useFunds{
  padding: 17px 10px;
}

td.totals{
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  background: #000;
  text-transform: uppercase;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding-right: 20px;
}

td.borderLeft{
  border-left: 1px solid #FFF;
}
td.borderRight{
  border-right: 1px solid #FFF;
}


td.checkoutTotal {
	height:30px;
	color:#FFFFFF;
}

td.accountCredit { }

div#paymentGate { }

div.termsConditions {
	padding:10px;
	color:#FFFFFF;
}

div.termsConditions a{
  color:#FFFFFF !important;
  font-weight: bold;
}


input.number {
	height:15px;
	width:35px;
	text-align:center;
	font-size:10px;
}


div.stepMsg{
  padding:3px;
  border:2px solid #000;
  background: #fff;
  margin: 5px 0px 10px;
  color: #fff !important;
}

div.stepMsg table td{
  padding:0px 10px 2px 0 ;
}

div.stepMsg table td li{
  margin-left: 15px;
}

div.stepMsg a{
  text-decoration: none !important;
  padding: 2px;
}

div.stepMsg a:hover{
  color: #fff !important;
}


div.star1{
  background: transparent no-repeat url(/images/frontend/stars.png);
  background-position: top left !important;
  width: 40px;
  height: 38px;
  zmargin-top: -20px;
  zmargin-left: -18px;
}

div.star2{
  background: transparent no-repeat url(/images/frontend/stars.png);
  background-position: bottom left !important;
  width: 40px;
  height: 38px;
  zmargin-top: -20px;
  zmargin-left: -18px;
}

div.star3{
  background: transparent no-repeat url(/images/frontend/stars.png);
  background-position: top right !important;
  width: 40px;
  height: 38px;
  zmargin-top: -18px;
  zmargin-left: -18px;
}

div.star4{
  background: transparent no-repeat url(/images/frontend/stars.png);
  background-position: bottom right !important;
  width: 40px;
  height: 38px;
  zmargin-top: -15px;
  zmargin-left: -15px;
}


div.buttons{
  padding: 10px 0 ;
  width:100%;
  text-align: center;
  display: block;
}
div.innerButtons{
  padding: 0 ;
  width:100%;
  text-align: center;
  display: block;
}
div.modalButtons{
  padding: 0 ;
  width:100%;
  text-align: left;
  display: block;
}

div.winNotice { padding:10px 60px; margin:0 0 10px 0;}


div.buttons input, div.innerButtons input, div.formButtons input {
  background: #000 repeat-x url(/images/frontend/button/button_tile.gif);
  width: 158px;
  height: 24px;
  border: 1px solid #8c8c8c;
  zmargin: 2px;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  font-size: 10px !important;
  line-height: 20px;
  zfont-weight: bold;
  color: #FFF !important;
}

#play_continue_button
{
  background: #000 repeat-x url(/images/frontend/button/button_tile_red.gif);
}

div.buttons input:hover, div.innerButtons input:hover, div.formButtons input:hover{
  border-color: #333;
}

div.buttons input.clear, div.innerButtons input.clear, div.formButtons input.clear{
  background: none;
  border: none;
  cursor: pointer;
  height: auto;
  width: auto;
}

div.buttons input.long, div.innerButtons input.long, div.formButtons input.long{
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
}

div.innerButtons input.btnAddEntry{   background: #000 0 0 url(/images/frontend/button/button_tile.png) no-repeat; width: auto; padding:0 6px 0 20px;}
div.innerButtons input.btnClearEntry{ background: #000 0 -25px url(/images/frontend/button/button_tile.png) no-repeat; width: auto; padding:0 6px 0 20px;}
div.innerButtons input.btnQuickPick3{ background: #000 0 -50px url(/images/frontend/button/button_tile.png) no-repeat; width: auto; padding:0 6px 0 20px;}
div.innerButtons input.btnQuickPick5{ background: #000 0 -75px url(/images/frontend/button/button_tile.png) no-repeat; width: auto; padding:0 6px 0 20px;}
div.innerButtons input.btnQuickPick{  background: #000 0 -100px url(/images/frontend/button/button_tile.png) no-repeat; width: auto; padding:0 6px 0 20px;}


a.buttonWrap {
  text-decoration: none !important;
}

a img {
  cursor: pointer;
  cursor: hand;
}

div.buttons a{
  text-decoration: none;
}
div.buttons a:hover{
  text-decoration: underline;
}


div.pageTitleRed a {
  color: white;
  text-decoration: underline;
}


div.pageHeader h4 {
  bottom: 10px;
  line-height:60px;
  font-size:16px;
  font-weight:bold;
  color:#FFFFFF;
  padding-left:20px;
  text-transform:uppercase;
  font-family:"Trebuchet MS", Tahoma, Arial, Verdana, san-serif;
}

div.pageTitle h1{
  font-weight: bold;
  font-size: 8px;
  color: white;
}

#about-this-site {
  position: absolute;
  bottom: 150px;
  margin: 0 5px;
  padding-top: 1px;
  display: block;
  width: 770px;
  color: #5E553B;
  background-color: #ffffff;
  border-top: 1px solid;
}

#about-this-site p {
  padding: 0 11px;
}