html { height: 100%; }

body { font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
width: 100%;
height: 100%;
padding:0;
margin:0;
}

#doubleclick {
	display: block;
	width: 1px;
	height: 1px;
	position: absolute;
	z-index: 1000;
	top: 1px;
	left: 1px;
}

#outer {
  background: url('../images/bg_body.png') repeat-y top center #000066;
  min-height: 100%;
  min-width: 980px;
}

/* IE6 */
* html #outer {
  height: 100%;
}

#inner {
  width: 70%; /*980px;*/
  max-width: 1470px;
  min-width: 980px;
  margin: 0 auto;
}

/* IE6 */
* html #inner {
  width: 980px;
  margin: 0 auto;
}

.clear { clear: both; }

a, a:visited { color: #ff6600; text-decoration: none; }
a:hover { color: #ff6600; text-decoration: none; }

.active { display: block; }
.inactive { display: none; }
.bold { font-weight: bold; }


#column_left { width: 49.79%; float: left; /*background: url('../images/shadow_left.png') top right repeat-y #f7f7f7;*/ }
#column_right { width: 49.79%; float: left; /*background: url('../images/shadow_right.png') top left repeat-y #000066;*/ }
#column_left #masthead { height: 60px; margin-bottom: 10px; padding: 10px; }


/* Content */
#content { width: auto; padding: 0; }

#masthead .logo { float: right; margin: 5px 10px 0 0;}
#masthead .mobilelogo { position: absolute; top: 10px; left: 10px; }

/* Navigation */
nav { clear: both; width: 16.4%; /*95px*/ padding: 0 10px; min-height: 100%; float: left; }
nav h2 { color: #000066; padding: 10px 0 0 0; }
nav ul li { padding: 10px 0 5px 0; margin: 0; }
nav ul li:first-child { padding: 15px 0 5px 0; }

/* Facebook Like */
.fb_iframe_widget iframe { width: 450px !important; }


#products { width: 100%; }
#products header { /*margin-bottom: 30px;*/ padding: 0 20px; }
#products h1 { font-size: 4em; font-weight: bold; color: #000066; text-shadow: 0 -1px 0 #d7d7d7; }
#products h1.space { margin: 0 0 5px 0; }
#products sup { font-size: .6em; font-weight: normal; color: #000066; vertical-align: top; }
#products ul { margin: 20px 0 20px 0; } /*20px 0 0 0*/
#products ul.platforms { margin: 0; }
#products ul.platforms h1 { padding: 20px 50px 20px 0; }
#products ul.platforms h1 a  { font-weight: bold; color: #000066; text-shadow: 0 -1px 0 #d7d7d7; }
#products ul.platforms h1 a:hover  { text-decoration: none; color: #ff6600; }
#products ul.platforms h1 sup { font-size: .25em; font-weight: bold; color: #000066; text-shadow: 0 -1px 0 #d7d7d7; }
#products ul.platforms a:hover sup { text-decoration: none; color: #ff6600; }
#products h1.blackberry { padding-bottom: 10px; }
#products h2 { font-size: 1.25em; /*20px*/ font-weight: bold; color: #000066; padding-bottom: 5px; }
#products h3 { font-size: 1.125em; /*18px*/ line-height: 1.25em; font-weight: normal; color: #000066; clear: both; }
#products h3 a { display: inline; }
#products h3 a:hover { text-decoration: underline; }
#products h4 a {display: block; font-size: .875em; height: 20px; font-weight: bold; color: #ff6600;}
#products h4 a:hover { text-decoration: underline; }
#products ul li { height: auto; padding: 20px 0 20px 77px; margin: 0 0 0 20px; border-top: 1px solid #fff; border-bottom: 1px solid #c0c0c0; }
#products ul.platforms li { padding: 0; margin: 0 0 0 20px; border-top: 1px solid #fff; border-bottom: 1px solid #c0c0c0; }
#products ul li:first-child { border-top: none; }
#products ul li:last-child { border-bottom: none; }
#products ul li.icon_ingdirect { background: url('../images/icons/ingdirect.png') no-repeat 0 20px transparent; }
#products ul li.icon_atmfinder { background: url('../images/icons/atmfinder.png') no-repeat 0 20px transparent; }
#products ul li.icon_sharebuilder { background: url('../images/icons/sharebuilder.png') no-repeat 0 20px transparent; }
#products img.icon { float: left; padding: 0 20px 20px 0; }
#products p { font-size: 1em; font-weight: normal; line-height: 1.25em; color: #000066; padding: 0 10px 0 0; }
#products p.disclaimer { font-size: .7em; font-weight: normal; color: #999; padding: 0px 10px 10px 0; text-align: right; }

/* Row */
#products footer { height: 38px; position: relative; margin: 10px 0 0 0; }
#products footer a.store, #products footer span.store { position: relative; display: block; float: right; width: 191px; height: 44px; margin: 0 -25px 0 0; color: #fff; font-size: 1.125em; font-weight: bold; line-height: 38px; text-align: center; text-shadow: 0 -1px 0 #dd5800; background: transparent url('../images/button_on.png') no-repeat; }
* html #products footer a.store, * html #products footer span.store { background: transparent url('../images/button_on_IE6.png') no-repeat; }
#products footer a:hover { text-decoration: underline; }
#products a.share { width: 66px; height: 24px; }
#products a.facebook { float: right; padding: 0; }
#products a.twitter { float: right; padding: 0 0 0 10px; }
#products footer img.arrow { position: relative; float: right; margin: 0 -167px 0 0; }
#products footer .active, #products footer a.active, #products footer span.active { display: block; }
#products footer .inactive, #products footer a.inactive, #products footer span.inactive { display: none; }

#products footer #btn_atmfinder.active { position: relative; display: block; float: right; width: 191px; height: 44px; margin: 0 20px 0 0; color: #fff; font-size: 1.125em; font-weight: bold; line-height: 38px; text-align: center; text-shadow: 0 -1px 0 #000042; background: transparent url('../images/button_off.png') no-repeat; }
#products footer #btn_atmfinder.inactive { position: relative; display: none; float: right; width: 191px; height: 44px; margin: 0 20px 0 0; color: #fff; font-size: 1.125em; font-weight: bold; line-height: 38px; text-align: center; text-shadow: 0 -1px 0 #000042; background: transparent url('../images/button_off.png') no-repeat; }
#products footer #btn_bankingapp.active { position: relative; display: block; float: right; width: 191px; height: 44px; margin: 0 20px 0 0; color: #fff; font-size: 1.125em; font-weight: bold; line-height: 38px; text-align: center; text-shadow: 0 -1px 0 #000042; background: transparent url('../images/button_off.png') no-repeat; }
#products footer #btn_bankingapp.inactive { position: relative; display: none; float: right; width: 191px; height: 44px; margin: 0 20px 0 0; color: #fff; font-size: 1.125em; font-weight: bold; line-height: 38px; text-align: center; text-shadow: 0 -1px 0 #000042; background: transparent url('../images/button_off.png') no-repeat; }

#products footer #btn_sharebuilder.active { position: relative; display: block; float: right; width: 191px; height: 44px; margin: 0 20px 0 0; color: #fff; font-size: 1.125em; font-weight: bold; line-height: 38px; text-align: center; text-shadow: 0 -1px 0 #000042; background: transparent url('../images/button_off.png') no-repeat; }
#products footer #btn_sharebuilder.inactive { position: relative; display: none; float: right; width: 191px; height: 44px; margin: 0 20px 0 0; color: #fff; font-size: 1.125em; font-weight: bold; line-height: 38px; text-align: center; text-shadow: 0 -1px 0 #000042; background: transparent url('../images/button_off.png') no-repeat; }

/* Share */ 
#share { display: block; margin: 10px 0 0 0; padding: 0 20px; height: 20px; }
#share button.fb_share { display: block; float: left; width: 59px; height: 20px; margin: 0px 10px; border: 0; cursor: pointer; background: transparent url('../images/share_fb.png') no-repeat; }
#share button.fb_share:hover { background: transparent url('../images/share_fb_hover.png') no-repeat; }
#share button.twt_share { display: block; float: left; width: 55px; height: 20px; margin: 0; border:0; cursor: pointer; background: transparent url('../images/share_twt.png') no-repeat; }
#share button.twt_share:hover { background: transparent url('../images/share_twt_hover.png') no-repeat; }
#share button span { left: -999px; position: absolute; }
#share .fb_like { display: block; float: left; width: 200px; height: 20px; }
/*.fb_iframe_widget iframe { width: 200px !important; }*/
#share .fb_iframe_widget iframe { width: 200px !important; }
#share span.fb_iframe_widget iframe { width: 400px !important; }

/* Contest */
#contest { position: relative; float: right; margin: 0 10px 0 0; }

/* FAQs */
#note { position: absolute; top: 10px; right: 20px; padding-bottom: 10px;}
#note a { font-size: 1em; font-weight: normal; color: #fff; text-decoration: none; text-shadow: 2px 2px 2px #333333; }
#note a:hover { color: #ff9933; text-decoration: underline; }
#note .orange { color: #ff9933; }


/* Device Screenshots */
#devices { }
#iphone_banking { display: none; position: absolute; top: 104px; left: 25px; display: block; width: 254px; height: 381px; background: transparent url('../images/devices/iphone_banking_0.png') top left no-repeat; }
#iphone_atmfinder { display: none; position: absolute; top: 104px; left: 25px; display: block; width: 254px; height: 381px; background: transparent url('../images/devices/iphone_atmfinder.jpg') top left no-repeat; }
#iphone_sharebuilder { display: none; position: absolute; top: 104px; left: 25px; display: block; width: 254px; height: 381px; background: transparent url('../images/devices/iphone_sharebuilder.jpg') top left no-repeat; }
.blackberry { position: relative; width: 300px; height: 540px; margin: 120px auto 20px auto; background: transparent url('../images/devices/blackberry_frame_300.jpg') top left no-repeat; }
#blackberry_banking { position: absolute; top: 96px; left: 21px; width: 258px; height: 196px; background: transparent url('../images/devices/blackberry_banking.jpg') top left no-repeat; }
#blackberry_atmfinder { position: absolute; top: 96px; left: 21px; width: 258px; height: 196px; background: transparent url('../images/devices/blackberry_atmfinder.jpg') top left no-repeat; }
#blackberry_sharebuilder { position: absolute; top: 96px; left: 21px; width: 258px; height: 196px; background: transparent url('../images/devices/blackberry_sharebuilder.jpg') top left no-repeat; }
.android { position: relative; width: 300px; height: 581px; margin: 120px auto 20px auto; background: transparent url('../images/devices/android_frame_300.jpg') top left no-repeat; }
#android_atmfinder { position: absolute; top: 49px; left: 24px; width: 251px; height: 446px; background: transparent url('../images/devices/android_atmfinder.jpg') top left no-repeat; }
#android_sharebuilder { position: absolute; top: 49px; left: 24px; width: 251px; height: 446px; background: transparent url('../images/devices/android_sharebuilder.jpg') top left no-repeat; }
/*#android_mobileweb { position: absolute; top: 49px; left: 24px; width: 247px; height: 371px; background: transparent url('../images/devices/android_mobileweb.jpg') top left no-repeat; }*/
.iphone { position: relative; width: 300px; height: 586px; margin: 120px auto 20px auto; background: transparent url('../images/devices/iphone_frame_300.jpg') top left no-repeat; }
.windows { position: relative; width: 300px; height: 582px; margin: 120px auto 20px auto; background: transparent url('../images/devices/windows_frame_300.jpg') top left no-repeat; }
#windows_mobileweb { position: absolute; top: 112px; left: 29px; width: 242px; height: 353px; background: transparent url('../images/devices/windows_mobileweb.jpg') top left no-repeat; }

/*#iphone_sharebuilder footer { position: relative; margin: 484px 0 0 0; }
#blackberry_sharebuilder footer { position: relative; margin: 500px 0 0 0; }
#iphone_sharebuilder footer p, #blackberry_sharebuilder footer p { font-size: .7em; color: #fff; line-height: 1.25em; }*/

#devices .active { display: block; }
#devices .inactive { display: none; }

h2.tagline { font-family: arial; font-size: 40px; font-weight: bold; color: #fff; margin: 100px auto; text-align: center; padding: 0 20px; }

#carousel { margin-left: 2px; display: block; width: 480px; height: 480px; background: transparent url('../images/home_bankbranch.jpg') no-repeat left top; }
#carousel footer { width: 275px; position: relative; top: 310px; left: 195px; }
#carousel p { color: #fff; font-size: 1.5em; line-height: 30px; font-weight: bold; margin: 0 0 20px 0; letter-spacing: .5px; text-shadow: 2px 2px 2px #333333; }
#carousel a { position: relative; display: block; width: 191px; height: 44px; margin: 0; color: #fff; font-size: 1.125em; font-weight: bold; line-height: 38px; text-align: center; background: transparent url('../images/button_home.png') no-repeat; }
#carousel a:hover { text-decoration: underline; }

.nowrap{white-space: nowrap;}