/* general */ ul{list-style: none; padding: 0; margin: 0;} p, h2, h3, h4, h5, dl{margin: 0; padding: 0; clear: both;} h4 {font-size:16px} #header_navbar .hmenu .menu7 a span.tabactive { left: 0;} .curved {-moz-border-radius: 7px; border-radius: 7px;} .curvedtop {-moz-top-left-border-radius: 7px;-moz-top-right-border-radius: 7px;border-top-left-radius:7px;border-top-right-radius:7px} input {color: #0D2C89;} input[disabled] {color:#999} .grey {color:#999} hr {color:#039;width:99%} table {margin-bottom:3px} .contentwidth {width:727px;padding:0 10px 4px;} /* end of general */ /* maincontent */ #content{background: none; padding-top: 6px; padding-bottom: 4px;} body {font: 75%/120% arial,Verdana,Helvetica,Sans-Serif;color:#0D2C89} p.page_content a {color: #0D2C89;} #inner {overflow: hidden;background-color:#DFEAF1;width:957px;margin:11px 0 8px 0;padding:10px 0 0 10px} #header_navbar .hmenu a:focus, #header_navbar .hmenu a:hover, #header_navbar .hmenu li:hover a, #header_navbar .hmenu li.iehover a {background: url("../I/repeat_section_hover.jpg") repeat-x scroll left 50% #5779E5; color: #FFFFFF;} .hmenu a {text-decoration: none;} a, a:hover, a:visited, a:active {color:#0D2C89} a {text-decoration:none} a:hover {text-decoration:underline} #footer .box {border: 0;} .pointsbox .content h4 {font-size:24px} .pointsbox p {width:100%;text-align:center;display:block} .noteText, .noteText p, {margin:0;padding-top:8px} .noteText {clear: both;display: block;} .content_width {width:635px} .footnote {font-size:11px} .cc_head {background-color:#0054A4;padding:10px;color:#fff} div.pointssummary .ccbody {padding:15px 0 5px 18px;padding:15px 0 15px 18px;width:720px;} #mainContent {width: 790px; float: left;margin-left:22px;width:auto;color:#0d2c89} #mainContent h2 {color: #7186a1; font-size: 1.75em; font-weight: normal; padding:14px 0 14px 0px; margin: 0 12px 0.5em 0;border-bottom: 1px solid #00539f;} #mainContent .pageText p.pageDesc {margin: 12px 0;line-height: 1.4em;} #mainContent div.blueheaderbar h2 {border-bottom: 0px solid #46BCD6; color: #fff; font-size:2em; font-weight: bold; margin: 10px 0 15px 1px; padding: 0;} #mainContent .inset_centre_content {padding: 0 0 15px 45px;} div.blueheaderbar {width:729px;background: url("../I/blueheadingbar741.gif") repeat-x scroll 0 0 transparent; margin: 10px 0 15px 0;} div.blueheaderbar h2, div.blueheaderbarlong h2 {background: url("../I/blue_bg_repeat.jpg") repeat-x scroll left 50% #012186;} .ccbody {background-color: #FFFFFF; border: 1px solid #CCCCCC; overflow: hidden; padding: 15px 20px 5px; width:700px;margin-bottom:20px;*padding-bottom:15px;line-height: 1.7em;} .ccbodyblue {float:left;background-color: #b8d7f4; border:1px solid #CCCCCC; padding:10px 0 10px 10px; width:727px;margin-bottom:20px;*padding-bottom:15px;margin-right:20px;clear:both} .ccbody p {padding-bottom:8px} .button {cursor: pointer;float:right;position:relative;top:-3px;margin-right:10px} .button span.buttonbar {cursor: pointer;width:130px;line-height:1em} .button span.buttonbar2 {cursor: pointer;width:200px !important;line-height:1em} .button input[type="submit"] {cursor: pointer;width:110px;padding-top:5px;color:#000} /*.button span#findaddress.buttonbar, .button span#findaddress.buttonbar input[type="submit"] {cursor: pointer;width: 95px;}*/ .button span.buttonbar#findaddress, .button span.buttonbar#findaddress input[type="submit"] {cursor: pointer;width: 98px;margin-bottom:auto;} .button span.buttonbar#confirm, .button span.buttonbar#confirm input[type="submit"] {cursor: pointer;width:75px} .button span.buttonbar#btnSbmtNum, .button span.buttonbar#btnSbmtNum input[type="submit"] {cursor: pointer;width:75px} .button span.buttonbar#printtemp, .button span.buttonbar#printtemp input[type="submit"] {cursor: pointer;width:180px} .button span.buttonbar#printvouchers, .button span.buttonbar#printvouchers input[type="submit"] {cursor: pointer;width:130px} .pageText {width:600px;margin:0 20px 10px 0;float:left} .cardNmb {width:21em !important} .cc_greybody { height: 9em;} .myButtonText {margin-left:460px;width:60px;float:left} /* end of main content */ /* Page images */ .pageImg {background:url(../I/page_icons.jpg) 0 0 no-repeat;width:126px;height:100px;padding-top:0px;position:relative;top:-5px; float:left} #mypersonaldetails .pageImg {background-position: 0 0} #mypreferences .pageImg {background-position:-137px -4px} #mycoupons .pageImg {background-position:-140px -115px} #mypoints .pageImg, #mycurrentpoints .pageImg, #mypointsstatement .pageImg{background-position:-270px -4px} #mylateststatement .pageImg {background-position:-275px -113px} #myvouchers .pageImg {background-position:0 -111px} #myexchanges .pageImg {background-position:-267px -217px} #orderreplacement .pageImg {background-position:-6px -217px} #viewcards .pageImg {background-position:-137px -223px} #christmassavers .pageImg {background-position:0 -318px} #myvouchersavios .pageImg {background-position:-147px -318px} #myvouchersvirgin .pageImg {background-position:-270px -318px} /* Left menu nav */ #leftNav {border: 0;background-color:#DFEAF1;width: 175px; float: left; } #leftNav h3 {margin-bottom:10px;background:url(../I/menu_header.jpg);height:43px;width:178px;padding:0} #leftNav li {border:0;} #leftNav li a {background:url(../I/menu_tabs.jpg) 0 0 no-repeat;width:174px;height:31px;padding:0;font-weight: bold;display: block; text-decoration: none;} #leftNav ul {padding:0;border:1px solid #00539f} #leftNav li a span {color: #fff;padding: 8px 0 8px 28px;font-size:12px;display:block} #leftNav li a:hover {background-position:0 -31px;color:#fff} #leftNav li.active a {background-position:0 -62px;color:#fff} #leftNav li.submenu a {background-position:0 -93px;} #leftNav li.submenu a span,#leftNav li.activesub a span {padding-left:41px;font-size:10px} #leftNav li.submenu a:hover {background-position:0 -124px;} #leftNav li.activesub a {background-position:0 -155px;} #leftend { border-top: 0 solid #A8B1B8;} /* Standard Table */ .tbl {border-collapse:collapse;clear: both; font-weight: bold;margin: 10px 0;text-align: left;} .tbl th.first {background: url("../I/left.png") no-repeat scroll left -1px #0054A4;border-left: none;text-align:left} .tbl th {color: #fff;font-weight: bold;padding: 6px 10px;background-color:#0054A4;border-left: 1px solid #C2C2C2;text-align:center} .tbl th a {color:#fff} .tbl th.last {background: url("../I/right.png") no-repeat scroll right -1px #0054A4;} .tbl tbody tr {background: none repeat scroll 0 0 #FFFFFF;} .tbl tbody tr.alternate {background: none repeat scroll 0 0 #EEEEEE;} .tbl td {border-left: 1px solid #C2C2C2;border-bottom: 1px solid #C2C2C2;font-weight:normal;font-size:1em;padding: 8px;} .tbl td.last {border-right: 1px solid #C2C2C2;} .tbl tfoot tr {background: none repeat scroll 0 0 #629BD0;} .tbl tfoot td {padding:5px;color:#fff;font-weight:bold} .tbl .center {text-align: center;} .tbl .right {text-align: right;} .tbl td span.totalbox {display:block;background-color:#fff;padding:2px 5px;color:#0054A4} /* Standard Table */ /* Curved outline */ div.boxOutline .bg{ position:absolute; height: 10px; width: 10px; background:url(../I/corners.png) no-repeat;z-index:2} div.boxOutline .content { border:1px solid #00539f;} /* Curved white outer, grey inner outline */ div.boxOutlineW .bg{ position:absolute; height: 10px; width: 10px; background:url(../I/cornerswhite.png) no-repeat;z-index:2} div.boxOutlineW .content { border:1px solid #9f9f9f;} /* Curved grey outer, white inner outline */ div.boxOutlineG .bg{ position:absolute; height: 10px; width: 10px; background:url(../I/cornersgreywhite.png) no-repeat;z-index:2} div.boxOutlineG .content { border:0px solid #fff;} /* Curved dark blue outer, white inner corners */ div.boxOutlineDB .bg{ position:absolute; height: 8px; width: 8px; background:url(../I/cornersdblue.png) no-repeat;z-index:2} div.boxOutlineDB .content { border:0px solid #fff;} /* Curved light blue outer, white inner corners */ div.boxOutlineLB .bg{ position:absolute; height: 8px; width: 8px; background:url(../I/cornerslblue.png) no-repeat;z-index:2} div.boxOutlineLB .content { border:0px solid #fff;} /* Curved very light blue outer, white inner corners */ div.boxOutlineVLB .bg{ position:absolute; height: 8px; width: 8px; background:url(../I/cornersvlblue.png) no-repeat;z-index:2} div.boxOutlineVLB .content { border:0px solid #fff;} /* Curved mid blue outer, red inner */ div.boxOutlineMB .bg{ position:absolute; height: 8px; width: 8px; background:url(../I/cornersmblue.png) no-repeat;z-index:2} div.boxOutlineMB .content { border:0px solid #fff;} /* Curved mid blue outer, white inner */ div.boxOutlineMidB .bg{ position:absolute; height: 8px; width: 8px; background:url(../I/cornersmidblue.png) no-repeat;z-index:2} div.boxOutlineMidB .content { border:0px solid #fff;} /* Curved red outer, white inner */ div.boxOutlineR .bg{ position:absolute; height: 8px; width: 8px; background:url(../I/cornersred.png) no-repeat;z-index:2} div.boxOutlineR .content { border:0px solid #fff;} div.boxOutline, div.boxOutlineW, div.boxOutlineG, div.boxOutlineDB, div.boxOutlineLB, div.boxOutlineMB, div.boxOutlineMidB, div.boxOutlineR { margin:0px; position:relative; height:1%;} div.boxOutlineVLB { margin:0px; position:relative; } div.boxOutline .topLeft, div.boxOutlineW .topLeft, div.boxOutlineG .topLeft, div.boxOutlineDB .topLeft, div.boxOutlineLB .topLeft, div.boxOutlineVLB .topLeft, div.boxOutlineMB .topLeft, div.boxOutlineMidB .topLeft, div.boxOutlineR .topLeft {top:0px; left:0px; background-position:top left;} div.boxOutline .topRight, div.boxOutline .topRight, div.boxOutlineW .topRight, div.boxOutlineG .topRight, div.boxOutlineDB .topRight, div.boxOutlineLB .topRight, div.boxOutlineVLB .topRight, div.boxOutlineMB .topRight, div.boxOutlineMidB .topRight, div.boxOutlineR .topRight { top:0px; right:0px; background-position:top right;} div.boxOutline .bottomLeft, div.boxOutline .bottomLeft, div.boxOutlineW .bottomLeft, div.boxOutlineG .bottomLeft, div.boxOutlineDB .bottomLeft, div.boxOutlineLB .bottomLeft, div.boxOutlineVLB .bottomLeft, div.boxOutlineMB .bottomLeft, div.boxOutlineMidB .bottomLeft, div.boxOutlineR .bottomLeft{ bottom:0px; left:0px; background-position:bottom left;} div.boxOutline .bottomRight, div.boxOutline .bottomRight, div.boxOutlineW .bottomRight, div.boxOutlineG .bottomRight, div.boxOutlineDB .bottomRight, div.boxOutlineLB .bottomRight, div.boxOutlineVLB .bottomRight, div.boxOutlineMB .bottomRight, div.boxOutlineMidB .bottomRight, div.boxOutlineR .bottomRight{ bottom:0px; right:0px; background-position:bottom right;} /*Points box*/ #detailsBox {border-bottom: 1px solid #00539f;margin-left:0; padding-bottom:14px; width:755px; overflow: hidden;} .ccPointDetails #currPoints div h3, .ccPointDetails #vouchValues div h3 {width: 9em;} .ccPointDetails {width:274px;padding-left:0px;float:left;} .ccPointDetails #currPoints div h3, .ccPointDetails #vouchValues div h3 {width: 10em;} .ccPointDetails #currPoints div h3, .ccPointDetails #vouchValues div h3 {margin-top: 1.4em;} ul.ccDietDetailsList {border-bottom:1px dashed;padding-bottom:5px;overflow:hidden;margin-bottom:10px;width:98%} ul.ccDietDetailsListJoin {padding-bottom:5px;overflow:hidden;margin-bottom:10px;width:98%} ul.ccDietDetailsList li span {} ul.ccDietDetailsList li span input[type="checkbox"] {width:3em} ul.ccDietDetailsList li label {width:100px;} ul.ccDietDetailsList li {float:left;margin-right:20px} .points {margin-bottom:8px;} .points, .vouchers {background-color:#00539f;color:#fff;overflow:hidden} .vouchers {background-color:#629bd0} .points h3, .vouchers h3 {font-size:1.5em;width:51%;float:left;line-height:1.2em;padding-left:12px} .infoBoxwhite {font-size:2em;text-align:center;float:left;width:113px;color:#021b8f;font-weight: normal;height:26px;background-color:#fff;padding:14px 0 14px 0} .pointsbox {padding:9px 0;overflow:hidden} .pointsbox h4 {color:red;} /*Grey points box*/ .greybox {background-color:#e6e6e8;color:#0a4173; width:220px;margin:0 15px 10px 3px;float:left;border:none 0px;} .greybox .pointsbox {padding:9px 5px 3px 5px;} .greybox .infoBoxwhite {float:none;margin:5px auto;} .greybox .pointsbox h3 {text-align:center;font-size:12px} /*MAIN PAGES*/ /* Homepage css */ #homepage #mainContent {margin-left:15px} #stampsBox .cc_stampBody {position: relative; height:450px;} #stampsBox .cc_stampBody ul.middleButtons li {clear: none; float: left; padding:0 10px 10px 0;} #stampsBox .cc_stampBody ul.middleButtons li a {text-decoration:none;font-weight:bold;color:#00539f;height:137px;width:172px;display: block;} #stampsBox .cc_stampBody ul.middleButtons li a span.title {background-color:#b8d7f4;display:block;padding:12px;border-bottom:1px solid #629bd0;font-size:1.1em} #stampsBox .cc_stampBody ul.middleButtons li a span.img {position:absolute;display: block; height:97px; width:168px;background:url(../I/stamps.jpg) 0 0 no-repeat #fff;} #stampsBox .cc_stampBody ul.middleButtons li a span.overlay {position:absolute;left:-1000px;width:160px;height:80px;background:url(../I/overlay.png) 0 -40px no-repeat transparent;color:#fff;z-index:3;padding:10px} #stampsBox .cc_stampBody ul.middleButtons li a:hover span.title{color:#fff;background:url(../I/overlay.png) 0 0 no-repeat transparent;} #stampsBox .cc_stampBody ul.middleButtons li a:hover span.overlay {left:0;top:40px} #stampsBox .cc_stampBody ul.middleButtons li a span.img {display: block; height:97px; width:172px;background:url(../I/stamps.jpg) 0 0 no-repeat #fff;} /*Replaced '#' with '.' on stamp classes for stampbox issue - starts here*/ #stampsBox .cc_stampBody ul.middleButtons li.stamp1 a span.img {background-position:0 0} #stampsBox .cc_stampBody ul.middleButtons li.stamp2 a span.img {background-position:-195px 0} #stampsBox .cc_stampBody ul.middleButtons li.stamp3 a span.img {background-position: -388px 0} #stampsBox .cc_stampBody ul.middleButtons li.stamp4 a span.img {background-position: 0px -111px} #stampsBox .cc_stampBody ul.middleButtons li.stamp5 a span.img {background-position: -190px -112px} #stampsBox .cc_stampBody ul.middleButtons li.stamp6 a span.img {background-position: -387px -116px} #stampsBox .cc_stampBody ul.middleButtons li.stamp7 a span.img {background-position: -386px -226px} #stampsBox .cc_stampBody ul.middleButtons li.stamp8 a span.img {background-position: 0px -227px} #stampsBox .cc_stampBody ul.middleButtons li.stamp9 a span.img {background-position: -187px -222px} /*Replaced '#' with '.' on stamp classes for stampbox issue - ends here*/ .messageBox {float:left; width:463px;padding-left:15px;} .messagetitlebg {background-color:#ef1c2f; padding:18px 18px 18px 25px;text-align:left;color:#fff;font-size:16px;} .messagebg {padding:14px 11px 1px 25px;text-align:left;background-color:#fff;height:68px} .stampsBox600{float:left; width:557px; padding:14px 0 20px 0} .bannerBox{float:left; width:192px;padding-top:14px;} .middleButtons div.boxOutline {width:174px} /* End of Homepage css */ /* My personal details */ .ccLightGreySection, .cc_lightGreybody, .cc_lightGreyhead, .cc_lightGreyhead span.left { background: url("../I/ccLightGreyBox.gif") no-repeat scroll right bottom transparent; margin: 0; padding: 0;} .cc_lightGreyhead span.left { background-position: right top; color: #FFFFFF; display: block; height: 5px; margin: 0 0 0 5px; padding: 0 0 4px; text-align: left;} .cc_lightGreyhead { background-position: left top; margin-right: 0; padding-right: 0;} .cc_lightGreyhead span.left { background-position: right top; color: rgb(255, 255, 255); display: block; margin: 0pt 0pt 0pt 5px; padding: 0pt 0pt 4px; text-align: left; height: 5px; } .cc_lightGreybody{ background-position: left bottom; margin-right: 0px; padding: 1px 0pt 10px 8px; overflow: hidden; height: 100%; } .cc_lightGreyhead {width: 700px;} .cc_lightGreybody {width: 691px;border-right: 1px solid #CCC} .babytoddler {border-top:1px dashed;border-bottom:1px dashed;padding:10px 0;margin-bottom:12px;overflow:hidden;width:98%} .babylogo {float:left;margin-right:20px;margin-left:10px} .baby {width:75%;float:left;padding:0 15px 0 0} ul.baby li {font-weight:bold;min-height:25px} ul.baby li.another {color:#093;padding-top:3px} ul.contacts label,ul.contacts input,ul.contacts span6 {width: 15em; float: left; text-align: left; margin-bottom: 0.5em; } ul.contacts span { margin-left: 0pt; padding: 0pt; } ul.contacts .gender span{ width: 1.5em; } ul.contacts span input{ padding: 0pt; width:20px; } ul.contacts span.email { width: 18em; margin-left: 5px; float:left} ul.contacts .gender input,ul.contacts .gender label { clear: none; float: left; margin-left: 0.3em; margin-top: 0.2em; width: auto; } ul.contacts .gender input { border: 0pt none; margin-left: -0.1em; } ul.contacts label {clear:both; margin-right: 1em; } /*ul.ccDetailsList,ul.people{ margin: 1em 0pt; overflow: hidden; }*/ ul.ccDetailsList input,ul.people input { width: 3em; text-align: center; } ul.ccDetailsList li { margin-bottom: 1em; width: 9.5em; float: left; clear: none; } ul.ccDetailsList label,ul.people label { margin-right: 5px; margin-top: 0.2em; width: auto; } ul.contacts select12 {float: left; } .cc_lightGreybody input {width: 15em; } input,select,textarea {color:#0D2C89} .alertMsgs { color: rgb(255, 0, 0); font-weight: bold; font-size: 1.1em; padding: 0.4em 0.8em 0pt; } ul.ccDetailsList li20 { margin-bottom: 1em; width: 11em; float: left; clear: none; } .inputFields{ float: left; margin-bottom: 0.5em; width: 73%; } .inputFields .errorFields,.errorFields { color: rgb(255, 0, 0); display: block; clear: both; font-size: 0.9em; font-weight: bold; width: 100%; } .inputFields .pplWdth { width: 25em; } .inputFields .dtlsWdth { width: 9em; } .inputFields .dtFld { width: 22.3em; } ul.contacts .inputFields span.email { width: 18em; } ul.ccDetailsList label {float:left} ul.contacts label {width:24%} /* End of My personal details */ /* My preferences */ #mypreferences h3 {font-size:14px} #mypreferences .ccbody input {float: left;} #mypreferences ul#communication li {width:65px} #mypreferences ul#communication li input {width:30px} #mypreferences ul#comm i {float:left} #mypreferences ul#comm i.text {padding:5px 0 6px 0;width:230px;} #mypreferences ul#comm input {margin: 0px;} #mypreferences ul#comm.yourccStatementOpts div {width:70%} #mypreferences .ccbody ul li.inactive p, #mypreferences .ccbody ul li.inactive p a, #mypreferences .ccbody ul li.inactive i, #mypreferences .ccbody ul li.inactive div {color:#999} #mypreferences .ccbody ul li.inactive div h3 {color:#0D2C89;} #mypreferences .ccbody ul#comm.yourStatementOpts div {width: 75%;} #mypreferences .ccbody ul#comm.yourStatementOpts label {width:8%} #mypreferences .ccbody ul#comm.yourStatementOpts label {margin:0;margin-left:3px} #mypreferences .ccbody ul.yourStatementOpts div.statementIconImg, #mypreferences .ccbody ul#comm.yourStatementOpts div.statementIconImg {margin:0; padding:0; text-align: center; width: 100px;} #mypreferences .ccbody ul.yourStatementOpts li {margin:15px 0;} #mypreferences .ccbody li {height:auto;margin-bottom: 0.3em;overflow: hidden;} #mypreferences .ccbody ul.yourStatementOpts label {float: left; font-weight: bold; margin-left: 8px; margin-top: 1.0em; width:15%;} #mypreferences .ccbody ul.yourStatementOpts input {margin: 10px 0 0 20px;} #mypreferences .ccbody ul.yourStatementOpts div {float:left;padding-bottom:4px; width:63%;} #mypreferences .ccbody ul.changeDtls li {margin-bottom:10px} #mypreferences .ccbody ul.changeDtls li label {width:85%;display:block;float:left} #mypreferences .ccbody ul.changeDtls li input {float: none;width:13%} /* End of My preferences */ /* my points */ .PtsMessages { float: left; margin: 2px 8px 3px 20px; width:305px;} .PtsMessages .cctop { background-color:#00539F; padding:15px; color:#fff} .PtsMessages .ccmain { background-color:#fff; padding:12px; min-height:63px;} .PtsMessages .ccmain h4 {font-size:12px} .colPrdSm {width: 43%;} #mypoints .tbl td {font-size:1em} #transactionSearch .cc_lightGreyhead span.left {width: 695px;} #transactionSearch .ccLightGreySection {margin-left: 0;} ul.cardDetails label { float: left; margin-right: 8px; text-align: right; width: 40%;} ul.cardDetails select, ul.cardDetails span {margin-bottom: 4px;width:15em} /* End of my points */ /* my points statement */ #mypointsstatement .points h3 {line-height:2.2em} #mypointsstatement .vouchers h3 {font-size:14px} #mypointsstatement .points .pointsbox h4 {color:#00539F} #mypointsstatement .vouchers .pointsbox h4 {color:#629BD0} #mypointsstatement .tbl {margin:0} #mypointsstatement .tbl td.logo {background: url("../I/logos-bg.png") no-repeat scroll 0 0 #fff; height: 50px; padding-left: 2px; position: relative; width: 100px;} #mypointsstatement .tbl td.logo img {border-width:0px;} #mypointsstatement .tbl td , #mypointsstatement .tbl th{border:none} #mypointsstatement .tbl th {font-size: 16px; padding: 10px;} #mypointsstatement .tbl th.heading {width:260px} #mypointsstatement .tbl tr {display:block;padding:5px 5px 0 5px} #mypointsstatement .tbl {padding-bottom:10px;display:block;background:#fff} #mypointsstatement .tbl thead tr {padding:0} #mypointsstatement hr {height:0; border-style:dotted; border-width: 1px 0 0 0; border-color:#ccc;width:160px;margin-right:10px } #mypointsstatement .tbl td {padding:2px} #mypointsstatement .tbl td.pts {font-size:16px;font-weight:bold;text-align: right;padding-left:3px;width:55px} #mypointsstatement #detailsBox {margin-top:15px} #mypointsstatement .ccPointDetails {width:330px;min-height: 138px;} #mypointsstatement .ccPointscollected {width:385px;margin-left:25px;} #mypointsstatement .ccPointscollected h3 {font-size:14px;color:#fff;} #mypointsstatement .ccPointscollected li.collected {margin-bottom:3px;} #mypointsstatement li.collected {background:#629BD0;color:#fff} #mypointsstatement .collected h3 {width:70%;line-height:2.2em;padding-left:10px;float:left} #mypointsstatement #detailsBox li.collected .pointsbox {padding:6px 0;} #mypointsstatement li.collected .pointsbox {padding:3px 0;} #mypointsstatement li.collected .pointsbox .infoBoxwhite {padding:8px 0;} #mypointsstatement li.collected .pointsbox .infoBoxwhite h4 {font-size:16px;color:#0D2C89;} #mypointsstatement #pointstables {width:745px;padding:20px 0} #mypointsstatement #pointstables h2 {color:#fff;background:#0D2C89;padding:10px;text-align:center;margin:0;font-size:18px;font-weight:bold} #mypointsstatement #pointstables h3.twolines {line-height:1.4em} #mypointsstatement .pointstable {float:left;padding-bottom:15px;*width:345px} #mypointsstatement .pointstableright {margin-left:25px} #mypointsstatement .infoBoxwhite {width:87px} #mypointsstatement .points .infoBoxwhite, #mypointsstatement .vouchers .infoBoxwhite {width:115px} #mypointsstatement .summary {padding:10px;background:#629BD0;overflow:hidden;color:#fff} #mypointsstatement .summary span {float:left;width:90%;font-weight:bold} #mypointsstatement .summary b {float:right;font-size:16px} #mypointsstatement .summary hr {width:30px;color:#fff;float:left} #mypointsstatement .points h3, #mypointsstatement .vouchers h3 {width:58%;} /* end of my points statement */ /* my vouchers */ #myvouchers .tbl,#myvouchersavios .tbl,#myvouchersvirgin .tbl {width:100%} #myvouchers .tbl .totalbox {text-align:center} #myvouchers .button {margin-right:0;*width:165px} #myvouchersavios ul.avios li.greybox, #myvouchersvirgin ul.avios li.greybox {width:240px;margin: 0 5px 10px 3px;} #myvouchersavios li.arrow, #myvouchersvirgin li.arrow {width:180px;float: left; padding-top: 10px; text-align: center;} /* End of my vouchers */ /* my coupons */ #mycoupons .ccbody {margin-bottom:9px} #mycoupons ul.coupons {overflow: hidden;clear:both} #mycoupons ul.coupons li {width:232px;;padding:0;margin:10px 10px 5px 0;float:left} #mycoupons ul.coupons li .boxOutlineMB .content {background-color:#ef1c2f;padding:5px 6px 3px 6px;*padding:0px 8px;color:#fff;overflow:hidden;min-height:24px} #mycoupons ul.coupons li .boxOutlineMidB .content {background-color:#fff;color:#039;padding:8px} #mycoupons ul.coupons li .content span {display:block;float:left;width:170px} #mycoupons ul.coupons li .content input {margin-left:5px;position:relative;top:-2px} #mycoupons ul.coupons li .couponimg {background-color:#fff;padding:10px 0 5px 10px;line-height:1.5em} #mycoupons ul.coupons li .couponimg img {margin-bottom:5px} #mycoupons ul.coupons li .couponimg span {font-size:12px} #mycoupons ul.coupons li div.cimg {clear:both;background-color:#fff} #mycoupons ul.coupons li div.cprint {padding:4px 0 0 3px;min-height:20px} #mycoupons ul.coupons li div.cdetails {padding-top:7px;height:55px} #mycoupons ul.coupons li div.cdetails strong {display:block;float:left;width:90px} #mycoupons ul.coupons li div.cdetails p.expires span {color:red;} #mycoupons ul.coupons li div.cdetails span {display:block;float:left;width:60px} #mycoupons ul.coupons li div.cdetails p {min-height:16px} #mycoupons ul.coupons li div.cdetails p.redmpnLimit {display:block;float:left;width:170px;font-weight: bold} /*For Redeemed Coupon Scroll fix*/ #mycoupons .Usedcoupondiv {overflow:auto;height:250px;width:710px;padding-left:1px;} .topprintcontainer {width:100%;overflow:hidden} .printall {background:url(../I/selectall.png) 0 0 no-repeat;width:120px;height:27px;float:left;} .printall b {color:#fff;display: block;font-size: 12px;padding: 5px 3px 2px 30px; width:58px;float:left} .printall span {padding:2px 0 0 0;display:block} .printselected {float:right;margin:0 10px 0 220px} #mycoupons ul.coupons li .content span.printicon {margin-left:0px;width:16px} #mycoupons .tbl {width:100%} #mycoupons p {padding-bottom:3px;} /* end of my coupons*/ /* my coupons left section */ .redeemcontainer div.boxOutline .content {background-color:#00539F;padding:5px 11px 8px 15px;} .redeemcontainer div.boxOutline .content h4 {color:white;font-size:18px;line-height:1.2em;font-weight:bold} .redeemcontainer .boxOutlineVLB {*height:461px} .redeem {width:161px;background-color:#fff;padding:6px; border:1px solid #ccc;margin-bottom:15px;} .redeem div {padding:5px 0 } .redeem ol {padding-left:21px;margin:0px;} .redeem ol li {padding-bottom:7px;font-weight:bold} .redeem ol li span {font-weight:normal} .redeem p {padding:5px} /* my exchanges */ #myexchanges .tbl {width:100%} #myexchanges .button {margin-right:0;width:165px} /* End of my exchanges */ /* Order a replacement */ .replaceCardNmb {margin: 0.8em 0.7em 0.8em auto; width: 99%;} .ccCardNbr {padding:10px;border:1px solid #ccc;background-color:#629BD0;margin-bottom:10px;color:#fff} .ccCardNbr span {padding:5px;margin-left:20px;background-color:#fff;color:#629BD0} .ccSection {float: left; margin-right:26px;margin-bottom:10px; width: 48%;} .cctblbody {border:1px solid #ccc;padding:5px;background-color:#f2f2f2;width:auto;min-height:100px} .cctblbody ul li label {width:85%;float:left;padding-left:4px} #orderreplacement .button {margin-right:0} #orderreplacement .ccCardNbr H3 {font-size:14px} /* End of Order a replacement */ /* my latest statement */ #mylateststatement {margin-top:-25px;} #mylateststatement h5 {padding:7px 0;line-height:1.4em;font-size:14px} #mylateststatement .letter {width:35%;float:left;background-color:#fff;line-height: 1.4em;} #mylateststatement .letter .content {padding:15px} /**mar5 #mylateststatement .video {color:#3a3939;font:times;font-size:14px;font-weight:bold;line-height:1.4em;margin-left:15px;float:left;width:420px;min-height:236px;background:url("../img/videotv.jpg") no-repeat #666;background:url("../img/tablet.jpg") no-repeat #666;padding:56px 20px 48px}**/ #mylateststatement .videotv {color:#3a3939;font:times;font-size:14px;font-weight:bold;line-height:1.4em;margin-left:15px;float:left;width:420px;min-height:236px;background:url("../I/videotv.jpg") no-repeat #666;padding:56px 20px 48px} #mylateststatement .tablet {color:#3a3939;font:times;font-size:14px;font-weight:bold;line-height:1.4em;margin-left:15px;float:left;width:420px;min-height:236px;background:url("../I/tablet.jpg") no-repeat #666;padding:56px 20px 48px} #mylateststatement .tablet p {padding:9px 60px} #mylateststatement .button {cursor: pointer;margin-right:0;width:204px;float:left} #mylateststatement .button span.buttonbar {cursor: pointer;width:164px;} #mylateststatement .pointsbox {background-color:#ef081c;color:#fff} #mylateststatement .pointsbox a {color:#fff} #mylateststatement #accsummary.ccbodyblue {padding-bottom:0;margin-bottom:5px} #mylateststatement .ccbodyblue ul .infoBoxwhite {color:red} #mylateststatement .ccbodyblue ul {min-height:54px;} #mylateststatement .ccbodyblue ul.border {border-bottom:1px solid #039;width:99%;margin-bottom:9px} #mylateststatement .ccbodyblue ul.summary li {float:left;margin-right:12px;margin:left:10px;} #mylateststatement .ccbodyblue ul.summary li.mid {font-style:normal;width:155px;padding:6px 32px 0 0 } #mylateststatement .ccbodyblue ul.summary li.input {position:relative;top:10px;margin-right:0} #mylateststatement .ccbodyblue ul.summary li.input input {width:164px} #mylateststatement .ccbodyblue ul.summaryprintcv li.inputprintcv input {width:235px} #mylateststatement .button span.buttonbarprintcv {width:240px;} #mylateststatement .buttonprintcv {width:285px;} #mylateststatement .ccbodyblue ul li.value {padding:0 5px} #mylateststatement .ccbodyblue ul li .content {background-color:#fff;text-align:center} #mylateststatement .ccbodyblue ul.summary#mycoupons li.mid, #mylateststatement .ccbodyblue ul.summary#mytopup li.mid, #mylateststatement .ccbodyblue ul.summary#mybonus li.mid {padding-top:14px} #mylateststatement .ccbodyblue ul.summary#myvirgin li.mid {padding-top:1px} #mylateststatement .logotext h3 {font-size:16px;padding-bottom:10px} #mylateststatement .vcolourbox_img_txt li a span.textpane {font-size:1.1em} .vcolourbox_img_txt a span.textbox {background: url("../I/stampbox_bottom_blue.png") no-repeat scroll left bottom transparent;} .vcolourbox_img_txt li a {background: url("../I/stampbox_top_blue.png") no-repeat scroll left top red;} #mylateststatement .vcolourbox_img_txt li a span.imgpane {background: url("../I/mega_image.jpg") repeat scroll 0 0 transparent;} #mylateststatement .vcolourbox_img_txt .stamp1 a {background-color:#e690b7;} #mylateststatement .vcolourbox_img_txt .stamp2 a {background-color:#00a563;} #mylateststatement .vcolourbox_img_txt .stamp3 a {background-color:#eb008b;} #mylateststatement .vcolourbox_img_txt .stamp4 a {background-color:#39c1d7;} #mylateststatement .vcolourbox_img_txt .stamp5 a {background-color:#0053a1;} #mylateststatement .vcolourbox_img_txt .stamp6 a {background-color:#ec1b2e;} #mylateststatement .vcolourbox_img_txt .stamp7 a {background-color:#7758a4;} #mylateststatement .vcolourbox_img_txt .stamp8 a {background-color:#ff7800;} #mylateststatement .vcolourbox_img_txt .stamp9 a {background-color:#ffb400;} #mylateststatement .vcolourbox_img_txt .stamp10 a {background-color:#bc0011;} #mylateststatement .vcolourbox_img_txt .stamp11 a {background-color:#86d72f;} #mylateststatement .vcolourbox_img_txt .stamp12 a {background-color:#990066;} #mylateststatement .vcolourbox_img_txt .stamp2 span.imgpane {background-position:-137px top !important;} #mylateststatement .vcolourbox_img_txt .stamp3 span.imgpane {background-position:-260px top !important;} #mylateststatement .vcolourbox_img_txt .stamp4 span.imgpane {background-position:-393px top !important;} #mylateststatement .vcolourbox_img_txt .stamp5 span.imgpane {background-position:-522px top !important;} #mylateststatement .vcolourbox_img_txt .stamp6 span.imgpane {background-position:-655px top !important;} #mylateststatement .vcolourbox_img_txt .stamp7 span.imgpane {background-position:-790px top !important;} #mylateststatement .vcolourbox_img_txt .stamp8 span.imgpane {background-position:-916px top !important;} #mylateststatement .vcolourbox_img_txt .stamp9 span.imgpane {background-position:-1051px top !important;} #mylateststatement .vcolourbox_img_txt .stamp10 span.imgpane {background-position:-1181px top !important;} #mylateststatement .vcolourbox_img_txt .stamp11 span.imgpane {background-position:-1312px top !important;} #mylateststatement .vcolourbox_img_txt .stamp12 span.imgpane {background-position:-1442px top !important;} #mylateststatement .ccbodyspend #bigexchange {} #mylateststatement .ccbodyspend h3 {font-size:16px} #mylateststatement div.boxOutline {width:740px;margin-bottom:20px;} #mylateststatement #detailsBox div.boxOutline {width:auto;margin-bottom:0px} #mylateststatement .ccbodyspend .header {background:#ed1c2f;color:#fff;padding:10px 0 10px 20px} #mylateststatement .ccbodyspend .intro {background:#fff;border-left:2px solid #ed1c2f;border-right:2px solid #ed1c2f;min-height:125px;overflow:hidden} #mylateststatement #onlineinstore.ccbodyspend .intro {min-height:101px} #mylateststatement .ccbodyspend .logo {float:left;padding: 10px 18px 0;width:20%;} #mylateststatement .ccbodyspend .logotext {float:left;width:70%;padding-top:20px;line-height:1.5em} #mylateststatement .ccbodyspend .ccbodyspendcontent {background:#fff;border-left:2px solid #ed1c2f;border-right:2px solid #ed1c2f;padding:0 0 0 20px;overflow:hidden} #mylateststatement .ccbodyspend .footer {background:#fff;border-left:2px solid #ed1c2f;border-right:2px solid #ed1c2f;border-bottom:2px solid #ed1c2f;-webkit-border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;} #mylateststatement #rewards.hstamps li {margin:10px 20px 10px 0} #mylateststatement #rewards.hstamps li a {background: url("../I/partner_stamps.jpg") repeat scroll 0 0 transparent;height: 156px;min-height: 156px;width: 155px;} #mylateststatement #rewards .stamp2 a {background-position:-164px top !important;} #mylateststatement #rewards .stamp3 a {background-position:-328px top !important;} #mylateststatement #rewards .stamp4 a {background-position:-493px top !important;} #mylateststatement #rewards .stamp5 a {background-position:0px 156px !important;} #mylateststatement #rewards .stamp6 a {background-position:-164px 156px !important;} #mylateststatement #rewards .stamp7 a {background-position:-329px 156px !important;} #mylateststatement #rewards .stamp8 a {background-position:-493px 156px !important;} #mylateststatement ul#vouchers li {margin:10px 25px 10px 0;} #mylateststatement #topup div {width:285px;float:left;padding-top:15px} #mylateststatement #topup div p {width:410px;min-height:128px;padding-top:35px} #mylateststatement #collecting .stamp2 span.imgpane {background-position: -123px bottom;} #mylateststatement #collecting .stamp3 span.imgpane {background-position: -245px bottom;} #mylateststatement #collecting .stamp4 span.imgpane {background-position: -365px bottom;} #mylateststatement #collecting .stamp2 a {background-color: #49BCD7} #mylateststatement #collecting .stamp3 a {background-color: #81BA35} #mylateststatement #collecting .stamp4 a {background-color: #D91C3C} .vgreybox_narrow_img_txt li a span.textpane { font-size: 1.1em;} #mylateststatement .ccbody .logo {width:25%;float:left} #mylateststatement .ccbody .logotext {width:75%;float:left} #mylateststatement .ccbody p {padding-bottom:8px;font-size:15px;} #mylateststatement #pTescoBank {font-family : arial,Verdana,Helvetica,Sans-Serif !important;} #mylateststatement #pCouponmsg {font-family : arial,Verdana,Helvetica,Sans-Serif !important;} /* mini-letter */ .miniLetter-module { background-color: #e4f2fb; -moz-border-radius: 10px; border-radius: 10px; display: block; width: 250px; min-height: 325px; padding: 0; margin: 0; float:left; } .miniLetter-module-inner { width: 224px; padding: 17px 0 0 17px; color:#000000; } .miniLetter-module-inner p { font-size: 12px; line-height: 20px; margin: 0; padding: 0 0 5px 0; font:Arial,Helvetica,sans-serif; } .miniLetter-module-inner img { margin: 0; padding: 5px 0 5px 0; } /* mini-letter */ /* broadcast-welcome and Thank you*/ .banner-module-2 h2{ background: url("../I/broadcast-banner-bg-2.jpg") no-repeat scroll left top; color: #FFFFFF !important; font-size: 48px !important; height: 54px !important; font-weight:bold !important; border:0px !important; padding-top:25px !important; padding-right:0px !important; padding-bottom:0px !important; padding-left:20px !important; font-family:Arial,Helvetica,sans-serif; } /* broadcast-welcome and Thank you*/ /*How do i collect points*/ .vgreybox_img_txt li, .vgreybox_narrow_img_txt li {margin:10px 10px 10px 0;} #vouchercollect .stamp2 span.imgpane {background-position:-123px bottom !important;} #vouchercollect .stamp3 span.imgpane {background-position:-245px bottom !important;} #vouchercollect .stamp4 span.imgpane {background-position:-365px bottom !important;} #vouchercollect .stamp5 span.imgpane {background-position:-489px bottom !important;} #vouchercollect .vgreybox_narrow_img_txt li a span.imgbox {background-color:transparent;} #vouchercollect.vgreybox_narrow_img_txt li a span.textpane {width:114px;padding:130px 14px 0;} #vouchercollect.vgreybox_narrow_img_txt li a span.textbox {min-height:219px;_height:219px;} #vouchercollect .stamp1 a {background-color:#e00176 !important;} #vouchercollect .stamp2 a {background-color:#49bcd7 !important;} #vouchercollect .stamp3 a {background-color:#81ba35 !important;} #vouchercollect .stamp4 a {background-color:#d91c3c !important;} #vouchercollect .stamp5 a {background-color:#f75700 !important;} #vouchercollect.vgreybox_narrow_img_txt li.stamp3 a span.imgpane {width: 126px;} /* stamps - How do i collect points */ #vouchercollect.hstamps {margin: 0; padding: 0; list-style: none; position: relative;} #vouchercollect.hstamps li {display:inline;float:left;} #vouchercollect.hstamps li a {display:block;width:100%;} /*li - How do i collect points*/ #vouchercollect.vgreybox_narrow_img_txt li a {width:136px;display:block;height:auto !important; height:209px;min-height:209px; position:relative;text-decoration:none;background:url(../I/greybox_top_narrow.jpg) no-repeat scroll left top red} #vouchercollect.vgreybox_img_txt li,#vouchercollect.vgreybox_narrow_img_txt li {list-style:none;margin:10px 10px 0 0;} #vouchercollect.vgreybox_narrow_img_txt li a span.imgbox{background:url(../I/greybox_bg_narrow.jpg) repeat-y scroll left top red;cursor:pointer;display:block;height:112px;position:absolute;top:9px;width:136px;z-index:26;} #vouchercollect.vgreybox_narrow_img_txt li a span.imgpane{background:url(../I/5_wide_collect.jpg) no-repeat scroll 10px bottom white;display:block;height:111px;margin:0 2px;width:133px;} #vouchercollect.vgreybox_narrow_img_txt a span.textbox {background:url(../I/greybox_bottom_narrow.png) no-repeat scroll left bottom transparent;min-height:209px;_height:209px;z-index:24;display:block;} #vouchercollect.vgreybox_narrow_img_txt li a span.textpane {font: 100%/150% arial,Verdana,Helvetica,Sans-Serif;color:#fff;display:block;line-height:1.4em;font-weight:bold;padding:130px 8px 0;position:relative;width:120px;z-index:27;} #vouchercollect.clearfix {overflow:hidden;} /* fix for housing floating content */ /* For Mouse over on button*/ #vouchercollect a span.circlebtn {background:url(../I/roll_buttons.png) scroll no-repeat right center;width:22px;height:23px;position:absolute;right:8px;bottom:8px;z-index:25;} /* #vouchercollect a:hover span.circlebtn, a:focus span.circlebtn {background-position:left center;}*/ #div_howtocollect {margin-bottom:10px;} /*How do i collect points*/ /* christmas-savers */ .christmas-savers { width:740px; height:225px; margin:-1px; background:url('../I/bg-christmas-savers.jpg') no-repeat left top; } /* main */ .christmas-savers .main { float:left; width:448px; height:146px; margin:50px 0 0 254px; background:url('../I/bg-christmas-savers-main.png') no-repeat left bottom; } .christmas-savers h1 { color:#fff; float:left; clear:left; width:275px; height:36px; font-size:16px; padding-top:8px; margin-left:35px; text-align:center; font-weight:normal; background:url('../I/bg-christmas-savers-h1.png') no-repeat left top; margin-top:-1px; } .christmas-savers p { color:#000; float:left; clear:left; width:405px; font-size:13px; line-height:18px; margin:-9px 0 0 25px; } /* christmas-savers */ /* avios-box */ .avios-box { width:740px; height:238px; margin-left:-1px; margin-bottom:10px; background:url('../I/bg-avios-box.jpg') no-repeat left top; color:#000; font-size:1em; line-height:1.4; font-family:Arial, Helvetica, sans-serif ; } /* main */ .avios-box .main { float:left; width:539px; height:215px; padding-left:161px; margin:12px 20px 11px; background:url('../I/bg-avios-box-main.png') no-repeat center center; } .avios-box h1 { float:left !important; clear:left !important; width:314px !important; height:15px !important; margin-top:17px !important; background:url('../I/bg-avios-box-h1.png') no-repeat left top !important; font-weight:bold !important; padding:0 !important; } .avios-box h2 { float:left !important; clear:left !important; width:314px !important; color:#0053a0 !important; margin-top:6px !important; font-size:14px !important; background:url('../I/bg-avios-box-h2.png') no-repeat 132px 3px !important; padding:0px !important; margin-bottom:0px !important; margin-left:0px !important; margin-right:0px !important; font-weight:bold !important; border:0px !important; } .avios-box p { color:#000; float:left; clear:left; width:520px; font-size:12px; margin-top:17px; font-weight:bold; line-height:18px; } .avios-box p.terms { font-size:9px; margin-top:7px; } .avios-box p.prices { margin-top:0; font-size:9px; } .avios-box p.info { float:left; clear:left; color:#0053a0; font-size:14px; margin-top:8px; } .avios-box p.info a { color:#0053a0; text-decoration:none; border-bottom:1px solid #0053a0; } .ir { font:0/0 a; text-shadow:none; color:transparent; } .ir br { display:none; } .clearfix:before, .clearfix:after { content:"\0020"; display:block; height:0; overflow:hidden; } .clearfix:after { clear:both; } .clearfix { zoom:1; } /* avios-box */ /* virgin-box */ .virgin-box { width:740px; height:320px; margin-left:-1px; margin-bottom:10px; background:url('../I/bg-virgin-box.jpg') no-repeat left top; } /* main */ .virgin-box .main { float:left; width:499px; height:285px; padding-left:201px; margin:18px 20px 17px; background:url('../I/bg-virgin-box-main.png') no-repeat center center; } .virgin-box h1 { float:left; clear:left; width:358px; height:17px; margin-top:20px; background:url('../I/bg-virgin-box-h1.png') no-repeat left top; } .virgin-box h2 { float:left !important; clear:left !important; width:100% !important; color:#034b8d !important; margin-top:6px !important; font-size:14px !important; line-height:17px !important; padding:0px !important; margin-bottom:0px !important; margin-left:0px !important; margin-right:0px !important; font-weight:bold !important; border:0px !important; } .virgin-box p { color:#000; float:left; clear:left; width:489px; font-size:11px; margin-top:10px; line-height:18px; } .virgin-box p strong { font-weight:bold; } .virgin-box p.virgin { margin-top:5px; } .virgin-box p.info { float:left; clear:left; color:#0053a0; font-size:13px; margin-top:5px; font-weight:bold; } .virgin-box p.info a { color:#0053a0; text-decoration:none; border-bottom:1px solid #0053a0; } .virgin-box p.terms { font-size:9px; margin-top:5px; line-height:13px; font-weight:bold; } /* virgin-box */ /* image-box */ .image-box a { cursor:default; margin-left:15px; } /* clubcard-reward */ .clubcard-reward { width:740px; height:1081px; margin-left:-1px; margin-bottom:60px; } /* header */ .clubcard-reward .header { float:left; width:100%; height:46px; background-color:#ea0015; } .clubcard-reward .header h1 { float:left; width:137px; height:14px; margin:13px 0 0 24px; background:url('../I/bg-clubcard-reward-h1.png') no-repeat left top; } /* main */ .clubcard-reward .main { float:left; width:698px; height:1081px; padding:0 21px; background:#97c3e4 url('../I/bg-clubcard-reward.jpg') no-repeat; } /* voucher */ .clubcard-reward .voucher { float:left; width:519px; height:163px; padding-top:28px; padding-left:179px; background:url('../I/bg-clubcard-reward-voucher.png') no-repeat center bottom; } .clubcard-reward .voucher p { width:495px; font-size:16px; margin-top:6px; line-height:20px; } .clubcard-reward .voucher p a { color:#000; font-weight:bold; text-decoration:none; border-bottom:1px solid #97a9b8; } /* rewards */ .clubcard-reward ul { float:left; width:100%; margin-top:6px; } .clubcard-reward ul li { float:left; width:334px; height:264px; text-align:center; margin-bottom:32px; background:url('../I/bg-clubcard-reward-li.png') no-repeat left top; margin-right:0px !important; } .clubcard-reward ul li.right { float:right; } /* reward titles */ .clubcard-reward ul li div { float:left; width:100%; height:14px; margin:11px 0; background-repeat:no-repeat; background-position:center center; } .clubcard-reward div.restaurants { background-image:url('../I/bg-restaurants.png'); } .clubcard-reward div.daysout { background-image:url('../I/bg-daysout.png'); } .clubcard-reward div.holidaysandtravel { background-image:url('../I/bg-holidaysandtravel.png'); } .clubcard-reward div.hotels { background-image:url('../I/bg-hotels.png'); } .clubcard-reward div.entertainment { background-image:url('../I/bg-entertainment.png'); } .clubcard-reward div.magazines { background-image:url('../I/bg-magazines.png'); } .clubcard-reward ul li a { float:left; clear:left; display:block; cursor:pointer; margin-top:26px; margin-left:12px; } .clubcard-reward ul li a.right { clear:none; float:right; margin-left:0; margin-right:19px; } .clubcard-reward ul li a.seemore { float:left; clear:left; width:129px; height:27px; display:block; margin:17px 0 0 103px; background:url('../I/bg-clubcard-reward-seemore.png') no-repeat left top; } /* clubcard-reward */ /* clubcard-exchange */ .clubcard-exchange { width:740px; height:320px; margin-left:-1px; background:url('../I/bg-clubcard-exchange.jpg') no-repeat left bottom; margin-bottom:10px; } /* header */ .clubcard-exchange .header { width:100%; height:46px; background-color:#034b8d; } .clubcard-exchange .header h1 { float:left; width:178px; height:17px; margin:16px 0 0 30px; background:url('../I/bg-clubcard-exchange-h1.png') no-repeat left top; } /* main */ .clubcard-exchange .main { width:441px; height:265px; margin:0 auto; padding-left:268px; background:url('../I/bg-clubcard-exchange-main.png') no-repeat center -4px; } .clubcard-exchange h2 { float:left !important; width:379px !important; height:37px !important; margin-top:20px !important; background:url('../I/bg-clubcard-exchange-h2.png') no-repeat left top !important; padding:0px !important; margin-left:0px !important; margin-right:0px !important; margin-bottom:0px !important; font-size:0px !important; border-bottom:0px !important; } .clubcard-exchange p { float:left; clear:left; width:400px; color:#0155a2; font-size:13px; margin-top:12px; font-weight:bold; line-height:16px; } .clubcard-exchange p a { color:#0155a2; cursor:pointer; text-decoration:underline; } /* clubcard-exchange */ /* how-to-spend */ .how-to-spend { width:740px; margin-left:-1px; } /* header */ .how-to-spend .header { float:left; width:100%; height:46px; background-color:#ea0015; } .how-to-spend .header h1 { float:left; width:180px; height:17px; margin:15px 0 0 22px; background:url('../I/bg-spend-online-or-in-store.png') no-repeat left top; } /* main */ .how-to-spend .main { float:left; width:698px; padding:0 21px; } /* voucher */ .how-to-spend .voucher { float:left; width:100%; background:url('../I/bg-how-to-spend-voucher.png') no-repeat 2px 26px; } .how-to-spend .voucher p { width:499px; color:#02080c; font-size:13px; margin-top:20px; line-height:17px; margin-left:196px; } /* rewards */ .how-to-spend ul { float:left; width:100%; margin-top:19px; } .how-to-spend ul li { float:left !important; margin-right:9px !important; margin-bottom:9px !important; } .how-to-spend ul li.right { float:right; margin-right:0; } /* how-to-spend */ /* End of my latest statement */ /* Christmas Savers */ #christmassavers .chrisSavleft {float:left; width:50%} #christmassavers .chrisSavRght{float:left; width:50%;padding-top:15px;line-height:1.5em;font-style:italic} #christmassavers h4 {padding-top:15px} #christmassavers .pointsbox .content h4 {padding-top:0px} #christmassavers .chrisSavleft .tbl {width:90%} #christmassavers .boxOutline {margin-bottom:9px} #christmassavers .pointsbox {background:#00539f;color:#fff;padding:9px 0 0 0;*padding:9px 0} #christmassavers .pointsbox p {float:left;width:23%;line-height:2.5em;padding:0 5px;clear:none;font-size:1.5em} #christmassavers .tbl .last {width:30%} #christmassavers .tbl tfoot td {padding:9px;} /* join */ #join {font: 100%/150% arial,Verdana,Helvetica,Sans-Serif;} #join .page_intro {font-size:2.9em} #join #centre_mainpane{width:967px} #join h4 {margin:-20px 0 10px 0;font-size:1.0em} #join #centre_mainpane h2 {border-bottom: 0px solid #46BCD6; color: #fff; font-size:2em; font-weight: bold; margin: 10px 0 15px 1px; padding: 0;} #join div.blueheaderbar {width:876px;background: url("../I/blueheadingbar888.gif") repeat-x scroll 0 0 transparent; margin: 10px 0 15px 0;} #join .ccbody {margin-left:10px;border: 1px solid #CCCCCC;width:780px;background-color:#fff;overflow:hidden;padding:15px 20px 10px 20px} #join .ccbody .promocode {float:left;padding-right:25px} #join .ccbody #promocode {width:250px;} #join .cc_lightGreyhead {width: 776px;} #join .cc_lightGreybody {width: 767px;} #join input[type="checkbox"] {width:20px} #join .LBD_CaptchaImageDiv {position:absolute;left:258px} #join .LBD_CaptchaIconsDiv {position:absolute;left:512px} #join .LBD_SoundLink {position:absolute;left:0px;top:25px;} #join #captcha {width:100%} #join .footnote {font-size:11px} #join #captcha span.errorFields {margin-bottom:1em !important;} #join #captcha .captcha-note {clear:both; float:left !important; margin-top:10px !important; width:50em;} /* End of join */ /* activation */ #activation #centre_mainpane {width:967px} #activation #centre_mainpane .inset_centre_content {min-height:300px;width:85%} #activation .personaldetails {width:280px;margin-left:12px;overflow:hidden;padding:20px 10px 15px 20px;background:#fff;border:1px solid #ccc} #activation .personaldetails div {line-height:1.5em;width:53%;font-weight:bold} #activation .personaldetails div.clear {width:40%} #activation .personaldetails .button {cursor: pointer;margin-top:20px} #activation .personaldetails input {float:right;margin-right:10px} .DataProtectionPointsTableheader td { border:2; height:15px; } .DataProtectionPointsTablerow { border: 2; font-size: 8pt; font-weight: bold; } .DataProtectionPointsTablerow td { border:2; height:15px; } ul.contacts .imgBtn { margin-left: 0.3em; margin-top: 0em; width: auto; border: 0px; } .pageAction .imgBtn { float: right; width: auto; border: 0; } .gvfooter { background: none repeat scroll 0 0 #629BD0; padding:5px } input.errorFld, select.errorFld, textarea.errorFld, ul.contacts select.errorFld, .errorFld { border:1px solid #ff0000; } .emptygrid {background-color: #FFFFFF; border: 1px solid #CCCCCC; overflow: hidden; padding: 15px 70px 5px; width:200px;margin-bottom:20px;padding-bottom:15px} .dob fieldset { border: 1px solid red; margin: 0; padding: 1px; width: 45%; } .address fieldset { border: 1px solid red; margin: 0; padding: 1px; width: 66%; } .print-new { color:Red; font-family:arial,Verdana,Helvetica,Sans-Serif; font-size:14px; font-weight:bold; padding:20px 40px 0 45px; margin-top:10px; } .HomepageCssForVoucher { display: block; height:97px; width:168px;background:url(../I/modified_voucher.jpg) 0 0 no-repeat #fff; } /*mls*/ /* Clubcard Rewards */ .rewards-module { background: url("../I/collect-bg.jpg") no-repeat scroll left top; color: #FFFFFF; font-size: 18px; height: 46px; margin: 0 0 5px 0; padding: 15px 0 0 15px; } .rewards-module-inner { background: url("../I/rewards_background.png") no-repeat scroll left top; height: 442px; display: block; margin-top: -20px; padding: 0; } .rewards-module-inner-left { float: left; width: 190px; margin: 20px 20px; } .rewards-module-inner-left img {padding-bottom: 25px} .rewards-module-inner-left p { text-align: center; font-size: 14px; line-height: 18px; color:#000000 !important; margin-top:10px; } .rewards-module-inner-left a { color: #000; text-decoration:underline; } .rewards-module-inner-right { float: left; width: 470px; margin: 20px 25px; } .rewards-module-inner-right a { background: url("../I/see-more-cta.png") no-repeat scroll left top; width: 78px; height: 16px; display: block; position: relative; text-indent: -9999px; left: 203px; } .rewards-module-cineworld h3 { text-transform: uppercase; font-size: 14px; color: #FFF; text-align:center; padding: 5px 0 0 0 ; margin: 0; } .rewards-module-cineworld img { padding: 12px 0 5px 103px; } .rewards-module-cineworld p { text-align: center; font-size: 11px; padding: 0 0 5px 0; margin: 0; } .rewards-module-gifts h3 { text-transform: uppercase; font-size: 14px; color: #FFF; text-align:center; padding: 25px 0 0 0 ; margin: 0; } .rewards-module-gifts ul { display: block; padding: 55px 0 0 25px; margin: 0; list-style-type:none; } .rewards-module-gifts li { float: left; padding: 0 15px 10px 0; } img.thorntons {margin-top: -5px;} img.red {margin-top: -10px;} .rewards-module-gifts a{margin-top: 70px !important;} .rewards-module-header-2 { background: url("../I/rewards_header_background.png") no-repeat scroll left top !important; color: #FFFFFF !important; font-size: 18px !important; height: 46px !important; margin: 0 0 5px 0 !important; padding: 15px 0 0 15px !important; } .rewards-module-inner-2 { background: url("../I/rewards_background.png") no-repeat scroll left top !important; height: 442px !important; display: block !important; margin-top: -20px !important; padding: 0 !important; margin-bottom:15px; } .rewards-module-inner-left-2 { float: left !important; width: 190px !important; margin: 20px 20px !important; } .rewards-module-inner-left-2 img {padding-bottom: 25px !important} .rewards-module-inner-left-2 p { text-align: center !important; font-size: 14px !important; line-height: 18px !important; } .rewards-module-inner-left-2 a { color: #000 !important; } .rewards-module-inner-right-2 { float: left !important; width: 490px !important; margin: 14px 6px !important; } .rewards-module-list{ height: 270px !important; } .rewards-module-list h3 { font-size: 14px !important; color: #FFF !important; padding: 5px 0 0 10px !important; margin: 0 !important; } .rewards-module-list img { padding: 5px 5px 5px 5px !important; } .rewards-module-list p { font-size: 11px !important; padding: 0 10px 5px 10px !important; margin: 0 !important; } .rewards-module-list ul { display: block !important; padding: 0px 0 0 7px !important; margin: 0 !important; list-style-type:none !important; } .rewards-module-list li { float: left !important; padding: 0 0px 0px 0 !important; } .rewards-module-inner-right-header { height: 26px !important; } .rewards-module-inner-right-text{ margin-top: 10px !important; color:#000000; } .rewards-module-inner-right-btn{ text-align: center !important; } .rewards-module-offers{ margin-top:20px !important; } .rewards-module-offers h3 { font-size: 14px !important; color: #FFF !important; padding: 0px 0 0 10px !important; margin: 0 !important; } .rewards-module-offers ul { display: block !important; padding: 20px 0 0 35px !important; margin: 0 !important; list-style-type:none !important; } .rewards-module-offers li { float: left !important; padding: 0 15px 10px 0 !important; } .circle_hurry{ left: 175px; top: 5px; position: relative; height: 69px; width: 69px; } /* Exchange */ .exchange-module h2{ background: url("../I/collect-bg.jpg") no-repeat scroll left top; color: #FFFFFF !important; font-size: 18px !important; height: 46px !important; margin: 0 !important; padding: 15px 0 0 15px !important; border-bottom:#00539f 0px solid !important; font-weight:bold !important; } .exchange-module-inner { background: url("../I/exchange-module-bg.jpg") no-repeat scroll left top; display: block !important; width: 740px !important; height: 274px !important; margin-top: -15px !important; padding: 0 !important; } .exchange-module-inner p { color: #FFFFFF; font-size: 14px; font-weight: bold; margin: 0; padding: 15px 0 0 45px; } .exchange-voucher { float: left; width: 190px; margin: 0; padding: 135px 0 0 50px } .exchange-voucher span { color: #1a4f9f; font-size: 12px; margin: 0; padding: 0; display: block; } .exchange-columns { display: block; margin: 0; padding: 10px 0 0 260px; } .exchange-column-left { display: block; margin: 0; padding-right: 5px; float: left; } .exchange-column-right { display: block; margin: 0; padding-right: 0; float: left; } .exchange-columns ul { display: block !important; padding: 0 !important; margin: 0 !important; list-style-type:none !important; } .exchange-columns li { background: url("../I/exchange-li-bg.png") no-repeat scroll left top; display: block !important; width: 224px !important; height: 25px !important; padding-bottom: 5px !important; margin: 0 !important; } .exchange-columns a { color: #FFFFFF !important; font-size: 10px !important; font-weight: bold !important; margin: 0 !important; padding: 5px 0 0 10px !important; text-decoration: none !important; display: block !important; } span.exchange-visit { clear:left !important; text-align: right !important; color: #FFFFFF !important; font-size: 10px !important; font-weight: bold !important; margin: 0 !important; padding: 5px 40px 0 0 !important; display: block !important; } .exchange-visit a { color: #FFFFFF !important; font-size: 10px !important; font-weight: bold !important; text-decoration: none !important; } /* Exchange */ /* Avios */ .avios-module-2 { background: url("../I/avios_panel_rome.jpg") no-repeat scroll left top !important; display: block !important; width: 740px !important; height: 278px !important; margin: 0 !important; padding: 0 !important; margin-bottom:5px !important; } .avios-module-inner-2 { margin: 0; padding: 25px 10px 0 400px; } .avios-module-inner-2 h2{ font-size: 18px !important; color: #023362 !important; padding: 0 0 5px 0 !important; margin: 0 !important; font-weight:bold !important; border:0px !important; } .avios-module-inner-2 h3{ font-size: 14px !important; color: #0053a0 !important; padding: 0 !important; margin: 0 !important; } .avios-module-inner-2 a{ font-size: 14px !important; color: #0053a0 !important; padding: 0 !important; margin: 0 !important; text-decoration:underline; } span.avios-wyndham-stars { background: url("../I/wyndham-stars.png") no-repeat scroll left top !important; width: 67px !important; height: 14px !important; display: inline !important; text-indent: -9999px !important; } .avios-module-inner-2 p { font-size:12px !important; line-height: 18px !important; font-weight: bold !important; padding: 10px 0 5px 0 !important; margin: 0 !important; font-weight:bold !important; color:#000000 !important; font-family:Arial,Helvetica,sans-serif !important; } .avios-module-inner-2 p.terms { font-size:10px !important; line-height: 12px !important; font-weight: bold !important; padding: 0 0 10px 0 !important; margin: 0 !important; font-family:Arial,Helvetica,sans-serif !important; } /* Avios */ /* Christmas Savers */ .christmas-savers-module-header { color: #FFFFFF !important; font-size: 18px !important; height: 28px !important; margin: 0 0 0px 0 !important; padding: 10px 0 0 20px !important; } .christmas-savers-module { background: url("../I/christmas-savers-bg.jpg") no-repeat scroll left top; display: block !important; width: 740px !important; height: 225px !important; margin: 0 !important; padding: 0px 0 0 0 !important; } .christmas-savers-module-intro { padding: 8px 290px 0 20px !important; margin: 0 !important; height: 54px !important; font-size: 13px !important; line-height: 18px !important; color:black !important; } .christmas-savers-module-inner { padding: 7px 10px 0 20px !important; margin: 0 !important; width: 204px !important; float:left !important; } .christmas-savers-module-inner h2 { font-size: 15px !important; color: #FFF !important; padding: 0 0 10px 0px !important; margin: 0 !important; border:0px !important; } .christmas-savers-module-inner p { font-size: 13px !important; line-height: 18px !important; padding: 0 !important; margin: 0 !important; color:black !important; border:0px !important; } /* Christmas Savers */ /* How to collect points */ .collect-module h2{ background: url("../I/collect-bg.jpg") no-repeat scroll left top; color: #FFFFFF; font-size: 18px; height: 46px; margin: 0 0 5px 0; padding: 15px 0 0 15px; } .collect-module-inner { width: 740px; } .collect-module-inner p { font-size:12px; line-height: 18px; font-weight: bold; margin: 0; padding: 0 40px 15px 17px; color:black !important; } .collect-module-inner span { color: #FFF; font-size: 12px; line-height: 16px; font-weight: bold; display: block; padding: 10px 0 0 15px; } .collect-module-inner a { background: url("../I/arrow-link.png") no-repeat scroll left top; width: 23px; height: 23px; display: block; position: relative; text-indent: -9999px; left: 103px; } .collect-shop { float: left; width: 137px; padding: 0 0 10px 15px; } .collect-shop-inner { background: url("../I/collect-shop-btm.png") no-repeat scroll left top; width: 137px; height: 88px; } .collect-groceries { float: left; width: 137px; padding: 0 0 10px 7px; } .collect-groceries-inner { background: url("../I/collect-groceries-btm.png") no-repeat scroll left top; width: 137px; height: 88px; } .collect-petrol { float: left; width: 137px; padding: 0 0 10px 7px; } .collect-petrol-inner { background: url("../I/collect-petrol-btm.png") no-repeat scroll left top; width: 137px; height: 88px; } .collect-petrol-inner a { top: 15px; } .collect-direct { float: left; width: 137px; padding: 0 0 10px 7px; } .collect-direct-inner { background: url("../I/collect-direct-btm.png") no-repeat scroll left top; width: 137px; height: 88px; } .collect-direct-inner a { top: 15px; } .collect-credit-card { float: left; width: 137px; padding: 0 0 10px 7px; } .collect-credit-card-inner { background: url("../I/collect-credit-card-btm.png") no-repeat scroll left top; width: 137px; height: 88px; } .collect-credit-card-inner a { top: -15px; } /* How to collect points */ /* How to spend voucher */ .spend-module h2{ background: url("../I/collect-bg.png") no-repeat scroll left top; color: #FFFFFF !important; font-size: 18px !important; height: 46px !important; margin: 0px 0 5px 0 !important; padding: 13px 0 0 15px !important; border-bottom: 0px !important; font-weight:bold !important; } .spend-module-inner { width: 740px; } .spend-module-inner IMG.logo { float: left; padding: 0 0 0 23px; } .spend-module-inner p { font-size:13px !important; line-height: 17px !important; margin: 0px !important; padding: 0px 30px 15px 25px !important; float: left !important; width: 495px !important; clear: none !important; color:black !important; } .spend-module-inner span { color: #FFF; font-size: 19px; line-height: 16px; display: block; padding: 11px 0 0 11px; } .spend-module-inner a { background: url("../I/arrow-link.png") no-repeat scroll left top; width: 23px; height: 23px; display: block; position: relative; text-indent: -9999px; left: 132px; } .spend-module-inner-row { display: block; padding: 0 0 0 23px; } .spend-groceries { float: left; width: 165px; padding: 0 12px 12px 0; } .spend-groceries-inner { background: url("../I/spend-groceries-btm.png") no-repeat scroll left top; width: 165px; height: 60px; } .spend-direct { float: left; width: 165px; padding: 0 12px 12px 0; } .spend-direct-inner { background: url("../I/spend-direct-btm.png") no-repeat scroll left top; width: 165px; height: 60px; } .spend-mobiles { float: left; width: 165px; padding: 0 12px 12px 0; } .spend-mobiles-inner { background: url("../I/spend-mobiles-btm.png") no-repeat scroll left top; width: 165px; height: 60px; } .spend-opticians { float: left; width: 165px; padding: 0 0 12px 0; } .spend-opticians-inner { background: url("../I/spend-opticians-btm.png") no-repeat scroll left top; width: 165px; height: 60px; } .spend-petrol { float: left; width: 165px; padding: 0 12px 12px 0; } .spend-petrol-inner { background: url("../I/spend-petrol-btm.png") no-repeat scroll left top; width: 165px; height: 60px; } .spend-photos { float: left; width: 165px; padding: 0 12px 12px 0; } .spend-photos-inner { background: url("../I/spend-photos-btm.png") no-repeat scroll left top; width: 165px; height: 60px; } .spend-books { float: left; width: 165px; padding: 0 12px 12px 0; } .spend-books-inner { background: url("../I/spend-books-btm.png") no-repeat scroll left top; width: 165px; height: 60px; } .spend-travel { float: left; width: 165px; padding: 0 0 12px 0; } .spend-travel-inner { background: url("../I/spend-travel-btm.png") no-repeat scroll left top; width: 165px; height: 60px; } .spend-travel-inner a { top: -15px; } .spend-music { float: left; width: 165px; padding: 0 12px 12px 0; } .spend-music-inner { background: url("../I/spend-music-btm.png") no-repeat scroll left top; width: 165px; height: 60px; } .spend-movies { float: left; width: 165px; padding: 0 12px 12px 0; } .spend-movies-inner { background: url("../I/spend-movies-btm.png") no-repeat scroll left top; width: 165px; height: 60px; } .spend-clothes { float: left; width: 165px; padding: 0 12px 12px 0; } .spend-clothes-inner { background: url("../I/spend-clothes-btm.png") no-repeat scroll left top; width: 165px; height: 60px; } .spend-clothes-inner a { top: -15px; } .spend-wine { float: left; width: 165px; padding: 0 0 12px 0; } .spend-wine-inner { background: url("../I/spend-wine-btm.png") no-repeat scroll left top; width: 165px; height: 60px; } .spend-wine-inner a { top: -15px; } /* How to spend voucher */ /* Virgin */ .virgin-module { background: url("../I/virgin_panel_beach.jpg") no-repeat scroll left top; display: block !important; width: 740px !important; height: 278px !important; margin: 0px 0px 15px 0px !important; padding: 0 !important; } .virgin-module-inner { padding: 20px 10px 0 400px; margin: 0; } .virgin-module-inner h2{ font-size: 18px !important; color: #023362 !important; padding: 0 0 5px 0 !important; margin: 0 !important; border-bottom:0px !important; font-weight:bold !important; } .virgin-module-inner h3{ font-size: 14px !important; color: #0053a0 !important; padding: 0 !important; margin: 0 !important; } .virgin-module-inner h3 a{ font-size: 14px !important; color: #0053a0 !important; padding: 0 !important; margin: 0 !important; text-decoration:underline; } .virgin-module-inner p { font-size:12px !important; line-height: 18px !important; font-weight: bold !important; padding: 10px 0 10px 0 !important; margin: 0 !important; color:black !important; } .virgin-module-inner p.terms { font-size:10px !important; line-height: 11px !important; font-weight: bold !important; } /* Virgin */