@charset "UTF-8";
/* Woolworths Everyday common styles */

/* Basic Styles */

*{
	padding:0;
	margin:0;
}

body{
	font-family:Verdana,sans-serif;
	font-size:small;
	color:#333;
}

butterfly{
	font-family:Verdana,sans-serif;
	font-size:small;
	color:#FFF;}

td, th{
	padding:6px;}

th{
	background:#0071ae;
	color:#fff;
}

tr.alt{
	background:#e7e8e5;
}

tr#total{
	background:#dcf6e0;
}

a:hover{
	text-decoration:underline;
}

h1, h2, h3, h4{
	color:#333;
}


h1{
	font-size:150%;
	font-weight:normal;
	margin:6px 0px 24px 0px;
	font-family:Verdana,Arial,sans-serif;
}

h2{
	font-size:145%;
	margin:3px 0px 12px 0px;
	font-family:Verdana,Arial,sans-serif;
}

h3{
	font-size:110%;
	margin:34px 0px 12px 0px;
	font-family:Verdana,Arial,sans-serif;
}

h4{
	margin-bottom:12px;
}

p{
	margin:4px 0px 12px 0px;
}

sup{font-size:85%;}

.grey{
color:#333;
}

.error-message{
	color:red;
}

div.gap{
	height:5px;
}

body{
	background:#f7fdff url(../images/money/bg_blue_wrapper.gif) repeat-y 50% top;
}

#butterfly{
	background:#FFF url(../images/money/bg_wrapper_Orange.jpg) repeat-y 50% top;
}

h1, h2, h3{
	color:#00a0df;
}


a{
	color:#00a0df;
}

.highlighted{
	color:#00a0df;
}

div#bg-bubbles{
	margin:0 auto;
	width:100%;
	min-height:730px;
	height:auto !important;
  	height:730px;
	background:url(../images/money/bg_wrapper_bubbles.jpg) no-repeat 50% top;
}

div#bg-butterfly{
	margin:0 auto;
	width:100%;
	min-height:730px;
	height:auto !important;
  	height:730px;
	background:url(../images/money/bg_wrapper_flowers03.jpg) no-repeat 50% top;
}

h1#title-edr03{
	padding:0;
	margin:0;
	overflow:hidden;
	height: 5px !important; 
	display:block;
	padding: 226px 0 0 0; 
	height /**/:226px; /* for IE5/Win only */
	background:url(../images/title_edr04.jpg) no-repeat left top;
	width:788px;
}

h1#title-edr04{
	padding:0;
	margin:0;
	overflow:hidden;
	height: 5px !important; 
	display:block;
	padding: 77px 0 0 0; 
	height /**/:77px; /* for IE5/Win only */
	background:url(../images/title_edr05.jpg) no-repeat left top;
	width:788px;
}

/* Basic Layout styles */

div#wrapper{
	position:relative;
	width:900px;
	margin:0 auto;
	padding:12px 45px 45px 45px;
	z-index:1;
}

div#header, div#header-edr{
	width:100%;
	float:left;
	position:relative;
}

div#header{
	height:150px;
}

div#header-edr{
	height:110px;
}

ul#breadcrumbs{
	float:left;
	width:100%;
	margin:10px 0 10px 0;
	list-style:none;
	display:inline;
	padding:0;
}

ul#breadcrumbs li{
	margin:0;
	padding:0;
}

div#content{
	float:left;
	width:780px;
	margin:20px 60px 48px 60px;
}

div#main-content{
	float:left;
	width:580px;
	margin:0 20px 6px 0;
}

div#sidebar{
	float:left;
	width:300px;
	margin-bottom:6px;
}

div#footer{
	clear:both;
	width:100%;
	height:60px;
	background:url(../images/footer_grad_mid_bg.gif) repeat-x left top;
	margin-bottom:48px;
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}


/* Splash pages styles */


h1#logo{
	background:url(../images/money/logo_everyday_money.gif) no-repeat left top;
}

h1#rewards_logo{
		float:right;
		background:url(../images/Woolworths_EverydayRewardsLogo.gif) no-repeat left top;
		padding: 101px 0 0 0; 
		margin:10px 0 28px 0;
		overflow:hidden;
		height: 0px !important; 
		height /**/:101px; /* for IE5/Win only */
		width:299px;
}

div#header-edr h1#rewards_logo{
	float:left;
	position:relative;
	z-index:5;
}

