@charset "utf-8";
/* CSS Document */

html, body {background: url(../interface/background-mobank-slice.gif) #262626 repeat-y center; font-family:Helvetica, Arial, sans-serif; color:#fff;  color:#ccc;}

h1 {font-size:2.08em;margin:0 0 3px 0; color:#fff;}
h2 {font-size:1.05em;color:#ccc; margin:0; padding:0 180px 0 0; font-weight:400;}
h3, h5 {font-size:1em; padding: 0 80px 0 0}
h3, h5, #iconArea .listOffeatures li a, #merchandisingArea .rotatingPromo h5 a, .highlight {color:#ff009e;}
h4 {font-size:1em; color:#fff; font-weight:bold; margin:15px 0 15px 0;}
p, #mainPromoArea ul {padding:12px 20px 4px 0; margin:0; float:left;  font-size:0.85em; color:#999; line-height:1.4em;}
p.terms{font-size:60%; clear:left; width:100%;}
.whatKindOfPhone #mainPromoArea p, .whatKindOfPhone #mainPromoArea h2, .whatNext #mainPromoArea h2, .whatNext #mainPromoArea p, #helpfulStuff #mainPromoArea p, #helpfulStuff #mainPromoArea h2, #helpfulStuff #mainPromoArea li, #talkToUs #mainPromoArea h2 {padding-right:140px;}
.whatKindOfPhone #mainPromoArea h5 {font-size:1.05em; padding-top:16px;}

a {color:#1b88c2;}
a:hover {color:#1b88c2;}
.displayNone {display:none!important;}
.clearAll {clear:both}

span.highlight {color:#cc0099;}

.linkImg {text-decoration:none;}
 
#canvas {background: url(../interface/background-mobank.jpg)  top center no-repeat; min-height:630px; height:auto!important; *height:630px; }

#mainStage {width:905px;display:block; margin: 0 auto; overflow:hidden;padding:20px 0px 0 20px; }

.companyTitle {background:url(../interface/mobank-grad-logo.jpg) #000000 no-repeat top left ; text-indent:-9999em; height:132px; width:126px; float:left; display:block;}
.eNewsSignUp {display:block; float:right; width:250px;}

/** Navgation **/
#navigation {float:left; display:block;padding:0 0 0 30px; margin:1px 0 0 0;}
#mainNav {display:block; float:left; width:746px; height:40px; background:url(../interface/mainNavigation-sprite.png) 0 0;}
#mainNav li { float:left;padding:0px; list-style:none; margin:0; text-indent:-9999em;}

#mainNav li, #navigation #mainNav a {display:block; height:40px;}

#mainNav .whatsMoBank {left:0; width:187px;} 
#mainNav .join {left:187px; width:186px;} 
#mainNav .myAccount {left:373px; width:185px;} 
#mainNav .faq {left:561px; width:187px;} 

#mainNav .whatsMoBank a:hover {background:url(../interface/mainNavigation-sprite.png) no-repeat 0 -39px;}
#mainNav .join a:hover {background:url(../interface/mainNavigation-sprite.png) no-repeat -187px -39px;}
#mainNav .myAccount a:hover {background:url(../interface/mainNavigation-sprite.png) no-repeat -373px -40px;}
#mainNav .faq a:hover {background:url(../interface/mainNavigation-sprite.png) no-repeat -558px -39px;}

#whatsMoBank .whatsMoBank a, #whatsMoBank .whatsMoBank a:hover  {background:url(../interface/mainNavigation-sprite.png) no-repeat 0 -79px;}
#join .join a, #join .join a:hover{background:url(../interface/mainNavigation-sprite.png) no-repeat -187px -79px;}
#myAccount .myAccount a, #myAccount .myAccount a:hover {background:url(../interface/mainNavigation-sprite.png) no-repeat -373px -79px;}
#faq .faq a, #faq .faq a:hover {background:url(../interface/mainNavigation-sprite.png) no-repeat -558px -79px;}

.subNav { display:block; float:left; width:669px; height:24px; list-style:none; background:url(../interface/structure/sub-nav-bar.png); clear:both; font-size:0.72em;padding:0; margin:-2px 0 0 27px;}
.subNav li { display:block; float:left;padding:5px 22px 4px; list-style:none; margin:0; border-right:2px solid #000;}
.subNav li a { color:#808080; text-decoration:none;}
.subNav li a:hover { color:#fff;}
.subNav li.selected { background:none; }
.subNav li.selected a {color:#fff;}
.subNav li.noBorder {border:none;}





/*my account sub nav*/
#myAccount .subNav li {padding:5px 46px 4px;}


/*main navigation selected states*/
body.moBankIs .whatsMoBank a:hover {background:none;}

/*Sub navigation selected states*/
body.moBankIs .moBankIs, body.whatCanIDo .whatCanIDo, body.whereCanIShop .whereCanIShop, body.whatKindOfPhone .whatKindOfPhone, body.whatNext .whatNext, body.updateDetails .updateDetails , body.changePIN .changePIN , body.statement .statement , body.paymentMethods .paymentMethods , body.addressBook .addressBook a {background:none;}
body.moBankIs .moBankIs a, body.whatCanIDo .whatCanIDo a, body.whereCanIShop .whereCanIShop a, body.whatKindOfPhone .whatKindOfPhone a, body.whatNext .whatNext a, body.updateDetails .updateDetails a, body.changePIN .changePIN a, body.statement .statement a, body.paymentMethods .paymentMethods a, body.addressBook .addressBook a{color:#fff; cursor:none;}

.breadcrumbTrail {clear:both; margin:0px 0px 0px 92px; padding:5px 0 0 0; font-size:0.8em; }
.breadcrumbTrail a {color:#ee0099;}

/** End of Navgation **/

/** Main Promotion area **/
#homePage #mainPromoArea {margin-bottom:0;}
#homePage #mainPromoArea .question {margin-left:350px; width:200px;}
object { outline:none; } 
#mainPromoArea { margin:20px 0 10px 0; float:right; padding:0; width:658px; }
#mainPromoArea ul {list-style:outside disc; padding:10px 10px 10px 30px; float:left;}
#mainPromoArea ul li {list-style:outside disc;}
#mainPromoArea ol li {list-style:outside decimal; font-size:0.75em; padding-bottom:6px;}
#mainPromoArea ol {padding-top:10px;}
#mainPromoArea h2 {clear:left; line-height:1.2em; display:block; padding:0px 20px 0px 0; margin:0; color:#fff; line-height:1.3em;}
.whereCanIShop #mainPromoArea h2  {font-size:0.85em;}

#mainPromoArea .question {font-size:0.9em;  padding:0px 0px 20px 0; display:block; float:left; width:100%;}
#mainPromoArea .question ul {margin:0; padding:0;}
#mainPromoArea .question li { float:left; display:block; padding:1px 0 0; margin:0;}
#mainPromoArea .question li.answer { padding:0px; text-indent:-9999em;}
#mainPromoArea .question li.signIn {padding:0 10px 0 10px; margin-top:-4px; position:relative;}

#mainPromoArea .question li.join {padding:0 15px 0 10px; margin-top:-4px; position:relative;}

#mainPromoArea .question li.join a {background:url(../interface/buttons/join-here.png) no-repeat 0 -63px; display:block; width:87px; height:32px;}
#mainPromoArea  .question li.join a:hover {background-position: 0 -63px; width:87px; }
#mainPromoArea .question li.signIn a {background:url(../interface/buttons/sign-in.png) no-repeat; display:block; width:87px;height:32px;}
#mainPromoArea  .question li.signIn a:hover {background-position:0 -32px;}

#mainPromoArea #joinOnly { padding:0px 0 0 0px;}

/** Home page styles **/

#mainPromoArea img {margin:0; padding:20px 0 0 0;}
/** End home page styles **/

/** Why MoBank styles **/
#mainPromoArea .demoText p {padding-right:0px;}
#mainPromoArea h3 {padding:10px 0 0px 0; margin:0; color:#fff; clear:both;}

#mainPromoArea .demoText {float:left;display:block;  width:300px;}
#mainPromoArea .demoMovie {float:right;display:block; width:330px; padding:0; margin:0 0px 0 0;}
/** What can I do styles **/
div.demoMovie h5 {padding:16px!important; font-weight:bold; font-size:1.3em; display:block; text-align:center; width:180px; margin-top:-48px;}

#mainPromoArea .demoMovie img {margin:0; padding:0px 0 0px 20px; }
.demoMoviePopup div {margin:170px 0 0 -15px;}
.demoMoviePopup #joinOnly { padding:15px 0 0 0px;}
.demoMoviePopup .question {font-size:0.9em;  padding:0px 0px 20px 0; display:block; float:left;}
.demoMoviePopup .question ul {margin:0; padding:0;}
.demoMoviePopup .question li { float:left; display:block; padding:1px 0 0; margin:0;}
.demoMoviePopup .question li.answer { padding:0px; text-indent:-9999em;}
.demoMoviePopup .question li.join {padding:0 15px 0 50px; margin-top:-4px; position:relative;}

.demoMoviePopup .question li.join a {background:url(../interface/buttons/join-here.png) no-repeat 0 -63px; display:block; width:87px; height:32px;}
.demoMoviePopup .question li.join a:hover {background-position: 0 -63px; width:87px; }
/* End Why mobank styles **/



#iconArea .mainFeature { padding:0; margin:0 30px 0 0; width:390px; float:left; overflow:visible ;}
#iconArea .mainFeature ul.bigOne li h3 {font-size:1.4em; color:#ff0099; padding:10px 0px 0px 200px; margin:0;}
#iconArea .mainFeature ul.bigOne li p {padding:10px 0px 0px 200px;  margin:0px 0 0 0; overflow:hidden; background:url(../interface/structure/dotted-border-smaller.gif) bottom left no-repeat;  min-height:256px; *height:256px; }

#iconArea .mainFeature ul.bigOne {  padding:0; margin:0 40px 0 0; }
#iconArea .mainFeature ul.bigOne li {list-style:none;margin:0 0px 0px 0; padding:0px 0px 250px 0px; }

#iconArea .mainFeature ul.bigOne li.fastFood {background:url(../interface/icons/184x276/fast-food-badge.png) no-repeat top left;}
#iconArea .mainFeature ul.bigOne li.fashion {background:url(../interface/icons/184x276/fast-fashion-badge.png) no-repeat top left;}
#iconArea .mainFeature ul.bigOne li.freeTime {background:url(../interface/icons/184x276/free-time-badge.png) no-repeat top left;}
#iconArea .mainFeature ul.bigOne li.travel {background:url(../interface/icons/184x276/travel-badge.png) no-repeat top left;}
#iconArea .mainFeature ul.bigOne li.news {background:url(../interface/icons/184x276/monews-badge.png) no-repeat top left;}
#iconArea .mainFeature ul.bigOne li.entertainment {background:url(../interface/icons/184x276/entertainment-badge.png) no-repeat top left;}
#iconArea .mainFeature ul.bigOne li.gifts {background:url(../interface/icons/184x276/gifts-badge.png) no-repeat top left;}
#iconArea .mainFeature ul.bigOne li.banking {background:url(../interface/icons/184x276/money-badge.png) no-repeat top left;}
#iconArea .mainFeature ul.bigOne li.security {background:url(../interface/icons/184x276/security-badge.png) no-repeat top left;}
#iconArea .mainFeature ul.bigOne li.oyster {background:url(../interface/icons/184x276/oyster-badge.png) no-repeat top left;}
#iconArea .mainFeature ul.bigOne li.settings {background:url(../interface/icons/184x276/settings-badge.png) no-repeat top left;}
#iconArea ul.noBottomMargin li {margin:0; padding:0;}

#iconArea {float:left; margin:20px 0 0px -180px; padding:0px 0 10px 0; width:900px; position: relative; }
#iconArea  ul {list-style:none; float:left; overflow:visible;}
#iconArea  .listOffeatures li h3 {font-size:1.4em; color:#ee0099;margin:0; padding:8px 0 0 145px;}
#iconArea  .listOffeatures li p {background:url(../interface/structure/dotted-border-smaller.gif) bottom left no-repeat; font-size:0.9em; margin:10px 0 0 0; padding:0px 25px 16px 145px; float:none; min-height:85px; *height:85px; }
#iconArea  .listOffeatures li:last-child p {background:none;}
#iconArea  ul.showBorder li p{background:url(../interface/structure/dotted-border-smaller.gif) bottom left no-repeat!important;}
#iconArea .listOffeatures li {list-style:none;margin:10px 20px 0px 0;padding:0px 0 0px 0px; background:url(../interface/icons/100x125/cinema-badge.png) no-repeat top left;}
#iconArea .listOffeatures li a {margin:0; padding:0; text-decoration:none;}
#iconArea .listOffeatures li a img {margin-left:6px; padding-top:0;}
#iconArea .listOffeatures { width:370px; margin:0 50px 0 0; padding:0;}

#iconArea .listOffeatures li.fastFood {background:url(../interface/icons/100x135/fast-food-badge.png) no-repeat top left;}
#iconArea .listOffeatures li.fashion {background:url(../interface/icons/100x135/fast-fashion-badge.png) no-repeat top left;}
#iconArea .listOffeatures li.freeTime {background:url(../interface/icons/100x135/free-time-badge.png) no-repeat top left;}
#iconArea .listOffeatures li.travel {background:url(../interface/icons/100x135/travel-badge.png) no-repeat top left;}
#iconArea .listOffeatures li.news {background:url(../interface/icons/100x135/monews-badge.png) no-repeat top left;}
#iconArea .listOffeatures li.entertainment {background:url(../interface/icons/100x135/entertainment-badge.png) no-repeat top left;}
#iconArea .listOffeatures li.gifts {background:url(../interface/icons/100x135/gifts-badge.png) no-repeat top left;}
#iconArea .listOffeatures li.money {background:url(../interface/icons/100x135/money-badge.png) no-repeat top left;}
#iconArea .listOffeatures li.security {background:url(../interface/icons/100x135/security-badge.png) no-repeat top left;}
#iconArea .listOffeatures li.settings {background:url(../interface/icons/100x135/settings-badge.png) no-repeat top left;}
#iconArea .listOffeatures li.oyster {background:url(../interface/icons/100x135/oyster-badge.png) no-repeat top left;}

/** End What can I do styles **/

/*Icons*/
#mainPromoArea .entertainment{background:url(../interface/icons/425x160/cinema.png) 0 0 no-repeat; }
#mainPromoArea .fastFood{background:url(../interface/icons/425x160/fast-food-badge.png) 0 0 no-repeat; }
#mainPromoArea .fashion{background:url(../interface/icons/425x160/fashion-badge.png) 0 0 no-repeat; }
#mainPromoArea .music{background:url(../interface/icons/425x160/music-badge.png) 0 0 no-repeat; }
#mainPromoArea .hotels{background:url(../interface/icons/425x160/hotels-badge.png) 0 0 no-repeat; }
#mainPromoArea .travel{background:url(../interface/icons/425x160/travel-badge.png) 0 0 no-repeat; }
#mainPromoArea .news{background:url(../interface/icons/425x160/news-badge.png) 0 0 no-repeat; }
#mainPromoArea .entertainment{background:url(../interface/icons/425x160/entertainment-badge.png) 0 0 no-repeat; }
#mainPromoArea .gifts {background:url(../interface/icons/425x160/gifts.png) 0 0 no-repeat; }
#mainPromoArea .banking{background:url(../interface/icons/425x160/banking-badge.png) 0 0 no-repeat; }

/** Where can i shop styles **/

#mainPromoArea .shopBox { float:left; display:block; margin:27px 0 0 0; }
#mainPromoArea .shopBox .inner {width:483px; }
#mainPromoArea .shopBox img {margin:0;padding:0; }
#mainPromoArea .shopBox ul {margin:0; padding:0;}
#mainPromoArea  .shopBox li  {padding:0; margin:0; float:left; display:block; padding:0 7px 15px;}

#mainPromoArea .shopBox li.action { text-indent:-9999em; width:91px;  margin:-4px 0 0 0px; float:left; display:block; padding:20px 0 0 0;}
#mainPromoArea .shopBox li.action a {background:url(../interface/buttons/shop-now.png) no-repeat; display:block; padding:8px 0 7px 0; width:91px;   }
#mainPromoArea .shopBox li.action a:hover {background:url(../interface/buttons/shop-now.png) no-repeat 0 -32px; }

/** End of Where can i shop styles **/

/** What next styles **/
#mainPromoArea .blockContent { padding-right:0px; float:left; display:block;}
#mainPromoArea .blockContent h2 { color:#fff; padding:20px 200px 0 0; margin:0; }
#mainPromoArea .blockContent h3 {padding:20px 0 0 0; margin:0;}
/** End of What next styles **/

/** End of Main Promotion area **/

/** Secondary Promotion area **/
#secondaryPromoArea {margin:46px 0 0px 0; float:left; display:block; width:240px; overflow:hidden;}
#secondaryPromoArea h4 {padding:0px 0 0px 0; margin:4px 0 7px 0;}
#secondaryPromoArea ul {list-style:none; text-decoration:none; padding:0; font-size:0.95em; margin:0 0 0px 0;}
#secondaryPromoArea li { padding:0 30px 5px 60px; margin:0px 0 0px 0;  min-height:51px; *height:51px; }

#secondaryPromoArea li.entertainment {background:url(../interface/icons/50x50/ciema-booking-badge.gif) left top no-repeat; }
#secondaryPromoArea li.oyster {background:url(../interface/icons/50x50/oyster-badge.gif) left top no-repeat; }
#secondaryPromoArea li.train {background:url(../interface/icons/50x50/train-badge.gif) left top no-repeat; }
#secondaryPromoArea li.fashion {background:url(../interface/icons/50x50/fast-fashion-badge.gif) left top no-repeat; }
#secondaryPromoArea li.music {background:url(../interface/icons/50x50/ciema-booking-badge.gif) left top no-repeat; }
#secondaryPromoArea li.gifts {background:url(../interface/icons/50x50/quick-gifts-badge.gif) left top no-repeat; }
#secondaryPromoArea li.balance {background:url(../interface/icons/50x50/money-badge.gif) left top no-repeat; }
#secondaryPromoArea li.noIcon {padding:0 0px 0px 60px; margin:0px 0 0px 0; min-height:10px; *height:10px;}

#secondaryPromoArea img {padding:0px 0 0 0;}
#secondaryPromoArea li.singleLine a{padding-top:16px;} 
#secondaryPromoArea a  { text-decoration:none; color:#999; padding-top:9px; padding-bottom:8px; display:block; background:url(../../interface/structure/dotted-border-icons-smaller.gif) no-repeat bottom left; }
#secondaryPromoArea a:hover {color:#1b88c2;}
#secondaryPromoArea li.noIcon a {color:#1b88c2; padding:0 0 0 0px; background:none; margin:0; font-size:0.8em; }
#secondaryPromoArea li.noIcon a.morePadding {padding:0 0 6px 0px; } 
/** End of Secondary Promotion area **/

/** Merchandising area **/
#merchandisingArea {float:left; background:url(../interface/structure/dotted-border.gif) repeat-x top left; margin:18px 0 10px 0; padding:20px 10px 10px 10px; width:96%;}
#homePage #merchandisingArea{margin-top:0;}
#merchandisingArea h5 {margin:0 0 5px 0; font-weight:normal;}

#merchandisingArea .rotatingPromo {width:234px; padding:0px;  margin: 0 20px 0 0; float:left;}
#merchandisingArea .rotatingPromo .rotatingPromoTopBorder {background:url(../interface/structure/rotating-box-top-border.gif) top left no-repeat;padding:10px 0 0px 0; float:left; display:block}
#merchandisingArea .rotatingPromo .rotatingPromoSides {background:url(../interface/structure/rotating-box-sides.gif) repeat-y; padding:0px 0px 0px 10px; width:225px;}
#merchandisingArea .rotatingPromo h5 a {display:block; text-decoration:none;}
#merchandisingArea .rotatingPromo h5 a img {float:none; margin:0;}
#merchandisingArea .rotatingPromo  p {line-height:1.3em; padding: 0 0 5px 0px; float:none; min-height:105px; *height:105px;}
#merchandisingArea .rotatingPromo  img {float:right; margin:0 10px 0 0px; padding:0;}

#merchandisingArea .rotatingPromo .rotatingPromoBottomBorder {background:url(../interface/structure/rotating-box-bottom-border.gif) bottom left no-repeat; padding:6px 0 0px 0;}

#merchandisingArea .reasonsToBelieve {margin:0; padding:0; width:65%; float:left;}
#merchandisingArea .reasonsToBelieve h5 {margin:0; padding:15px 0 0 0; clear:none;}
#merchandisingArea .reasonsToBelieve p {padding:5px 200px 0 0;line-height:1.3em; clear:none;}


/** End of Merchandising area **/

/** Footer area **/
#footer {float:left; background:url(../interface/structure/dotted-border-smaller.gif) repeat-x top left ;display:block; font-size:0.7em; color:#666; padding:0 0 36px 0; margin:0; width:98%; }
#footer p {padding-right:0; text-align:center}

/** End of Foter area **/

/*Homepage only*/
#homePage .h1 {height:55px; overflow:hidden;}
#homePage h1 {color:#ee0099; width:140px; float:left; font-size:32px;}
#homePage .tagLine {font-size:2.08em; display:block; float:left; width:470px;font-size:32px;}
#homePage h2, #myAccount h2  {clear:left; width:550px; padding-top:0; margin-top:0px; margin-bottom:22px;}
#secondaryPromoArea h3 {width:180px; display:block; padding-bottom:4px;}
#mainPromoArea h5 {display:block; clear:left; padding:10px 0 0 0; font-size:0.9em;}

/*Join page*/
#join div.standardForm {background:url(../interface/pop-up-messages/step1.gif) 0px -10000px no-repeat;}
#join h1 {width:440px; margin-bottom:18px; font-size:2em}
#join h2 {padding-top:0px; margin-top:-20px;}
#join .makeYouSecure {margin-top:15px;} 


#mainPromoArea div.standardForm .SignUpProgress { width:190px; height:44px;  margin-top:0px; margin-left:440px; background:url(../interface/progress-bar/stages.png) 0px -44px no-repeat;position:absolute; }

#mainPromoArea .SignUpProgress ul, #mainPromoArea .SignUpProgress li {text-indent:0; list-style:none; margin:0px; padding:0px; width:100%;}
#mainPromoArea .SignUpProgress li {display:block; float:left; width:44px;margin-right:18px; text-indent:-10000px; }

.SignUpProgress ul li a{display:block; float:left; width:44px; height:44px;text-indent:-10000px; }
.SignUpProgress ul li a.stage1:hover, .SignUpProgress ul.step1 li a.stage1 {background:url(../interface/progress-bar/stages.png) 0px 0px no-repeat}
.SignUpProgress ul li a.stage2:hover, .SignUpProgress ul.step2 li a.stage2 {background:url(../interface/progress-bar/stages.png) -62px 0px no-repeat}
.SignUpProgress ul li a.stage3:hover, .SignUpProgress ul.step3 li a.stage3 {background:url(../interface/progress-bar/stages.png) -124px 0px no-repeat}

/*Form styles*/
#mainPromoArea div.standardForm{display:block; float:left; width:440px; padding-bottom:20px; margin-top:0px;}
#mainPromoArea div.standardForm label{width:140px; color:#999; display:block; float:left; clear:left;  line-height:1em; font-size:0.8em; padding-top:10px;}
#mainPromoArea div.standardForm select, #mainPromoArea div.standardForm input {display:block; float:left;  margin-right:10px; font-size:12px; padding:2px; }
#mainPromoArea div.standardForm div {display:block; float:left;  width:450px; padding-bottom:10px;}
#mainPromoArea div.standardForm span.eg {display:block; float:left; font-size:0.75em; width:72px; overflow:visible; color:#999; }
#mainPromoArea div.standardForm span.longer {width:200px;}
#mainPromoArea div.standardForm p {padding:0 0 24px 0; margin:0; font-size:0.8em; line-height:1.3em;}
#mainPromoArea div.standardForm p.terms {padding:5px 0 0px 0; margin:0; font-size:0.7em; line-height:1.3em; width:380px;}
#mainPromoArea div.standardForm input.titleHintBox { background: #fff url(../interface/icons/help.png) center right no-repeat;}

#mainPromoArea div.standardForm {display:block;}
#mainPromoArea div.standardForm h2 {padding-bottom:20px; padding-right:0; line-height:1.3em}
#mainPromoArea div.standardForm h3 {padding:10px 0 0 0; margin:6px 0 10px 0; font-size:0.85em }
a.postcodeSearch {display:block; float:left; width:63px; height:25px; background:url(../interface/buttons/postcode-search.png) top left no-repeat; text-indent:-1000px;}
#mainPromoArea div.standardForm label.checkbox {width:210px; padding-top:0px;}
#mainPromoArea div.standardForm label.checkboxInfoBox {width: 400px; padding:10px 0 10px 0; font-size:0.7em;}
#mainPromoArea div.standardForm label.checkboxInfoBox input {clear:both; margin:0px 5px 0 0;}
#mainPromoArea div.standardForm label.checkboxInfoBoxStage3 {width: 430px; padding:10px 0 10px 0; font-size:0.7em;}
#mainPromoArea div.standardForm label.checkboxInfoBoxStage3 input {margin:0px 5px 0 0; float:none; display:inline;}
#merchandisingArea label.signup {font-size:0.7em; line-height:0.7em; line-height:1.4em; display:block;  float:left; width:600px;}
#mainPromoArea div.standardForm div.extraMargin {margin-top:5px;}

div.formControls {display:block; float:left;margin:0px; height:32px; margin-top:0px; margin-left:260px; }
#mainPromoArea div.standardForm #standardSubmit{ margin:0px; width:97px; height:36px; background:url(../interface/buttons/submit.png) top left no-repeat; border:none; cursor:pointer;  text-indent:-10000px; float:left;}
.formControls .previous {position:relative; left:-595px;   width:73px; height:32px; display:block; float:left; background:url(../interface/buttons/form-controls.png) 0 0; text-indent:-10000px; padding:0;  margin-top:0px;}
.formControls .cancel {position:relative; left:20px;   width:88px; height:32px; display:block; float:left; background:url(../interface/buttons/cancel.png) 0 -67px	; text-indent:-10000px; padding:0; margin-top:5px;}
.formControls .cancel:hover {background:url(../interface/buttons/cancel.png) 0 -34px;}

#mainPromoArea div.standardForm input.longer{width:200px;}
#mainPromoArea div.standardForm textarea.longer {width:300px;}
#mainPromoArea div.standardForm input.group {float:left;}
#mainPromoArea div.standardForm input.narrow {width:55px;}

#mainPromoArea div.standardForm p.footnote{padding:10px!important; border:1px solid #333;  margin:10px 0 0 0 !important; background:#000; width:330px; font-size:0.7em}

/*Error handling*/
#mainPromoArea #errorMessage {display:block; color:#cc0000; padding:0px; margin-bottom:16px; width:400px; font-size:0.9em; font-weight:bold;}
form.standardForm span.formError {display:block; float:left; clear:left; padding:4px;color:#ee0099; margin-left:137px; width: 250px; font-size:0.66em; margin-top:-10px;}

/*Reasons to believe*/
#mainPromoArea .reasonToBelieve {display:block; float:left; width:202px;  padding-top:171px;margin-top:94px; padding-bottom:20px;}
#mainPromoArea .reasonToBelieve h4 {padding:15px 15px 0 5px; font-weight:strong; font-size:0.9em; margin-top:8px; line-height:1.2em; background:transparent url(../interface/structure/dotted-border-smaller.gif) repeat-x scroll left top}


/*oysterAd*/
#mainPromoArea .oysterAd {background:transparent url(../interface/reasons-to-believe/oyster-card.png) top left no-repeat}
#mainPromoArea .interfloraAd {background:transparent url(../interface/reasons-to-believe/interflora.png) top left no-repeat}


/*Credit Cards*/
div.creditCards {display:block; float:left; margin-left:-12px; padding-top:12px;}

/*Modal window*/
div.modalWindow { border:2px solid #ff009e; height:88%; overflow:auto; background:#000;}
div.modalWindow div { padding:24px;}
div.modalWindow h2 {font-size:1.6em; color:#fff; line-height:32px; padding-right:0; padding-bottom:8px; margin-top:6px!important; display:block;}
div.modalWindow h3 { padding:20px 0 0 0; margin:0px 0 0 0; color:#fff;  font-size:1.3em;  clear:both}
div.modalWindow h4 { padding:20px 0 10px 0; margin:0; font-size:1.1em; font-weight:normal;  clear:both;  }
div.modalWindow p {width:95%; line-height:1.25em;}
div.modalWindow strong {font-weight:bold;}
div.modalWindow ol, div.modalWindow ul {margin-left:30px;}
div.modalWindow ol li {list-style:outside; list-style:decimal; clear:left; color:#999; font-weight:normal; font-size:0.85em; color:#999}
div.modalWindow ul li {list-style:outside; list-style:disc; font-size:0.85em; color:#999;}

div.modalWindow .remove {float:right; margin-top:12px;}
div.modalWindow label {width:163px; color:#999; display:block; float:left; clear:left; padding-bottom:10px; line-height:1em;}
div.modalWindow form.standardForm input,div.modalWindow form.standardForm select {display:block; float:left; margin-bottom:10px; margin-right:10px; font-size:0.9em; padding:2px;}

div.modalWindow img {margin:0; padding:10px 0 0 0;}

#welcomeMessage a{width:376px; height:366px; text-indent:-10000px; display:block;}



/*uber flexi widget container NB set the width in the most contained element*/
.widgetContainer {display:block; float:left;}
div.widgetContainer {background: url(../interface/structure/bl.gif) 0 100% no-repeat}
div.widgetContainer div.widgetContainer {background: url(../interface/structure/br.gif) 100% 100% no-repeat}
div.widgetContainer div.widgetContainer div.widgetContainer {background: url(../interface/structure/tl.gif) 0 0 no-repeat}
div.widgetContainer div.widgetContainer div.widgetContainer div.widgetContainer {background: url(../interface/structure/tr.gif) 100% 0 no-repeat; padding:10px}

/*Grey widget container */
.widgetInfoContainer, .widgetInfoContainerTop {display:block; float:left;}
div.widgetInfoContainerTop {background: url(../interface/structure/grey-box/tl.gif) 0 0 no-repeat;height:9px; overflow:hidden; }
div.widgetInfoContainerTop div.widgetInfoContainerTop {background: url(../interface/structure/grey-box/tr.gif) 100% 0 no-repeat; margin:0 0 0 9px;}
div.widgetInfoContainer {background: url(../interface/structure/grey-box/bl.gif) 0 100% no-repeat;}
div.widgetInfoContainer div.widgetInfoContainer  {background: url(../interface/structure/grey-box/br.gif) 100% 100% no-repeat; margin:0 0 0 9px}


/*Pink widget container */
.widgetActNowContainer, .widgetActNowContainerTop {display:block; float:left;}
div.widgetActNowContainerTop {background: url(../interface/structure/pink-box/tl.gif) 0 0 no-repeat;height:9px; overflow:hidden; }
div.widgetActNowContainerTop div.widgetActNowContainerTop {background: url(../interface/structure/pink-box/tr.gif) 100% 0 no-repeat; margin:0 0 0 9px;}
div.widgetActNowContainer {background: url(../interface/structure/pink-box/bl.gif) 0 100% no-repeat;}
div.widgetActNowContainer div.widgetActNowContainer  {background: url(../interface/structure/pink-box/br.gif) 100% 100% no-repeat; margin:0 0 0 9px}

/*keyline widget container */
.widgetKeylineContainer, .widgetKeylineContainerTop {display:block; float:left; position:relative;}
div.widgetKeylineContainerTop {background: url(../interface/structure/keyline-box/tl.png) 0 0 no-repeat;height:12px; overflow:hidden; }
div.widgetKeylineContainerTop div.widgetKeylineContainerTop {background: url(../interface/structure/keyline-box/tr.png) 100% 0 no-repeat; margin:0 0 0 12px;}
div.widgetKeylineContainer {background: url(../interface/structure/keyline-box/bl.png) 0 100% no-repeat;}
div.widgetKeylineContainer div.widgetKeylineContainer  {background: url(../interface/structure/keyline-box/br.png) 100% 100% no-repeat; margin:0 0 0 12px}
div.widgetActNowContainer .formButton {margin-bottom:12px;}


/*Coming soon box*/
#mainPromoArea .comingSoon {width:200px; float:left; margin-top:8px;}
#mainPromoArea .comingSoon div.inner {width:180px; margin-top:-4px;}
#mainPromoArea .comingSoon div.inner ul {margin:0; padding:0 0 6px;}
#mainPromoArea .comingSoon div.inner li { margin:2px 0 ; padding:0; margin-left:12px;}


.balanceEnquiry {width:239px; float:left;}
.balanceEnquiry div.inner {width:219px; margin-top:-4px; padding-bottom:6px;min-height:96px; *height:96px;}
.balanceEnquiry h3 {color:#929292; font-weight:normal; font-size:0.9em; padding:2px 4px; line-height:1.3em;}
.balanceEnquiry h3.first { padding-bottom:5px;line-height:1.3em; margin-right:10px; }
.balanceEnquiry h3 strong {display:block; clear:left; font-weight:bold; width:200px;}
.balanceEnquiry span.dottedLine {background: url(../interface/structure/grey-box/dotted-line.gif) bottom left repeat-x; width:105%; height:4px; display:block; margin-left:-8px; margin-bottom:4px; }

.upgrade h3 {color:#000; font-size:1.4em; font-weight:bold; line-height:1.0em;  letter-spacing:-0.05em; padding:4px;}
.upgrade {width:220px; float:left; padding-left:8px;}
.upgrade  div.inner {width:200px; margin-top:-4px; padding-bottom:8px; min-height:92px; *height:92px;}


/*download*/

#mainPromoArea .download img {margin:0; padding:0; float:left;}
#mainPromoArea .download h3 {display:block; float:left; margin:0; padding:0; width:200px; clear:none; padding:5px;}
#mainPromoArea .download h3 a {display:block; color:#fff; text-decoration:none;  font-size:1.4em; font-weight:bold; line-height:1.0em;  letter-spacing:-0.02em; padding:0;}
#mainPromoArea .download p {display:block; float:left; margin:0; padding:0; width:200px; clear:none; padding:0 6px 6px ; color:#000; font-weight:normal; line-height:1em}
#mainPromoArea .download p a {color:#000; text-decoration:none;}
.download  {width:400px; float:left;  margin:18px 0;}
.download   div.inner {width:380px; margin-top:-4px; padding-bottom:8px;}

/*FAQ help info boxes*/
#mainPromoArea .faqHelpContainer {float:right; width:199px;}
#mainPromoArea .faqHelp {float:right; margin:0 0 12px 0px; }
#mainPromoArea .faqHelp div.inner {width:190px;}
#mainPromoArea .faqHelp h5 {color:#fff; padding:0; font-weight:bold; font-size:1em;}
#mainPromoArea .faqHelp p {color:#fff;padding-top:6px; padding-bottom:12px;}
#mainPromoArea .faqHelp a {color:#fff; text-decoration:none;}
#mainPromoArea .faqHelp a img {padding:0;}

/*e newsletter sign up*/
div.eNewsSignUp {width:560px;}
div.eNewsSignUp h5 {padding:0 5px 0 0;}
div.eNewsSignUp h5 a {text-decoration:none;}
div.eNewsSignUp div {float:left;width:215px; margin-top:8px;}
div.eNewsSignUp div.fsubmit {width:120px; margin:0;}
div.eNewsSignUp label{ color:#999; font-size:0.8em; width:50px; display:block; float:left; margin:8px 0 12px 0;}
div.eNewsSignUp input { width:140px;margin:0 0 12px 0;}

/*My Account*/
#myAccount .extraTopGutter {margin-top:5px;} 
#myAccount .extraBottomGutter {margin-bottom:10px;} 
a.formButton {display:block; float:left; text-indent:-10000px;}

#mainPromoArea table#statement {width:500px; margin:0 0 16px; float:right;}
#mainPromoArea table#statement td, #mainPromoArea table#statement th { background: url(../interface/structure/table-dotted.png) bottom right no-repeat;  color:#fff; margin-right:12px; vertical-align:bottom; font-size:0.9em;}

#mainPromoArea table#statement th {padding-bottom:8px; color:#999; font-size:0.75em;}
#mainPromoArea table#statement td.date {vertical-align:top;}
#mainPromoArea table#statement td a, #mainPromoArea table#statement td.price a {color:#fff;text-decoration:none;}
#mainPromoArea table#statement td a img {padding:0; margin:0 0 0 3px;}
#mainPromoArea table#statement td.date a {color:#ee0099;}
#mainPromoArea table#statement td.date a, #mainPromoArea table#statement td.price a {text-decoration:none;}
#mainPromoArea table#statement td.place a{background: url(../interface/icons/arrow-grey.gif) 300px 4px no-repeat;}
#mainPromoArea table#statement td a {display:block; width:100%; padding:2px 0 4px 0; margin:2px 0 4px 0; min-height:32px; *height:32px;}

/*selected states*/
#mainPromoArea table#statement tr.selected a {color:#929292;}
#mainPromoArea table#statement .selected a, #mainPromoArea table#statement tr.selected:hover a{background:#333;}
#mainPromoArea table#statement .selected td.place a, #mainPromoArea table#statement .selected td.place:hover a {background: #333 url(../interface/icons/arrow-grey.gif) 300px 4px no-repeat; }

/*hover*/
#mainPromoArea table#statement tr:hover a {background:#222}
#mainPromoArea table#statement td.place:hover a {background: #222 url(../interface/icons/arrow-grey.gif) 300px 4px no-repeat;}

/*Transaction details*/
.transactionDetailsHolder {padding-right:100px;}
.transactionDetails {width:230px; float:right; padding-left:0px;  margin-top:14px;  }
.transactionDetails  div.inner {width:210px; margin-top:-4px; padding-bottom:8px; }
#mainPromoArea  .transactionDetails table caption {padding:0px 0 8px 0;margin:4px 0 12px 0; color:#929292; font-size:1.2em; font-weight:bold; width:100%; background:url(../interface/structure/table-dotted.png) bottom right no-repeat;}
#mainPromoArea  .transactionDetails table {font-size:0.8em; color:#929292; padding:2px;}
#mainPromoArea  .transactionDetails table th {width:80px;}
#mainPromoArea  .transactionDetails table td {font-weight:bold; font-size:1.2em; padding-bottom:4px;}

/*Sign in*/
a.signIn {background:url(../../interface/buttons/sign-in.png) 0px -64px no-repeat; width:90px; height:30px;}
a.signIn:hover {background: url(../interface/buttons/sign-in.png) 0px -32px no-repeat;}

/*Next*/
a.nextButton {background: url(../interface/buttons/next.png) 0px -0px no-repeat; width:88px; height:32px; }
/*a.nextButton:hover {background: url(../interface/buttons/next.png) 0px -33px no-repeat;}

/*Continue*/
a.continue {background: url(../interface/buttons/continue.gif) 0px -0px no-repeat; width:88px; height:32px; }
a.continue:hover {background: url(../interface/buttons/continue.gif) 0px -33px no-repeat;}

/*Close*/
a.close {background: url(../interface/buttons/close.gif) 0px -67px no-repeat; width:88px; height:32px; float:left; margin:10px 20px 0px 65px; }
a.close:hover {background: url(../interface/buttons/close.gif) 0px -34px no-repeat;}

/*Change small*/
a.change {background: url(../interface/buttons/small/change.png) 0px -54px no-repeat; width:71px; height:26px; }
a.change:hover {background: url(../interface/buttons/small/change.png) 0px -1px no-repeat;}

/*Remove small*/
a.remove {background: url(../interface/buttons/small/remove.png) 0px -54px no-repeat; width:71px; height:26px; }
a.remove:hover {background: url(../interface/buttons/small/remove.png) 0px -1px no-repeat;}

/*Search small*/
a.search {background: url(../interface/buttons/small/search.png) 0px -54px no-repeat; width:71px; height:26px; }
a.search:hover {background: url(../interface/buttons/small/search.png) 0px -1px no-repeat;}

/*Submit*/
a.submit {background: url(../interface/buttons/submit-sprites.png) 0 0 no-repeat; width:88px; height:32px; margin-top:6px; }
/* a.submit:hover {background: url(../interface/buttons/submit-sprites.png) 0px -33px no-repeat;}

/*Upgrade*/
a.upgrade {background: url(../interface/buttons/upgrade.png) 0 -67px no-repeat; width:88px; height:32px; margin-top:6px; }
a.upgrade:hover {background: url(../interface/buttons/upgrade.png) 0px -33px no-repeat;}

/*Move now*/
a.moveNow {background: url(../interface/buttons/move-now.png) 0 -67px no-repeat; width:88px; height:32px; margin-top:6px; }
a.moveNow:hover {background: url(../interface/buttons/move-now.png) 0px -33px no-repeat;}

/*Hint box*/
#mainPromoArea label img {padding:0; margin:0; cursor:pointer;}
div#hintBox {display:block; float:left; border:1px solid #333; color:#fff; padding:7px 7px 7px 24px; font-size:0.7em; background:#000 url(../interface/icons/help.png) 2px 6px no-repeat;}
a.helpLink {font-size:0.7em;}

/*Address book*/
#iconArea .listOffeatures a.floatRight {position:absolute; margin:-22px 0 0 150px;}
#iconArea .addressBook li {min-height:140px; }


/*faq*/
#faq #mainPromoArea .clearAll {height:1%; overflow:visible;}
#faq #mainPromoArea ul.qa {width:450px; display:block; float:left;clear:left;margin:0; padding:12px 0 0 0;}
#faq #mainPromoArea ul.qa img {margin:5px 5px 0 5px; padding:0;}
#faq #mainPromoArea ul.qa li {list-style-type:none; margin:0; padding:6px 0 18px 0;}
#faq #mainPromoArea ul.qa h3 {padding:3px 0 3px 0; display:inline; font-size:1.2em; font-weight:bold;}
#faq #mainPromoArea ul.qa h3 span {display:list-item; display:inline; padding:3px 40px 0px 40px; line-height:1.3em; }
#faq #mainPromoArea ul.qa blockquote{padding:20px 40px 10px 0; display:block; clear:left;}
#faq #mainPromoArea ul.qa p {padding:15px 40px 10px 0; font-size:1em;}
#faq #mainPromoArea h2  {font-size:0.85em; float:left; width:410px; padding-bottom:20px; }
#faq #mainPromoArea h4 {color:#fff; clear:left}

/*Helpful stuff*/
#helpfulStuff .quote {padding-bottom:10px; color:#fff;}
#helpfulStuff .quote img {margin:5px 5px 0 5px; padding:0;}
#helpfulStuff .quote p {padding:3px 0 0px 0; font-size:1.2em; font-weight:bold; color:#fff; margin-bottom:20px}
#helpfulStuff #mainPromoArea blockquote {padding:3px 0 0px 0;display:inline; font-size:1.2em; font-weight:bold; clear:left; margin-bottom:20px;}
#helpfulStuff #mainPromoArea blockquote span { display:list-item; display:inline; padding:0px 32px 0px 32px;  width:auto; line-height:1.3em;  color:#fff;}
#helpfulStuff #mainPromoArea {padding-bottom:40px;}
#helpfulStuff div.standardForm {padding-top:10px;}
#helpfulStuff #mainPromoArea .siteMap ol li {line-height:1.3em; color:#999;}

/*Press releases*/

#mainPromoArea ul.pressReleases {padding:0 0 30px;}
#mainPromoArea ul.pressReleases li {text-indent:none; list-style:none; display:block; float:left; width:200px;}
#mainPromoArea ul.pressReleases li a {text-decoration:none;}
#mainPromoArea ul.pressReleases li a,#mainPromoArea ul.pressReleases li a img {clear:left; display:block; margin-right:20px; margin-bottom:2px;}
#mainPromoArea ul.pressReleases li a img.inline {margin:0; padding:0; clear:none; display:inline;}

#pressReleases #mainPromoArea h3 { font-size:1.5em; display:block; clear:none; float:left; padding:40px 0 0 0}
#pressReleases #mainPromoArea .pressSelectionImgs {float:left; padding:20px 20px 20px 0; display:block; clear:left;}
#pressReleases #mainPromoArea strong {font-weight:bold;}
#pressReleases #mainPromoArea .recentNews {padding:20px 0 0 0; clear:both;}
#mainPromoArea ul.recentNews {padding:0;}
#mainPromoArea ul.recentNews ul {clear:both;}
#mainPromoArea ul.recentNews li {list-style:none; float:left; padding: 0 0 15px 0 }
#mainPromoArea ul.recentNews li div.pdfDownload {padding:0 0 0 0px; float:right; font-size:0.78em; }
#mainPromoArea ul.recentNews li div.pressLink {float:left; width: 320px;}
#mainPromoArea ul.recentNews li a {text-decoration:none; }
#mainPromoArea ul.recentNews li img {padding:0 5px 0 0;}

#mainPromoArea ul.pressReleasePage {padding:0; clear:both; padding:10px 0 10px 0; float:right}
#mainPromoArea ul.pressReleasePage li {list-style:none; float:left; }
#mainPromoArea ul.pressReleasePage li span.pdfDownload {padding:0 0 0 100px}
#mainPromoArea ul.pressReleasePage li a {text-decoration:none; }
#mainPromoArea ul.pressReleasePage li img {padding:0 10px 0 0;}

/*Contact Us*/

#mainPromoArea .contact {padding-bottom:30px; display:block; float:left;}
#mainPromoArea .contactUs ul{padding:0; margin:0;}
#mainPromoArea .contactUs ul li{list-style:none; float:left; width:219px; padding-right:0; font-size:1.2em; padding-bottom:15px;}
#mainPromoArea .contactUs h3 {font-weight:bold; color:#ff009e;}
#mainPromoArea .contactUs ul li h4 {clear:left; display:block; padding:10px 0 0 0; margin:0;}
#mainPromoArea .contactUs ul li p {padding-top:0px;}
#mainPromoArea .contactUs ul li strong {font-weight:bold; color:#fff; display:block; clear:left; padding-top:10px;}
#mainPromoArea .contactUs ul li.contactUsLonger {width:245px;}
#mainPromoArea .contactUs ul.contactUsTextSmaller li {font-size:1em}

/*Site map*/
#mainPromoArea .siteMap {display:block; float:left; width:35%; }
#mainPromoArea .siteMap h3 {padding-bottom:6px;}
#mainPromoArea .siteMap ul {margin:0; padding:0 0 20px 0;}
#mainPromoArea .siteMap ul li {text-indent:none; margin:0; clear:left;padding:3px 0 3px 4px; list-style-type:disc; list-style-position:inside}
#mainPromoArea .siteMap ul li ul{font-size:1.05em; padding:3px 0 3px 18px; list-style:none;}
#mainPromoArea .siteMap ul li ul li {list-style:none;}

/*General helpful stuff pages (footer links)*/
#helpfulStuff #mainPromoArea ol {margin-left:30px;}
#helpfulStuff #mainPromoArea ol li {list-style:outside; list-style:decimal; clear:left;}
#helpfulStuff #mainPromoArea ul,#helpfulStuff #mainPromoArea p {}
#helpfulStuff #mainPromoArea h2,#talkToUs #mainPromoArea h2  {font-size:0.85em; float:left; padding-bottom:30px;}
#talkToUs #mainPromoArea h2 {padding-bottom:30px;}

/* General terms and conditions page style */
#termsAndConditions #mainPromoArea p {float:left; display:block; width:100%;}
#termsAndConditions #mainPromoArea ol {margin-left:30px;}
#termsAndConditions #mainPromoArea ol li {list-style:outside; list-style:decimal; clear:left; color:#999; font-weight:normal;}
#termsAndConditions #mainPromoArea strong {font-weight:bold;}
#termsAndConditions #mainPromoArea h2 { padding-bottom:0; font-size:0.85em;}

#termsAndConditions #mainPromoArea h3 {font-size:1.3em; font-weight:normal; }
#termsAndConditions #mainPromoArea h4 {padding:20px 0 0px 0; clear:both;}


/*monews*/
#mainPromoArea ul.monews { display:block;float:left;margin:0; padding:12px 0 0 0;}
#mainPromoArea ul.monews li {list-style-type:none; margin:0; padding:6px 0 18px 0;}
#mainPromoArea ul.monews span {font-size:0.8em; padding:0; margin:0;}
#mainPromoArea ul.monews h3 {padding:0 0 0px 0;  display:block; font-size:1.2em; font-weight:bold;}
#mainPromoArea ul.monews img {padding:0; margin:0 10px 0 0; float:left;} 
#mainPromoArea ul.monews .arrow {background:url(../../interface/icons/arrow-blue.gif) right top no-repeat; padding: 0 50px 0 0; background-position:66px 1px;}
#mainPromoArea ul.monews p {padding:10px 0 35px 0}
#mainPromoArea .monews img {padding:0; margin:7px 10px 0 0; float:left;} 

/*Competition Added by Oz 26th Aug 2009*/

div.competitionOverlay #content {margin: 0 auto; width:920px}

div.competitionOverlay { border:2px solid #ff009e; height:88%; overflow:auto; background:#000; padding:24px; margin:24px; min-width:980px;}
div.competitionOverlay .competitonHeader { padding:0;}
div.competitionOverlay .competitonHeader h2 {background:url(../interface/mobank-grad-logo.jpg) #000000 no-repeat top center ; text-indent:-9999em; height:132px; width:186px; float:left; display:block; margin-right:20px; padding:0; clear:both}

div.competitionOverlay .competitonHeader h3 {font-size:3.1em;  padding:20px 0 0 0; margin:0px 0 0 0; color:#fff;  }
div.competitionOverlay h4 { padding:10px 0 5px; margin:0; font-size:1.75em; font-weight:normal;  clear:both;  }

div.competitionOverlay h4.moMusicSpotify { background:transparent url(../interface/icons/spotify.gif) no-repeat scroll 179px 0px; padding:20px 0 0}

div.competitionOverlay p { line-height:1.25em; padding-top:0; color:#FFF; font-size:1em;}
div.competitionOverlay p a {color:#ff009e; float:none;}
div.competitionOverlay a {color:#ff009e; float:left;}
div.competitionOverlay .competitonHeader p { float:none; color:#FFF; font-size:14px; font-weight:normal; padding-bottom:30px; margin-top:16px;  }


div.competitionOverlay strong {font-weight:bold;}

div.competitionOverlay .remove {float:right; margin-top:12px;}
div.competitionOverlay label {width:163px; color:#999; display:block; float:left; clear:left; padding-bottom:10px; line-height:1em;}
div.competitionOverlay form.standardForm input,div.modalWindow form.standardForm select {display:block; float:left; margin-bottom:10px; margin-right:10px; font-size:0.9em; padding:2px;}

div.competitionOverlay img {margin:0; padding:10px 0 0 0;}


div.competitionOverlay .leftColumn {float:left; width:240px; margin:0 10px 0 26px; clear:left}

div.competitionOverlay .leftColumn span.spotifyPlaylist { background:transparent url(../interface/icons/splash-music-note-left.gif) no-repeat scroll -2px -4px; float:left; display:block; padding:0 0 0 31px; margin:10px 0 0;   }
div.competitionOverlay .leftColumn .spotifyPlaylistLink { background:transparent url(../interface/icons/splash-music-note-right.gif) no-repeat scroll right -4px; padding:0 26px 2px 0;  }

div.competitionOverlay .middleColumn {float:left; width:270px;  margin-right:30px}

div.competitionOverlay .middleColumn  .noThanksButton { display:block; background:url(../interface/buttons/splash-no-thanks.gif) no-repeat top left; padding:10px 0 0; text-indent:-9999em; clear:both; margin:10px 0 0 55px; width:165px  }

div.competitionOverlay .rightColumn {float:left; width:250px;}
div.competitionOverlay .rightColumn  .socialLinks {padding:20px 0 0 0; float:left}
div.competitionOverlay .rightColumn  .socialLinks p {width:100%; padding-bottom:5px;}

div.competitionOverlay .rightColumn  .socialLinks .socialIcon { margin-right:5px; padding-top:0;}

div.competitionOverlay .terms { float:left; padding:10px 0 0 0; display:block; clear:both; width:100%}

div.competitionOverlay .terms h5 { color:#FFF; font-size:0.75em; float:left; padding-bottom:5px;  }
div.competitionOverlay .terms p {font-size:0.70em; font-weight:normal; float:left; width:100%}

div.competitionOverlay .addthis_button { float:left; clear:both; padding:10px 0 0 0;}

div.competitionOverlay a.enter {float:right;}


/* Global reset based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui customised for contents of a div*/ div#gallery div, div#gallery dl, div#gallery dt, div#gallery dd, div#gallery ul, div#gallery ol, div#gallery li, div#gallery h1, div#gallery h2, div#gallery h3, div#gallery h4, div#gallery h5, div#gallery h6, div#gallery pre, div#gallery form, div#gallery label, div#gallery fieldset, div#gallery input, div#gallery p, div#gallery blockquote, div#gallery th, div#gallery td , div#gallery .carousel-wrapper li span.rating{ margin:0; padding:0 } div#gallery table { border-collapse:collapse; border-spacing:0 } div#gallery fieldset, div#gallery img { border:0 } div#gallery fieldset {display:inline;} address, caption, cite, code, dfn,div#gallery em,div#gallery strong, th, var { font-style:normal; font-weight:normal } div#gallery ul, div#gallery li { list-style:none;  } caption, th { text-align:left } div#gallery h1, div#gallery h2, div#gallery h3, div#gallery h4, div#gallery h5, div#gallery h6, div#gallery p, div#gallery table, div#gallery ul{ font-size:16px; } q:before, q:after { content:''} a { text-decoration:none } /* CSS Document */


#welcomeMessage a{width:376px; height:366px; text-indent:-10000px; display:block;}