@charset "UTF-8";
/* CSS Document */
body
{
	text-align:center;
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;	
}

.page_container
{
	width:986px;
	margin:0 auto;
	text-align:left;
	background-color:white;
}

.menu
{
	font-size:9pt;
}

.menu li
{
	list-style:none;
	display:inline;
	margin:0 4px;
}

.menu li a
{
	color:white;
}

.menu li a:hover, .menu li#current 
{	
	color:orange;
}

.middle
{
	padding:30px 50px 50px;
	background-color:#FFFFFF;
	background-image:url(../images/misc/bottom_corner.png);
	background-position:bottom;
	background-repeat:no-repeat;
	color:#333;
	font-size:10pt;	
}

.middle h1
{
	font-size:14pt;
	padding:5px 0;
	font-weight:normal;
	margin-bottom:10px;
	color:#00536D;
}

.middle h2
{
	font-size:14pt;
	padding:5px 0;
	margin-bottom: 5px;
	color:orange;
	color:#00536D;
}

.middle h3
{
	font-weight:bold;
	line-height:14pt;
	color:#00536D;
}


.middle p
{
	padding: 5x 0;
	margin-bottom:10px;
	line-height:14pt;
}

.middle ul
{
	padding:5px 0;
	margin-bottom:5px;
}

.middle ul li
{    
	margin-left:30px;
	list-style:square;
}

.middle a
{
	text-decoration:underline;
	color:#00536D;
}

.middle a:hover { color: gray; }

.footer
{
	margin-top:5px;
	font-size:9pt;
	color:#999;
	width:986px;
	margin:0 auto;	
}

.footer a  { color:#999; }

.blue { color:#00536D; }
.orange { color:orange; }
.green { color: green; }
.red { color: red; }

.form
{
	margin:10px 0;
	width:700px;
}

.form li
{
	list-style:none;
	margin-left:80px;
	position:relative;	
	margin-bottom:4px;
	float:left;
}

.form li label
{
	text-align:right;
	width:75px;
	position:absolute;
	left:-80px;
	line-height:16pt;
}

.form li label em
{
	color:red;
}

.field
{
	background-color:#ddd;
	border:1px solid #999999;
	padding:2px;
	font-size:9pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.status
{
	font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.error
{
	color:red;
}

.processing
{
	color:gray;
}

/*
 * Locations Map
 */

#locations { position:relative; width:714px; height:523px; }
#locations div.text-list { display:none; }
#locations img { position:absolute; top:0; left:0; }
#locations #details { display:none; position:absolute; background:url(/images/location-details.png) no-repeat; color:#666666; width:306px; height:133px; text-align:left; }
#locations #details .line1 { padding:33px 0 0 50px; }
#locations #details .line2 { padding:0 0 0 50px; }
#locations #details div { font-size:14px; }
#locations #details .brands { padding-left:50px; }
#locations #details .brands li {background: url("/images/location-brands.png") no-repeat; display: inline-block; margin: 5px; text-indent:-999px; height:44px; }
#locations #details .brands li.caltex { width: 81px; background-position:0 0; }
#locations #details .brands li.subway { width: 50px; background-position:0 -88px; }
#locations #details .brands li.mcdonalds { width: 35px; background-position:0 -132px; }
#locations #details .brands li.muzz-buzz { width: 46px; background-position:0 -176px; }
#locations #details .brands li.my-mates-pizza { width: 30px; background-position:0 -221px; }
#locations #details .brands li.car-wash { width: 31px; background-position:0 -264px; }
#locations #details .brands li.restaurant { width: 31px; background-position:0 -309px; }
#locations .text-list { text-align:left; color:#707070; position:absolute; top:0; left:0; width:684px; height:520px; padding:10px 0 0 30px; background:#fff; }
#locations .text-list h1 { text-transform:uppercase; font-size:16px; }
#locations .text-list ul { float:left; width:220px; }
#locations .text-list ul li { display:block; font-size:10px; padding:5px; }
#locations .text-list ul li strong { display:block; font-size:12px; }
#locations .text-list ul li.list { cursor:pointer; background:url(/images/location-back.gif); color:#fff; width:82px; height:16px; padding:3px 0 0 19px; margin-top:20px; }