div#header-edr h1#logo{
	float:right;
}


h1#title-fridge, h1#title-trolley, h1#title-swipe, h1#title-fridge-50bonus, h1#title-fridge-fresh, h1#title-fridge-0pc {
	padding:0;
	margin:0;
	overflow:hidden;
	height: 0px !important; 
	display:block;
	padding: 90px 0 0 0; 
	height /**/:95px; /* for IE5/Win only */
}

h1#title-epump {
	padding:0;
	margin: 200px -40px -160px 70px;
	overflow:hidden;
	height: 0px !important; 
	display:block;
	padding: 100px 0 0 0; 
	height /**/:100px; /* for IE5/Win only */
}


h1#title-fridge{
	width:660px;
	background:url(../images/title_fridge.gif) no-repeat left top;
}

h1#title-fridge-0pc{
	width:660px;
	background:url(../images/title_fridge_20081205.gif) no-repeat left top;
}

h1#title-fridge-50bonus{
	width:528px;
	background:url(../images/title_fridge_50bonus.gif) no-repeat left top;
}

h1#title-fridge-fresh{
	width:528px;
	background:url(../images/title_fridge_fresh.gif) no-repeat left top;
}

h1#title-epump{
	width:561px;
	background:url(../images/title_epump.gif) no-repeat left top;
}

h1#title-trolley{
	width:594px;
	background:url(../images/title_trolley.gif) no-repeat left top;
}

h1#title-swipe{
	width:524px;
	background:url(../images/title_swipe.gif) no-repeat left top;
}

h1#title-checkout{
	padding:0;
	margin:0;
	overflow:hidden;
	height: 5px !important; 
	display:block;
	padding: 90px 0 0 0;
	height /**/:90px; /* for IE5/Win only */ 
	background:url(../images/title_checkout.gif) no-repeat left top;
}

h1#title-valueshopping{
	padding:0;
	margin:0;
	overflow:hidden;
	height: 5px !important; 
	display:block;
	padding: 90px 0 0 0; 
	height /**/:90px; /* for IE5/Win only */
	background:url(../images/title_valueshopping.gif) no-repeat left top;
}

h1#title-valueshopping-rewards{
	padding:0;
	margin:0;
	overflow:hidden;
	height: 5px !important; 
	display:block;
	padding: 254px 0 0 0; 
	height /**/:90px; /* for IE5/Win only */
	background:url(../images/title_valueshopping-r.jpg) no-repeat left top;
	width:788px;
}

h1#title-0pa-6mths{
	padding:0;
	margin:0;
	overflow:hidden;
	height: 5px !important; 
	display:block;
	padding: 226px 0 0 0; 
	height /**/:226px; /* for IE5/Win only */
	background:url(../images/title_0pa6mths.jpg) no-repeat left top;
	width:788px;
}

h1#title-edr{
	padding:0;
	margin:0;
	overflow:hidden;
	height: 5px !important; 
	display:block;
	padding: 226px 0 0 0; 
	height /**/:226px; /* for IE5/Win only */
	background:url(../images/title_edr2.jpg) no-repeat left top;
	width:788px;
}


div#cardPlaceHolder{}

a.btn-apply-now{
	display:block;
	overflow:hidden;
	height: 0px !important;
}

a#small{
	width:146px;
	background:url(../images/btn_apply_now_small.gif) no-repeat left top;
	padding: 46px 0 0 0; 
	height /**/:46px; /* for IE5/Win only */
	margin: 12px auto 0 auto;
}

a#small-r{
	position:relative;
	width:146px;
	background:url(../images/btn_apply_now_small.gif) no-repeat left top;
	padding: 46px 0 0 0; 
	height /**/:46px; /* for IE5/Win only */
	/*display:inline;*/
	top:59px;
	left:46px;
}

a#large{
	float:left;
	margin:24px 0 24px 275px;
	width:194px;
	background:url(../images/btn_apply_now_large.gif) no-repeat left top;
	padding: 60px 0 0 0; 
	height /**/:60px; /* for IE5/Win only */
}

a:hover#small-r{
	background-position:0 -46px;
}

a:active#small-r{
	background-position:0 -92px;
}

a:hover#small{
	background-position:0 -46px;
}

a:active#small{
	background-position:0 -92px;
}

a:hover#large{
	background-position:0 -60px;
}

a:active#large{
	background-position:0 -120px;
}

