
body { 
    /*font: small arial,verdana,serif; */
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 13px;
}

#wrapper { width: 320px; height: 480px; margin: 0 auto; outline: 0px solid red; }

.mapLink { font-size: 8pt; font: Verdana; float: right; font-weight: bold; color: White; text-decoration: none; -webkit-border-radius: 5px; border: 1px solid #204F68; padding: 3px; background: #265D7C; }

#content { height: 436px; position: relative; }
#mds { border-top: 2px solid #68B0CF; padding: 15px 0; }
#mds p { text-align: center; color: #000; font-size: 80%; }
#mds p a { color: #68B0CF; }
#mds p.us { padding-top: 3px; color: #68B0CF; }
#footer { height: 44px; }

.back { position: absolute; z-index: 100; right: 10px; top: 15px; }

.panel { /*padding: 5px 10px;*/ }
.panel h1 { background: #054ec1 url(../images/header_01.jpg) repeat-x bottom left; height: 42px; line-height: 42px; color: #B4E3EE; text-indent: -9000px; }

.panel h3 { margin: 3px 0 5px 0; }
.panel h3.step-one { font-weight: bold; line-height: 41px; padding-left: 29px; }
.panel h3.step-two { font-weight: bold; line-height: 41px; padding-left: 29px; }

/* Note: input.area width needs to be set by trial and error by browsing to it through an iPhone, as it renders differently through a PC/android device.*/
.panel input.area { border: 1px oslid #50A3B7; display: block; width: 250px; margin: 0 auto 20px auto; }
.panel input.search { margin: 0 0 10px 85px; width: 153px; height: 32px; line-height: 30px; }
.panel input.continue { margin: 0 0 10px 85px; width: 153px; height: 32px; line-height: 30px; }

.panel .filters { margin-left: 22px; }
.panel .filters td { padding: 5px 8px; }

.error { padding: 10px; color: #ff0000; }
.message { font-weight: bold; color: #324D9F; padding: 10px; }

li { }
li.even { background: #fff; }
li.odd { background: #DEEEFE; }
a.text { padding: 10px 10px; text-decoration: none; color: #000; font-size: 90%; display: block; }

a.atm, a.branch, a.business, a.night { padding-left: 25px; }
a.atm { background: url(../images/buttons/btnATM.gif) no-repeat left center; }
a.branch { background: url(../images/buttons/btnBranch.gif) no-repeat left center; }
a.business { background: url(../images/buttons/btnBusiness.gif) no-repeat left center; }
a.night { background: url(../images/buttons/btnNightSafe.gif) no-repeat left center; }

li:hover, li:active { background: #E6E6E6; }
li span.name { display: block; color: #324D9F; font-size: 120%; padding-bottom: 5px; }


#pnlResult ul { position: relative; }
#pnlResult ul li { position: relative; }
#pnlResult ul li .mapLink { position: absolute; top: 5px; right: 5px; }

#iphone_header { height: 48px; left: 0; margin: 0; padding: 0; top: 0; }

#Header { background: transparent url(../images/anz_header_slice.gif) repeat-x scroll 0 0; height: 22px; padding: 10px 0; width: 100%; }
.backButton { background: transparent url(../images/buttons/btnBack.png) no-repeat scroll right center; display: block; float: left; height: 25px; margin-left: 5px; text-indent: -9999em; width: 96px; }
#Header .ANZlogo { border: medium none; display: block; float: none; margin: -10px auto 0; width: 80px; }
#Header .logo { border: medium none; }
.shadow { background: transparent url(../images/shadow.png) repeat-x scroll 0 0; height: 6px; }
#iphone_footer { background-color: #424449; clear: both; color: #FFFFFF; font-size: 11px; font-weight: bold; height: 19px; padding: 10px 0; position: relative; text-align: left; width: 100%; }

.detailItem {
    padding-bottom: 10px;
}
.detailItemTitle {
    font-weight: bold;
    padding-bottom: 2px;
}
.detailmaplink {
    margin-right: 5px;
    margin-top: 5px;
}
.footer {
    background: #EEF5F9;
    padding-bottom: 0;
}
.footer a {
    text-decoration: none;
}
.linkStyle {    
    position: relative;
    top: -8px;
    color: Gray;
    padding-left: 2px;
    font-size: 12px;
    text-decoration: underline;
}
.contactUs {
    padding-left: 10px;
}
li.noHov:hover {
    background: none repeat scroll 0 0 #FFFFFF;
}
.emailLink {
    position: relative;
    top: -3px;
    color: Gray;    
}
.detailsContent {
    padding-top: 8px;
    padding-bottom: 5px;
    padding-left: 5px;
}
