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

/* Basic Styles */

*{
	padding:0;
	margin:0;
}

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

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,Helvetica, sans-serif;
}

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

h3{
	font-size:110%;
	margin:4px 0px 2px 0px;
	font-family:Arial, Helvetica, sans-serif;
}

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

ul{
	margin:12px 4px;
}


li{
	margin:4px 4px 4px 24px;
}

.grey{
color:#333;
}

.error-message{
	color:red;
}

div.gap{
	height:5px;
}


/* Basic Layout styles */

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

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

div#content{
	float:left;
	width:900px;
	margin:0 0 48px 0;
}

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

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

a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}


/* Components (buttons, etc) styles */

div.btn{
	float:left;
}

div.btn a{
	background:#949494 url(../img/btn_bg_grey_grad.gif) repeat-x left top;
	display:block;
	padding:3px 17px;
	font-size:85%;
	color:#333;
	text-decoration:none;
	font-family:Verdana,Arial,Helvetica, sans-serif;
	border-top:1px solid #f0f0f0;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #f0f0f0;
}

div.btn a:hover{
	color:#fff;
	text-decoration:none;
}

div.btn a:active{
	text-decoration:none;
	border-top:1px solid #666;
	border-right:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	border-left:1px solid #666;
}


/* Header styles */


/* Logo styles */

h1#logo{
	position:relative;
	float:left;
	height:101px;
	width:297px;
	margin:10px 0 -85px 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:92px 0 10px 0;
	float:left;
	width:100%;
	height:4px;
	z-index:3;
	position:relative;
}

/* Top right Buttons styles */


div#btn-group{
	float:right;
	width:600px;
}

/* Main content styles */

div#icon-secure{
	clear:both;
	width:100%;
}

div#icon-secure p{
	clear:both;
	float:right;
	background:url(../img/icon_secure.gif) no-repeat 50% top;
	padding-top:45px;
	text-align:center;
	font-size:85%;
	color:#999;
	margin-bottom:24px;
}

/* Tables styles */


table{
	border-collapse:collapse;
}

td{
	padding:4px;
}

td.login-message {
	width: 330px;
	text-align: justify;
}

td.login-field {
	padding-left: 100px;
}

table.nopadding td{
	padding:0px;
}

/*  Form styles */

div.login-item {
	padding:4px 0 4px 0px;
	margin:24px 0 0 100px;
	min-height:80px;
	height:auto !important;
	height:80px;
	padding-left:100px;
}

div#login {
	background:url(../img/icon_login.gif) no-repeat left top;
}

/* added by Alan */
div#login div label {
	position: absolute; 
	text-align: right; 
	margin-top: 1.2em; 
	width: 6em;
	color: #333;
}

div#login input {
	margin: 1em 1em 0 6.5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 13em;
}

div#password label {
	position: absolute; 
	text-align: right; 
	margin-top: 1.2em; 
	width: 13em!Important;
	color: #333;
}

div#password input {
	margin: 1em 1em 0 13.5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 13em;
}

div#login div p.passwordLink {
	font-size: .9em;
	margin: .5em 0 0 10.5em
}
/* End */
div#info{
	background:url(../img/icon_info.gif) no-repeat left top;
}

div#login-info {
	text-align: justify;
}

div.form-item{
	float:left;
	width:556px;
	padding-left:24px;
}

td.label-container{
	text-align:right;
	width:140px;
}

label.width-label{
	width:240px;
}

label.radio-label{
	width:auto;
	color:#333;
	text-align:left;
}

input.short-input{
	width:36px;
}

input.wide-input{
	width:276px;
}

div.coloured-btn{
	float:right;
}

.smallerLabel{font-size:smaller;}

.table-form td {padding:5px;}

.btn-margin-left{
margin-left:10px;
}

.text-smaller{
font-size:smaller;
}

/* Sidebar styles */

div#error-messages {
	color: #F00;
}

div.text-align-justify {
	text-align: justify;
}

div#login-new {
	background:url(../img/icon_login.gif) no-repeat left top;
}

div#login-new div label {
	position: absolute; 
	text-align: left; 
	margin-top: 1.2em; 
	width: 6em;
	color: #333;
}

div#login-new input {
	margin: 1em 1em 0 6em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 16em;
}

div#login-new input#rememberme {
	margin: 0.5em 0.5em 0 0;
	font-size: 130%;
}

div#login-new span.forget-username-link, div#login-new span.forget-password-link {
	margin: 1em 1em 0 80px;
	width: 16em;
	font-size: 90%;
}

span#forgetme-div {
	margin: 1em 1em 0 80px;
	width: 22em;
	font-size: 90%;
}

span#rememberme-div {
	margin: 0.5em 1em 0 80px;
	width: 22em;
	font-size: 90%;
}

div#checkemail {
	background:url(../img/icon_login.gif) no-repeat left top;
}

div#checkemail div label {
	position: absolute; 
	text-align: left; 
	margin-top: 1.2em; 
	width: 8em;
	color: #333;
}

div#checkemail input {
	margin: 1em 1em 0 8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 13em;
}

span#forget-password-link a {
	text-decoration: underline;
}

div#forgetme-div a {
	text-decoration: underline;
}

span.forget-username-link a, span.forget-password-link a, span#forgetme-div a, div#login a, div#login-info a {
	text-decoration: underline;
}

span#rememberme-div input {
	width: 1em;
}

div#check-email input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    width: 13em;
}

select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.woolworths-logo {
        float: right;
        background:transparent url(../img/logo_woolworths.jpg) no-repeat top left;
        height: 60px;
        width: 220px;
        margin: 20px 0 0 0;
}

.bigw-logo {
        float: right;
        background:transparent url(../img/logo_bigw.jpg) no-repeat top left;
        height: 60px;
        width: 75px;
        margin: 38px 40px 0 0;
}

.woolworths-silver-logo {
        float: right;
        background:transparent url(../img/logo_woolworths_silver.png) no-repeat top left;
        height: 60px;
        width: 190px;
        margin: 24px 0 0 0;
}

.bws-logo {
        float: right;
        background:transparent url(../img/logo_bws.png) no-repeat top left;
        height: 60px;
        width: 78px;
        margin: 38px 50px 0 0;
}

.dse-logo {
        float: right;
        background:transparent url(../img/logo_dicksmith.png) no-repeat top left;
        height: 60px;
        width: 123px;
        margin: 38px 50px 0 100px;
}

.footer-logos {
	margin-right: 120px;
}