div.padded-content-rewards{
	padding:0 40px;
	margin: 10px 0 0 0;
	float:left;
	width:700px;
}

div.padded-content-rewards-v2{
	padding:0 40px;
	margin: 150px 0 0 0;
	float:left;
	width:700px;
}

div.padded-content{
	padding:20px 40px;
	margin: 24px 0 0 0;
	float:left;
	width:700px;
}

div.padded-content2{
	padding:0 40px;
	margin:0;
	float:left;
	width:700px;
}

div.padded-content3{
	padding:-55px 0 0 0;
	margin: -55px 0 0 0;
	float:left;
	width:700px;
}

div.padded-content4{
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	float:left;
	width:700px;
}


div#img-fridge{
	position:absolute;
	bottom:-35px;
	right:-130px;
}

div#img-epump{
	position:absolute;
	bottom:20px;
	right:-130px;
}

div#img-trolley{
	position:absolute;
	bottom:-111px;
	right:-300px;
}

div#img-swipe{
	position:absolute;
	bottom:-40px;
	right:-150px;
}

div#img-checkout{
	position:absolute;
	bottom:-50px;
	right:-150px;
}


a#terms{
	float:left;
	font-size:110%;
	margin-top:48px;
	width:100%;
}

ul#earn-points{
	list-style-type:none;
}

ul#earn-points{
	padding-left:24px;
	margin:24px 0;
}


ul#earn-points li#pts-3{
	background:url(../images/icon_earn_3pts.gif) no-repeat left 4px;
	margin:4px 0;
	padding:4px 0 0 48px;
	line-height:25px;
}

ul#earn-points li#pts-2{
	background:url(../images/icon_earn_2pts.gif) no-repeat left 1px;
	margin:4px 0;
	padding:4px 0 0 48px;
	line-height:25px;
}

ul#earn-points li#pt-1{
	background:url(../images/icon_earn_1pt.gif) no-repeat left 2px;
	margin:4px 0;
	padding:4px 0 15px 48px;
	line-height:18px;
}

ul#left{float:left;}

div#logos{
	float:left;
	width:100%;
}


/* Terms styles */

body#terms-body{
	background:none;
}

div#terms-container{
	width:600px;
	margin:24px auto;
}

div#terms-header{
	width:100%;
	height:60px;
	border-bottom:4px solid #00a0df;
	float:left;
}

div#terms-content{
	width:552px;
	float:left;
	margin:24px 0;
	padding:0 24px;
}

h1#terms-logo{
	float:left;
	height:50px;
	width:141px;
	padding:10px 0 30px 0;
	background:url(../images/money/logo_everyday_money_small.gif) no-repeat left top;
}

h1#terms-logo a{
	float:left;
	overflow:hidden;
	height: 0px !important; 
	display:block;
	padding: 50px 0 0 0; 
	height /**/:50ppx; /* for IE5/Win only */
	width:141px;
}


/* Header styles */


/* Logo styles */

h1#logo{
	position:relative;
	float:left;
	height:101px;
	width:297px;
	margin:10px 0 0 0;
	z-index:5;
}


h1#logo a{
	float:left;
	overflow:hidden;
	height: 0px !important; 
	display:block;
	padding: 101px 0 0 0; 
	height /**/:101px; /* for IE5/Win only */
	width:282px;
}


/* Navigation styles */


div#nav{
	width:100%;
	float:left;
	margin:48px 0 0 0;
	z-index:3;
	position:relative;
}

div#no-nav{
	margin:0 0 10px 0;
	float:left;
	width:100%;
	height:4px;
	z-index:3;
	position:relative;
}

ul#navbar, ul#navbar-two-items{
	width:100%;
	float:left;
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}

ul#navbar li, ul#navbar-two-items li{
	float:right;
	list-style:none;
	margin:0;
	padding:0;
}

ul#navbar li a, ul#navbar-two-items li a{
	display:block;
	text-align:center;
	color:#fff;
	font-family:Verdana,Arial,sans-serif;
	text-decoration:none;
	font-weight:bold;
	padding:10px 5px;
	font-size:95%;
	margin: 0px 1px;
}

ul#navbar li a{
	width:168px;
}

ul#navbar-two-items li a{
	width:258px;
}

ul#navbar li#right-btn a, ul#navbar-two-items li#right-btn a{
	margin:0 0 0 1px;
	padding:10px 6px 10px 5px;
}

ul#navbar li a span, ul#navbar-two-items li a span{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

