@charset "UTF-8";
/* CSS Document */

/* COLORS

color: #060; -GREEN
color: #333; -A
color: #006325; -A:HOVER GREEN*/

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background: #FFF url(../images/background.jpg) no-repeat scroll center 350px;
/* FOR LIQUID FLASH - KC */
margin: 0;
padding: 0;
overflow: hidden;
}

h1 {
font-size: 40px;
text-transform: uppercase;
}

#mainContent a {
color: #333;
display: block;
background: url(../images/greenArrow.gif) no-repeat scroll 0 3px;
padding-left: 8px;
text-decoration: none;
font-weight: bold;
}

#mainContent a:hover {
color: #006325;
}

#main p {
padding-bottom: 10px;	
}


/* STICKY FOOTER STYLES
http://www.cssstickyfooter.com/
*/

* {margin:0;padding:0;} 

img, a {
outline: none;
border: none;
}

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {
height: 100%;
width: 100%; /* JK */
}

#wrap, #main {
min-width: 975px; /* added to address horz resize issue -jk */
}

#wrap {
min-height: 100%;
width: 100%; /* jk */
/* FOR LIQUID FLASH - KC 
margin: 0;
padding: 0;
overflow: hidden;*/
}

#main {
overflow: auto;
width: 100%; /* jk */
padding-top: 5px; /* jk */
padding-bottom: 96px;
}  /* must be same height as the footer */

#footer {
position: relative;
margin-top: -96px; /* negative value of footer height */
height: 54px;
clear:both;
background: url(../images/footer.jpg) repeat-x scroll 0 0; /* jk */
padding: 42px 50px 0 50px; /* jk */
color:#CCC; /* jk */
font-size: 10px; /* jk */
font-weight: bold; /* jk */
min-width: 875px; /* jk */
} 

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

/* END STICKY FOOTER STYLES */

/* FOOTER CONTENT */

#footer #right {
float: right;
}

#footer #left {
float: left;
width: 300px;
}

#footer a {
color: #CCC;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;	
}

#footer ul {
list-style-type: none;
}

#footer ul li {
display: inline;
padding-right: 15px;
}

/* END FOOTER CONTENT */


/* BEGIN HEADER STYLES */

#header {
background: url(../images/greenGradient.png) repeat-x scroll 0 0;
height: 26px;
overflow: hidden;
padding: 35px 30px 0 0;
}

#header #logoEssence {
float: right;
width: 162px;
height: 18px;
background: url(../images/logoEssence.png) no-repeat scroll 0 0;
display: block;
text-indent: -9999px;
}

#logo {
background: url(../images/logo.png) no-repeat scroll 0 0;
position: absolute;
width: 137px;
height: 119px;
z-index: 10;
text-indent: -9999px;
top: 0;
left: 40px;
}

/* END HEADER STYLES */


/* SUBPAGE ONE COLUMN */

#mainContent {
width: 600px;
margin: 0 auto 0 auto;
padding-top: 50px;
}

.greenHighlight {
color: #060;
font-weight: bold;
}

.clearBoth {
clear: both;	
}


/* PRINT COUPON. ENTER HERE and GET FLASH */

#CouponBtn {
	width: 600px;
	margin: 0 auto 0 auto;
	padding-top: 30px;
}

#EnterBtn {
width: 600px;
margin: 0 auto 0 auto;
padding-top: 40px;
}

#getFlash {
width: 600px;
margin: 0 auto 0 auto;
padding-top: 60px;
}

#getFlashText {
	width: 300px;
}

#getFlashBtn {
	width: 110px;
	height: 31px;
	float: right;
	padding-right: 102px;
	padding-top: 7px;
}


.txtContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
}

.txtContentgetFlash {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #666;
font-weight: bold;
line-height: 18px;
width: 225px;
}



/* COUPON BUTTON ROLLOVER */

#btnRoll_coupon
{
	display: block;
	width: 136px;
	height: 23px;
	float: right;
	padding-right: 100px;
	background: url("../images/btnCoupon.png") no-repeat 0 0;
}

#btnRoll_coupon:hover
{ 
  background-position: 0 -23px;
}

#btnRoll_coupon span
{
  display: none;
}

/* ENTER HERE BUTTON ROLLOVER */

#btnRoll_enter
{
	display: block;
	width: 136px;
	height: 23px;
	float: right;
	padding-right: 100px;
	background: url("../images/btnEnter.png") no-repeat 0 0;
}

#btnRoll_enter:hover
{ 
  background-position: 0 -23px;
}

#btnRoll_enter span
{
  display: none;
}