* { margin: 0; padding: 0; }

html { overflow: -moz-scrollbars-vertical; }

body { color: #91a1ac; background: #fff; font: 62.5% 'trebuchet ms'; border-top: 6px solid #85b916; }

p { line-height: 1.6em; }
p, li, label { font-size: 1.2em; }
li li { font-size: 1em; }

p { margin: 1em 0; }
ul { margin: 1em 0; }

h2 { font-size: 3.2em; font-weight: normal; }
h3 { font-size: 2.2em; font-weight: normal; }
h4 { font-size: 1.8em; font-weight: normal; color: #58656e; text-align: center; margin: 0.3em; }

.green { color: #85b916; }

a { color: #85b916; text-decoration: none; }
a:focus,
a:hover { outline: none; color: #58656e; }


label { color: #85b916; vertical-align: center; position: relative; }
input { width: 78px; font-size: 1.2em; color: #58656e; margin-top: 7px; vertical-align: center; padding: 1px; }
input.button { background: #85b916; color: #fff; border: none; padding: 3px 4px; width: auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-left: 3px; }

#header { width: 820px; margin: 0 auto; position: relative; }

#header h1 { padding: 15px 0; }
#header h1 a:focus { outline: 1px dotted #91a1ac; }
#header img { border: none; }
#tagline { font: italic 2.6em georgia; position: absolute; top: 50px; left: 138px; margin: 0; letter-spacing: -0.02em; word-spacing: 0.1em; }

#benefits { position: absolute; top: 26px; right: 240px; margin: 0; }
#benefits li { font-size: 1.8em; list-style: none; margin: 0.4em 0; background: url(../img/icon_tick.png) center left no-repeat; padding: 0 0 0 1.5em; }
#benefits a { color: #91a1ac; }
#benefits a:focus,
#benefits a:hover { color: #58656e; }

#languages { position: absolute; top: 0.7em; right: 0; margin: 0; }
#languages li { display: inline; height: 14px; width: 20px; padding: 0 0 0 1em; }
#languages span { display: none; }
#languages a { display: inline-block; height: 14px; width: 20px; background: #f00 url(../img/icon_flag.png) no-repeat; }
#languages a:focus { outline: 3px solid #91a1ac; }
#languages a#italian { background-position: 0 -14px; }
#languages a#italian.current,
#languages a#italian:hover { background-position: 0 0; }

#languages a#german { background-position: -31px -14px; }
#languages a#german.current,
#languages a#german:hover { background-position: -31px 0; }

#languages a#spanish { background-position: -62px -14px; }
#languages a#spanish.current,
#languages a#spanish:hover { background-position: -62px 0; }

#languages a#english { background-position: -93px -14px; }
#languages a#english.current,
#languages a#english:hover { background-position: -93px 0; }

#languages a#irish { background-position: -123px -14px; }
#languages a#irish.current,
#languages a#irish:hover { background-position: -123px 0; }


#login { position: absolute; top: 42px; right: 0; background: #f7f9f3; padding: 0.6em 1em 1em; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
#login h3 { color: #85b916; font-size: 1.6em; font-weight: normal; }
#login_button { position: absolute; top: 2px; right: 9px; }
#login ul { padding: 1.2em 0 0 0; margin: 0; }
#login li { display: inline; }
#login a { border-right: 1px solid #91a1ac; padding: 0 1em 0 0; margin: 0 0.7em 0 0; color: #58656e; }
#login a.last { border: none; padding: 0; margin: 0; }
#login a:focus,
#login a:hover { color: #85b916; }

#menu { margin: 0; }
#menu li { display: inline; font-size: 1em; margin: 0 0.5em 0 0; }
#menu a { background: #9f9 url(../img/menu_left.png) bottom left no-repeat; text-decoration: none; color: #fff; font-size: 1.3em; display: inline-block; font-weight: bold; }
#menu a:focus,
#menu a:hover,
#menu a.current { background-position: top left; }
#menu a span { background: transparent url(../img/menu_right.png) bottom right no-repeat; display: inline-block; padding: 7px 14px; height: 18px; }
#menu a.current span,
#menu a:focus span,
#menu a:hover span { background-position: top right; }

#content_wrapper { border-top: 1px solid #85b916; border-bottom: 1px solid #85b916; position: relative; }
#content { width: 820px; margin: 0 auto; position: relative; padding: 2em 0; position: relative; }

.options { list-style: none; }
.options li { background: url(../img/icon_bullet.png) 0 7px no-repeat; padding-left: 18px; }

#main { margin-right: 150px; border-right: 1px dotted #e0edc5; padding-right: 20px; position: relative; }
#main p { font-size: 1.5em; color: #6a7b87; }

.branded { font-size: 1.5em; color: #85b916; }

table { border-collapse: collapse; }
table th,
table td { padding: 3em 3em 0 0; }


#sidebar { position: absolute; top: 2em; right: 0; width: 120px; }
#sidebar p,
#sidebar li { color: #0e6d7e; font-size: 1.6em; line-height: 1.3em; }



#footer { width: 820px; margin: 0 auto; position: relative; }
#footer ul { padding: 1.5em 0; }
#footer li { display: inline; }
#footer a { border-right: 1px solid #91a1ac; padding: 0 1em 0 0; margin: 0 0.7em 0 0; color: #91a1ac; text-decoration: none; }
#footer a:focus,
#footer a:hover { color: #58656e; }
#footer a.last { border: none; }
#footer p { position: absolute; top: 2px; right: 0; }




/* home */
.home h2 { font-size: 4.7em; }
.home h3 { font-size: 1.8em; }

.home #main { margin-right: 300px; background: url(../img/home.png)  20px 20px no-repeat; height: 490px; }
.home #main h2,
.home #main h3 { text-align: right; }

#find_out_more { display: block; background: transparent url(../img/find_out_more.png) top left no-repeat; height: 88px; width: 320px; position: absolute; bottom: 13px; left: 45px; }
#find_out_more:focus,
#find_out_more:hover { background-position: 0 -89px; }
#find_out_more span { display: none; }

.home #sidebar { width: 280px; position: absolute; top: 2em; right: 0; }
.home #sidebar p { text-align: center; margin: 2em 0 0; }




/* how it works */
.easy h2 { margin-bottom: 0.5em; }
.easy h3 { color: #85b916; margin-bottom: 0.5em; text-align: center; }
.easy .illustration { text-align: center; }
#easy_top-up { position: relative; }
#easy_top-up h3,
#easy_top-up p { margin-right: 415px; }
#easy_shop-online { position: absolute; top: 56px; left: 250px; width: 255px; }
#easy_text-to-pay { position: absolute; top: 56px; left: 530px; width: 120px; }
#easy_text-to-pay img { padding-top: 3.2em; }
#easy_text-to-pay h3 { color: #85b916; text-align: center; }
#easy_text-to-pay .illustration { margin-top: 2em; }




/* top-up */
.top-up #main { position: relative; }
.top-up h2 { margin-bottom: 0.5em; }
.top-up h3 { color: #85b916; }
.top-up img { border: 1px solid #ddecbe; margin: 9px 0 0 0; padding: 7px; }
#top-up_store { margin-top: 1em; position: relative; width: 300px; }
#top-up_atm { position: absolute; top: 56px; left: 330px; width: 300px; }
.top-up img { float: right; border: 1px solid #85b916; margin: 5px 0 1.4em 1.4em; }
.top-up #sidebar img { border: none; float: none; margin: 0; padding: 0; }





/* secure */
.secure #sidebar .intro { font-size: 1.8em; color: #85b916; } 
.secure #sidebar p { line-height: 1.2em; }
#protected { background: url(../img/lock_wallet.png) 300px 0 no-repeat; padding-bottom: 2em; position: relative; }
#protected p { width: 44%; }
#sos { position: relative; padding-bottom: 5em; }
#sos h2 { color: #85b916; background: url(../img/icon_buddy.png) top left no-repeat; padding: 0.3em 0 0.3em 2.2em; width: 48% }
#sos p { margin-top: 0.3em; width: 48%; }
#wallet { position: absolute; top: 0; left: 340px; }
#wallet h2 { background-image: url(../img/icon_wallet.png); width: 300px; }
#wallet p { width: 300px; }





/* free */
.free { background: url(../img/pose.jpg) 350px 50px no-repeat; }
.free h3 { color: #85b916; margin: 1em 0; }
.free ul { width: 260px; margin-bottom: 5em; }
.free li { list-style: none; font-size: 1.8em; text-align: right; color: #85b916; margin-bottom: 0.6em; }
.free li span { color: #6a7b87; float: left; }
.free #sidebar .intro { font-size: 1.8em; color: #85b916; } 
.free #main p { width: 270px; }
.free #main .wide { width: auto; }





/* parents */
.parents #sidebar .intro { font-size: 1.8em; color: #85b916; } 
.parents #sidebar p { line-height: 1.2em; }
#parent { background: url(../img/family.png) 300px 0 no-repeat; padding-bottom: 1em; }
#parent p { width: 44%; }
#savings { position: relative; }
#savings h2 { color: #85b916; background: url(../img/icon_piggy.png) 0 6px no-repeat; padding: 0.3em 0 0.3em 2.2em; width: 48%; }
#savings p { margin-top: 0.3em; width: 48%; }
#subscriptions { position: absolute; top: 0; left: 340px; }
#subscriptions h2 { background: url(../img/icon_repeat.png) 0 10px no-repeat; padding-left: 1.8em; width: 300px; }
#subscriptions p { width: 300px; }





/* check back */
.check_back_later #main { border: none; }
.check_back_later ul { width: 340px; margin-bottom: 5em; }
.check_back_later li { list-style: none; font-size: 1.8em; text-align: right; color: #85b916; margin-bottom: 0.6em; }
.check_back_later li span { color: #6a7b87; float: left; }
#check_back { background: url(../img/jump.png) 330px 10px no-repeat; padding-bottom: 18em; }





/* contact */
.contact #main { border: none; }
.contact ul { width: 360px; margin-bottom: 5em; }
.contact li { list-style: none; font-size: 1.6em; color: #6a7b87; }
#contact_us { background: url(../img/smile.png) 320px 40px no-repeat; padding-bottom: 3em; }