ul#navbar li ul,ul#navbar-two-items li ul{
	position: absolute;
	left: -3000px;
	background:#fff;
	border-right:1px solid #686a6c;
	border-bottom:1px solid #686a6c;
	border-left:1px solid #686a6c;
	margin:0;
	padding:0;
}

ul#navbar li ul{
	width: 178px;
}

ul#navbar-two-items li ul{
	width: 268px;
}

ul#navbar li ul li, ul#navbar-two-items li ul li{
	border-top:1px solid #ccc;
	margin:0;
	padding:0;
}

ul#navbar li ul li{
	width:178px;
}

ul#navbar-two-items li ul li{
	width:268px;
}

ul#navbar li ul li a, ul#navbar-two-items li ul li a {
	color:#666;
	font-weight:normal;
	padding:6px 5px;
	margin:0;
}

ul#navbar li ul li a{
	width:168px;
}

ul#navbar-two-items li ul li a {
	width:258px;
}

ul#navbar li:hover ul, #navbar li.over ul, ul#navbar-two-items li:hover ul{
	left:auto;
}


ul#navbar li#right-btn ul li a, ul#navbar-two-items li#right-btn ul li a{
	margin:0;
	padding:6px 5px;
}

ul#navbar li#right-btn ul li a:hover, ul#navbar-two-items li#right-btn ul li a:hover{
	background-image:none;
}

/* Navigation styles */

div#nav{
	border-bottom:1px solid #8dc9e8;
	background:url(../images/money/nav_dark_blue_bg.gif) repeat-y left top;
}

ul#navbar-two-items{
	background:url(../images/money/navbar_dark_blue_bg.gif) no-repeat left top;
}

ul#navbar-two-items li#right-btn a:hover{
	background:#015d95 url(../images/money/nav_dark_blue_bg_right.gif) no-repeat right top;
}

ul#navbar-two-items li a:hover{
	background:#015d95;
}

ul#navbar-two-items li ul {
	border-right:1px solid #686a6c;
	border-bottom:1px solid #686a6c;
	border-left:1px solid #686a6c;
}

ul#navbar-two-items li ul li a:hover {
	color:#015935;
	background:#bfe2d0;
}

ul#navbar-two-items li#right-btn ul li a:hover{
	background-color:#bfe2d0;
}

div#nav-water-bg, div#no-nav-water-bg{
	position:absolute;
	z-index:-2;
	background:url(../images/money/nav_blue_water_img.jpg) no-repeat top left;
	width:453px;
	height:106px;
	right:100px;
}

div#nav-water-bg{
	top:-86px;
}


div#no-nav-water-bg{
	top:-57px;
}


ul#navbar li a span{
	color:#c8ecfe;
}

div#no-nav{
	background:#0071ae;
	border:1px solid #8dc9e8;
	margin-top: 30px;
}


/* Fluid Height and Width Green Box */


.green-box{
	float: left;
	color:#3b3b3b;
	background: url(../images/bg_right_green.gif) top right no-repeat;
	margin: 12px 0 12px 0;
	font-size: 120%;
  }
  
 
.left-margin-194px{
	margin: 24px 0 12px 194px;
}

.left-margin-234px{
	margin: 24px 0 12px 234px;
}

.left-margin-150px{
	margin: 0px 0 12px 140px;
}

.left-margin-150px_v2{
	margin: 20px 0 12px 140px;
}
  
.green-box-list {
	padding: 24px 24px 0 34px;
	background: url(../images/bg_left_green.gif) top left no-repeat;
  }
  
.green-box-list li{
	margin:4px 0 0 0;
	font-size:12px;
}
  
.link {
	margin: 0;
	padding: 0 0 0 24px;
	background: url(../images/bg_left_green.gif) bottom left no-repeat;
  }

.link em {
	display: block;
	padding: 0 24px 24px 0; 
	font-style: normal;
	background: url(../images/bg_right_green.gif) bottom right no-repeat;
  }
 

 
/* Eveyday Reward Images */

div#img-left-flower{
	position:absolute;
	left:24px;
	top:100px;
}


div#img-left-epump{
	position:absolute;
	left:24px;
	top:430px;
}
div#img-right-flower{
	position:absolute;
	right:25px;
	top:10px;
}
div#img-right-awards{
	position:absolute;
	right:150px;
	top:425px;
}

div#cards{
	position:absolute;
	right:105px;
	top:450px;
}