@media screen, print {

    body {
      font-family:      Verdana, Arial, Helvetica, sans-serif;
      font-size:        12px;
      color:            #000000;
      line-height:      130%;
      background-color: #FFFFFF;
      margin:   0;
      padding:    10px;
    }
    


    
/* Generic CSS Document for BGE Rewards */

/* Page Basics */
html, body { margin:0px; padding:0px; width:100%; height:100%; min-width:980px; }
html { overflow-y:scroll; }
body { position:relative; background:#E5E5E3; }



/* Typography */
body { font:11px Arial, Helvetica, sans-serif; color:#666; font-size-adjust:none; }
input, textarea, select, option { font-family:Arial, Helvetica, sans-serif; color:#666; font-size:100%; outline:none; line-height:1.4em; }
input.checkbox, input.submit { width:auto; }
textarea { overflow:auto; font-size:100%; }
@media screen and (-webkit-min-device-pixel-ratio:0){
select { height:28px; -webkit-appearance:none; -webkit-border-radius:0; border:1px solid #ABADB3; }
}

h1 { margin:0; padding:0 0 10px 0; color:#0B2357; font-size:240%; line-height:1.15em; }
h2 { margin:0; padding:0 0 6px 0; color:#0B2357; font-size:160%; line-height:1.15em; }
h3 { margin:0; padding:0 0 5px 0; color:#0B2357; font-size:145%; line-height:1.2em; }
h4 { margin:0; padding:0; color:#0B2357; font-size:120%; line-height:1.15em; }
h5 { margin:0; padding:0; color:#0B2357; font-size:100%; line-height:1.15em; }

div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, img, strong, sub, sup, ol, ul, li, fieldset, label,
table, caption, thead, tbody, tfoot, tr, th, td, form { margin:0px; padding:0px; border:none; outline:none; vertical-align:top; line-height:1.4em; font-size:100%; }
ul, li { list-style:none; line-height:1.4em; }
ul { margin-bottom:16px; }
sup { line-height:1.0em; font-size:95%; }
sub { line-height:2.0em; font-size:85%; }
table { width:100%; margin:0 0 16px 0; border-collapse:collapse; border-spacing:0; }
table#edit_table { width:500px; }

strong { vertical-align:baseline; }
p { line-height:1.4em; margin:0px 0px 20px 0px; }
a { color:#0B2357; text-decoration:underline; }
a:hover, a:focus, a:active { color:#EC008C; text-decoration:none; }
a:link {}
a:visited {}
a img { outline:none; border:none; position:relative; cursor:pointer; }
a span { cursor:pointer; }



/* Layout */
#wrapper { width:100%; height:auto !important; height:100%; min-height:100%; float:left; min-width:980px; position:relative; z-index:0; font-size:120%; z-index:0; overflow-x:hidden; }
.container { width:980px; float:left; position:relative; }
.left-remainder { width:49.999%; height:auto !important; height:1px; min-height:1px; margin-right:-490px; float:left; display:inline; }
.left-remainder .inner { margin-right:490px; }
.right-remainder { width:49.999%; height:auto !important; height:1px; min-height:1px; margin-left:-490px; float:left; display:inline; }
.right-remainder .inner { margin-left:490px; }


/* Cookie Banner */

#cookie-banner { height: 60px;}
#cookie-message { background: none repeat scroll 0 0 #01346B; color: #FFFFFF; display: block; float: left; font-size: 90%; height: 60px; left: 0; /*position: absolute;*/ top: 0; width: 100%;}
#cookie-message .cookie-title { color: #FFFFFF; display: block; float: left; font-weight: bold; margin: 10px 20px; width: auto;}
#cookie-message .cookie-detail { display: block; float: left; font-size: 90%; margin: 10px 20px; width: 680px;}
#cookie-message p { color: #FFFFFF; line-height: 1.4em;}
#cookie-message a { border-color: #FFFFFF; color: #FFFFFF;}
#cookie-message a:hover, #cookie-message a:focus, #cookie-message a:active { color: #FFFFFF;}

/* Header */
#header { width:100%; float:left; background:#FFF; }
#header .container { height:auto !important; height:76px; min-height:76px; padding:0 0 9px 0; }
#logo { width:340px; margin:21px 34px 0 11px; padding:0 0 9px 0; float:left; display:inline; background:url(/site-files/cms-templates/images/generic/logo_rewards.gif) no-repeat left top; }
#logo a { width:100%; height:38px; float:left; border:none; text-decoration:none; }
#logo .tagline { width:190px; height:24px; margin:5px 0 0 150px; float:left; display:inline; background:url(/site-files/cms-templates/images/generic/tagline.gif) no-repeat left top; }
#logo-logged-in { width:195px; margin:14px 35px 0 10px; padding:0 0 16px 0; float:left; display:inline; background:url(/site-files/cms-templates/images/generic/logo_my_rewards.jpg) no-repeat left top; }
#logo-logged-in a { width:100%; height:47px; float:left; border:none; text-decoration:none; }
#navigation { width:399px; margin:0 0 27px 0; padding:21px 0 0 0; float:left; border-right:1px solid #E5E5E5; font-size:120%; font-weight:bold; }
#navigation.logged-in { width:544px; }
#navigation { }
#navigation ul { margin:0; float:right; }
#navigation li { margin:0 14px 0 1px; padding:3px 10px; float:left; display:inline; }
#navigation li.active { background:#EC008C; color:#FFF; }
#navigation li a { text-decoration:none; }
#navigation li.active a { color:#FFF; }
#text-size { width:175px; margin:7px 12px 12px 0; float:right; display:inline; text-align:right; font-weight:bold; visibility:hidden; }
.js #text-size { visibility:visible; }
#text-size a { text-decoration:none; vertical-align:baseline; line-height:normal; }
#text-size a.active { color:#EC008C; }
#text-size span { vertical-align:baseline; line-height:normal; }
#text-size .standard { font-size:80%; }
#text-size .large { font-size:95%; }
#text-size .largest { font-size:110%; }
#text-size .spacer { padding:0 2px 0 3px; background:url(/site-files/cms-templates/images/generic/bar.gif) no-repeat center center; position:relative; }
#header .sign-in-link { width:175px; margin:-9px 10px 30px 0; float:right; display:inline; clear:right; text-align:right; position:relative; font-size:85%; font-weight:bold; }
#header .sign-in-link a { height:auto !important; height:15px; min-height:15px; padding:0 0 0 20px; float:right; text-decoration:none; background:url(/site-files/cms-templates/images/generic/btn_down.gif) no-repeat -15px 0px; }
#header .sign-in-link a:hover,
#header .sign-in-link a:focus,
#header .sign-in-link a:active { background-position:0px -17px; }
#header .sign-in-form { display:none; }
#header .logout { width:170px; margin:-9px 10px 30px 0; float:right; display:inline; clear:right; text-align:right; position:relative; font-size:85%; color:#0B2357; }
#header .logout .spacer { padding:0 2px 0 3px; background:url(/site-files/cms-templates/images/generic/bar.gif) no-repeat center center; position:relative; }
#header .logout a { font-weight:bold; text-decoration:none; }



/* Torso */
#torso { width:100%; float:left; background:url(/site-files/cms-templates/images/generic/bg_repeat.png) repeat-x 0px -85px #FFF; position:relative; }
#torso-inner { width:100%; float:left; background:url(/site-files/cms-templates/images/generic/bg_large.jpg) no-repeat center -85px; }
#torso .container { margin:-23px 0 0 0; padding-top:16px; padding-bottom:35px; position:relative; }
#torso-shadow { width:986px; height:23px; background:url(/site-files/cms-templates/images/personal_hp/page_top.png) no-repeat center top; position:absolute; left:-4px; top:0; }



/* Content */
#content { width:100%; float:left; position:relative; z-index:2; display:inline; }
#content-inner { width:100%; float:left; }



/* Footer */
#footer { width:100%; float:left; background:#E5E5E3; border-top:1px solid #CDCDCB; }
#footer .container { padding:15px 0 30px 0; }
#footer-logo { width:89px; height:39px; margin:0 0 0 12px; float:left; display:inline; background:url(/site-files/cms-templates/images/generic/logo_bord_gais_energy.png) no-repeat left top; }
#tertiary-navigation { width:750px; padding:2px 0 18px 0; float:right; font-size:90%; }
#tertiary-navigation ul { margin:0; float:right; }
#tertiary-navigation li { margin:0 10px 0 0; padding:0 11px 0 0; float:left; display:inline; background:url(/site-files/cms-templates/images/generic/bar.gif) no-repeat right center; }
#tertiary-navigation li.last { padding:0; background:none; }
#tertiary-navigation a { text-decoration:none; }
#webfactory { float:right; display:none; clear:right; }
#webfactory a { margin:0 10px 0 0; width:117px; height:15px; display:block; background:url(/site-files/cms-templates/images/generic/webfactory_credit.gif) no-repeat 0px 0px; text-decoration:none; }
#webfactory a:hover,
#webfactory a:focus,
#webfactory a:active { background-position:0px -16px; }



/* Clearing DIV */
div.clear { width:100%; height:0px; float:left; display:inline; clear:both; position:relative; overflow:hidden; }



/* Accessibility */
.skip-nav,
.accessibility { position:absolute; left:-999999px; top:-999999px; }



/* Imagery */
.img-left { margin:0 20px 10px 0; float:left; display:inline; }
.img-right { margin:0 0 10px 20px; float:right; display:inline; }



/* Small/Large Text */
.small-text { width:100%; float:left; font-size:85%; line-height:1.3em; }
.large-text { width:100%; float:left; font-size:125%; }



/* Specific Spans */
.pink { color:#EC008C; }
.hidden,
.js .hidden { display:none; }



/* ReCaptcha */
#recaptcha_holder { height:auto !important; height:84px; min-height:84px; padding:0 0 8px 0; float:left; }
#recaptcha_holder label { width:100%; padding:0 0 2px 0; float:left; font-size:100%; text-align:left; color:#0B2357; font-weight:bold; }
#recaptcha_widget { width:100%; float:left; display:none; }
#recaptcha_widget div { float:right; clear:right; }
#recaptcha_widget div.recaptcha_only_if_incorrect_sol { width:310px; float:left; color:#F00; clear:none; clear:left; }
#recaptcha_widget div#recaptcha_image { padding:2px 4px; float:left; border:1px solid #E6E6E6; clear:none; }
#recaptcha_image img { border:none; }
#recaptcha_widget a.recaptcha_control { width:25px; float:left; background-repeat:no-repeat; background-image:url(/site-files/cms-templates/images/generic/btn_captcha.png); position:relative; overflow:hidden; }
.recaptcha_reload a { height:17px; background-position:0px 0px; }
.recaptcha_reload a:hover,
.recaptcha_reload a:focus,
.recaptcha_reload a:active { background-position:-25px 0px; }
.recaptcha_only_if_image,
.recaptcha_only_if_audio { padding:1px 0; }
.recaptcha_only_if_image a { height:14px; background-position:0px -18px; }
.recaptcha_only_if_image a:hover,
.recaptcha_only_if_image a:focus,
.recaptcha_only_if_image a:active { background-position:-50px -18px; }
.recaptcha_only_if_audio a { height:14px; background-position:-100px -18px; }
.recaptcha_only_if_audio a:hover,
.recaptcha_only_if_audio a:focus,
.recaptcha_only_if_audio a:active { background-position:-125px -18px; }
.recaptcha_help a { height:16px; background-position:0px -33px; }
.recaptcha_help a:hover,
.recaptcha_help a:focus,
.recaptcha_help a:active { background-position:-75px -33px; }
span.recaptcha_only_if_image,
span.recaptcha_only_if_audio { display:none; }



/* Banners */
#banner { width:100%; float:left; position:relative; z-index:1; display:inline; }
#banner .content { width:100%; float:left; position:relative; display:inline; }



/* Forms */
.input,
.checkbox,
.radio,
.select,
.textarea { float:left; display:inline; position:relative; }
.form-element { width:100%; padding:0 0 12px 0; float:left; position:relative; }
.form-element label { padding:7px 8px 10px 0; float:left; word-wrap:break-word; }
.form-element .input { padding:0 0 8px 0; }
.form-element .input input { height:auto !important; height:16px; min-height:16px; margin:0; padding:7px 5px; float:left; }
@media screen and (-webkit-min-device-pixel-ratio:0){
.form-element .input input { outline:none; -webkit-box-shadow:none; -webkit-appearance:none; border:1px solid #ABADB3; }
}
.form-element .input .small-text { width:100%; padding:3px 0 5px 0; float:left; }
.form-element .select select { float:left; }
.form-element .textarea { padding:0 0 8px 0; }
.form-element .textarea textarea { margin:0; padding:7px 5px; float:left; }
@media screen and (-webkit-min-device-pixel-ratio:0){
.form-element .textarea textarea { outline:none; -webkit-box-shadow:none; -webkit-appearance:none; border:1px solid #ABADB3; }
}
.form-element-disabled label,
.form-element-disabled select,
.form-element-disabled input,
.form-element-disabled .tooltip { -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; }
.form-controls { width:100%; padding:32px 0 0 0; float:left; position:relative; overflow:hidden; text-align:center; }
.form-controls .content { float:left; position:relative; left:50%; text-align:center; }
.form-controls ul { float:left; list-style:none; position:relative; left:-50%; }
.form-controls li { padding:0 23px; float:left; display:inline; position:relative; }
.form-group { width:100%; padding:30px 0 20px 0; float:left; }
.form-success { width:100%; margin:25px 0 -11px 0; padding:0 0 10px 0; float:left; background:url(/site-files/cms-templates/images/register/box_shadow_large.png) no-repeat center bottom; position:relative; z-index:1; }
.form-success .content { width:628px; padding:25px 30px 25px 40px; float:left; border:1px solid #D9D9D9; background:url(/site-files/cms-templates/images/register/box_gradient.png) no-repeat left bottom #FFF; }
.form-success .inner { width:520px; height:auto !important; height:109px; min-height:109px; padding:0 0 0 108px; float:left; background:url(/site-files/cms-templates/images/register/jumper.png) no-repeat left top; }
.form-success .inner.sad-inner { width:520px; height:auto !important; height:149px; min-height:149px; padding:0 0 0 128px; float:left; background:url(/site-files/cms-templates/images/icon_sad.gif) no-repeat left top; }
.my-profile .form-success .inner { padding:0 0 0 10px; background:none; }
.my-profile .form-success .inner img { float:left; padding-right:50px;}
.form-success h2 { color:#666; }
.form-error { width:100%; float:left; margin:0 0 -1px 0; padding:20px 0 10px 0; background:url(/site-files/cms-templates/images/register/box_shadow_large.png) no-repeat center bottom; position:relative; border-bottom:5px solid #FFF; border-top:1px solid #E5E5E5; }
.form-error.no-border { border:none; }
.form-error .content { width:658px; padding:10px 20px; float:left; background:#FCF1F9; border:1px solid #D9D9D9; }
.form-error .inner { width:100%; float:left; }
.form-error h2 { color:#666; font-size:205%; }
.inputContainer { float:left; position:relative; }
.formError { display:block; position:absolute; z-index:5000; cursor:pointer; font-size:80%; font-weight:bold; }
.formError .formErrorContent { width:136px; padding:7px 10px 0 10px; position:relative; z-index:5001; color:#fff; background:url(/site-files/cms-templates/images/register/inline_error.png) no-repeat center top; }
.formError .formErrorContent ul { margin:0; padding:0; }
.formError .formErrorContent li { margin:0; padding:0 0 5px 0; line-height:1.3em; }
.formError .formErrorBottom { width:156px; height:18px; position:relative; z-index:5006; overflow:hidden; background:url(/site-files/cms-templates/images/register/inline_error.png) no-repeat center bottom; }



/* Tooltips */
.tooltip { width:27px; margin:0 0 -2px 10px; float:left; display:inline; position:relative; visibility:hidden; }
.js .tooltip { visibility:visible; }
.tooltip-over { z-index:10; }
.tooltip button { width:27px; height:28px; margin:0; padding:0; background:url(/site-files/cms-templates/images/register/btn_tooltip_small.png) no-repeat 0px 0px; position:relative; overflow:hidden; outline:none; border:none; outline:none; }
.tooltip button:focus { outline:none; }
.tooltip button::-moz-focus-inner { border:0; }
.tooltip-over button { background-position:-27px 0px;}
#reg-intro.tooltip { float:right;}
#reg-intro.tooltip .content { width:300px; margin-left:-340px; background:none;}
.tooltip .content { width:165px; height:auto !important; height:35px; min-height:35px; padding:0 0 0 8px; position:absolute; left:-999999px; top:-999999px; background:url(/site-files/cms-templates/images/register/tooltip.png) no-repeat left top; font-size:85%; }
.tooltip .content-over { left:27px; top:-7px; }
.tooltip .content .inner { padding:5px 8px; background:#F0F0F0; position:relative; }
.tooltip-show-me { width:61px; margin-top:4px; }
.tooltip-show-me-over { z-index:1; }
.tooltip-show-me button, #claim-reward .tesco .tooltip-show-me button { width:61px; height:19px; background-image:url(/site-files/cms-templates/images/register/btn_show_me.png); }
.tooltip-show-me-over button, #claim-reward .tesco .tooltip-show-me-over button { background-position:-61px 0px; }
.tooltip-show-me .content { width:160px; height:auto; padding:0 0 2px 0; background:url(/site-files/cms-templates/images/register/bg_show_me.png) no-repeat center bottom; }
.tooltip-show-me .content-over { left:0; top:2px; }
.tooltip-show-me .content .inner { width:150px; height:auto !important; height:13px; min-height:13px; margin:-2px 0 0 0; padding:5px 5px; background:url(/site-files/cms-templates/images/register/bg_show_me.png) no-repeat center top; }
.tooltip-show-me .content .image { margin:0 -5px 3px 0; position:relative; }




/* Buttons */
.button { width:167px; float:left; display:inline; position:relative; }
.button a { width:167px; margin:2px 0 5px 0; float:left; text-decoration:none; background:url(/site-files/cms-templates/images/generic/btn_silver.png) no-repeat left bottom; color:#333; font-weight:bold; font-size:90%; position:relative; }
.button a:hover,
.button a:focus,
.button a:active { margin:0 0 10px 0; background-position:right top; }
.button input { cursor:pointer; }
.button input[disabled='disabled'] { cursor:default; }
.button span.start { width:147px; padding:4px 8px 9px 12px; float:left; position:relative; }
.button span.start span { width:130px; padding:0 17px 0 0; float:left; display:inline; background:url(/site-files/cms-templates/images/generic/button_arrow.png) no-repeat right center; }
.button a:hover span.start,
.button a:focus span.start,
.button a:active span.start { padding:6px 8px 4px 12px; }
.button span.end { width:100%; height:2px; padding:0; background:url(/site-files/cms-templates/images/generic/btn_silver.png) no-repeat left top; line-height:0; font-size:0; position:absolute; left:0; top:-2px; clear:both; }
.button a:hover span.end,
.button a:focus span.end,
.button a:active span.end { height:5px; padding:0; background-position:right bottom; top:auto; bottom:-5px; }

.js .button-disabled { -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; }

.button-yellow { width:164px; font-size:115%; }
.button-yellow a { width:164px; background-image:url(/site-files/cms-templates/images/reward_detail/btn_yellow_buynow.png); }
.button-yellow input { background-image:url(/site-files/cms-templates/images/reward_detail/btn_yellow_buynow.png); }
.button-yellow span.start { width:144px; padding:6px 8px 11px 12px;}
.button-yellow a:hover span.start,
.button-yellow a:focus span.start,
.button-yellow a:active span.start { padding:8px 8px 6px 12px; }
.button-yellow span.start span { width:127px; background:url(/site-files/cms-templates/images/generic/btn_yellow_arrow.png) no-repeat right center; color:#00306A; }
.button-yellow span.end { background-image:url(/site-files/cms-templates/images/reward_detail/btn_yellow_buynow.png); }

.button-yellow.big-button a { width:220px; background-image:url(/site-files/cms-templates/images/reward_detail/btn_yellow_buynow_big.png); }
.button-yellow.big-button span.start { width:144px; padding: 13px 8px 15px 12px;}
.button-yellow.big-button a:hover span.start {padding: 15px 8px 10px 12px;}
.button-yellow.big-button span.end { background-image:url(/site-files/cms-templates/images/reward_detail/btn_yellow_buynow_big.png); }
.button-yellow span.start.big-button span { width:127px; background:url(/site-files/cms-templates/images/generic/btn_yellow_arrow.png) no-repeat right center; color:#00306A; }
.button-yellow.big-button span.start span {width: 157px}

.button-submit { width:115px; }
.button-submit div.start { width:105px; margin:5px 0 0 0; padding:0 10px 0 0; float:left; background:url(/site-files/cms-templates/images/generic/btn_yellow.png) no-repeat left bottom; font-weight:bold; font-size:90%; position:relative; z-index:1; }
.button-submit-over div.start { margin:0 0 5px 0; background-position:right top; }
.button-submit div.start div { width:100%; margin:-5px 0 0 0; float:left; background:url(/site-files/cms-templates/images/generic/btn_yellow_arrow.png) no-repeat right center; position:relative; z-index:1; }
.button-submit-over div.start div { margin:0 0 -5px 0; }
.button-submit div.start input { width:85px; margin:0 -10px 0 0; padding:7px 20px 10px 10px; float:left; display:inline; position:relative; z-index:1; text-align:left; overflow:visible; box-sizing:content-box; -moz-box-sizing:content-box; -ms-box-sizing:content-box; -webkit-box-sizing:content-box; outline:none; border:none; background:none; color:#00306A; font-size:150%; font-weight:bold; }
* + html .button-submit div.start input { width:115px; padding:4px 20px 7px 10px; }
.button-submit div.end { width:100%; height:5px; background:url(/site-files/cms-templates/images/generic/btn_yellow.png) no-repeat left top; line-height:0; font-size:0; position:absolute; left:0; top:0; clear:both; z-index:0; }
.button-submit-over div.end { background-position:right bottom; top:auto; bottom:1px; }
* + html .button-submit-over div.end { bottom:2px; }

.button-submit-grey div.start { width:167px; margin:2px 0 5px 0; float:left; border:none; background:url(/site-files/cms-templates/images/generic/btn_silver.png) no-repeat left bottom; color:#666; font-weight:bold; font-size:90%; position:relative; z-index:1; }
.button-submit-grey-over div.start { margin:0 0 10px 0; background-position:right top; }
.button-submit-grey div.start div { width:100%; float:left; }
.button-submit-grey div.start input { width:147px; margin:-2px 0 0 0; padding:6px 10px 9px 10px; float:left; display:inline; position:relative; text-align:center; overflow:visible; box-sizing:content-box; -moz-box-sizing:content-box; -ms-box-sizing:content-box; -webkit-box-sizing:content-box; outline:none; border:none; background:none; font-weight:bold; color:#333; }
* + html .button-submit-grey div.start input { width:167px; padding:4px 10px 7px 10px; }
.button-submit-grey-over div.start input { margin:0 0 -5px 0; }
.button-submit-grey div.end { width:100%; height:2px; padding:0; background:url(/site-files/cms-templates/images/generic/btn_silver.png) no-repeat left top; line-height:0; font-size:0; position:absolute; left:0; top:0; clear:both; z-index:0; }
.button-submit-grey-over div.end { height:5px; background-position:right bottom; top:auto; bottom:6px; }
* + html .button-submit-grey-over div.end { bottom:7px; }

.button-submit-wide { width:211px; }
.button-submit-wide div.start { width:200px; margin:5px 0 0 0; padding:0 11px 0 0; float:left; background:url(/site-files/cms-templates/images/register/btn_save_continue.png) no-repeat left bottom; font-weight:bold; font-size:90%; position:relative; z-index:1; }
.button-submit-wide-over div.start { margin:0 0 5px 0; background-position:right top; }
.button-submit-wide div.start div { width:100%; margin:-5px 0 0 0; float:left; background:url(/site-files/cms-templates/images/generic/btn_yellow_arrow.png) no-repeat right center; position:relative; z-index:1; }
.button-submit-wide-over div.start div { margin:0 0 -5px 0; }
.button-submit-wide div.start input { width:173px; margin:0 -11px 0 0; padding:7px 25px 10px 13px; float:left; display:inline; position:relative; z-index:1; text-align:left; overflow:visible; box-sizing:content-box; -moz-box-sizing:content-box; -ms-box-sizing:content-box; -webkit-box-sizing:content-box; outline:none; border:none; background:none; color:#00306A; font-size:145%; font-weight:bold; }
* + html .button-submit-wide div.start input { width:211px; padding:4px 25px 7px 13px; }
.button-submit-wide div.end { width:100%; height:5px; background:url(/site-files/cms-templates/images/register/btn_save_continue.png) no-repeat left top; line-height:0; font-size:0; position:absolute; left:0; top:0; clear:both; z-index:0; }
.button-submit-wide-over div.end { background-position:right bottom; top:auto; bottom:1px; }
* + html .button-submit-wide-over div.end { bottom:2px; }

.button-wide { width:245px; }
.button-wide a { width:245px; background-image:url(/site-files/cms-templates/images/register/btn_silver_xxl.png); font-size:100%; text-align:left; }
.button-wide span.start { width:225px; }
.button-wide span.start span { width:100%; margin:0 -2px; padding:0; }
.button-wide span.end { background-image:url(/site-files/cms-templates/images/register/btn_silver_xxl.png); }

.button-narrow { width:84px; }
.button-narrow a { width:84px; background-image:url(/site-files/cms-templates/images/personal_hp/btn_view.png); }
.button-narrow span.start { width:64px; }
.button-narrow span.start span { width:100%; margin:0 -2px; padding:0; background:none; text-align:center; }
.button-narrow span.end { background-image:url(/site-files/cms-templates/images/personal_hp/btn_view.png); }
.button-narrow-yellow { width:84px; }
.button-narrow-yellow a { width:84px; background-image:url(/site-files/cms-templates/images/personal_hp/btn_buy_now.png); }
.button-narrow-yellow span.start { width:64px; }
.button-narrow-yellow span.start span { width:100%; margin:0 -2px; padding:0; background:none; text-align:center; color:#00306A; }
.button-narrow-yellow span.end { background-image:url(/site-files/cms-templates/images/personal_hp/btn_buy_now.png); }

.button-submit-narrow-grey { width:75px; }
.button-submit-narrow-grey-over { margin-top:-5px; margin-bottom:-4px; padding-top:5px; padding-bottom:5px; }
* + html .button-submit-narrow-grey-over { margin-bottom:-9px; padding-bottom:0; }
.button-submit-narrow-grey div.start { width:75px; margin:5px 0 -4px 0; float:left; border:none; background:url(/site-files/cms-templates/images/personal_hp/btn_search.png) no-repeat left bottom; color:#666; font-weight:bold; font-size:85%; position:relative; z-index:1; }
.button-submit-narrow-grey-over div.start { margin:0; padding:16px 0 0 0; background-position:right top; }
.button-submit-narrow-grey div.start div { width:100%; float:left; }
.button-submit-narrow-grey div.start input { width:65px; margin:-6px 0 0 0; padding:4px 5px 6px 5px; float:left; display:inline; position:relative; text-align:center; overflow:visible; box-sizing:content-box; -moz-box-sizing:content-box; -ms-box-sizing:content-box; -webkit-box-sizing:content-box; outline:none; border:none; background:none; font-weight:bold; color:#333; }
* + html .button-submit-narrow-grey div.start input { width:75px; padding:2px 5px 4px 5px; }
.button-submit-narrow-grey-over div.start input { margin:-17px 0 -5px 0; }
.button-submit-narrow-grey div.end { width:100%; height:16px; padding:0; background:url(/site-files/cms-templates/images/personal_hp/btn_search.png) no-repeat left top; line-height:0; font-size:0; position:absolute; left:0; top:0; clear:both; z-index:0; }
.button-submit-narrow-grey-over div.end { height:5px; background-position:right bottom; top:auto; bottom:1px; }
* + html .button-submit-narrow-grey-over div.end { bottom:7px; }

.button-back { width:175px; font-size:110%; }
.button-back a { width:175px; background-image:url(/site-files/cms-templates/images/generic/btn_silver_large.png); }
.button-back span.start { width:155px; padding:4px 8px 9px 12px; }
.button-back span.start span { width:135px; padding:0 10px 0 10px; background:url(/site-files/cms-templates/images/generic/back_arrow.png) no-repeat left center; text-align:center; }
.button-back a:hover span.start,
.button-back a:focus span.start,
.button-back a:active span.start { padding:6px 8px 4px 12px; }
.button-back span.end { background-image:url(/site-files/cms-templates/images/generic/btn_silver_large.png); }

#t-btns { float:left; width:100%; clear:both; margin-bottom:10px;}
#t-btns .button-wide-yellow { font-size:115%; margin-left:20px;}
#t-btns .button-wide-yellow span.start span, #t-btns .button-wide span.start span { width:100%;padding:0;text-align:center;background:none;}

.button-wide-yellow { width:227px; font-size:150%; }
.button-wide-yellow a { width:227px; background-image:url(/site-files/cms-templates/images/reward_detail/btn_yellow_xl.png); }
.button-wide-yellow span.start { width:200px; padding:4px 15px 9px 12px; }
.button-wide-yellow span.start span { width:180px; padding:0 20px 0 0; background:url(/site-files/cms-templates/images/generic/btn_yellow_arrow.png) no-repeat right center; color:#00306A; }
.button-wide-yellow a:hover span.start,
.button-wide-yellow a:focus span.start,
.button-wide-yellow a:active span.start { padding:6px 15px 4px 12px; }
.button-wide-yellow span.end { background-image:url(/site-files/cms-templates/images/reward_detail/btn_yellow_xl.png); }

.button .clear { margin:1px 0 -1px 0; height:1px; }
.zClip { overflow:hidden; }



/* Password Strength */
.password-strength { width:190px; float:left; display:inline; font-size:85%; font-weight:bold; }
.password-title { width:100%; padding:0 0 2px 0; float:left; }
.password-title span {}
.password-bar { width:188px; height:13px; position:relative; overflow:hidden; border:1px solid #CCC; clear:both; }
.password-bar div { width:0; height:13px; float:left; }
.weak-password { background:#B90C35; }
.medium-password { background:#F8931F; }
.strong-password { background:#006830; }



/* Horizontal Slider */
.scrollable { width:100%; float:left; }
.scrollable .content { width:100%; float:left; position:relative; overflow:hidden; }
.horizontal-scrollbar { width:100%; float:left; display:none; }
.horizontal-scrollbar .thumb .end,
.horizontal-scrollbar .thumb { background-color:#003D5D; }
.horizontal-scrollbar .track { width:13px; height:100%; padding:0 1px; background-color:#D8EEFD; position:relative; }
.horizontal-scrollbar .thumb { width:13px; height:20px; cursor:pointer; position:absolute; top:0; overflow:hidden; }
.horizontal-scrollbar .thumb .end { width:13px; height:5px; overflow:hidden; }
.horizontal-scrollbar .disable { display:none; }



/* Twitter Feed */
#twitter-feed { width:984px; margin:2px -3px 0 -1px; padding:0 0 17px 0; float:left; display:inline; position:relative; }
.homepage-logged-in #twitter-feed { width:949px; margin:13px -1px 0 12px; padding:0 0 10px 0; }
#twitter-feed .content { width:100%; float:left; background:url(/site-files/cms-templates/images/generic/bg_twitter_feed.png) no-repeat center top; font-size:90%; }
.homepage-logged-in #twitter-feed .content { background-image:url(/site-files/cms-templates/images/personal_hp/bg_twitter_interior.png); }
#twitter-feed .controls { width:58px; height:100%; position:absolute; left:12px; top:-23px; z-index:1; overflow:hidden; clear:both; visibility:hidden; }
.homepage-logged-in #twitter-feed .controls { width:40px; left:11px; top:-16px; }
.js #twitter-feed .controls { visibility:visible; }
#twitter-feed .controls button { width:100%; height:100%; border:none; background:none; cursor:pointer; position:relative; top:-16px; background:url(/site-files/cms-templates/images/generic/twitter_arrows.png) no-repeat; }
#twitter-feed .controls button span { cursor:pointer; }
.homepage-logged-in #twitter-feed .controls button { top:-11px; }
#twitter-feed .controls .up { width:28px; height:100%; float:left; position:relative; overflow:hidden; top:25px; }
.homepage-logged-in #twitter-feed .controls .up { width:19px; top:20px; }
#twitter-feed .controls .up button { background-position:-1px center; }
.homepage-logged-in #twitter-feed .controls .up button { background-position:-5px center; }
#twitter-feed .controls .up button:hover,
#twitter-feed .controls .up button:focus,
#twitter-feed .controls .up button:active { background-position:-60px center; }
.homepage-logged-in #twitter-feed .controls .up button:hover,
.homepage-logged-in #twitter-feed .controls .up button:focus,
.homepage-logged-in #twitter-feed .controls .up button:active { background-position:-64px center; }
#twitter-feed .controls .down { width:29px; height:100%; float:right; position:relative; overflow:hidden; top:25px; }
.homepage-logged-in #twitter-feed .controls .down { width:20px; top:20px; }
#twitter-feed .controls .down button { background-position:-27px center; }
.homepage-logged-in #twitter-feed .controls .down button { background-position:-31px center; }
#twitter-feed .controls .down button:hover,
#twitter-feed .controls .down button:focus,
#twitter-feed .controls .down button:active { background-position:-86px center; }
.homepage-logged-in #twitter-feed .controls .down button:hover,
.homepage-logged-in #twitter-feed .controls .down button:focus,
.homepage-logged-in #twitter-feed .controls .down button:active { background-position:-90px center; }
#twitter-feed .inner { width:855px; margin:0 0 -17px 70px; padding:2px 0 0 0; float:left; display:inline; position:relative; overflow:hidden; z-index:1; }
.homepage-logged-in #twitter-feed .inner { width:841px; margin:2px 0 -18px 51px; }
#twitter-feed .follow { width:52px; height:100%; position:absolute; right:5px; top:-28px; z-index:1; overflow:hidden; clear:both; }
.homepage-logged-in #twitter-feed .follow { top:-19px; }
#twitter-feed .follow div { width:100%; height:100%; display:block; position:relative; overflow:hidden; top:30px; }
.homepage-logged-in #twitter-feed .follow div { top:23px; }
#twitter-feed .follow a { width:100%; height:100%; display:block; position:relative; top:-16px; text-decoration:none; background:url(/site-files/cms-templates/images/generic/twitter_follow.png) no-repeat -1px center; }
.homepage-logged-in #twitter-feed .follow a { background-position:1px center; top:-12px; }
#twitter-feed .follow a:hover,
#twitter-feed .follow a:focus,
#twitter-feed .follow a:active { background-position:-51px center; }
.homepage-logged-in #twitter-feed .follow a:hover,
.homepage-logged-in #twitter-feed .follow a:focus,
.homepage-logged-in #twitter-feed .follow a:active { background-position:-49px center; }
#twitter-feed .end { width:100%; height:23px; float:left; background:url(/site-files/cms-templates/images/generic/bg_twitter_feed.png) no-repeat center bottom; position:relative; overflow:hidden; z-index:0; }
.homepage-logged-in #twitter-feed .end { height:22px; background-image:url(/site-files/cms-templates/images/personal_hp/bg_twitter_interior.png); }
#twitter-feed ul { width:100%; margin:0; float:left; position: relative; }
.js #twitter-feed ul {  }
#twitter-feed li { width:835px; padding:8px 10px; }
.homepage-logged-in #twitter-feed li { width:821px; padding:9px 10px; }
#twitter-logo { width:38px; height:44px; margin:3px -38px 0 -38px; float:left; display:inline; background:url(/site-files/cms-templates/images/generic/twitter_bird.png) no-repeat left top; position:relative; }



/* Styled Tables */
.styled-table { width:100%; float:left; font-size:90%; position:relative; }
.styled-table table { width:100%; margin:0; float:left; border-collapse:separate; position:relative; z-index:1; }
.styled-table th { margin:0; border:solid #767676; border-width:0 1px 1px 1px; background:#767676; color:#FFF; vertical-align:middle; text-align:left; }
.styled-table td { margin:0; border:solid #E5E5E5; border-width:0 1px 1px 1px; vertical-align:middle; position:relative; }
.styled-table .column { position:absolute; background:#000; top:0; }
.styled-table .column-border { width:1px; position:absolute; bottom:1px; background:#FFF; z-index:2; }
.styled-table .button,
.styled-table .button-yellow { width:104px; font-size:100%; }
.styled-table .button a,
.styled-table .button-yellow a { width:104px; background-image:url(/site-files/cms-templates/images/my_profile/btn_view_reward_silver.png); }
.styled-table .button span.start,
.styled-table .button-yellow span.start { width:84px; padding:2px 10px 5px 10px; }
.styled-table .button span.start span,
.styled-table .button-yellow span.start span { width:84px; padding:0; background:none; text-align:center; }
.styled-table .button a:hover span.start,
.styled-table .button a:focus span.start,
.styled-table .button a:active span.start,
.styled-table .button-yellow a:hover span.start,
.styled-table .button-yellow a:focus span.start,
.styled-table .button-yellow a:active span.start { padding:4px 10px 0 10px; }
.styled-table .button span.end { background-image:url(/site-files/cms-templates/images/my_profile/btn_view_reward_silver.png); }
.styled-table .button-yellow a { background-image:url(/site-files/cms-templates/images/my_profile/btn_view_reward_gold.png); }
.styled-table .button-yellow span.start span { color:#00306A; }
.styled-table .button-yellow span.end { background-image:url(/site-files/cms-templates/images/my_profile/btn_view_reward_gold.png); }
.styled-table .button-submit-grey div.start { width:104px; background-image:url(/site-files/cms-templates/images/my_profile/btn_view_reward_silver.png); }
.styled-table .button-submit-grey div.start input { width:84px; padding:3px 10px 5px 10px; }
* + html .styled-table .button-submit-grey div.start input { width:104px; padding:1px 10px 3px 10px; }
.styled-table .button-submit-grey div.end { background-image:url(/site-files/cms-templates/images/my_profile/btn_view_reward_silver.png); }



/* jScrollPane */
.jspContainer { padding:0 0 30px 0; float:left; position:relative; overflow:hidden; }
.jspPane { float:left; position:absolute; }
.jspVerticalBar { width:16px; height:100%; position:absolute; right:0; top:0; display:none; }
.jspHorizontalBar { width:100%; height:27px; position:absolute; left:0; bottom:0; font-size:0; line-height:0; }
.jspVerticalBar *, .jspHorizontalBar * { margin:0; padding:0; }
.jspCap { display:none; }
.jspHorizontalBar .jspCap { float:left; }
.jspTrack { background:#DDE; position:relative; }
.jspDrag { position:relative; top:0; left:0; cursor:pointer; background:url(/site-files/cms-templates/images/generic/slider_tab.png) no-repeat 0px 0px; }
.jspHorizontalBar .jspDrag { height:13px; margin:1px 0 0 0; float:left; }
.jspHorizontalBar .jspTrack { height:13px; margin:6px 0 0 0; float:left; display:inline; background:url(/site-files/cms-templates/images/generic/slider_base.png) no-repeat center center; }
.jspArrow { display:block; text-indent:-20000px; cursor:pointer; background-repeat:no-repeat; background-position:0px 0px; }
.jspArrow:hover,
.jspArrow:focus,
.jspArrow:active { background-position:0px -27px; }
.jspArrow.jspDisabled { background-position:0px -54px; cursor:default; }
.jspVerticalBar .jspArrow { height:16px; }
.jspHorizontalBar .jspArrow { width:24px; height:100%; float:left; position:relative; overflow:hidden; }
.jspVerticalBar .jspArrow:focus { outline:none; }
.jspCorner { height:100%; float:left; background:#EEEEF4; display:none; }
* html .jspCorner { margin:0 -3px 0 0; }
.jspArrowLeft { background-image:url(/site-files/cms-templates/images/generic/slider_arrow_left.png); }
.jspArrowRight { background-image:url(/site-files/cms-templates/images/generic/slider_arrow_right.png); }



/* Homepage Specific */
.homepage #banner { margin:32px 0 0 0; padding:0 0 42px 0; background:url(/site-files/cms-templates/images/generic/bg_carousel.png) no-repeat center bottom; }
.homepage #banner .content { margin:-42px 0 0 0; background:url(/site-files/cms-templates/images/generic/bg_carousel.png) no-repeat center top; }
.homepage #banner .entry { width:100%; float:left; }
.js .homepage #banner .entry { width:100%; float:left; position:absolute; left:-999999px; top:-999999px; z-index:0; }
.js .homepage #banner .entry-active { position:relative; z-index:1; left:0; top:0; }
.homepage #banner .column-1 { width:268px; padding:25px 25px 10px 27px; float:left; color:#FFF; }
.js .homepage #banner .column-1 .entry-tmp { width:265px; left:30px; top:25px; }
.homepage #banner .column-1 div { width:100%; float:left; }
.homepage #banner .column-1 h1 { color:#FFF; }
.homepage #banner .column-2 { width:465px; margin:0 0 -2px 0; float:left; position:relative; }
.homepage #banner .column-2 .entry { background:#E40089; }
.js .homepage #banner .column-2 .entry-tmp { width:465px; left:0; top:0; }
.homepage #banner .column-2 .shadow { width:10px; height:235px; background:url(/site-files/cms-templates/images/generic/carousel_shadow_right.png) no-repeat right top; position:absolute; right:0; top:0; }
.homepage #banner .column-2 .pagination { margin:0; float:right; right:20px; bottom:20px; position:absolute; z-index:2; }
.homepage #banner .column-2 .pagination li { float:left; }
 .homepage #banner .column-2 .pagination input { width:20px; height:21px; padding:0; float:left; text-align:center; line-height:20px; background:#ED008C; color:#FFF; font-size:90%; font-weight:bold; cursor:pointer; border:none; overflow:visible; box-sizing:content-box; -moz-box-sizing:content-box; -ms-box-sizing:content-box; -webkit-box-sizing:content-box; }
.homepage #banner .column-2 .pagination .active input { background:#FFF; color:#ED008C; }
.homepage #banner .column-3 { width:163px; padding:25px 16px 9px 16px; float:right; color:#0B2357; }
.homepage #banner .column-3 .button { width:100%; margin:0 -2px; }
#join-today { width:100%; padding:8px 0 14px 0; float:left; font-size:105%; line-height:1.2em; }
#already-member { width:100%; margin:5px 0 0 0; padding:13px 0 8px 0; float:left; border-top:1px solid #FAB051; font-weight:bold; font-size:90%; }

/* Homepage banner links */

a.tnc_banner:link, a.tnc_banner:hover, a.tnc_banner:visited, a.tnc_banner:focus, a.tnc_banner:active { color: #fff; font-size: 70%; }
a.banner_link, a.banner_link:hover, a.banner_link:visited, a.banner_link:focus, a.banner_link:active { color: #fff; }

.homepage #content .column-1 { width:312px; margin:0 14px 0 10px; float:left; display:inline; position:relative; overflow:hidden; }
.homepage #content .column-1 ul { width:320px; margin:0; float:left; display:inline; font-size:90%; }
.homepage #content .column-1 li { width:152px; margin:0 8px 0 0; padding:0 0 7px 0; float:left; display:inline; position:relative; overflow:hidden; }
.homepage #content .column-1 li.clear { clear:left; }
.homepage #content .column-1 li a { width:100%; float:left; text-decoration:none; line-height:1.05em; font-weight:bold; background:url(/site-files/cms-templates/images/generic/panel_small.png) no-repeat center top; }
.homepage #content .column-1 li img { margin:6px 7px 6px 5px; display:block; }
.homepage #content .column-1 li .title { padding:1px 5px 0 5px; display:block; }
.homepage #content .column-2 { width:433px; float:left; position:relative; overflow:hidden; }
.homepage #content .column-2 .scrollable { width:100%; max-width:433px; overflow:auto; }
.homepage #content .column-2 ul { width:438px; margin:0; padding:1px 0 0 0; float:left; display:inline; font-size:90%; }
.js .homepage #content .column-2 ul { width:50000px; }
.homepage #content .column-2 ul li { width:140px; margin:0 6px 0 0; padding:0 0 10px 0; float:left; display:inline; }
.homepage #content .column-2 ul li.clear { clear:left; }
.js .homepage #content .column-2 ul li.clear { clear:none; }
.homepage #content .column-2 ul li a { width:126px; margin:2px 0 0 0; padding:10px 7px 20px 7px; float:left; text-decoration:none; position:relative; background:url(/site-files/cms-templates/images/generic/slider_panel.png) no-repeat right bottom; position:relative; line-height:1.25em; }
.homepage #content .column-2 ul li a:hover,
.homepage #content .column-2 ul li a:focus,
.homepage #content .column-2 ul li a:active { color:#0B2357; background-position:left bottom; }
.js .homepage #content .column-2 ul li a { visibility:hidden; }
.homepage #content .column-2 ul li .title { padding:0 0 1px 0; display:block; font-weight:bold; }
.homepage #content .column-2 ul li a .top { width:140px; margin:-12px -7px 0 -7px; height:2px; float:left; display:inline; position:relative; overflow:hidden; background:url(/site-files/cms-templates/images/generic/slider_panel.png) no-repeat right top; }
.homepage #content .column-2 ul li a:hover .top,
.homepage #content .column-2 ul li a:focus .top,
.homepage #content .column-2 ul li a:active .top { background-position:left top; }
.homepage #content .column-2 ul li a img { margin:-11px -6px 6px -6px; float:left; display:inline; position:relative; }
.homepage #content .column-3 { width:187px; margin:30px 10px 0 0; padding:0 0 2px 0; float:right; display:inline; background:url(/site-files/cms-templates/images/generic/facebook_panel.png) no-repeat center bottom; }
.homepage #content .column-3 .facebook { width:173px; height:188px; padding:10px 7px; float:left; background:url(/site-files/cms-templates/images/generic/facebook_panel.png) no-repeat center top; position:relative; }



/* Homepage Logged In */
.homepage-logged-in .container { width:960px; padding-left:10px; padding-right:10px; background-color:#FFF; }
.homepage-logged-in #banner .column-1 { width:260px; height:auto !important; height:220px; min-height:220px; padding:25px 20px 10px 20px; float:left; color:#FFF; background:url(/site-files/cms-templates/images/personal_hp/bg_top_left.jpg) no-repeat left top #9C157C; }
.homepage-logged-in #banner .column-1 div { width:100%; float:left; line-height:1.3em; }
.homepage-logged-in #banner .column-1 h1 { color:#FFF; font-size:225%; line-height:1.1em; }
.homepage-logged-in #banner .column-1 p { line-height:1.3em; }
.homepage-logged-in #banner .column-2 { width:465px; float:left; }
.homepage-logged-in #banner .column-3 { width:165px; height:auto !important; height:235px; min-height:235px; padding:10px; float:right; color:#0B2357; font-size:90%; }
.homepage-logged-in #banner .column-3 div { width:100%; float:left; }
.homepage-logged-in #banner .column-3 .image { margin:-10px -10px 10px -10px; float:left; display:inline; }
.homepage-logged-in #banner .column-3 h2 { font-size:115%; }
.homepage-logged-in #banner .column-3 p { margin-bottom:15px; line-height:1.2em; }
.homepage-logged-in #banner .column-3 div.button { width:167px; margin:0 -1px -10px -1px; }


#rewards-message { width:980px; margin:-8px -10px 10px -10px; padding:0 0 26px 0; float:left; display:inline; background:url(/site-files/cms-templates/images/personal_hp/bg_message_box.png) no-repeat center bottom; font-size:90%; position:relative; }
#rewards-message .content { width:100%; margin:-2px 0 0 0; padding:10px 0 0 0; float:left; background:url(/site-files/cms-templates/images/personal_hp/bg_message_box.png) no-repeat center top; }
#rewards-message .title { width:120px; margin:0 0 -16px 0; padding:0 5px; float:left; display:inline; text-align:center; color:#FFF; font-weight:bold; position:relative; }
#rewards-message .inner { width:784px; margin:0 40px -16px 0; padding:0 12px; float:right; display:inline; color:#0B2357; position:relative; }
#rewards-message .close { width:38px; height:100%; position:absolute; right:0; top:-1px; }
#rewards-message .close button { width:100%; height:100%; border:none; outline:none; background:url(/site-files/cms-templates/images/generic/btn_close_message.png) no-repeat 0px center; }
.js #rewards-message .close,
.js #rewards-message .close button { cursor:pointer; }
#rewards-message .close-over button { background-position:-38px center; }

#rewards-list { width:960px; padding:0 0 50px 0; float:left; display:inline; }
#rewards-filter { width:100%; margin:2px 0 0 0; padding:5px 0 13px 0; float:left; display:inline; background:url(/site-files/cms-templates/images/personal_hp/bg_filter.png) no-repeat center bottom; }
#rewards-filter div { float:left; }
#rewards-filter .top { width:100%; height:2px; margin:-7px 0 0 0; background:url(/site-files/cms-templates/images/personal_hp/bg_filter.png) no-repeat center top; position:relative; overflow:hidden; }
#rewards-filter .column-1 { width:120px; padding:15px 5px 0 5px; text-align:center; }
#rewards-filter .column-2 { width:114px; padding:0 25px 0 28px; }
#rewards-filter .column-3 { width:194px; padding:0 18px 0 24px; }
#rewards-filter .column-4 { width:129px; padding:0 29px 0 0; }
#rewards-filter .column-5 { width:143px; padding:0 11px 0 28px; }
#rewards-filter .column-6 { width:72px; padding:16px 0 0 0; }
* + html #rewards-filter .column-6 { padding-top:17px; }
#rewards-filter h3 { font-size:110%; }
#rewards-filter label { width:100%; float:left; color:#0B2357; font-size:85%; font-weight:bold; }
#rewards-filter .select,
#rewards-filter .input { width:100%; float:left; }
#rewards-filter select { width:100%; margin:0; padding-top:2px; padding-bottom:2px; }
#rewards-filter .input input { width:135px; height:auto !important; height:20px; min-height:20px; margin:0; padding:0 3px; }
* + html #rewards-filter .input input { height:auto !important; height:17px; min-height:17px; padding:0 3px; }
#rewards-list table { width:100%; float:left; font-size:90%; }
#rewards-list th { padding:8px; text-align:left; color:#0B2357; background:#F3F2F0; vertical-align:middle; font-weight:bold; }
#rewards-list th .sortable { position:relative; }
.js #rewards-list th .sortable { float:left; padding:0 17px 0 0; cursor:pointer; }
#rewards-list th button { width:9px; height:8px; margin:0; padding:0; outline:none; border:none; background:url(/site-files/cms-templates/images/personal_hp/arrows_sorting.jpg) no-repeat center bottom; overflow:hidden; font-size:0; line-height:0; position:absolute; right:0; top:5px; cursor:pointer; display:none; }
.js #rewards-list th button { display:block; }
#rewards-list th.headerSortDown button { background-position: center top; }
#rewards-list td { padding:8px; vertical-align:middle; }
#rewards-list .even td { background:#FAFAFA; }
#rewards-list .odd td { background:#F5F5F5; }
#rewards-list table .column-1 { width:98px; }
#rewards-list table .column-2 { width:122px; font-weight:bold; }
#rewards-list table .column-3 { width:222px; }
#rewards-list table .column-4 { width:101px; }
#rewards-list table .column-5 { width:138px; }
#rewards-list table .column-6 { width:83px; }
#rewards-list table .column-7 { width:84px;}

/* Login */
.login #banner { margin:-10px 0 0 0; }
.login #banner .content { width:910px; height:auto !important; height:92px; min-height:92px; padding:30px 35px 105px 35px; background:url(/site-files/cms-templates/images/login/bg_header_login.png) no-repeat center top #A61E91; color:#FFF; font-size:120%; }
.login #banner h1 { color:#FFF; font-size:145%; }
.login #content { height:auto !important; height:230px; min-height:230px; margin:0 0 -35px 0; padding:0 0 80px 0; background:#FFF; position:relative; }
.login #content-inner { width:920px; padding:0 30px 31px 30px; float:left; position:relative; background:url(/site-files/cms-templates/images/login/3-cols.png) no-repeat 14px bottom; }
* + html .login #content-inner { padding-bottom:36px; }
.login #content .top { width:100%; height:90px; margin:-90px 0 0 0; float:left; position:relative; overflow:hidden; background:url(/site-files/cms-templates/images/login/3-cols.png) no-repeat -16px top; z-index:0; }
.login #content .column-1 { width:380px; margin:-90px 0 0 240px; padding:20px 30px; float:left; display:inline; position:relative; z-index:2; }
.login #content .column-1 h2 { padding-bottom:20px; font-size:180%; }
.login #content .column-1 label { width:75px; }
.login #content .column-1 .input { width:247px; }
.login #content .column-1 .input input { width:235px; }
.login #content .column-1 .forgot-password { width:297px; float:right; display:inline; font-size:85%; }
.login #content .column-1 .forgot-password a:hover,
.login #content .column-1 .forgot-password a:focus,
.login #content .column-1 .forgot-password a:active { color:#0B2357; }
.login #content .column-2 { width:210px; margin:-69px 0 0 -680px; padding:20px 15px 70px 15px; float:left; display:inline; position:relative; z-index:1; }
.login #content .column-2 h3 { padding-right:65px; }
.login #content .column-2 .button { margin:0 22px 0 21px; }
.login #content .column-3 { width:210px; margin:-69px 0 0 0; padding:20px 15px 70px 15px; float:right; display:inline; position:relative; z-index:1; }
.login #content .column-3 h3 { padding-right:33px; }
.login #content .column-3 .button { margin:0 21px 0 22px; }
.login .form-error { margin:0 0 20px 0; padding:0 0 10px 0; background-image:url(/site-files/cms-templates/images/login/login_error_shadow.png); border:none; }
.login .form-error .content { width:338px; }
.login #content .column-1 .form-error h2 { padding:0 0 5px 0; font-size:150%; }
.login .tooltip { width:30px; margin:3px 0 0 0; float:right; }
.login .tooltip button { width:30px; height:30px; background-image:url(/site-files/cms-templates/images/login/btn_tooltip_large.png); }
.login .tooltip-over button { background-position:-30px 0px; }



/* Sharing */
.share { width:100%; margin:-3px 0 0 0; padding:0 0 10px 0; float:left; position:relative; color:#0B2357; font-size:90%; }
.share ul { margin:0; float:right; }
.share li { height:auto !important; height:20px; min-height:20px; padding:1px 14px 1px 15px; float:left; display:inline; background:url(/site-files/cms-templates/images/reward_detail/share_div.gif) no-repeat left top; }
.share li.first { margin:0 -1px 0 1px; padding:1px 0 1px 0; background:#FFF; position:relative; font-weight:bold; }
.share .facebook iframe { border:none; overflow:hidden; width:75px; height:21px; }
.share .google-plus iframe { width:71px; height:20px; margin:0px; border-style:none; position:static; left:0; top:0; visibility:visible; }
.share .twitter { padding-right:0; }
.share .twitter iframe { width:90px; height:20px; }



/* Reward Detail */
.reward-detail .container { width:960px; padding-left:10px; padding-right:10px; background-color:#FFF; }
.reward-detail #banner { margin:0 0 40px 0; background:url(/site-files/cms-templates/images/reward_detail/bg_left.png) no-repeat left top #9C1581; color:#FFF; }
.reward-detail #banner .column-1 { width:434px; padding:25px 40px 10px 20px; float:left; }
.reward-detail #banner .column-1 div { float:left; clear:both; width:434px;}
.reward-detail #banner .column-1 h1 { color:#FFF; font-size:215%; line-height:1.1em; }
.reward-detail #banner .column-2 { width:466px; margin:0 0 -18px 0; float:right; }
.reward-detail #banner .column-3 { width:105px; height:104px; position:absolute; left:451px; bottom:-38px; }
.reward-detail #content .column-1 { width:619px; padding:0 20px 0 20px; float:left; }
.reward-detail #content .column-2 { width:240px; padding:0 20px 0 0; float:right; }
.reward-detail #content-inner img.left{float:left;margin:0 50px 20px 0;}
.reward-detail #content-inner img.right{float:right;margin:0 0 20px 50px;}
#claim-reward { width:100%; margin:-40px 0 25px 0; float:left; position:relative; z-index:0; overflow:hidden; }
.js #claim-reward { position:absolute; left:-999999px; top:-999999px; }
.js #claim-reward.open { position:relative; left:0; top:0; }
#claim-reward .top { width:100%; height:6px; float:left; background:url(/site-files/cms-templates/images/reward_detail/dropdown_shadow.gif) repeat-x left top; position:relative; overflow:hidden; }
#claim-reward .content { width:916px; padding:15px 22px 15px 22px; float:left; display:none; background:#F0F0F0; }
.js #claim-reward .content { display:block; }
#claim-reward .tooltip .content, #claim-reward #tesco .tooltip .content { width:165px; padding:0 0 0 8px; float:none; background:url(/site-files/cms-templates/images/reward_detail/tooltip.png) no-repeat left top; }


#claim-reward .tooltip .content-over { left:30px; }
#claim-reward .tooltip .content .inner { background:#FFF; }
#claim-reward .noscript { width:100%; padding:70px 0 50px 0; font-weight:bold; text-align:center; background:#F0F0F0; }
#claim-reward .base { width:100%; height:6px; float:left; background:url(/site-files/cms-templates/images/reward_detail/dropdown_shadow.gif) repeat-x left bottom; position:relative; overflow:hidden; }
#claim-reward .close { margin:5px -16px 0 20px; float:right; display:inline; cursor:pointer; font-size:85%; font-weight:bold; color:#0B2357; }
#claim-reward .close span { margin:2px 0 0 0; padding:0 5px 0 0; float:left; line-height:1.2em; cursor:pointer; }
#claim-reward .close button { width:20px; height:20px; float:left; display:inline; background:url(/site-files/cms-templates/images/generic/btn_close_message.png) no-repeat -11px -10px; outline:none; border:none; cursor:pointer; }
#claim-reward .close-over button { background-position:-49px -10px; }
#claim-reward h3 {}
#claim-reward .column-1 { width:444px; float:left; }
#claim-reward .column-1 .submit { margin:0 37px 0 0; float:right; }
#claim-reward .listvouchers #ylong.button,.listvouchers .button-submit-grey #ylong div.start { width:211px; float:right;}
#claim-reward .listvouchers .button,.listvouchers .button-submit-grey div.start { width:104px; }

.listvouchers .button-submit-grey div.start input {width:84px;}
#claim-reward .column-2 { width:444px; float:right; }
#claim-reward .column-2 .change { margin:10px 0 0 0; float:left; }
#claim-reward .column-2 .buy { margin:8px 53px 0 0; float:right; display:inline; }
#claim-reward .column-2 .copy { margin:8px 0 0 0; float:right; visibility:hidden;  }
#claim-reward .form-element { padding:10px 0; border-top:1px solid #D7D7D7; }
* + html #claim-reward .form-element { padding:12px 0 10px 0; }
#claim-reward label { width:172px; padding:3px 8px 0 0; float:left; font-weight:bold; font-size:105%; }
#claim-reward label.label-extended { width:220px; }
#claim-reward .column-2 label { padding-top:9px; }
#claim-reward .select { width:225px; }
* + html #claim-reward .select { padding:4px 0; }
#claim-reward select { width:100%; padding:5px; font-size:90%; height:30px;}
#claim-reward .tooltip { width:auto; margin:0; float:right; }
#claim-reward .listvouchers .tooltip { float:left; }
#claim-reward .tooltip button { width:30px; height:30px; background-image:url(/site-files/cms-templates/images/login/btn_tooltip_large.png); }
#claim-reward .tooltip-over button { background-position:-30px 0px; }
#claim-reward .input { width:180px; height:27px; }
#claim-reward .listvouchers .input { width:180px; }
#claim-reward .input input { width:168px; text-align:center; font-size:135%; }

#claim-reward .small-text { padding:4px 0 0 0; }
#claim-reward #column-2-passcode .small-text { padding:10px 0 0 0; }

/* Registration */
.register #torso-inner .container { background:#FFF; }
.register #banner { width:700px; height:auto !important; height:50px; min-height:50px; margin:-10px 0 0 0; padding:30px 140px 80px 140px; background:url(/site-files/cms-templates/images/login/bg_header_login.png) no-repeat center top #A61E91; }
.register #banner h1 { color:#FFF; }
.register #content { margin:-68px 0 0 0; background:url(/site-files/cms-templates/images/register/interior_panel_top.png) no-repeat center top; }
.register #content-inner { width:700px; height:auto !important; height:430px; min-height:430px; padding:35px 140px 55px 140px; background:url(/site-files/cms-templates/images/register/interior_panel_bottom.png) no-repeat center bottom; }
* + html .register #content-inner { padding-bottom:70px; }
.register h3 { padding:0; color:#666; font-size:125%; font-weight:normal; line-height:1.4em; }
.register h5 { padding:0 0 2px 0; color:#666; }
.register form { width:100%; padding:25px 0 0 0; float:left; }
.register .form-group { border-top:1px solid #E5E5E5; }
.register .form-element { width:540px; padding:0 80px 12px 80px; }
.register .form-element label { width:140px; padding:4px 12px 0 0; text-align:right; font-size:90%; }
.register .form-element .input { width:310px; padding:0; }
.register .form-element .input input { width:298px; padding:4px 5px; }
* + html .register .form-element .select { padding:3px 0 2px 0; }
.register .form-element .select select { width:310px; padding:4px 5px; }
.register .form-controls { border-top:1px solid #E5E5E5; }
.register .form-controls.no-border { border:none; }
.register .form-controls .button-narrow { margin:4px 0 0 0; }
.register .required { width:470px; margin:-15px 0 0 0; padding:0 115px 15px 115px; float:left; font-style:italic; font-weight:bold; font-size:85%; position:relative; }
.register .clubcard .required { padding:0 115px 15px 0;}
.register .tcs { width:640px; padding:15px 0 0 60px; font-size:85%; position:relative; }
.register .tcs .checkbox { margin:25px -15px 10px -45px; }
.register .tcs .formError .formErrorContent { font-size:120%; }
.register .register-account-type { width:440px; padding:30px 80px 30px 180px; font-size:110%; }
.register .register-account-type h5 { padding:0 0 20px 0; }
.register .register-account-type .form-element { width:100%; padding:0 0 12px 0; }
.register .register-account-type .form-element .radio { width:36px; }
.register .register-account-type .form-element label { width:264px; padding:0; text-align:left; font-size:100%; cursor:pointer; }
.register .register-preferences { width:300px; padding:30px 0 20px 20px; }
.register .register-preferences .form-element { width:100px; padding:0 0 35px 0; }
.register .register-preferences .form-element .checkbox { width:25px; margin:1px 0 0 0; }
.register .register-preferences .form-element label { width:auto; padding:2px 0 0 0; text-align:left; }
.register .password-strength { margin:0 0 0 148px; }
.register .telephone .input,
.register .mprn-gprn .input { width:228px; }
.register .telephone .input input,
.register .mprn-gprn .input input { width:216px; }
.register .telephone .select,
.register .mprn-gprn .select { margin-right:8px; }
.register .telephone .select select,
.register .mprn-gprn .select select { width:74px; }
.register #recaptcha_holder { width:345px; padding-left:148px; padding-right:47px; }

.register .skip { width:100%; padding:0 0 10px 0; float:left; text-align:center; font-size:85%; }
* + html .register .skip { padding-top:15px; }

#registration-progress { width:708px; height:auto !important; height:63px; min-height:63px; margin:-30px -120px 20px -120px; padding:0 116px; float:left; display:inline; position:relative; background:#F4F2F3; }
#registration-progress ul { width:100%; margin:-6px 0 0 0; float:left; background-image:url(/site-files/cms-templates/images/register/progress_bar.png); background-repeat:no-repeat; position:relative; }
#registration-progress li { margin:0 2px 0 0; padding:46px 10px 7px 10px; float:left; display:inline; text-align:center; font-size:85%; font-weight:bold; color:#C9C8C8; }
#registration-progress li.step-1 { width:220px; padding-left:0; }
#registration-progress li.step-2 { width:220px; }
#registration-progress li.step-3 { width:180px; }
#registration-progress li.step-4 { width:115px; padding-right: 0; }
#registration-progress li.step-5 { width:134px; margin-right:0; padding-right:0; text-align:right; }
#registration-progress li.active { color:#666; }
#registration-progress li.complete { color:#ADACAC; }
.registration-progress-step-1 ul { background-position:0px 0px; }
.registration-progress-step-2 ul { background-position:-708px 0px; }
.registration-progress-step-3 ul { background-position:-1416px 0px; }
.registration-progress-step-4 ul { background-position:-2124px 0px; }
.registration-progress-step-5 ul { background-position:-2832px 0px; }


.register .jumper { height:auto !important; height:110px; min-height:110px; background:url(/site-files/cms-templates/images/register/jumper.png) no-repeat  5px 30px; }
.register .jumper-inner { position:absolute; top:30px; left:-100px; width:110px; height:110px; background:url(/site-files/cms-templates/images/register/jumper.png) no-repeat; }
.register #clubcard { position:relative; }
.register .jumper-outer { top:140px; left:-90px; position:absolute; height:auto !important; height:110px; min-height:110px; width:110px; background:url(/site-files/cms-templates/images/register/jumper.png) no-repeat  top left;}

.pref-column-1 {position:relative;float:left; width:325px; margin-right:50px}
.pref-column-2 {float:left; width:325px; }
.pref-column-1 h5,.pref-column-2 h5 {color: #0B2357;}

/* My Profile / Other */
.my-profile #torso-inner .container,
.other #torso-inner .container { background:#FFF; }
.my-profile #banner,
.other #banner { width:754px; margin:-10px 0 0 0; float:right; }
.my-profile #banner .content,
.other #banner .content { width:650px; min-height:129px; margin:0 0 0 -226px; padding:23px 80px 10px 250px; background:url(/site-files/cms-templates/images/my_profile/header.png) no-repeat center top #ED008F; color:#FFF; font-size:120%; }
.other #banner .content { background-image:url(/site-files/cms-templates/images/other/header.png); }
.my-profile #banner h1,
.other #banner h1 { padding:0 0 25px 0; color:#FFF; font-size:165%; }
#profile-navigation,
#sub-navigation { width:220px; margin:7px 0 0 0; padding:0 6px 30px 0; float:left; display:inline; background:url(/site-files/cms-templates/images/my_profile/bg_left_nav.png) no-repeat right top; position:relative; z-index:2; }
#profile-navigation .content,
#sub-navigation .content { width:100%; float:left; background:url(/site-files/cms-templates/images/my_profile/nav_shading.png) no-repeat right bottom; }
#profile-navigation ul,
#sub-navigation ul { width:100%; margin:0; float:left; }
#profile-navigation li,
#sub-navigation li { width:100%; height:auto !important; height:38px; min-height:38px; float:left; background:#FFF; border-bottom:1px solid #EBEBEB; }
#profile-navigation li.selected,
#sub-navigation li.selected { background:#F7F7F7; }
#profile-navigation a,
#sub-navigation a { width:170px; padding:10px 25px; float:left; color:#666; text-decoration:none; }
#profile-navigation a:hover,
#profile-navigation a:focus,
#profile-navigation a:active,
#sub-navigation a:hover,
#sub-navigation a:focus,
#sub-navigation a:active { color:#EC008C; }
#profile-navigation .selected a,
#sub-navigation .selected a { color:#333; font-weight:bold; }

.my-profile .couple ul { padding-bottom:155px; background:url(/site-files/cms-templates/images/my_profile/people.png) no-repeat 130px bottom; }
.other #sub-navigation ul { padding-bottom:105px; background:url(/site-files/cms-templates/images/other/left_icon_contact.png) no-repeat 140px bottom; }

.my-profile #content,
.other #content { width:705px; margin:22px 25px 20px 0; float:right; clear:right; }
.my-profile #content div.column-1 { width:310px; margin:0 40px 0 0; float:left; }
.my-profile #content div.column-2 { width:310px; float:left; }
.my-profile .button-submit-wide { width:171px; }
.my-profile .button-submit-wide div.start { width:160px; background-image:url(/site-files/cms-templates/images/register/btn_save.png); }
.my-profile .button-submit-wide div.start div { background:none; }
.my-profile .button-submit-wide div.start input { width:145px; padding:7px 13px 10px 13px; text-align:center; }
* + html .my-profile .button-submit-wide div.start input { width:171px; }
.my-profile .button-submit-wide div.end { background-image:url(/site-files/cms-templates/images/register/btn_save.png); }
.my-profile .form-group,
.other .form-group { padding:0; }
.my-profile .required { width:400px; padding:0 212px 16px 93px; float:left; font-size:85%; font-style:italic; font-weight:bold; position:relative; }
.my-profile .form-element label { width:205px; padding:4px 8px 4px 0; text-align:right; font-size:90%; }
.my-profile .form-element .input { width:280px; padding:0; }
.my-profile .form-element .input input { width:268px; padding:4px 5px; }
.my-profile .telephone .input { width:198px; }
.my-profile .telephone .input input { width:186px; }
.my-profile .telephone .select { margin-right:8px; }
* + html .my-profile .telephone .select { padding:3px 0; }
.my-profile .telephone .select select { width:74px; padding:4px 5px; }
.my-profile .password-strength { margin-left:213px; padding:0 0 10px 0; }
.my-profile .form-controls { padding:18px 0 0 0; }
.my-profile .tcs { width:585px; margin:18px 0 12px 0; padding:15px 60px; font-size:85%; border:solid #E5E5E5; border-width:1px 0; }
.my-profile .tcs .checkbox { margin:15px 0 0 -50px; }
.my-profile .tcs .checkbox input { margin:0; }
.my-profile .tcs h5 { padding:0 0 2px 0; color:#666; }
.my-profile .tcs p { margin:0; }
.my-profile .opt-outs { padding-bottom:0; }
.my-profile .opt-outs .form-element { padding-bottom:15px; }
.my-profile .opt-outs .checkbox { margin-top:2px; }
.my-profile .opt-outs h5 { font-size:115%; }

#books, #other, #rewards-history { width:100%; margin:8px 0 0 0; float:left; background:url(/site-files/cms-templates/images/my_profile/table_backdrop.png) no-repeat center bottom; }

#books th.column-1,#other th.column-1, #rewards-history th.column-1 {padding:12px 10px 8px 5px; border-right-color:#9E9E9E; }
#books th.column-2,#other th.column-2, #rewards-history th.column-2 {padding:12px 10px 8px 5px; border-right-color:#9E9E9E; border-left-color:#636363; }
#books th.column-3,#other th.column-3, #rewards-history th.column-3 {padding:12px 10px 8px 5px; border-right-color:#9E9E9E; border-left-color:#636363; }
#books th.column-4,#other th.column-4, #rewards-history th.column-4 {padding:12px 10px 8px 5px; border-right-color:#9E9E9E; border-left-color:#636363; }
#rewards-history th.column-5 {padding:12px 10px 8px 5px; border-left-color:#9E9E9E; }
#rewards-history th.column-6 {padding:12px 10px 8px 5px; border-left-color:#9E9E9E;  }
#rewards-history th.column-7 {padding:12px 10px 8px 5px; border-left-color:#9E9E9E; }
#rewards-history th.column-8 {padding:12px 10px 8px 5px; border-left-color:#9E9E9E; }
#rewards-history th { padding:12px 10px 8px 10px; border-left-color:#9E9E9E; border-right-color:#636363;}
#books td.column-1,#other td.column-1, #rewards-history td.column-1 { width:88px; padding:12px 15px 8px 20px; border-right-color:#FFF; }
#books td.column-2,#other td.column-2, #rewards-history td.column-2 { width:310px; padding:12px 20px 8px 20px; border-right-color:#FFF; }
#books td.column-3,#other td.column-3, #rewards-history td.column-3 { width:50px; padding:12px 15px 8px 15px; border-right-color:#FFF; }
#books td.column-4,#other td.column-4, #rewards-history td.column-4 { width:104px; padding:9px 20px 1px 20px; }

.point_bg_colour {background: #cd3fae !important; border-right: #cd3fae !important; border-bottom: #cd3fae !important;}
.point_bg_colour1 {background: #ffeaff !important; border-right: #ffeaff !important;}


.tabs { width:100%; float:left; }
.tabs ul.tabNavigation { width:99%; float:left; margin:0 10px 0 0; padding-left:10px; border-bottom:1px solid #DCDCDC;}
.tabs ul.tabNavigation li { margin:0 3px; padding:0; float:left; display:inline; border-left:1px solid #DCDCDC; border-right:1px solid #DCDCDC; border-top:1px solid #DCDCDC;}
.tabs ul.tabNavigation li a { float:left; padding:5px 10px; background:#F7F7F7; text-decoration:none;}
.tabs ul.tabNavigation li a.selected { font-weight:bold; margin:0 0 -1px; border-bottom:1px solid #FFF; background:#fff;}

#nominated-user { width:100%; float:left; }
#nominated-user th.column-1 { padding:12px 15px 8px 20px; border-right-color:#9E9E9E; }
#nominated-user th.column-2 { padding:12px 20px 8px 20px; border-right-color:#9E9E9E; border-left-color:#636363; }
#nominated-user th.column-3 { padding:12px 10px 8px 10px; border-left-color:#636363; }
#nominated-user td.column-1 { width:215px; padding:12px 15px 8px 20px; border-right-color:#FFF; }
#nominated-user td.column-2 { width:285px; padding:12px 20px 8px 20px; border-right-color:#FFF; }
#nominated-user td.column-3 { width:104px; padding:9px 10px 1px 10px; }

#deregister { width:100%; float:left; }
#deregister h2 { color:#666; font-size:135%; }
#deregister h3 { color:#666; font-size:115%; }
#deregister form { width:100%; padding:15px 0 0 0; float:left; border:solid #E5E5E5; border-width:1px 0; }
* + html #deregister form { padding-bottom:15px; }
#deregister .form-controls { padding:0; }
#deregister .form-controls h3 { padding:0 0 10px 0; font-size:130%; }
#possible-interest { width:688px; padding:5px 0 10px 0; float:left; clear:both; position:relative; overflow:hidden; }
#possible-interest ul { width:700px; margin:0; float:left; display:inline; font-size:90%; }
#possible-interest li { width:152px; margin:0 11px 0 0; padding:1px 12px 10px 0; float:left; display:inline; position:relative; overflow:hidden; background:url(/site-files/cms-templates/images/my_profile/possible_interest.gif) no-repeat right top; }
#possible-interest li.clear { clear:left; }
#possible-interest li a { width:100%; float:left; text-decoration:none; line-height:1.05em; font-weight:bold; background:url(/site-files/cms-templates/images/generic/panel_small.png) no-repeat center top; }
#possible-interest li img { margin:6px 7px 6px 5px; display:block; }
#possible-interest li .title { padding:1px 5px 0 5px; display:block; }

#faqs { width:100%; float:left; }
#faqs h2 { font-size:140%; }
#faqs h3 { padding:0 0 2px 0; font-size:110%; font-weight:normal; }
#faqs ul { margin:0 0 20px 0; }
#faqs li { padding:0 0 8px 0; line-height:1.1em; }
#faqs a { text-decoration:none; line-height:1.1em; }
#faqs p a { text-decoration:none; line-height:1.4em; }

#set-preferences { width:100%; float:left; position:relative; }
#set-preferences h2 { font-size:115%; padding:0 0 2px 0; }
#set-preferences .form-group { width:650px; padding:10px 20px; background:#FAFAFA; border:solid #E5E5E5; border-width:1px 0; }
#set-preferences .form-element { width:80px; padding:18px 10px 18px 0; font-size:90%; }
#set-preferences .form-element .checkbox { width:65px; }
#set-preferences .form-element .checkbox input { margin:0 3px 0 0; float:left;}
#set-preferences .form-element label { width:auto; margin:-2px 0 0 0; padding:0; font-size:100%; text-align:left; }
#set-preferences .form-controls { padding:20px 0 0 0; }
* + html #set-preferences .form-controls { padding:0 }
#set-preferences .form-controls li { margin:0 0 0 -44px; }

#contact-us { width:100%; margin:-5px 0 0 0; float:left; position:relative; }
#contact-us .column-1 { width:431px; float:left; background:url(/site-files/cms-templates/images/other/contact_box1px.gif) repeat-y left top; }
#contact-us .column-1 .top { width:100%; height:59px; float:left; background:url(/site-files/cms-templates/images/other/contact_box.gif) no-repeat 0px 0px; position:relative; overflow:hidden; z-index:0; }
#contact-us .column-1 .content { width:350px; margin:-25px 0 -50px 0; padding:0 36px 0 21px; float:left; position:relative; z-index:1; }
* + html #contact-us .column-1 .content { margin-bottom:-35px; }
* + html #contact-us .submission .content { margin-bottom:-70px; }
#contact-us .column-1 .form-controls .content { width:100%; margin:0; padding:0; left:0; }
#contact-us .column-1 .form-controls ul { left:0; }
#contact-us .column-1 .form-controls li { padding:0; }
#contact-us .column-1 .base { width:100%; height:72px; float:left; background:url(/site-files/cms-templates/images/other/contact_box.gif) no-repeat 0px -59px; position:relative; overflow:hidden; z-index:0; }
#contact-us .submission .base { background-position:0px -131px; }
#contact-us .column-1 h2 { color:#666; font-size:150%; }
#contact-us .column-2 { width:248px; padding:10px 0 0 0; float:right; }
#contact-us .column-2 h3 { font-size:135%; }
#contact-us .column-2 h4 { padding:0 0 3px 0; font-size:100%; color:#333; }
#contact-us .required { width:100%; margin:-10px 0 0 0; padding:0 0 6px 0; float:left; font-size:85%; font-style:italic; font-weight:bold; position:relative; }
#contact-us .form-element label { width:100%; padding:4px 0 2px 0; font-size:90%; }
#contact-us .form-element .input { width:100%; padding:0; }
#contact-us .form-element .input input,
#contact-us .form-element .textarea textarea { width:338px; min-width:338px; max-width:338px; padding:4px 5px; }
#contact-us .form-element .textarea textarea { height:94px; min-height:94px; max-height:94px; }
#contact-us .form-controls { padding:0; }

.news #content-inner li, .news #content-inner li { list-style: disc; margin-left:15px; }


/* Reward News */
.news  #banner {background:url(/site-files/cms-templates/images/news/bg_header_news.png) no-repeat scroll center top #A61E91;height: auto !important;margin: -10px 0 0;
min-height: 50px;padding: 30px 50px 80px;width: 880px;}
.news #torso-inner .container{background: none repeat scroll 0 0 #FFFFFF;}
.news #content { background: url("/site-files/cms-templates/images/register/interior_panel_top.png") no-repeat scroll center top transparent; margin: -68px 0 0;}
.news h1{color:#fff;}
.news  #banner h2{color:#fff;font-weight:normal;font-size:140%;}
.news  #content-inner{padding: 35px 50px 55px;width:880px;background:url(/site-files/cms-templates/images/news/news_bg_bottom.png) no-repeat center bottom;}
.news.detail  #content-inner{background: url("/site-files/cms-templates/images/register/interior_panel_bottom.png") no-repeat center bottom; }
.news  #content-inner h3{color:#092459;font-weight:bold;font-size: 160%;}
.pagination{font-weight:bold;/*margin-top:28px;float:left;*/}
.pagination a{text-decoration:none;}
#content-inner .sitemap li  { list-style: disc; margin-left:15px; }

.navigation-top { margin-bottom: 30px; clear: both; float: left; width: 100%; text-align: center; }
.navigation-top ol { list-style: none; clear: both; margin: auto; width: 30%; }
.navigation-top ol li { float: left; list-style: none !important; }

.bot-paging { display:block; float: left; text-align: center; width: 100%; }

/* social media */
.news .social-media ul {float: left;margin: -2px 0 0; position: relative;}
.social-media li {display: inline;float: left;height: auto !important;margin: 0 5px;min-height: 21px;overflow-x: hidden;position: relative;}
.social-media .facebook {margin-left: 0;}
.social-media .facebook iframe {border: medium none;height: 21px;overflow: hidden;width: 90px;}
.social-media .google-plus iframe {border-style: none;height: 20px;left: 0; margin: 0;position: static;top: 0;visibility: visible;width: 71px;}
.social-media .twitter {margin-right: 0;}
.social-media .twitter iframe {height: 20px; width: 90px;}
.news.detail .social-media ul {float: right;}
.news.detail .social-media {float:left;width:100%;}
.reward-detail .social-media { float: right; text-align: right;  }
.reward-detail .social-media ul { float: right; margin-bottom: 10px; }
.reward-detail .social-media span { font-weight: bold; color: #0B2357; margin-right: 5px; position: relative; }
.reward-detail .social-media .facebook,.reward-detail .social-media .google-plus { border-right: 1px solid #E5E5E5; }



/* News Overview */
.news  .bg-top{float:left;width:100%;background:url(/site-files/cms-templates/images/news/news_bg_top.png) no-repeat 15px 0;}
.news  #content-inner .post {float:left;width:100%;background:url(/site-files/cms-templates/images/news/news_dots.jpg) no-repeat bottom left;margin-bottom:24px; padding-bottom: 10px;}
.news  #content-inner .post .image{width:181px;float:left;margin:0 50px 20px 0px;background:url(/site-files/cms-templates/images/news/news_shadow_small.jpg) no-repeat bottom left;display:block;padding-bottom:5px;}
.news  #content-inner .post .date{display:block;font-weight:bold;font-size:90%;float:none;}
.news  #content-inner .post.featured{margin-top:14px;}
.news  #content-inner .post.featured h3.entry-title{font-size:220%;line-height:1.2em;}
.news  #content-inner .post h3.entry-title a {text-decoration:none;}
.news  #content-inner .post.featured .image{background:url(/site-files/cms-templates/images/news/news_shadow_large.jpg) bottom left;width:331px;padding-bottom:7px;}
.news  #content-inner .pagination ol{text-align: center;width:100%;}
.news  #content-inner .pagination ol li{display:inline;padding-right:8px;}
.news  #content-inner .pagination ol li .current{color:#ec00bc}



/* News Detail */
.breadcrumbs {margin-bottom:28px;}
.breadcrumbs a{text-decoration:none;font-weight:bold;margin-right:5px;}
.news  #content-inner .column-left{float:left;width:600px;}
.news.detail  #content-inner .social-media{border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;margin:12px 0 20px 0;padding:5px 0;}
.news #content-inner .social-media .date{float:left;}
.news #content-inner img.right{float:right;margin:0 0 20px 50px}
.news #content-inner .column-left img.left{float:left;margin:0 50px 20px 0 }
.news #content-inner .sidebar{width:242px;float:right;}
.news #content-inner .sidebar .comment{color:#092459;font-weight:bold;}
.pagination a.previous{float:left;}
.pagination a.next{float:right;}



/* Quick Login */
#quick-login-wrapper { width:100%; float:left; background:url(/site-files/cms-templates/images/quick_login/qlogin_bg.jpg) repeat-x left bottom #D9ECFB; font-size:85%; position:relative; overflow:hidden; visibility:hidden; display:none; clear:both; }
.js #quick-login-wrapper { display:block; position:absolute; left:0; top:0; }
#quick-login { padding:6px 0 5px 0; float:right; }
#quick-login h3 { padding:3px 0 0 0; float:left; font-size:115%; }
#quick-login .form { float:left; }
#quick-login .form-element { width:auto; padding:0 0 3px 0; }
#quick-login .form-element label { padding:0; display:none; background:#FFF; cursor:text; }
.js #quick-login .form-element label { position:absolute; left:17px; top:3px; display:block; z-index:1; }
#quick-login .form-element .input { width:190px; padding:0; }
#quick-login .form-element .input input { width:168px; padding:2px 5px; float:right; }
#quick-login .form-controls { width:auto; padding:0; }
#quick-login .form-controls .content { left:auto; }
#quick-login .form-controls ul { margin:0; left:auto; }
#quick-login .form-controls li { padding:0 10px; }
#quick-login .forgot-password { margin:4px 0 0 0; float:left; }
#quick-login .forgot-password a { text-decoration:none; }
#quick-login .close { margin:3px 0 0 10px; float:left; display:inline; }
#quick-login .close button { width:20px; height:20px; border:none; outline:none; background:url(/site-files/cms-templates/images/generic/btn_close_message.png) no-repeat -11px -10px; position:relative; overflow:hidden; }
.js #quick-login .close,
.js #quick-login .close button { cursor:pointer; }
#quick-login .close-over button { background-position:-49px -10px; }
#quick-login .button-submit { width:60px; }
#quick-login .button-submit div.start { width:53px; padding:0 7px 0 0; background-image:url(/site-files/cms-templates/images/quick_login/btn_qlogin.png); }
#quick-login .button-submit div.start div { background-image:url(/site-files/cms-templates/images/quick_login/qlogin_arrow.png); }
#quick-login .button-submit div.start input { width:30px; margin:0 -7px 0 0; padding:4px 20px 4px 10px; font-size:110%; }
* + html #quick-login .button-submit div.start input { width:60px; padding:3px 20px 2px 10px; }
#quick-login .button-submit div.end { background-image:url(/site-files/cms-templates/images/quick_login/btn_qlogin.png); }

/* File component */
div.file-component { padding-bottom:20px;}
div.file-component div.icon { float:left; background-repeat: no-repeat; background-position: center center; }
div.file-component div.icon a { display: block; width: 25px; height: 20px; }
div.file-component div.filename .bullet { display: none; }
div.file-component div.info { margin-left: 25px; }
div.file-component span.header { font-weight: bold; }
div.file-component span.size { margin-right: 0.5em; }

/* Blue Banner  */
.blue_banner { float:right; display:inline; position:absolute;  left:477px; top:227px;}
#blue_banner_left { background: url(/site-files/cms-templates/images/banner_left.png) top left no-repeat; float: left; width: 17px; height: 37px; }
#blue_banner_middle { background: url(/site-files/cms-templates/images/banner_center.png) top left repeat-x; float: left; height: 37px; text-transform: uppercase; margin: 0px;    line-height: 47px; color: #fff; font-weight: bold;    font-size: 13pt; }
#blue_banner_right{ background: url(/site-files/cms-templates/images/banner_right.png) top left no-repeat; float: left; width: 27px; height: 37px; }


/* Tesco */
#tesco .form-success { width:700px;  margin-left: 100px;}
#tesco .tooltip-show-me .content-over { left:0; top:2px; }
a.tesco-offer { margin:200px 0 0 3px; display:block; width:159px; height:32px; background: url(/site-files/cms-templates/images/personal_hp/banner-right-link-blank.png) no-repeat; border-top: 0; text-decoration: none !important;}
a.tesco-offer span { color: #fff; font-size: 110%; font-weight: bold; line-height: 2em; margin-left: 10px; }
a.tesco-offer:hover { background: url(/site-files/cms-templates/images/personal_hp/banner-right-link-blank.png) no-repeat 0 -32px;}
#claim-reward #tesco .content { width:655px;}
#claim-reward #tesco .form-success .content { background: url("/site-files/cms-templates/images/register/box_gradient.png") no-repeat scroll left bottom #FFFFFF;}
#claim-reward #tesco .form-controls .content { width:auto;}
#claim-reward #tesco .gprn .tooltip .content {margin-left:-38px;}
#claim-reward #tesco .mprn .tooltip .content {margin-left:-38px;}
#claim-reward #tesco .hometeam .tooltip .content {margin-left:-38px;}
#claim-reward #tesco .column-1 { width:544px; float:left; }
#claim-reward #tesco .column-1 .column-1 { width:270px; }
#claim-reward #tesco .column-1 .column-2 { width:45px; }
#claim-reward #tesco .column-1 .column-3 { width:118px; padding:5px 15px 0px}
#claim-reward #tesco .column-1 .submit { margin:0; float:right; }
#claim-reward #tesco .mprn-gprn .input input {width:122px; padding:4px; line-height:1em; }
#claim-reward .tescovoucher .form-element { padding:0; border-top:none;}
#claim-reward #tesco label { width:242px; padding:3px 8px 0 0; float:left; font-weight:bold; font-size:105%; }
#claim-reward #tesco .listvouchers label { width:180px; }
#claim-reward .tesco .mprn-gprn .select { width:80px; }
#claim-reward #tesco .input input { width:207px; text-align:center; font-size:90%; }
#claim-reward #tesco .listvouchers .input  input { width:150px; text-align:center; font-size:90%; }
#tesco .form-element .input {padding:0;}
#tesco .form-element .input input {padding:4px; height:50px; max-height:50px;}
.tesco #rewards-history { background:#fff url(/site-files/cms-templates/images/my_profile/table_backdrop.png) no-repeat center bottom; margin:0 0 30px 0; }
.tesco #rewards-history.rewards-history-min { width:305px; }
#claim-reward #tesco #register-mprn-gprn {margin-left:5px;}
#historytesco  #rewards-history td.column-4 { width:50px;}
#historytesco  #rewards-history td.column-5 { width:80px; padding:9px 20px 1px 20px;}
#historytesco #rewards-history td.column-3 { width:150px;}
#historytesco #rewards-history td.column-2 { width:150px;}
#historytesco #rewards-history td.column-1 { width:60px; }
#tesco .register .form-controls { border-top:none; }
#claim-reward #tesco .styled-table .column-2 { float:none; }

/* Tesco Clubcard */
.register .clubcard .form-element {width:600px; padding-right:0;}
.register .clubcard .form-element {width:600px; padding-right:0; padding-left:0;}
.register .clubcard .form-element label {width:150px;}
.register .clubcard .form-element .input { width:auto; }
.register .clubcard .form-element .input input {width:60px;}





/* Tesco Clubcard Section */

.progress_box { margin: 5px 0 0 20px; width: 96%; background: #f1f1f1; height: 63px;}
.progress_bar { height: 39px; }
.progress_box ul { margin: 0 0 0 12.5%; }
.progress_box ul li { position: relative; color: #BFBCBD; font-size: 11px; font-weight: bold; list-style-type: none; display: inline; padding: 10px; border-right: 1px solid  #D6D6D6; border-left: 1px solid #ffffff; margin-left: -4px; }

.progress_box ul li.first-item { border-left: none; }
.progress_box ul li.last-item { border-right: none; }
.progress_box ul li.selected_active { color: #666; }

.preferences { width: 50%; float:left; margin: 0 0 7% 0; }
.preferences h3, .associate-accounts h3, .registered-accounts h3 { width: 100%; font-size: 110%; color:#1A437B; font-weight: bold; text-indent: 20px; margin: 0 0 3px 0; }
.associate-accounts h3, .registered-accounts h3 { text-indent: 0px; }
.border-bottom { border-bottom: 1px solid #DEDEDE; height: 2px; width: 90%; margin: 0 0 17px 0; float:left; }
.preferences_title  { float: left !important; margin: 0 30px 0 15px !important; width: 36px }
.border_bottom_full { position: absolute; top: 60%; width: 68%; height: 2px; border-bottom: 1px solid #DEDEDE; float: left; }
.required_text { font-weight: bold; font-style: italic; font-size: 11px; }
.cc_input { float: left;  width: 50px; vertical-align: baseline; width: 70px; margin: 0 0 0 10px; font-weight: bold; text-align: center; }
.tesco_clubcard_label { float: left; vertical-align: baseline; }
.jumper_side { float:left; margin: 0 0 0 -15%; background: url(../images/register/jumper.png) 0 0 no-repeat;  width: 70px; height: 109px;}
.skip_step {margin: 60px 0 0 0; font-size: 11px; text-align: center;}
.span_start { background: url(../images/generic/button_arrow.png) no-repeat right center;}
.associate-accounts, .registered-accounts {width:95%; padding:20px 0 0 0; float:left; position:relative; overflow:hidden; border-top: 1px solid #E5E5E5; margin: 0 0 30px 0; }
.box_title { font-weight: bold; background: #727272; float: left; width: 160px; height: 26px; color: white; border-left: solid 1px #5E5E5E; border-right: solid 1px #9A9A9A; text-align: center;
  padding: 10px 0 0 0;}
.box_content { padding: 15px 0 6px 0; text-align: center; width: 160px; height: 20px; border-right: solid 1px #9A9A9A; border-bottom: solid 1px #9a9a9a; border-left: solid 1px white; float: left; }
 .account_details { float: left; margin: 0 0 25px 0;}
.account_details .holder { float: left; margin: 0 0 20px 0; }
.reward_register_label { width: 110px; text-align: right; float: left; margin: 5px 30px 0 0;}
.holder ul li { float:left; }
h3.tesco_change { padding: 0; color: #666; font-size: 125%; font-weight: normal; line-height: 1.4em; }
.tesco_acc_list { max-width: 500px; }
.mr_hide { display:none;}
.account_show_toggle { cursor: pointer; }
input.sac { box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; background: none repeat scroll 0 0 transparent; border: medium none; color: #00306A; display: inline; float: left; font-size: 100%; font-weight: bold; margin: 0 -10px 0 0; outline: medium none; overflow: visible; padding: 3px 40px 0 21px; position: relative;  text-align: left; width: 165px; z-index: 1; }
.button_yellow_bg { padding: 7px 0 0 0; background-image: url(../images/reward_detail/btn_yellow_buynow.png); background-position: 164px 0; margin: 0; height: 27px; }
.button_yellow_bg_bottom { width: 100%; background-image:url(../images/reward_detail/btn_yellow_buynow.png); background-position: 164px -627px; height: 9px; margin: 27px 0 0 0; }
.button_yellow_bg:hover { background-image: url(../images/reward_detail/btn_yellow_buynow.png); background-position:0 0; }
input.sac_grey { width: 65px; text-align:center; padding: 5px 10px 0 18px; float: left; display: inline; position: relative; text-align: left; outline: none;  border: none;  background: none;  color: #333;  font-size: 90%;  font-weight: bold;}

.input_centre {text-align: center;}
.button_grey_bg { width: 84px; margin: 0 0 10px 10px; height: 27px; }

.button_grey_bg_top {width: 84px; height: 12px; background-image: url(../images/personal_hp/btn_view.png); background-position: 0 625px; }
.button_grey_bg_bottom { width: 100%; background-image:url(../images/personal_hp/btn_view.png); background-position: 0 15px; height: 14px; margin: 0 0 0 0; }
.button_grey_bg:hover .button_grey_bg_bottom  { background-position:0 27px; }
.button_grey_bg:hover .button_grey_bg_top { background-position:84px 620px; }

.something1{ background: white; padding: 5px; }

.confirm_clubcard_label { width: 150px; margin: -9px 0 0 0; }

.button_margin_font { margin: -3px 0 20px 14px; font-size: 80%; }
.button_margin_font_2 { margin: -8px 0 0 38px;  padding: 0; font-size: 90%;}
.tooltip_float_style { float: right;  margin: 0 30% -20px 0; }
.tooltip_float_style_2 { float: right;  margin: -6px 480px -20px 0; }
.button_margin { margin: -5px 0 5px 10px; }

.register #clubcard form {padding-top:15px;}
 #clubcard .validatecard .form-element { width:70px; padding:0 5px; float:left; position:relative; }
 #clubcard .mprn-gprn select { font-size: 90%; height: 30px;  padding: 5px; width: 100%; }
.register #clubcard .mprn-gprn .input, .my-profile #clubcard .mprn-gprn .input { width:210px; }
.register #clubcard .mprn-gprn .input input, .my-profile #clubcard .mprn-gprn .input input { width:190px; padding:4px 5px; }
.register #clubcard .account_details .form-element {padding-left:0;}
.register #clubcard .account_details .form-element label, .my-profile #clubcard .account_details .form-element label {width:120px;}
 .my-profile .account-type .select select { width:284px; padding:4px 5px; }
.indent30 {padding-left:30px;}
.add-more {float:left; margin-bottom:20px; clear: both; width: 100%;}
.even-more {float:left; margin: 20px 0 20px 200px; clear: both; width: 100%;}

/*tesco points legend*/
.points-legend{color: #343434; margin-top: 120px;}
.points-legend h4{color: #343434; margin-bottom: 10px; font-weight: 100}
.points-legend li{display: block; padding-left: 40px;}
.points-legend .legend-info{color: #999;}

/* Cookies Banner */

#cookie-banner { height: 60px;}
#cookie-message { background: #01346b; color: #fff; /*position:absolute;*/ width: 100%; height: 60px; top: 0; left: 0; display:block; float: left; font-size: 90%;}
#cookie-message .cookie-title { color:#fff; float: left; display: block; width: auto; margin: 10px 20px; font-weight: bold; font-size: 13px;}
#cookie-message .cookie-detail { float: left; display: block; width: 680px; margin: 10px 20px; font-size: 90%; }
#cookie-message p { /* color: #5890BF; */ color: #ffffff; line-height: 1.4em; margin-top: 2px; font-size: 11px;}
#cookie-message a { color:#fff; border-color: #fff; }
#cookie-message a:hover, #cookie-message a:focus, #cookie-message a:active { color:#fff; }

#cookie-banner .left-remainder { width: 49.999%; height: auto !important; height: 1px; min-height: 1px; margin-right: -480px; float: left; display: inline;}
#cookie-banner .right-remainder { width: 49.999%; height: auto !important; height: 1px; min-height: 1px; margin-left: -480px; float: left; display: inline;}



/* Chrome 30 banner */
#chrome-banner { height: 47px; display: none; }
#chrome-message {
  background: none repeat scroll 0 0 #fff;
    color: #000000;
    display: block;
    float: left;
    left: 0;
    position: absolute;
    width: 100%;
    padding-top: 5px;
}
#chrome-message p { margin: 0 20px 6px; }




/* Awards Media page */

.awards-urgent img {float: none !important; clear: both !important; display: block; }
.awards-urgent .video { margin: 20px 0; }


/* iframe Component*/
/* for embeding competition forms on offers page based on content width of 320px */

.competition-iframe { position: relative; left: -20px; width: 340px; }



    


    .roxen-edit-box-off { }
    .roxen-edit-box-on {
      outline:          1px dotted #f8bb7b;
      /*background:       #f2f1eb;*/
      background:       #faf9f3;
      -moz-outline:     1px dotted #f8bb7b;     /*  FIXME: invalid CSS  */
    }
    .roxen-edit-marker-off {
      visibility:       hidden;
      display:          block;
      position:         absolute;
    }
    .roxen-edit-marker-on {
      visibility:       visible;
      display:          block;
      position:         absolute;
      background:       URL(/roxen-files/cms-sites/4.5/images/button_edit_comp.gif)
                        top left no-repeat;
      width:            28px;
      height:           13px;
      z-index:          1;
    }
    div.roxen-linkbrowser-anchor a {
      visibility:       visible;
      display:          block;
      position:         absolute;
      background:       URL(/roxen-files/cms-sites/4.5/images/button_link_browser.gif)
                        top left no-repeat;
      width:            28px;
      height:           13px;
      z-index:          1;
    }
  
}
@media screen {

}
@media print {

}