/* incentives.css -------------- Function: To define the look and feel of each of the Incentive promotions. Scope: Used by ALL Incentive landing pages and Incentive rules pages. Notes: Call this file from every incentive promotion. Use the Incentive Id to target your incentive promotion. Group your CSS rules by promotion so they can be easlit removed. Any CSS without an Incentive Id will affect all promotions - don't do this. */ /*** FBUSE - FACEBOOK $30 Children's Model Competion 2010 ***/ #FBUSE { background: #FFF url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSE/bg-rainbow.gif) no-repeat left bottom; color: #000; min-height: 450px; padding: 20px 473px 0 20px; position: relative;} /* right-hand-side image */ #FBUSE img.rhs { right: 0; position: absolute; top: 0; } /* Typography */ #FBUSE h1 { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSE/txt-welcome-to-next.gif) no-repeat 0 0; height: 44px; margin: 0 0 5px; text-indent: -9999px; width: 482px; } #FBUSE h1.success { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSE/txt-your-pin-accepted.gif) no-repeat 0 0; } #FBUSE.rules h1 { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSE/txt-welcome-to-next-v2.gif) no-repeat 0 0; } #FBUSE.rules h2 { color: #EF4036; font-size: 17px; font-family: Georgia,Tahoma,Geneva,Arial,sans-serif; margin: 20px 0 10px; padding: 0; } #FBUSE p { font-size: 14px; } #FBUSE p strong { color: #25AAE1; } #FBUSE p.intro { color:#000; font-family: Georgia,Tahoma,Geneva,Arial,sans-serif; font-size: 19px; } #FBUSE p.intro strong { color: #25AAE1; } #FBUSE p.intro-success { font-family: Georgia,Tahoma,Geneva,Arial,sans-serif; font-size: 17px; font-weight: normal; } #FBUSE p.intro-success strong { color: #8dc53f; font-weight: normal; } #FBUSE p strong.startdate { color: #8dc63f; display: block; font-size: 15px; font-weight: bold; margin-top: 10px; } #FBUSE p.terms { font-size: 11px; } #FBUSE a:link { color: #1200FF; text-decoration: underline; } /* error message */ #FBUSE .failed { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSE/icn-x.gif) no-repeat left 8px; border: 1px solid #CCC; border-width: 1px 0px; display: block; margin: 1em 0; padding: 11px 0 9px 26px; } /* form */ #FBUSE div.incentives-form { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSE/bg-pin-number.gif) no-repeat 0 0; height: 58px; margin: 1em 0; padding: 0; position: relative; } #FBUSE div.incentives-form label { display: none; } #FBUSE div.incentives-form input.pin { border: 1px solid #7F9DB9; bottom: 10px; font-size: 12px; line-height: 1; height: 18px; left: 155px; padding: 4px 7px 0px; position: absolute; width: 208px; } #FBUSE div.incentives-form input.submit { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSE/bg-pin-number.gif) no-repeat 100% 0; bottom: 0px; height: 58px; margin: 0; padding: 0; position: absolute; right: 0px; text-indent: -9999px; width: 90px; } /* facebook and twitter links */ #FBUSE ul#social, #FBUSE ul#social li { list-style: none; margin: 0; padding: 0; } #FBUSE a#facebook, #FBUSE a#twitter { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSE/trans.gif) repeat /* ie fix */; opacity: .1; display: block; height: 65px; left: 568px; overflow: hidden; position: absolute; text-decoration: none; text-indent: -9999px; top: 395px; width: 175px } #FBUSE a#twitter { left: 743px; } /* success-page shopping links */ #FBUSE ul#shops { margin: 0 0 0 -15px; padding: 0; width: 497px; } #FBUSE ul#shops li { float: left; list-style: none; margin: 0 0 10px 15px; padding: 0; width: 149px; } #FBUSE ul#shops li a { color: #8dc63f; font-family: Georgia,Tahoma,Geneva,Arial,sans-serif; font-size: 17px; text-decoration: none; } #FBUSE ul#shops li span { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSE/icn-double-arrow.gif) no-repeat right 8px; padding-right: 27px; } /* coming-soon-page shop-now button*/ #FBUSE #shopnow { padding-top: 11px; } #FBUSE #shopnow a { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSE/btn-shop-now.gif) no-repeat 0 0; display: block; height: 34px; text-indent: -9999px; width: 117px; } /* rules-page */ #FBUSE.rules { min-height: 578px; } #FBUSE.rules ol { color: #f7941e; } #FBUSE.rules ol li { padding-bottom: 8px; } #FBUSE.rules ol li span { color: #000; } /* rules-page continue button */ #FBUSE.rules #continue { bottom: 58px; left: 270px; position: absolute; } #FBUSE.rules #continue a { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSE/btn-continue-with-order.gif) no-repeat 0 0; display: block; height: 34px; text-indent: -9999px; width: 232px; } /* language overides */ /* #FBUSE.usen h1 { background: none; } */ /* IE6 overides */ *html #FBUSE { height: 450px; } *html #FBUSE.rules { height: 578px; } /*** FBUSF - FACEBOOK $20 Children's Model Competion 2010 ***/ #FBUSF { background: #FFF url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSF/bg-rainbow.gif) no-repeat left bottom; color: #000; min-height: 450px; padding: 20px 473px 0 20px; position: relative;} /* right-hand-side image */ #FBUSF img.rhs { right: 0; position: absolute; top: 0; } /* Typography */ #FBUSF h1 { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSF/txt-welcome-to-next.gif) no-repeat 0 0; height: 44px; margin: 0 0 5px; text-indent: -9999px; width: 482px; } #FBUSF h1.success { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSF/txt-your-pin-accepted.gif) no-repeat 0 0; } #FBUSF.rules h1 { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSF/txt-welcome-to-next-v2.gif) no-repeat 0 0; } #FBUSF.rules h2 { color: #EF4036; font-size: 17px; font-family: Georgia,Tahoma,Geneva,Arial,sans-serif; margin: 20px 0 10px; padding: 0; } #FBUSF p { font-size: 14px; } #FBUSF p strong { color: #25AAE1; } #FBUSF p.intro { color:#000; font-family: Georgia,Tahoma,Geneva,Arial,sans-serif; font-size: 19px; } #FBUSF p.intro strong { color: #25AAE1; } #FBUSF p.intro-success { font-family: Georgia,Tahoma,Geneva,Arial,sans-serif; font-size: 17px; font-weight: normal; } #FBUSF p.intro-success strong { color: #8dc53f; font-weight: normal; } #FBUSF p strong.startdate { color: #8dc63f; display: block; font-size: 15px; font-weight: bold; margin-top: 10px; } #FBUSF p.terms { font-size: 11px; } #FBUSF a:link { color: #1200FF; text-decoration: underline; } /* error message */ #FBUSF .failed { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSF/icn-x.gif) no-repeat left 8px; border: 1px solid #CCC; border-width: 1px 0px; display: block; margin: 1em 0; padding: 11px 0 9px 26px; } /* form */ #FBUSF div.incentives-form { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSF/bg-pin-number.gif) no-repeat 0 0; height: 58px; margin: 1em 0; padding: 0; position: relative; } #FBUSF div.incentives-form label { display: none; } #FBUSF div.incentives-form input.pin { border: 1px solid #7F9DB9; bottom: 10px; font-size: 12px; line-height: 1; height: 18px; left: 155px; padding: 4px 7px 0px; position: absolute; width: 208px; } #FBUSF div.incentives-form input.submit { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSF/bg-pin-number.gif) no-repeat 100% 0; bottom: 0px; height: 58px; margin: 0; padding: 0; position: absolute; right: 0px; text-indent: -9999px; width: 90px; } /* facebook and twitter links */ #FBUSF ul#social, #FBUSF ul#social li { list-style: none; margin: 0; padding: 0; } #FBUSF a#facebook, #FBUSF a#twitter { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSF/trans.gif) repeat /* ie fix */; opacity: .1; display: block; height: 65px; left: 568px; overflow: hidden; position: absolute; text-decoration: none; text-indent: -9999px; top: 395px; width: 175px } #FBUSF a#twitter { left: 743px; } /* success-page shopping links */ #FBUSF ul#shops { margin: 0 0 0 -15px; padding: 0; width: 497px; } #FBUSF ul#shops li { float: left; list-style: none; margin: 0 0 10px 15px; padding: 0; width: 149px; } #FBUSF ul#shops li a { color: #8dc63f; font-family: Georgia,Tahoma,Geneva,Arial,sans-serif; font-size: 17px; text-decoration: none; } #FBUSF ul#shops li span { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSF/icn-double-arrow.gif) no-repeat right 8px; padding-right: 27px; } /* coming-soon-page shop-now button*/ #FBUSF #shopnow { padding-top: 11px; } #FBUSF #shopnow a { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSF/btn-shop-now.gif) no-repeat 0 0; display: block; height: 34px; text-indent: -9999px; width: 117px; } /* rules-page */ #FBUSF.rules { min-height: 578px; } #FBUSF.rules ol { color: #f7941e; } #FBUSF.rules ol li { padding-bottom: 8px; } #FBUSF.rules ol li span { color: #000; } /* rules-page continue button */ #FBUSF.rules #continue { bottom: 58px; left: 270px; position: absolute; } #FBUSF.rules #continue a { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSF/btn-continue-with-order.gif) no-repeat 0 0; display: block; height: 34px; text-indent: -9999px; width: 232px; } /* language overides */ /* #FBUSF.usen h1 { background: none; } */ /* IE6 overides */ *html #FBUSF { height: 450px; } *html #FBUSF.rules { height: 578px; } /*** IRAF1 - RAF Uk-US offer-2 (/friends) ***/ #IRAF1 { background: #FFF url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF1/bg-main1.jpg) no-repeat 0 0; color: #000; min-height: 494px; padding: 20px 542px 0 62px; position: relative;} #IRAF1.success { background: #FFF url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF1/bg-main2.jpg) no-repeat 0 0; padding-right: 348px; } /* right-hand-side image */ #IRAF1 img.rhs { right: 0; position: absolute; top: 0; } /* Typography */ #IRAF1 h1 { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF1/txt-welcome-to-next.gif) no-repeat 0 0; height: 49px; margin: 0 0 11px; text-indent: -9999px; width: 371px; } #IRAF1 h2 { font-size: 17px; font-weight: bold; } #IRAF1 h1.success { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF1/txt-pin-accepted.gif) no-repeat 0 0; height: 42px; width: 565px; } #IRAF1 p.intro { background: #fff url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF1/txt-enjoy-20-off-order.gif) no-repeat 0 0; color:#000; height: 88px; text-indent: -9999px; width: 371px } #IRAF1 p.intro strong { color: #c01b1b; } #IRAF1 p.intro-success { font-size: 17px; width: 565px; } #IRAF1 p.intro-success strong { color: #c01b1b; font-weight: bold; } #IRAF1 p strong.startdate { color: #262f54; display: block; font-size: 15px; font-weight: bold; margin-top: 10px; } #IRAF1 p.terms { bottom: 20px; font-size: 11px; left: 62px; margin: 0; position: absolute; } #IRAF1 a:link, #IRAF1 a:visited, #IRAF1 a:hover #IRAF1 a:active { color: #1200FF; text-decoration: underline; } /* error message */ #IRAF1 .failed { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF1/icn-x.gif) no-repeat left 8px; border: 1px solid #CCC; border-width: 1px 0px; display: block; margin: 1em 0; padding: 11px 0 9px 26px; } /* form */ #IRAF1 div.incentives-form { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF1/bg-pin-number.gif) no-repeat 0 0; height: 59px; margin: 1em 0; padding: 0; position: relative; } #IRAF1 div.incentives-form label { display: none; } #IRAF1 div.incentives-form input.pin { border: 1px solid #7F9DB9; bottom: 11px; font-size: 12px; line-height: 1; height: 18px; left: 10px; padding: 4px 7px 0px; position: absolute; width: 261px; } #IRAF1 div.incentives-form input.submit { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF1/bg-pin-number.gif) no-repeat -297px -24px; bottom: 11px; height: 24px; margin: 0; padding: 0; position: absolute; right: 10px; text-indent: -9999px; width: 64px; } /* success-page shopping links */ #IRAF1 ul#shops { margin: 0 0 0 -21px; padding: 0; width: 588px; } #IRAF1 ul#shops li { float: left; list-style: none; margin: 0 0 30px 21px; padding: 0; width: 175px; } #IRAF1 ul#shops li a { text-decoration: none; } /* coming-soon-page shop-now button*/ #IRAF1 #shopnow { padding-top: 11px; } #IRAF1 #shopnow a { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF1/btn-shop-now.gif) no-repeat 0 0; display: block; height: 34px; text-indent: -9999px; width: 117px; } /* rules-page */ #IRAF1.rules { background: none; min-height: 578px; padding-left: 22px; padding-right: 476px; } #IRAF1.rules h1 { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF1/txt-welcome-to-next-v2.gif) no-repeat 0 0; height: 71px; width: 411px; } #IRAF1.rules h2 { color: #c01b1b; font-size: 17px; font-family: Georgia,Tahoma,Geneva,Arial,sans-serif; font-weight: normal; margin: 20px 0 10px; padding: 0; } #IRAF1.rules p { font-size: 14px; } #IRAF1.rules ol { color: #262f54; font-weight: bold; } #IRAF1.rules ol li { padding-bottom: 8px; font-weight: normal; } #IRAF1.rules ol li span { color: #000; } /* rules-page continue button */ #IRAF1.rules #continue { margin-left: 248px; } #IRAF1.rules #continue a { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF1/btn-continue-with-order.gif) no-repeat 0 0; display: block; height: 34px; text-indent: -9999px; width: 232px; } /* IE6 overides */ *html #IRAF1 { height: 494px; } *html #IRAF1.rules { height: 578px; } *html #IRAF1 ul#shops li { display: inline; } /* clearfix is adding extra space at bottom becasue there're no floats in container, so... */ #IRAF1 { float: left; width: 371px; } #IRAF1.success { width: 565px; } #IRAF1.rules { float: left; width: 477px; } /*** IRAF2 - RAF Uk-US offer-2 (/raf) ***/ #IRAF2 { background: #FFF url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF2/bg-main1.jpg) no-repeat 0 0; color: #000; min-height: 494px; padding: 20px 542px 0 62px; position: relative;} #IRAF2.success { background: #FFF url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF2/bg-main2.jpg) no-repeat 0 0; padding-right: 348px; } /* right-hand-side image */ #IRAF2 img.rhs { right: 0; position: absolute; top: 0; } /* Typography */ #IRAF2 h1 { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF2/txt-welcome-to-next.gif) no-repeat 0 0; height: 49px; margin: 0 0 11px; text-indent: -9999px; width: 371px; } #IRAF2 h2 { font-size: 17px; font-weight: bold; } #IRAF2 h1.success { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF2/txt-pin-accepted.gif) no-repeat 0 0; height: 42px; width: 565px; } #IRAF2 p.intro { background: #fff url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF2/txt-enjoy-10-off-order.gif) no-repeat 0 0; color:#000; height: 88px; text-indent: -9999px; width: 371px } #IRAF2 p.intro strong { color: #c01b1b; } #IRAF2 p.intro-success { font-size: 17px; width: 565px; } #IRAF2 p.intro-success strong { color: #c01b1b; font-weight: bold; } #IRAF2 p strong.startdate { color: #262f54; display: block; font-size: 15px; font-weight: bold; margin-top: 10px; } #IRAF2 p.terms { bottom: 20px; font-size: 11px; left: 62px; margin: 0; position: absolute; } #IRAF2 a:link, #IRAF2 a:visited, #IRAF2 a:hover #IRAF2 a:active { color: #1200FF; text-decoration: underline; } /* error message */ #IRAF2 .failed { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF2/icn-x.gif) no-repeat left 8px; border: 1px solid #CCC; border-width: 1px 0px; display: block; margin: 1em 0; padding: 11px 0 9px 26px; } /* form */ #IRAF2 div.incentives-form { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF2/bg-pin-number.gif) no-repeat 0 0; height: 59px; margin: 1em 0; padding: 0; position: relative; } #IRAF2 div.incentives-form label { display: none; } #IRAF2 div.incentives-form input.pin { border: 1px solid #7F9DB9; bottom: 11px; font-size: 12px; line-height: 1; height: 18px; left: 10px; padding: 4px 7px 0px; position: absolute; width: 261px; } #IRAF2 div.incentives-form input.submit { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF2/bg-pin-number.gif) no-repeat -297px -24px; bottom: 11px; height: 24px; margin: 0; padding: 0; position: absolute; right: 10px; text-indent: -9999px; width: 64px; } /* success-page shopping links */ #IRAF2 ul#shops { margin: 0 0 0 -21px; padding: 0; width: 588px; } #IRAF2 ul#shops li { float: left; list-style: none; margin: 0 0 30px 21px; padding: 0; width: 175px; } #IRAF2 ul#shops li a { text-decoration: none; } /* coming-soon-page shop-now button*/ #IRAF2 #shopnow { padding-top: 11px; } #IRAF2 #shopnow a { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF2/btn-shop-now.gif) no-repeat 0 0; display: block; height: 34px; text-indent: -9999px; width: 117px; } /* rules-page */ #IRAF2.rules { background: none; min-height: 578px; padding-left: 22px; padding-right: 476px; } #IRAF2.rules h1 { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF2/txt-welcome-to-next-v2.gif) no-repeat 0 0; height: 71px; width: 411px; } #IRAF2.rules h2 { color: #c01b1b; font-size: 17px; font-family: Georgia,Tahoma,Geneva,Arial,sans-serif; font-weight: normal; margin: 20px 0 10px; padding: 0; } #IRAF2.rules p { font-size: 14px; } #IRAF2.rules ol { color: #262f54; font-weight: bold; } #IRAF2.rules ol li { padding-bottom: 8px; } #IRAF2.rules ol li span { color: #000; font-weight:normal; } /* rules-page continue button */ #IRAF2.rules #continue { margin-left: 248px; } #IRAF2.rules #continue a { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF2/btn-continue-with-order.gif) no-repeat 0 0; display: block; height: 34px; text-indent: -9999px; width: 232px; } /* IE6 overides */ *html #IRAF2 { height: 494px; } *html #IRAF2.rules { height: 578px; } *html #IRAF2 ul#shops li { display: inline; } /* clearfix is adding extra space at bottom becasue there're no floats in container, so... */ #IRAF2 { float: left; width: 371px; } #IRAF2.success { width: 565px; } #IRAF2.rules { float: left; width: 477px; } /*** IRAF3 - RAF Uk-US offer-2 (/recommend) ***/ #IRAF3 { background: #FFF url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF3/bg-main1.jpg) no-repeat 0 0; color: #000; min-height: 494px; padding: 20px 542px 0 62px; position: relative;} #IRAF3.success { background: #FFF url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF3/bg-main2.jpg) no-repeat 0 0; padding-right: 348px; } /* right-hand-side image */ #IRAF3 img.rhs { right: 0; position: absolute; top: 0; } /* Typography */ #IRAF3 h1 { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF3/txt-welcome-to-next.gif) no-repeat 0 0; height: 49px; margin: 0 0 11px; text-indent: -9999px; width: 371px; } #IRAF3 h2 { font-size: 17px; font-weight: bold; } #IRAF3 h1.success { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF3/txt-pin-accepted.gif) no-repeat 0 0; height: 42px; width: 565px; } #IRAF3 p.intro { background: #fff url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF3/txt-enjoy-20-off-order.gif) no-repeat 0 0; color:#000; height: 88px; text-indent: -9999px; width: 371px } #IRAF3 p.intro strong { color: #c01b1b; } #IRAF3 p.intro-success { font-size: 17px; width: 565px; } #IRAF3 p.intro-success strong { color: #c01b1b; font-weight: bold; } #IRAF3 p strong.startdate { color: #262f54; display: block; font-size: 15px; font-weight: bold; margin-top: 10px; } #IRAF3 p.terms { bottom: 20px; font-size: 11px; left: 62px; margin: 0; position: absolute; } #IRAF3 a:link, #IRAF3 a:visited, #IRAF3 a:hover #IRAF3 a:active { color: #1200FF; text-decoration: underline; } /* error message */ #IRAF3 .failed { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF3/icn-x.gif) no-repeat left 8px; border: 1px solid #CCC; border-width: 1px 0px; display: block; margin: 1em 0; padding: 11px 0 9px 26px; } /* form */ #IRAF3 div.incentives-form { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF3/bg-pin-number.gif) no-repeat 0 0; height: 59px; margin: 1em 0; padding: 0; position: relative; } #IRAF3 div.incentives-form label { display: none; } #IRAF3 div.incentives-form input.pin { border: 1px solid #7F9DB9; bottom: 11px; font-size: 12px; line-height: 1; height: 18px; left: 10px; padding: 4px 7px 0px; position: absolute; width: 261px; } #IRAF3 div.incentives-form input.submit { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF3/bg-pin-number.gif) no-repeat -297px -24px; bottom: 11px; height: 24px; margin: 0; padding: 0; position: absolute; right: 10px; text-indent: -9999px; width: 64px; } /* success-page shopping links */ #IRAF3 ul#shops { margin: 0 0 0 -21px; padding: 0; width: 588px; } #IRAF3 ul#shops li { float: left; list-style: none; margin: 0 0 30px 21px; padding: 0; width: 175px; } #IRAF3 ul#shops li a { text-decoration: none; } /* coming-soon-page shop-now button*/ #IRAF3 #shopnow { padding-top: 11px; } #IRAF3 #shopnow a { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF3/btn-shop-now.gif) no-repeat 0 0; display: block; height: 34px; text-indent: -9999px; width: 117px; } /* rules-page */ #IRAF3.rules { background: none; min-height: 578px; padding-left: 22px; padding-right: 476px; } #IRAF3.rules h1 { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF3/txt-welcome-to-next-v2.gif) no-repeat 0 0; height: 71px; width: 411px; } #IRAF3.rules h2 { color: #c01b1b; font-size: 17px; font-family: Georgia,Tahoma,Geneva,Arial,sans-serif; font-weight: normal; margin: 20px 0 10px; padding: 0; } #IRAF3.rules p { font-size: 14px; } #IRAF3.rules ol { color: #262f54; font-weight: bold; } #IRAF3.rules ol li { padding-bottom: 8px; } #IRAF3.rules ol li span { color: #000; font-weight: normal; } /* rules-page continue button */ #IRAF3.rules #continue { margin-left: 248px; } #IRAF3.rules #continue a { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF3/btn-continue-with-order.gif) no-repeat 0 0; display: block; height: 34px; text-indent: -9999px; width: 232px; } /* IE6 overides */ *html #IRAF3 { height: 494px; } *html #IRAF3.rules { height: 578px; } *html #IRAF3 ul#shops li { display: inline; } /* clearfix is adding extra space at bottom becasue there're no floats in container, so... */ #IRAF3 { float: left; width: 371px; } #IRAF3.success { width: 565px; } #IRAF3.rules { float: left; width: 477px; } /*** IRAF4 - RAF Uk-US offer-2 (/share) ***/ #IRAF4 { background: #FFF url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF4/bg-main1.jpg) no-repeat 0 0; color: #000; min-height: 494px; padding: 20px 542px 0 62px; position: relative;} #IRAF4.success { background: #FFF url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF4/bg-main2.jpg) no-repeat 0 0; padding-right: 348px; } /* right-hand-side image */ #IRAF4 img.rhs { right: 0; position: absolute; top: 0; } /* Typography */ #IRAF4 h1 { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF4/txt-welcome-to-next.gif) no-repeat 0 0; height: 49px; margin: 0 0 11px; text-indent: -9999px; width: 371px; } #IRAF4 h2 { font-size: 17px; font-weight: bold; } #IRAF4 h1.success { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF4/txt-pin-accepted.gif) no-repeat 0 0; height: 42px; width: 565px; } #IRAF4 p.intro { background: #fff url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF4/txt-enjoy-20-off-order.gif) no-repeat 0 0; color:#000; height: 88px; text-indent: -9999px; width: 371px } #IRAF4 p.intro strong { color: #c01b1b; } #IRAF4 p.intro-success { font-size: 17px; width: 565px; } #IRAF4 p.intro-success strong { color: #c01b1b; font-weight: bold; } #IRAF4 p strong.startdate { color: #262f54; display: block; font-size: 15px; font-weight: bold; margin-top: 10px; } #IRAF4 p.terms { bottom: 20px; font-size: 11px; left: 62px; margin: 0; position: absolute; } #IRAF4 a:link, #IRAF4 a:visited, #IRAF4 a:hover #IRAF4 a:active { color: #1200FF; text-decoration: underline; } /* error message */ #IRAF4 .failed { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF4/icn-x.gif) no-repeat left 8px; border: 1px solid #CCC; border-width: 1px 0px; display: block; margin: 1em 0; padding: 11px 0 9px 26px; } /* form */ #IRAF4 div.incentives-form { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF4/bg-pin-number.gif) no-repeat 0 0; height: 59px; margin: 1em 0; padding: 0; position: relative; } #IRAF4 div.incentives-form label { display: none; } #IRAF4 div.incentives-form input.pin { border: 1px solid #7F9DB9; bottom: 11px; font-size: 12px; line-height: 1; height: 18px; left: 10px; padding: 4px 7px 0px; position: absolute; width: 261px; } #IRAF4 div.incentives-form input.submit { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF4/bg-pin-number.gif) no-repeat -297px -24px; bottom: 11px; height: 24px; margin: 0; padding: 0; position: absolute; right: 10px; text-indent: -9999px; width: 64px; } /* success-page shopping links */ #IRAF4 ul#shops { margin: 0 0 0 -21px; padding: 0; width: 588px; } #IRAF4 ul#shops li { float: left; list-style: none; margin: 0 0 30px 21px; padding: 0; width: 175px; } #IRAF4 ul#shops li a { text-decoration: none; } /* coming-soon-page shop-now button*/ #IRAF4 #shopnow { padding-top: 11px; } #IRAF4 #shopnow a { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF4/btn-shop-now.gif) no-repeat 0 0; display: block; height: 34px; text-indent: -9999px; width: 117px; } /* rules-page */ #IRAF4.rules { background: none; min-height: 578px; padding-left: 22px; padding-right: 476px; } #IRAF4.rules h1 { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF4/txt-welcome-to-next-v2.gif) no-repeat 0 0; height: 71px; width: 411px; } #IRAF4.rules h2 { color: #c01b1b; font-size: 17px; font-family: Georgia,Tahoma,Geneva,Arial,sans-serif; font-weight: normal; margin: 20px 0 10px; padding: 0; } #IRAF4.rules p { font-size: 14px; } #IRAF4.rules ol { color: #262f54; font-weight: bold; } #IRAF4.rules ol li { padding-bottom: 8px; } #IRAF4.rules ol li span { color: #000; font-weight: normal; } /* rules-page continue button */ #IRAF4.rules #continue { margin-left: 248px; } #IRAF4.rules #continue a { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IRAF4/btn-continue-with-order.gif) no-repeat 0 0; display: block; height: 34px; text-indent: -9999px; width: 232px; } /* IE6 overides */ *html #IRAF4 { height: 494px; } *html #IRAF4.rules { height: 578px; } *html #IRAF4 ul#shops li { display: inline; } /* clearfix is adding extra space at bottom becasue there're no floats in container, so... */ #IRAF4 { float: left; width: 371px; } #IRAF4.success { width: 565px; } #IRAF4.rules { float: left; width: 477px; } /*** IREC2 - RAF Uk-US offer-2 (/gift) ***/ #IREC2 { background: #FFF url(http://cdn.next.co.uk/vstore/ni/common/incentives/IREC2/bg-main1.jpg) no-repeat 0 0; color: #000; min-height: 494px; padding: 20px 542px 0 62px; position: relative;} #IREC2.success { background: #FFF url(http://cdn.next.co.uk/vstore/ni/common/incentives/IREC2/bg-main2.jpg) no-repeat 0 0; padding-right: 348px; } /* right-hand-side image */ #IREC2 img.rhs { right: 0; position: absolute; top: 0; } /* Typography */ #IREC2 h1 { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IREC2/txt-many-thanks.gif) no-repeat 0 0; height: 35px; margin: 0 0 24px; text-indent: -9999px; width: 371px; } #IREC2 h2 { font-size: 17px; font-weight: bold; } #IREC2 h1.success { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IREC2/txt-pin-accepted.gif) no-repeat 0 0; height: 42px; width: 565px; } #IREC2 p.intro { background: #fff url(http://cdn.next.co.uk/vstore/ni/common/incentives/IREC2/txt-10-to-spend.gif) no-repeat 0 0; color:#000; height: 106px; text-indent: -9999px; width: 371px } #IREC2 p.intro strong { color: #c01b1b; } #IREC2 p.intro-success { font-size: 17px; width: 565px; } #IREC2 p.intro-success strong { color: #c01b1b; font-weight: bold; } #IREC2 p strong.startdate { color: #262f54; display: block; font-size: 15px; font-weight: bold; margin-top: 10px; } #IREC2 p.terms { bottom: 20px; font-size: 11px; left: 62px; margin: 0; position: absolute; } #IREC2 p.psec { background: #fff url(http://cdn.next.co.uk/vstore/ni/common/incentives/IREC2/txt-friend-placed-order.gif) no-repeat 0 0; color:#000; height: 22px; text-indent: -9999px; width: 371px } #IREC2 a:link, #IREC2 a:visited, #IREC2 a:hover #IREC2 a:active { color: #1200FF; text-decoration: underline; } /* error message */ #IREC2 .failed { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IREC2/icn-x.gif) no-repeat left 8px; border: 1px solid #CCC; border-width: 1px 0px; display: block; margin: 1em 0; padding: 11px 0 9px 26px; } /* form */ #IREC2 div.incentives-form { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IREC2/bg-pin-number.gif) no-repeat 0 0; height: 59px; margin: 1em 0; padding: 0; position: relative; } #IREC2 div.incentives-form label { display: none; } #IREC2 div.incentives-form input.pin { border: 1px solid #7F9DB9; bottom: 11px; font-size: 12px; line-height: 1; height: 18px; left: 10px; padding: 4px 7px 0px; position: absolute; width: 261px; } #IREC2 div.incentives-form input.submit { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IREC2/bg-pin-number.gif) no-repeat -297px -24px; bottom: 11px; height: 24px; margin: 0; padding: 0; position: absolute; right: 10px; text-indent: -9999px; width: 64px; } /* success-page shopping links */ #IREC2 ul#shops { margin: 0 0 0 -21px; padding: 0; width: 588px; } #IREC2 ul#shops li { float: left; list-style: none; margin: 0 0 30px 21px; padding: 0; width: 175px; } #IREC2 ul#shops li a { text-decoration: none; } /* coming-soon-page shop-now button*/ #IREC2 #shopnow { padding-top: 11px; } #IREC2 #shopnow a { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IREC2/btn-shop-now.gif) no-repeat 0 0; display: block; height: 34px; text-indent: -9999px; width: 117px; } /* rules-page */ #IREC2.rules { background: none; min-height: 578px; padding-left: 22px; padding-right: 476px; } #IREC2.rules h1 { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IREC2/txt-welcome-to-next-v2.gif) no-repeat 0 0; height: 71px; width: 411px; } #IREC2.rules h2 { color: #c01b1b; font-size: 17px; font-family: Georgia,Tahoma,Geneva,Arial,sans-serif; font-weight: normal; margin: 20px 0 10px; padding: 0; } #IREC2.rules p { font-size: 14px; } #IREC2.rules ol { color: #262f54; font-weight: bold; } #IREC2.rules ol li { padding-bottom: 8px; } #IREC2.rules ol li span { color: #000; font-weight: normal; } /* rules-page continue button */ #IREC2.rules #continue { margin-left: 248px; } #IREC2.rules #continue a { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/IREC2/btn-continue-with-order.gif) no-repeat 0 0; display: block; height: 34px; text-indent: -9999px; width: 232px; } /* IE6 overides */ *html #IREC2 { height: 494px; } *html #IREC2.rules { height: 578px; } *html #IREC2 ul#shops li { display: inline; } /* clearfix is adding extra space at bottom becasue there're no floats in container, so... */ #IREC2 { float: left; width: 371px; } #IREC2.success { width: 565px; } #IREC2.rules { float: left; width: 477px; } /*** FBUSW - FACEBOOK $150 Children's Model Competion Winners (/finals) ***/ #FBUSW { background: #FFF url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSW/bg-rainbow.gif) no-repeat left bottom; color: #000; min-height: 450px; padding: 20px 473px 0 20px; position: relative;} /* right-hand-side image */ #FBUSW img.rhs { right: 0; position: absolute; top: 0; } /* Typography */ #FBUSW h1 { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSW/txt-welcome-to-next.gif) no-repeat 0 0; height: 72px; margin: 0 0 15px; text-indent: -9999px; width: 460px; } #FBUSW h1.success { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSW/txt-your-pin-accepted.gif) no-repeat 0 0; height: 44px; margin-bottom: 5px; } #FBUSW.rules h1 { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSW/txt-welcome-to-next-v2.gif) no-repeat 0 0; height: 44px; margin-bottom: 5px; } #FBUSW.rules h2 { color: #25AAE1; font-size: 16px; font-family: Georgia,Tahoma,Geneva,Arial,sans-serif; margin: 20px 0 10px; padding: 0; } #FBUSW p { font-size: 14px; } #FBUSW p strong { color: #25AAE1; } #FBUSW p.intro { color:#000; font-family: Georgia,Tahoma,Geneva,Arial,sans-serif; font-size: 19px; } #FBUSW p.intro strong { color: #25AAE1; } #FBUSW p.intro-success { font-family: Georgia,Tahoma,Geneva,Arial,sans-serif; font-size: 17px; font-weight: normal; } #FBUSW p.intro-success strong { color: #8dc53f; font-weight: normal; } #FBUSW p strong.startdate { color: #25AAE1; display: block; font-size: 57px; font-weight: normal; margin-top: 10px; } #FBUSW p.terms { font-size: 11px; } #FBUSW a:link { color: #1200FF; text-decoration: underline; } /* error message */ #FBUSW .failed { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSW/icn-x.gif) no-repeat left 8px; border: 1px solid #CCC; border-width: 1px 0px; display: block; margin: 1em 0; padding: 11px 0 9px 26px; } /* form */ #FBUSW div.incentives-form { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSW/bg-pin-number.gif) no-repeat 0 0; height: 58px; margin: 1em 0; padding: 0; position: relative; } #FBUSW div.incentives-form label { display: none; } #FBUSW div.incentives-form input.pin { border: 1px solid #7F9DB9; bottom: 10px; font-size: 12px; line-height: 1; height: 18px; left: 155px; padding: 4px 7px 0px; position: absolute; width: 208px; } #FBUSW div.incentives-form input.submit { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSW/bg-pin-number.gif) no-repeat 100% 0; bottom: 0px; height: 58px; margin: 0; padding: 0; position: absolute; right: 0px; text-indent: -9999px; width: 90px; } /* facebook and twitter links */ #FBUSW ul#social, #FBUSW ul#social li { list-style: none; height: 0; margin: 0; padding: 0; } #FBUSW a#facebook, #FBUSW a#twitter { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSW/trans.gif) repeat /* ie fix */; opacity: .1; display: block; height: 65px; left: 568px; overflow: hidden; position: absolute; text-decoration: none; text-indent: -9999px; top: 395px; width: 175px } #FBUSW a#twitter { left: 743px; } /* success-page shopping links */ #FBUSW ul#shops { margin: 0 0 0 -15px; padding: 0; width: 497px; } #FBUSW ul#shops li { float: left; list-style: none; margin: 0 0 10px 15px; padding: 0; width: 149px; } #FBUSW ul#shops li a { color: #8dc63f; font-family: Georgia,Tahoma,Geneva,Arial,sans-serif; font-size: 17px; text-decoration: none; } #FBUSW ul#shops li span { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSW/icn-double-arrow.gif) no-repeat right 8px; padding-right: 27px; } /* coming-soon-page shop-now button*/ #FBUSW #shopnow { padding-top: 11px; } #FBUSW #shopnow a { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSW/btn-shop-now.gif) no-repeat 0 0; display: block; height: 34px; text-indent: -9999px; width: 117px; } /* rules-page */ #FBUSW.rules { background-image: none; min-height: 578px; } #FBUSW.rules ol { color: #262f54; font-weight: bold; } #FBUSW.rules ol li { padding-bottom: 8px; } #FBUSW.rules ol li span { color: #000; font-weight: normal; } /* rules-page continue button */ #FBUSW.rules #continue { bottom: 58px; left: 270px; position: absolute; } #FBUSW.rules #continue a { background: transparent url(http://cdn.next.co.uk/vstore/ni/common/incentives/FBUSW/btn-continue-with-order.gif) no-repeat 0 0; display: block; height: 34px; text-indent: -9999px; width: 232px; } /* language overides */ /* #FBUSW.usen h1 { background: none; } */ /* IE6 overides */ *html #FBUSW { height: 450px; } *html #FBUSW.rules { height: 578px; } *html #FBUSW ul#social li, *html #FBUSW ul#shops li { display: inline; } /* clearfix is adding extra space at bottom because there're no floats in container, so... */ #FBUSW { float: left; width: 482px; }