body {
   color:#224E64;
   font: 62.5%  Helvetica, Arial, sans-serif;}

/* Remove or Reset Default Styles
-------------------------------------------------------------------------*/
* { margin:0; padding:0; list-style-type:none;}
hr { display: none; }
img { border: none; }

/* Clear Floats
--------------------------------------------------------------------------*/
.clear {
 clear: both;
 font-size: 0;
 height: 0;
 line-height: 0;
 overflow: hidden;}

.clearfix {display:inline-block;}
.clearfix {display: block;}
	
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

/* General Link Styles 
--------------------------------------------------------------------------*/
a:link, a:visited {color:#667A9F;}
a{outline:none;cursor:pointer !important;text-decoration:none;}
a:hover{text-decoration:underline;}
.fleft{float:left;}
.fright{float:right;}


/*-------------------------------------------------------------------------
                              GENERAL PAGE STYLES
*-------------------------------------------------------------------------*/
ul#acc-links {display:none;}

.online-top{
background: url(/images/corporate/ui/modal-top.jpg) top left no-repeat;
width:472px;
margin:0 auto;
}

.online-btm{
background: url(/images/corporate/ui/modal-bt.jpg) bottom left  no-repeat;
width:472px;
padding:12px 0;
}
.online-inner{
background:#80ADC4;
height:120px;
padding:20px 0 15px 0;
}
.online-text{
margin:0 auto;
width:330px;
color:white;
padding:0 0 15px 0;
font-size:22px;
}
a.Foodtown{
background: url(/images/corporate/ui/foodtown.jpg) no-repeat;
width:154px;
height:67px;
display:block;
float:left;
text-indent:-999px;
}
a.Woolworths{
background: url(/images/corporate/ui/woolworths.jpg) no-repeat;
width:154px;
height:67px;
display:block;
float:right;
text-indent:-999px;
}
.online-inner ul{
margin:0 auto;
width:350px;
}
div.Foodtown{float:left;padding-left:70px}
div.Woolworths{float:right;padding-right:70px}