body {background:#ebebeb url(/staticMedia/websitev2/images/footerBackground.jpg) repeat top left; margin:0;padding:0;font-family:helvetica, arial, sans-serif;text-align:center;font-size:12px;} h1 {font-size: 24px; color:#fff;margin:0;} h2 {font-size: 18px; color:#444;margin:0;} h3 {font-size: 36px; color:#444;margin:0;padding:0;} p {font-size: 12px; line-height: 18px;color:#222;} ul li, ol li {font-size: 12px; color:#222;} a{color:#026c9c;text-decoration:underline;} a img {border:none;} .clear {clear:both;height: 0px;} p.outofstock {line-height:13px;font-size:11px;} #basketOpen {display:none;width: 218px;background:#84ca29;position:absolute;top: -164px;right: 10px;} #basketOpen .foot {background:transparent url(/staticMedia/websitev2/images/dropDownBasketFoot.png) no-repeat bottom left;width: 218px;height: 7px;position:absolute; bottom: -7px;left: 0;} #basketOpen .inside {float:left; clear:both;background:#fff;width: 198px;text-align:center;margin: 0 0 0px 5px;padding:5px;display:inline;} #basketOpen .inside table {width: 198px;float:left;clear:both;text-align:left;border-top: solid 1px #eeeeee;} #basketOpen .inside table tr td {padding: 3px 1px;font-size:11px;border-bottom: solid 1px #eeeeee;} #basketOpen .inside table tr.row td {background:#fff;} #basketOpen .inside table tr.alternate td {background:#f7f7f7;} #basketOpen .inside table tr td.bottleTitle {width: 120px;} #basketOpen .inside table tr td.bottleAmount {width: 32px;text-align:center;} #basketOpen .inside table tr td.bottlePrice {width: 40px;text-align:right;} #basketOpen .inside table tr.bottleBasketTotal td{padding: 5px 1px;font-size:14px !important; font-weight:bold;} #basketOpen .inside table .bottleBasketTotalTitle {width: 125px;} #basketOpen .inside table .bottleBasketTotalPrice {text-align:right;} #basketOpen .inside table .textinput {width: 22px;padding:4px 0 3px 0;margin:0;text-align:center;font-size:11px;float:left;clear:both;} #basketOpen .inside table a.headerUpdate {float:left;clear:both;text-decoration:none;color:#fff;background:#666;font-size:11px;padding: 3px 2px ;margin: 2px 0;} #basketOpen .inside table a.plus {width:10px;background:#666;float:right;color:#fff;font-size:11px;line-height: 11px;padding:0;} #basketOpen .inside table a.minus {width:10px;background:#666;float:right;color:#fff;font-size:11px;line-height: 11px;padding:0;} #basketOpen .inside table a.plus:hover, #basketOpen .inside table a.minus:hover {background:#000;} #basketOpen .inside table tr td.bottlesLeftCheckout {text-align:center; font-weight:bold;width: 100%;} #basketOpen .inside p.wasprice {width: 195px;} #header {margin:0 auto;padding:0;text-align:left;background:#2e5362 url(/staticMedia/websitev2/images/headerBackground.jpg ) repeat top left;border-bottom: solid 1px #1b343f;} #header .logo {float:left; margin: 20px 20px 10px 0px;display:inline;} #header .message {float:left; width: 250px;font-size: 12px;color:#fff;margin: 20px 20px 0 5px;display:inline;} #header .message span#deliveryCountdownTimer, #header .message span.heading {font-size:26px;font-style:italic;clear:both;} #header .message span {font-size:12px;font-style:normal;clear:left;} #basketOpen a#clearHeaderBasket {float:right;margin:0;padding: 3px 18px 3px 0;font-size:11px;background:transparent url(/staticMedia/websitev2/images/icons/clearDropDownBasket.jpg) no-repeat top right;} #header .message#counter {background:transparent url(/staticMedia/websitev2/images/icons/clock.png) no-repeat top left;width: 200px;padding-left: 50px;} #header .message#snow {background:transparent url(/staticMedia/websitev2/images/icons/snow.png) no-repeat top left;width: 200px;padding-left: 50px;} #header .utility {float:right;width: 231px;} #header .utility .basketClosed {outline:none;float:left;clear:both;width: 214px;font-weight:bold;height: 29px;display:inline;padding: 5px 10px 12px 10px;background:transparent url(/staticMedia/images/basketClosed.jpg) no-repeat 0px 0px;font-size: 12px; color:#fff;text-decoration:none;display:block;} #header .utility .basketClosed.basketClosedPosition {background-position: 0px -46px;height: 29px;} #header .utility .basketClosed.open {background:transparent url(/staticMedia/images/basketClosed.jpg) no-repeat -45px 0px;height: 29px;} #header .utility .basketClosed span {letter-spacing: -1px;font-weight:normal;font-size: 28px;padding:0px 0px 4px 0px;margin-right: 34px;line-height: 30px;width: 178px;float:left;clear:both;text-align:right;} #header .utility .basketClosed span span.accountLabel {letter-spacing:0px;margin:0px 5px 0px 0px;font-size:12px;float:left;line-height: 14px;width: 69px;background:none;padding:0;text-align:left;} #header .utility .checkoutButtonContainer {display:block;height: 30px;width: 100%;float:left;clear:both; background:transparent;} #header .utility .basketClosedCheckout {float:left;clear:both;margin:-2px 0 0 25px;padding:0;height: 25px;display:none;} #header .utility a.ulink {background:transparent url(/staticMedia/images/uLinkLeft.jpg) no-repeat top left;color:#2f5363;font-size: 12px;text-decoration:none;margin:0px 0 0 5px;float:right;padding: 5px 0 ;} #header .utility a.ulink span {font-weight:bold;background:transparent url(/staticMedia/images/uLinkRight.jpg) no-repeat top right;padding: 5px 10px 5px 6px;margin-left: 7px;} #header .utility a.balance {color:#fff; font-size: 24px;width: 220px;float:right;text-align:right;margin:0;text-decoration:none;line-height: 22px;background:transparent url(/staticMedia/websitev2/images/acBalanceLeft.jpg) no-repeat bottom left;padding-left: 10px;} #header .utility a.balance span {font-size: 30px;padding:10px 0 4px 0px;line-height: 30px;width: 220px;float:left;clear:both;text-align:center;background:transparent url(/staticMedia/websitev2/images/acBalanceRight.jpg) no-repeat bottom right;} #header .utility a.balance span span.accountLabel {margin:0px 0px 0px 5px;font-size:12px;float:left;line-height: 14px;width: 50px;background:none;padding:0;} #nav { float:left; margin:3px 0 0 0;padding:0;width: 750px;} #nav ul {float: left;width: 750px; margin:0;padding: 0;clear:both;list-style:none;background:transparent url(/staticMedia/images/navBackground.jpg) no-repeat bottom left;} #nav ul li {float: left;margin:0;display: inline;padding: 0;} #nav ul li a{float: left;margin:0 1px 0 0;text-decoration:none;padding: 0px;background:none;color:#fff;font-size:18px;} #nav ul li a span {background:none;padding: 11px 9px 10px 5px;margin-left: 6px;float:left;} #nav ul li a:hover span, #nav ul li.selected a span {cursor:pointer;background:transparent url(/staticMedia/websitev2/images/navRight.jpg) no-repeat top right;padding: 11px 9px 10px 5px;margin-left: 6px;float:left;} #nav ul li a:hover, #nav ul li.selected a{float: left;margin:0 1px 0 0;display: block;text-decoration:none;padding: 0px;background:transparent url(/staticMedia/websitev2/images/navLeft.jpg) no-repeat top left;color:#fff;font-size:18px;margin-bottom:-1px;text-shadow: 0 -1px #000;} #nav ul li#naked a{position:relative;margin:0; padding:0; float: left;} #nav ul li#naked a .dot {background: transparent url(/staticMedia/images/reddot-left.png) no-repeat left top;padding: 0 0 0 3px;position:absolute; top: -5px; left: -10px;height: 24px;} #nav ul li#naked a .dot span{background: transparent url(/staticMedia/images/reddot-right.png) no-repeat right top; font-size:12px;padding: 3px 10px 6px 2px; color:#fff;font-weight: bold;position:relative;display:inline;} #nav ul li#bbc {display:inline;float: left;} #nav ul li#bbc a {margin:0 1px 0 0;margin-bottom: -1px;background: transparent url(/staticMedia/websitev2/images/bbc/navLeft.jpg) no-repeat left top; cursor:pointer;float: left;color:#fff;text-decoration:none;padding:0 ;clear:none;} #nav ul li#bbc a span{float: left;padding: 11px 9px 10px 7px; margin-left: 4px;color:#1e3037;background: transparent url(/staticMedia/images/bbc/navRight.jpg) no-repeat right top;} #nav ul li#bbc a:hover{position:relative;background: transparent url(/staticMedia/websitev2/images/navLeft.jpg) no-repeat left top;color:#013562;} #nav ul li#bbc a:hover span{background: transparent url(/staticMedia/websitev2/images/navRight.jpg) no-repeat right top;color:#fff;} #nav ul li#jamieoliver {display:inline;float: left;} #nav ul li#jamieoliver a {margin:0 1px 0 0;margin-bottom: -1px;background: transparent url(/staticMedia/websitev2/images/jamieoliver/navLeft.jpg) no-repeat left top; cursor:pointer;float: right;color:#fff;text-decoration:none;padding:0 ;clear:none;} #nav ul li#jamieoliver a span{float: left;padding: 11px 9px 10px 7px;color:#fff;background: transparent url(/staticMedia/websitev2/images/jamieoliver/navRight.jpg) no-repeat right top;} #nav ul li#jamieoliver a:hover{position:relative;background: transparent url(/staticMedia/websitev2/images/navLeft.jpg) no-repeat left top;color:#013562;} #nav ul li#jamieoliver a:hover span{background: transparent url(/staticMedia/websitev2/images/navRight.jpg) no-repeat right top;color:#fff;} .balance {float:right;} #subnav {background:#3b6475 url(/staticMedia/images/subnavBackground.jpg) repeat top left; height: 45px;clear:both;margin:0;padding:0;border-top: solid 1px #3e768d;border-bottom: solid 1px #3e768d;position:relative;} #subnav ul {float: left; margin:0;padding: 0;clear:both;list-style: none;width: 600px;} #subnav ul li {float: left;margin:0;display: inline;padding: 0;} #subnav ul li a{cursor:pointer;text-decoration:none;float: left;margin:10px 3px 0 0;font-weight:bold;display:inline;padding: 0;font-size:14px;color:#fff;background:none;} #subnav ul li a span {padding: 6px 12px 6px 8px;background:none;margin-left: 5px;float:left;display:inline;} #subnav ul li a:hover, #subnav ul li.selected a{text-decoration:none;float: left;margin:10px 3px 0 0;font-weight:bold;display: block;padding: 0;color:#fff;background:transparent url(/staticMedia/websitev2/images/subnavLeft.jpg) no-repeat top left;} #subnav ul li a:hover span, #subnav ul li.selected a span {padding: 6px 12px 6px 8px;background:transparent url(/staticMedia/websitev2/images/subnavRight.jpg) no-repeat top right;margin-left: 5px;float:left;} #subnav h1, #subnavTall h1 {float:left;font-size: 18px;color:#fff;margin:14px 0 0 0;font-weight:normal;} .browse {float:right;width: 83px;color:#fff;font-size: 18px;padding: 11px } .browse a {color:#fff;} #search {float:right; width: 230px;padding: 10px 0 0 0;} #search .textinput {float:left; width:180px;border:none;padding: 4px;margin:1px 0 0 0;color: #666;} #search .go-button {float:right;margin:0;} #subnavTall {clear:both;position:relative;;background:#3b6475 url(/staticMedia/images/subnavTallBackground.jpg) repeat bottom left; height: 325px;margin:0;padding:0;border-top: solid 1px #3e768d;} #ratePanel {display:none;background:#333; clear:both;margin:0;padding:20px 0;border-top: solid 1px #3e768d;border-bottom: solid 1px #3e768d;position:relative;text-align:center;} #container {background:#fff;text-align:center;clear:both;padding: 15px 0;} .wrapper {width:1000px;margin: 0 auto;text-align:left;clear:both;position:relative;} #container .wrapper, #ratePanel .wrapper {width: 1010px;} .core {width: 764px;float:left;margin:0 0 10px 0;padding:0;} .side {float:right;width: 240px;margin:0 0 10px 0;} .col3 {float:left;width:317px;margin: 10px 15px 10px 3px;display:inline;} .col3 h2 {font-weight: normal;color:#026c9c;} .full {float:left; clear:both; width: 1010px; margin:0 0 10px 0;} .full .panel {float:left; width: 1010px;position:relative;background:none;padding:0;} .full .panel .hd {float:left; clear:both;margin:0;padding:0;position:relative;width: 1010px;height: 10px;background:transparent url(/staticMedia/websitev2/images/fullTop.png) no-repeat top left;} .full .panel .bd {float:left; clear:both;margin:0;padding:5px;display:inline;position:relative;width: 1000px;background:transparent url(/staticMedia/websitev2/images/fullSides.png) repeat-y top left;} .full .panel .ft {float:left; clear:both;margin:0;padding:0;position:relative;width: 1010px;height: 10px;background:transparent url(/staticMedia/websitev2/images/fullFoot.png) no-repeat bottom left;} .full .side {width: 200px;margin-right: 20px;font-size:12px;} .full h2.heading {font-weight:normal;margin-left: 22px;font-size:21px;color:#026c9c;line-height: 24px;} .full .side h2.heading {margin-left: 0;float:left; clear:both;width: 100%;padding: 0 0 7px 0;border-bottom: dotted 1px #ccc;margin-bottom: 8px;} h2.heading#twitterHeading {background:transparent url(/staticMedia/websitev2/images/icons/twitter.png) no-repeat top left;padding-left: 30px !important;width: 180px;} .side .words {color:#333333;margin-bottom: 10px;} .side .words label {font-weight:bold;margin:0;width: 100%;} .side .words .textinput {width: 180px;margin:3px 0;} .core .panel {float:left; width: 760px;position:relative;background:none;} .core .panel .hd {float:left; clear:both;margin:0;padding:0;position:relative;width: 760px;height: 10px;background:transparent url(/staticMedia/websitev2/images/coreTop.png) no-repeat top left;} .core .panel .bd {float:left; clear:both;margin:0;padding:5px;position:relative;width: 750px;background:transparent url(/staticMedia/websitev2/images/coreSides.png) repeat-y top left;} .core .panel .ft {float:left; clear:both;margin:0;padding:0;position:relative;width: 760px;height: 10px;background:transparent url(/staticMedia/websitev2/images/coreFoot.png) no-repeat bottom left;} .core .panel .titles {float:left;margin: 0 0 10px 20px;width: 650px;} .core .panel .titles h1{color:#026c9c;font-weight:normal;} .headPanel {position:relative;border-bottom: solid 1px #ccc;float:left; clear:both;width: 100%;margin-bottom: 12px;} .headPanel p {margin:0 25px 20px 25px;} .headPanel .help {position:absolute;right: 20px;top: 10px;} .orderDetailPanel {width: 100%;float:left;clear:both;background:#fafafa;} .searchHeadPanel {border-bottom: solid 1px #e5e5e5;float:left; clear:both;width: 100%;margin-bottom: 0px;} .core .panel .copy {width: 300px;float:right;margin: 15px 15px 0 0;} .side p.heading {margin:0;padding:0;width: 210px;text-align:center;float:left; clear:both;} .side .option{display:inline;width: 75px;border:solid 1px red; margin:2px 0px 2px 17px;float:left; height: 60px;text-align:center;} .side .option .number {font-size: 40px;line-height: 40px;} .side .panel .grid {width:210px;float:left; clear:both;margin:0;padding: 5px 0 4px 0;} .side .panel .grid .avatar {float:left;width: 30px;height: 30px;margin:0 5px 0 0;display:inline;} .side .panel .grid .avatar img {border:solid 1px #ccc; padding: 1px;float:left;margin:0;} .side .panel .grid p {margin:0;padding:0;} .side .panel .bd img {margin: 15px 0 0 3px;display:inline;} .side .panel h2.heading {color:#026c9c !important;font-size: 21px !important;line-height: 24px;margin:0 0 0 2px;padding:0;text-align:left;width: 208px;font-weight:bold !important;display:inline;float:left;} .side .panel h2.angelsHeading {color:#026c9c !important;font-size: 24px !important;line-height: 26px;margin:0 0 20px 2px;position:relative;padding:0 0;text-align:left;width:160px;font-weight:bold !important;display:inline;float:left;} .side .panel .angelHeadingLogo {height: 80px;width: 80px;background:transparent url(/staticMedia/websitev2/images/icons/angelsHeadingLogo.png) no-repeat top right;position:absolute;right: -15px;top: 5px;} .side .panel h2.heading a.followUsLink {margin:0;background:#222;color:#fff;font-size:11px;clear:none;float:right;padding: 1px 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;} .side .panel h2.heading a.followUsLink:hover {background:#444;} p.saveprice {color:#ff0000 !important;font-size: 24px;line-height: 24px;margin:0;padding:0;text-align:right;width: 210px;} p.wasprice {color:#026c9c !important;font-size: 24px;line-height: 24px;margin:0;padding:0;text-align:right;width: 210px;} p.nowprice {color:#026c9c !important;font-size: 21px;line-height: 24px;margin:0;padding:0;text-align:right;width: 210px;font-weight:bold;} p.currentprice {color:#222; font-size:20px;line-height: 24px;margin:0;padding:0;text-align:right;width: 210px;float:left;clear:both;font-weight:bold;} p.saveprice span, p.wasprice span, p.nowprice span, p.currentprice span {width: 100px;float:left;text-align:left;} p.currentprice span {width: 100px;} span.small {font-size: 14px;} .noVouchers {width: 235px;position:absolute;right: 0px; bottom:110px;color:#000000;padding:0;background:transparent;font-size: 14px;} .noVouchers span.noVouchersText {font-weight:bold;width: 200px;margin: 10px;float:left;clear:both;text-align:center;} .cashbackprice {position:absolute; right: -7px;bottom: 60px;width: 245px;color:#fff;float:left;clear:both;height: 43px;padding:0;background:transparent url(/staticMedia/websitev2/images/pd-wings.png) no-repeat top left;} .cashbackprice .angelsText{text-align:right;display:block;font-size:12px;font-weight:bold;width: 63px;float:left;margin: 5px;line-height: 14px;} .cashbackprice .price {font-size: 28px;font-weight:bold;float:left;margin: 5px 5px 5px 0px;display:inline;} .cashbackprice .cashbackText {width: 45px; float:left; font-size:12px;color:#fff;margin: 5px 0 0 0;font-weight:bold;padding:0px 0 0 ;} .cashbackprice a {color:#fff;} .cashbackprice a.angelsLink, .cashbackprice a.angelsLink:hover {color:#fff !important;} .cashbackprice a .angelsTest {color:#fff !important;text-decoration:underline;} .cashbackprice a .price {color:#fff;text-decoration:underline;} .side .panel .outofstock {width: 200px;text-align:center;font-size:12px;} .wrap {position:absolute;bottom: 10px;left:16px;width: 210px;} input.amount {border:solid 1px #ccc; text-align:center;display:inline; width: 33px;float:left;height: 20px;padding: 10px 3px;font-size: 18px;} .addtobasket {position:absolute;bottom: 10px;right:16px;} .deck {margin: 10px 0 10px 20px;display:inline;float:left;clear:both;background:#222;} .core .deck {width: 710px;height: 275px;} .full .deck {width: 950px;height: 275px;} .full .panel .centred {float:left;width: 930px;clear:both;margin: 10px 0 0px 30px;display:inline;float:left;clear:both;} .full .panel .centred h2 {color:#026c9c;font-size:30px;margin: 0 0 7px 0;padding:0;} .full .panel .cut {float:left;clear:both; border-top: dotted 1px #ccc;padding: 0;width: 100%;margin: 10px 0 0 0;} .full .panel .cut .third {position:relative;height: 120px;float:left;width: 295px;display:inline;margin-left: 20px;padding: 15px 15px 0 0;border-right: dotted 1px #ccc;margin-bottom: -6px;} .full .panel .cut .third#last {border:none;} .full .panel .cut .third img {float:left; margin: 0 10px 0 0;} .full .panel .cut .third h2 {font-size:21px;} .full .panel .cut .third p {margin: 0 0 7px 0;} .full .panel .bd#voucherPromo #deck {width: 700px;height: 275px;margin-right: 0;} .full .panel .bd#voucherPromo #deck ul li {width: 700px;margin:0;padding:0;} .full .panel .bd#voucherPromo .col {cwidth: 220px;padding-top:0;position:relative;} .core #feed {float:left; width: 692px;background:transparent url(/staticMedia/images/feedBackgroundTop.jpg) no-repeat top left;margin: 4px;padding: 14px 10px 10px 40px;position:relative;} .core #feed .back {clear:both;float:left; width: 692px;background:transparent url(/staticMedia/images/feedBackgroundLower.jpg) no-repeat bottom left;} .full #feed .back {clear:both;float:left; width: 935px;background:transparent url(/staticMedia/images/feedBackgroundLower.jpg) no-repeat bottom left;padding: 14px 10px 10px 60px;margin:0;margin-top: 5px;} .full #feed {float:left; width: 1006px;background:transparent url(/staticMedia/images/feedBackgroundTop.jpg) no-repeat top left;margin: 0 0 0 2px;position:relative;height:auto;} #feed .feedHeading {float:left; clear:both;margin: -3px 0 4px 9px;display:inline;} #feed ul {list-style:none;margin:0;padding:0;clear:both;} #feed ul li {background:transparent;width: 153px;float:left;margin: 0 10px;font-size:12px;text-align:center;line-height: 14px;} #feed ul li .hd {float:left; clear:both;background:transparent url(/staticMedia/websitev2/images/feedTile-top.jpg) no-repeat top left;width: 153px;height:8px;float:left;padding:0;margin:0;} #feed ul li .bd {float:left; clear:both;background:transparent url(/staticMedia/websitev2/images/feedTile-sides.jpg) repeat-y top left;width: 134px;float:left;clear:both;padding: 0px 10px 0px 9px;margin:0;} #feed ul li .ft {float:left; clear:both;background:transparent url(/staticMedia/websitev2/images/feedTile-foot.jpg) no-repeat bottom left;width: 153px;height:5px;float:left;margin:0;padding:0;} #feed ul li span {width: 134px;float:left; clear:both; text-align:center;margin:0 0 2px 0;} #feed ul li em {font-size:11px;} a#prev {background:transparent url(/staticMedia/websitev2/images/buttons/arrowLeft.png) no-repeat top left;width: 30px;height: 30px;position:absolute; top: 57px;left: 14px;} a#next {background:transparent url(/staticMedia/websitev2/images/buttons/arrowRight.png) no-repeat top right;width: 30px;height: 30px;position:absolute; top: 57px;right: 14px;} .jcarousel-clip {width: 880px;overflow:hidden;} .jcarousel-container {position: relative;width: 100%;} .jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;} .jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;} .jcarousel-list li, .jcarousel-item {float: left; list-style: none; width: 178px;position:relative;margin-right: 10px;display:inline;} .side .panel {float:left; width: 240px;position:relative;background:none;margin:0 0 13px 0;} .side .panel .hd {float:left; clear:both;margin:0;padding:0;position:relative;width: 240px;height: 10px;background:transparent url(/staticMedia/websitev2/images/sideTop.png) no-repeat top left;} .side .panel .bd {display:inline;float:left; clear:both;margin:0;padding:10px 16px;position:relative;width: 208px;background:transparent url(/staticMedia/websitev2/images/sideSides.png) repeat-y top left;} .side .panel .ft {float:left; clear:both;margin:0;padding:0;position:relative;width: 240px;height: 10px;background:transparent url(/staticMedia/websitev2/images/sideFoot.png) no-repeat bottom left;} .side .panel .bd h2 {font-weight:normal;font-size: 16px; color:#026c9c;margin:0 0 8px 0;padding:0;} .panel .product {float:left; width: 165px;position:relative;background:none;margin: 12px 8px;} .panel .product .hd {float:left; clear:both;margin:0;padding:0;position:relative;width: 165px;height: 10px;background:transparent url(/staticMedia/websitev2/images/productTop.png) no-repeat top left;} .panel .product .bd {float:left; clear:both;margin:0;padding:5px 10px 0px 15px;position:relative;width: 140px;background:transparent url(/staticMedia/websitev2/images/productSides.png) repeat-y top left;} .panel .product .ft {float:left; clear:both;margin:0;padding:0;position:relative;width: 165px;height: 10px;background:transparent url(/staticMedia/websitev2/images/productFoot.png) no-repeat bottom left;} .panel .product .hd-red {float:left; clear:both;margin:0;padding:0;position:relative;width: 165px;height: 10px;background:transparent url(/staticMedia/websitev2/images/redProductTop.png) no-repeat top left;} .panel .product .bd-red {float:left; clear:both;margin:0;padding:5px 10px 0px 15px;position:relative;width: 140px;background:transparent url(/staticMedia/websitev2/images/redProductSides.png) repeat-y top left;} .panel .product .ft-red {float:left; clear:both;margin:0;padding:0;position:relative;width: 165px;height: 10px;background:transparent url(/staticMedia/websitev2/images/redProductFoot.png) no-repeat bottom left;} .panel .product .hd-orange {float:left; clear:both;margin:0;padding:0;position:relative;width: 165px;height: 10px;background:transparent url(/staticMedia/websitev2/images/orangeProductTop.png) no-repeat top left;} .panel .product .bd-orange {float:left; clear:both;margin:0;padding:5px 10px 0px 15px;position:relative;width: 140px;background:transparent url(/staticMedia/websitev2/images/orangeProductSides.png) repeat-y top left;} .panel .product .ft-orange {float:left; clear:both;margin:0;padding:0;position:relative;width: 165px;height: 10px;background:transparent url(/staticMedia/websitev2/images/orangeProductFoot.png) no-repeat bottom left;} .panel .product .hd-green {float:left; clear:both;margin:0;padding:0;position:relative;width: 165px;height: 10px;background:transparent url(/staticMedia/websitev2/images/greenProductTop.png) no-repeat top left;} .panel .product .bd-green {float:left; clear:both;margin:0;padding:5px 10px 0px 15px;position:relative;width: 140px;background:transparent url(/staticMedia/websitev2/images/greenProductSides.png) repeat-y top left;} .panel .product .ft-green {float:left; clear:both;margin:0;padding:0;position:relative;width: 165px;height: 10px;background:transparent url(/staticMedia/websitev2/images/greenProductFoot.png) no-repeat bottom left;} .panel .product .hd-blue {float:left; clear:both;margin:0;padding:0;position:relative;width: 165px;height: 10px;background:transparent url(/staticMedia/websitev2/images/blueProductTop.png) no-repeat top left;} .panel .product .bd-blue {float:left; clear:both;margin:0;padding:5px 10px 0px 15px;position:relative;width: 140px;background:transparent url(/staticMedia/websitev2/images/blueProductSides.png) repeat-y top left;} .panel .product .ft-blue {float:left; clear:both;margin:0;padding:0;position:relative;width: 165px;height: 10px;background:transparent url(/staticMedia/websitev2/images/blueProductFoot.png) no-repeat bottom left;} .product p.refund {width: 150px;font-size: 16px;font-weight:normal;text-align:center;} .panel .grid {float:left;clear:both;width:735px;border-bottom: solid 1px #ccc;padding-left: 15px;background: #fff url(/staticMedia/websitev2/images/gridBackground.jpg) repeat-x bottom left;} h2.rec {background:#b4d787;padding: 4px;width: 128px !important;float:left;clear:both;margin-bottom: 3px;color:#222 !important;} h2.rec a {width: 128px;color:#41690c;} .wall-addtobasket h2.rec {width: 95% !important;} .wall-addtobasket h2.rec a {width: 95% !important;float:left !important;} .product .bd h2.rec {color:#222;} .product p.heading {margin:0;padding:0;float:left; width: 135px;font-size:11px;line-height: 12px;font-weight:bold;color:#000;text-align:center;} .product p {margin:0;padding:0;} .product h2 {color:#026c9c !important;font-size: 12px;float:left; width: 135px;clear:both;line-height: 13px;margin-bottom: 3px;} .product .label, .product .thumb img, .tiled-list .product .caseLabel img {width: 132px;float:left; padding:1px;border:solid 1px #ccc;margin:3px 0;position:relative;} .product .ratedValue {position:absolute; background:#026c9c;color:#fff; font-weight:bold;top:9px;left:16px;width: 130px;padding: 4px 3px;text-align:left;font-size:14px;text-decoration:none;} .caseLabel {margin-right: 15px;display:inline;} .full .panel .product .caseLabel img {width: 132px;float:left; padding:1px;border:solid 1px #ccc;margin: 3px 0 3px 0;position:relative;} .product .summary {float:left;width: 490px;font-size:12px;padding-right: 10px;display:inline;} .product p.do {float:left; width: 135px;clear:both;margin:0 0 2px 0;padding:0;} .product p.do .save {font-weight:bold;color:#ff0000;font-size:14px;} .product p.do span {float:left;} .product a.add {float:right;margin:0 0 0 3px;} .product p.times {color:#fff;font-size:16px;text-align:center;background:transparent url(/staticMedia/websitev2/images/timesFt.png) no-repeat bottom left;position:absolute;top: -8px; left: 23px;padding: 10px;font-weight:bold;z-index: 888;} .full .panel .grid {width: 985px;} .full .panel ul#see {width: 900px;margin:0 0 10px 25px;display:inline;} #subFooter {background:#dddddd;clear:both;font-size:12px;color:#333;border-top: solid 1px #cccccc;margin:0;padding: 10px 0} #subFooter .followUs {float:left;clear:left;} #subFooter .followUs .social {float:left;margin-right: 10px;} #subFooter .bookmarks {float:right;clear:right;} #subFooter .bookmarks a {margin:0 0 0 2px;} #footer {clear:both;font-size:12px;color:#333;border-top: solid 1px #eee;margin:0;padding: 20px 0 100px 0} #footer ul {list-style: none;margin:0;padding:0;} #footer ul li a {color:#777;text-decoration:none;} #footer ul li span{font-weight:bold;color:#777;} #footer p{font-size: 12px; color:#777;margin:0 0 7px 0;padding:0;} #footer .side {margin:0;width: 230px;padding:0 0 100px 0;} .col {float:left; width:200px;margin:20px 0 0 10px;padding: 0px;} #footer .col {width: 190px;padding:0;} #footer .side .listed {float:left; clear:both;width: 100%;text-align:left;color:#777;} #footer a {color:#777;} #footer .side .listed span {float:left;width:90px;clear:left;text-align:left;} .full .panel ul#see li#first {font-weight:bold;color:#000;margin-right: 15px;display:inline;} .full .panel ul#see li.selected a {font-weight:bold;} .full .refine {background:#f7f7f7;width: 975px;border-bottom: solid 1px #e5e5e5;display:inline;padding: 5px 0 0px 25px;float:left; clear:both;margin: 0 0 10px 0;border-top: solid 1px #fff;} .full .refine .filter {margin-right: 37px;margin-bottom: 7px;width: 285px;border:none;padding:0;margin-top:0;} .full .refine .filter label {font-size: 12px;font-weight:bold;margin: 4px 0 0 0;color:#333;width: 50px !important;} .full .refine .filter select{width: 115px;padding: 3px 0} .full .refine .filter .viewButtons {float:left;text-align:right;margin:0;padding:0;width: 120px;} .full .refine .filter .viewButtons a {float:left;clear:none;margin:0 0 0 3px;padding:0;} .full .refine .filter .viewButtons label {margin-top: 4px;text-align:left !important;} .full .refine .filter .hold {float:right;width: 165px;} .full .refine ul {width: 700px;float:left; margin:0;padding:0;list-style-type:none;} .full .refine ul li {float:left;display:inline;} .full .refine ul li.start {width: 80px;color:#000;font-weight:bold;} .full .refine ul li a {float:left; margin: 0 10px 5px 0;background:#f7f7f7;padding:2px;} .full .refine ul li.selected a{background:#026c9c url(/staticMedia/images/icons/refineCross.png) no-repeat 99% 50%; color:#fff;padding:2px 14px 2px 2px;} .full .panel .grid .product {margin: 8px 14px;display:inline;} .full .panel .profileWines .grid .product {margin: 8px 5px;display:inline;} .full .panel .paging {width: 975px;} .full .panel .paging p.showing {margin-left: 10px;display:inline;} .full .views {float:right; margin:0 25px 0 0;padding:0;display:inline;} .full .panel .horizontal {float:left;clear:both;width:735px;border-bottom:none;padding-left: 15px;background: #fff;} .full .panel .horizontal .product {float:left; width: 940px;position:relative;background:none;margin: 0px 0px 8px 12px;display:inline;} .full .panel .preorderList .product {margin-left: 12px;} .full .panel .horizontal .product .wrap {float:right !important;width: 200px;} .full .panel .wrap label {display:none;} .full .panel .product .wrap .amount {padding:0;font-size: 12px;float:right;} .tl, .tr, .bl, .br {position:absolute;width: 5px; height: 5px;} .tl {background:transparent url(/staticMedia/websitev2/images/corners/tl.jpg) no-repeat top left;top:-1px;left:-1px;} .tr {background:transparent url(/staticMedia/websitev2/images/corners/tr.jpg) no-repeat top right;top:-1px;right:-1px;} .bl {background:transparent url(/staticMedia/websitev2/images/corners/bl.jpg) no-repeat bottom left;bottom:-1px;left:-1px;} .br {background:transparent url(/staticMedia/websitev2/images/corners/br.jpg) no-repeat bottom right;bottom:-1px;right:-1px;} label {width: 494px; margin: 0px 9px;float: left; font-weight: bold;color:#666;} .textbox{float:left;width: 700px;border:solid 1px #999;padding:5px;margin:9px 9px 9px 20px; font-family:helvetica, arial, sans-serif;height: 100px;font-size: 12px;} .textinput{float:left;width: 494px;border:solid 1px #999;padding:5px;margin:3px 9px; } #welcome, #welcome2 , #videoContainer, #loginWelcome {display:none;width: 100%;height: 100%; position:absolute;top:0;left:0;z-index: 899;background:none;} #welcome .inside, #videoContainer .inside, #loginWelcome .inside {width: 1000px;height: 1000px; margin:0 auto; position:relative;z-index: 223;background:none;} #partner-welcome {text-align:center;display:block;background:transparent; width: 650px;position:absolute;top: 140px;left: 155px;z-index: 999;} #partner-welcome .bd #deck{width: 600px;margin-left: 0px;height: 250px;} #partner-welcome .bd #deck ul li{width: 600px;margin-left: 15px;height: 250px;display:inline;} #partner-welcome .hd {background:transparent url(/staticMedia/websitev2/images/overlayTop.png) no-repeat top left; width: 680px;height: 10px;float:left; clear:both;} #partner-welcome .bd {background:#fff;width: 630px;float:left; clear:both;padding: 25px;position:relative;} #partner-welcome .ft {background:transparent url(/staticMedia/websitev2/images/overlayFoot.png) no-repeat bottom left;width: 680px;height: 10px;float:left; clear:both;} #partner-welcome .left {float:left; width: 250px;position:absolute;} #partner-welcome .cutout {position:absolute; bottom :0;left: 150px;} #partner-welcome .right {float:right; width: 385px;padding-top: 10px;} #partner-welcome h2 {color:#026c9c;font-weight:bold;font-size: 30px;margin: 0 0 5px 0;padding:0;} #partner-welcome .slide {position:relative;width: 630px;height: 282px;margin:0;background:#fff;float:left;clear:both;position:relative;} #partner-welcome .slideOverlay {background:#FFF; position:absolute;top:0px;left: 00px;width: 630px;height: 302px;padding-top:10px;} #partner-welcome .slideOverlay p, .slideOverlay p {position:relative;float:left; clear:both;width: 480px;margin: 0 0 7px 50px;padding:0;} #partner-welcome .slideOverlay label, .slideOverlay label {font-size:18px;font-weight: bold;width: 120px;text-align:left;float:left;color:#444444;padding:13px 0 0 0 ;} #partner-welcome .slideOverlay .textinput, .slideOverlay .textinput {width: 280px;padding: 8px 6px;-moz-border-radius:5px;-webkit-border-radius: 5px;font-size:18px !important;} #partner-welcome .slideOverlay p .emailText {width: 300px;float:right;text-align:left;clear:both;padding-right: 33px;line-height: 14px;clear:left;} #partner-welcome .slideOverlay p .error, .slideOverlay p.error {color:#ec1611;font-weight:bold;width: 440px;margin-left: 145px;float:left;clear:Both;text-align:left;line-height: 16px;margin:0 0 0 145px;padding:0;} #partner-welcome .slideOverlay .validateIcon {width: 24px;height: 24px;float:right;margin:10px 0 0 0;padding:0;clear:none;} #partner-welcome .slideOverlay .validateIcon.badItem {background:#fff url(/staticMedia/images/icons/validationVoucherIcon.jpg) no-repeat 0px -48px;} #partner-welcome .slideOverlay .validateIcon.emptyItem {background:#fff url(/staticMedia/images/icons/validationVoucherIcon.jpg) no-repeat 0px -24px;} #partner-welcome .slideOverlay .validateIcon.goodItem {background:#fff url(/staticMedia/images/icons/validationVoucherIcon.jpg) no-repeat 0px 0px;} #partner-welcome .slideOverlay .voucherAddtobasket {float:right;clear:both;margin: 20px 20px 0 0;} .side .panel p.error {color:#ec1611;font-weight:bold;width: 198px;background-image:none;margin:5px 0;text-align:center;padding: 5px;} .full .panel .slide {margin: 20px 0 25px 25px; float:left;clear:both;position:relative;width: 950px;height: 275px;background:#fff url(/staticMedia/images/slides/giftmessage-slide.jpg) no-repeat top left;} .full .panel .slideOverlay {width: 400px;height: 170px;position:absolute;bottom: 70px;height: 120px;left: 25px;} .full .panel .slideOverlay.slideOverlay p {width: 400px;} .full .panel .slideOverlay label {color: #222;width: 130px;} .orderConfirmation {width: 690px;margin-left: 10px;float:left;clear:both;} #deck {float:left; width: 720px;background:#fff;margin: 18px 0px 18px 25px;height: 275px;padding: 0px;display:inline;} #deck ul {list-style:none;margin:0;padding:0;} #deck ul li {background:#fff;width: 720px;height:275px;float:left;margin: 0;font-size:12px;padding:0;position:relative;} #deck a.prev {position:absolute; bottom:7px;left: 9px;} #deck a#alignRight {position:absolute; bottom:7px;right: 9px !important;} #deck a.closeOC{position:absolute; bottom:7px;left: 9px;} #deck a.next {position:absolute; bottom: 7px;right: 9px;} #deck a.chat {position:absolute; bottom: 7px;right: 109px;} #deck .jcarousel-clip {width: 720px;overflow:hidden;} .core #deck .jcarousel-clip, .full #deck .jcarousel-clip {width: 700px;overflow:hidden;} .core #deck, .core #deck ul li {width: 700px;} #partner-welcome #deck {width: 620px;background:#fff;height: 300px;margin:0 !important;padding:0 !important;} #partner-welcome #deck ul li {height: 300px;width: 620px;margin:0 !important;padding:0 !important;} #partner-welcome #deck .jcarousel-clip {height: 300px !important;background:#fff;width: 620px !important;overflow:hidden;margin:0 !important;padding:0 !important;} #partner-welcome #deck .jcarousel-item {height: 300px !important;width: 620px !important;margin:0 !important;padding:0 !important;} #partner-welcome h3 {font-size: 21px;font-weight:normal;margin:0 0 4px 0;padding:0;} .jcarousel-container {position: relative;width: 100%;} .jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;} .jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;} .jcarousel-list li, .jcarousel-item {float: left; list-style: none; position:relative;display:inline;margin:0;padding:0;} #accordion {float:left; clear:both; margin: 25px 0 25px 35px;display:inline;} #accordion .head {-moz-border-radius: 5px;-webkit-border-radius: 5px;outline:none;font-size: 16px;color:#026c9c;padding: 11px 0 0 10px;float:left; clear:both;width: 666px;height: 30px;margin-bottom: 1px;background:#cfe6ec;display:inline;} .blueHead, .empty {-moz-border-radius: 5px;-webkit-border-radius: 5px;outline:none;color:#026c9c;padding: 11px 10px 0 10px;float:left; clear:both;width: 676px;margin-bottom: 1px;margin:12px 0;} .empty {text-align:center;padding: 30px 10px;outline:none;float:left; clear:both;width: 686px;margin:12px 0 12px 10px;} .empty p {font-size: 16px;color:#02518b;} #accordion .ui-state-active {background-position: 0px -41px;outline:none;} #accordion .accordion {float:left;clear:both;width: 676px;} a.editGlobal {padding:0;width: 25px;height: 25px;color:#fff;position:absolute;right:58px;top:0;background:#222 url(/staticMedia/websitev2/images/cms/edit.png) no-repeat center center;} a.settingsGlobal {padding:0;width: 25px;height: 25px; color:#fff;position:absolute;right:31px;top:0;background:#222 url(/staticMedia/websitev2/images/cms/settings.png) no-repeat center center;} a.statsGlobal {padding:0;width: 25px;height: 25px;color:#fff;position:absolute;right:4px;top:0;background:#222 url(/staticMedia/websitev2/images/cms/stats.png) no-repeat center center;} .editorContainer {width: 100%;height: 100%; position:fixed;top:0;left:0;z-index: 222;background:none;} .editorContainer .editorInside {width: 1000px;height: 1000px; margin:0 auto; vertical-align: middle;position:relative;z-index: 223;background:none;} .editorLayer {text-align:left;display:block;background:#fff; padding: 25px;border:solid 10px #666;width: 600px;height: 500px;position:absolute;top: 80px;left: 80px;} {height: 48px;width: 48px;background:transparent url(/staticMedia/images/buttons/close-welcome.jpg) no-repeat top left;color:#fff;right: 7px;top: 7px; position:absolute;} .editorLayer .left {float:left; width: 250px;position:absolute;} .editorLayer .cutout {position:absolute; bottom :0;left: 150px;} .editorLayer .right {float:right; width: 385px;padding-top: 10px;} .editorLayer .editorTextarea {width: 800px;padding: 3px; height: 600px;} .cut h2.heading {margin-left:25px;float:left;} .cut .helpicon {float:right;margin:0 35px 15px 0;padding-right: 20px;background:transparent url(/staticMedia/images/interact/helpicon.png) no-repeat top right;} .cut .help-panel {float:left;width: 320px;margin: 15px 0 15px 25px ;} .cut .help-panel h2 {color:#0d2234;} .browserWarning {text-align:center;width: 1000px;margin:0 auto;position:fixed;z-index:998;display:none;} .browserWarningPopup {display:none;background:#fff;padding:35px;text-align:center;z-index:998;width: 400px;margin:0 auto;border: solid 10px #6699CC;position:relative;} .browserWarningPopup h2 {font-size: 21px;color:#444;line-height: 21px;font-weight:bold;} .browserWarningPopup p {font-size: 18px !important;color:#444;line-height: 21px;font-weight:normal !important;} #tweets {float:left;clear:both;width: 220px;padding-top: 10px;} #tweets .post {width: 220px;float:left; clear:both;margin: 0 0 10px 0;padding:0;} #tweets .post .avatar {float:left;width: 30px;height: 30px;margin:0;padding:0;} #tweets .post .avatar img {width: 29px;height: 29px;border:none;margin:1px 0 0 1px;padding:0;} #tweets .post .item {float:right;position:relative;width: 155px;margin-right: 10px;padding: 5px;} #tweets .post .item .speechArrow {position:absolute;left:-12px;top: 7px;height: 16px;width: 13px;background:transparent url(/staticMedia/websitev2/images/main-post-arrow.jpg) no-repeat top left;} #tweets .post .item .tweetBody {width: 155px;overflow:hidden;float:left;} #tweets .post .item .tweetDetails {width: 155px;overflow:hidden;float:left;} .landingPagePromo {position:absolute;top: 0;left: 0;} #tweets .post .item .tweetDetails {font-style:italic;width: 100%;color:#444;margin: 4px 0 0 0 ;} .side .panel .textinput {width: 190px;} .side .product {width: 90px;margin:0 5px;display:inline;} .side .product .label {width: 88px;} .full .core .paging {width: 700px} .full .half {width: 450px;float:left;margin: 15px 15px 15px 25px;display:inline;} .full .half .error {width: 400px;margin: 10px 0;color:#ec1611;padding: 15px 10px 15px 60px;display:inline;font-weight:bold;} .full .half h2 {font-size:18px;font-weight:normal;margin: 0 0 15px 0;} .full .half h2.heading {font-size: 21px;font-weight:normal;margin:0;} .full .half#login {float:right;width: 410px;} .full .half#login p.error {width: 330px;} .full .half#signup {float:left;width: 500px;} .full .half#signup label {color:#333;font-size: 14px;width: 140px;} .full .half#login label {color:#333;font-size: 14px;width: 110px;} .full .half#signup .textinput {width: 280px;margin-left: 10px;} .full .half#login .textinput {width: 220px;} .full .half label {width: 110px;padding: 7px 10px 0 0;display:inline;font-weight:bold;text-align:right;} .full .half .textinput {width: 240px;} .full .half .cvvtextinput {width: 50px;float:left;border:solid 1px #999;padding:5px;margin:3px 9px;display:inline;} .full .half select {margin: 5px 0 5px 9px;display:inline;} .full .half .signupbutton {float:left; margin: 0px 0 0px 177px;display:inline;} .full .half .loginbutton {float:left; margin: 10px 0 25px 147px;display:inline;} .full .half .forgotten {float:left; margin: 10px 0 25px 147px;float:left;display:inline;} .full .half .instruct {float:left; margin: 0px 0px 5px 147px;display:inline;float:left;font-size:11px;line-height: 14px;padding:0;} .full .col {float:right; width: 200px;margin-right: 15px;display:inline;position:relative;text-align:center;height: 255px;padding:10px;} .full .col .addtobasket {position:absolute; bottom: 0px;right: 0;} .full .panel .product h2 {margin-left: 15px; line-height: 16px;display:inline;} .full .panel .tiled-list .product h2 {margin-left:0;} .profileHeader {float:left; clear:both;width: 955px;margin: 10px 0 5px 25px;display:inline;} .profileHeader .side {width: 195px;} .profileHeader .side h2.heading {width: 195px;} .profileLeft {float:left;width: 150px;} .profileImage {float:left; border:solid 1px #dcdcdc;position:relative;margin: 10px 15px 10px 20px;padding: 5px;display:inline;} .profileImage img {width: 100px;} .profileDetails {float:left;width: 590px;clear:none;} .profileDetails h2 {font-size: 21px;width: 350px;margin:6px 0 0 0;padding:0;} .profileDetails p {margin:0 0 7px 0;padding:0;width: 350px;color:#444;} .profileDetails .words {width: 350px;float:left;color:#444;} .twitterStatus {position:relative;float:right;width: 200px;background:#f7f7f7;padding: 5px;border:solid 1px #ccc;-moz-border-radius: 5px; -webkit-border-radius: 5px;margin-bottom: 8px;} .twitterStatus .speechArrow {position:absolute;left:-18px;top: 10px;width: 19px;height: 23px;background:transparent url(/staticMedia/images/twitterSpeechArrow.jpg) no-repeat 0px 0px;} .twitterStatus .twitterIcon {position:absolute;left:-55px;top: 0px;width:32px;height:32px;background:transparent url(/staticMedia/images/icons/largeTwitter.png) no-repeat 0px 0px;} h2.blueHeading {border-bottom: solid 1px #02577d;float:left;clear:both;background:#026c9c;padding: 5px;width: 220px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;-webkit-border-top-left-radius: 5px;outline:none;color:#fff !important;padding: 11px 0px 5px 10px !important;float:left; clear:both;margin:-15px 0 4px -11px !important;display:inline;} h2.blueAlertsHeading {border-bottom: solid 1px #02577d;float:left;clear:both;background:#026c9c url(/staticMedia/images/icons/emailAlerts.png) no-repeat 97% 50%;padding: 5px;width: 150px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;-webkit-border-top-left-radius: 5px;outline:none;color:#fff !important;padding: 8px 70px 8px 10px !important;float:left; clear:both;margin:-15px 0 8px -11px !important;display:inline;} .twitterStatus p {margin: 0 0 4px 0;width: 190px;} #twitterStatus {text-align:center;} .profileWines{float:left; border:solid 1px #dcdcdc;position:relative;padding: 5px;width: 725px;margin:0 0 15px 20px;display:inline;} .profileWines .headPanel {padding-top: 10px;} .profileWines .orderCol {background: #fff url(/staticMedia/websitev2/images/gridBackground.jpg) repeat-x bottom left;float:left;width: 160px;border-left: solid 1px #ccc;border-right: solid 1px #fff;padding: 10px;margin: -4px 0;} .profileWines .orderCol p.orderTitle {padding: 20px 0px 2px 30px;display:inline;background:transparent url(/staticMedia/websitev2/images/icons/confirm.png) no-repeat 13px 13px;padding-left: 30px;width: 110px;} .profileWines .orderCol#last {margin-right: -4px;border-right: solid 1px #ccc;} .profileWines .orderCol p{font-size: 18px;text-align:center;margin-top: 0px;width: 160px;} .profileWines .orderCol p span {font-size: 40px;line-height: 40px;float:left;width: 160px;clear:both;margin: 10px 0;color:#026c9c;} .profileWines .orderCol#orderDetailPanel {border:none;width: 150px;padding:0;margin-left: -4px;} .archangel-logo {position:absolute; top: -15px;left: -35px; width: 65px;height: 67px;background: transparent url(/staticMedia/images/icons/archangel-logo.png) no-repeat top left;} .angel-logo {position:absolute; top: -15px;left: -35px; width: 65px;height: 67px;background: transparent url(/staticMedia/images/angel-logo-profile.png) no-repeat top left;} p.archangelLabel {text-transform:uppercase;width: 100px;float:left;clear:both;text-align:center;padding:0;margin:0;background:#ffc028;color:#fff;} p.archangelLabel a {color:#fff;} p.angelLabel {text-transform:uppercase;width: 100px;float:left;clear:both;text-align:center;padding:0;margin:0;background:#1374b8;color:#fff;} .advanced-logo {position:absolute; top: 0px;left: -10px; width: 40px;height: 42px;background: transparent url(/staticMedia/images/icons/advanced-booking-logo-small.png) no-repeat top left;} .advanced-logo-large {position:absolute; top: 0px;right: -65px; width: 138px;height: 138px;background: transparent url(/staticMedia/images/icons/advanced-booking-logo-large.png) no-repeat top left;} .profileWines .promo {float:left;clear:both;margin: 14px 0 14px 14px;display:inline;} .remove, .hideLink{position:absolute;top: 7px; right: 7px;width: 14px;height: 14px;background:transparent url(/staticMedia/websitev2/images/icons/remove.png) no-repeat top left;} .hide{position:absolute;top: 7px; right:19px !important;width: 50px;height: 14px;text-align:right;font-size:11px;} .removeCheck {position:absolute;top: 2px; right: 7px;width: 14px;height: 14px;} a.followButton, a.inviteButton, .joinbutton {background:#777777;text-decoration:none;color:#fff;float:right;width: 180px;padding: 11px;position:relative;text-align:center;margin-top: 10px;} a.followButton .tl, a.btn-post .tl, a.inviteButton .tl{background:transparent url(/staticMedia/websitev2/images/buttons/follow-tl.jpg) no-repeat top left;top:0px;left:0px;width: 11px;height: 11px;} a.followButton .tr, a.btn-post .tr, a.inviteButton .tr{background:transparent url(/staticMedia/websitev2/images/buttons/follow-tr.jpg) no-repeat top left;top:0px;right:0px;width: 11px;height: 11px;} a.followButton .bl, a.btn-post .bl, a.inviteButton .bl{background:transparent url(/staticMedia/websitev2/images/buttons/follow-bl.jpg) no-repeat top left;bottom:0px;left:0px;width: 11px;height: 11px;} a.followButton .br, a.btn-post .br, a.inviteButton .br{background:transparent url(/staticMedia/websitev2/images/buttons/follow-br.jpg) no-repeat top left;bottom:0px;right:0px;width: 11px;height: 11px;} .side .panel a.followWinemakerButton {float:left;clear:both;width: 150px;font-size:18px;padding: 10px 0 10px 70px;background: transparent url(/staticMedia/images/icons/followHeart.png) no-repeat top left;} .side .panel a.followWinemakerButtonAdd {float:left;clear:both;width: 150px;font-size:18px;padding: 10px 0 10px 70px;background: transparent url(/staticMedia/images/icons/followHeart-add.png) no-repeat top left;} .side .panel a.followHelp {float:right;height: 16px;width: 16px;background:transparent url(/staticMedia/images/icons/smallhelp.png) no-repeat top left;} .paging {float:left; width: 710px;padding:20px;clear:both;} .paging p.showing {float:left;width: 400px;margin:0 0 0 5px;font-size:16px;} .results .paging, .paging2 {padding: 0 20px;} .labelLink {position:relative;float:left;width: 200px;} .results .like {width: 34px;height:34px;position:absolute;top:12px;left: 19px;background:transparent url(/staticMedia/websitev2/images/icons/smallLove.png) no-repeat top left;} .results .dislike {width: 34px;height:34px;position:absolute;top:12px;left: 19px;background:transparent url(/staticMedia/websitev2/images/icons/smallHate.png) no-repeat top left;} .results .maybe {width: 34px;height:34px;position:absolute;top:12px;left: 19px;background:transparent url(/staticMedia/websitev2/images/icons/smallMaybe.png) no-repeat top left;} .paging2 p.showing {margin-left: 10px;display:inline;} .side .paging {width: 200px;} .side p.data {width: 200px;float:left;text-align:right; margin: 10px 0 0 0;font-size: 21px;border-bottom: dotted 1px #e5e5e5;padding: 0 0 5px 0;} .side p.data span {text-align:left;width: 120px;float:left;} .full .side .viewall, .full .side .message {margin-bottom: 20px;} .full .side .message {clear:both;width: 180px;float:left;background: #f7f7f7;padding: 10px;text-align:center;display:inline;} a.groupback {float:right;} .paging .buttons {float:right;width: 60px;} .paging a.prev {float:left;background:transparent url(/staticMedia/websitev2/images/buttons/arrowLeft.png) no-repeat top left;width: 27px;height: 27px;} .paging a.next {float:right;background:transparent url(/staticMedia/websitev2/images/buttons/arrowRight.png) no-repeat top right;width: 27px;height: 27px;} .paging2 {float:left; width: 975px;padding:20px;clear:both;} .paging2 p.showing {float:left;width: 400px;margin:0 0 0 5px;font-size:16px;display:inline;} .paging2 .buttons {float:right;width: 60px;} a.viewall {float:right; clear:both; margin: 10px;} .filter {float:right;width: 170px;margin: 10px 20px 10px 0;display:inline;} .filter#winesPage {width :100px;} .filter label {width: 70px;float:left;font-size:16px;font-weight:normal;margin:0;clear:none;color:#666;} .filter select {float:right;width: 100px;margin:0;clear:none;} .side .product .summary {display:none;} ul#see {float: left;margin:0;padding: 0;clear:both;list-style: none;width: 600px;margin:0 0 10px 25px;display:inline;} ul#see li{float: left;display: inline;padding: 0;float: left;margin:10px 10px 0 0;display: block;padding: 0;font-size:16px;color:#666;} ul#see li a{display:inline;font-size:12px;text-decoration:none;font-weight:bold;float: left;font-weight:normal;display: block;padding: 0;font-size:16px;color:#026c9c;margin-top: -3px;padding:6px 8px;background:#ededed; -moz-border-radius: 5px; -webkit-border-radius: 5px;font-size:12px;color:#222;} ul#see li#seeEverything a{margin-top: -3px;padding:6px 8px;background:#eee; -moz-border-radius: 5px; -webkit-border-radius: 5px;font-size:12px;color:#222;} ul#see li#seeRated a{margin-top: -3px;padding:6px 8px;background:#1a8ab8; -moz-border-radius: 5px; -webkit-border-radius: 5px;font-size:12px;color:#fff;} ul#see li#seeFavourites a{font-weight: bold;margin-top: -3px;padding:6px 8px;background:#f6a20b; -moz-border-radius: 5px; -webkit-border-radius: 5px;font-size:12px;color:#fff;} ul#see li#seeUnrated a{margin-top: -3px;padding:6px 8px;background:#c40b02;color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px;} ul#see li#seeRecommended a{margin-top: -3px;padding:6px 8px;background:#6cb013;color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px;} ul#see li#seeWishlist a{margin-top: -3px;padding:6px 8px;background:#f77c03;color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px;} ul#see li#seeTastings a{margin-top: -3px;padding:6px 8px;background:#048ac6;color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px;} p.greydot, a.printThis {margin: 4px 0px;padding:0px;background:#ededed; -moz-border-radius: 5px; -webkit-border-radius: 5px;font-size:12px;color:#222;height: 20px;width: 20px;} p.reddot {margin: 4px;padding:0;background:#c40b02;color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px;height: 20px;width: 20px;} p.greendot {margin: 4px;padding:0;background:#6cb013;color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px;height: 20px;width: 20px;} p.orangedot {margin: 4px;padding:0;background:#f77c03;color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px;height: 20px;width: 20px;} p.bluedot {margin: 4px;padding:0;background:#048ac6;color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px;height: 20px;width: 20px;} a.printThis {width: auto;float:right;margin-right: 24px;color:#fff;text-decoration:none;font-weight:bold;display:inline;padding: 7px 6px 7px 36px;background:#222 url(/staticMedia/websitev2/images/icons/printerThis.png) no-repeat 3px 3px;font-size: 16px;} ul#see li#seeEverything a, ul#see li#seeRated a {font-size:12px;text-decoration:none;font-weight:bold;} ul#see li#seeUnrated a, ul#see li#seeRecommended a, ul#see li#seeWishlist a{color:#fff;font-size:12px;text-decoration:none;font-weight:bold;} a.openHeadPanel {margin-top: -3px;padding:3px 8px 4px 8px;display:inline;background:#222;color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px;float:right;font-weight:bold;font-size:16px;text-decoration:none;margin: 2px 18px 5px 0;line-height: 16px;} a.closeHeadPanel, a.closeDetail {margin-top: -3px;padding:3px 8px 4px 8px;display:inline;background:#222;color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px;float:right;font-weight:bold;font-size:16px;text-decoration:none;margin: 2px 9px 0 0;line-height: 16px;} a.openDetail {float:right;} .headPanel#announceClosed {display:none;} .tabs {width: 500px;float:left;margin-bottom: -4px;float:left;} .tabs ul {float: left;margin:0;padding: 0;clear:both;list-style: none;width: 500px;margin:0 0 0px 25px;} .tabs ul li {float: left;display: inline;padding: 0;float: left;margin:0;display: block;font-size:16px;color:#666;} .tabs ul li a{text-decoration:none;float: left;font-weight:normal;display: block;padding: 0;font-size:16px;margin-right: 5px;color:#fff;background: transparent url(/staticMedia/websitev2/images/pageTabs-left.png) no-repeat top left ;} .tabs ul li a span{text-decoration:none;float: left;font-weight:normal;display: block;padding: 8px 16px 8px 12px;font-size:16px;margin-left: 5px;color:#fff;background: transparent url(/staticMedia/websitev2/images/pageTabs-right.png) no-repeat top right ;} .tabs ul li a:hover, .tabs ul li.ui-tabs-selected a {background: transparent url(/staticMedia/websitev2/images/pageTabs-left-selected.png) no-repeat top left ;} .tabs ul li a:hover span, .tabs ul li.ui-tabs-selected a span {background: transparent url(/staticMedia/websitev2/images/pageTabs-right-selected.png) no-repeat top right ;} h2.pageHeader {color:#026c9c;font-weight:normal;font-size:16px;margin: 5px 0 5px 25px;} h2.pageHeaderFloated {color:#026c9c;font-weight:normal;font-size:16px;margin: 5px 0 5px 25px;float:left;} .reviewPopup p{margin:0;padding:0;} .reviewBox {width: 345px;height: 170px;padding: 5px;border:solid 1px #ccc;clear:both;margin:0 0 7px 0;font-family:helvetica, arial, sans-serif;} input.postReview {float:right;margin:5px 0 0 0;padding:0;clear:none;} span.buddiesHolder {float:left; width: 120px;padding-left: 15px;clear:none;background:transparent url(/staticMedia/images/icons/buddies-14x14.jpg) no-repeat 0px 2px ;} span.fbHolder {float:left; width: 120px;padding-left: 15px;clear:none;background:transparent url(/staticMedia/websitev2/images/icons/facebook-14x14.jpg) no-repeat 0px 2px ;} span.twHolder {float:left; width: 120px;padding-left: 15px;clear:none;background:transparent url(/staticMedia/websitev2/images/icons/twitter-14x14.jpg) no-repeat 0px 2px;} span.fbHolder span, span.twHolder span {font-size:11px;} #facebox .fb {background:url(/staticMedia/images/b.png);} #facebox .ftl {background:url(/staticMedia/images/tl.png);} #facebox .ftr {background:url(/staticMedia/images/tr.png);} #facebox .fbl {background:url(/staticMedia/images/bl.png);} #facebox .fbr {background:url(/staticMedia/images/br.png);} #facebox {position: absolute;top: 0;left: 0;z-index: 100;text-align: left;} #facebox .popup2 {position: relative;} #facebox table {border-collapse: collapse;} #facebox td { border-bottom: 0; padding: 0;} #facebox .body { padding: 10px;background: #fff;width: 370px;} #facebox .loading { text-align: center;} #facebox .image {text-align: center;} #facebox img {border: 0; margin: 0;} #facebox .footer {padding-top: 5px;margin-top: 10px;text-align: right;position:relative;} #facebox .footer a.close {position:absolute; top: -10px;right:5px;} #facebox .ftl, #facebox .ftr, #facebox .fbl, #facebox .fbr { height: 10px;width: 10px;overflow: hidden;padding: 0;} #facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;} .facebox_hide {z-index:-100;} .facebox_overlayBG {background-color: #000;z-index: 99;} * html #facebox_overlay {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} #info .member-details {float:left; width: 100%;position:relative;} #info .member-details .close {position:absolute; top: 0px; right: 0px;} #info .member-details h2 {font-size: 12px;margin:0;padding:0;} #info .member-details p {font-size: 12px;margin:0;padding:0;} #info .member-details .follow-button {float:right;position:absolute;bottom: 6px;right: 6px;} #info .member-details .resize {overflow:hidden;float:left; padding:1px; border:solid 1px #ccc; margin-right: 7px;width: 100px;height: 100px;} #info .member-details .resize .avatar {width: 130px; margin-left: -15px; margin-top:-10px;height: auto;} tr.row {background:#fff;} tr.alternate {background:#f7f7f7;} table#listing {float:left;clear:both;width: 676px;margin: 0 0 10px 0px;} table#listing tr{ padding: 0;margin:0;} table#listing tr td {padding: 6px 0;border-bottom: solid 1px #eee;} table#orderlisting {float:left;clear:both;width: 676px;margin: 0 0 10px 0px;} table#orderlisting tr{ padding: 0;margin:0;} table#orderlisting tbody tr td {padding: 8px 0;border-bottom: solid 1px #eee;} table#orderlisting td.actionLine, table#orderlisting th.actionLine {padding-left: 5px;} .accountIcon {float:left;margin:0 3px 0 0;} p.acBalance {font-size:18px;float:right; font-weight:bold;margin: 0px 10px 10px 10px;color:#026c9c;} p.voucherBalance {font-size:18px;float:right;font-weight:bold;margin: 0px 10px 10px 10px;color:#026c9c;} .addNewAddress, .addNewCard{float:right;clear:both;margin: 0 0 15px 0;} #addAddress, #addCard {display:none;} .editDetails{float:left;background:#f7f7f7;width: 636px;padding: 10px;margin: 0 0 7px 0;} .editDetails .error {width: 540px;margin: 5px 0 0 10px;color:#ec1611;padding-left: 60px;font-weight:bold;} .messageAlert, p.error {margin:0px 0 10px 25px;background:#f3cbca url(/staticMedia/websitev2/images/icons/warning.png) no-repeat 5px 0px;width: 677px;color:#fff;padding: 15px 10px;position: relative;border:solid 1px #ec1611;clear:both;float:left;} .messageAlert .tl {background:transparent url(/staticMedia/websitev2/images/corners/red-tl.jpg) no-repeat top left;top:-1px;left:-1px;} .messageAlert .tr {background:transparent url(/staticMedia/websitev2/images/corners/red-tr.jpg) no-repeat top right;top:-1px;right:-1px;} .messageAlert .bl {background:transparent url(/staticMedia/websitev2/images/corners/red-bl.jpg) no-repeat bottom left;bottom:-1px;left:-1px;} .messageAlert .br {background:transparent url(/staticMedia/websitev2/images/corners/red-br.jpg) no-repeat bottom right;bottom:-1px;right:-1px;} .messageAlert p, .serviceMessageGreen p, .serviceMessageOrange p {color:#fff;text-align:center;font-size: 14px;margin:0;padding:0;} .messageInfo {margin:0px 0 10px 25px;background:#cbf2a7 url(/staticMedia/websitev2/images/icons/confirm.png) no-repeat 5px 0px;;width: 676px;color:#fff;padding: 6px 10px;position: relative;border:solid 1px #5ea021;clear:both;float:left;} .messageInfo .tl {background:transparent url(/staticMedia/websitev2/images/corners/green-tl.jpg) no-repeat top left;top:-1px;left:-1px;} .messageInfo .tr {background:transparent url(/staticMedia/websitev2/images/corners/green-tr.jpg) no-repeat top right;top:-1px;right:-1px;} .messageInfo .bl {background:transparent url(/staticMedia/websitev2/images/corners/green-bl.jpg) no-repeat bottom left;bottom:-1px;left:-1px;} .messageInfo .br {background:transparent url(/staticMedia/websitev2/images/corners/green-br.jpg) no-repeat bottom right;bottom:-1px;right:-1px;} .messageInfo p, .serviceMessageGreen p, .serviceMessageOrange p {color:#fff;text-align:center;font-size: 14px;margin:0;padding:0;} .messageInfo p, .messageInfo a {color:#497f18;font-weight:bold;} .messageAlert p, .messageAlert a {color:#bc100c;font-weight:bold;} .messagePost p, .messagePost a {color:#333;font-weight:bold;} .messageInfo .actionLink {background:#5ea021;border-top: solid 1px #497f18;color:#fff;} .messageAlert .actionLink {background:#ec1611;border-top: solid 1px #bc100c;color:#fff;} .messagePost {margin:0px 0 10px 25px;background:#f7f7f7;width: 676px;color:#fff;padding: 6px 10px;position: relative;border:solid 1px #ccc;clear:both;float:left;} .messagePost p {color:#333;text-align:center;font-size: 14px;margin:0;padding:0;} .messagePost .actionLink {background:#333;border-top: solid 1px #222;color:#fff;} p.actions {margin: 10px 0;float:left;clear:both;width: 100%;text-align:center;padding-top: 0px !important;} .actionLink {background:#444;padding: 4px 8px;color:#fff;margin: 5px;font-size:12px;border-top: solid 1px #333;text-decoration:none;} .nakedRed{cursor:pointer;background: #c40000;border:none;color:#fff;padding: 3px 6px;-moz-border-radius:4px;-webkit-border-radius: 4px;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);font-weight:bold;} .nakedGrey{cursor:pointer;background: #222;border:none;color:#fff;padding: 3px 6px;-moz-border-radius:4px;-webkit-border-radius: 4px;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);font-weight:bold;} .nakedGreen{cursor:pointer;background: #61b01c;border:none;color:#fff;padding: 3px 6px;-moz-border-radius:4px;-webkit-border-radius: 4px;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);font-weight:bold;} .btn-post{clear:right;background: #499404 url(/staticMedia/websitev2/images/buttons/alert-overlay.png) repeat-x;font-size: 18px; display: inline-block;padding: 6px 10px;color: #fff;text-decoration: none;font-weight: normal;line-height: 1;-moz-border-radius: 5px; -webkit-border-radius: 5px;-moz-box-shadow: 0 1px 3px #999;-webkit-box-shadow: 0 1px 3px #999;text-shadow: 0 -1px 1px #222;border-bottom: 1px solid #222; position: relative;cursor: pointer;float:right; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25);} .loading {text-align:center;font-size:24px;color:#555;display:none;width: 145px;position:absolute; top: 0px;left:10px;margin:0;padding:0;height:160px;background:#fff url(/staticMedia/images/loading.gif) no-repeat 50% 50%;} .loadingPanel {text-align:center;font-size:24px;color:#555;display:none;width: 100%;float:left;clear:both;margin:0;padding:0;height:300px;background:#fff url(/staticMedia/images/loading.gif) no-repeat 50% 50%;} .core .intro-promo {float:left;clear:both;position:relative; margin-bottom: 10px;} .core .intro-promo img {width: 698px;float:left; clear:both;margin:0;padding:0;} .core .greypanel {width: 365px; float: left;position:relative;background:#dddddd;border:none;margin-bottom: 10px;display:inline;} .core .greypanel .head {width: 365px; height: 50px;} .core .greypanel .inside{width: 341px;margin: 10px 0 10px 10px;display:inline; float: left;position:relative;background:#ffffff;border:solid 1px #ccc;} .core .greypanel .inside .list{width: 330px;margin: 10px 0 10px 10px;display:inline; float: left;background:#ffffff;clear:both;} .core .greypanel .inside .list .item{width: 306px;margin: 0px 0 5px 0px; float: left;background:#ffffff;} .core .greypanel .inside .list .item p {float:right;width: 225px;margin:0;padding:0;} .core .greypanel .inside .list .item p span.line1 {clear:both;float:left; width: 100%;} .core .greypanel .inside .list .item p span.line2 {clear:both;float:left; width: 100%;} .core .greypanel .inside .list .item p span.line3 {clear:both;float:left; width: 100%;} .core .greypanel .inside .list .item .avatar {width: 65px;height: 65px; border:solid 1px #ccc; padding:1px;margin: 0px 8px 0px 0px; float: left;background:#ffffff;display:inline;} .core .greypanel .inside .list .wine{width: 131px;display:inline;margin: 5px 10px 5px 10px; clear:none;float: left;background:#ffffff;text-align:center;} .core .greypanel .inside .list#newestwineslist .wine {height: 12em;} .core .greypanel .inside .list .wine p {margin:0;padding:0;} .core .greypanel .inside .list .wine .label {width: 131px;height: 91px; border:solid 1px #ccc; padding:1px;display:inline;margin: 0px 5px 0px 0px; float: left;background:#ffffff;} .core .greypanel .inside .list .wine:hover .label {width: 131px;height: 91px; border:solid 1px #333; padding:1px;display:inline;margin: 0px 5px 0px 0px; float: left;background:#ffffff;} .core .split {width: 365px;float:left; text-align:left;display:inline !important;} .core .split .panel {width: 365px;float:left; border:solid 1px #ccc;float:left;margin:0;position:relative;clear:both;} .core .split .panel .headPanel {padding: 5px 0 !important;} .core .split .panel h2.heading{font-weight:normal;font-size:21px;line-height: 24px;color:#026c9c;margin: 10px 0 5px 10px;} .split .halfPanel h2.heading {font-weight:normal;font-size:21px;line-height: 24px;color:#026c9c;margin: 0px 0 5px 10px;} .core .split#promo1, .core .split#promoPreorder0 {margin: 12px 15px 12px 4px;} .core .split#promo2, .core .split#promoPreorder1 {margin: 12px 0px 12px 4px;} .core .split#promoPreorder0 .panel, .core .split#promoPreorder1 .panel {height: 19em;} .core .split#promoPreorder0 h2, .core .split#promoPreorder1 h2 {margin:0px 0px 5px 10px;float:left;width: 255px;display:inline;clear:none;} .core .split#promoPreorder0 .caseLabel, .core .split#promoPreorder1 .caseLabel {float:left;width: 180px;margin: 0 0 15px 10px;padding: 1px;border:solid 1px #ccc;} .core .split#promoPreorder0 .caseLabel img, .core .split#promoPreorder1 .caseLabel img {width: 180px;} .core .split#promoPreorder0 .prices, .core .split#promoPreorder1 .prices {width: 160px;float:right;} .core .split h2.caseHeadline {font-size: 18px;line-height: 21px;margin: 7px 10px 0px 10px;width: 345px;} .core .split .cLabel {float:left;width: 170px;} .core .split .cLabel img {float:left;width: 170px;} .core .split#promoPreorder0 .prices p, .core .split#promoPreorder1 .prices p{margin:0;padding:0;width:146px;float:left;clear:both;text-align:right;font-size: 12px;} .core .split#promoPreorder0 .prices p span, .core .split#promoPreorder1 .prices p span {width:75px;float:left;text-align:left;} .core .split#promoPreorder0 a.preorderButton, .core .split#promoPreorder1 a.preorderButton {clear:both;margin: 15px 10px 10px 0 ;float:left;} .core .split#promo3 {margin: 12px 15px 12px 4px;} .core .split#promo4 {margin: 12px 0px 12px 4px;} .core .split .panel .addtobasket {position:absolute; bottom: 10px;right: 10px;} .core .split .panel .case-shot {width: 160px;float:left;margin: 5px 0 0 5px;position:none !important;top:0;left: 0;} .core .split .panel .profile-shot {width: 160px;float:left;margin: 10px 0 0 10px;} .core .split .panel .cut-out {width: 150px;position:absolute;bottom: 0;left: 0;} .core .split .panel .bottlesContainer {overflow:hidden;margin: 5px 0px 5px 0px;float:left;width: 145px;position:relative;height: 230px;clear:none;} .core .split .panel .bottlesContainer .bottle_1 {position:absolute;left: 34px;width: 60px;top:16px;} .core .split .panel .bottlesContainer .bottle_2 {position:absolute;left: 12px;width: 60px;top:10px;} .core .split .panel .bottlesContainer .bottle_3 {position:absolute;left:54px;width: 60px;top:10px;} .bottle_1 {position:absolute;left: 34px;width: 45px;top:6px;} .bottle_2 {position:absolute;left: 12px;width: 45px;top:0px;} .bottle_3 {position:absolute;left:54px;width: 45px;top:0px;} .recommend .bottle_1 {position:absolute;left: 34px;width: 35px;top:6px;} .recommend .bottle_2 {position:absolute;left: 12px;width: 35px;top:0px;} .recommend .bottle_3 {position:absolute;left:54px;width: 35px;top:0px;} .core .split .panel .details {float:right;margin: 0px 10px 10px 5px;width: 180px;text-align:left;clear:none;padding:0;display:inline;} .core .split .panel .details h2 {font-size: 20px;line-height: 21px;margin:0px 0 2px 0;padding:0;} .core .split .panel .details p {margin:0;padding:0;font-size: 12px;} .core .split .panel .details p.info {margin:5px 0 0 0;padding:0;font-size: 20px;line-height: 22px;} .core .split .panel .details .angels {width: 200px;position:absolute; right: -7px;bottom: 65px;background:transparent url(/staticMedia/websitev2/images/casePromoWings.jpg) no-repeat bottom right;} .core .split .panel .details .angels .angelsText {float:left;width: 130px;color:#fff;margin: 3px 7px;text-align:right;} .core .split .panel .details p.saveprice {margin:10px 0 0 0;color:#ff0000;padding:0;font-size: 22px;line-height: 22px;width: 100%;text-transform:uppercase;text-align:right;} .core .split .panel .details p.wasprice {margin:1px 0 0 0;color:#c40000;padding:0;font-size: 22px;line-height: 22px;width: 100%;text-transform:uppercase;text-align:right;} .core .split .panel .details p.nowprice {margin:1px 0 0 0;color:#026c9c;padding:0;font-size: 22px;line-height: 22px;width: 100%;text-transform:uppercase;text-align:right;} .core .split .panel .details p.wasprice span, #group-landing #core .split .panel .details p.nowprice span {width: 100px;text-align:left;float:left;} .core .split .panel .voucherEligible {width: 160px;position:absolute;bottom: 20px;left: 10px;text-align:center;} .split .halfPanel {float:left; width: 365px;position:relative;background:none;margin:0;} .split .halfPanel .hd {float:left; clear:both;margin:0;padding:0;position:relative;width: 365px;height: 10px;background:transparent url(/staticMedia/images/halfSplitTop.jpg) no-repeat top left;} .split .halfPanel .bd {display:inline;float:left; clear:both;margin:0;padding:10px 16px;position:relative;width: 334px;background:transparent url(/staticMedia/images/halfSplitSides.jpg) repeat-y top left;} .split .halfPanel .ft {float:left; clear:both;margin:0;padding:0;position:relative;width: 365px;height: 10px;background:transparent url(/staticMedia/images/halfSplitFoot.jpg) no-repeat bottom left;} .side .panel .heading {margin:0 !important;padding:0 !important;height: auto;} .side .panel .inside {float:left; clear:both;width: 100%;margin: 0 0 10px 0;} .side .panel .inside h2, .side .panel .inside h2 a, .side .panel .inside p{font-size:12px;width: 150px;margin: 0 0 4px 0;} .side .panel .archangel-image {float:left;} .side .panel .avatar {float:left;width: 40px;height: 40px;margin:0 5px 0 0 !important;padding:4px;background:#ccc;} .side .panel .inside .copy {float:right;width: 150px;} .side .panel .archangel-text {float:right;width: 115px;margin:0;padding:0;} .greypanel .tl{background : transparent url(/staticMedia/images/grey-topLeft.jpg) no-repeat;top:0px;left:0px;} .greypanel .tr{background : transparent url(/staticMedia/images/grey-topRight.jpg) no-repeat;top:0px;right:0px;} .greypanel .bl{background : transparent url(/staticMedia/images/grey-bottomLeft.jpg) no-repeat;bottom:0px;left:0px;margin-bottom: 0;} .greypanel .br{background : transparent url(/staticMedia/images/grey-bottomRight.jpg) no-repeat;right:0px;bottom:0px;margin-bottom: 0;} .greypanel .inside .tl{background : transparent url(/staticMedia/images/insidegrey-topLeft.jpg) no-repeat;top:-1px;left:-1px;} .greypanel .inside .tr{background : transparent url(/staticMedia/images/insidegrey-topRight.jpg) no-repeat;top:-1px;right:-1px;} .greypanel .inside .bl{background : transparent url(/staticMedia/images/insidegrey-bottomLeft.jpg) no-repeat;bottom:-1px;left:-1px;margin-bottom: 0;} .greypanel .inside .br{background : transparent url(/staticMedia/images/insidegrey-bottomRight.jpg) no-repeat;right:-1px;bottom:-1px;margin-bottom: 0;} .core .panel .wlabel, .core .panel .mlabel {float:left;width: 420px;position:relative;border:none;margin:0 0 10px 20px;} .core .panel .wlabel img.headline, .core .panel .mlabel img{ float:left;border:solid 1px #999;padding:1px;margin:0;width: 420px;} .wishlistLink {position:absolute; bottom: 10px;right: 20px;} .shareLink {position:absolute; bottom: 10px;right:120px;} .tellafriendLink {position:absolute; bottom: 10px;right:217px;} .core .panel .wCase {float:left;clear:left;width: 420px;position:relative;border:none;margin:0;} .core .panel .wCase img { float:left;padding:1px;margin:0;width: 420px;} .results .icon.maker {cursor:pointer;position:absolute;top: 15px;left: 15px;background: transparent url(/staticMedia/images/interact.png) no-repeat top left ;} .icon#like {position:absolute !important; top: 15px; left: 15px;width: 74px;height: 74px;background: transparent url(/staticMedia/images/product/love-badge.png) no-repeat top left ;} .icon#dislike {position:absolute !important; top: 15px; left: 15px;width: 74px;height: 74px;background: transparent url(/staticMedia/images/product/hate-badge.png) no-repeat top left ;} .icon#maybe{position:absolute !important; top: 15px; left: 15px;width: 74px;height: 74px;background: transparent url(/staticMedia/images/product/maybe-badge.png) no-repeat top left ;} a.icon#maker {cursor:pointer;position:absolute !important; top: 15px; left: 25px;width: 40px;height: 40px;background: transparent url(/staticMedia/images/interact/followWinemaker.png) no-repeat top left !important;} .core .panel .cutout {position:absolute; top: 30px;right: 10px;width:100px;height: 300px;} a.followButton {background: transparent url(/staticMedia/images/interact/followWinemaker.png) no-repeat top left;margin: 10px;width: 185px;padding: 10px 0 10px 45px;font-size: 16px;float:left;clear:both;text-align:left;color:#026c9c;font-weight:bold;text-decoration:underline;} .ui-tabs, .ui-tabs-hide {display: none;} .core .panel h1 {color:#026c9c;} .sell {float:right;width:250px;margin:20px 10px 0 0 ;} .sell ul, .sell ul#tick-list {list-style:none;width: 200px;margin:0;float:left;padding:0;} .sell ul li, .sell ul#tick-list li {background:transparent url(/staticMedia/websitev2/images/icons/tick.jpg) no-repeat 0px 0px;padding: 0px 0px 8px 30px;width: 200px;float:left; clear:both;margin:0;} ul#tick-list {width: 300px;margin:0;list-style:none;} ul#tick-list li {background:transparent url(/staticMedia/websitev2/images/icons/tick.jpg) no-repeat 0px 0px;padding: 0px 0px 8px 30px;width: 300px;float:left; clear:both;margin:0;} .side ul#tick-list {width: 200px;margin:0;padding:0;} .side ul#tick-list li{width: 170px;margin:3px 0 4px 0;font-size:14px;} ul.tick-list {width: 270px;margin:0;list-style:none;float:left;} ul.tick-list li {font-weight:bold;background:transparent url(/staticMedia/websitev2/images/icons/tick.jpg) no-repeat 0px 0px;padding: 5px 0px 5px 30px;width: 270px;float:left; clear:both;margin:0;} .angelsLogo {background:transparent url(/staticMedia/websitev2/images/icons/tick.jpg) no-repeat 0px 0px;width: 125px;height: 130px;position:absolute;left:-30px;top: 15px;} .contentpanel {float:left;clear:both;width:100%;position:relative;} p.caseContentsPrice {font-size: 16px;float:left;clear:both;width: 180px;text-align:right;font-weight:bold;margin: 10px 0 0 0;} .caseContentsPrice span {float:left;} .scale{padding: 20px 10px 10px 10px;display:inline;height: 22px;display:inline;background:#fff;float:left; clear:both; position:relative;border:solid 1px #ccc;width: 185px;} .rate span.rateArrow {width: 45px;height: 45px;position:absolute;background:none;left:10px;color:#333;} .side .percentage, #caseContentsPopup .percentage {height: 62px;position:relative;width: 170px;float:left; clear:both;color:#75b820;font-size: 18px;margin:-5px 0 4px 5px;padding:5px 0 0 30px;line-height: 24px;} .side .percentage span, #caseContentsPopup .percentage span {font-size: 18px;margin:0;padding:0;} #caseContentsPopup .percentage {float:right;clear:none;margin-top: 5px;margin-bottom: 10px;margin-right:0;} .bottleOutline {position:absolute;bottom:0;left:0;width: 23px;height: 67px;background: transparent url(/staticMedia/websitev2/images/bottleOutline.jpg) no-repeat bottom left ;} .bottleContents {position:absolute;bottom:0;left:0;width: 23px;height: 67px;background: transparent url(/staticMedia/websitev2/images/bottleContents.jpg) no-repeat bottom left ;} span.minAverage {font-size:11px;position:absolute;left:50px;top: 3px;} span.maxAverage {font-size:11px;position:absolute;right:8px;top: 3px;} span.Average {font-size:11px;position:absolute;left:120px;top: 3px;} .averageLine {font-size:9px;line-height: 8px;position:absolute;top: 18px;margin-left:10px;width: 23px;padding-top: 5px;padding-left: 3px;height: 20px;background: transparent url(/staticMedia/images/product/averageMarker.png) no-repeat top left !important;} .measure {width: 166px;float:left;clear;both;display:inline;} .scale .title {position:absolute; top: 2px; left: 80px;} .averagebar {width: 185px;height: 22px;position:absolute;top:18px;left:11px;background: transparent url(/staticMedia/websitev2/images/thermometer.png) no-repeat top left ;} .redbar {width: 183px;height: 22px;position:absolute;top:18px;left:10px;background: transparent url(/staticMedia/images/product/redbar.png) no-repeat top left !important;} .averageMarker {margin-top:-16px;float:left; width: 60px;text-align:center;padding-top:4px;height: 27px;position:relative;background: transparent url(/staticMedia/images/product/averageFoot.png) no-repeat bottom left ;color:#fff;} .averageMarker span.top{height: 20px;width: 60px;position:absolute; top:0;left: 0;color:#fff;background: transparent url(/staticMedia/images/product/averageTop.png) no-repeat top left !important;} .averageMarker span.number {position:absolute; top:14px;left:0;width: 60px;text-align:center;font-weight:bold; font-size:10px;} a.improve {margin-top:0px;position:absolute;bottom:4px;text-transform:uppercase;padding: 4px 0 6px 0;right: 8px; font-size:10px;width: 87px;text-align:center;background: transparent url(/staticMedia/images/product/improve.jpg) no-repeat top right !important;color:#fff;margin:0;} .noReasons {width: 250px;} .noReasons .question {width: 200px;} .noReasons label {width: 140px;font-weight:bold;margin:0;} .rowDidntLike, .rowExpensive {display:none;height: 50px;} .testing {height: 50px;} .noPopup {background:#fff;border: solid 8px #6699CC;position: absolute;top: -70px; left: 30%;padding: 15px;z-index: 777;} .noPopup .tellus {float:right;margin: 10px 0;clear:both;} .core .panel .profileWines {width: 690px;margin: 10px 0 10px 25px;} p.notEligible {width: 100%;text-align:center;padding: 10px 0;font-size:16px;float:left;clear:both;} .itemCount {font-size: 44px;float:left;width: 120px;margin:0;padding:0;display:none;} .itemCount span {font-size: 14px;width: 50px;float:right;} .cashback-bullet-1{font-size:14px;background:#fff url(/staticMedia/images/cashback/bullet-1.jpg) no-repeat 0px 1px;padding:3px 0 5px 24px;float:left;width: 570px;list-style:none;} .cashback-bullet-2{font-size:14px;background:#fff url(/staticMedia/images/cashback/bullet-2.jpg) no-repeat 0px 1px;padding:3px 0 5px 24px;float:left;width: 570px;list-style:none;} .cashback-bullet-3{font-size:14px;background:#fff url(/staticMedia/images/cashback/bullet-3.jpg) no-repeat 0px 1px;padding:3px 0 5px 24px;float:left;width: 570px;list-style:none;} .cashback-bullet-4{font-size:14px;background:#fff url(/staticMedia/images/cashback/bullet-4.jpg) no-repeat 0px 1px;padding:3px 0 5px 24px;float:left;width: 570px;list-style:none;} .cashback-bullet-5{font-size:14px;background:#fff url(/staticMedia/images/cashback/bullet-5.jpg) no-repeat 0px 1px;padding:3px 0 5px 24px;float:left;width: 570px;list-style:none;} .cashback-bullet-6{font-size:14px;background:#fff url(/staticMedia/images/cashback/bullet-6.jpg) no-repeat 0px 1px;padding:3px 0 5px 24px;float:left;width: 570px;list-style:none;} #alertBar {height: 30px;background:#222;color:#fff;width: 100%;text-align:center;font-size: 24px;line-height: 24px;padding:20px 0;clear:both;position:fixed;bottom:0;left:0;display:none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; z-index:999;} .tomatoes {position:absolute;top:0;left:0;} .whatever {position:absolute;top:245px;left:30px;} .tellmemore {position:absolute;top:245px;right:30px;} table#emailPreferencesTable p {margin: 0 0 7px 0;} .signup-item {float:left;width: 350px;margin: 0 0 10px 0;border-bottom: dotted 1px #c9d6e8;} .signup-item .icon {float:left;width: 48px;margin:0;} .signup-item .copy {float:right;width: 280px;margin-right: 10px;} .signup-item .copy h2 {font-size: 12px;font-weight:bold;margin:0 !important;padding:0 !important;} .signup-item .copy p {font-size: 12px;margin:0 0 7px 0;padding:0;} .grey-back {float:left;clear:both;width: 922px;background:#f5f5f5;padding:20px 0px 20px 20px;display:inline;margin-left: 0px;} .voucher-panel {position:relative;float:left; background:transparent url(/staticMedia/images/share/voucher-back.jpg) no-repeat top left;width:615px;height:280px;} .voucher-panel .code {background:transparent url(/staticMedia/images/share/code-back.jpg) no-repeat top left;width:250px;height: 35px;position:absolute; right: 20px;top: 130px;} .voucher-panel .pass {background:transparent url(/staticMedia/images/share/pass-back.jpg) no-repeat top left;width:250px;height: 35px;position:absolute; right: 20px;top: 170px;} .voucher-panel .pass span, .voucher-panel .code span {float:right; width: 115px;margin: 9px 8px 5px 4px;font-weight:bold;} .voucher-panel .text {position:absolute;bottom: 30px;left: 30px;width: 570px;font-size: 30px; color:#fff;text-align:center;} .grey-back .message {float:right;width: 290px;margin-right: 20px;display:inline;text-align:left;position:relative;} .grey-back .message {background:#fff;width: 270px;height: 275px;} .grey-back .message .enter {float:left; width: 250px;clear:both;margin: 5px 5px 0px 5px;} .grey-back .message .enter label {font-weight:bold;} .grey-back .message .enter .textinput {width: 220px;} .grey-back .message .addtobasket {position:absolute; bottom: 8px;left: 8px;} .centred {text-align:center;width: 100%;float:left;clear:both;} p.flipMessage {font-size: 16px;text-align:center; width: 130px;float:left;clear:both;padding: 10px 0;} .tasting-form {float:left; width: 690px;margin-left: 20px;} .tasting-form label {font-weight:bold; width: 200px;float:left;padding-top: 4px;} .tasting-form .textinput {width: 240px;margin-left: 2px;} .tasting-form .textbox {width: 400px;margin:2px 0 0 2px;} .tasting-form .lookupButton {float:left;} #tasterProfileMessageEdit {background:#f7f7f7;float:left;padding: 10px;} #tasterProfileMessageEdit .textbox{width: 640px;margin:0 0 10px 0;height: 70px;} a.angelsButton {position:absolute;bottom: -20px;right: 20px;} .content {width: 700px;float:left;clear:both;margin-left: 20px;} #confirmationMessage {display:none;} #confirmationReminder {display:none;} .confirm .button-container {position:relative;float:left; clear:both; width: 918px;margin: 20px 0 20px 20px;height: 152px;background: transparent url(/staticMedia/images/bigbuttons-background.jpg) no-repeat top left;} .button-container {margin-left: 20px;} .confirm .ConfirmBox a.no {position:absolute;width: 400px;height: 100px;left: 40px;top: 22px;background: transparent url(/staticMedia/images/button-bigno.jpg) no-repeat top left;} .confirm .ConfirmBox a.yes {position:absolute;width: 400px;height: 100px;right: 32px;top: 22px;background: transparent url(/staticMedia/images/button-bigyes.jpg) no-repeat top left;} .confirm .ConfirmBox a.no span, .confirm .ConfirmBox a.yes span {display:none;} .confirmMessage {background:#fff;padding: 15px;float:left;clear:both; margin-left: 25px;width: 915px;margin-bottom: 15px;margin-top: 0;-moz-border-radius: 7px; -webkit-border-radius: 7px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);border-bottom: 1px solid rgba(0,0,0,0.25);} .centred h1 {color:#026c9c;} .contentPanel {float:left; width: 700px; padding: 0 0 10px 0; border-bottom: dotted 1px #ccc;clear:both} .contentPanel h2 {font-size: 16px;font-weight: normal;color:#02518b;margin:10px 0 0 0;padding:0;text-decoration:none;} ul.contentList {list-style:none;margin:0;padding:0;width: 230px;float:left; clear:both;} ul.contentList li a{padding:10px;float:left; border-bottom: dotted 1px #ccc;width: 209px;clear:both;margin-left:-10px;} ul.contentList li a:hover{padding:10px;float:left; border-bottom: dotted 1px #ccc;width: 209px;clear:both;margin-left:-10px;background:#f7f7f7;} .angelLogo {background:transparent url(/staticMedia/websitev2/images/icons/angelLogoSmall.png) no-repeat 0px 0px;width: 295px;height: 295px;position:absolute;left: -50px;top: 5px;} .menu-col#help-basics {float:left; padding: 0 0 0 80px; background: #fff url(/staticMedia/images/sym-tick.png) no-repeat 10px 10px;padding-bottom: 20px;height: 7em;} .menu-col#help-delivery {float:left; padding: 0 0 0 80px; background: #fff url(/staticMedia/images/truck.png) no-repeat 10px 10px;padding-bottom: 20px;height: 7em;} .menu-col#help-contactus {float:left; padding: 0 0 0 80px; background: #fff url(/staticMedia/images/mail.png) no-repeat 10px 10px;padding-bottom: 20px;height: 7em;} .menu-col#help-buysmarter {float:left; padding: 0 0 0 80px; background: #fff url(/staticMedia/images/post_note.png) no-repeat 10px 10px;padding-bottom: 20px;height: 7em;} .menu-col#help-angel {float:left; padding: 0 0 0 80px; background: #fff url(/staticMedia/images/icon-personal-details.jpg) no-repeat 10px 10px;padding-bottom: 20px;height: 7em;} .menu-col#help-cashback {float:left; padding: 0 0 0 80px; background: #fff url(/staticMedia/images/02_128x128.png) no-repeat 10px 10px;padding-bottom: 20px;height: 7em;} .menu-col#help-gifts {float:left; padding: 0 0 0 80px; background: #fff url(/staticMedia/images/gift.png) no-repeat 10px 10px;padding-bottom: 20px;height: 7em;} .menu-col#help-terms {float:left; padding: 0 0 0 80px; background: #fff url(/staticMedia/images/Folders.png) no-repeat 10px 10px;padding-bottom: 20px;height: 7em;} .menu-col#help-ratings {float:left; padding: 0 0 0 80px; background: #fff url(/staticMedia/images/help-ratings.png) no-repeat 10px 10px;padding-bottom: 20px;height: 7em;} .menu-col#help-groups {float:left; padding: 0 0 0 80px; background: #fff url(/staticMedia/images/help-ratings.png) no-repeat 10px 10px;padding-bottom: 20px;height: 7em;} .menu-col#help-tastings {float:left; padding: 0 0 0 80px; background: #fff url(/staticMedia/images/help-ratings.png) no-repeat 10px 10px;padding-bottom: 20px;height: 7em;} .menu-col#help-nakedme {float:left; padding: 0 0 0 80px; background: #fff url(/staticMedia/images/help-ratings.png) no-repeat 10px 10px;padding-bottom: 20px;height: 7em;} .menu-col {position:relative;width: 230px !important;border:solid 1px #ccc;margin:0 7px 7px 0;float:left; height: 7em;} #panel-startgroup .textinput, #panelCreateGroup .textinput {margin:0 5px 0 0; width: 120px;float:left;padding: 6px;} .core .split .date {float:left;width:50px;margin:0 7px 0 0;border:solid 1px #02518b;padding:0;text-align:center;padding: 4px 0 0px 0;} .core .split .date span.day {font-size: 28px; color:#02518b;background:#fff;float:left; clear:both;padding: 5px 0;width: 50px;} .core .split .date span.month {float:left;width: 10%;background:#02518b; font-weight: bold;color:#fff; font-size: 12px; width: 50px;text-transform:uppercase;padding: 3px 0;clear:both;} .tasting {float:left;clear:both;padding: 5px 5px 5px 10px;width: 350px;} .tasting p {margin:0;padding:0;} .loginModal p {width: 100%;clear:both;} .loginModal label {font-size:18px;float:left;width: 150px;padding: 10px 0 0 0;text-align:right;} .loginModal .textinput {width: 260px;padding: 10px;clear:right;font-size:16px;} .loginModal .loginbutton {float:left;margin: 10px 0 10px 177px;} .twitterLabel {background:transparent url(/staticMedia/websitev2/images/icons/twitter-14x14.jpg) no-repeat 0px 10px;padding:10px 0 0 20px !important;margin:0 8px 0 0;width: 150px;float:left;} .twitter .textinput {width: 120px;} .twitterButton {float:left;} .shorttextinput {width: 60px;border:solid 1px #999;padding: 4px;margin-left: 10px;} .accordion select {margin: 6px 10px;} .accordion .error {width: 582px;margin-left: 0;color:#ec1611;font-weight:bold; padding-left: 60px;} .caseTitle, .caseContents {margin:0;padding:0;} .col .saveprice {font-size: 16px;line-height: 17px;width: 200px;margin-left: 10px;font-weight:bold;} .col .nowprice, .col .wasprice {font-size: 16px;line-height: 17px;width: 200px;margin-left: 10px;} .withYourVoucher {text-align:right; margin:0;padding:0;color:#026c9c;width: 200px;margin-left: 10px;} .expiryDate {color:#be0000;font-size: 24px;font-weight:bold;padding:17px 0 13px 50px;background:transparent url(/staticMedia/websitev2/images/icons/ical.png) no-repeat top left;position:absolute;bottom:0px;left: 20px;width: 300px;} h2.introLine {position:absolute;top:15px;left: 15px;width: 670px;font-size:28px;line-height: 28px;color:#2a7795;} h2.introLine2 {position:absolute;top:40px;left: 15px;width: 670px;font-size:28px;line-height: 28px;color:#2a7795;} p.exitLine {text-shadow: #2e5f04 0px -1px 0px;position:absolute;bottom:10px;left: 15px;width: 670px;font-size:18px;line-height: 18px;color:#2a7795;text-align:center;margin:0;padding:0;} p.actionLine {position:absolute;bottom:27px;left: 15px;width: 670px;font-size:18px;line-height: 18px;color:#57a207;text-align:left;margin:0;padding:0;font-weight:bold;z-index: 998;} p.mainText {position:absolute;top:55px;left: 15px;width:580px;font-size:21px;} #deck ul li ul#tick-list {position:absolute;left: 15px;top: 75px;width: 550px;height: auto;} #deck ul li ul#tick-list li {font-size: 16px; font-weight:bold;padding: 5px 0px 5px 30px !important;height: auto !important;width: 520px;float:left;clear:both;background:transparent url(/staticMedia/websitev2/images/icons/tick.png) no-repeat 0px 0px;} .flash {position:absolute;top:35px;right: 10px;width: 80px;height: 80px;background:transparent url(/staticMedia/websitev2/images/flash.png) no-repeat 0px 0px;} .flash p.flashSave {color:#fff;font-size:20px; font-weight:bold;width: 80px;float:left;clear:both;margin:20px 0 0 0;padding:0;} .flash p.flashAmount {width: 80px;color:#fff;font-size:20px; font-weight:bold;float:left;clear:both;margin:0;padding:0;} #wallPostHead {width: 730px;margin-left: 20px;} .full #wallPostHead {width: 700px;} .placeholder {background:#cacaca;float:left;width: 400px;margin: 10px 0 0 25px;padding: 0px; display:inline;} .vidText {float:right; width: 220px;margin-right: 15px;} .rightSide {float:right;margin:10px 25px 0 0;width: 410px;} .cvInput {width: 60px;} .cardInput {width: 200px;} .buddylink, .contentEdit, .headshot {float:right;} .preorderExplain {font-weight:bold; color:#000;} .promo-group {float:left; clear:both;width: 100%;margin:0 0 10px 0;} .promo-group img {float:left;margin-right: 10px;} .promo-group p {margin:0;padding:0;float:right; width: 175px;} .map {margin-right: 10px;} #header {z-index: 3000;} #basketOpen {z-index:1000;} .noPopup, .reviewPopup {z-index: 999;} .side .panel .bd .thumb img{width: 190px;} .horizon {display:none; background: transparent;text-align: left; position: fixed;top: 50%;left: 0px;width: 100%; height: 100%; overflow: visible; } .reviewPopup {-webkit-border-radius: 10px;-moz-border-radius: 10px;text-align:center;width: 400px;padding: 15px;border: solid 10px #6699CC;background: #fff;margin-left: -125px; position: absolute;top: -90px; left: 40%;visibility: visible;z-index: 999;} .reviewPopup .ratingSlider {width: 430px;} .sliderLabel {font-weight:normal;width: 85px;margin:0 !important;float:right;font-size: 12px;padding:0 !important;text-align:center;} .sliderLabel.selected {display:block;} .twoThirds {width: 673px;float:left;} .twoThirds .panel {width: 673px;float:left;position:relative;} .twoThirds .panel .hd {width: 673px;background:transparent url(/staticMedia/images/twoThird-top.png) no-repeat top left;height: 10px;float:left; clear:both;margin:0;padding:0;} .twoThirds .panel .bd {padding:15px 0; width: 673px;background:transparent url(/staticMedia/images/twoThird-sides.png) repeat-y top left;float:left; clear:both;margin:0;} .twoThirds .panel .ft {width: 673px;background:transparent url(/staticMedia/images/twoThird-foot.png) no-repeat bottom left;height: 10px;float:left; clear:both;margin:0;padding:0;} .third {width: 333px;float:right;} .thirdWide {width: 101%;float:left;clear:both;margin: 10px 0 10px -4px;} .third .panel, .thirdWide .panel{width: 333px;float:left;position:relative;} .thirdWide .panel {margin:0 3px 10px 3px;} .third .panel .hd, .thirdWide .panel .hd {width: 333px;background:transparent url(/staticMedia/images/third-top.png) no-repeat top left;height: 10px;float:left; clear:both;margin:0;padding:0;} .third .panel .bd, .thirdWide .panel .bd {padding: 10px;display:inline;width: 313px;background:transparent url(/staticMedia/images/third-sides.png) repeat-y top left;float:left; clear:both;margin:0;} .third .panel .ft, .thirdWide .panel .ft {width: 333px;background:transparent url(/staticMedia/images/third-foot.png) no-repeat bottom left;height: 10px;float:left; clear:both;margin:0;padding:0;} .thirdWide .panel .bd{height:125px;padding: 10px 20px;width: 298px;} .thirdWide .panel .bd h2{width: 240px;font-size:14px;line-height: 14px;margin: 0 0 10px 0;} .split .panel .save {-moz-border-radius: 5px;-webkit-border-radius: 5px;text-align:center;font-size: 18px;line-height: 18px;width: 60px;background:#d80202;float:right;margin: 5px;padding: 5px;color:#fff; font-weight: bold;} .thirdWide .panel .bd .caseLabel {width:140px;float:left;clear:none;margin:0;} .thirdWide .panel .bd .caseLabel img{width:140px;padding: 1px;float:left;} .thirdWide .panel .bd .prices {width:146px;float:right;clear:none;} .thirdWide .panel .bd .prices p{margin:0;padding:0;width:146px;float:left;clear:both;text-align:right;font-size: 12px;} .thirdWide .panel .bd .prices p span {width:75px;float:left;text-align:left;} .third .panel .bd {padding: 20px;width: 297px;text-align:center;} a.closeConf {right: 15px;top: 5px;height: 45px;width: 45px;background:transparent url(/staticMedia/images/buttons/close-welcome.png) no-repeat top left;color:#fff;position:absolute;} .customerVideo {position:absolute;left: 13px;bottom: 20px;} .winemakerVideo {position:absolute;left: 204px;bottom:20px;} .sideButtonOverlay {-webkit-border-radius:5px;-moz-border-radius: 5px;margin: 20px 20px 0 0;position:relative;height: 275px;text-decoration:none !important;background:#f7f7f7;border:solid 1px #ccc;text-align:center;width: 200px;float:right;} .sideButtonOverlay h2, .sideButtonOverlay p {font-size:20px;line-height: 20px;margin:10px;float:left;width: 175px;text-align:center;} table tr td.saveprice {font-weight:bold; color:#ff0000;} .reassurance {float:right;font-size:12px;margin: 10px 0px 10px 10px;width: 200px;text-align:center;} .magnifying-glass {width: 120px;height: 43px;position:absolute;top: 140px;left: 60px;background:transparent url(/staticMedia/images/buttons/magnifying-glass-button.png) no-repeat top left;} .split .panel .magnifying-glass {left:25px !important;top:135px !important; } .reveal .magnifying-glass {width: 48px;height: 48px;position:absolute;top: 80px;left: 10px;background:transparent url(/staticMedia/images/icons/magnifying-glass.png) no-repeat top left;} .reveal .square-question {width: 16px;height: 16px;position:absolute;top: 70px;left: 10px;background:transparent url(/staticMedia/images/icons/square-question.png) no-repeat top left;} #homePageWrapper {width: 100%;float:left;clear:both;margin-bottom: 10px;} .case {position:absolute;left: 20px;bottom: 10px;} #emailPrefsPopup, #helpPopup {z-index: 999;display:none;width: 500px;border:solid 5px #026c9c;-moz-border-radius: 10px;-webkit-border-radius: 10px;background:#fff;padding: 25px;position:absolute;top: -50px;left: 250px;} #helpPopup {top: 100px;} #emailPrefsPopup p, , #helpPopup p {line-height: 15px;margin: 0 0 5px 0;} #emailPrefsPopup table {width: 100%;float:left;clear:both;} #emailPrefsPopup #addtobasket {float:right;clear:both;} #overlay, #overlay2, #loginOverlay, #loginOverlay2 {display:none;position: fixed;margin: 0;top: -20px;left: 0px;width: 102%; height: 1000px;background-color: #000;z-index: 899;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;} a.showCaseContentsPopup {cursor:pointer;} #actionButton {z-index: 999;} .emailBox {float:left;border:solid 2px #787878;width:540px;padding: 15px;margin:10px;background:#fff;clear:none;} .emailBox p {font-size: 14px;} .greyBox {background:#f1f1f1; padding: 15px;float:left;clear:both;width:970px;margin: 0;} .greyBox p.error {margin:0 0 5px 0;width: 260px;} .greyBox label {font-size: 14px;float:left;width: 110px;clear:none;margin:0;padding: 8px 0 0 0;} .greyBox p.item {float:left;clear:both;width: 100%;margin: 0 0 5px 0;padding:0;} .greyBox .textinput {width: 200px;float:right;-moz-border-radius: 4px;clear:none;-webkit-border-radius: 4px;padding:6px 4px;margin:0;} .greyBox .send-button {float:right; margin: 20px 0 0 0;clear:both;} .soldOut {width: 100%;font-size:16px;font-weight:normal;line-height: 16px;text-align:center;} .split .panel p.soldOut {text-align:left !important;} .textinput.error {padding-left:0 !important;} .grey-back .error {padding-left: 0;} .slideOverlay .close-welcome-popup {position:none !important;float:left;margin: 10px 0 10px 190px;display:inline;clear:both;} .side .panel .bd img.vidLink {margin:0 !important;padding:0;float:left;clear:both;} .orderDetail {float:left;clear:both;width: 100%;} p.greyheading {background:#f7f7f7;margin: 0 0 10px 0;font-weight: bold;} .orderDetailLeft {float:left;width: 320px;clear:none;margin:10px 0 0 10px;} .orderDetailLeft p {margin:0 0 7px 0;} .orderDetailRight {float:right; width: 320px;clear:none;margin:10px 10px 0 0 ;} .orderDetailRight table {width: 100%;} .orderDetailRight table tr th {background:#f7f7f7;padding: 4px 0;} .orderDetailRight table tr.line td{border-bottom: dotted 1px #ccc;padding: 2px 0;} .orderDetailRight table tr.totals td{font-weight:bold;padding: 2px 0;} .orderDetailLeft .orderCol {float:left;clear:both;margin:0;padding:0;} img.emailAlertHeading{float:right;clear:none;margin-top: 0px;border:solid 1px red;} .emailAlert {float:left;clear:both;width: 200px;padding: 5px;background:#f7f7f7;} .emailAlert p {margin:0;padding:0;font-weight:bold;} .emailAlertTextinput {width: 130px;float:left;} .emailAlertButton {float:right;} .awards {position:absolute;bottom: 10px;left: 10px;} .sidePanelCaseImage {width: 200px;float:left;clear:both;margin-left: 12px;display:inline;} .add-buddies-checkbox {float:right;} .reviewPopupLoading, .recommendPopupLoading {background:#fff url(/staticMedia/images/loading.gif) no-repeat 50% 50%;width: 428px;height: 100%;position:absolute; top: 0px;left:0px;} .reviewPopupLoading span, .recommendPopupLoading span {font-size:18px;font-weight:normal;width: 428px;text-align:center;margin-top: 100px;color: #444;float:left;} .reviewPopupConfirmation, .recommendPopupConfirmation {background:#fff ;width: 428px;height: 100%;position:absolute; top: 0px;left:0px;text-align:center;} .reviewPopupConfirmation h2, .recommendPopupConfirmation h2 {font-size: 24px;margin: 60px 0px 30px 0px;float:left;width: 410px !important;padding:0 10px;} .reviewPopupConfirmation p, .recommendPopupConfirmation p {line-height: 21px;} a.green {margin: 0 0 2px 0;font-weight:bold;text-decoration:none;float:left;width: 100%;background:transparent url(/staticMedia/images/buttons/greenLeft.jpg) no-repeat 0px 0px;text-align:center;} a.green span {text-decoration:none;margin-left: 5px;float:left;display:inline;width: 89%; font-size:14px;color:#fff;text-shadow: #222 0px -1px 0px;padding: 5px 5px 6px 2px;line-height: 16px;background:transparent url(/staticMedia/images/buttons/greenRight.jpg) no-repeat 100% 0%;} a.green:hover {text-decoration:none;background-position: 0% 100%;} a.green:hover span {text-decoration:none;background-position: 100% 100%;} .side .panel a.green {margin: 10px 0 0 0;width: 207px;clear:both;} .side .panel a.green span {float:right;width: 93%;} a.largegreen {margin: 0 0 2px 0;font-weight:bold;text-decoration:none;float:left;width: 100%;background:transparent url(/staticMedia/images/buttons/largeGreenLeft.jpg) no-repeat 0px 0px;text-align:center;} a.largegreen span {text-decoration:none;margin-left: 5px;float:left;display:inline;width: 89%; font-size:24px;color:#fff;text-shadow: #222 0px -1px 0px;padding: 10px 10px 9px 2px;line-height: 26px;background:transparent url(/staticMedia/images/buttons/largeGreenRight.jpg) no-repeat 100% 0%;} a.largegreen:hover {text-decoration:none;background-position: 0% 100%;} a.largegreen:hover span {text-decoration:none;background-position: 100% 100%;} a.red {margin: 0 0 2px 0;font-weight:bold;text-decoration:none;float:left;width: 100%;background:transparent url(/staticMedia/images/buttons/redLeft.jpg) no-repeat 0px 0px;text-align:center;} a.red span {text-decoration:none;margin-left: 5px;float:left;display:inline;width: 89%; font-size:14px;color:#fff;text-shadow: #222 0px -1px 0px;padding: 5px 5px 6px 2px;line-height: 16px;background:transparent url(/staticMedia/images/buttons/redRight.jpg) no-repeat 100% 0%;} a.red:hover {text-decoration:none;background-position: 0% 100%;} a.red:hover span {text-decoration:none;background-position: 100% 100%;} a.largered {margin: 0 0 2px 0;font-weight:bold;text-decoration:none;float:left;width: 100%;background:transparent url(/staticMedia/images/buttons/largeRedLeft.jpg) no-repeat 0px 0px;text-align:center;} a.largered span {text-decoration:none;margin-left: 5px;float:left;display:inline;width: 89%; font-size:24px;color:#fff;text-shadow: #222 0px -1px 0px;padding: 10px 10px 9px 2px;line-height: 26px;background:transparent url(/staticMedia/images/buttons/largeRedRight.jpg) no-repeat 100% 0%;} a.largered:hover {text-decoration:none;background-position: 0% 100%;} a.largered:hover span {text-decoration:none;background-position: 100% 100%;} a.blue, a.reviewLink, a.recommendLink {margin: 0 0 2px 0;font-weight:bold;text-decoration:none;float:left;width: 100%;background:transparent url(/staticMedia/images/buttons/blueLeft.jpg) no-repeat 0px 0px;text-align:center;} a.blue span, a.reviewLink span, a.recommendLink span {text-decoration:none;margin-left: 5px;float:left;display:inline;width: 89%; font-size:14px;color:#fff;text-shadow: #222 0px -1px 0px;padding: 5px 5px 6px 2px;line-height: 16px;background:transparent url(/staticMedia/images/buttons/blueRight.jpg) no-repeat 100% 0%;} a.blue:hover, a.reviewLink:hover, a.recommendLink:hover {text-decoration:none;background-position: 0% 100%;} a.blue:hover span, a.reviewLink:hover span, a.recommend:Link:hover span {text-decoration:none;background-position: 100% 100%;} a.buddyUnFollow {position:absolute;top: 14px;right: 20px;height:16px;width: 16px;background:transparent url(/staticMedia/images/icons/squarecross.png) no-repeat 0px 0px;} a.buddyUnFollow:hover {background:transparent url(/staticMedia/images/icons/squarecross.png) no-repeat 0px -16px;} .winemakerFollow {position:absolute;top: 14px;left: 20px;height:16px;width: 16px;background:transparent url(/staticMedia/images/icons/squarewinemaker.png) no-repeat 0px 0px;} .adminFollow {position:absolute;top: 14px;left: 20px;height:16px;width: 60px;background:transparent url(/staticMedia/images/icons/adminbadge.png) no-repeat 0px 0px;} .favouriteStar {position:absolute;top: 14px;left: 20px;height:16px;width: 16px;background:transparent url(/staticMedia/images/icons/favouritestar.png) no-repeat 0px 0px;} .listItemListing {width: 690px;float:left;clear:both;margin: 0 0 10px 25px;} .listItem {float:left;clear:both;width: 690px;border: solid 1px #eee;padding: 0 ;margin: 0 0 5px 0px; position:relative;-webkit-border-radius: 7px;-moz-border-radius: 7px;} .listItemAction {width: 155px;right: 12px;bottom: 15px;position:absolute;} .listItemDetail {float:left;width: 500px;clear:none;} .listItemDetail p {width: 400px;} .listItemDetail h2, .listItemInfo h2 {margin-top: 15px;color:#026c9c;font-size:18px !important;} .listItemIcon {float:left;width: 64px;height: 64px;margin: 10px 20px 10px 15px;clear:none;} .listItemInfo {float:right;width: 580px;clear:none;} .listItem label {width: 180px;margin:0;text-align:left;padding: 6px 0 0 0 ;} .listItem .textinput{width: 460px;-moz-border-radius: 3px;-webkit-border-radius: 3px;} .listItem select {margin-left: 10px;} .listItem p {float:left;clear:none;margin:0 0 10px 0;padding:0;} .account .listItem p {width: 100%;clear:both;} .listItem .save-button {float:right;} .listItemInfo .listItemAction {top: 10px;} .welcomeOptions {background:#eee;float:left;clear:both;width: 692px;margin: 0 0 10px 0px;text-align:center;font-size: 16px;color:#333;padding: 5px 0;-webkit-border-radius: 7px;-moz-border-radius: 7px;} #tasterProfileImageDisplay{width: 175px;background:#f7f7f7;border:solid 1px #ccc;float:left;} #tasterProfileImageDisplay img {width: 165px;margin: 5px;} #uploadPhoto {float:left;clear:both;width: 280px;margin:0;background:#eee;padding: 5px;} #uploadPhoto p {width: 290px;} .account {float:left;width: 100%;clear:both;} .account .listItem {width: 670px;padding: 10px;display:inline;} .account .listItem h2 {border-bottom: solid 1px #8fbbcf;background:#d2e6ef;padding: 11px;float:left;clear:both;width: 100%;color:#026c9c;font-size:18px !important;font-weight:normal !important;margin: -11px 0 10px -11px;} #welcome .listItemListing, #partner-welcome .listItemListing .listItem {margin-left: 0px;width: 600px !important;} #welcome .listItemListing .listItem .listItemInfo {float:right;width: 480px;clear:none;} .largeHeader {font-size: 24px;margin: 0 0 5px 25px;} p.subhead {font-size: 14px;font-weight:normal;line-height: 18px;} .nakedPaging {text-align:center;float:left;clear:both;margin: 10px 0 10px 25px;font-size: 14px;display:inline;position:relative;} .core .panel .nakedPaging {width: 710px;} .full .panel .nakedPaging {width: 940px;} .nakedPaging .nakedPage {margin-top: 2px;} .nakedPaging a {margin:0;font-size:15px;text-decoration:none;border: solid 1px #ccc;background:#fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;text-align:center;vertical-align:center;padding: 2px 6px;margin-right: 4px;display:inline;} .nakedPaging a:hover {color:#333;border: solid 1px #999;background:#f3f3f3;-webkit-border-radius: 3px;-moz-border-radius: 3px;text-align:center;vertical-align:center;padding: 2px 6px;-webkit-box-shadow: 0px 0px 3px #999; -moz-box-shadow: 0px 0px 3px #999;} .nakedPaging a.selectedPage {border: solid 1px #026c9c;color:#fff;background:#026c9c;-webkit-border-radius: 3px;-moz-border-radius: 3px;text-align:center;vertical-align:center;padding: 2px 6px;height: 27px;} .nakedPaging a.nakedPrev {width: 70px;font-weight:bold;float:left;margin:-3px 0 0 0;} .nakedPaging a.nakedNext {width: 70px;font-weight:bold;float:right;margin:-3px 0 0 0;clear:none;} .grouplabel {width: 132px;height: 132px;float:left;overflow:hidden; padding:1px;border:solid 1px #ccc;margin:3px 0;position:relative;text-align:center;} .grouplabel img {width: 100%;} .preorderLabel {background:#cc0000;color:#fff;font-size:11px;text-align:center;padding: 3px 6px;} .closeRatePanel {position:absolute;top:5px;right: -100px;} .listItem .greyPanel {background:#f7f7f7;float:left;width: 650px;padding: 10px;clear:both;margin: 0 0 10px 0;} .listItem .listItemInfo .greyPanel .listItem table tr th {background:#f7f7f7;padding: 6px 0;} .listItem table tr td {padding: 6px 0;} .textinput.short {width: 120px;} .cashBackCalc {font-size: 11px;} .cashbackCalcTooltip p {margin:0 0 4px 0;padding:0;float:left;width: 100%;clear:Both;} .drinkingBuddiesList {float:left;clear:both;width: 210px;margin:0 0 5px 0;padding:0;} .drinkingBuddiesList .resize {float:left;padding: 0px 5px 5px 0px;clear:none;margin:0;height: 25px;width: 25px;} .drinkingBuddiesList .resize a {margin:0;padding:0;} .drinkingBuddiesList .resize a .follow {width: 25px;height: 25px; float:left;margin:0;padding:0;} .item a .followLabel {border:solid 1px #ccc; width: 60px;height: 40px; float:left;margin:0 5px 0 0;padding:0;} tr.orderLine td {border:none;} .abOrder {margin: 2px 0 0 0 ;float:left;clear:both;width:100%;} .sideLoginPanel label .badItem {color:#ff0000;} .sideLoginPanel {float:left;clear:both;width: 210px;} .sideLoginPanel label {text-transform:none;margin:0;padding:0;color:#333;width: 200px;float:left;clear:both;} .sideLoginPanel .textinput {width: 168px !important;margin:0;padding:3px 4px;-moz-border-radius: 3px;-webkit-border-radius: 3px;} .sideLoginPanel .validateIcon {width: 24px;height: 24px;float:right;margin:0;padding:0;clear:none;} .sideLoginPanel .textinput.errorInput {border:solid 1px #e0312b;} .sideLoginPanel .validateItem {float:left;clear:both;width:210px;margin:0 0 10px 0;padding:0;} .sideLoginPanel .validateItem .validateIcon.badItem {background:#fff url(/staticMedia/images/icons/validationVoucherIcon.jpg) no-repeat 0px -48px;} .sideLoginPanel .validateItem .validateIcon.emptyItem {background:#fff url(/staticMedia/images/icons/validationVoucherIcon.jpg) no-repeat 0px -24px;} .sideLoginPanel .validateItem .validateIcon.goodItem {background:#fff url(/staticMedia/images/icons/validationVoucherIcon.jpg) no-repeat 0px 0px;} .revealHolder {position:absolute;top:40px;left: 10px;} .reveal {display:none;float:left;width: 190px;height: 150px;position:relative;background:transparent;color:#fff; margin: 10px;padding: 10px;text-align:center;z-index: 999;font-size:24px;} .reveal span {display:none;} .reveal .center {position:absolute;bottom: -10px;left: 60px;} .reveal .flashcenter {position:absolute;bottom: 10px;left: 45px;} p.flashText {display:block !important;z-index:999;color:#fff;top: 75px;left: 70px;font-size: 30px;line-height: 30px;position:absolute;} .reveal .case-center {position:absolute;bottom: 0;left: 10px;} .reveal h2 {color:#fff;font-size:16px;margin-top: 20px;} .reveal img.smallImage {float:left;margin-right: 5px;margin-bottom: 0px;} #reveal1 {background:transparent url(/staticMedia/images/home/revealBackground1.png) no-repeat top left;position:absolute;left:0px;float:none;} #reveal2 {background:transparent url(/staticMedia/images/home/revealBackground2.png) no-repeat top left;position:absolute;left: 240px;float:none;} #reveal3 {background:transparent url(/staticMedia/images/home/revealBackground3.png) no-repeat top left;position:absolute;left: 470px;float:none;} #reveal1a {position:absolute;left:0px;float:none;} #reveal2a {position:absolute;left: 240px;float:none;} #reveal3a {position:absolute;left: 470px;float:none;} #hidden1 {background:transparent url(/staticMedia/images/home/revealBackground1-grey.png) no-repeat top left;float:left;width: 190px;padding: 10px;height: 170px;margin: 10px;text-align:center;z-index: 888;position:absolute;left:0px;float:none;} #hidden2 {background:transparent url(/staticMedia/images/home/revealBackground2-grey.png) no-repeat top left;float:left;width: 190px;height: 170px;margin: 10px;text-align:center;z-index: 888;position:absolute;left: 240px;float:none;} #hidden3 {background:transparent url(/staticMedia/images/home/revealBackground3-grey.png) no-repeat top left;float:left;width: 190px;height: 170px;margin: 10px;text-align:center;z-index: 888;position:absolute;left: 470px;float:none;} .reveal .info {z-index:999 !important;border:solid 1px #333; -moz-border-radius: 8px;-webkit-border-radius: 8px;display:none;background:#fff;width: 190px;position:absolute;padding: 10px;bottom:0px;} .reveal .info h2 {text-align:left;background:#fff;font-size: 12px;color:#026c9c;margin:0 0 4px 0;padding:0;width: 100%;float:left;clear:both;} .reveal .info p {font-size: 11px;line-height: 12px;text-align:left;} #reveal1 .info {left: 0px;width:180px;} #reveal2 .info {left: 0px !important;width: 180px;} #reveal3 .info {left: 0px;width: 180px;} .reveal .info.hover {display:block;} .watchVideo {position:absolute;bottom: 15px;right: 20px;} tr.saveRow td {font-size: 21px;color:#ff0000;font-weight:bold;} tr.wasRow td {font-size: 21px;color:#026c9c;} tr.nowRow td {font-size: 21px;color:#026c9c;font-weight:bold;} .overlayStep {-moz-border-radius: 5px;-webkit-border-radius: 5px;outline:none;color:#026c9c;padding: 10px;float:left; width: 128px;margin-bottom: 1px;background:#cfe6ec;margin:4px 4px 12px 4px;} .overlayStep h2 {font-size: 15px !important;} .overlayStep p {line-height: 16px;} .loadingTweets {background:#fff url(/staticMedia/images/loading.gif) no-repeat 50% 50%;width: 100%;height: 300px;float:left;clear:both;} #ui-datepicker-div {display:none;background:#fff;padding: 4px; border:solid 1px #333;} .url {background:#eee;padding: 10px;float:left;clear:both;width: 350px !important;margin: 10px 0 10px 0px !important;} .url span {margin: 7px;width: 100%;float:left; clear:both;} .url label {width: 175px;color:#333;margin-right: 0;padding: 3px 0 ;} .url .textinput {width: 120px;padding: 4px;margin: 0 0 3px 0;} .inviteListItem {float:left; margin: 0px;text-align:center;padding: 10px;border:solid 1px #ccc;height: 95px;width: 300px;height: 250px;overflow-y:scroll;} .inviteItem {float:left; margin: 0px;text-align:left;padding: 10px;border:solid 1px #ccc;height: 95px;width: 300px;height: 250px;} .inviteListItem .avatar {padding: 1px; border:solid 1px #ccc;} .inviteListItem p, .inviteItem p {margin:0;padding:0;} .inviteItem p {width: 280px;} .inviteListItem .textbox, .inviteItem .textbox {width: 290px;} .inviteItem .textbox {margin:0;} .invitePanel {float:right;padding:10px;background:#f7f7f7;width: 360px;margin-right: 15px;} .invitePanel .textinput {width: 340px;margin:0 0 10px 0;} .invitePanel label {font-weight:bold;margin:5px 0 0 0;} .invitePanel .textbox {width: 340px;margin: 0 0 15px 0;} #delete {display:none;position:absolute; width: 250px;height: 100px;background:#fff;border:solid 8px #999; padding: 15px;top: 20px;text-align:center;left: 0px;z-index:988;} #delete p {font-size: 18px; line-height: 22px;color:#666;font-weight:normal;float:left;z-index:989;position:static;margin:0 0 15px 0;padding:0;} #delete p.message {clear:both;width: 250px;} #delete a {color:#222;z-index:990;position:static;margin:0 5px;padding:0;} .savebutton {float:right;clear:both;} .saveCap {background:#d80202;height: 8px;width:90px;-webkit-border-top-right-radius: 5x;-webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;float:right; margin:0;} p.out {font-size: 16px;margin:0;padding:0 0 35px 0;background:transparent url(/staticMedia/images/icons/downArrow.png) no-repeat bottom center;} .suggestedWine {float:left;clear:both;width: 100%;text-align:left;margin: 10px 0 0 0;position:relative;} .suggestedWine a.slabel {float:left;width: 100px;margin:0 !important;padding:0 !important;clear:none;} .suggestedWine a.slabel img {width: 100px;float:left;clear:both;margin:0 !important;padding:0 !important;border:solid 1px #ccc;} .suggestedWine .info {width: 100px;float:right;clear:none;margin:0;padding:0 0 10px 0;} .suggestedWine h2 {float:left;width: 100px;margin:0 !important;padding:0 !important;clear:none;} .suggestedWine h2 a {font-size:12px;float:left;margin:0;padding:0;clear:none;} .suggestedWine a .addtobasket {position:absolute;bottom: 0; right:0;} p.inEligible {width: 160px;color:#fff;font-size:12px;line-height: 13px;font-weight:bold;padding:7px 20px 0px 20px;display:inline;text-align:center;position:absolute; left: 20px;bottom: 45px;background:transparent url(/staticMedia/images/notEligibleBack.jpg) no-repeat top left;height: 35px;} .ratingIcon {float:right;margin: -7px 0 0 5px;} .buddyCount {background:transparent url(/staticMedia/images/icons/buddyCount.jpg) no-repeat top left;margin:0;font-size: 16px;padding: 0 0 0 20px !important;font-weight:bold;} .usefulNess {font-size:16px;font-weight:bold;margin:0;padding:0 0 0 20px !important;background:transparent url(/staticMedia/images/icons/usefulNess.jpg) no-repeat top left;} .recommendPopup {-webkit-border-radius: 10px;-moz-border-radius: 10px;text-align:center;width: 400px;padding: 15px;border: solid 10px #6699CC;background: #fff;margin-left: -125px; position: absolute;top: -90px; left: 40%;visibility: visible;z-index: 999;} .recommendPopup .close, .reviewPopup .close {position:absolute;top: 4px;right: 4px;} .recommendPopup h2, .reviewPopup h2 {font-size:21px !important;border:none;width:100% !important;color:#026c9c;float:left;margin:10px 0 0 0;padding:0;font-weight:normal;} .recommendPopup .textbox, .reviewPopup .textbox {width: 383px;margin: 3px 3px 3px 0px ;padding: 7px;height: 130px;float:left;-webkit-border-radius: 3px;-moz-border-radius: 3px;clear:both;} .recommendPopup p, .reviewPopup p {font-size:18px;float:left;clear:both;width: 100%;margin:0;} /* EVERYTHING ABOVE PUT INTO BASE.CSS -------------------------------------------------------------*/ /* START ADDED TO SEARCH.CSS -------------------------------------------------------------*/ .horizontal .product .hd {float:left; clear:both;margin:0;padding:0;position:relative;width: 940px;height: 10px;background:transparent url(/staticMedia/websitev2/images/horizontalProductTop.png) no-repeat top left;} .horizontal .product .bd {float:left; clear:both;margin:0;padding:5px 0px 0px 15px;display:inline;position:relative;width: 925px;background:transparent url(/staticMedia/websitev2/images/horizontalProductSides.png) repeat-y top left;} .product .bd .summary {display:none;} .horizontal .product .bd .summary {display:block;} .horizontal .product .bd .summary ul, .horizontal .product .bd .summary ul#tick-list {width: 450px;margin:0 !important;list-style:none;padding:0 0 0 15px;} .horizontal .product .bd .summary ul li, .horizontal .product .bd .summary ul#tick-list li {background:transparent url(/staticMedia/websitev2/images/icons/tick.jpg) no-repeat 0px 0px;padding: 0px 0px 10px 30px;width: 420px;float:left; clear:both;margin:0 !important;} .horizontal .product .ft {float:left; clear:both;margin:0;padding:0;position:relative;width: 940px;height: 15px;background:transparent url(/staticMedia/websitev2/images/horizontalProductFoot.png) no-repeat bottom left;} .horizontal .product h2 {color:#026c9c !important;font-size: 16px;float:left; width: 450px !important;line-height: 17px;margin: 3px 0;clear:none;font-weight:normal;} .horizontal .product h2 a{width: 450px !important;} .horizontal .product .label, .horizontal .product .caseLabel img{width: 200px;float:left; padding:1px;border:solid 1px #ccc;margin:3px 10px 3px 2px;display:inline;clear:none;} .horizontal .product p.do {float:right; width: 180px;margin:0 17px 2px 0;padding:0;clear:none;display:inline;} .horizontal .product p.do span {float:left;} .horizontal .product a.add {float:right;margin:0 0 0 3px;display:inline;} .horizontal .product .caseDetailSide {float:right;width: 180px;margin-right: 20px;} .product .prices {width: 180px;float:right;margin:0 15px 0 0;display:inline;} .product .prices p.searchSavePrice {width: 180px;font-size: 18px;color:#ff0000 !important;text-align:right;} .product .prices p.searchWasPrice {width: 180px;font-size: 18px;color:#026c9c !important;text-align:right;} .product .prices p.searchNowPrice {width: 180px;font-size: 18px;color:#026c9c !important;text-align:right;} .product .prices p.searchWide {width: 180px;font-size: 18px;color:#026c9c !important;text-align:right;} .product .prices p.searchNowPrice span, .product .prices p.searchWasPrice span, .product .prices p.searchSavePrice span {width: 100px !important;float:left;margin: 0 !important;padding:0 !important;text-align:left;} .product .prices p.searchWide span {width: 140px !important;float:left;margin: 0 !important;padding:0 !important;text-align:left;} .tiled-list .product .prices {width: 75px;float:left;padding:0;margin:0;clear:none;} .tiled-list .product .prices p.searchNowPrice {text-align:right;float:left;width: 75px;font-size: 12px;margin:0 !important;padding:0 !important;line-height: 14px;} .tiled-list .product .prices p.searchWasPrice {text-align:right;float:left;width: 75px;font-size: 12px;margin:0 !important;padding:0 !important;line-height: 14px;} .tiled-list .product .prices p.searchSavePrice {text-align:right;float:left;width: 75px;font-size: 12px;margin:0 !important;padding:0 !important;line-height: 14px;} .tiled-list .product .prices p.searchWide {text-align:right;float:left;width: 80px;font-size: 11px;margin:0 !important;padding:0 !important;line-height: 14px;} .tiled-list .product .bd h2, .full .preorderList .product .bd h2 {margin-left: 0;} .tiled-list .product .wrap {width: 55px;position:relative;float:right;margin:0 15px 0 0 !important;padding:0 !important;display:inline;} .tiled-list .product .prices p.searchNowPrice span, .tiled-list .product .prices p.searchWasPrice span, .tiled-list .product .prices p.searchWide span, .tiled-list .product .prices p.searchSavePrice span {width: 32px !important;float:left;margin: 0 !important;padding:0 !important;text-align:left;line-height: 14px;} .tiled-list .product .percentage {display:none;} .tiled-list .product .prices p.searchWasPrice span {width: 28px !important;} .horizontal .searchAmount {float:left;width: 35px !important;margin:0;padding:5px 0 4px 0;text-align:center;border:solid 1px #ccc;} .horizontal .searchAddtobasket {float:right;margin:0;padding:0;} .horizontal .makerAddtobasket {position:absolute;bottom: 0px;right: 27px;} .tiled-list .makerAddtobasket {position:absolute;bottom:0px;right:10px;} .tiled-list .product .searchWrap {width: 50px;float:right;clear:none;margin-right: 5px;display:inline;} .tiled-list .product .searchAmount {float:left;clear:both;width: 40px;margin:0 0 2px 4px;padding:0;text-align:center;border:solid 1px #ccc;} .tiled-list .product .searchAddtobasket {float:left;clear:both;margin:0;padding:0;} .tiled-list .product .wrap .addtobasket, .tiled-list .product .wrap .amount {margin:0 !important;padding:0 !important;float:left !important; clear:both !important;} .tiled-list h2.rec {float:left;clear:both;width: 100%;margin:0 0 3px 0;} .horizontal .product .prices p.searchWide .makerSpan {width: 100px !important;} .tiled-list .makerSpan {width: 60px;} .horizontal .product .hd {float:left; clear:both;margin:0;padding:0;position:relative;width: 950px;height: 10px;background:transparent url(/staticMedia/websitev2/images/horizontalProductTop.png) no-repeat top left;} .horizontal .product .bd {float:left; clear:both;margin:0;display:inline;padding:5px 10px 0px 15px;position:relative;width: 925px;background:transparent url(/staticMedia/websitev2/images/horizontalProductSides.png) repeat-y top left;} .horizontal .product .ft {float:left; clear:both;margin:0;padding:0;position:relative;width: 950px;height: 15px;background:transparent url(/staticMedia/websitev2/images/horizontalProductFoot.png) no-repeat bottom left;} .horizontal .product h2 {color:#026c9c !important;font-size: 16px;float:left; width: 300px;line-height: 16px;margin: 3px 0;clear:none;font-weight:normal;} .horizontal .product .label {width: 200px;float:left; padding:1px;border:solid 1px #ccc;margin:3px 10px 3px 2px;clear:none;} .horizontal .product p.do {float:right; width: 180px;display:inline;margin:0 17px 2px 0;padding:0;clear:none;} .horizontal .product p.do span {float:left;} .horizontal .product a.add {float:right;margin:0 0 0 3px;} .dropdownItem {float:left;width: 158px;position:relative;margin: 0px 10px 0 0 !important;} .dropdownItem p {margin:0;padding:0;width: 150px;} .dropdownItem ul {width: 158px !important;list-style:none;} .dropdownItem ul li {width: 158px;float:left;} .dropdownItem ul li h2 {font-size: 12px;background:#fff url(/staticMedia/images/dropdownArrow.jpg) no-repeat 96% 50%;width: 146px;border:solid 1px #ccc;padding: 4px 6px;-moz-border-radius: 4px;-webkit-border-radius: 4px;} .dropdownItem ul li:hover h2 {border-bottom:none;-moz-border-radius: 0px;-webkit-border-radius: 0px;} .dropdownItem ul li:hover .dropdownDetail {left:0;width: 158px;height: auto;} .dropdownDetail {z-index: 999;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-left: solid 1px #ccc;border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; left: -1540px;position:absolute;background:#fff;width: 158px;padding-bottom: 4px;} .dropdownDetail ul {background:#fff !important;width: 158px !important;float:left;clear:both;margin:0;padding:0;list-style:none;} .dropdownDetail ul li {background:#fff !important;width: 158px;float:left;clear:both;} .dropdownDetail ul li a {background:#fff !important;width: 146px;float:left;clear:both;padding: 4px 6px !important;} .dropdownDetail ul li a:hover, .dropdownDetail ul li.selected a {background:#2177c3 !important;color:#fff;} .dropdownItem.short ul, .dropdownItem.short ul li, .dropdownItem.short ul li:hover .dropdownDetail, .dropdownItem.short .dropdownDetail, .dropdownItem.short .dropdownDetail ul, .dropdownItem.short .dropdownDetail ul li {width: 112px !important;} .dropdownItem.short, .dropdownItem.short ul li h2, .dropdownItem.short .dropdownDetail ul li a {width: 100px !important;} .dropdownItem.short {margin-right: 20px !important;} .dropdownItem.short .dropdownDetail {width: 100px !important;} .horizontal h2.rec {width: 170px !important;position:none;height:auto;float:right;clear:none !important;font-size:12px !important;font-weight:bold !important;text-align:center;margin-right: 17px;} .horizontal p.outofstock {width: 170px !important;position:none;height:auto;float:right;clear:none !important;font-size:12px !important;font-weight:bold !important;text-align:center;margin-right: 17px;padding-top: 10px;} .horizontal .percentage {height: 62px;position:relative;width: 150px;float:right;color:#75b820;font-size: 16px;line-height: 16px !important;margin:-10px 10px 4px 5px;display:inline;padding:0 0 0 30px;line-height: 24px;} .horizontal .percentage span {font-size: 16px; line-height: 16px !important;font-weight:bold;margin:0;padding:0;} .horizontal .searchWrap {width: 180px;float:right;clear:right;margin:5px 15px 0 0;padding:0;} /* END ADDED TO SEARCH.JSP----------------------- */ /* START ADDED TO WALL------------------------------- */ .post {float:left; clear:both;width: 705px;margin: 0 0 15px 20px;} .post .item .speechArrow {position:absolute;left:-12px;top: 20px;height: 16px;width: 13px;background:transparent url(/staticMedia/websitev2/images/main-post-arrow.jpg) no-repeat top left;} .post.direct .item .speechArrow {position:absolute;left:-12px;top: 20px;height: 16px;width: 13px;background:transparent url(/staticMedia/websitev2/images/highlighted-post-arrow.jpg) no-repeat top left;} .post.blue .item .speechArrow {background:transparent url(/staticMedia/websitev2/images/post-blue-arrow.jpg) no-repeat top left;} .replies .post.first .speechArrow {background:transparent url(/staticMedia/websitev2/images/post-reply-arrow.jpg) no-repeat top left;position:absolute;left:15px;top: -12px;height: 13px;width: 16px;} .replies .post .item .speechArrow {position:absolute;left:-12px;top: 20px;height: 16px;width: 13px;background:transparent url(/staticMedia/websitev2/images/reply-arrow.jpg) no-repeat top left;} .post p.data {margin:0;padding:0;} .post .text h2 {font-size:12px;font-weight:bold;} .post .avatar, .post.direct .replies .post .avatar{float:left; width: 70px;position:relative;} .post .avatar a img, .post.direct .replies .post .avatar a img{padding: 1px; border:solid 1px #ccc; width: 60px;height: 60px;} .post .winemaker-avatar {position:absolute;left: 50px;top: 15px;width: 60px;} .post .winemaker-avatar .resize img{width: 60px;float:left;padding:1px;border:solid 1px #ccc;} .post.direct .avatar{float:left; width: 68px;position:relative;background:#fdb731;} .post.direct .avatar a img{padding: 0px; margin: 5px 0px 2px 5px; width: 54px;height: 54px;border:solid 2px #fff;} .post .text {float:right;width: 625px;margin:0;padding:0;} .post.direct .item {border:solid 1px #fdb731;background:#fde3b3;margin:0;position:relative;width: 611px;padding: 8px 10px;} .post .item {border:solid 1px #ccc;background:#e5e5e5;margin:0;position:relative;width: 611px;padding: 8px 10px;} .post .item a.hide {position:absolute; top: 4px; right: 4px;} .post .item .wall-addtobasket {float:right;width: 230px;position:static;padding:0;margin-top: -4px;} .post .item p.outofstock {width: 130px !important;float:right;font-size:12px;padding: 2px 0 0 0;} .post .item .addtowishlist {float:left;} .post .item .wall-addtobasket p {float:left;width: 80px;margin-top: 5px;font-weight:bold;} .post .item .wall-addtobasket a {float:right;} .post .icon {width: 32px; height: 32px;position:absolute;left:17px;top: 50px;background:transparent url(/staticMedia/websitev2/images/icons/post.png) no-repeat top left;} .post .icon.CUSTOMER{background:transparent url(/staticMedia/websitev2/images/icons/post.png) no-repeat top left;} .post .icon.GROUP{background:transparent url(/staticMedia/websitev2/images/icons/group.png) no-repeat top left;} .post .icon.PRODUCT{background:transparent url(/staticMedia/websitev2/images/icons/review.png) no-repeat top left;} .post .icon.WINEMAKER{background:transparent url(/staticMedia/websitev2/images/icons/post.png) no-repeat top left;} .post .icon.RECOMMENDED{background:transparent url(/staticMedia/websitev2/images/icons/.png) no-repeat top left;} .post .icon.TWITTER {width: 30px; height: 30px;position:absolute;left:17px;top: 50px;background:transparent url(/staticMedia/websitev2/images/icons/twitter.png) no-repeat top left;} .post .item p {margin:0 10px 7px 0;width: 580px;color: #222;} .post .item p.posted, .post-reply p.posted {color:#333;font-weight:bold;margin:0 0 0 0 ;float:left;width: 380px;} .post .item p.fullPost {margin-bottom:10px;margin-top:0;} .post .item form {margin:0;padding:0;} .post .item p.posted a {color:#333;} .post .item p.posted a.comment, .post .item p.posted a.pinbutton, .post .item p.posted a.unpinbutton{color:#2497e5;margin-left: 15px;} .post a.comment {font-weight:bold;font-size:11px;position:absolute;left:3px;text-align:center; width: 55px;top: 52px;color:#fff;background:#ea0404;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding: 4px 1px;} .post.direct a.comment {left:5px;} .post .item p.posted a.commentLink {color:#fff;margin-left: 15px;background:#777;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding: 3px 6px;} .post .item p.posted a.pinbutton {color:#fff;margin-left: 15px;background:#777;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding: 3px 6px;} .post .useful {float:left;clear:left;width: 580px;padding:0;margin:0;} .post .useful p {margin:0;padding:0;} .post h2 {font-weight:normal;} .post .bottle {position:relative;width: 80px;text-align:center;float:left;} .post .bottle img {position:absolute;width: 35px;} .post .bottle .one {left: 10px;top: -12px;width: 32px;} .post .bottle .two {right: 0px;top: -12px;width: 32px;} .post .bottle .three {left: 27px;top: -10px;} .replies .post .item .useful {width: 500px;} .replies .icon {display:none;} .replies {float:left; clear:both;width: 100%;padding: 5px 0 0 0;} .replies .post, .profileWines .replies .post {width: 620px; margin-left: 80px;float:left;clear:both;} .replies .post .text .item {width: 547px;float:left; margin:10px 0 0px 0px;position:relative;padding: 8px 10px;background:#f6f6f6;border:solid 1px #eaeaea;} .replies .post .text .item p {width: 520px;margin:0 10px 7px 0;} .replies .post .item .addtobasket p {float:left;width: 80px;margin-top: 5px;font-weight:bold;} .replies .post .item p.posted {color:#333;font-weight:bold;margin:0 0 0 0 ;float:left;width: 200px;} .replies .post .avatar, .post.direct .replies .post .avatar {float:left;width: 40px !important; height: 40px;margin: 8px 1px 2px 1px;background:none;} .replies .post .avatar a img, .post.direct .replies .post .avatar a img{padding: 1px; border:solid 1px #666;width: 40px;height: 40px;float:left;clear:none;} .replies .post .icon {display:none;} .replies .post .text {float:right;width: 556px;margin:0;padding:0;} .replies .post .text p{margin:0;padding:0;} .post .review {float:right; width: 510px;} .post .review p{width: 510px;} .post .review .addtowishlist{float:left !important;position:none;clear:left;} .post .reviewAddtobasket {float:right !important;position:none !important;width: 200px;} .post .review .reviewAddtobasket p {width:40%;float:left;} .post .review .reviewAddtobasket img {float:right;} .pin {float:left;margin: 0 2px 0 0;padding:0;width: 14px; height: 14px;background: transparent url(/staticMedia/websitev2/images/icons/pin.png) no-repeat top left;} .removeLink {position:absolute;top: 5px;right: 5px; width: 14px; height: 14px;} .post .item .tl {background:transparent url(/staticMedia/websitev2/images/corners/mainpost-tl.jpg) no-repeat top left;top:-1px;left:-1px;} .post .item .tr {background:transparent url(/staticMedia/websitev2/images/corners/mainpost-tr.jpg) no-repeat top right;top:-1px;right:-1px;} .post .item .bl {background:transparent url(/staticMedia/websitev2/images/corners/mainpost-bl.jpg) no-repeat bottom left;bottom:-1px;left:-1px;} .post .item .br{background:transparent url(/staticMedia/websitev2/images/corners/mainpost-br.jpg) no-repeat bottom right;bottom:-1px;right:-1px;} .post.direct .item .tl {background:transparent url(/staticMedia/websitev2/images/corners/post-orange-tl.jpg) no-repeat top left;top:-1px;left:-1px;} .post.direct .item .tr {background:transparent url(/staticMedia/websitev2/images/corners/post-orange-tr.jpg) no-repeat top right;top:-1px;right:-1px;} .post.direct .item .bl {background:transparent url(/staticMedia/websitev2/images/corners/post-orange-bl.jpg) no-repeat bottom left;bottom:-1px;left:-1px;} .post.direct .item .br{background:transparent url(/staticMedia/websitev2/images/corners/post-orange-br.jpg) no-repeat bottom right;bottom:-1px;right:-1px;} .post .replies .post .tl, .post.direct .replies .post .item .tl {background:transparent url(/staticMedia/websitev2/images/corners/post-reply-tl.jpg) no-repeat top left;top:-1px;left:-1px;} .post .replies .post .tr, .post.direct .replies .post .item .tr {background:transparent url(/staticMedia/websitev2/images/corners/post-reply-tr.jpg) no-repeat top right;top:-1px;right:-1px;} .post .replies .post .bl, .post.direct .replies .post .item .bl {background:transparent url(/staticMedia/websitev2/images/corners/post-reply-bl.jpg) no-repeat bottom left;bottom:-1px;left:-1px;} .post .replies .post .br, .post.direct .replies .post .item .br {background:transparent url(/staticMedia/websitev2/images/corners/post-reply-br.jpg) no-repeat bottom right;bottom:-1px;right:-1px;} .productInfo .post .text .item {width: 480px;} .hidePost {display:none;border:solid 1px #ccc; background:#f1f1f1;padding: 10px;height: 100%;position:absolute;left: -82px; top:-2px;width: 693px;text-align:center;} .hidePost .hideContainer {float:left; clear:both;width: 100%;margin: 30px 0 0 0;} .hidePost a {background:#999;padding: 4px 6px; color:#222;font-weight: bold;} .hidePost a { background-image: url(../img/but_left.gif); background-repeat: no-repeat; background-position: left top; clear: left; float: left; padding-left: 4px; } .hidePost a span { background-image: url(../img/but_right.gif); background-repeat: no-repeat; background-position: right top; float: left; padding-right: 15px; padding-left: 10px; padding-top: 6px; padding-bottom: 7px; line-height: 19px; } .messageAlert .hidePost {left:-2px;top:-2px;width: 680px;} .messageAlert .hidePost .hideContainer{margin:10px 0 0 0;} #post-comment, #post-comment-head {width: 100%;background:#f7f7f7; float: left; clear: both;border-top: solid 1px #ccc;display: none;margin-bottom: 0px;padding: 0;} #post-comment-head .post-header {border:none;width:680px;float:left;margin: 10px 0 0 20px;padding:0;font-weight:normal;text-shadow: 0 1px #fff;} #post-comment-head .inside {background:#f7f7f7;border-top: solid 1px #fff; border-bottom: solid 1px #fff;float:left;clear:both;padding: 10px 0;} #post-comment, #post-comment-head h2{ margin: 0px 9px;width: 494px; border-bottom: dotted 1px #ccc; padding: 0 0 4px 0;} #post-comment-head .message {width: 720px;float:left; clear:both; margin: 10px;padding: 20px 0 10px 0;text-align:center;} #post-comment-head .message p {font-size: 18px;} #post-comment-head .error {width: 645px;color:#ec1611;font-weight:bold; padding: 15px 10px 15px 55px;font-size: 16px;margin: 8px 0 8px 20px} .profileWines .textbox {width: 680px;} #post-comment-head .textbox {-webkit-border-radius: 3px;-moz-border-radius: 3px;} #post-comment-head .fbHolder, #post-comment-head .twHolder {clear:none;width: 80px;float:right;margin-top: 5px;font-weight:bold;} .side .panel .textinput {width: 190px;} .postbutton {float:right;clear:both;margin: 0 -12px 9px 9px;} .postbutton#postButtonHeader {margin-right: 17px;float:right;clear:none;} .replies .textbox {float:right; margin-left: 80px;width: 580px;clear:both;} .replyTextbox {float:right;height: 80px;width: 567px;clear:both;margin:5px -12px 7px 0 !important;border:solid 1px #ccc;} .manage {float:left; clear:both;padding: 5px;width: 650px;border:solid 1px #ccc; position:relative;} .managePosts {float:right; clear:both;padding: 5px;width: 650px;position:relative;margin: 5px 13px 0 0;} .managePosts .selectAll {float:right;width: 70px;} .managePosts .selectAll p{margin: 4px 0 0 0 ;} .managePosts .selectAll #remove-checkbox {clear:none;margin:3px 0 0 0;padding:0;display:inline;float:right;} .managePosts .removeButton {float:right;margin-left: 15px;} /* END ADDED TO WALL.JSP-------------------------- */ /* START ADDED TO NAKED.JSP---------------------------------- */ #miniBasket {padding: 0 0 0 2px;} #miniBasket .wine {background:#f7f7f7;width: 62px;height:53px;float:left;position:relative;margin: 3px 2px 3px 3px;} #miniBasket .wine .update{display:none;position:absolute;top:0;left:0;background:#2590d9;color:#fff;font-size:11px;width: 62px;height: 56px;text-align:center;padding: 0 !important} #miniBasket .wine .update a.info {top: 0px;position:absolute;left:5px;padding:0;height: 24px;width: 24px;} #miniBasket .wine .update a.delete {text-decoration:none;top: 0px;position:absolute;right: 0px;padding:0;height: 14px;width: 14px;background:#222;color:#fff;font-weight:bold;} #miniBasket .wine .update .bottleAmount {top: 13px;position:absolute;left:13px;padding:0;height: 32px;width: 32px;} #miniBasket .wine .update .bottleAmount input {width: 18px;padding:4px 2px;margin:0;border: none;text-align:center;font-size:11px;float:left;clear:both;} #miniBasket .wine .update .bottleAmount a.plus {text-decoration:none;width:10px;background:#666;float:right;color:#fff;font-size:11px;line-height: 11px;padding:0;} #miniBasket .wine .update .bottleAmount a.minus {text-decoration:none;width:10px;background:#666;float:right;color:#fff;font-size:11px;line-height: 11px;padding:0;} #miniBasket .wine .update .bottleAmount a.plus:hover, #miniBasket .wine .update .bottleAmount a.minus:hover {background:#000;} #miniBasket .wine img.label{width: 58px;float:left;margin: 2px 0px 2px 2px;border:none;padding:0;} #miniBasket .wine .caseLabel img {width: 58px;float:left;margin: 2px 0px 2px 2px;border:none;padding:0} #miniBasket .wine .title {text-align:center;} #miniBasket .wine span.subtotal{text-align:center;width: 58px;color:#026c9c;font-size:11px;position:absolute;bottom: 0px;left: 0;padding: 0px 2px;} #miniBasket .contents {border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;border-left:solid 1px #ccc;width: 202px;float:left;clear:both;margin:0;} #miniBasket label {font-size: 11px;width: 205px;margin:0;padding:0;font-weight:bold;color:#222;} #miniBasket select {width: 205px;margin:0;padding:0;} #miniBasket table {width: 205px;} #miniBasket table tr td.miniBasketLabel {font-weight:bold;font-size: 16px;width:70px;} #miniBasket table tr td.miniBasketValue {font-weight:bold;font-size: 16px;text-align:right;} #miniBasket .instructions {background:transparent url(/staticMedia/images/product/icon-mix-case.jpg)no-repeat top center;width: 180px;height: 80px;text-align:center;font-size: 16px;margin: 10px 0 0 10px;padding-top: 100px;} #miniBasket .instructions img {margin:4px 0 0 0;padding:0;} #miniBasket h2.mbHeader {float:left;clear:both;position:relative;background:transparent url(/staticMedia/websitev2/images/miniBasketHeader.jpg) no-repeat top left;width: 194px;color:#fff;text-align:left;padding: 10px 0 10px 10px;margin:0;} #miniBasket h2.mbHeader a#clearBasket {position:absolute;top: -7px;right: 8px;margin:0;padding:0;} #miniBasket .smallLabel {font-size:11px;margin:0;padding:1px 0;font-weight:bold;float:left;width: 180px;} #miniBasket .miniCheckBox {margin:2px 0px 0 0;padding:0;float:right;clear:right;} #miniBasket .bottlesLeft {float:left; clear:both;padding: 3px 0;background:#f7f7f7;color:#222;font-weight:bold;text-align:center; width: 204px;font-size:11px;margin: 2px 0 0 0;} #miniBasket .bottlesLeft p {margin:0;padding:0;line-height: 14px;} #miniBasket .spacer {float:left; width: 1px; height: 240px;clear:none;margin:0;padding:0;} #miniBasket .greyedout {margin:0;padding:0;float:left;clear:both;} .accordionPanel {float:left; clear:both;width: 654px;padding:10px;display:inline;position:relative; border:solid 1px #ccc;margin-bottom: 1px;} .accordionPanel p {float:left; width: 600px;clear:both;margin:0;padding:0;} .accordionPanel label {width: 120px;float:left;font-weight:bold;padding: 7px 0 0 0 ;} .accordionPanel .save-button {float:right;} .accordionPanel .textinput {clear:right;width: 200px;} .accordionPanel .textbox {clear:right;width: 600px;margin:0;} .accordionPanel select {margin-left: 9px;} .accordionPanel table {font-size:11px;float:left; clear:both;width: 656px;margin:0;} .accordionPanel table tr td {border-bottom: solid 1px #ccc;padding: 4px 0;} .accordionPanel .optIn {margin: 10px;font-size:11px;line-height: 13px;float:right;clear:none;width: 260px;} .accordionPanel .edit {margin-left: 10px;} .announce {position:relative;border:solid 1px #4a9d00; float:left; clear:both; background:#c8eea5;margin: 10px 0 10px 4px;width: 1000px;display:none;text-align:center;} .announce p {color:#4a9d00;font-size: 18px;margin:25px;padding:0;} .announce a {color:#4a9d00;} .announce a.closethis {position:absolute; top: 5px;right: 5px;} .announce-leave {position:relative;border: solid 1px #ed1c24; float:left; clear:both; background:#fdeaeb;margin: 10px 0 10px 4px;width: 1000px;display:none;text-align:center;} .announce-leave p {color:#ed1c24;font-size: 18px;margin:25px;padding:0;} .announce-leave a {color:#ed1c24;} .announce .tl {background : transparent url(/staticMedia/images/green-topLeft.jpg) no-repeat;top:-1px;left:-1px;} .announce .tr {background : transparent url(/staticMedia/images/green-topRight.jpg) no-repeat;top:-1px;right:-1px;} .announce .bl {background : transparent url(/staticMedia/images/green-bottomLeft.jpg) no-repeat;bottom:-1px;left:-1px;margin-bottom: 0;} .announce .br {background : transparent url(/staticMedia/images/green-bottomRight.jpg) no-repeat;right:-1px;bottom:-1px;margin-bottom: 0;} .announce-leave .tl {background : transparent url(/staticMedia/websitev2/images/corners/red-topLeft.jpg) no-repeat;top:-1px;left:-1px;} .announce-leave .tr {background : transparent url(/staticMedia/websitev2/images/corners/red-topRight.jpg) no-repeat;top:-1px;right:-1px;} .announce-leave .bl {background : transparent url(/staticMedia/websitev2/images/corners/red-bottomLeft.jpg) no-repeat;bottom:-1px;left:-1px;margin-bottom: 0;} .announce-leave .br {background : transparent url(/staticMedia/websitev2/images/corners/red-bottomRight.jpg) no-repeat;right:-1px;bottom:-1px;margin-bottom: 0;} /* END ADDED TO NAKEDME.JSP----------------------- */ /* START ADDED TO CHECKOUT.JSP---------------------------------- */ .full table#basket {width: 947px;float:left; clear:both;margin: 5px 0px 0px 25px;} .full table#basket tr th {background: #f7f7f7;padding:4px 0;} .full table#basket tr th.product {background: #f7f7f7;padding:8px 0 8px 4px;width:550px;float:none;} .full table#basket tr th.cashback {background: #f7f7f7;padding:4px 0;} .full table#basket tr th.quantity {background: #f7f7f7;padding:4px 0;} .full table#basket tr th.amount {background: #f7f7f7;padding:4px 0;} .full table#basket tr td {background: #ffffff;padding:4px 0;} .full table#basket tr td.product {float:none;background: #fff;padding:4px 0 4px 4px;width:550px;border-bottom: solid 1px #ccc;} .full table#basket tr td.cashback {background: #fff;padding:4px 0;border-bottom: solid 1px #ccc;} .full table#basket tr td.quantity {background: #fff;padding:4px 0;border-bottom: solid 1px #ccc;} .full table#basket tr td.amount {background: #fff;padding:4px 0;border-bottom: solid 1px #ccc;text-align:right;} .full table#basket tr td .quantity {width: 40px;text-align:center;} table#basket tr td.total {font-weight:bold;font-size: 16px;} table#basket tr td a{font-weight:bold;} .emptyBasket, .continueShopping {float:left;margin-left: 10px;} h2.basket-instruction {float: left; width:690px;display:inline;margin:0 0 0 25px;padding:15px 70px 15px 0px;font-size: 18px;color:#111;background: transparent url(/staticMedia/images/checkout-arrow.jpg) no-repeat top right;} h2.basket-instruction span {width: 680px;float:left;} h2.basket-instruction span span {float:left;width: 415px;} .deliveryDropdownSelector {padding: 3px;float:right;width: 260px !important;margin-top:0;} .checkout {float:right;margin: 5px 28px 5px 0;} .emptyBasket {float:left; clear:both;margin:0;} .full .error {width: 875px;padding-left: 60px;color:#ec1611;font-weight:bold;} .side p.error {width:160px;} .upsell {width: 924px;border:solid 1px #ccc;position:relative;float:left; clear:both;margin: 10px 0 10px 25px;padding: 10px;display:inline;} .upsell .img {float:left;clear:none;} .upsell p {text-transform:uppercase; font-size: 26px;font-weight:normal;margin:0;padding:3px 0;text-align:right;width: 100%;float:left;clear:both;} .upsell p span {text-align:left; width: 100px;float:left;} .upsell p.nowprice {color:#15769f;margin-top: 10px;} .upsell .large-prices p {font-size: 32px;} .upsell .prices {float:right; width: 200px;height: 130px;position:relative;clear:none;} .upsell .prices .upsellbutton {position:absolute; right:0;bottom:0;} .upsell .large-prices {float:right;width: 275px;height: 220px;clear:none;position:relative;padding-top: 30px;} .upsell .large-prices .upsellbutton {position:absolute; right:0;bottom:0;} .final-summary {float:left; width: 500px;margin-left: 25px;} .final-total {float:right; width: 335px;margin-right:25px;} .profileWines#checkoutGrid .grid {width: 934px !important;} select#deliverySelector {text-align:right;padding: 3px;} .checkoutItem {background:transparent url(/staticMedia/websitev2/images/icons/confirm.png) no-repeat 5px 5px;float:left; margin: 5px 0 10px 10px;width: 750px;clear:both;padding:10px 0 10px 60px;} .checkoutItem label {width: 70px;margin:0 0 4px 0;font-weight:bold;float:left; clear:none;padding: 6px 0 0 0;} .checkoutItem h2 {float:left; width: 250px;font-size: 18px;font-weight:normal;clear:none;margin:5px 0 20px 0;color:#75b820;} .checkoutItem p {width: 500px;margin:0px;float:right;padding:0;} .checkoutItem .textbox {width: 450px;float:left; clear:both;margin:0;} .checkoutItem .deliverytextbox {width: 450px;float:left; clear:both;margin:0;height: 40px;border:solid 1px #999;padding:5px;margin:0px 0px 2px 0px; font-family:helvetica, arial, sans-serif;font-size: 12px;} .checkoutItem .textinput {width: 200px;float:left; clear:none;margin:0 0 4px 0;} .checkoutItem select {width: 230px;float:left; clear:none;margin:0 5px 5px 0;padding: 3px;} .checkoutItem .enterVoucher {width: 500px;float:right;margin:0;padding:0;} .checkoutItem .totalToPay {font-size: 24px;} .profileWines .grid {float:left;clear:both;width:720px !important;border-bottom: solid 1px #ccc;padding-left: 15px;background: #fff url(/staticMedia/websitev2/images/gridBackground.jpg) repeat-x bottom left;margin:0 0 0 -5px;} .giftMessage-Checkout table textbox {float:left;clear:both;} .profileWines .post {margin-left: 5px;} .profileWines .paging {width: 680px;} .final-summary {float:left; width: 500px;} .final-total {float:right; width: 300px;} table#checkout-summary {width: 500px;margin: 15px;} table#checkout-totals {width: 300px;text-align:right;float:right;margin: 15px;} table#checkout-totals label{text-align:left;} table#checkout-totals .total {font-size: 22px; color:#02518b;font-weight: bold;} table#checkout-totals .total span{font-size: 12px; color:#02518b;} table#checkout-totals tr.saved td {font-size: 22px; color:#cc0000;font-weight: bold;} table#checkout-summary tr td {border-bottom: dotted 1px #ccc;font-size: 14px;padding:2px 0;} input.claim-voucher-button {float:right;clear:none;margin:21px 30px 0 0;} /* END ADDED TO CHECKOUT.JSP----------------------------- */ /* START ADDED TO TODO.JSP ------------------------------ */ .todoList {background:#e2f0f9; float:left;width: 693px;clear:both;position:relative;padding: 10px 0 10px 0;margin: 10px 0 15px 25px;display:inline;} .todoList .grid {background:none;float:left;width: 693px;padding:0;margin:0;border:none;} .todoList .item {position:relative;background:#fff;border:solid 1px #bbbbbb;float:left; clear:none;margin: 0 0px 10px 10px;width: 213px;padding: 1px;} .todoList .flash {position:absolute;top: 75px;height: 30px;left:-2px;background:#ff0000;width: 217px;text-align:center;color:#fff;} .todoList .flash span.smallText {font-weight:bold;width: 100%;color:#fff;font-size:16px;line-height: 16px;text-align:center;margin: 6px 5px 0px 5px;float:left;clear:both;} .todoList .item.alert {position:relative;border:solid 1px #bc8c8c;background:#efbfbe url(/staticMedia/websitev2/images/icons/todo-warning.png) no-repeat 1% 50%;width: 668px;float:left;clear:both;height: auto !important;} .todoList .item.alert .info {position:relative;float:left;width: 600px;border-left: solid 1px #bc8c8c;padding:8px 5px 8px 15px;margin-left: 45px;} .todoList .item.alert .info p{color:#cd0202;font-weight:bold;width: 500px;} .todoList .item.alert a.add {vertical-align:middle;position:absolute;top: 20%;right: 35px;} .todoList .item.alert a.hideActions {vertical-align:middle;position:absolute;top: 22%;right: 10px;} .todoList .item h2 {color:#026c9c;font-size:16px;float:left; width: 170px;} .todoList h2.blue-heading {color:#fff;font-size:16px;float:left;clear:both;background:transparent url(/staticMedia/images/todoHeadingBackground.jpg) no-repeat top left; width: 210px; height: 26px;margin-top: -10px;margin-left: -17px;padding: 7px 0 0 12px;margin-bottom: 10px;} .todoList h2.red-heading {color:#fff;font-size:16px;float:left;clear:both;background:transparent url(/staticMedia/images/todoHeadingBackgroundRed.jpg) no-repeat top left; width: 210px; height: 26px;margin-top: -10px;margin-left: -17px;padding: 7px 0 0 12px;} .todoList h2.orange-heading {color:#fff;font-size:16px;float:left;clear:both;background:transparent url(/staticMedia/images/todoHeadingBackgroundOrange.jpg) no-repeat top left; width: 210px; height: 26px;margin-top: -10px;margin-left: -17px;padding: 7px 0 0 12px;} .todoList h2.green-heading {color:#fff;font-size:16px;float:left;clear:both;background:transparent url(/staticMedia/images/todoHeadingBackgroundGreen.jpg) no-repeat top left; width: 210px; height: 26px;margin-top: -10px;margin-left: -17px;padding: 7px 0 0 12px;} .todoList .item .avatar {position:absolute;top: 65px;left: 5px;} .todoList .item .avatar img {width: 68px;height: 68px;padding: 1px; border:solid 1px #ccc;} .todoList .item .todoPromo {position:absolute;top: 1px;left: 1px;} .todoList .item .addPromo {position:absolute;bottom: 8px;right: 37px;} .todoList .item .green {margin: 10px 0 10px 0;float:left;clear:both;width: 195px;padding:0;} .todoList .item .info {position:relative;float:left;width: 195px;padding:8px 0px 0px 15px;} .todoList .item .headline {width: 178px;float;left;clear:both;padding:1px;border:solid 1px #ccc;position:relative;margin-top: 5px;} .todoList .item .caseHeadline img{width: 178px;float;left;clear:both;padding:1px;border:solid 1px #ccc;position:relative;} .todoList .item .groupHeadline {width: 140px;padding:1px;border:solid 1px #ccc;margin: 5px auto 0 15px;} .todoList .item .info p {margin:0 0 5px 0;padding:0;float:left;width: 180px;line-height: 14px;clear:both;} .todoList .item a.add {position:absolute;bottom: 8px;right: 10px;} .todoList .item a.hideActions {position:absolute;top: 10px;right: 10px;} .todoList .item .expiring {color:#ff0000;font-weight:bold;width: 110px;position:absolute;bottom: 15px ;left: 10px;text-align:center;font-size:12px;line-height: 12px;z-index: 1000;} .todoList .tl {background : transparent url(/staticMedia/websitev2/images/corners/todo-tl.jpg) no-repeat;top:0px;left:0px;} .todoList .tr {background : transparent url(/staticMedia/websitev2/images/corners/todo-tr.jpg) no-repeat;top:0px;right:0px;} .todoList .bl {background : transparent url(/staticMedia/websitev2/images/corners/todo-bl.jpg) no-repeat;bottom:0px;left:0px;margin-bottom: 0;} .todoList .br {background : transparent url(/staticMedia/websitev2/images/corners/todo-br.jpg) no-repeat;right:0px;bottom:0px;margin-bottom: 0;} .todoList .icon {float:left;margin-left: -6px;margin-top: -6px;width: 37px;height: 32px;} .todoList .icon.heart {background : transparent url(/staticMedia/images/icons/todoHeart.png) no-repeat top left;} .todoList .icon.trophy {background : transparent url(/staticMedia/images/icons/todoTrophy.png) no-repeat top left;} .todoList .icon.star {background : transparent url(/staticMedia/images/icons/todoStar.png) no-repeat top left;} .todoList .icon.invite {background : transparent url(/staticMedia/images/icons/todoInvite.png) no-repeat top left;} .todoList .icon.lightbulb {background : transparent url(/staticMedia/images/icons/todoLightbulb.png) no-repeat top left;} .todoList .item .tl {background : transparent url(/staticMedia/websitev2/images/corners/todoItem-tl.jpg) no-repeat;top:-1px;left:-1px;} .todoList .item .tr {background : transparent url(/staticMedia/websitev2/images/corners/todoItem-tr.jpg) no-repeat;top:-1px;right:-1px;} .todoList .item .bl {background : transparent url(/staticMedia/websitev2/images/corners/todoItem-bl.jpg) no-repeat;bottom:-1px;left:-1px;margin-bottom: 0;} .todoList .item .br {background : transparent url(/staticMedia/websitev2/images/corners/todoItem-br.jpg) no-repeat;right:-1px;bottom:-1px;margin-bottom: 0;} .todoList .item.alert .tl {background : transparent url(/staticMedia/websitev2/images/corners/todoAlert-tl.jpg) no-repeat;top:-1px;left:-1px;} .todoList .item.alert .tr {background : transparent url(/staticMedia/websitev2/images/corners/todoAlert-tr.jpg) no-repeat;top:-1px;right:-1px;} .todoList .item.alert .bl {background : transparent url(/staticMedia/websitev2/images/corners/todoAlert-bl.jpg) no-repeat;bottom:-1px;left:-1px;margin-bottom: 0;} .todoList .item.alert .br {background : transparent url(/staticMedia/websitev2/images/corners/todoAlert-br.jpg) no-repeat;right:-1px;bottom:-1px;margin-bottom: 0;} .todoList .item.blue .tl {background : transparent url(/staticMedia/images/corners/todo-blue-tl.jpg) no-repeat;top:-1px;left:-1px;} .todoList .item.blue .tr {background : transparent url(/staticMedia/images/corners/todo-blue-tr.jpg) no-repeat;top:-1px;right:-1px;} .todoList .item.blue .bl {background : transparent url(/staticMedia/images/corners/todo-blue-bl.jpg) no-repeat;bottom:-1px;left:-1px;margin-bottom: 0;} .todoList .item.blue .br {background : transparent url(/staticMedia/images/corners/todo-blue-br.jpg) no-repeat;right:-1px;bottom:-1px;margin-bottom: 0;} .todoList .item.blue {border:solid 1px #4593c3; } .todoList .item.red .tl {background : transparent url(/staticMedia/images/corners/todo-red-tl.jpg) no-repeat;top:-1px;left:-1px;} .todoList .item.red .tr {background : transparent url(/staticMedia/images/corners/todo-red-tr.jpg) no-repeat;top:-1px;right:-1px;} .todoList .item.red .bl {background : transparent url(/staticMedia/images/corners/todo-red-bl.jpg) no-repeat;bottom:-1px;left:-1px;margin-bottom: 0;} .todoList .item.red .br {background : transparent url(/staticMedia/images/corners/todo-red-br.jpg) no-repeat;right:-1px;bottom:-1px;margin-bottom: 0;} .todoList .item.red {border:solid 1px #ed0202; } .todoList .item.orange .tl {background : transparent url(/staticMedia/images/corners/todo-orange-tl.jpg) no-repeat;top:-1px;left:-1px;} .todoList .item.orange .tr {background : transparent url(/staticMedia/images/corners/todo-orange-tr.jpg) no-repeat;top:-1px;right:-1px;} .todoList .item.orange .bl {background : transparent url(/staticMedia/images/corners/todo-orange-bl.jpg) no-repeat;bottom:-1px;left:-1px;margin-bottom: 0;} .todoList .item.orange .br {background : transparent url(/staticMedia/images/corners/todo-orange-br.jpg) no-repeat;right:-1px;bottom:-1px;margin-bottom: 0;} .todoList .item.orange {border:solid 1px #eca01c; } .todoList .item.green .tl {background : transparent url(/staticMedia/images/corners/todo-green-tl.jpg) no-repeat;top:-1px;left:-1px;} .todoList .item.green .tr {background : transparent url(/staticMedia/images/corners/todo-green-tr.jpg) no-repeat;top:-1px;right:-1px;} .todoList .item.green .bl {background : transparent url(/staticMedia/images/corners/todo-green-bl.jpg) no-repeat;bottom:-1px;left:-1px;margin-bottom: 0;} .todoList .item.green .br {background : transparent url(/staticMedia/images/corners/todo-green-br.jpg) no-repeat;right:-1px;bottom:-1px;margin-bottom: 0;} .todoList .item.green {border:solid 1px #7eae1c; } #todoIcons {width: 100%;float:left;clear:both;padding:0;margin:0 0 10px 25px;} #todoIcons li {float:left;display:inline;text-align:center;padding:0;margin:0;} #todoIcons li a {padding: 9px 10px 10px 42px;font-size:16px;line-height: 16px;float:left; border:solid 4px #ccc; -webkit-border-radius: 5px;-moz-border-radius: 5px;margin:0 7px 0 0;} #todoIcons li a span {display:none;} #todoIcons li#todoEVERYTHING a {background:transparent url(/staticMedia/websitev2/images/icons/everything.png) no-repeat 5px 2px;} #todoIcons li#todoREWARDS a {background:transparent url(/staticMedia/websitev2/images/icons/buy.png) no-repeat 5px 2px;} #todoIcons li#todoRECOMMENDATION a {background:transparent url(/staticMedia/websitev2/images/icons/buy.png) no-repeat 5px 2px;} #todoIcons li#todoINVITATION a {background:transparent url(/staticMedia/websitev2/images/icons/invite.png) no-repeat 5px 2px;} #todoIcons li#todoSTOCK a {background:transparent url(/staticMedia/websitev2/images/icons/stock.png) no-repeat 5px 2px;} #todo .hidePost {left: -2px;width: 662px;padding: 5px;} #todo .hidePost .hideContainer {margin:10px 0 0 0;} #todo .profileWines {display:inline;margin: 14px 0 14px 10px;width: 690px;} #todo .promo {float:left;clear:both;margin: 0 0 14px 25px;display:inline;} #todo .post .text .item {width: 515px;float:right;} /* END ADDED TO TODO.JSP ------------------------------- */ /* START ADDED DETAIL.JSP-------------------- */ #share-info, #wishlist-info, #tasting-info {background:#fff;position:relative;height: 280px;} #share-info h2, #wishlist-info h2, #tasting-info h2{margin:0 0 5px 0;padding:0 0 5px 0;font-weight:normal;border-bottom: dotted 1px #ccc;color:#02518b;} #share-info .item, #wishlist-info .item, #tasting-info .item {width: 380px !important; padding: 6px 0; float:left; clear:both;margin-bottom: 4px;} #share-info .image, #wishlist-info .image, #tasting-info .image{float:right; border:solid 1px #ccc;margin-right: 5px;width: 90px;} #share-info .image img, #wishlist-info .image img, #tasting-info .image img{width: 90px;} #share-info p{margin:0;padding:0;} #share-info p.title, #wishlist-info p.title, #tasting-info p.title {font-size: 14px; font-weight:bold; margin:0;padding:0;width: 250px;float:left;} #share-info p.maker, #wishlist-info p.maker, #tasting-info p.maker {margin:0;padding:0; width: 250px;float:left;clear:none;} #share-info .box, #wishlist-info .box, #tasting-info .box {margin:0;background:#f9f9f9;border:solid 1px #ccc;float:left; width: 372px !important;clear:both;margin:0;padding:5px 8px;} #share-info .box label, #wishlist-info .box label, #tasting-info .box label{float:left; width: 100px;clear:left;color:#333;font-weight:bold;padding: 4px 0 0 0;} #share-info .box select, #wishlist-info .box select, #tasting-info .box select {float:left;clear:right;} #share-info .box .textinput {width: 200px;} #share-info .box .textbox, #wishlist-info .textbox, #tasting-info .textbox {width: 360px;margin: 3px ;padding: 2px;height: 80px;float:left;clear:both;} #share-info a.cancel, #wishlist-info a.cancel, #tasting-info a.cancel, .recommendPopup a.cancel {position:absolute; bottom: 0px;right:80px;} #share-info .save, #wishlist-info .save, #tasting-info .save, .recommendPopup .save {float:right; margin: 5px 10px 5px 5px;} #facebox .content, .facebox table {width: 400px !important;} #shareList {float:left;clear:both;margin: 0;font-weight:bold;} #shareList tr td {text-align:center;padding: 3px;} .groupDiv {display:none;float:left; clear:both;width: 391px;background: #eeeeee;padding: 8px 4px;} .emailDiv {display:none;float:left; clear:both;width: 391px;background: #eeeeee;padding: 4px;} .winemakerTitle {width: 300px;position:absolute;right: 5px;top: -5px;background:#000;-moz-border-radius-topright: 7px;-webkit-border-top-right-radius: 7px;-moz-border-radius-bottomleft: 7px;-webkit-border-bottom-left-radius: 7px;} .winemakerTitle h1, .angelTitle h1 {color:#fff !important;width: 280px;margin:10px 10px 0px 10px;padding:0;line-height: 24px;} .winemakerTitle p {color:#fff;margin: 0 10px 7px 10px} .angelTitle {width: 400px;padding-left:60px;position:absolute;left: 5px;top: -5px;background:#000;-moz-border-radius-topleft: 7px;-webkit-border-top-left-radius: 7px;-moz-border-radius-bottomright: 7px;-webkit-border-bottom-right-radius: 7px;} .angelTitle h1 {font-size: 36px;line-height: 38px;margin: 20px 20px 0px 20px;width: 360px} .angelTitle .description {margin: 0px 20px 0px 20px;width: 360px} .description {color:#fff !important;width: 280px;margin:0 10px;padding:0;} .heroBadge {width: 167px;height: 167px;position:absolute; top: 25px;left: -30px;background:transparent url(/staticMedia/websitev2/images/icons/heroBadge.png) no-repeat top left;} .panelSetup {float:left;position:relative;width: 700px;clear:both;} .summaryLetter {height: auto;background:#fff;padding: 15px;float:left;clear:both; margin-left: 25px;margin-bottom: -5px;margin-top: -75px;width: 680px;-moz-border-radius: 7px; -webkit-border-radius: 7px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);position:relative; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);border-bottom: 1px solid rgba(0,0,0,0.25);} .summaryLetter ul#tick-list {width:600px;margin-left:0;} .summaryLetter ul#tick-list li {width: 580px;padding-top: 5px;margin-left:0;} .caseWrap {-moz-border-radius: 7px;-webkit-border-radius: 7px;background:#f7f7f7;float:left;clear:both;width: 710px;margin: 0 0 0 20px;} .caseWrap .inner {-moz-border-radius: 7px;-webkit-border-radius: 7px;background:#fff;float:left;clear:both;width: 690px;margin: 10px;} p.itemPrice {float:left; clear:both;width: 150px;text-align:center;margin:0 0 0 10px;padding:0;} .winemakerMainImage{ position:absolute;top: -5px; left: 5px;} img.winemakerMask {position:absolute;top: -5px;left:5px;width: 750px;height: 376px;} .wrap#wd {position:absolute;bottom:0;left:10px;} .wrap#wd .amount {padding: 6px 5px;position:absolute;bottom:0;left:0;margin:0;} .wdAddtobasket {position:absolute;bottom: 0 ;right:0;} table#event {border:none; text-align:left;width: 100%;margin:0 0 15px 0;} table#event tr {border:none; text-align:left;} table#event tr td{border:none; text-align:left;} .expanded {padding-top: 10px;display:none;width: 100%;float:left; clear:both;border-top: solid 3px #f7f7f7;height: auto;position:relative;} .expanded p.heading {float:left;font-size:18px;font-weight:normal;color:#026c9c;width: 680px;margin:3px 0 7px 0;padding:0;clear:both} .expanded .video {float:right;position:relative;width:440px;background: #f7f7f7;height: 270px;margin: 0 0 10px 10px; } .expanded .closeDetail {position:absolute;right: 5px;top: 5px;} #galleryPrev {width: 30px;height: 30px;background:#222;} #galleryNext {width: 30px;height: 30px;background:#222;} #productSlider {width: 200px;height: 200px;float:left; clear:both;} #productSlider ul {width: 200px;height: 200px;overflow:hidden;list-style:none;margin:0;padding:0;} #productSlider ul li {float:left;position:relative;width: 180px;height: 200px;padding-left: 20px;text-align:center;} #productSlider ul li h2 {font-size:12px;width: 150px;margin:0;padding:0;margin-left: 10px;font-weight:bold;} #productSlider #prev {left: -20px;top: 56px;} #productSlider #next {right: -27px;top: 56px;} #productSlider ul li .label, #productSlider ul li .caseLabel img{width: 150px;margin:10px 0 0 10px;padding:0;border:solid 1px #ccc;float:left;margin-left: 10px;} #productSlider .jcarousel-clip {width: 200px;overflow:hidden;} #productSlider .jcarousel-container {position: relative;width: 100%;} #productSlider .jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;} #productSlider .jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;} #productSlider .jcarousel-list li, #productSlider .jcarousel-item {float: left; list-style: none; width: 180px;position:relative;margin-right: 0px;display:inline;} .whiteOutLeft {background:transparent url(/staticMedia/websitev2/images/buttons/whiteCircles.png) no-repeat top left;width: 67px;height: 67px;position:absolute;left:-35px;top: 35px;} .whiteOutRight {background:transparent url(/staticMedia/websitev2/images/buttons/whiteCircles.png) no-repeat top left;width: 67px;height: 67px;position:absolute;right:-42px;top: 35px;} #whiteOut .whiteOutLeft {background:transparent url(/staticMedia/websitev2/images/wineDetailWhiteOutLeft.png) no-repeat top left;left:-33px;top: 55px;height: 100px;width: 38px;} #whiteOut .whiteOutRight {background:transparent url(/staticMedia/websitev2/images/wineDetailWhiteOutRight.png) no-repeat top left;right:-33px;top: 55px;height: 100px;width: 38px;} /* END ADDED TO DETAIL.JSP ------------------------------ */ /* START ADDED TO CANCEL.JSP------------------------------- */ #what-to-change {margin-left: 40px;float:left;} #want-to-cancel, #want-to-talk {float:left;} input#iwanttocancel-enabled, img#iwanttocancel-disabled, #okey {float:right;} h2.headline {font-size: 30px;font-weight:bold;color:#212121;margin: 5px 0 10px 0px;float:left;clear:both;text-align:center;width: 950px;} h2.headline span {font-size: 14px;} .cancelOptions {float:left;width: 850px;margin:10px 0 20px 65px;} .tallPanelGrey {text-align:center;float:left;width:155px;height: 246px;margin:0 5px;background:transparent url(/staticMedia/images/cancel/tallPanel-grey.jpg) no-repeat top left;} .tallPanelGrey:hover {background-position: 0px -246px;} .tallPanelBlue {text-align:center;float:left;width:158px;height: 295px;margin:0 5px;background:transparent url(/staticMedia/images/cancel/tallPanel-blue.jpg) no-repeat top left;} .tallPanelGrey h2, .tallPanelBlue h2 {font-size: 16px;color:#168abf;font-weight:normal;width: 128px;float:left;clear:both;margin: 0 10px;} .tallPanelGrey p, .tallPanelBlue p {width: 128px;margin: 0 10px;float:left;clear:both; } .tallPanelIcon {margin:14px 0px 10px 13px;float:left;clear:both;width: 130px;height: 130px;} .transparentContainer {width:100%;float:left;clear:both} .mainGrey {float:left;clear:both;width: 950px;background:#eee;margin: 5px 0 10px 0;padding-bottom: 15px;position:relative;border:solid 1px #d9d9d9;} .mainGrey span.tl {position:absolute;top:-1px;left:-1px;height: 5px;width: 5px;background:transparent url(/staticMedia/images/corners/eee-tl.jpg) no-repeat top left;} .mainGrey span.tr {position:absolute;top:-1px;right:-1px;height: 5px;width: 5px;background:transparent url(/staticMedia/images/corners/eee-tr.jpg) no-repeat top right;} .mainGrey span.br {position:absolute;bottom:-1px;right:-1px;height: 5px;width: 5px;background:transparent url(/staticMedia/images/corners/eee-br.jpg) no-repeat bottom right;} .mainGrey span.bl {position:absolute;bottom:-1px;left:-1px;height: 5px;width: 5px;background:transparent url(/staticMedia/images/corners/eee-bl.jpg) no-repeat bottom left;} .mainGrey .greyBar {background:transparent url(/staticMedia/images/cancelOptionBackground.jpg) no-repeat bottom left;float:left;clear:both;width: 900px;margin: 15px 0px 0px 12px;width: 927px;height:64px ;} .mainGrey .greyBar .option {float:left;clear:both;width: 820px;font-size: 24px;line-height: 24px;margin: 19px 15px 0px 15px;} .mainGrey .greyBar .checkboxIcon {float:right;width: 27px;height: 27px;padding:5px 0 0 3px ;margin: 20px 20px 0 0;background:transparent url(/staticMedia/images/cancelOptionCheckbox.jpg) no-repeat top left;} .cancel-link {float:left;margin: 0} .positiveAction {float:right;margin-left: 15px} .transparentContainer .headline {color:#fff;} .contentsContainer {float:left;clear:both;width: 950px;margin: 5px 0 10px 25px;} .contentsContainer p.error {width: 645px;margin-left:0;} .pull-out {margin-top: -20px;margin-left: 10px;float:left;clear:none;} .side-text {position:relative;float:right;margin: 20px 20px 0px 0px;display:inline;width: 275px;height: 290px; font-size: 24px;line-height: 24px;text-shadow: 0 1px #fff;} .side-text .positiveAction {position:absolute !important;bottom:0;right:0;float:none;} .side-text .textbox {border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;width: 263px;height: 90px;margin:10px 0;} .side-text .left-arrow {bottom: 0px;left: -120px;position:absolute;} .side-text a.yes {float:right; margin: 15px 0 0 0;} .side-text a.no {float:left; margin: 15px 0 0 0;} .cancelBackground {float:left;clear:both;position:relative;width: 950px;} .cancelBackground img.back {float:left;clear:both;position:relative;} .case-shot {width: 275px;position:absolute;top:55px;right: 250px;} .wide-case-shot {width:510px;float:left;} .caseDisplay {position:absolute;bottom:30px;right: 45px;width: 195px;height: 225px;} .caseDisplay .wasprice, .caseDisplay p {font-size:18px;width: 195px;} .caseDisplay .addtobasket {position:absolute;bottom:0;right:0;} .bottleDisplay {position:absolute;bottom:30px;right: 45px;width: 480px;height: 220px;} .bottleDisplay .labelDisplay {position:relative;float:left;width: 250px;height: 100px;} .bottleDisplay .labelDisplay .headline {width: 250px;margin-top: 18px;padding: 1px;border:solid 1px #ccc;} .bottleDisplay .labelDisplay .cut-out {position:absolute;right: 10px;top: 30px;width: 40px;} .bottleDisplay .info {float:right;width: 195px;height: 225px;} .bottleDisplay .info .wasprice, .bottleDisplay .info p {font-size:18px;width: 195px;} .bottleDisplay .addtobasket {position:absolute;bottom:0;right:0;} .sure {position:relative;float:left;clear:both;height: 277px;width: 950px;} .cashbackAmount {color:#168abf;position:absolute;right: 219px;bottom: 74px;width: 151px;font-weight:bold;text-align:center;font-size: 21px;line-height: 21px;} .popupExplain, .popupExplain2 {margin-left: 15px;float:left;} .service-image {float:left;margin-left: 70px;} .down-arrow {position:absolute;right: 300px;top: 90px;} .down-arrow-2 {position:absolute;right: 340px;top: 40px;} .down-arrow-3 {position:absolute;right: 330px;top: 160px;} .sure-arrow {position:absolute;left: 45px;top: 40px;} .sure-arrow-2 {position:absolute;left: 25px;top: 20px;} .beauty-arrow {float:left;margin: 40px 0 0 0;} .imagesBox {float:left;width: 150px;text-align:center;} .cancelImagesBox {float:left;width: 172px;text-align:center;margin-right: 3px;height: 276px;text-align:center;background:transparent url(/staticMedia/images/cancel/cancelImagesBox.jpg) no-repeat top left} .cancelImagesBox img {float:left;margin: 15px;} .cancelImagesBox p {width: 150px;margin:5px 10px;float:left;clear:both;} .wine-issue {float:left;margin: 20px 0 0 20px;} /* END ADDED TO CANCEL.JSP ------------------- */ /* START ADDED TO cases.JSP-------------------------------- */ table#abList {float:left;width: 950px;margin: 0px 0 20px 25px;float:left;clear:both;font-size:14px;} .bd#abListPage .paging {float:left;width: 950px;margin: 10px 0 5px 25px;clear:both;padding: 0;} .bd#abListPage .paging p.showing {margin-left:0;padding-top: 4px;} table#abList thead tr th {position:relative;background:#f7f7f7;padding: 8px 3px;font-size: 16px;} table#abList thead tr.cap th {background:#fff; padding: 0;} table#abList thead tr th.listSave {background:#d80202;color:#fff;font-size:21px;width: 80px;text-align:center;} table#abList thead tr th.listCurrently {width: 100px;text-align:center;border-left: solid 1px #fff;} table#abList thead tr th.listLeft {width: 100px;text-align:center;border-left: solid 1px #fff;} table#abList thead tr th.listTitle {border-left: solid 1px #fff;padding-left: 9px;} .arrowFilters {width: 15px;float:right;height: 24px;margin:-6px 0 0 0;padding:0;clear:none;} .arrowFilters a{width: 15px;float:left;clear:both; margin:0;padding:0;height:12px;} table#abList tbody tr td{background:#fff; padding: 8px 4px;border-bottom: solid 1px #f1f1f1;border-top: solid 1px #fff;} table#abList tbody tr.row td {background:#fff;} table#abList tbody tr.alternate td {background:#f7f7f7 url(/staticMedia/images/abList-grey-diag.jpg) repeat top left;} table#abList tbody tr td.listTitle h2, table#abList tbody tr td.listTitle p {width: 300px;margin:0 0 0 5px;padding:0;} table#abList tbody tr td.listTitle h2 {font-size: 16px;} table#abList tbody tr td.listTitle {border-left: solid 1px #f1f1f1;} table#abList tbody tr td.listLabel, table#abList thead tr th.listLabel {width: 100px;position:relative;} table#abList tbody tr td.listLabel a {float:left;position:relative;} table#abList tbody tr td.listLabel a img {width: 100px;padding:1px;border:solid 1px #f1f1f1;float:left;position:relative;} table#abList tbody tr td.listLabel .icon-stagetypeV {position:absolute;top: 5px;left: 5px;background:transparent url(/staticMedia/images/icons/abList-onthevine.png) no-repeat top left; width: 29px;height: 29px;} table#abList tbody tr td.listLabel .icon-stagetypeWI {position:absolute;top: 5px;left: 5px;background:transparent url(/staticMedia/images/icons/abList-inthewinery.png) no-repeat top left; width: 29px;height: 29px;} table#abList tbody tr td.listLabel .icon-stagetypeBO {position:absolute;top: 5px;left: 5px;background:transparent url(/staticMedia/images/icons/abList-inthebottle.png) no-repeat top left; width: 29px;height: 29px;} table#abList tbody tr td.listLabel .icon-stagetypeS {position:absolute;top: 5px;left: 5px;background:transparent url(/staticMedia/images/icons/abList-ontheboat.png) no-repeat top left; width: 29px;height: 29px;} table#abList tbody tr td.listLabel .icon-stagetypeW {position:absolute;top: 5px;left: 5px;background:transparent url(/staticMedia/images/icons/abList-inthewarehouse.png) no-repeat top left; width: 29px;height: 29px;} table#abList tbody tr td.listAction {width: 160px;} table#abList tbody tr td.listLeft {width: 105px;text-align:center;border-left: solid 1px #f1f1f1;font-size: 16px;} table#abList tbody tr td.listCurrently {width: 105px;text-align:center;font-size: 16px;} table#abList tbody tr td.listAction {width: 160px;} table#abList tbody tr td.listAction a{margin-left: 5px;} table#abList tbody tr td.listSave {font-size:21px;font-weight:bold;text-align:center;width: 80px;border-bottom: solid 1px #f1a6a6;border-top: solid 1px #fff;background:#f6eaea url(/staticMedia/images/abList-red-diag.jpg) repeat top left;color:#d80202;} table#abList tfoot tr td .saveFoot {background:#f6eaea;height: 8px;width:100%;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;} /* END ADDED TO PREORDER.JSP-------------------------------- */ /*--------TEMPLATES------------- */ .promoTemplate {float:left;width: 100%;height: 275px;clear:both;position:relative;background:#fff url(/staticMedia/images/templates/contentTemplateVineyard1.jpg) no-repeat -5px -5px;} .promoTemplate .addtobasket {position:absolute;bottom: 10px;right: 10px;} .promoTemplate .promoTemplateFlash {width: 92px;height: 92px;position:absolute;top: 10px;right: 10px;color:#fff;font-size:14px;text-align:center;background:transparent url(/staticMedia/images/templates/promoTemplateFlash.png) no-repeat 0px 0px;} .promoTemplate .promoTemplateFlash span {margin: 15px 5px 0px 5px;width: 80px;padding:0;text-align:center;font-size:14px;line-height: 16px;float:left;clear:both;} .promoTemplate .promoTemplateSmallBottle {position:absolute;left: 35px;top: 25px;} .promoTemplate .promoTemplateSmallBottle {position:absolute;left: 35px;top: 0px;height: 275px;} .promoTemplate .promoTemplateActionLine {position:absolute;bottom: 0;left: 0;background:#366901;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;width: 100%;height: 80px;} .promoTemplate .promoTemplateActionLineText {color:#fff; font-size: 18px;position:absolute;bottom: 30px;left: 15px;width: 450px;margin:0;padding:0;line-height: 18px;} .promoTemplate .promoTemplateCaseShot {height: 270px;} .promoTemplate#Promo1 .promoTemplateText {background:#478600;position:absolute;top: 140px;left: 0px;width: 475px;height: 115px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;} .promoTemplate#Promo2 .promoTemplateText {background:#478600;position:absolute;top: 140px;left: 0px;width: 475px;height: 115px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;} .promoTemplate#Promo3 .promoTemplateText {position:absolute;width: 475px;background:#000;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;right:0 !important;top:10px;height: 115px;} .promoTemplate#Promo4 .promoTemplateText {position:absolute;width: 475px;background:#000;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;left:0;top:10px;height: 115px;} .promoTemplate#Promo5 .promoTemplateText {position:absolute;width: 475px;background:#000;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;right:0;top:10px;height: 115px;} .promoTemplate#Promo6 .promoTemplateText {position:absolute;background:#000;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;right:0;top:0;height: 275px;width: 230px;} .promoTemplate#Promo1 .promoTemplateh2 {position:absolute;top: 160px;left: 10px;color:#fff;font-size:18px;line-height: 18px;width: 450px;} .promoTemplate#Promo2 .promoTemplateh2 {position:absolute;top: 160px;left: 10px;color:#fff;font-size:18px;line-height: 18px;width: 450px;} .promoTemplate#Promo3 .promoTemplateh2 {position:absolute;top: 20px;right: 10px !important;color:#fff;font-size:18px;line-height: 18px;width: 450px;} .promoTemplate#Promo4 .promoTemplateh2 {position:absolute;top: 20px;left: 15px;color:#fff;font-size:18px;line-height: 18px;width: 450px;} .promoTemplate#Promo5 .promoTemplateh2 {position:absolute;top: 20px;right: 10px;color:#fff;font-size:18px;line-height: 18px;} .promoTemplate#Promo6 .promoTemplateh2 {position:absolute;top: 15px;right: 10px;width: 210px;color:#fff;font-size:18px;line-height: 18px;} .promoTemplate#Promo6 .promoTemplate .promoTemplateFlash {position:absolute;top: 25px;left: 270px;} .promoTemplate#Promo1 {} .promoTemplate#Promo2 {} .promoTemplate#Promo3 {} .promoTemplate#Promo4 {} .promoTemplate#Promo5 {background:#fff url(/staticMedia/images/templates/contentTemplateVineyard2.jpg) no-repeat -5px -5px;} .promoTemplate#Promo6 {background:#fff;} .promoTemplate#SidePromo1 {} .promoTemplate#SidePromo2 {} .promoTemplate#SidePromo3 {} .promoTemplate#SidePromo4 {} .promoTemplate#SidePromo5 {background:#fff url(/staticMedia/images/templates/contentTemplateSideBordered.jpg) no-repeat 0px 0px;} .promoTemplate#SidePromo6 {background:#fff;background-image:none;} .promoTemplate#SidePromo1 .promoTemplateText {background:#0f4100;width: 170px;top: 20px;right: 0;} .promoTemplate#SidePromo2 .promoTemplateText {background:#0f4100;top: 15px;left: 0;width: 200px;} .promoTemplate#SidePromo3 .promoTemplateText {background:#0f4100;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;left:0;top:20px;width: 170px;} .promoTemplate#SidePromo4 .promoTemplateText {background:#fff;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;left:0;top:20px;} .promoTemplate#SidePromo5 .promoTemplateText {background:#fff;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;right:0;top:20px;} .promoTemplate#SidePromo1 .promoTemplate .promoTemplateh2 {width: 150px;top: 30px;right: 10px;} .promoTemplate#SidePromo2 .promoTemplate .promoTemplateh2 {top: 25px;left: 10px;width: 180px;} .promoTemplate#SidePromo3 .promoTemplate .promoTemplateh2 {position:absolute;top: 30px;right: 10px;width: 150px;} .promoTemplate#SidePromo4 .promoTemplate .promoTemplateh2 {position:absolute;top: 15px;left: 10px;color:#1f84aa;width: 180px;} .promoTemplate#SidePromo5 .promoTemplate .promoTemplateh2 {position:absolute;top: 35px;right: 15px;color:#1f84aa;width: 100px;} .promoTemplate#SidePromo4 .caseShot {width: 120px;top: 55px;left: 40px;} .promoTemplate#SidePromo5 .promoTemplateActionLine {position:absolute;bottom: 0;left: 0;background:#366901;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;width: 100%;height: 80px;} .promoTemplate#SidePromo5 .promoTemplateActionLineText {color:#fff; font-size: 16px;position:absolute;bottom: 10px;left: 10px;width: 450px;margin:0;padding:0;line-height: 18px;} /* START ADDED TO CASES.JSP --------------------------------------- */ #caseContentsPopup {height: 530px;-moz-border-radius:8px;-webkit-border-radius: 8px; border-radius: 8px;position:absolute;z-index: 999 !important;top: -180px;left: 170px;display:none;width: 580px;background:#fff;padding: 25px;margin: 100px auto;} #caseContentsPopup h2 {margin:0;padding:0;color:#026c9c;} #caseContentsPopup .addtobasket {right: 0;} #caseContentsPopup .caseContentsPopupHead {position:relative;float:left;clear:both;width: 100%;height: 105px;padding-bottom: 10px;}home #caseContentsPopup .caseContentsPopupHead h2 {width: 300px;} #caseContentsPopup .caseContentsPopupHead h2 span {font-weight:normal;} #caseContentsPopup .caseContentsPopupHead p {color:#444;width: 400px;} #caseContentsPopup .caseContentsPopupHead ul#tick-list, #caseContentsPopup .caseContentsPopupHead ul { margin:0;padding:0;clear:none;float:left;list-style:none;width: 370px;} #caseContentsPopup .caseContentsPopupHead ul#tick-list li, #caseContentsPopup .caseContentsPopupHead ul li { margin-left: 0;padding-top: 4px;width: 340px;background:transparent url(/staticMedia/websitev2/images/icons/tick.jpg) no-repeat 0px 0px;padding: 4px 0px 4px 30px;float:left; clear:both;margin:0;} #caseContentsPopup .caseContentsPopupHead .casePopupPrices {float:right;width: 200px;clear:none;margin:0;padding:0;} #caseContentsPopup .caseContentsPopupHead .casePopupPrices p {text-align:right;float:left;clear:both;margin:0 !important;padding:0 !important;width: 200px;} #caseContentsPopup .caseContentsPopupHead .casePopupPrices p span{margin:0 !important;padding:0 !important;} #caseContentsPopup .caseContentsPopupBody {position:relative;float:left;clear:both;width: 100%;border-top: dotted 1px #ccc;padding: 5px 0;} #caseContentsPopup .caseContentsPopupBody .bottles {float:left;width: 100%;clear:both;position:relative;} #caseContentsPopup .caseContentsPopupBody .bottles a.prev {position:absolute;left:0;top: 30px;} #caseContentsPopup .caseContentsPopupBody .bottles a.next {position:absolute;right:0;top: 30px;} #caseContentsPopup .caseContentsPopupBody .bottles ul, #caseContentsPopup .caseContentsPopupBody .bottles ul.case-list {float:left;width: 100%;list-style:none;margin:0;padding:0;border-top: dotted 1px #ccc;} #caseContentsPopup .caseContentsPopupBody .bottles ul li, #caseContentsPopup .caseContentsPopupBody .bottles ul.case-list li{float:left;width: 40px;text-align:center;clear:none;display:inline;margin:5px 4px 0px 4px;} #caseContentsPopup .caseContentsPopupBody .bottles ul li a, #caseContentsPopup .caseContentsPopupBody .bottles ul.case-list li a {background:#fff;float:left;width: 40px;text-align:center;display:block;} #caseContentsPopup .caseContentsPopupBody .bottles ul li a img {float:left;width: 30px;margin:0 0 0 4px;background:transparent;} #caseContentsPopup .caseContentsPopupBody .bottles ul li a:hover {background:#c9e9f5 !important;-moz-border-radius:4px;-webkit-border-radius: 4px; } #caseContentsPopup .caseContentsPopupBody .bottles ul li.selected a {background:#c9e9f5 !important;-moz-border-radius:4px;-webkit-border-radius: 4px;} #caseContentsPopup .caseContentsPopupBody .bottleDetailContainer {float:left;clear:both;width: 100%;position:relative;height: 280px;} #caseContentsPopup .caseContentsPopupBody .bottleDetail {height: 250px !important;position:absolute;top:0;left: 0;width: 100%;display:none;} #caseContentsPopup .caseContentsPopupBody .bottleDetail .mainImage {float:left;width: 65px;margin: 0 0 0 35px;} #caseContentsPopup .caseContentsPopupBody .bottleDetail .bottleDetailInfo {float:right;width: 430px;height: 240px !important;} #caseContentsPopup .caseContentsPopupBody .bottleDetail .bottleDetailInfo h2 {font-weight: normal;font-size: 16px;margin:0;padding:0;color:#444;width: 100%;} #caseContentsPopup .caseContentsPopupBody .bottleDetail .bottleDetailInfo p {margin:0;color:#444;} #caseContentsPopup .caseContentsPopupBody .bottleDetail .bottleDetailInfo .bottlePrice {color:#444;font-size: 18px;padding: 10px 0;float:left;} #caseContentsPopup .caseContentsPopupBody .bottleDetail .bottleDetailInfo .nextLink {float:right;padding: 10px 0 0 0;} #caseContentsPopup .caseContentsPopupBody .bottleDetail .bottleDetailInfo .videoDetail {background:#eee;width: 220px;height: 150px;float:right;clear:right;} #caseContentsPopup .caseContentsPopupBody .bottleDetail .bottleDetailInfo .customerDetail {background:#fff;width: 200px;height: 150px;float:left;clear:left;} #caseContentsPopup .caseContentsPopupBody .bottleDetail .bottleDetailInfo .customerDetail .avatar {padding: 1px; border:solid 1px #ccc;width: 35px;height: 35px;float:left; margin: 0 5px 3px 0;} #caseContentsPopup .caseContentsPopupBody .bottleDetail table.casePopupFacts {float:left;width: 220px;margin-bottom: 10px;} #caseContentsPopup a.close-welcome, a.close-welcome, #videoContainer a.close-welcome, a.close-welcome#closeVoucherNoAction, .editorLayer a.close-welcome {right: -20px;top: -20px;height: 45px;width: 45px;background:transparent url(/staticMedia/images/buttons/close-welcome.png) no-repeat top left;color:#fff;position:absolute;} .halfpanel {float:left;width: 379px;position:relative;margin: 5px 0 0 0;} .halfpanel .hd {float:left;clear:both;width: 379px;height: 15px;background:transparent url(/staticMedia/images/halfpanel-top.jpg) no-repeat top left;} .halfpanel .bd {float:left;clear:both;width: 379px;background:transparent url(/staticMedia/images/halfpanel-sides.jpg) repeat-y top left;paddinb-bottom: 10px;} .halfpanel .ft {float:left;clear:both;width: 379px;height: 15px;background:transparent url(/staticMedia/images/halfpanel-foot.jpg) no-repeat top left;} .halfpanel .addtobasket {position:absolute; bottom: 15px;right: 15px;} .halfpanel .case-shot {width: 160px;float:left;margin: 0 0 0 5px;position:none !important;top:0;left: 0;} .halfpanel .details {float:right;margin: 0px 15px 10px 5px;width: 179px;text-align:left;clear:none;padding:0;display:inline;} .halfpanel .details h2 {font-size: 20px;line-height: 21px;margin:0px 0 2px 0;padding:0;} .halfpanel .details p {margin:0;padding:0;font-size: 12px;} .halfpanel .details p.info {margin:5px 0 0 0;padding:0;font-size: 20px;line-height: 22px;} .halfpanel .details .angels {color:#fff;width: 180px;position:absolute; right: 15px;bottom: 70px;background:transparent url(/staticMedia/images/casePromoWings.jpg) no-repeat bottom right;} .halfpanel .details .angels .angelsText{text-align:right;display:block;font-size:11px;font-weight:bold;width:33px;float:left;margin: 6px 5px 5px 5px;line-height: 11px;} .halfpanel .details .angels .price {font-size: 21px;font-weight:bold;float:left;margin: 6px 2px 5px 0px;display:inline;} .halfpanel .details .angels .cashbackText {width: 45px; float:left; font-size:11px;color:#fff;margin: 6px 0 0 0;font-weight:bold;padding:0px 0 0 ;line-height: 11px;} .halfpanel .details p.saveprice {margin:10px 0 0 0;color:#ff0000;padding:0;font-size: 22px;line-height: 22px;width: 100%;text-transform:uppercase;text-align:right;} .halfpanel .details p.wasprice {margin:1px 0 0 0;color:#c40000;padding:0;font-size: 22px;line-height: 22px;width: 100%;text-transform:uppercase;text-align:right;} .halfpanel .details p.nowprice {margin:1px 0 0 0;color:#026c9c;padding:0;font-size: 22px;line-height: 22px;width: 100%;text-transform:uppercase;text-align:right;} .halfpanel .details p.wasprice span, .halfpanel .details p.nowprice span {width: 80px;text-align:left;float:left;} .halfpanel .voucherEligible {width: 160px;position:absolute;bottom: 20px;left: 10px;text-align:center;} .halfpanel h2.caseHeadline {font-size: 18px;line-height: 21px;margin: 5px 10px 0px 17px;width: 345px;} .halfpanel .cLabel {float:left;width: 170px;margin: 5px 0 0 10px;} .halfpanel .cLabel img {float:left;width: 170px;} .halfpanel .magnifying-glass {left:35px !important;top:135px !important; } #stages {position:absolute;left:0;top:0;width: 710px;} .stage {width: 120px;position:absolute;border-right: dotted 1px #fff;padding: 0 10px;border-left: dotted 1px #b8b7b7;height: 100%;} #stageOne, #stageOneActive {left: 0px;} #stageTwo, #stageTwoActive {left: 139px;} #stageThree, #stageThreeActive {left: 278px;} #stageFour, #stageFourActive {left: 418px;} #stageFive, #stageFiveActive {left:559px;} #stageOneActive .stageExpiry, #stageTwoActive .stageExpiry, #stageThreeActive .stageExpiry, #stageFourActive .stageExpiry, #stageFiveActive .stageExpiry {position:absolute;top: -75px;background:transparent url(/staticMedia/websitev2/images/stages-tooltip.png) no-repeat bottom left;color:#fff;padding: 33px 0px 25px 0px;left: 28px;width: 87px;text-align:center;font-weight:bold;} #stageOne .stageExpiry, #stageTwo .stageExpiry, #stageThree .stageExpiry, #stageFour .stageExpiry, #stageFive .stageExpiry {position:absolute;top: -115px;background:transparent url(/staticMedia/websitev2/images/nonActiveStage-tooltip.png) no-repeat bottom left;color:#222;padding: 33px 0px 25px 0px;left: 30px;width: 87px;text-align:center;font-weight:bold;} #stageOne {border-left:none;} #stageOneActive {border-right: none;} #stageOne .icon{height: 86px;width: 106px;border-left:none;background:transparent url(/staticMedia/images/preorder/stageVine.png) no-repeat 0px 0px;position:absolute;left: 20px;top: -40px;} #stageOneActive .icon{height: 86px;width: 106px;border-left:none;background:transparent url(/staticMedia/images/preorder/stageVineActive.png) no-repeat 0px 0px;position:absolute;left: 20px;top: 15px;} #stageTwoActive .icon{height: 86px;width: 106px;border-left:none;background:transparent url(/staticMedia/images/preorder/stageBarrelActive.png) no-repeat 0px 0px;position:absolute;left: 20px;top: 15px;} #stageThreeActive .icon{height: 86px;width: 106px;border-left:none;background:transparent url(/staticMedia/images/preorder/stageBottleActive.png) no-repeat 0px 0px;position:absolute;left: 20px;top: 15px;} #stageFourActive .icon{height: 86px;width: 106px;border-left:none;background:transparent url(/staticMedia/images/preorder/stageShipActive.png) no-repeat 0px 0px;position:absolute;left: 20px;top: 15px;} #stageFiveActive .icon{height: 86px;width: 106px;border-left:none;background:transparent url(/staticMedia/images/preorder/stageWarehouseActive.png) no-repeat 0px 0px;position:absolute;left: 15px;top: 15px;} #stageTwo .icon{height: 86px;width: 106px;background:transparent url(/staticMedia/images/preorder/stageBarrel.png) no-repeat 0px 0px;position:absolute;left: 20px;top: -40px;} #stageThree .icon{height: 86px;width: 106px;background:transparent url(/staticMedia/images/preorder/stageBottle.png) no-repeat 0px 0px;position:absolute;left: 20px;top: -40px;} #stageFour .icon{height: 86px;width: 106px;background:transparent url(/staticMedia/images/preorder/stageShip.png) no-repeat 0px 0px;position:absolute;left: 20px;top: -40px;} #stageFive {border-right:none;} #stageFive .icon{height: 86px;width: 106px;background:transparent url(/staticMedia/images/preorder/stageWarehouse.png) no-repeat 0px 0px;position:absolute;left: 20px;top: -40px;border-right: none;} #stageOneActive {border-left:none;border-left:none;background:transparent url(/staticMedia/websitev2/images/stageFiveActive.png) no-repeat top left;height: 180px;top: -50px;border-right: none;} #stageTwoActive {border-left:none;border-left:none;background:transparent url(/staticMedia/websitev2/images/stageFiveActive.png) no-repeat top left;height: 180px;top: -50px;border-right: none;} #stageThreeActive {border-left:none;border-left:none;background:transparent url(/staticMedia/websitev2/images/stageFiveActive.png) no-repeat top left;height: 180px;top: -50px;border-right: none;} #stageFourActive {border-left:none;border-left:none;background:transparent url(/staticMedia/websitev2/images/stageFiveActive.png) no-repeat top left;height: 180px;top: -50px;border-right: none;} #stageFiveActive {border-left:none;border-left:none;background:transparent url(/staticMedia/websitev2/images/stageFiveActive.png) no-repeat top left;height: 180px;top: -50px;border-right: none;} #stageOne .stagePrice, #stageTwo .stagePrice, #stageThree .stagePrice, #stageFour .stagePrice, #stageFive .stagePrice {color:#999;} #stageOneActive .stagePrice, #stageTwoActive .stagePrice, #stageThreeActive .stagePrice, #stageFourActive .stagePrice, #stageFiveActive .stagePrice {bottom: 20px;} .expectedDeliveryDate {float:left;clear:both;position:relative;background:#cfe6ec;width:190px;padding: 10px;font-size: 16px;-moz-border-radius: 5px;-webkit-border-radius: 5px;outline:none;color:#026c9c;} .expectedDeliveryDate p {margin:0;padding:0;font-size:14px;width: 100%;text-align:center;} .expectedDeliveryDate .date {font-size: 30px;margin:4px 0 0 0;padding:0;} .speech {float:left;width: 130px;margin: 10px 0 0 15px;font-size: 21px;background:transparent url(/staticMedia/images/speechBubble.jpg) no-repeat top left;padding: 20px 10px 65px 10px;text-align:center;} .pitch {float:right; margin: 0px 20px 15px 15px;width: 540px;} .stagePrice {position:absolute;bottom: 20px;font-size:28px;line-height:28px;color:#222; left: 0px;width: 140px;text-align:center;font-weight:bold;} .stagePrice span {font-size:14px;line-height:14px;} #stageSix {border-right: none;} /* END ADDED TO CASES.JSP --------------------------------------- */ /* START ADDED TO rateSlider.jsp --------------------------- */ #rateSlider {position:relative;float:left;clear:both;width: 100%;height: 310px;margin-top: -10px;padding:0;} #rateSlider #deck {position:relative;margin-left:76px;width: 597px;clear:none;} #rateSlider #deck ul {height: 276px;clear:none;} #rateSlider #deck ul li {width: 597px !important;height: 276px;float:left;clear:none;position:relative;} #rateSlider #deck .jcarousel-clip {width: 597px;overflow:hidden;clear:none;} .recommend {float:left;clear:both;position:relative;width: 735px;height: 275px;margin-left: 5px} .recommend .see-next {position:absolute;right:0;top:0;} .recommend .addtobasket {right:0 !important;bottom:0;} .recommend p.nowprice {position:absolute;right: 0px !important;bottom: 55px;width: 200px;} .recommend .blueButtonHolder {background:#f7f7f7;position:absolute;bottom:0px;left:10px;width: 515px;height: 53px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;} .recommend .blueButtonHolder .blueButton {float:left;margin:12px 0px 10px 5px ;} .recommend h2 {font-size: 30px;font-weight:normal;color:#4897b6;margin-left: 15px;} .recommend .summary ul {list-style:none;padding:0;margin:0;} .recommend .summary ul li {font-size:13px;line-height: 13px;margin:0;color: #333;background:#fff url(/staticMedia/images/icons/tick.png) no-repeat top left;padding: 4px 0 6px 30px;float:left;width: 355px;} #rateSlider #deck ul li h2 {font-size: 30px;width: 577px;margin: 0px 10px;text-align:left;font-weight:normal;color:#4897b6;} #rateSlider #deck ul li span.labelHolder {float:left;width: 215px;height: 200px;position:relative;margin:35px 0 5px 10px;position:relative;} .recommend span.labelHolder {float:left;width: 215px;height: 150px;position:relative;margin:10px 0 5px 10px;position:relative;clear:left;} #rateSlider #deck ul li span.labelHolder .label {float:left;width: 213px;border:solid 1px #ccc;position:relative;} .recommend span.labelHolder .small-label {float:left;width: 160px;border:solid 1px #ccc;position:relative;} .recommend span.labelHolder .bottle {width: 40px;position:absolute;right: 10px;top: 0px;} #rateSlider #deck ul li span.labelHolder .bottle {width: 40px;position:absolute;right: 10px;top: 30px;} #rateSlider #deck ul li span.textHolder {float:right;width: 340px;height: 200px;position:relative;margin:25px 10px 5px 0px;} #rateSlider #deck ul li span.textHolder .wineTitle {font-size:30px;line-height: 30px;color:#4897b6;width: 100%;float:left;clear:Both;} #rateSlider #deck ul li a.rateLater {position:absolute;bottom: 12px;left: 12px;width: 200px;font-size: 14px;} #rateSlider .addtobasket {bottom:0 !important;right:0 !important;} #rateSlider #deck ul li p.nowprice {position:absolute;right: 0px;bottom: 55px;width: 200px;} #rateSlider #deck ul li span.percentageHolder, .recommend span.percentageHolder {position:absolute;right: 20px;top:60px;width: 135px;height: 65px;} #rateSlider #deck ul li span.percentageHolder .percentage, .recommend span.percentageHolder .percentage {position:relative;width: 135px;height: 65px;color:#75b820;font-size: 14px;line-height: 15px !important;padding:0 0 0 30px;} #rateSlider #deck ul li span.percentageHolder .percentage span, .recommend span.percentageHolder .percentage span {font-size: 14px; line-height: 15px !important;font-weight:bold;margin:0;padding:0;} .recommend span.percentageHolder {width: 170px;top: 50px;} .recommend span.percentageHolder .percentage {width: 170px;font-size: 18px !important;line-height: 18px !important;} #rateSlider #deck ul li span.fullWidthHolder {float:left;clear:both;width: 567px;text-align:center;margin: 35px 0 0 10px;position:relative;height: 240px;} #rateSlider #deck ul li a.yes {position:absolute;bottom:0;right:0;} #rateSlider #deck ul li a.no {position:absolute;bottom:0;left:0;} #rateSlider #deck ul li .wineSelector {width: 597px !important;height: 276px;float:left;clear:none;} #rateSlider #deck ul li span.noPanel {display:none;text-align:center;} #rateSlider #deck ul li span.noPanel h2, #rateSlider #deck ul li span.yesPanel h2 {text-align:center;} #rateSlider #deck ul li a.oops {margin: 40px auto 0 auto;clear:both;float:left;text-align:center;width: 100%;} #rateSlider #deck ul li span.yesPanel {display:none;} #rateSlider #deck ul li span.yesPanel .avatar {float:left;background:#cce8f4;width: 155px;} #rateSlider #deck ul li span.yesPanel .avatar img {border:solid 3px #fff;width: 50px;float:left;margin: 5px;} #rateSlider #deck ul li span.yesPanel .avatar p {font-weight: bold;font-size: 18px;color:#0d2234;text-shadow: 0 1px 0 #fff;float:left;margin-left: 5px;} #rateSlider #deck ul li span.yesPanel .recOption {position:relative;text-align:left;float:left;width: 100%;margin: 0 0 7px 0;background:#f2f2f2;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;} #rateSlider #deck ul li span.yesPanel .recOption .reason p {line-height: 14px;margin-left: 5px;float:left;width: 350px;} #rateSlider #deck ul li span.yesPanel .recOption .reason .check {float:right;width: 20px;clear:none;text-align:center;padding: 15px 5px 0 0;} #rateSlider #deck ul li span.yesPanel .recOption .reason .buyReviewLink {position:absolute;right: 30px;top: 10px;} #rateSlider #deck ul li a.yes-next {right: 5px;bottom: 10px;position:absolute;} #rateSlider #deck ul li .reviewPopup {position:absolute;top:0 !important;margin:0;left:10px;width: 527px !important;height: 216px;border-radius: none;-moz-border-radius:none; } #rateSlider #deck ul li .reviewPopup .textbox {height: 75px !important;width: 500px;} #rateSlider #deck ul li .reviewPopupLoading {z-index: 999;width: 557px !important;} #rateSlider #deck ul li .reviewPopupConfirmation {z-index: 999;width: 557px !important;} #rateSlider #deck ul li .recommendPopupLoading {background:#fff url(/staticMedia/images/loading.gif) no-repeat 50% 50%;width: 557px;height: 100%;position:absolute; top: 0px;left:0px;} #rateSlider #deck ul li .recommendPopupLoading span {font-size:18px;font-weight:normal;width: 557px;text-align:center;margin-top: 60px !important;color: #444;float:left;} #rateSlider #deck ul li .recommendPopupConfirmation h2 {font-size: 24px;margin: 60px 0px 30px 0px !important;float:left;width: 557px !important;padding:0 15px;} a#left {width: 76px;height: 100%;background:transparent url(/staticMedia/images/interact/leftButton.jpg) no-repeat 0px 0px;position:absolute;left:0;top:0;} a#right {width: 76px;height: 100%;background:transparent url(/staticMedia/images/interact/rightButton.jpg) no-repeat -76px 0px;position:absolute;right:0;top:0;} a#left:hover {background:transparent url(/staticMedia/images/interact/leftButton.jpg) no-repeat -76px 0px;} a#right:hover {background:transparent url(/staticMedia/images/interact/rightButton.jpg) no-repeat 0px 0px;} .sliderFlipMessage {font-size: 20px;line-height: 24px;margin: 90px 10px 0px 10px;width: 570px;text-align:center;} .recommender {width: 625px;margin:0;padding:0;float:left;clear:both;border:none;} .recommender .hd {float:left;height: 12px;clear:both;width: 625px !important;margin:0 !important;padding:0 !important;background:transparent url(/staticMedia/images/recommender-top.gif) no-repeat top left !important;} .recommender .bd {float:left;clear:both;width: 625px !important;margin:0 !important;padding:0 !important;background:transparent url(/staticMedia/images/recommender-sides.gif) repeat-y top left !important;} .recommender .ft {float:left;clear:both;height: 12px;width: 625px !important;margin:0 !important;padding:0 !important;background:transparent url(/staticMedia/images/recommender-foot.gif) no-repeat bottom left !important;} #recommenderSlider {float:left;width: 590px;margin:10px 5px 10px 18px;padding:0;position:relative;text-align:left;} #recommenderSlider .item {-moz-border-radius: 7px; -webkit-border-radius: 7px;float:left;position:relative;width: 190px;height: 250px;position:relative;background:#f7f7f7;margin: 0 3px;text-align:center;} #recommenderSlider .item:hover {background:#e6e6e6;} #recommenderSlider .item h2 {font-size: 14px;font-weight:bold;width: 170px;margin: 10px 0 0 10px;float:left;clear:both;} #recommenderSlider .item .itemImage {width: 170px;margin: 10px 0 0 10px;float:left;clear:both;} #recommenderSlider .item .itemImageArchangel {width: 170px;margin: 10px 0 0 10px;float:left;clear:both;height: 108px;position:relative;} #recommenderSlider .item .itemImageArchangel .archangelLogoInteract {position:absolute;top: 5px;left: 5px;} #recommenderSlider .item .followButton {position:absolute;bottom: 10px;left: 10px;} /* END ADDED TO rateSlider.jsp --------------------------- */ /* START ADDED TO PREFERENCES.JSP --------------------------- */ .preferencesDeck {position:relative; float:left;clear:both;width: 688px;height: 413px;} #preferencesTool {float:left;width: 680px;margin: 15px 25px 25px 25px;} #preferencesTool .ui-tabs, #preferencesTool .ui-tabs-hide {position: absolute; left: -10000px;display:block;} #preferencesTool .tabs ul {width: 678px;margin-left:10px;} #preferencesTool .tabs ul li {text-align:center;float:left;background:transparent !important;color:#fff;margin-right: 3px;} #preferencesTool .tabs ul li a {background:none !important;} #preferencesTool .tabs ul li#tabReds {float:left;background:transparent url(/staticMedia/images/interact/tabReds.jpg) no-repeat 0px 0px !important;width: 211px;height: 76px;} #preferencesTool .tabs ul li#tabReds.selected {float:left;background:transparent url(/staticMedia/images/interact/tabReds.jpg) no-repeat 0px -76px !important;width: 211px;height: 76px;} #preferencesTool .tabs ul li#tabWhites {float:left;background:transparent url(/staticMedia/images/interact/tabWhite.jpg) no-repeat 0px 0px !important;width: 226px;height:76px;} #preferencesTool .tabs ul li#tabWhites.selected {float:left;background:transparent url(/staticMedia/images/interact/tabWhite.jpg) no-repeat 0px -76px !important;width: 226px;height:76px;} #preferencesTool .tabs ul li#tabOthers {float:left;background:transparent url(/staticMedia/images/interact/tabOthers.jpg) no-repeat 0px 0px !important;width: 219px;height: 76px;} #preferencesTool .tabs ul li#tabOthers.selected {float:left;background:transparent url(/staticMedia/images/interact/tabOthers.jpg) no-repeat 0px -76px !important;width: 219px;height: 76px;} #preferencesTool .tabs ul li a span {display:none;} #preferencesDeck1, #preferencesDeck2, #preferencesDeck3 {position:absolute;left:50px;clear:both;width: 588px;border:solid 1px #ccc;height: 411px;} #preferencesDeck1 ul, #preferencesDeck2 ul, #preferencesDeck3 ul {float:left;height: 411px;position:relative;margin:0;padding:0;list-style:none;} #preferencesDeck1 ul li, #preferencesDeck2 ul li, #preferencesDeck3 ul li {float:left;width: 588px;height: 411px;position:relative;background:#fff;} #preferencesDeck1 .jcarousel-clip, #preferencesDeck2 .jcarousel-clip , #preferencesDeck3 .jcarousel-clip {width: 588px;height: 413px;overflow:hidden;clear:none;} #preferencesTool .jcarousel-item-horizontal {height: 413px;width: 588px;} .preferencesDeck a.next {position:absolute;right: 0;top:0;width: 50px;height:413px; background:transparent url(/staticMedia/images/interact/preferencesRight.jpg) no-repeat -50px 0px;} .preferencesDeck a.next:hover {position:absolute;right: 0;top:0;width: 50px;height:413px; background:transparent url(/staticMedia/images/interact/preferencesRight.jpg) no-repeat 0px 0px;} .preferencesDeck a.prev {position:absolute;left: 0;top:0;width: 50px;height:413px;background:transparent url(/staticMedia/images/interact/preferencesLeft.jpg) no-repeat 0px 0px;} .preferencesDeck a.prev:hover {position:absolute;left: 0;top:0;width: 50px;height:413px;background:transparent url(/staticMedia/images/interact/preferencesLeft.jpg) no-repeat -50px 0px;} .preferencesDeck a.next span, .preferencesDeck a.prev span {display:none;} span.preferenceBody {margin: 30px 0 0px 30px;width: 521px;height: 350px;float:left;clear:both;} span.preferenceBody .description {width: 245px;float:left;margin:0 0 20px 0;padding:0;height: 125px;color:#444 !important;} span.preferenceBody .description p {padding:0;margin:0;} .mech {position:relative;float:right;width: 255px;background:transparent url(/staticMedia/images/interact/preferences-tool.jpg) no-repeat top left;height: 115px;margin-bottom: 20px;padding: 5px;} .mech span.count {width: 94px;height: 61px;position:absolute;right: 10px;bottom: 10px;text-align:center;background: transparent url(/staticMedia/images/interact/countBackground.jpg) no-repeat top left;color:#85dd26;font-size: 48px;font-weight:bold;padding-top: 5px;text-shadow: 0 1px 0 #000;letter-spacing: -1px;} .heartsContainer {margin-top: 5px;margin-left: 5px;width: 194px;position:relative;float:left;background:#5d5c5c url(/staticMedia/images/interact/heartsContainer.jpg) no-repeat top left;height: 37px;} .heartsContainer .heartsOutline {position:absolute;height: 30px;width: 194px;} .heartsContainer .hearts {height: 30px;width: 100px;top: 10px;left:10px;display:block;} .ratingHelp {color:#ccc;font-size: 11px;margin: 30px 0 0 10px;float:left;clear:both;width: 250px;line-height:12px;} .preferencesPopup {border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;display:none;width: 283px;position:absolute;top: 5px;left: 62px;background:#fff;border:solid 5px #026c9c;} .preferencesPopup .arrow {background:transparent url(/staticMedia/images/preferencesPopupArrow.gif) no-repeat 0px 0px;width: 25px;height: 27px;left: -22px;top: 5px;position:absolute;} .preferencesPopup .mech {float:left;margin:10px;padding:0 !important;width: 265px;} .wlabel .preferencesPopup {top: 30px;left: 87px;} .wlabel .preferencesPopup .mech, .results .preferencesPopup .mech {height: auto;padding:37px 0px 5px 0px !important;width: 265px:} .wlabel .preferencesPopup .mech .mechBody, .results .preferencesPopup .mech .mechBody {position:relative;float:left;clear:both;width: 100%;height: 110px;margin:0 !important;background:transparent url(/staticMedia/images/interact/preferences-tool-body.jpg) no-repeat bottom left;padding-bottom: 5px;} .wlabel .preferencesPopup .mech .mechBody .ratingHelp, .results .preferencesPopup .mech .mechBody .ratingHelp {margin-top:0;} .wlabel .preferencesPopup .mech .heartsContainer , .results .preferencesPopup .mech .heartsContainer {margin: 18px 0 0 10px;} #preferencesTool .mech .ratingHelp {width: 150px;margin: 15px 0px 0px 5px;} .rating {cursor: pointer;clear: both;display: block;width: 150px;float:left;margin-top: 10px;} .rating:after {content: '.';display: block;height: 0;width: 0;clear: both;visibility: hidden;} .cancel,.star {float: left; width: 22px;height: 19px;overflow: hidden;text-indent: -999em;cursor: pointer;} .star-left,.star-right {width: 11px} .cancel, .cancel a {background: url(delete.gif) no-repeat 0 -16px;} .star, .star a {background: url(/staticMedia/images/interact/heart.jpg) no-repeat 0px 0px;} .star-left, .star-left a {background: url(/staticMedia/images/interact/heart-left.jpg) no-repeat 0px 0px;} .star-right, .star-right a {background: url(/staticMedia/images/interact/heart-right.jpg) no-repeat 0px 0px;} .cancel a, .star a {display: block; width: 100%;height: 100%;background-position: 0px 0px;} .rating div.on a {background-position: 0px -19px;} .rating div.hover a, div.rating div a:hover {background-position: 0px -38px;} span.preferenceBody .preferenceItem {background:#fff;border-top:solid 1px #cccccc;border-bottom:solid 1px #cccccc;float:left;} span.preferenceBody .preferenceItem span.preferenceContent {position:relative;background:#f3f3f3;border-top:solid 1px #fff;border-bottom:solid 1px #fff;padding: 5px;margin:0;float:left;height: 120px;} span.preferenceBody .preferenceItem span.preferenceContent .label .bottleShot {position:absolute;top:2px !important;right:5px;width: 25px;margin: 10px 5px 0 10px;background:none;padding:0;border:none;} span.preferenceBody .preferenceItem span.preferenceContent .price {font-weight:bold;position:absolute;bottom: 10px;left: 10px;} span.preferenceBody .preferenceItem span.preferenceContent span.graph {width: 100%;height: 100px;float:left;clear:both;position:relative;} span.preferenceBody .preferenceItem span.preferenceContent .label {float:right;width: 120px;position:relative;margin-top:16px;margin-right: 5px;} span.preferenceBody .preferenceItem span.preferenceContent .label img {width: 120px;padding:1px;border:solid 1px #ccc;background:#fff;} span.preferenceBody .preferenceItem span.preferenceContent span.graph span.graphBack {position:absolute;bottom:-5px;left: 0px; width: 17px;height: 100%;} span.preferenceBody .preferenceItem span.preferenceContent span.graph span.graphBack#fruit {background:transparent url(/staticMedia/images/preferences/fruitFlavourProfileBar.jpg) no-repeat top left;} span.preferenceBody .preferenceItem span.preferenceContent span.graph span.graphBack#wineBody {background:transparent url(/staticMedia/images/preferences/BodyFlavourProfileBar.jpg) no-repeat top left;} span.preferenceBody .preferenceItem span.preferenceContent span.graph span.graphBack#sweet {background:transparent url(/staticMedia/images/preferences/SweetFlavourProfileBar.jpg) no-repeat top left;} span.preferenceBody .preferenceItem span.preferenceContent span.graph span.graphBack#oak {background:transparent url(/staticMedia/images/preferences/oakFlavourProfileBar.jpg) no-repeat top left;} span.preferenceBody .preferenceItem span.preferenceContent span.graph span.graphBack#tannin {background:transparent url(/staticMedia/images/preferences/TanninFlavourProfileBar.jpg) no-repeat top left;} span.preferenceBody .preferenceItem span.preferenceContent span.graph span.graphBack#crisp {background:transparent url(/staticMedia/images/preferences/crispFlavourProfileBar.jpg) no-repeat top left;} span.preferenceBody .preferenceItem span.preferenceContent span.graph span.graphItem {position:absolute;bottom:0;left: 0px; width: 9px;height: 100%;background:transparent url(/staticMedia/images/interact/flavourProfileBar.jpg) no-repeat top left;} span.preferenceBody .preferenceItem span.preferenceContent .recipe {margin-top: 5px;float:left;} .styleHeading {font-size: 18px;float:left;clear:both;width: 442px;height: 52px;padding: 7px 0 3px 80px;color:#fff;background:transparent url(/staticMedia/images/interact/preferencesStyleTitle.jpg) no-repeat top left;text-shadow: 0 -1px 0px #2e3a41;} .preferenceBody a.helpicon {float:right;margin:0;padding:0;width: 14px;height: 14px;background:transparent url(/staticMedia/images/interact/helpicon.png) no-repeat top left;} span.head {color:#0d2234;background:none;margin: 0;padding:0;height: auto;border:none;font-weight:bold;} .valueHolder {position:absolute;right: 0px;height: 20px;width: 20px;top: 0;border:solid 1px yellow;} #sidePreferencesTool {width: 220px;float:right;margin:15px 35px 0 0;} #sidePreferencesTool h2 {font-size: 16px;width:100%;padding: 20px 0 10px 0;float:left;clear:both;} #sidePreferencesTool .panel {width: 180px;float:left;text-align:left;} #sidePreferencesTool p {color:#444;width: 100%;float:left;clear:both;text-align:left !important;margin:0 0 5px 0;} #sidePreferencesTool .panel .hd {background:#fff url(/staticMedia/images/interact/sidePrefsTop.jpg) no-repeat top left !important; float:left;clear:both;width: 200px;height: 10px;} #sidePreferencesTool .panel .bd {background:#b4dae7;border-left: solid 1px #428694;border-right: solid 1px #428694;float:left;clear:both;width: 197px;padding:0;} #sidePreferencesTool .panel .ft {background:#fff url(/staticMedia/images/interact/sidePrefsFoot.jpg) no-repeat bottom left;float:left;clear:both;width: 200px;height: 10px;} #sidePreferencesTool .panel .inside {width: 169px;margin:8px 0 13px 13px} #sidePreferencesTool .panel .inside .hd {width: 169px;float:left;clear:both;background:transparent url(/staticMedia/images/interact/sidePrefsInsideTop.jpg) no-repeat top left !important;} #sidePreferencesTool .panel .inside .bd {width: 163px;float:left;clear:both;background:transparent url(/staticMedia/images/interact/sidePrefsInside.jpg) repeat-y top left;padding: 0 0 0 6px;border:none !important;} #sidePreferencesTool .panel .inside .ft {width: 169px;float:left;clear:both;background:transparent url(/staticMedia/images/interact/sidePrefsInsideFoot.jpg) no-repeat bottom left;height: 9px;} #sidePreferencesTool .panel .inside .item {float:left;clear:both;width:139px;padding: 10px;border-bottom: solid 1px #ccc; } #sidePreferencesTool .panel .inside .item label {color:#0d2234;font-size: 14px;width: 140px;margin: 0 0 5px 0;padding:0;} #sidePreferencesTool .panel .inside .item select {border:solid 1px #ccc;border-radius: 5px;-moz-border-radius: 5px;padding: 3px;float:left;width: 140px;float:left;clear:both;margin: 0 0 5px 0;} /* END ADDED TO PREFERENCES.JSP --------------------------- */ /* START ADDED TO SATISFACTION.JSP---------------------- */ .centredClear {width: 715px;border:solid 1px #e5e5e5;background:transparent; float:left;clear:both;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius:5px;text-align:center;margin: 0 0 8px 0;} .centredClear h2 {margin: 15px;} .centredClear .textbox {margin: 15px;width: 670px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius:5px;} .centredClear .answer-buttons {float:left;margin: 0 0 15px 220px;} .centredClear .answer-icons {float:left;margin: 0 0 15px 95px;} .centredClear .yes-button, .centredClear .no-button {margin: 10px 10px 5px 10px;float:left;} .centredClear .yes-button.active, .centredClear .no-button.active {margin: 5px 10px 5px 10px;float:left;} .centredClear .yes-button img, .centredClear .no-button img {width: 100px;} .centredClear .yes-button.active img, .centredClear .no-button.active img {width: 129px;} .centredClear input.checkbox {visibility:hidden;} .leave-feedback {float:right;margin: 10px 0;} .icon#ratedOne {float:left;margin:5px;height: 93px;width: 93px;background:transparent url(/staticMedia/images/buttons/feedback/1.jpg) no-repeat 0px 0px;} .icon#ratedTwo {float:left;margin:5px;height: 93px;width: 93px;background:transparent url(/staticMedia/images/buttons/feedback/2.jpg) no-repeat 0px 0px;} .icon#ratedThree {float:left;margin:5px;height: 93px;width: 93px;background:transparent url(/staticMedia/images/buttons/feedback/3.jpg) no-repeat 0px 0px;} .icon#ratedFour {float:left;margin:5px;height: 93px;width: 93px;background:transparent url(/staticMedia/images/buttons/feedback/4.jpg) no-repeat 0px 0px;} .icon#ratedFive {float:left;margin:5px;height: 93px;width: 93px;background:transparent url(/staticMedia/images/buttons/feedback/5.jpg) no-repeat 0px 0px;} .icon#ratedOne.active, .icon#ratedTwo.active, .icon#ratedThree.active, .icon#ratedFour.active, .icon#ratedFive.active {background-position:0px -93px;} a.viewQuery {float:left;clear:both;font-size: 16px;background:#f7f7f7;border:solid 1px #ccc;margin: 0 0 15px 0;width: 695px;padding: 10px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius:5px;} a.viewQuery span.viewButton {margin-top:-4px;width: 92px;height: 32px;background:transparent url(/staticMedia/images/buttons/feedback/viewQueryButton.jpg) no-repeat 0px 0px;float:right;} a.viewQuery span.viewButton.open {background-position: 0px -32px;} .queryHolder {display:none;width: 100%;float:left;clear:both;margin:0 0 10px 0;} .feedback-button {float:right;clear:both;} /* END ADDED TO SATISFACTION.JSP---------------------- */