/* ****** Default Tag Styles ****** */
html, body, ul, ol, li, 
dl, dt, dd, p, div, img,
h1, h2, h3, h4, h5, h6, 
form, fieldset, a,
table, tr, th, td { 
	border: 0;
	margin: 0; 
	padding: 0; 
} 
html { font-size: 100.01%; }
body {
	background: #459300 url(../images/body-bkgrd.jpg) no-repeat center 0;
	color: #555;
	font: normal 62.5%/1.7em arial,verdana,sans-serif;
}

h1, h2, h3, h4, h5, h6 { 
	color:#000;
	font-weight: bold;
	line-height: 1.2em; 
}

h1 { 
	clear: both;
	color: #99CC00;
	float: left;
	font-size: 2.7em;
	line-height: 1.1em;
	margin-bottom: .3em;
	width: 100%;
}
h1 img { float: left; }

h1 span {
	position: absolute;
	margin: -9999px;
}
h2 { 
	color: #000;
	font: bold 1.5em arial;
	margin: 1.5em 0 .4em;	
}
h3 { 
	color: #000;
	font-size: 1em; 
}
h4 { 
	font-size: 1em;
	margin-top: 1em;
}
h5 { font-size: 1.0em; }
h6 { font-size: .9em; }

p { margin: 0 0 1em; }	

a:link, a:visited { 
	color: #669900;
	font-weight: bold;
	text-decoration: underline; 
}
a:hover, a:active { text-decoration: underline; }

legend { 
	margin: -9999px;
	position: absolute; 
}

/* ****** Main Container ****** */
#outerContainer {
	margin: 0 auto;
	padding: 0;
	width: 930px;
}
#innerContainer {
	margin: 0;
	float: left;
	padding: 0;
	width: 100%;
}

.contentJump {
	position: absolute;
	margin: -9999px;
}

/* ****** START Header Area Styles ****** */
.headerArea {
	float: left;
	font: normal 1em arial;
	height: 8em;
	padding-top: .5%;
	width: 100%; 
}

.logo a,
.logo a:link,
.logo a:visited {
	background: url(../images/logo.jpg) no-repeat 0 0;
	float: left;
	height: 106px;
	margin: -17px 0 0 3em;
	width: 144px; 
	z-index: -1;
}

.logo span { 
	position: absolute;
	margin: -9999px;
}

.quickLinks { 
	float: right; 
	margin: .5em .5em 0 0;
	text-align: right;
	width: 50.1em;
}
.quickLinks li {
	border-right: 1px solid #ccee00;
	float: left;
	line-height: 1em;
	list-style-type: none;
}
#quickLinks a,
#quickLinks a:link,
#quickLinks a:visited { 
	color: #fff; 
	padding: 0 .6em .1em;
	text-decoration: none;
}
.quickLinks a:hover {
	background-color: #336600;
	color: #fff;
}
.quickLinks a:active { 
	background-color: #336600;
	color: #ffff66;
}

.quickLinks a.current,
.quickLinks a.current:link { 
	background-color: #336600;
	color: #e4ed47;
}

#quickLinks li ul a:hover { color: #ffff66; }

