/* -------------------------------------------------- GLOBAL - */ * {margin: 0; padding: 0; outline:none;} /* html {height: 102%;} ??? */ body {background: #fff; font: 62.5%/1.7em verdana, sans-serif; color: #38332b; text-align: center;} img {border: none;} a:link {color: #7b2f77; text-decoration: underline;} a:visited {color: #a25c0a;} a:hover {color: #f26522;} h1, h2, h3, h4, h5, h6 {font-size: 2.2em; line-height: .863em; margin-bottom: .681em; font-weight: normal; color: #983f97; clear:both; } h2, h3, h4, h5, h6 {margin-top:1em;} .three-column-first h2, .three-column-middle h2, .three-column-last h2 {margin-top:0; } h3, h4 {font-size: 1.8em; line-height: 1.333em; margin-bottom: .555em;} h5 {font-size: 1.4em; font-weight:bold; line-height: 1em; margin-bottom: .25em;} p {font-size: 1.2em; line-height:1.3; margin-bottom: 1.666em; text-align: left; /* clear:both; <-- Brian: clear is breaking main spotlight layouts */} address {font-size: 1.2em; margin-bottom: 1.666em; text-align: left; margin-left:5em; font-style:normal; } /* ------------------------- lists - */ ul, ol {list-style-type: none;} li {font-size: 1.2em; line-height: 1.75em;} dt {font-size: 1.2em;} dd {font-size: 1.2em;} /* ------------------------- tables - */ table {clear: both; margin-bottom: 1.5em; border: 2px solid #d2d0b5; width: 100%;} caption {color: #fff; text-align: left; font-size: 2.2em; line-height: .863em; background: #cc0545 url(/contents/images/site/bgExpandableBoxSubHeading.gif) no-repeat 100% 100%; padding: 9px 15px;} caption span {display: block; position: relative; width: 100%;} th {font-size: 1.2em;} td {border-right: 1px solid #d2d0b5; vertical-align: middle; background: #fff none;/* url(/contents/images/site/bgTableCell.gif) repeat-x 0 100% */; height: 90px; padding: 0 15px;} /* ------------------------- tables - */ table.standardTable {clear: both; margin-bottom: 1.5em; border:0; width: 100%;background:#fefdd3 none;} table.standardTable caption {color: #fff; text-align: left; font-size: 2.4em; line-height: normal; background:#7a2a90 url(/contents/images/site/bgDeepPurpleHeading.gif) top right no-repeat; padding:0.227em 0.681em 0.318em;} /* table.standardTable caption span {display: block; position: relative; padding:0.227em 0.681em 0.318em;} */ table.standardTable th {font-size: 1.2em;} table.standardTable td {border-right: 1px solid #ecc278; border-bottom: 1px solid #ecc278; vertical-align: middle; background: #fefdd3 none; height: 90px; padding: 0 15px;} table.standardTable thead th {border-style: solid; border-width: 1px 0; border-color: #98348d; border-top-color: #d2d0b5; color: #fff; font-weight: normal; background: #b43397 /* url('/contents/images/site/bgTableHeadCell.gif') repeat-y 100% 100% */; text-align: center; padding: 10px 0;} table.standardTable thead th.first {border-left-width: 1px; text-align: left; text-indent: 15px;} table.standardTable thead th.last {border-right-width: 1px; background-image: none;} table.standardTable th.logo {font-size: 1em; border-right: 1px solid #ecc278; border-bottom: 1px solid #ecc278; vertical-align: middle; background: #fefdd3 none; height: 90px; padding: 0 15px; text-align: center; width: 33%;} table.standardTable td.logo {text-align: center;} table.standardTable td.details {color: #d71344; font-size: 1.6em; line-height: normal;} table.standardTable td.lastCol { border-right: 0;} table.standardTable td a {font-size: 1.2em;} table.standardTable tr.last th {background:none;} table.standardTable tr.last td {background:none;} table.standardTable.storeslist td {height:auto;padding:5px 15px;} /* ------------------------- forms - */ fieldset {border: none; position:relative;} form li {font-size: 1em; /* font-size: 1.2em; latest kaizen sheet/styles are 1em */ line-height: 1.75em; margin-bottom: 1em;} label {font-size: 1.2em; line-height: 1.333em; } input, textarea, select {font: 1.2em verdana, arial, sans-serif; border: 1px solid #d2d0b5;} input, textarea {background: url(/contents/images/site/bgInputField.png) no-repeat 0 0; padding: .3em 3px;} input[disabled] {background:#dcddde!important;} /* -------------------------------------------------- COMMON - */ .offscreen {position: absolute; left: -9999px;} a.blt {background: url(/contents/images/site/bltOrangeArrow.gif) no-repeat 0 .3em; padding-left: 1em; display: block; text-decoration: none; line-height: 1.333em;} a.blt:visited {background-image: url(/contents/images/site/bltBrownArrow.gif);} a.blt:hover {background-image: url(/contents/images/site/bltPurpleArrow.gif); text-decoration: underline;} th.logo {font-size: 1em; border-right: 1px solid #d2d0b5; vertical-align: middle; background: #fff url(/contents/images/site/bgTableCell.gif) repeat-x 0 100%; height: 90px; padding: 0 15px; text-align: center; width: 33%;} td.logo {text-align: center;} td.details {color: #d71344; font-size: 1.6em; line-height: normal;} td a.blt {font-size: 1.2em;} #skipNav {position: absolute; left: -9999px;} .left {float:left;} .right {float:right;} .clear {clear:both;} /* -- Bulleted List -- */ ul.bullets, ul.bullet {list-style-type:disc;padding:0 0 1.5em 0} ul.bullets li, ul.bullet li {margin:0 0 0 20px;padding:0;} ol.bullets, ol.bullet {list-style-type:decimal;padding:0 0 1.5em 0} ol.bullets li, ol.bullet li {margin:0 0 0 20px;padding:0;} /* ------------------------- sifr font replacement - */ .sIFR-replaced {line-height: normal;} /* sIFR does not size correctly if line-height is set, font-size gets smaller if line-height is less than 1em */ .sIFR-replaced embed {margin: 1px 0 0; vertical-align: text-top; width: 100%;} .sIFR-alternate {position: absolute; left: -9999px;} .sIFR-jquery {/*position: absolute;*/} /* -------------------------------------------------- HEADER - */ #header {position: relative; float: left; text-align: left; background: #fff url(/contents/images/site/header-bg.jpg) no-repeat left top; min-width: 776px; width: 100%!important; max-width: 100%!important;} /* original max-width:1256/1264px*/ #headerInner {float: left; width: 100%; position:relative; } #headerInner a.link-logo {display:block; width:75px; height:65px; position:absolute; left:19px; top:11px; text-indent:-5000px; z-index:10; } .home #headerInner, .register #headerInner, .login #headerInner, .faq #headerInner {padding-bottom: 3px; border-bottom:1px solid #ECC278;} #header-italia-card { position: absolute; right: 0; top: 16px; text-align:right; padding-right:20px; } #header h1 {position: absolute; left: 42px; top: 20px; z-index: 1;} #header #brand {position: absolute; left: 42px; top: 20px; z-index: 1;} #not-you-button {display:none; } /* ------------------------- header links and form container - */ #siteOptions {position: absolute; top: 7px; right: 35px; float: right; width: 100%;} /* width for ff3 */ /* #siteOptions a{ color:#F1BF1C;} */ #siteOptions a{ color:#f0cb52; } #siteOptions div {float: right;} #siteOptions div a {width:143px;text-align:center;background:#fefbb6 url(/contents/images/site/btnLogin.gif) bottom right no-repeat;display:block;padding:5px 10px;color:#6b1f7a;text-decoration:none;} p#welcome {text-align:right; clear:both; float:right; position:absolute; top:0.3em; right:170px; font-size:1.1em; color:#fff; line-height:normal; margin-bottom:0; } p#welcome span {font-size:1.3em; font-weight:bold; } p#welcome span.customerName {text-transform:uppercase; } #siteOptions #login-button {width:143px; background:#fefbb6 url(/contents/images/site/btnLogin.gif) bottom right no-repeat; padding:5px 10px; text-align: center;} #siteOptions #login-button a {background: none; width:auto; display:inline;} #login-button a:hover {text-decoration: underline;} /* ------------------------- primary nav - */ ul#primaryNavigation {clear: both; float: left; padding-left: 152px; margin:6.5em 0 0;} ul#primaryNavigation li {float: left; margin-right: 3px; font-size: 1em; line-height: normal;border:1px solid #fff;} ul#primaryNavigation li a {display: block; float: left; text-decoration: none; /* background: transparent url(/contents/images/site/navigation/bgPrimaryNavTabR.gif) no-repeat 100% 0; */ color: #7b2f77; font-size: 1.5em; text-align: center; white-space: nowrap;} ul#primaryNavigation li a span {display: block; float: left; border:1px solid #ECC278; border-bottom:0; background-color:#fff; padding: 6px 5px 7px 5px; cursor: pointer;} ul#primaryNavigation li a span.primaryNavOn{background:url(/contents/images/site/navigation/bgPrimaryNavTabLon.gif) -1px -1px; margin-top:-1px; padding-bottom:7px; position:relative; top:1px; } /* ----- hover tab state - */ ul#primaryNavigation li a:hover, ul#primaryNavigation li a:focus {position: relative; background: url(/contents/images/site/navigation/bgPrimaryNavTabRon.gif) -1px -1px;} ul#primaryNavigation li a:hover span, ul#primaryNavigation li a:focus span {position: relative; top: 1px; background: url(/contents/images/site/navigation/bgPrimaryNavTabLon.gif) -1px -1px; padding-bottom: 7px; margin-top: -1px;} /* ----- active tab state - */ .home ul#primaryNavigation li#home a { background-image: url(/contents/images/site/navigation/bgPrimaryNavTabRon.gif);} .home ul#primaryNavigation li#home a span {position: relative; top: 1px; background-image: url(../images/site/navigation/bgPrimaryNavTabLon.gif); padding-bottom: 7px; margin-top: -1px;} .collectPoints ul#primaryNavigation li#collectPoints a, .collectPointsOnline ul#primaryNavigation li#collectPointsOnline a { background: url(/contents/images/site/navigation/bgPrimaryNavTabRon.gif) -1px -1px;} .collectPoints ul#primaryNavigation li#collectPoints a span,.collectPointsOnline ul#primaryNavigation li#collectPoints a span {position: relative; top: 1px; background: url(../images/site/navigation/bgPrimaryNavTabLon.gif) -1px -1px; padding-bottom: 7px; margin-top: -1px;} .spendPoints ul#primaryNavigation li#spendPoints a { background-image: url(/contents/images/site/navigation/bgPrimaryNavTabRon.gif);} .spendPoints ul#primaryNavigation li#spendPoints a span {position: relative; top: 1px; background-image: url(../images/site/navigation/bgPrimaryNavTabLon.gif); padding-bottom: 7px; margin-top: -1px;} .my-account ul#primaryNavigation li#my-account a { background-image: url(/contents/images/site/navigation/bgPrimaryNavTabRon.gif);} .my-account ul#primaryNavigation li#my-account a span {position: relative; top: 1px; background-image: url(../images/site/navigation/bgPrimaryNavTabLon.gif); padding-bottom: 7px; margin-top: -1px;} .aboutNectar ul#primaryNavigation li#aboutNectar a { background-image: url(/contents/images/site/navigation/bgPrimaryNavTabRon.gif);} .aboutNectar ul#primaryNavigation li#aboutNectar a span {position: relative; top: 1px; padding-bottom: 7px; margin-top: -1px;} .login ul#primaryNavigation li#my-account a { background-image: url(/contents/images/site/navigation/bgPrimaryNavTabRon.gif); } .login ul#primaryNavigation li#my-account a span {position: relative; top: 1px; background-image: url(../images/site/navigation/bgPrimaryNavTabLon.gif); padding-bottom: 7px; margin-top: -1px;} .register ul#primaryNavigation li#nectarRegister a { background-image: url(/contents/images/site/navigation/bgPrimaryNavTabRon.gif); } .register ul#primaryNavigation li#nectarRegister a span {position: relative; top: 1px; background-image: url(../images/site/navigation/bgPrimaryNavTabLon.gif); padding-bottom: 7px; margin-top: -1px;} /* ------------------------- secondary nav - */ #secondaryNav {clear: both; float: left; width: 100%; background: #faed71 url(/contents/images/site/navigation/bgSecondaryNavTop.gif) repeat-x 0 0; margin-top:0;} #secondaryNavInner {float: left; width: 100%; background:#faed71 ; margin-top: 1px; border-bottom: 2px solid #faed71;} .internal #secondaryNavInner {border-bottom: 2px solid #faed71;} #secondaryNavigation {float: left; margin: 0 20px 0 20px;} #secondaryNavigation li {float: left; line-height: 2.4em;} #secondaryNavigation li.first {padding-left: 2px;} #secondaryNavigation li a {float: left; display: block; padding: 0 12px; background:#faed71 url(/contents/images/site/navigation/borderSecondaryRight.gif) no-repeat 0 3px;} #secondaryNavigation li a:link, #secondaryNavigation li a:visited {text-decoration: none; color: #6d2c91;} /* ----- active and hover tab state - */ #secondaryNavigation li a:hover, #secondaryNavigation li a:focus {float: left; display: block; background: #7a2e76; color: #fff; border-top: 1px solid #98348d; margin-top: -3px; position: relative; z-index:2; top: 2px; padding-bottom: 2px; margin-left: -2px; padding-left: 14px;} #secondaryNavigation li.on a:link, #secondaryNavigation li.on a:visited {float: left; display: block; background: #7a2e76; color: #fff; border-top: 1px solid #98348d; margin-top: -3px; position: relative; z-index:2; top: 2px; padding-bottom: 2px; margin-left: -2px; padding-left: 14px;} /* -------------------------------------------------- WRAPPER - */ #wrapper {width: 100%; margin: 0 auto; padding:0; text-align: left; clear: both;} #pageBody {padding: 0 10px; min-width: 736px; /* max-width: 1216px; <-- Brian: causes BG gradient to not extend to full length of header on wide screens */} /*original max-width: 1216/1224px*/ /* .home #pageBody {background: #fff url(/contents/images/site/bgGradientHome.png) no-repeat 0 0;} */ .collectPoints #pageBody, .collectPointsOnline #pageBody, .spendPoints #pageBody, .my-account #pageBody, .register #pageBody, .aboutNectar #pageBody {background: #fff /* url(/contents/images/site/bgGradient.gif) repeat-x 0 0 */;} .internal #pageBody {background: #fff;} .activation #pageBody {padding-top:10px;} /* ------------------------- breadcrumb - */ #breadcrumb {clear: both; float: left; margin-top: .9em; margin-bottom: .9em; width: 100%;} #internalWrapper #breadcrumb { position:relative; display:block; clear: none; float: none; margin-top: 0; margin-bottom: 0; width: auto; /*margin-left: 234px;*/ } body.my-account.internal #internalWrapper #breadcrumb {clear:none;float:left;display:block;margin-bottom:0;margin-left:27px;margin-top:0;position:relative;width:650px;} body.rewards.internal #internalWrapper #breadcrumb.bycategory, body.collectPoints #internalWrapper #breadcrumb.punti-vendita, body.collectPointsOnline #internalWrapper #breadcrumb.punti-vendita , body.aboutNectar #internalWrapper #breadcrumb {margin-left:27px; float:left; width:70%; } #breadcrumb p {font-size: 1.1em; line-height: 1.727em; color: #333333; margin-bottom: 0; float: left; margin-right: 5px;} #breadcrumb ol li {float: left; font-size: 1.1em; line-height: 1.727em; color: #333333; white-space: nowrap;} #breadcrumb ol li h1 {font-size: 1em; line-height: 1.727em; color: #333333; white-space: nowrap;} #breadcrumb ol li a {background: url(/contents/images/site/bltBreadcrumbArrow.png) no-repeat 100% 50%; padding-right: 12px; margin-right: 5px;} .smallmargin {margin-left:2px;} #internalWrapper #breadcrumb.smallmargin {margin-left:2px !important;} body.collectPointsOnline.internal #breadcrumb p {padding-left: 26px} body.collectPointsOnline.internal #content #breadcrumb p {padding-left: 0px !important} /*body.rewards.internal #internalWrapper #breadcrumb {margin-left:2px !important;}*/ /* ------------------------- internal wrapper - */ #internalWrapper {clear: both; float: left; padding-top: 10px; margin-bottom: 0; width: 100%;} /* ----- tertiary navigation - */ #tertiaryNav {width: 209px; float: left; z-index: 1; position: relative; height:auto;} #tertiaryNav h2 {border-color: #fdb913; border-width: 1px 1px 0 1px; border-style: solid; background-color: #faed71; margin-bottom: 0; margin-top: 0; color: #6d2c91; font-size: 1.2em; line-height: normal; padding: 6px 6px 8px;} #tertiaryNavigation {background: #a23f97; /*border: 1px solid #792860;*/ border-top: 2px solid #792860; width: 209px; margin-bottom: 1.5em;} #tertiaryNavigation li {background: #7a2e76 url(/contents/images/site/navigation/bgTertiaryNavBdrOff.gif) repeat-x 0 100%; color: #fff; line-height: 2.166em; padding-bottom: 1px; width: 207px;} #tertiaryNavigation li.last {background-image: none;} #tertiaryNavigation li.on {background-color: #d71345; width: 207px; border: 1px solid #D71345; border-bottom: 0; } #tertiaryNavigation li a {color: #fff; text-decoration: none; display: block; background: url(/contents/images/site/bullets/bltTertiaryNavOff.gif) no-repeat 7px .85em; padding-left: 20px; width: 185px;} #tertiaryNavigation li a:hover, #tertiaryNavigation li a:focus {text-decoration: underline;} #tertiaryNavigation li.on a {background: url(/contents/images/site/bullets/bltTertiaryNavOn.gif) no-repeat scroll 7px 0.85em;} /* ----- quaternary navigation - */ #tertiaryNavigation li.on ul { width: 207px; margin-left: 0; list-style-type: none; margin-bottom: 0;} #tertiaryNavigation li.on li { border:0; background: #fff url(/contents/images/site/navigation/bgQuaternaryNavBdrOff.gif) no-repeat 100% 100%; font-size: .916em; padding-left: 14px; width: 193px;} #tertiaryNavigation li.on li.on {width: 193px; left: 0; margin-right: 0;} #tertiaryNavigation li.on li a {color: #d71345; background: url(/contents/images/site/bullets/bltQuaternaryNavOff.gif) no-repeat 7px .85em; width: 173px;} #tertiaryNavigation li.on li.on a {background: #feeeef url(/contents/images/site/bullets/bltQuaternaryNavOn.gif) no-repeat 7px .85em; font-weight: bold;} /* ----- content - */ #content {margin-left: 234px;} .no-tertiary-nav {margin-left:0!important; } #contentInner {float: left; /*padding-top: 1em;*/ width: 100%;} /* ------------------------- primary spotlights - */ #primarySpotlightWrapper {float: left; padding: 0 0 1.5em 0; width: 100%;} .home #primarySpotlightWrapper {padding-top: 2em; padding-bottom: 3em;} .primarySpotlightContainer {float: left; /* background: #f1eee5 url(/contents/images/site/bgPrimarySpotlight.png) repeat-x 0 100%; */ /* width: 48.4%; <-- Brian: messing up layouts, not in original? */ width:100%;} #spend {float: right;} .collectPoints #collect, .collectPointsOnline #collect {width: 66.1%;} .spendPoints #spend {float: left; width: 66.1%;} .my-account .primarySpotlightContainer {width: 66.1%;} .eStoresSpotlight {width: 100%;} /* .collectPoints #thankYou {width: 66.1%;} */ .primarySpotlight {position: relative; border: 2px solid #d2d0b5; padding: 4px 4px 2.6em;} .mainSpotlight {padding-bottom: 4px;} .eStoresSpotlight .primarySpotlight {/*float: left;*/ /* moved to ie6 and ie7 styles */} /* ----- primary spotlights nav - */ .featureNavContainer {clear: both; position: absolute; right: 1em; bottom: .6em; left: 1em;} .featureNavContainer ul.featureNav {float: left; width: 20.7em;} .featureNavContainer ul.featureNav li {display: inline; line-height: 1.42em;} .featureNavContainer ul.featureNav li span {display: block; float:left; background: url(/contents/images/site/bgPrimarySpotlightNavBdr.gif) no-repeat 1px 1px; padding-right: 1px; padding-bottom: 1px; margin-right: 4px; text-align: center;} .featureNavContainer ul.featureNav li.prev span {margin-right: 8px;} .featureNavContainer ul.featureNav li.next span {margin-left: 4px; margin-right: 0;} .featureNavContainer ul.featureNav li a {display: block; background: #fff; color: #b9ad93; font-weight: bold; text-decoration: none; border: 1px solid #d2d0b5; padding: .15em .5em;} .featureNavContainer ul.featureNav li.on a {color: #6d2c91; background: #fff001 url(/contents/images/site/bgPrimarySpotlightNavOn.gif) repeat-x 0 100%; border: 1px solid #f1b51c;} /* ----- primary spotlight inner - */ .primarySpotlightInner {background: #fff; border: 1px solid #d2d0b5; margin-bottom: 1em; min-height: 21.7em;} #collect .primarySpotlightInner {background: #fff url(/contents/images/site/bgPrimarySpotlightCollect.png) no-repeat 100% 0;} #spend .primarySpotlightInner {background: #fff url(/contents/images/site/bgPrimarySpotlightSpend.png) no-repeat 100% 100%;} .collectPoints #collect .primarySpotlightInner, .collectPointsOnline #collect .primarySpotlightInner {background-image: url(/contents/images/site/bgCollectPointsSprinkle.png);} .mainSpotlight .primarySpotlightInner {margin-bottom: 0;} .eStoresSpotlight .primarySpotlightInner {overflow: hidden; min-height: 0; height: 1%;} .collectPoints .travelSpotlight h2, .collectPointsOnline .travelSpotlight h2 { color: #00a6e5; } .spendPoints #travel .travelSpotlight { background: #fff url(../images/site/sprinkles/bgPrimarySpotlightTravel.png) right top no-repeat; } .collectPoints .greenSpotlight h2, .collectPointsOnline .greenSpotlight h2 { color: #8EC842; } .spendPoints #green .greenSpotlight { background: #fff url(../images/site/sprinkles/bgPrimarySpotlightGreen.png) right top no-repeat; } .primarySpotlightInner div {clear: both; position: relative; padding-top: 20px; padding-right: 200px; padding-left: 15px;} .collectPoints .primarySpotlightInner div, .collectPointsOnline .primarySpotlightInner div {padding-right: 290px;} .mainSpotlight .primarySpotlightInner div {padding-right: 15px;} #wrapper .travelSpotlight div h2 {color: #00a6f6;} #wrapper .greenSpotlight div h2 {color: #8EC842;} img.right {float:right;padding:10px 0 10px 10px;} .primarySpotlightInner div img {position: absolute; right: 0; top: 0;} .primarySpotlightInner div h2 {margin-bottom: .681em;} .primarySpotlightInner div h2 img {position: static; margin-top: -15px;} .primarySpotlightInner div h3 {font-size: 2.2em; line-height: .863em; margin-bottom: .681em;} #spend h3 {color: #eb7c24;} .mainSpotlight .primarySpotlightInner div h3 {color: #a70049; font-size: 1.6em; line-height: normal;} .eStoresSpotlight .primarySpotlightInner div.spotlightItem ul {float: left; width: 100%;} .eStoresSpotlight .primarySpotlightInner div.spotlightItem ul li {width: 50%; float: left; font-size: 1em; line-height: normal;} .eStoresSpotlight .primarySpotlightInner div.spotlightItem ul li div {padding: 30px; margin: 0;} .eStoresSpotlight .primarySpotlightInner div.spotlightItem ul li div h2 {margin-bottom: 10px;} .eStoresSpotlight .primarySpotlightInner div.spotlightItem ul li div img {position: static; float: right; margin-left: 5px;} .eStoresSpotlight .primarySpotlightInner div.spotlightItem ul li div dt {font-size: 1.4em; line-height: 1.285em; color: #d71344; margin-bottom: 10px;} .eStoresSpotlight .primarySpotlightInner div.spotlightItem ul li div dd.productPrice {font:bold 2.4em "trebuchet ms",sans-serif; color: #d71344;} .eStoresSpotlight .primarySpotlightInner div.spotlightItem ul li div dd.pointsOffer {font-weight: bold; color: #0066b3; font-size: 1.4em;} .eStoresSpotlight .primarySpotlightInner div.spotlightItem ul li div dd.pointsOffer em {text-transform: uppercase; font-style: normal;} .eStoresSpotlight .primarySpotlightInner div.spotlightItem ul li div dd.totalPointsOffer {color: #0066b3; font-size: 1.4em; margin-bottom: 30px;} .eStoresSpotlight .primarySpotlightInner div.spotlightItem ul li div p {margin-bottom: 0;} /* ------------------------- tools - */ #terrificTools {float: right; width: 32.3%; background: #fff; } #terrificTools .expandableBoxInner{ border-width: 2px;} ul.rows li { line-height: normal; padding-bottom: 34px; position: relative;} .infoBox ul.rows li {padding-bottom: 0;} ul.rows li#storeFinder {background: transparent /* url(/contents/images/site/icons/icnMagnifyingGlass.png) no-repeat scroll 0 0 */; } ul.rows li#compareProducts { } ul.rows li#pointsCalculator {background: transparent url(/contents/images/site/icons/icnCalculator.png) no-repeat scroll 0 0; } #terrificTools h2 {background: none; padding: 0; margin-bottom: 4px; border: none; font-size: 2.4em; color: #b43092;} #terrificTools p { margin-bottom: 15px; color: #857362; } ul.rows a { display: block; padding-left: 70px; text-decoration: none; color: #d5791a; position: relative;} ul.rows a:hover strong { text-decoration: underline;} ul.rows a:hover span { text-decoration: underline;} ul.rows strong { font-size: 1.5em; font-weight: normal; display: block; margin: 0 0 4px 0; } ul.rows span { font-size: .9em; display: block; } ul.rows span { color: #857362; } /* ------------------------- info box - */ #primarySpotlightWrapper .infoBox {float: right; width: 32.3%;} /* ------------------------- expandable features - */ .expandableFeatureWrapper {clear: both; float: left; width: 100%;} .expandableBoxContainer {float:left;width:100%;} /* ----- expandable features columns - */ .expandableFeatureWrapper .accountUtilities {float: right; width: 32.3%;} .expandableFeatureWrapper .spotlightFeature {float: left; width: 66.1%;} .expandableFeatureWrapper .spotlightFeatureWide {float: left; width: 100%;} .expandableFeatureWrapper .spotlightFeature1 {float: left; width: 48.8%;} .expandableFeatureWrapper .spotlightFeature1a {float:left; width:48.8%;} .expandableFeatureWrapper .spotlightFeature1b {float:right; width:48.8%;} .expandableFeatureWrapper .spotlightFeature2 {float: right; width: 48.8%;} .expandableFeatureWrapper .spotlightFeature3 {float: left; width: 55.2%;} .expandableFeatureWrapper .spotlightFeature4 {float: right; width: 42.7%;} .expandableFeatureWrapper .spotlightFeature5 {float: right; width: 32.3%;} .expandableFeatureWrapper .spotlightFeature6{width:32.3%!important;margin-bottom:1.5em;margin-left:1.5em;float:left;} /* ----- expandable features container - */ .bonusPointsBox {background: url(/contents/images/site/bgExpandableBoxSprinkleAlt.png) no-repeat 100% 0;} .purpleBorder {text-align:center;padding:10px 0;border:1px solid #9e77b4;} .purpleBorder p {text-align:center;margin:0;color:#7b2f77;} .spendPoints .purpleBorder, .collectPoints .purpleBorder, .collectPointsOnline .purpleBorder{margin-top:10px;} .aggiornare {text-align:left;padding:0;min-height:70px;} .aggiornare h3{margin:0;padding:3px 5px 0 5px;font-size:1.4em;font-weight:bold;} .aggiornare p{text-align:left;padding:3px 5px;} .expandableBoxInner.center p {text-align:center;} .expandableBoxContainer h2, .expandableBoxContainer h3 {position: relative; margin-bottom: 0;/* border: 1px solid #6d2c91;*/ background: #c5368e url(/contents/images/site/bgExpandableBoxHeading.gif) top right no-repeat; color: #fff; padding: .363em .681em .454em;} .expandableBoxContainer h3 {font-size: 2.2em; line-height: .863em; /*border-color: #a70049; background-color: #d01045; background-image: url(/contents/images/site/bgExpandableBoxSubHeading.gif);*/} .expandableBoxContainer h3.finder {background: url(/contents/images/site/icnStoreFinder.png) no-repeat 0 0; padding: 0 0 30px 65px;} .infoBox h2, .expandableBoxContainer h2.yellowBoxHeading, .expandableBoxContainer h3.greenBoxHeading {border-color: #147a3b; background-color: #78ba3e; background-image: url(/contents/images/site/bgGreenHeading.gif);} /* DEPRECATED .expandableBoxContainer h2.redBox {background-color: #D01045; background-image: url(/contents/images/site/bgExpandableBoxSubHeading.gif); border-color: #A70049;} */ .expandableBoxContainer h2.bonusPointsHeading, .expandableBoxContainer h3.bonusPointsHeading {background-image: url(/contents/images/site/bgExpandableBoxHeadingAlt.gif); background-position: 100% 0; border-bottom: 0;} .expandableBoxContainer h2.sIFR-replaced, .expandableBoxContainer h3.sIFR-replaced {padding: .227em .681em .318em; line-height: normal;} .expandableBoxContainer h2.sIFR-replaced {overflow: hidden;} .expandableBoxContainer h2 .sIFR-alternate {display: block; position: absolute; top: 0; height: 0; left: 0; overflow: hidden; width: 0;} .expandableBoxContainer h2.promoHeading { background: none; padding: 0; margin-bottom: 0.555em; border: none; font-size: 2.4em; color: #b43092; } .expandableBox {background: #fefdd3 none; margin-bottom: 1.5em;} .expandableBoxContainer .intro {border-bottom: 0; margin-bottom: 0;} .expandableBoxInner {padding: .9em 1.5em 1.5em; background:#fefdd3 none;} .expandableBox .sprinkle {background: url(/contents/images/site/bgExpandableBoxSprinkle.png) no-repeat 100% 100%;} .offers .expandableBoxInner {padding: 0;} .intro .expandableBoxInner {padding-bottom: 0;} .offers .intro .expandableBoxInner {padding-bottom: 0;} .splitInfoBox {background: url(/contents/images/site/bdrVerticalBar.gif) repeat-y 50% 100%; text-align: center;} .bonusPointsBox .expandableBoxInner {border-top: 0;} .expandableBox .compareProducts {background: url(/contents/images/site/bgCompareProducts.gif) no-repeat 7px 13px;} .expandableBox .sprinkle img {margin-right: -1.6em; float: right; margin-left: 1.25em;} .dealOfTheDay img {float: right; margin-left: 5px;} .expandableBoxInner h3 {color: #b43092; font-size: 1.8em; line-height: 1.333em; margin-bottom: .555em; border: 0; background: none; padding: 0;} .infoBox .expandableBoxInner h3 {color: #a70049; font-size: 1.7em; line-height: 1.176em;} .expandableBoxInner h3.sIFR-replaced {padding: 0; line-height: normal;} .expandableBox .compareProducts h3 {padding-left: 65px;} .expandableBoxInner h3 span {display: block; color: #983f97; font-size: .888em;} .expandableBoxInner h3 em {text-transform: uppercase; font-style: normal;} .expandableBoxInner p {margin-bottom: 0; padding-bottom: 1.071em;color:#71296f;} .intro .expandableBoxInner p {font-size: 1.4em; line-height: 1.285em; padding-bottom: 1.071em;} .expandableBox .sprinkle p {padding-right: 130px;} .offers .expandableBoxInner p {color: #b43092; font-size: 2.1em; line-height: 1.19em; background: url(/contents/images/site/bgBonusPointsOffers.gif) repeat-x 0 100%; margin-bottom: 0; padding: 20px 15px;} .expandableBox .compareProducts p {padding-left: 65px;} .infoBox .expandableBoxInner img {float: right; margin-left: 5px;} .infoBox .splitInfoBox img {float: none; margin-left: 0; margin-bottom: 5px;} .infoBox .splitInfoBox p, .infoBox .splitInfoBox li {text-align: left;} .infoBox li {line-height: normal; margin-bottom: .5em;} .splitInfoInnerBox1 {float: left; width: 48%;} .splitInfoInnerBox2 {float: right; width: 48%;} /* ----- expandable features list - */ ul.featureList li {clear: both; position: relative; border-bottom:1px solid #F1C03D; padding: 1.25em 0 1.25em 1.25em; overflow: hidden;} ul.featureList li.last {border-bottom: 0; margin-bottom: 0;} ul.featureList.currentOffers li {font-size: 1.5em; line-height: 1.2em; color: #b43092;} ul.featureList.bonusPointsOffers li div {float: left; width: 50.4%; line-height: 1.33em;} ul.featureList.bonusPointsOffers li div.bonusOffer {text-align: center; width: 182px;} ul.featureList.currentOffers li div {float: left; width: 65%;} ul.featureList li img {float: right; margin-top: -1.25em; margin-left: 1.25em;} ul.featureList.bonusPointsOffers li div img {float: none; margin-top: 0; margin-left: 0;} ul.featureList.currentOffers li img {float: left; margin-top: 0; margin-left: 0; margin-right: 15px; padding: 3px; border: 1px solid #d2d0b5;} ul.featureList.currentOffers li.discount img {padding: 0; border: none;} ul.featureList.bonusPointsOffers li div em {display: block; text-transform: uppercase; color: #d71344; font-size: 2em; line-height: normal; font-style: normal; font-family: "trebuchet ms",sans-serif;} ul.featureList.bonusPointsOffers li div em span {text-transform: none; font-size: .583em; font-family: verdana,sans-serif;} ul.featureList.bonusPointsOffers li div a.blt {margin-top: 10px;} ul.featureList.currentOffers li div a.blt {margin-top: 10px; line-height: normal} ul.featureList li strong {font: normal 1.5em/normal verdana,sans-serif; color: #d71344;} ul.featureList li strong.points {font: 2.166em/.769em "Trebuchet MS",verdana,sans-serif; color: #d71344;} ul.featureList.hotOffers li strong {font: normal 1.5em/normal verdana,sans-serif; color: #d71344;} ul.featureList li strong span {display: block; font: normal .666em/1.25em verdana,sans-serif; color: #a70049; padding-bottom: 1.666em;} ul.featureList li strong.points span {display: block; font: normal .576em/1.333em verdana,sans-serif; padding-bottom: .666em;} ul.featureList li strong em {font-style: normal; text-transform: uppercase;} ul.featureList.hotOffers li span {display: block; font-size: 1.5em; line-height: 1em; color: #a70049; padding-bottom: .777em;} ul.featureList.clubs li span {display: block; font-size: .916em; line-height: 1.272em; padding-bottom: .363em;} ul.featureList.hotOffers li span em {font-style: normal; text-transform: uppercase;} ul.featureList.currentOffers li em {text-transform: uppercase; font-style: normal;} ul.featureList.currentOffers li a.blt {font-size: .8em; line-height: 1.5em;} ul.featureList li p img { float: right; } /* ----- product intro (spend points internal) - */ #productIntro {/*margin-bottom: 4em;*/ margin-bottom: 1.5em; float: left; width: 100%; /*min-height: 24.3em;*/ height: auto!important; height: 24.3em;} #productIntro.sponsor { background: none;margin-top:10px; } #productIntro h2 {position: relative; font-size: 2.2em; line-height: 1.555em; margin-bottom: 0; margin-right: 243px;} #productIntro p.author {font-size: 1.5em; line-height: 1.866em; margin-bottom: 6px;} #productIntro p.author strong {font-weight: normal; color: #619e43;} #productImg {position: relative; margin-right: 20px; top: -35px;width:245px;height:245px;background:#fff;border:0px solid #e7e7e7; float:right; z-index:10; } #productIntro p.points {font-size: 1.8em; line-height: 1.555em; margin-bottom: 0; margin-right: 243px;color:#007ec1;height:78px;width:200px;padding:0;} #productIntro p.points strong {font: 1.666em/.933em "trebuchet ms",sans-serif; font-weight: bold;} /*#productIntro p.points {background:transparent url(/contents/images/site/cup-of-points.gif) top left no-repeat;} /* #productOptions {position: relative; width:270px;padding:10px;} /*#productOptions p.howToOrder {position: absolute; bottom: .4em; left: 200px; color: #0066b3; font-size: 1.6em; background: #fff url(/contents/images/site/icons/icnMouse.gif) no-repeat 0 0; padding-left: 75px; width: 200px; min-height: 3.687em; height: auto!important; height: 3.687em; margin-bottom: 0;}*/ #productOptions p.storeFinder {position: absolute; bottom: .4em; left: 200px; color: #0066b3; font-size: 1.6em; background: #fff /* url(../images/site/icons/icnMagnifyingGlass.png) no-repeat 0 0 */; padding-left: 75px; width: 200px; min-height: 3.687em; height: auto!important; height: 3.687em; margin-bottom: 0; float: none; position: static; left: auto; width:auto;} /* ----- product detail (tabbed content) - */ #productDetail {clear: both; float: left; margin-bottom: 2em; width: 100%;} #productDetailTabs {float: left; padding: 0 15px;} #productDetailTabs li {float: left; font-size: 1em; line-height: normal; margin-right: 5px; white-space: nowrap;} #productDetailTabs li a {display: block; background: #d11045 url(/contents/images/site/bgTabbedNavOff.gif) repeat-x 0 100%; color: #fff; text-decoration: none; font-size: 1.5em; border-width: 1px 1px 0; border-style: solid; border-color: #a70049; padding: 7px 14px 8px;} #productDetailTabs li a:hover {background: #fff; color: #857362; border-width: 2px 2px 0; border-style: solid; border-color: #d2d0b5; position: relative; top: 2px; margin-top: -2px; padding: 8px 13px;} #productDetailTabs li.on a {background: #fff; color: #857362; border-width: 2px 2px 0; border-style: solid; border-color: #d2d0b5; position: relative; top: 2px; margin-top: -2px; padding: 8px 13px;} #productDetailInner {clear: both; border: 2px solid #d2d0b5;margin: 0 0 1em;} #productDetailContent {padding: 10px 15px;} #productDetailInner h3 {color: #d71344; margin-bottom: 0;} #productDetailInner p.summary {margin-bottom: 17px; background: url(/contents/images/site/bgProductDetailSummary.gif) repeat-x 0 100%; padding-bottom: 16px;} #productDetailInner dt {font: 1.6em/1.5em verdana,sans-serif; color: #d71344;} #productDetailInner dd {font: bold 1.2em/1.333em verdana,sans-serif; color: #38332b; margin-bottom: 20px;} #productDetailTabsReward {float: left; padding: 0 15px;} #productDetailTabsReward li {float: left; font-size: 1em; line-height: normal; margin-right: 5px; white-space: nowrap;} #productDetailTabsReward li a {display: block; background: #c5368e url(/contents/images/site/bgTabbedNavOffReward.gif) repeat-x 0 100%; color: #fff; text-decoration: none; font-size: 1.5em; border-width: 1px 1px 0; border-style: solid; border-color: #c5368e; padding: 7px 14px 8px;} #productDetailTabsReward li a:hover {background: #fff; color: #857362; border-width: 2px 2px 0; border-style: solid; border-color: #d2d0b5; position: relative; top: 2px; margin-top: -2px; padding: 8px 13px;} #productDetailTabsReward li.on a {background: #fff; color: #857362; border-width: 2px 2px 0; border-style: solid; border-color: #d2d0b5; position: relative; top: 2px; margin-top: -2px; padding: 8px 13px;} /* ----- sponsor intro - */ /* ----- coloured alert panel - */ .alertPanel {padding: 15px; color: #fff; margin-bottom: 15px;} .alertBox.last {margin-bottom: 0;} .alertPanel.greenAlertPanel {border: 2px solid #86c040; background: #6d9e31 url(/contents/images/site/bgInfoBox.gif) repeat-x 0 100%;} .alertPanel.orangeAlertPanel {border: 2px solid #f57f15; background: #f26622 url(/contents/images/site/bgInfoBoxOrange.gif) repeat-x 0 100%;} .alertPanel.blueAlertPanel {border: 2px solid #0092c8; background: #0092c8 url(/contents/images/site/bgInfoBoxBlue.gif) repeat-x 0 100%;} .alertPanel.businessAlertPanel {border: 2px solid #0092c8; background: #00a5e3 url(/contents/images/site/bgNectarBusinessAlert.gif) no-repeat 100% top; /*margin-bottom: 0;*/ padding-right: 135px;} .alertPanel h3 {color: #fff; font-size: 2.4em; line-height: normal; margin-bottom: 5px;} .alertPanel p {margin-bottom: 10px; font-size: 1.8em; line-height: 1.166em;} .alertPanel p.pointsTotal {text-align: right;} .alertPanel p.pointsTotal strong {display: block; font-size: 1.8em; font-weight: normal; text-align: right;} .alertPanel a.icn {display: block; /* background: url(/contents/images/site/icons/icnMagnifyingGlass.png) 0 0 no-repeat;*/ color: #fff; text-decoration: none; font-size: 1.2em; padding: 10px 10px 10px 73px;} /* .alertPanel a.icn.icnFinder {background: url(/contents/images/site/icons/icnMagnifyingGlass.png) 0 0 no-repeat;} */ .alertPanel a.icn.icnCalculator {background: url(/contents/images/site/icons/icnCalculator.png) 0 0 no-repeat;} .alertPanel a.icn:hover {text-decoration: underline;} /* ----- internal page intro - */ #internalSponsorImg {float: right; margin-bottom: 1.5em;} #internalIntro {float: left; margin-bottom: 1.5em; width: 45.8%;margin-top:2em;} #internalIntro h2 {position: relative; color: #7a2a90; font-size: 2.2em; margin-bottom: 8px;} #internalIntro p {font-size: 1.3em; line-height: 1.538em;} /* ----- advertising banners - */ #bannerVertical {text-align: center;} #bannerHorizontal {text-align: center; margin-bottom: 1em;} .banner {clear: both; text-align: center; padding: 1em 0; width: 100%;} .horizBanner {text-align: right; position: relative; top: -3em;} /* ----- flash video box - */ .expandableBoxInner .flashBox {float: left; clear: both; width: 100%; text-align: center; margin: .5em 0 .9em 0;} .expandableBoxInner .flashBox img {float: none; margin: 0; width: 100%;} .expandableBoxInner blockquote p {font-size: 1.6em; color: #857362;} .expandableBoxInner p img {float: right; margin-left: 1em;} .testimonial p.blockquote { float:none; text-align: right; width:auto;} /* ----- flash video box primary tools - */ .primarySpotlight .flashBox { margin:0; padding:0;} .primarySpotlight .flashBox img { position: static; right: auto; top: auto; margin: 0; } .primarySpotlight .flashBox img, .primarySpotlight .flashBox object, .primarySpotlight .flashBox embed { } /* ----- tag cloud - */ ul.tagCloud { float: left; list-style-type: none; margin-left: 0; margin-bottom: 0; } ul.tagCloud li { display: inline;} ul.tagCloud li a { padding: 0 5px;} .tagSize1 { font-size: 1.2em;} .tagSize2 { font-size: 1.5em;} .tagSize3 { font-size: 1.8em;} .tagSize4 { font-size: 2em;} .tagSize5 { font-size: 2.4em;} .tagSize6 { font-size: 2.8em;} /* Nectar eStore tiles */ ul.list {margin-left:10px; list-style:none; } ul.list * {text-align:left;} ul.list li {list-style:none;clear:none;margin:0 0 0.2em;padding:0 0 0.3em; background:transparent url('/contents/images/hdots2.gif') repeat-x scroll -4px bottom; overflow:auto;} ul.list li input {float:left; margin-top:3em; border:0; background:0; } ul.list .res_comp_itemreview p a {display:block; } ul.list .res_comp_itemreview {text-align:center;} ul.list li .res_comp_itemreview a {margin:0;} ul.list li .res_comp_itemreview img {margin:0 auto;} ul.list li .res_comp_itemdesc {margin:0 auto;} ul.list .desc {margin:1em 0 0;float:left;display:inline;width:22%;} ul.list .desc a {margin:0 auto; font-size:1em; display: block; text-decoration: underline; } ul.list .desc a:hover{text-decoration:underline;} ul.list .desc a.rewardtitle {font-weight: bold;} ul.list .image {padding:10px 1%;float:left; width:150px; height:120px; margin-right:1em; overflow:hidden; } ul.list .image a {border-bottom:none;display:block; text-align: center;} ul.list .res_comp_itemimg .product_image {margin:0;} ul.list .res_comp_itemprice {font-size:1em;} ul.list .res_comp_itembtn {font-size:0.9em;} ul.list .review {float:left;margin-left:1%;margin-top:1em;width:15%;font-size:0.8em;} ul.list .review * {vertical-align:middle;margin:.5em 0;} ul.list img {margin:0;} ul.list .price {margin:1em 0 0 1%;width:29%;float:left; text-align: center;} ul.list .price * {text-align:left;margin-left:0; } ul.list .compare a { float: none; display: block; position: static; border: 1px solid #f1b51c; background: #f1bf1c url('/contents/images/site/btnSubmit.gif') repeat-x 0 100%; font-weight: bold; color: #6d2c91!important; width: 120px;margin: 0 auto .5em auto; padding: 2px 7px 3px 7px; cursor: pointer; text-decoration: none; font-size: 1em; text-align: center; } ul.list .price p { font-size: 1em; text-align: center; font-weight:bold; margin-bottom:.5em; } ul.list .price p.compare {font-weight:normal; margin-bottom: .5em; } ul.list .percent {font-size:1.2em;} #displayswitcher {overflow:auto;} /* - display as gallery view - */ ul.gallery {margin-left:10px;overflow:auto; list-style:none; } ul.gallery li {list-style:none;width:29%; float:left;clear:none;padding:0 2%;background:transparent url('/conten/contents/images/hdots2.gif') -20px 42px no-repeat;} ul.gallery li input {float:left; margin-top: 3em; border: 0; background: 0; } ul.gallery .sub-desc, ul.gallery .res_comp_itemreview p a {text-align:center;display:none;} ul.gallery .res_comp_itemreview {text-align:center;width:100%;} ul.gallery li .res_comp_itemreview a {margin:0;} ul.gallery li .res_comp_itemreview img {margin:0 auto;} ul.gallery li .res_comp_itemdesc {width:90%;margin:0 auto;} ul.gallery .desc {width:80%;text-align:center;margin:0 auto 0.6em;height:2.7em;overflow:hidden;} ul.gallery .image {text-align:center;margin-bottom:0.6em;height:100px;} ul.gallery .image a {border-bottom:none;display:block;text-align:center;} ul.gallery .res_comp_itemimg {text-align:center;} ul.gallery .res_comp_itemimg .product_image {margin:0;} ul.gallery .res_comp_itemprice {font-size:1em;text-align:center;} ul.gallery .res_comp_itembtn {text-align:center;font-size:0.9em;} ul.gallery .review {text-align:center;height:5em;font-size:0.8em;} ul.gallery .review span {display:none;} ul.gallery img {margin-top:1em;} ul.gallery .price p {text-align:center;margin-top:1em;font-weight:bold;} ul.gallery .percent {display:none;} ul.gallery .price p {margin:0 0 .5em; font-size: 1em; text-align: center; } ul.gallery .compare a {display:block; width:110px;margin:0 auto .5em;position: static; border: 1px solid #f1b51c; background: #f1bf1c url(/contents/images/site/btnSubmit.gif) repeat-x 0 100%; font-weight: bold; color: #6d2c91!important; padding: 2px 7px 3px 7px; cursor: pointer; text-decoration: none; font-size: 1em; text-align: center; } /* ----- spend by points listing - */ .pointsRow {float: left; clear: both; width: 100%; margin: 1.25em 0 0.9em;} .pointsItem {float: left; margin-right: 1.25%;width: 24%; padding: 0; text-align: center;} .pointsItem.last {margin-right: 0;} .pointsItem p {font-size: .9em; margin: 0; text-align: center;} .pointsItem ul {font-size: .9em ; list-style: none; margin: 0;} .pointsItem ul li {margin: 0 0 .4em; text-align: left; height: 1%;} .pointsItem a.blt {} .morePointItems { font-size: 1.1em; float: none; clear: both; margin: 0; text-align: right; } /* ----- nectar clubs points list - */ .pointsList li { padding:0 0 1.25em; } .pointsList h3 { color: #D71344; margin: 0 0 4px 0; } .pointsList img { float: right; } .pointsList img.starRating { float: none; margin-bottom: .5em;} .pointsList img.thumbFrame { padding: 11px 11px 26px; background: url(../images/site/bgThumbFrame.png) 0 0 no-repeat; } .pointsList p span { font-size: 1.2em; display: block; font-weight: normal;} .pointsList p strong { font-size: 1.2em; display: block; font-weight: normal; color: #a70049; margin-bottom: .5em; } .pointsList .pounds { font-size: 1.5em; color: #D71344; } .pointsList .expandableBoxInner { padding: 0; } .pointsList .inner { clear: both; min-height: 100px; padding: .9em 1.5em 0 1.5em; background: url(../images/site/bgFeatureListItem.gif) left bottom repeat-x; } .pointsList .inner.last { background: none; } /* ----- categories list - */ .categoryTabs {clear: both;} .copyTabs ul {clear: both; overflow: hidden; height: 1%; list-style-type: none; margin: 0 0 1em;} .categoryTabs ul li {float: left; font-size: 1.8em; line-height: normal; text-transform: uppercase; border-right: 1px solid #D8D6BF; text-align: center; width: 3.7%;} .categoryTabs ul li.last {border-right: 0;} .categoryTabs ul li a {text-decoration: none;} .categoryTabs ul li a:hover {text-decoration: underline;} ul.categoryList {float: left; list-style-type: none; margin-bottom: 20px; margin-left: 0; width: 100%;} ul.categoryList li {float: left; font-size: 1em; width: 100%;} ul.categoryList li h3 {font-size: 1.55em; line-height: .863em; background: #af0348 none; color: #fff; border: 1px solid #A70049; padding: 8px 15px; margin: 0;} ul.categoryList li ul {float: none; overflow: hidden; list-style-type: none; margin-bottom: 0; margin-left: 0; background: url(../images/site/accordion/goldBorder.gif) repeat-y 0 0; padding: 10px; border: 2px solid #d2d0b5; width: auto;} ul.categoryList li ul li {width: auto;} ul.categoryList li ul li a {margin: 0 0 10px 20px;} /*--------------------------------------------- */ #content ul.featureList { list-style: none; margin: 0;} #content #productDetailTabs { position: relative; list-style: none; margin: 0; } .faqsListing { padding:0;} .faqsListing ul { list-style: none; margin:0; } .faqsListing li { font-size: 1em; padding: 10px 1.5em 0; background: #fff url(../images/site/bdrDashed.gif) repeat-x scroll 0 100%; } .faqsListing li.alt { background-color: #efeee5; } .faqsListing li.last { background-image: none;} ul.featureListHoriz {list-style-type: none; margin-bottom: 0; margin-left: 0;} .infoBox ul {list-style-type: none; margin-bottom: 0; margin-left: 0;} p.seeMore {font-size: 1em; margin-bottom: 0; clear: both; text-align: right; float: left; width: 100%; background:transparent url(../images/site/bgExpandableBoxInner.gif) repeat-x scroll 0pt 100%!important;color:#B43092;font-size:1em!important;line-height:normal!important;padding:20px 15px;padding: 20px 0!important;} /* ------------------------- footer - */ #footer {text-align:center;color:#58595b;clear: both; background-color:#f6f6f6; border: 2px solid #f6f6f6; padding: 15px 0 5px 15px; position: relative;} #footer:after {display:block; visibility:hidden; clear:both; height:0; content: ".";} #footer ul {clear: both;margin:auto;} /*original width 450px*/ #footer ul#footerSite {margin-bottom: 1em;} #footer ul li {display:inline; line-height: normal; border-right: 1px solid #d8d6bf; padding-right: .833em; margin-right: .833em;} #footer ul li.last {border-right: 0; padding-right: 0; margin-right: 0;} #footer a {color:#58595b} #wrapper #footer img {position: absolute; right: 10px; top: -40px; z-index: 5;} /* ------------------------- copyright - */ p#copyright {clear: both; color: #6d6e71; padding: 0 1.416em;width:auto;margin:auto;text-align:center;} p#copyright a:link, p#copyright a:visited {color: #6d6e71; text-decoration: none;} p#copyright a:hover {text-decoration: underline;} /* ------------------------- spend category index - */ #categoryIndex, .categoryListing, .categoryDetails {background:#FEFDD3 none;overflow:auto;padding:0;margin:0;list-style:none;width:100%;} .categoryDetails ul { margin: 0; list-style: none; } .categoryDetails ul li { margin: 0 0 1em 0; list-style: none; } .categoryListing ul.col1{float:left;width:48%;} .categoryListing ul.col2{float:left;width:48%;} .categoryDetails ul ul { width: auto; margin: 0 0 1em 2.25em; list-style: none; } #categoryIndex li {float:left;width:30%;padding-right:1em;} .categoryDetails h3 {background:#8D2662 none;border:1px solid #8D2662;clear:both;color:#FFFFFF;font-size:1.3em;margin:0;line-height:0.863em;padding:8px 15px;} .categoryDetails .expandableBoxInner {position:relative; /* background: url(/contents/images/site/bgVerticalDash.gif) repeat-y 168px 0; */} .categoryDetails li li {margin: 0;border:0;font-size:1em;font-weight:bold;padding-right:0.5em;} .categoryDetails li li li {clear:both;font-weight:normal;width:auto;list-style:none;font-size:0.9em;} .categoryDetails .popularRetailers {float:left;width:150px;} .categoryDetails .popularRetailers ul {padding:0;margin:0;} .categoryDetails .popularRetailers li {list-style:none;text-align:center;width:130px;} .categoryDetails .categoryBreakdown {margin-left:180px;} ul.categoryDetails {margin-bottom:10px;} /* Decorative 1-2-3 list */ .intro ol.decorativeList { margin: 0 0 1em 0; list-style: none; } .intro ol.decorativeList li { padding: 15px 0 0 50px; min-height: 36px; } .intro ol.decorativeList li.item1 { background: url('../images/site/bullets/1flower.png') left center no-repeat; } .intro ol.decorativeList li.item2 { background: url('../images/site/bullets/2flower.png') left center no-repeat; } .intro ol.decorativeList li.item3 { background: url('../images/site/bullets/3flower.png') left center no-repeat; } /* survey questions */ .survey li {margin-bottom:2.5em!important; float:left; } .survey li li {margin-bottom:.5em!important; } .survey li p {float:left; margin:0 1em .5em 0; } .survey li label {width:auto!important; } .survey li li label {margin-bottom:0!important; } .survey .providers li label {width:200px!important; } .survey li input {margin-right:1em; margin-bottom:0; } .survey li select {display:block; clear:left; margin-left:2em; margin-bottom:0; float:none; } .survey li li select {display:inline; margin-left:0; margin-bottom:0; } /* ----------------------------- FROM SCREEN APPENDIX -----------------------------------*/ /* GLOBAL STYLES */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .primarySpotlightInner div h2 { line-height: 1.05em; margin-bottom: 0.681em;} .collectPoints #collect .primarySpotlightInner.travelSpotlight, .collectPointsOnline #collect .primarySpotlightInner.travelSpotlight { background: #fff url(/contents/images/site/sprinkles/bgPrimarySpotlightTravel.png) right top no-repeat; } .spendPoints #spend.primarySpotlightContainer { width:66.1%; } .spendPoints #spend .primarySpotlightInner.treat { background: #fff url(/contents/images/site/bgPrimarySpotlightSpendLand.png) right top no-repeat; } .spendPoints #spend .primarySpotlightInner.treat div { padding-right: 250px; } .spendPoints #spend h2 { margin: 0; } .spendPoints #spend h3 { color:#B43092; } .spendPoints img.right { float: right; margin: 0 0 .4em 0; } .spendPoints h3 img { margin: .5em 0; } .spendPoints .companyOffers h3 { color: #d71344; } .spendPoints #travel.primarySpotlightContainer { width: 100%; } .spendPoints #travel .primarySpotlightInner.travelSpotlight { background: #fff url(/contents/images/site/sprinkles/bgPrimarySpotlightTravel.png) right top no-repeat; } .spendPoints #travel .primarySpotlightInner.travelSpotlight div { padding-right: 300px; } .aboutNectar #about {width:66.1%; } .aboutNectar #about .primarySpotlightInner.nectarGuide { background: #fff url(/contents/images/site/sprinkles/bgPrimarySpotlightGuide.png) right top no-repeat;} .aboutNectar #about .mainSpotlight .primarySpotlightInner div { padding-right: 250px; min-height: 266px;} .aboutNectar #about .primarySpotlightInner h3 { font-size: 1.5em; margin-bottom: 1em; } #content ul.featureList { list-style: none; margin: 0;} #content #productDetailTabs { position: relative; list-style: none; margin: 0; } .alertPanel li { margin-bottom: .5em; } .alertPanel li a.blt { color: #fff; text-decoration: none; background:transparent url(/contents/images/site/bltWhiteArrow.png) no-repeat scroll 0 0.3em; } .alertPanel li a:hover { text-decoration: underline; } /* Product views */ .productViewWrapper { float: left; clear: both; width: 100%; } .productViewWrapper .expandableBoxInner { padding: 0; } .productViewWrapper.small h3 { font-size: 1.8em; color: #d71344; text-align: left; background: none; margin: .555em 0 .555em 0; padding: 0; border-bottom: 0;} .companyLogo { margin: .9em 0; } .swipeCard { background: transparent url(/contents/images/site/icons/icnCreditCard.png) no-repeat scroll 0 0; color:#0066B3; font-size:1.6em; height:auto!important; margin-bottom:0; min-height:3.687em; padding: .6em 0 0 90px; } .swipeCard a { color:#0066B3; text-decoration: none; } .swipeCard a:hover { text-decoration: underline; } /* blockquote */ .blockquoteWrapper { float: left; clear: both; width: 100%; } .blockquote { float: right; width: 104px; padding-left: 1em; color: #983f97; } .blockquote strong { font-size: 1.2em; color: #333; } .blockquote img { margin: 0 0 .5em 0; padding: 3px; border-width: 1px; border-style: solid; border-color: #f2f0e8 #d6d5bc #d6d5bc #f2f0e8 ; } /* faqs */ ol.faqs {list-style-type: none; margin-left: 0; margin-bottom: 0;} ol.faqs li { padding: 10px 0 0 56px; min-height: 36px; } .faq1 { background: url(/contents/images/site/bullets/1flower.png) left center no-repeat } .faq2 { background: url(/contents/images/site/bullets/2flower.png) left center no-repeat } .faq3 { background: url(/contents/images/site/bullets/3flower.png) left center no-repeat } /*points list */ .pointsList li { padding:0 0 1.25em; } .pointsList h3 { color: #D71344; margin: 0 0 4px 0; } .pointsList img { float: right; } .pointsList img.starRating { float: none; margin-bottom: .5em;} .pointsList img.thumbFrame { padding: 11px 11px 26px; background: url(/contents/images/site/bgThumbFrame.png) 0 0 no-repeat; } .pointsList p span { font-size: 1.2em; display: block; font-weight: normal;} .pointsList p strong { font-size: 1.2em; display: block; font-weight: normal; color: #a70049; margin-bottom: .5em; } .pointsList .pounds { font-size: 1.5em; color: #D71344; } .pointsList .expandableBoxInner { padding: 0; } .pointsList .inner { clear: both; min-height: 100px; padding: .9em 1.5em 0 1.5em; background: url(/contents/images/site/bgFeatureListItem.gif) left bottom repeat-x; } .pointsList .inner.last { background: none; } /* estores listings */ .eStoresListing .expandableBoxInner { padding:0; } .eStoresListing .intro { padding:0.9em 1.5em; background:transparent url(/contents/images/site/bgFeatureListItem.gif) repeat-x scroll 0 100%; } .eStoresListing #productDetailsContent { padding: 10px 0;} .eStoresListing ul.featureList li { padding: 0.9em 1.5em 1.5em; } .eStoresListing ul.featureList li .inner { margin: 0 0 0 165px; } .eStoresListing ul.featureList li h3 { font-size: 1.5em; margin: 0 0 .15em;} .eStoresListing ul.featureList li h3 a { color: #B43092; text-decoration: none; } .eStoresListing ul.featureList li h3 a:hover { text-decoration: underline; } .eStoresListing ul.featureList li p { font-size: 1em; padding: 0;} .eStoresListing ul.featureList li p.price strong { display: block; font-weight: normal; margin: 0 0 .15em 0 ; } .eStoresListing ul.featureList li p.points { font-size: 1.2em; color: #D71344; padding: 0 0 .5em 0 ; } .eStoresListing ul.featureList li p.points strong { font-size: 1.5em; font-weight: 800; text-transform: uppercase; } .eStoresListing ul.featureList li img.product { float: left; margin:0.9em 0 0.9em 0; } .eStoresListing ul.featureList li img.company, .eStoresListing ul.featureList li img.collect, .eStoresListing ul.featureList li img.exclusive { float: right; margin:0.9em 0 0.9em 1.5em; } .eStoresListing ul.featureList li .voucherCode { float: left; width: 123px; margin:0.9em 0 0 0; } .eStoresListing ul.featureList li .voucherCode img { margin: 0 0 .9em 0;} .eStoresListing ul.featureList li .voucherCode p { text-align: center; font-size: 1.8em; color: #D71344; } .eStoresListing ul.featureList li .voucherCode p strong { font-weight: 800;} .eStoresListing ul.featureList li p.details { font-size: 1em; padding-top: .35em; } .eStoresListing ul.featureList li p.details strong { font-size: 1.5em; } .eStoresListing ul.featureList li p.terms { padding: .55em 0;} .bannerContainter { clear: both; text-align: center; padding-top: 1.5em; width: 100%; } #filter {width: 209px; float: left; z-index: 1; position: relative;} #accordionFilter { margin-bottom: 20px; } #accordionFilter li { font-size: 1.2em; } #accordionFilter li li { font-size: 1em; } #accordionFilter li li li { font-size: 1.2em; } #accordionFilter li li li li { font-size: 1.2em; } #accordionFilter li h3 { font-size: 1.1em; color: #fff; margin: 0; background: #af0348 none; } #accordionFilter li h3.goldStripe { background: #dedcc8 url(/contents/images/site/accordion/accordionGold.gif) repeat-x top left; } #accordionFilter li h3 a { display: block; padding: 4px 10px; text-decoration: none; color: #fff; background-position: top right; background-repeat: no-repeat; border: 1px solid #a70049; } #accordionFilter li h3 a:focus { outline: none; } #accordionFilter li h3.goldStripe a { border: 1px solid #e7e6d7; color: #38332b; } #accordionFilter li h3.activeItem { background: #fff; } #accordionFilter li h3.activeItem a { color: #38332b; border: 1px solid #d2d0b5; border-width: 2px 2px 0 2px; } /* -- List inside accordion (hidden / shown content) -- */ #accordionFilter { position: relative;} #accordionFilter { list-style: none; margin:0; } #accordionFilter ul.accordionFilterList {list-style: none; margin:0; padding: 10px; border: 2px solid #d2d0b5; } #accordionFilter ul.accordionFilterList ul {list-style: none; margin:0;} #accordionFilter ul.accordionFilterList li { font-size: 1em; font-weight: 800; } #accordionFilter ul.accordionFilterList li li { font-size: .9em; padding: 0 15px; font-weight: normal; } #filter .accordionFilterList fieldset {float:left;padding:0 10px 0 5px;} #filter .accordionFilterList input {width:164px;} #filter h2 {background: #857362; margin-bottom: 0; color: #fff; float:left; font-size: 1.8em; line-height: normal; padding: 6px 6px 8px; width:197px;} #filter .bonusPointsNav h2 {width:195px;} .yourSelection {width: 207px; float: left; border-color: #695b4d; border-width: 1px; border-style: solid; margin: 0 0 3.9em;} #filter .yourSelection h2, .yourSelection h2 {background: #857362; margin-bottom: 0; color: #fff; font-size: 1.8em; line-height: normal; padding: 6px 6px 8px;width:195px;} .yourSelection ul { clear:both; float:left; list-style-type: none; margin:0.5em 0 0;width:100%;} .yourSelection ul li {position: relative; padding: 0 0 0.5em 0.5em;} .yourSelection a:link,.yourSelection a:visited {display: block; background: url(../images/site/bullets/bltRemoveCross2.gif) 0 .1em no-repeat; padding-left: 20px; color: #38332b; text-decoration: none; line-height: normal;} .yourSelection a:hover {text-decoration: underline;} #sortResults { border: 2px solid #d2d0b5; } #sortResults p { margin: 0; padding: .2em 0 0 0; } #sortResults fieldset { padding: 0 10px .9em; } #sortResults legend { font-size: 0; text-indent: -9999px; } #sortResults option { padding: 0 4px;} p.resultsNumber { float: left; font-size: 1.5em; color: #333; } p.resultsNumber strong { font-size: 1.2em; font-weight: normal; color: #D71344; } div.sortResultControls { float: right;} p.categoryPointer { clear: both; } #filter .selection { padding-left: 20px; } #filter #searchResults { border: 2px solid #d2d0b5; margin: 0 0 .9em 0; } #filter #searchResults fieldset { margin:0; padding: 0 10px 1em; } #filter #searchResults legend { padding: .9em 0 .4em 0; } #filter #searchResults input.submit { width:auto; margin-bottom: 0; } #filter .selection dt { float: left; font-weight: 800; margin: 0 -15px 0 0; } #filter .selection dt a { position: relative; left: -20px; display: block; padding: 0 0 0 20px; background: url(/contents/images/site/bullets/bltRemoveCross.gif) left center no-repeat; } #filter p.selection a { position: relative; left: -20px; text-decoration: none; display: block; padding: 0 0 0 20px; background: url(/contents/images/site/bullets/bltRemoveCross.gif) left center no-repeat; } #filter .selection dd { margin: 0 0 .5em 0; } #filter .selection p { margin: 0 0 0 20px;} #filter fieldset { margin-top: .9em; } #filter legend { font-size: 1.2em; color: #983F97; font-weight: 800;} #filter .offset { position: absolute; left: -9999px;} #filter label { display: block; font-size: 1em; margin: 0 .5em .5em 0; padding: .35em .35em 0 0; } #filter input { font-size: 1em; margin: 0 0 .5em 0; width: 177px; } #filter input.submit { float: right; font-size: 1.1em; width: auto; } h2 { font-size:1.8em; } .dreamTreats img.barometer { float:right; } /* -- Accordion styling for 'By Category listing page' --*/ .accordionContainer { float: left; width: 100%; background:#ffc0cb; } ul.accordion { float: left; width: 100%; margin-bottom: 20px; list-style-type: none; margin-left: 0; } ul.accordion li { font-size: 1em;} ul.accordion li h3, ul.accordion li h4 { font-size: 1.55em; color: #fff; line-height:0.863em; margin: 0; background: #C5368E none; } ul.noJS li h3, ul.noJS li h4 { padding: 8px 15px; line-height:0.863em; color: #fff; border:1px solid #A70049; } ul.accordion li h3.goldStripe, ul.accordion li h4.goldStripe { background: #dedcc8 url(/images/site/accordion/accordionGold.gif) repeat-x top left; } ul.accordion li h3 a, ul.accordion li h4 a { display: block; line-height:1.4em; padding: 4px 10px; text-decoration: none; color: #fff; background-position: top right; background-repeat: no-repeat; border: 1px solid #a70049; cursor: pointer; } ul.accordion li h3 a:focus, ul.accordion li h4 a:focus { outline: none; } ul.accordion li h3.goldStripe a, ul.accordion li h4.goldStripe a { border: 1px solid #e7e6d7; color: #38332b; } ul.accordion li h3.activeItem, ul.accordion li h4.activeItem { background: #fff; } ul.accordion li h3.activeItem a, ul.accordion li h4.activeItem a { color: #38332b; border: 1px solid #d2d0b5; border-width: 2px 2px 0 2px; } ul.accordion li p { font-size: 1.2em; } div.innerAccordionList {float:none; overflow-y: auto;} /* -- List inside accordion (hidden / shown content) -- */ ul.innerAccordionList, div.innerAccordionList { padding: 10px; border: 2px solid #d2d0b5; list-style-type: none; margin-left: 0; margin-bottom: 0; } .iconList ul { float: left; width: 100%; padding: 10px 0; list-style-type: none; margin-left: 0; margin-bottom: 0; } .iconList li { float: left; width: 100%; } .iconList li ul { float: none; width: auto; border-width: 2px; background: url(/images/site/accordion/goldBorder.gif) repeat-y top left; overflow: hidden; } .iconList li ul li {width: 123px; height: 29px; margin: 10px;} .iconList li ul li a {} .iconList .favRetailers, .iconList .newestRetailers { margin-bottom:20px; } /* spend by points form */ div.byPoints { margin-left: 0; padding-bottom: 1.25em; } div.byPoints div.category { float: left; clear: none; margin:0 3em 0 0; padding: 0 0 1.25em; white-space: nowrap; } div.byPoints div.category label { font-size: 1.8em; color: #D71344; margin-bottom: .2em; float: left;} div.byPoints div.category select { float: left; clear: left; margin-top: .555em;} div.byPoints div.pointsRange { float: left; clear: none; margin: 0; padding: 0 0 1.25em; white-space: nowrap; line-height: 1.33em;} div.byPoints div.pointsRange label { margin-right: .5em; } div.byPoints div.pointsRange input { margin: 0 .5em 0 0; } div.byPoints div.pointsRange input.submit { margin: 0; } div.byPoints p { font-size: 1.8em; color: #D71344; line-height: 1.333em; margin-bottom: .35em; } .expandableBox {background-color: #fff;} ul.logic {list-style-type: none; margin-left: 0;} ul.logic li {margin-bottom: 1em;} /* Statement */ .balance { float: right; border: solid 2px #d2d0b5; padding: 1.25em; margin: 1em 1.25em 0 ; } .balance h3 { font-size: 2.5em; text-align: center; } .balance p { font-size: 1.8em; text-align: center; } /* spend by points form */ div.byPoints { margin-left: 0; padding-bottom: 1.25em; } div.byPoints div.category { float: left; clear: none; margin:0 3em 0 0; padding: 0 0 1.25em; white-space: nowrap; } div.byPoints div.category label { font-size: 1.8em; color: #D71344; margin-bottom: .2em; float: left;} div.byPoints div.category select { float: left; clear: left; margin-top: .555em;} div.byPoints div.pointsRange { float: left; clear: none; margin: 0; padding: 0 0 1.25em; white-space: nowrap; line-height: 1.33em;} div.byPoints div.pointsRange label { margin-right: .5em; } div.byPoints div.pointsRange input { margin: 0 .5em 0 0; } div.byPoints div.pointsRange input.submit { margin: 0; } div.byPoints p { font-size: 1.8em; color: #D71344; line-height: 1.333em; margin-bottom: .35em; } /* login styles */ .login #header {margin-bottom:1em; } #LoginForm {/*margin-bottom:1.5em; padding-top:2em;*/ } #LoginForm p {font-weight:normal; } #LoginForm p.conjunction {font-size:1.4em; font-weight:normal; color:#983F97; text-transform:uppercase; text-align:center; float:left; width:10%; padding:50px 0 0; } #LoginForm fieldset {/*float:left; width:40%; padding:10px; background:#eee;*/ } #LoginForm fieldset label {/*float:left;*/ width:180px; clear:left; margin-bottom:1em;color:#71296F; } #LoginForm fieldset input {/*float:left;*/ } #LoginForm fieldset input.submitbtn /*, #LoginForm fieldset p*/ {float:left; margin-left:180px; clear:both; } #LoginForm fieldset p.error {margin-left:0; } p.step-number {text-align:right; } p.card-number {text-align:right; margin-bottom:1em; font-weight:bold; } .example-images {float:left; margin-bottom:1.5em; } .example-images img {display:block; margin-left:1.5em; } .login button {border:none; background:none; } /* faq styles */ .faq-hidden {display:none; } #answerGrid h2 {color:#fff; margin-bottom:0; padding:.227em .681em .318em; overflow:hidden; line-height:normal; } .faq-q {background:#ae2f92 url('/contents/images/site/bgExpandableBoxHeading.gif') no-repeat 100% 100%; border:1px solid #6d2c91; } .faq-a {background:#78ba3e url('/contents/images/site/bgGreenHeading.gif') no-repeat 100% 100%; border:1px solid #147a3b; } .faq-l {background:#d01045 url('/contents/images/site/bgExpandableBoxSubHeading.gif') no-repeat 100% 100%; border:1px solid #a70049; font-size:2.2em; font-weight:normal; } #answerGrid div {border:2px solid #d2d0b5; overflow-x:hidden; padding:10px; margin-bottom:10px; font-size:1.2em; } .faq dl {border:2px solid #d2d0b5; overflow-x:hidden; margin-bottom:10px; font-size:1.2em; } .faq dt {padding:10px 1.5em 0; line-height:1.33em; margin-bottom:0; } .faq dt.contrast {background-color:#efeee5; } .faq dt a {font-size:1.6em; text-decoration:none; color:#f26522; } .faq dt a:hover {text-decoration:underline; } .faq dd {background:#fff url('/contents/images/site/bdrDashed.gif') repeat-x 0 100%; padding:0 1.5em 1.071em; line-height:1.75em; margin-bottom:0; } .faq dd.contrast {background-color:#efeee5 } /* my-account styles */ .alert {color:#f00!important; } .legal {/*font-style:italic; */clear:both; } #LoginForm fieldset input.submitbtn { font-size:1em!important; background:#f1bf1c url('/contents/images/site/btnSubmit.gif') repeat-x 0 100%; border:1px solid #F1B51C; color:#6d2c91!important; font-weight:bold; padding:6px 7px 5px 10px; text-decoration:none!important; float:right; font-weight:normal; } body.my-account .three-column-last .boxContent {padding:10px;} #LoginForm fieldset input.submitbtn{font-size:2em!important;} ul.form-items {width:25%;float:left;} ul.cookie-options {width:70%;float:left;font-size:0.8em;font-weight:normal;margin-left:5%;} ul.cookie-options li p{font-weight:normal;} ul.cookie-options li label {margin-left:5px;} .login p.right {float:right;} .folder {height:100px;background:url(/contents/images/content/my-account/folder.gif) center top no-repeat;} .preferences-optin {font-style:italic; } .date, .my-account strong {color:#b43092; font-size:1.2em; font-weight:bold; } .look-at-me {font-size:1.6em; } .look-at-me .date, .my-account .look-at-me strong {font-size:1em; } .popup {padding:1.5em; } .errorAlert {display:none; } .prevBtn {float:left!important; position:static!important; } #address_results {display:none; } /* captcha styles */ #captcha {padding:0 0 1em 0;} #captcha-img {margin-top: 1em; padding: 0;} #imgSpan {float: left; height:50px; width:175px; margin: 5px 0; background-color: #888;padding:0;} #imgSpan img {margin:0;padding:0;} ul.captcha-options {list-style-type: none; width: 400px; margin:0 0 1em; float: left;padding-bottom:.5em;} ul.captcha-options li {padding:.5em 0 .5em 30px; margin:0 0 0 1em; } #refreshcap {background: url(/contents/images/misc/refresh.gif) no-repeat left 5px;} #listen {background: url(/contents/images/misc/speak.gif) no-repeat left 7px;} #captcha label {display: inline; padding: .5em 0;margin-right:.5em;} .standout {font-weight:bold; } /* ----------------------------- FROM NECTAR.CSS -----------------------------------*/ /* ------------------------- headings - */ h2.redBox { /* THIS IS DEPRECATED - USE deeppurpleBox instead */ background:#7a2a90 url(/contents/images/site/bgDeepPurpleHeading.gif) top right no-repeat;color:#fff;margin-bottom:0;margin-top:0;padding:0.6em 0.681em 0.454em;position:relative;} h2.greenBox { /* THIS IS DEPRECATED - USE purpleBox instead */ background:#c5368e url(/contents/images/site/bgExpandableBoxHeading.gif) top right no-repeat;color:#fff;margin-bottom:0;margin-top:0;padding:0.6em 0.681em 0.454em;position:relative;} h2.orangeBox {background:#e3a234 url(/contents/images/site/bgOrangeHeading.gif) top right no-repeat;color:#fff;margin-bottom:0;padding:0.6em 0.681em 0.454em;position:relative} h2.purpleorangeBox {background:#e3a234 url(/contents/images/site/bgPurpleOrangeHeading.gif) top right no-repeat;color:#fff;margin-bottom:0;margin-top:0;padding:0.6em 0.681em 0.454em;position:relative} h2.darkgreenBox {background:#869955 url(/contents/images/site/bgPaleGreenHeading.gif) top right no-repeat;color:#fff;margin-bottom:0;margin-top:0;padding:0.6em 0.681em 0.454em;position:relative;} h2.lightgreyBox {background:#a5aaae url(/contents/images/site/bgLightGreyHeading.gif) top right no-repeat;color:#fff;margin-bottom:0;margin-top:0;padding:0.6em 0.681em 0.454em;position:relative;} h2.purpleBox {background:#c5368e url(/contents/images/site/bgExpandableBoxHeading.gif) top right no-repeat;color:#fff;margin-bottom:0;margin-top:0;padding:0.6em 0.681em 0.454em;position:relative;} h2.deeppurpleBox {background:#7a2a90 url(/contents/images/site/bgDeepPurpleHeading.gif) top right no-repeat;color:#fff;margin-bottom:0;margin-top:0;padding:0.6em 0.681em 0.454em;position:relative;} h2.yellowBox {background-color:#ffe134;background:#ffe134 url(/contents/images/site/bgYellowHeading.gif) top right no-repeat;color:#6b1f7a;margin-bottom:0;margin-top:0;padding:0.6em 0.681em 0.454em;position:relative;} h3.purpleBox {background-image:url(/contents/images/site/bgExpandableBoxHeadingAlt.gif);background-position:100% 0;border-bottom:0 none;font-size:2.2em;line-height:0.6em;border:1px solid #6D2C91;color:#fff;margin-bottom:0;padding:0.363em 0.681em 0.454em;position:relative;} h3.greenBox { /* THIS IS DEPRECATED - USE purpleBox instead */ background-color:#78BA3E;background:#78BA3E url(/contents/images/site/bgGreenHeading.gif) 100% 100% no-repeat;border:1px solid #147A3B;font-size:2.2em;line-height:0.863em;color:#fff;margin-bottom:0;padding:0.6em 0.681em 0.454em;position:relative;} .one-column h2.sIFR-replaced, .two-column-first h2.sIFR-replaced, .two-column-last h2.sIFR-replaced, .two-column-uneven-first h2.sIFR-replaced, .two-column-uneven-last h2.sIFR-replaced, .three-column-first h2.sIFR-replaced, .three-column-middle h2.sIFR-replaced, .three-column-last h2.sIFR-replaced {overflow:hidden;line-height:normal;padding:0.227em 0.681em 0.318em;} /* ------------------------- boxes - */ .one-column {clear:both;margin-bottom:1.5em;width:100%;} .two-column-first {clear:both;float:left;width:49%;margin-bottom:1.5em;margin-right:2%;} .two-column-last {float:right;width:49%;margin-bottom:1.5em;} .two-column-uneven-first {float:left;clear:both;width:66.05%;margin-bottom:1.5em;margin-right:1.85%;} .two-column-uneven-last {float:right;width:32.1%;margin-bottom:1.5em;} .two-column-uneven-lastnew {float:right;width:32.5%;} .three-column-first {clear:both;float:left;width:32.5%;margin-right:1.25%;margin-bottom:1.5em;} .three-column-middle {float:left;width:32.5%;margin-right:1.25%;margin-bottom:1.5em;} .three-column-last {float:left;width:32.5%;margin-bottom:1.5em;} .box-standard-content {background-color:#fefdd3;padding:0.9em 1.5em 1.5em;} .box-standard-content:after, .box-standard-section:after {content:"."; display:block; height:0; clear:both; visibility:hidden; } /* ------------------------- homepage - */ .homepage-main-promo {float:left;clear:both;width:64.80%;margin-bottom:1.5em;margin-right:1.85%; background:#6d2b75 url(../images/content/homepage/top-card-promo.jpg) top left no-repeat; min-height:160px;color:#fff;padding:50px 20px 10px 0px;margin:0 0 10px 0} .homepage-main-promo h2 {margin:0;padding:0 0 18px 370px;color:#fff;font-weight:bold;font-size:1.8em;} .homepage-main-promo p {margin:0;padding:0 0 18px 370px;} .homepage-main-promo ul {list-style:none;margin:0;padding:0 0 18px 370px;} .homepage-main-promo ul li {margin:0;padding:0;} .homepage-main-promo ul li a:hover {text-decoration:underline!important;} .boxContent {border:0;background:#fefdd3 none;text-align:center;} .boxContent.padding10 {margin-bottom:10px;} .boxContent.padding10Account {margin-bottom:10px; height:44.35em;} .home .boxContent {min-height:250px; background:#ffffff url(/contents/images/site/box_back.gif) top left repeat-x;;} .home .boxContent2 {min-height:250px; background:#ffffff url(/contents/images/site/box_back2.gif) top left repeat-x;;} .home .boxContent p{text-align:center;} .boxContent p.right {text-align:right;float:none;} .boxContent p.small {font-size:1.1em;margin:0;padding:0;} .boxContent p.image {margin:0;padding:0;} .boxContent p.center {text-align:center;} .boxContent p.image img.minus-margin {margin:-15px 0;} body.my-account .three-column-middle .boxContent, body.my-account .three-column-first .boxContent {min-height:230px;} .three-column-last .boxContent h3{font-size:1.3em;font-weight:bold;line-height:1.333em;margin-bottom:0;text-align:left;} .three-column-first .boxContent{padding:10px;color:#7b2f77;} .three-column-middle .boxContent{padding:10px;color:#7b2f77;} .three-column-last .boxContent {padding:0 10px 20px 10px;color:#7b2f77;} .three-column-middle .boxContent ul {text-align:center;margin:auto;padding:20px 0 0 0;width:270px;} .three-column-middle .boxContent ul li {text-align:left;padding-left:120px;min-height:100px;vertical-align:middle;display:block;width:175px;} .three-column-middle .boxContent ul li.withcard {background:url(../images/content/homepage/withcard.jpg) top left no-repeat;} .three-column-middle .boxContent ul li.withoutcard {/* background:url(../images/content/homepage/without-card.jpg) top left no-repeat; */padding-left:20px;width:275px;} span.bolder {font-weight:bold;} /* SPOTLIGHTS */ /* POINTS RANGE */ .three-column-middle ul.pointsrange {text-align:left ;width:270px;margin:auto;padding:0;background:transparent url(/contents/images/content/my-account/gifts.jpg) no-repeat scroll 205px top;padding-top:27px;margin-top:0;} .three-column-middle ul.pointsrange li{width:270px;padding-left:0;min-height:22px;} .three-column-middle ul.pointsrange label {font-weight:bold;text-transform:uppercase;width:90px;text-align:right;display:inline-block;} .three-column-middle ul.pointsrange input {width:100px;} .three-column-middle fieldset ul.pointsrange .ok {margin:0 0 0 -5px;width:31px;text-align:center;padding:4px 7px 3px 7px; font-size:1.1em!important; font-weight:normal!important; } /* POINTS BOOK */ .pointsbook {background:url(/contents/images/content/my-account/points-book.gif) center top no-repeat;display:block;height:110px;width:100%;} .pointsbook p {text-align:center;padding-left:40px;padding-top:58px;color:#000;font-weight:bold;font-size:1.5em;} .pointsbook p a{color:#000;text-decoration:none;} /* password strength indicator */ #password-strength {margin-left: 19.2em; width: auto;} #password-strength dt {float:left; margin:0 0 1.5em; font-weight:normal; width: auto; color: #0066B3;} #password-strength dd {float:left !important; margin: 0 !important; padding-left: 1em;} #mypassword-bar {float: left; height:1.5em; margin: 0 0 0 1em;} #mypassword-text {float: left; color:#ffd801; text-transform:capitalize; } #mypassword-text .alta {text-transform:uppercase; } #password-strength .alta {color:#3bce08; } #password-strength .media {color:orange; } #password-strength .bassa {color:red; } .bar-alta {background:#3bce08; width:120px; font-size:1em; } .bar-media {background:orange; width:80px; font-size:1em; } .bar-bassa {background:red; width:40px; font-size:1em; } /* fixing bad html, don't have time to find a more appropriate place to put this */ #logOutDetails, #cityDrpDwn_display, .no-view, .blockUI, #hide_logOutDetails, #autocomplete-hack {display:none; } fieldset.dob ul li {margin-right:1em!important; } fieldset.dob ul li label {font-size:1em!important; } em.man {color:#d71344;font-weight:bold;} .address-block {font-size:1.2em; text-transform:uppercase; margin:0 5em 1.7em; } .address-block span {display:block; } #town, #county, #country/*, #nameOnCard*/ {text-transform:uppercase; } .home-catalogue-image { margin-top:1em; } /* ------------------------------------------------------------ NUMBER OF COLUMNS: Adjust #sitemapNav li to set the number of columns required in your site map. The default is 4 columns (25%). 5 columns would be 20%, 6 columns would be 16.6%, etc. ------------------------------------------------------------ */ #sitemapNav li { width:25%; } #sitemapNav li ul li { width:100% !important; } #sitemapNav.col1 li { width:99.9%; } #sitemapNav.col2 li { width:50.0%; } #sitemapNav.col3 li { width:33.3%; } #sitemapNav.col4 li { width:25.0%; } #sitemapNav.col5 li { width:19%; } #sitemapNav.col6 li { width:16.2%; } #sitemapNav.col7 li { width:14.2%; } #sitemapNav.col8 li { width:12.5%; } #sitemapNav.col9 li { width:11.1%; } #sitemapNav.col10 li { width:10.0%; } /* ------------------------------------------------------------ Site Map Styles ------------------------------------------------------------ */ /* -------- Top Level --------- */ #sitemapNav {margin: 0;margin-top:30px;float: left;width: 100%;} #sitemapNav #start {display: block;float: none;background: #ffffff url('/contents/images/site/sitemap/L1-left.gif') center bottom no-repeat;position: relative;z-index: 2;padding: 0 0 30px 0;} #sitemapNav li {float: left;background: url('/contents/images/site/sitemap/L1-center.gif') center top no-repeat;padding: 30px 0;margin-top: -30px;} #sitemapNav li a {margin: 0 20px 0 0;padding: 10px 0;display: block;font-size: 1em;font-weight: normal;text-align: center;color: white;background: #a23f97 /* url('/contents/images/site/sitemap/white-highlight.png') top left repeat-x */;border: 2px solid #a23f97;/* -moz-border-radius: 5px;-webkit-border-radius: 5px;-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */text-decoration:none;} #sitemapNav li a:hover {background-color: #cc8ac5;border-color: #a23f97;text-decoration:none;} #sitemapNav li:last-child {background: url('/contents/images/site/sitemap/L1-right.gif') center top no-repeat;} #sitemapNav a:link:before,#sitemapNav a:visited:before {display: block;text-transform: uppercase;font-size: 10px;margin-bottom: 5px;word-wrap: break-word;} #sitemapNav li a:link:before, #sitemapNav li a:visited:before {color: #78a9c0;} /* -------- Second Level --------- */ #sitemapNav li li {width: 100%;clear: left;margin-top: 0;padding: 10px 0 0 0;background: url('/contents/images/site/sitemap/vertical-line.gif') center bottom repeat-y;} #sitemapNav li li a {background-color: #fdbe22;border-color: #fdbe22;color: #a23f97;font-size: 0.8em;} #sitemapNav li li a:hover {border-color: #fdbe22;background-color: #fedc6f;} #sitemapNav li li:first-child {padding-top: 30px;} #sitemapNav li li:last-child {background: url('/contents/images/site/sitemap/vertical-line.gif') center bottom repeat-y;} #sitemapNav li li a:link:before, #sitemapNav li li a:visited:before {color: #8faf5c;} /* -------- Third Level --------- */ #sitemapNav li li ul {margin: 10px 0 0 0;width: 100%;float: right;padding: 9px 0 10px 0;background: #ffffff url('/contents/images/site/sitemap/L3-ul-top.gif') center top no-repeat;} #sitemapNav li li li {background: url('/contents/images/site/sitemap/L3-center.gif') left center no-repeat;padding: 5px 0;} #sitemapNav li li li a {background-color: #fff7aa;border-color: #e3ca4b;font-size: 12px;padding: 15px 0;width: 80%;float: right; line-height:1em;} #sitemapNav li li li a:hover {background-color: #fffce5;border-color: #d1b62c;} #sitemapNav li li li:first-child {padding: 15px 0 5px 0;background: url('/contents/images/site/sitemap/L3-li-top.gif') left center no-repeat;} #sitemapNav li li li:last-child {background: url('/contents/images/site/sitemap/L3-bottom.gif') left center no-repeat;} #sitemapNav li li li a:link:before, #sitemapNav li li li a:visited:before {color: #ccae14;font-size: 9px;} #utilityNav {float: right;max-width: 50%;margin-right: 10px;} #utilityNav li {float: left;margin-bottom: 10px;} #utilityNav li a {margin: 0 10px 0 0;padding: 5px 10px;display: block;border: 2px solid #e3ca4b;font-size: 12px;font-weight: bold;text-align: center;color: black;background: #fff7aa /* url('/contents/images/site/sitemap/white-highlight.gif') top left repeat-x */;/* -moz-border-radius: 5px;-webkit-border-radius: 5px;-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */} #utilityNav li a:hover {background-color: #fffce5;border-color: #d1b62c;} #utilityNav li a:link:before, #utilityNav li a:visited:before {color: #ccae14;font-size: 9px;margin-bottom: 3px;} .out-of-stock {text-align:center; float:left; width:100%; font-style:italic; } .out-of-stock span {text-transform:uppercase; display:block; margin-bottom:2em; font-style:normal; } #permissions-list {list-style-type:lower-alpha; margin-left:2em; } #permissions-list p {margin-bottom:1em; } #permissions-list dt{ width: 70%; } #permissions-list label{width:12%; float:none; margin-bottom:1em; } #permissions-list input{float:none; margin-bottom:0; margin-right:3em; } #permissions-list ol li {list-style-type:decimal; margin-left:2em; } #permissions-list ol li p {margin-bottom:0; } /* new button styling -- to unclutter previous button styles that conflicted */ .btn-basic { background:#f1bf1c url(/contents/images/site/btnSubmit.gif) repeat-x scroll 0 100%; border:1px solid #f1b51c!important; color:#6d2c91!important; font-family:verdana,arial,sans-serif!important; font-size:1.2em!important; font-weight:bold; padding:2px 7px 3px 10px; text-decoration:none!important; float:none!important; cursor:pointer; } .btn-basic:hover {text-decoration:none!important; } p .btn-basic {font-size:1em!important; } .btn-left {float:left!important; margin-right:.5em; } .btn-right {float:right!important; margin-left:.5em; } .btn-wrapper {margin-bottom:.5em; padding:1.5em 1.8em!important; } .btn-wrapper:after {content:"."; display:block; height:0; clear:both; visibility:hidden; } #productIntro .btn-wrapper {text-align:center!important; margin-top:1em; } .homepage-main-promo ul li a.btn-basic {background:#FFCA12 url(/contents/images/site/btnHomepage.gif) repeat-x scroll 0 0;border:1px solid #FFFFFF !important;float:left !important;margin-right:50px;padding:0;position:static;width:140px;} .homepage-main-promo ul li a.btn-basic span {border:1px solid #EDC178;display:block;font-size:1em;font-weight:normal;padding:4px 10px;text-align:center;} ol.legale {list-style-type:decimal; margin-left:2em; margin-bottom:1.7em; } .about-legal p {clear:both; } .about-legal p:after {content:"."; display:block; height:0; clear:both; visibility:hidden; } .about-legal p span {float:left; margin-right:1em; max-width:90%; } .about-legal li li, .about-legal li p {font-size: 1em; } ol.step3-tandc {list-style-type:lower-alpha; margin-left:2em; } ol.step3-tandc li {font-size:1.2em; line-height:1.3; } /* regolamento page styles */ #regolamento-page h2, #regolamento-page h3, #regolamento-page h4, #regolamento-page h5 {color:black; font-weight:bold; } #regolamento-page h2 {text-align:center; } #regolamento-page h3 {font-size:1.2em; } #regolamento-page h4 {font-size:1.1em; } #regolamento-page ol li li ol li span {float:left; max-width:90%; clear:left; } #regolamento-page ol li li ol li p {max-width:90%; clear:right; margin-left:3em; } #regolamento-page ol li li ol li ul {margin-left:3em; } #regolamento-page ol li li ol li ul ul {margin-left:3em; } #regolamento-page ol li li ol li ul ul li {margin:0; } #regolamenti ol {list-style-type:upper-roman; } #regolamenti ol ol {list-style-type:decimal; } #regolamenti ol ol ol {list-style-type:none; } #regolamenti ol ol ol ol {list-style-type:lower-alpha; }