.searchArea {
	float: right;
	height: 21px;
	margin-right: 1em;
	width: 161px; 
}
html>body .searchArea { background: url(../images/search-box.png) no-repeat 0 0; }
* html .searchArea { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/search-box.png', sizingMethod='scale'); }

.searchArea label { 
	position: absolute;
	margin: -9999px;
}
.searchArea input { 
	background-color: transparent;
	border: 0;
	color: #999;
	font: bold 1.1em arial;
	margin-left: 2em;
	padding: .4em 0 0 0;
	position: relative;
	width: 135px;
}

.tagLine {
	background: url(../images/tagline.jpg) no-repeat 0 0;
	clear: right;
	float: right;
	height: 55px;
	margin: .5em 1.5em 0 0;
	width: 318px;
}

/* ****** START Content Area Styles ****** */
.contentArea {
	float: left;
	font-size: 1.2em;
	padding: 0 0 0 2em;
	width: 97.9%; 
}
html>body .contentArea { background: transparent url(../images/contentbkgrd-middle.png) repeat-y 0 0; }
* html .contentArea { 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contentbkgrd-middle.png', sizingMethod='scale'); 
	width: 97.1%;
}

.contentTop, .contentBtm {
	float: left;
	width: 100%;
}

.contentTop { height: 24px; }
html>body .contentTop { background: transparent url(../images/contentbkgrd-top.png) no-repeat 0 0; }
* html .contentTop {  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contentbkgrd-top.png', sizingMethod='crop'); }

.contentBtm { height: 16px; }
html>body .contentBtm { background: transparent url(../images/contentbkgrd-bottom.png) no-repeat 0 0; }
* html .contentBtm {  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contentbkgrd-bottom.png', sizingMethod='crop'); }

div.contentArea a,
div.contentArea a:link {
	color: #2c7700;
	text-decoration: underline;
}
div.contentArea a:visited {
	color: #4e7500;
	text-decoration: underline;
}
div.contentArea a:hover {
	background-color: #2c7700;
	color: #fff;
	text-decoration: none;
}
div.contentArea a:active {
	background-color: #e4ed47;
	color: #2c7700;
	text-decoration: none;
}

p.nextDraw {
	color: #000;
	font: bold 1.5em arial;
	margin: 0;
}

/* Content lists */
.contentArea ol,
.contentArea ul { margin: 2em 0 2em 3.4em; }

.contentArea ul { list-style-image: url(../images/bullet.gif); }

.contentArea li { margin-bottom: 1em; }

/* Content tables */
table {
	border-collapse: collapse;
	display: block;
	margin: 1.5em 0;
	position: relative;
	width: 626px;
}

table caption { 
	background: #fff url(../images/table-topbkgrd.gif) no-repeat 0 0;
	color: #fff;
	font: bold 1.2em arial;
	padding: .5em .75em;
	text-align: left; 
}

tr { background-color: #e6f0e7; }
tr.alt-bg { background-color: #cde1cf; }

table th,
table td { 
	border-right: 2px solid #fff;
	padding: .25em .75em; 
	text-align: left;
	vertical-align: top; 
}
*:first-child+html table td { position: relative; }
* html table td { position: relative; }

table .first, table .last { 
	background: transparent url(../images/table-topbkgrd.gif) no-repeat 0 0; 
	color: #fff;
	height: 31px;
	vertical-align: middle;
}
table .last { background: transparent url(../images/table-topbkgrd.gif) no-repeat right 0; }

.contentArea table ul { list-style-image: url(../images/bullet-table.gif); }

/* Speach bubbles */
.bubbleOne, .bubbleTwo {
	height: 93px;
	position: absolute; 
	right: 0;
	width: 179px;
}
html>body .bubbleOne {
	background: transparent url(../images/content/bubble1.png) no-repeat right 0;
	top: 7.25em;
}
*:first-child+html .bubbleOne { 
	right: 1em;
	top: -4em;
}
* html .bubbleOne { 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/content/bubble1.png', sizingMethod='crop'); 
	right: 1em;
	top: -4em;
}

html>body .bubbleTwo {
	background: transparent url(../images/content/bubble2.png) no-repeat 0 0;
	top: 1.25em;
}
*:first-child+html .bubbleTwo { 
	right: 1em;
	top: -1.75em;
}
* html .bubbleTwo { 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/content/bubble2.png', sizingMethod='crop'); 
	right: 1em;
	top: -1.75em;
}

/* Editable (WYSIWYG) Area Styles */
.editableArea {
	float: left;
	position: relative;
	width: 627px; 
}

.editableArea strong {
    color: #000;
	font-weight: bold;
}

.editableArea p.intro { 
	color: #99cc33;
	font-weight: bold;
}

.editableArea ul, .editableArea ol { margin-bottom: 1.5em; }

/* Print link */
.print {
	float: left;
	font-size: .9em; 
	text-align: right;
	text-transform: uppercase;
	width: 100%;
}
.editableArea .print a,
.editableArea .print a:link,
.editableArea .print a:visited {
	background: url(../images/icons/icon-print.jpg) no-repeat right 0;
	border: 0;
	color: #999;
	padding-right: 2em;
	text-decoration: none;
}
.editableArea .print a:hover,
.editableArea .print a:active { color: #2c7700 }

/* Move flash files as they are too large */
#specialOffer { margin-left: -1.25em; }

#funFacts,
#saveAndWin,
#winningNumbers,
#winningChance { margin-left: -0.25em; }

.prizeDraws li { 
	display: inline;
	list-style-type: none;
	padding-right: 2.5em; 
}

.imgRight {
	float: right;
	margin: 0 0 .5em .5em;	
}
.imgLeft {
	float: left;
	margin: 0 .5em .5em 0;	
}

/* Special offers text */
.specialOffer { 
	float: left;
	margin-bottom: 1em;
	position: relative; 
	width: 100%; 
}
.specialoffertext {
	color: #fff;
	font: bold .9em arial;
	position: absolute;
	bottom: 2em;
	left: 3em;
	width: 570px;
}
#outerContainer .specialoffertext a,
#outerContainer .specialoffertext a:link,
#outerContainer .specialoffertext a:visited { 
	color: #fff;
	text-decoration: underline; 
}

/* Reasons to Buy styles */
.reason {
	float: left;
	margin-top: 1em;
	width: 100%; 	
}
.reason img { float: left; }

.reason div { 
	float: left;
	width: 80%;
	margin-left: 1em;
	padding-bottom: 1em;
}
.reason h2 {
	color: #005952;
	font-weight: bold;
	margin: 0;
}

/* Jump link styles */
ul.jumpLink { 
	margin: 0;
	padding: 1em 0 0; 
}

ul.jumpLink li {
	background: #e6f0e7 url(../images/arrow-down.png) no-repeat .5em center;
	list-style: none outside none;
	margin-bottom: .5em;
	padding: .4em 0 .25em 2.5em;
	position: relative;
}

ul.jumpLink a,
ul.jumpLink a:link,
ul.jumpLink a:visited,
ul.jumpLink a:hover,
ul.jumpLink a:active { 
	border: 0; 
	text-decoration: none;
}

ul.jumpLink a:hover,
ul.jumpLink a:active { 
	background-color: transparent;
	color: #669900; 
}

/* Divider line and Back to Top link */
.divider {
	border-top: 1px dotted #c1cac0;
	float: left;
	margin: 1.5em 0;
	text-align: right;
	width: 100%; 
}
* html .divider { float: none; }

div.contentArea .divider a,
div.contentArea .divider a:link,
div.contentArea .divider a:visited {
	background: #fff url(../images/arrow-up.gif) no-repeat 0 .2em;
	border: 0;
	color: #669900;
	display: block;
	float: right;
	font-size: .9em;
	margin-top: .25em; 
	text-decoration: none;
	width: 7.5em;
}
div.contentArea .divider a:hover,
div.contentArea .divider a:active {
	color: #669900;
	border: 0;
}

/* Highlight Box to make content more noticable */
.highlightBox {
	background: #e6f0e7 url(../images/highlight-btmBckgrd.jpg) no-repeat 0 bottom;
	clear: both;
	float: left;
	margin: 0 .4em 1.5em 0;
	padding-bottom: .25em;
	width: 625px;
}
.highlightBox h2 {
	background: url(../images/highlight-topBckgrd.gif) no-repeat 0 0;
	color: #fff;
	font: bold 1.2em arial;
	height: 31px;
	margin: 0;
	padding: .5em .75em 0;
}
.highlightBox .reason h3 {
	color: #005952;
	font: bold 1.5em arial,verdana;
	margin: 0 0 .25em;
}

.highlightBox p { margin: 0 .75em 1em; }
.highlightBox .reason p { margin: 0 0 1em; }

/* Thank you Cards */
ul.thanksCard { 
	float: left; 
	list-style: none outside none; 
	margin-left: 0;
	text-align: center;
	width: 100%;
}
ul.thanksCard li { 
	float: left;
	margin: 0 2.85em;
	width: 80px;
}
ul.thanksCard a,
ul.thanksCard a:link,
ul.thanksCard li:visited {
	border-color: #9e0b0f;
	color: #9e0b0f;
}
ul.thanksCard a:hover { color: #fff; }

/* Legals on Special T&C page */
div.legals { font-size: 11px; }
div.legals img {
	float: left;
	padding-right: .6em;
}

/* Important links ( bottom of content ) */
.importantLinks {
	clear: both;
	margin: 4em 0; 
}

/* buttons */
div.contentArea .button { 
	float: right; 
	width: 100%;
}

div.contentArea .button a,
div.contentArea .button a:link,
div.contentArea .button a:visited {
	background: #fff url(../images/buttons/button-long.gif) no-repeat 0 0;
	border: 0;
	color: #000;
	float: right;
	font-size: 1.1em;
	height: 50px;
	padding: 1.3em 0 0 1em;
	text-align: left;
	text-decoration: none;
	width: 270px; 
}
div.contentArea .button a.medium,
div.contentArea .button a.medium:link,
div.contentArea .button a.medium:visited {
	background: #fff url(../images/buttons/button-medium.gif) no-repeat 0 0;
	width: 232px;
}
div.contentArea .button a.short,
div.contentArea .button a.short:link,
div.contentArea .button a.short:visited {
	background: #fff url(../images/buttons/button-short.gif) no-repeat 0 0;
	width: 152px;
}

div.contentArea .button a:hover,
div.contentArea .button a:active { 
	background: #fff url(../images/buttons/button-long-hover.gif) no-repeat 0 0;
	color: #2c7700; 
}
div.contentArea .button a.medium:hover,
div.contentArea .button a.medium:active { background: #fff url(../images/buttons/button-medium-hover.gif) no-repeat 0 0; }

div.contentArea .button a.short:hover,
div.contentArea .button a.short:active { background: #fff url(../images/buttons/button-short-hover.gif) no-repeat 0 0; }

/* ****** Right Column Styles ****** */
.rightCol { 
	float: right;
	margin: -0.6em 1.2em 0 0; 
	position: relative; 
	text-align: center; 
	width: 252px;  
}
* html .rightCol { margin-right: .3em; }

.rightCol div { 
	margin: 0 auto;
	text-align: left;
	width: 230px
}

/* Styles for Widgets (Promo Tiles) */
.rightCol div.widget { 
	background: #fff url(../images/widget-bottom.gif) no-repeat 0 bottom; 
	margin-bottom: .8em;
	padding-bottom: .75em;
}
.rightCol div.widget h3 {
	background: #99cc33 url(../images/widget-top.gif) no-repeat 0 0;
	color: #fff;
	font-size: 1.1em;
	margin-bottom: .5em;
	padding: .75em .75em .5em;
}

.rightCol div.widget p,
.rightCol div.widget img { padding: 0 .75em; }

.rightCol div.widget img { margin-bottom: .75em; }

.rightCol div.widgetImg { margin-bottom: 1em; }

.rightCol div.widgetImg a { 
	background-color: transparent;
	border: 0; 
}

.rightCol .promoPanel a,
.rightCol .promoPanel a:link,
.rightCol .promoPanel a:visited,
.rightCol .promoPanel a:hover,
.rightCol .promoPanel a:active { border: 0; }

/* Related links */
.rightCol div.relatedLinks { background: none; }

.rightCol div.relatedLinks h3 { 
	background: transparent url(../images/relatedLinks-top.gif) no-repeat 0 0;
	font: normal 1.4em arial;
	margin: 0;
	padding-top: .5em;
}

.rightCol div.relatedLinks ul { 
	list-style-image: none;
	margin: 0; 
	padding: 0;
}
.rightCol div.relatedLinks li {
	border-bottom: 1px solid #fff;
	list-style-type: none;
	margin: 0;
}

.rightCol div.relatedLinks a,
.rightCol div.relatedLinks a:link,
.rightCol div.relatedLinks a:visited { 
	background: transparent url(../images/relatedLinks-arrow.gif) no-repeat .5em center;
	border: 0;
	color: #000;
	display: block;
	padding: .75em .4em .7em 2.5em; 
	text-decoration: none;
}
.rightCol div.relatedLinks a:hover,
.rightCol div.relatedLinks a:active { 
	background: #669900 url(../images/relatedLinks-arrow-hover.gif) no-repeat .5em center;
	border: 0;
	color: #fff;
}

.promo { margin: -0.25em 0 .6em 0; }

/* ****** START Footer Area Styles ****** */
.footerArea {
	border-top: 1px solid #66aa00;
	border-bottom: 1px solid #66aa00;
	clear: both;
	color: #fff;
	float: left;
	font-size: 1.1em;
	line-height: 1em;
	margin: 1em 0 1em .5em;
	padding-top: 1.1em;
	width: 98.5%; 
}
* html .footerArea { float: none; }

/* ****** START Generic Styles ****** */
.floatLeft { 
	float: left; 
	width: 100%;
}

.alignCenter { text-align: center; }
.alignRight { text-align: right; }

li.last { border-right: 0; }