/* CSS Document */ /* Default 10 Theme */ /* widget config css */ p#slideGift {background: url('gift_bg.gif') 0px 0px no-repeat; color: #0082CD;} p#giftPanelClose {background: url('gift_close_bg.gif') 0px 0px no-repeat; color: #0082CD;} /*JSK div.panel_example {top: 17px; left: 266px;} */ /*JSK img#cartOpenBtn {margin-top: -2px;} */ /*JSK body { text-align: center; /* for IE *-- margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font: 11px verdana, arial, helvetica; color: #666666; background: url("background.jpg") repeat-x; background-color: #000060; } */ form {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} body.popupBG {background-color: #ffffff; background-image: none; padding-top: 6px;} .eSpot {display: none;} .popupLink {text-align: right; padding-right: 8px; margin-bottom: -10px; z-index: 50; position: relative;} .popupLink a {color: #4A6BA5; text-decoration: none;} .popupLink a:hover {color: #7B94D6; text-decoration: underline;} .popupDesc {width: 440px; height: 400px; overflow: scroll; margin: 0px 0px 0px 20px; padding: 8px 15px 8px 8px;} /*JSK div#mainBox { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; width: 994px; position: relative; }*/ .alertBox { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #cc0000; line-height: 135%; border: 2px dashed #cc0000; padding: 2px 2px 2px 2px; text-align: center; margin: 4px 4px 4px 4px; clear: both; } .imageLogo {width: 380px; height: 74px; border: 0px; position: relative; z-index: 500;} .imageList {width: 140px; height: 140px; border: 0px;} .imageListFlav {width: 60px; height: 50px; border: 0px;} .imageProduct {width: 300px; height: 300px; border: 0px;} .imageProductFlav {width: 63px; height: 67px; border: 0px;} .imageCross {width: 76px; height: 76px; border: 0px;} .imageZoom {width: 400px; height: 400px; border: 0px;} .imageCartFlav {width: 50px; height: 50px; border: 0px;} .imageCartProd {width: 76px; height: 76px; border: 0px;} .imageMultiFeature {width: 300px; height: 200px; border: 0px;} .imageMultiList {width: 76px; height: 76px; border: 0px;} .imageIndexFeat {width: 216px; height: 216px; border: 0px;} .imageIndexSub {width: 104px; height: 104px; border: 0px;} .imageIndexRight {width: 104px; height: 104px; border: 0px;} /*JSK NEW BANNERSPOT*/ /*div#bannerSpot { margin: 0; width: 630px; position: absolute; left: 217px; top: 106px; z-index: 20; }*/ div#nbannerSpot {margin: 0px 0px 0px 0px; width: 606px; float: left; background-color: #ffffff; padding: 8px 0px 0px 9px;} div#cbannerSpot {margin: 10px 0px 6px 0px; width: 595px; float: left; text-align: left; padding-left: 85px;} div#fbannerSpot {clear: both; width: 595px; margin: 0px 0px 10px 165px; padding-top: 10px;} .pageCopy {text-align: left; font: 11px verdana, arial, helvetica; color: #666666;} .pageCopy a {color: #4A6BA5; text-decoration: none;} .pageCopy a:hover {color: #7B94D6; text-decoration: underline;} .pageCopy h1 {font-size: 14px; margin: 4px 4px 4px 0px;} .finePrint {font-size: 9px; color: #999999;} .finePrint a {color: #999999; text-decoration: underline;} .instockText {color: #000000; font-weight: bold;} /* Disney.com Chrome */ /*JSK div#newChrome {height: 31px;} */ div.newChrome { width: 100%; margin: 0 auto; overflow: hidden; background: url(//img.disneystore.co.uk/content/uk/themes/default01/chromebg.jpg) no-repeat center 0; } .chromeCrumb {display: none;} /*JS /* Cart & Log In -- div#cartSpot { width: 555px; height: 14px; margin: 0px 0px 0px -5px; padding: 18px 20px 0px 0px; font: 11px verdana, arial, helvetica, sans-serif; float: left; color: #ffffff; text-align: right; position: absolute; left: 234px; top: 25px; z-index: 500; } #cartSpot a {color: #ffffff; text-decoration: none; font-weight: bold;} #cartSpot a:hover {text-decoration: underline;} .cartIcon { width: 35px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 4px; position: relative; z-index: 5; border: none; } */ /* Logo & Search */ /*JSK div#logoSpot { margin-top: 0px; margin-bottom: 0px; width: 380px; height: 74px; float: left; }*/ /*JSK div#searchSpot { background: url("mainBox_bg.gif") 0px 0px no-repeat; margin: 0px 0px 0px 0px; padding-top: 20px; float: left; width: 570px; height: 55px; text-align: left; position: relative; } input.searchField { font: 10px verdana, arial, helvetica, sans-serif; width: 155px; color: #666666; border: solid 1px #cccccc; margin-left: 2px; } */ select.searchOption { font: 10px verdana, arial, helvetica, sans-serif; width: 150px; color: #666666; border: solid 1px #cccccc; text-align: left; } div#searchSpot form {position: absolute; top: 22px; left: 5px; text-align: right; width: 390px;} /* Level 5 Nav (Buttons) */ .L5buttonNav {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} .L5buttonNav a { font: 10px verdana, arial, helvetica; color: #3d3d3d; height: 22px; background: url("button_bg2.gif") 0px 0px repeat-y; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-decoration: none; line-height: 20px; text-align: center; border-left: solid 1px #ffffff; border-right: solid 1px #999999; } .L5buttonNav a:hover { background-position: 0px -22px; color: #666666; border-left: solid 1px #fdf6c0; border-right: solid 1px #a9953e; } .L5activeButton a { background-position: 0px -22px; color: #666666; border-left: solid 1px #fdf6c0; border-right: solid 1px #a9953e; } /*JSK /* Left Column Nav * .columnNav { padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; width: 143px;} .columnNav h1 {border-bottom: solid 1px #a8bdcb; border-top: solid 1px #a8bdcb; text-align: center; text-transform: uppercase; width: 140px; color: #999999; font-size: 10px; font-weight: bold; margin: 6px 0px 2px 3px; padding: 4px 4px 4px 4px;} .columnNav h1 a { background-image: none; color: #034977; font-size: 9px; font-weight: bold; text-decoration: none; padding: 0px; margin: 0px;} .columnNav h2 {border-bottom: solid 1px #a8bdcb; border-top: solid 1px #a8bdcb; text-align: center; text-transform: uppercase; width: 140px; color: #999999; font-size: 10px; font-weight: bold; margin: 6px 0px 2px 3px; padding: 4px 4px 4px 4px;} .columnNav h2 a { background-image: none; color: #034977; font-size: 9px; font-weight: bold; text-decoration: none; padding: 0px; margin: 0px;} .columnNav a { display: block; width: 132px; background: url("columnNav_bg.gif") 0px 1px no-repeat; /*background-color: #ffffff;*-- color: #034977; padding: 5px 3px 5px 19px; text-decoration: none; margin: 0px 0px 0px 0px; } .columnNav a:hover {background-position: -166px 0px;} .columnNavActive a {background-position: -166px 0px; font-weight: bold;} .columnNav2 {margin-bottom: 1px; padding-bottom: 4px; width: 154px;} .columnNav2 a { font-weight: normal; width: 116px; background-image: none; color: #034977; padding: 5px 3px 5px 25px; margin: 0px 5px 0px 5px; } .columnNav2 a:hover {color: #034977; text-decoration: underline;} .columnNav2Active a {color: #034977; font-weight: bold;} .columnNav2Active a:hover {color: #034977;} JSK */ /* Content Area */ /*JSK div#contentBox {width: 780px; float: left; text-align: left; background: url("contentBG.gif") repeat-y; padding: 0px 0px 0px 0px; }*/ div#welcomeMessage {margin: 3px 0px 4px 5px; font-size: 10px; text-align: left;} div#welcomeMessage a {font-size: 10px; color: #4A6BA5; text-decoration: none;} div#welcomeMessage a:hover {color: #7B94D6; text-decoration: none;} /*JSK div#contentColumn1 {width: 155px; float: left; padding: 0px 0px 0px 0px;} */ div#contentColumn2 {width: 433px; float: left;} div#contentColumn3 {width: 162px; float: left; padding: 0px 10px 0px 10px;} /*JSK div#contentColumn4 { width: 605px; float: left; padding: 0px 0px 0px 10px; background-color: #ffffff; min-height:500px; height:auto !important; height:500px; }*/ /*JSK #contentColumn4 h1 { color: #1581c1; font-size: 22px; margin: 0px 0px 4px 0px; padding: 0px 0px 4px 0px; border-bottom: solid 2px #d5d5d5; width: 595px; } #contentColumn4 h1 a {color: #1581c1; text-decoration: none;} */ /*JSK #contentColumn4 h2#pageHead { color: #1581c1; font-size: 22px; margin: 0px 0px 4px 0px; padding: 0px 0px 4px 0px; border-bottom: solid 2px #d5d5d5; width: 595px; } #contentColumn4 h2#pageHead a {color: #1581c1; text-decoration: none;} */ #contentColumn4 table {clear: both;} p.breadCrumbs { color: #fff;/*#8a8a8a;*/ font-size: 10px; float: left; margin: 0 0 6px; /*JSK 6px 0px 10px 0px;*/ padding: 0; /*JSK width:595px;*/ } /*JSK IE6 Hack for Cat Dept Nav*/ * html p.breadCrumbs { /*margin-left:2px;*/ } p.breadCrumbs a { color: #fff;/*#8a8a8a;*/ text-decoration: none; } p.breadCrumbs a:hover { text-decoration: underline; } select.sortList {font-size: 10px; width: 135px; color: #666666;} select.lengthList {font-size: 10px; width: 135px; color: #666666; margin-left: 8px;} .sortBox {float: left; width: 300px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} .listLengthBox {float: left; width: 295px; text-align: right; font-size: 10px;} .lengthSpan {padding: 0px 3px 0px 3px;} .lengthSpan a {color: #5D76AD; text-decoration: none;} .lengthSpan a:hover {color: #5D76AD; text-decoration: underline;} /* Left Column */ div#mailBox { width: 149px; height: 70px; padding-top: 4px; margin-left: 0px; margin-top: 6px; text-align: center; border-top: solid 1px #efefef; border-left: solid 1px #efefef; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; display: none; } input.emailField { font-size: 10px; width: 120px; color: #666666; margin: 5px 0px 5px 0px; border: solid 1px #cccccc; } div#mailBoxH span.emailLabel {padding: 0px 6px 0px 6px;} div#mailBoxH { width: 764px; height: 24px; padding: 3px 3px 3px 3px; background-color: #efefef; text-align: left; } input.emailFieldH { font-size: 10px; width: 120px; color: #666666; margin: 0; } .emailLabel {font-weight: bold; color: #eb2a2e; font-size: 9px; letter-spacing: .2em;} .columnList { color: #999999; text-align: left; margin: 10px 6px 20px 6px;} .columnList a {color: #999999; text-decoration: none;} .columnList a:hover {color: #666666;} .columnList h2 {font-size: 12px; margin: 0px 0px -4px 0px;} .columnList p {margin: 10px 0px 0px 0px;} .columnBreak {border-top: solid 1px #C7D3EE; padding-top: 6px;} .listImage {margin: 7px 0px -3px 13px;} /* List Template */ .listBox {width: 155px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 35px; float: left; font-weight: bold;} .listBox a {text-decoration: none; color: #5D76AD; font-weight: normal;} .listBox a:hover {text-decoration: underline;} .listBox img {padding: 4px 4px 4px 4px; margin-left: 0px;} .listBox p {margin: 5px 0px 5px 0px;} .listBox h2 {margin: 0px 0px 0px 0px; font-size: 11px; font-weight: normal;} .iconBox {float: left; width: 60px; height: 50px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: none;} .iconBox img {margin-left: 0px;} .listBoxDesc {width: 150px; float: left; margin:3px 0px 0px 0px; padding: 0px 0px 10px 5px;} .listBoxRow {clear: both; width: 595px; border-top: 1px solid #efefef; margin-bottom: 3px; border-bottom: 2px solid #efefef; height: 1px; font-size: 1px;} .listBox p.salePrice {font-weight: bold; margin-top: 5px;} .listBox img.pzButton {padding: 0px 0px 0px 0px; border: none;} .shopLink { padding-top: 8px; font-size: 10px; color: #5D76AD; clear: both; background: url("listBG.gif") 0px -10px repeat-x; width: 186px; } .shopLink a { width: 182px; font-weight: bold; display: block; background-color: #7C98D6; color: #ffffff; text-align: center; margin: 2px 0px 0px 0px; text-decoration: none; padding: 1px 0px 1px 0px; border-top: solid 2px #98B3EF; border-left: solid 2px #98B3EF; border-right: solid 2px #6884C2; border-bottom: solid 2px #6884C2; } .shopLink a:hover {background-color: #87A5E6; text-decoration: none;} /* Product Page */ #prodImageBox {width: 300px; float: left;} div#multiImage {width: 300px; text-align: center;} div#multiImage img { border-top: solid 2px #e9e9e9; border-left: solid 2px #e9e9e9; border-bottom: solid 2px #cccccc; border-right: solid 2px #cccccc; padding: 1px 1px 1px 1px; } div#multiImage p {margin: 0px 0px 4px 3px; font-size: 9px; border-top: solid 1px #e9e9e9; text-align: left; padding-top: 4px; color: #999999;} #prodDescBox {float: left; width: 285px; padding-left: 10px;} #prodDescBox h1 {width: 220px; color: #000000; border: none; font-size: 12px; margin: 5px 0px 8px 0px;} #prodDescBox a {color: #4A6BA5; text-decoration: none;} #prodDescBox a:hover {color: #7B94D6; text-decoration: none;} /* ESRB Rating */ div.esrbBlock {margin: 15px 0px 30px 10px; width: 210px;} div#previewBoxColumn1 div.esrbBlock {margin: 6px 0px 0px 0px; width: 200px;} img.esrbIcon {float:left; width:47px; height: 65px; border: none; margin: 0;} div.esrbDesc {margin: 0px 0px 20px 3px; font: 11px verdana, arial, helvetica; float: left;} div.esrbDesc h2 {width: 135px; background-color: #000000; color: #ffffff; font-size: 10px; padding: 4px 4px 4px 8px; margin: 0px 0px 3px 0px; position: relative; z-index: 20;} div.esrbDesc p {margin: 2px 0px 2px 4px; padding: 0px; color: #000000; font-size: 10px;} .promoSpot {float: left; width: 277px; text-align: center; color: #1c4d8f; border: solid 1px #1c4d8f; padding: 3px 3px 3px 3px; margin: 8px 0px -6px 0px;} .dealPricing { margin-bottom: 8px; padding: 2px 2px 2px 2px; text-align: center; font-weight: bold; font-size: 9px; color: #1c4d8f; /*#00cc00;*/ border: solid 1px #1c4d8f; /*#00cc00;*/ position: relative; } .prodTitle {float: left; width: 220px;} .prodIcon {float: left; width: 63px;} .prodIcon img {border: none;} .prodPrice {font-weight: bold; padding: 0px 20px 0px 0px;} .salePrice {color: #cc0000; font-weight: bold;} .addGiftBox {padding: 4px 0px 4px 0px; width: 285px; margin: 6px 0px 0px 0px; font-size: 10px; border-top: solid 1px #cacaca; float: left;} .addGiftBox p {margin: 0px 0px 0px 18px;} .addGiftBoxBottom {border-bottom: solid 1px #cacaca; margin-bottom: 4px;} .addtoCartBox { width: 285px; background-color: #efefef; border-top: solid 1px #999999; border-bottom: solid 1px #999999; float: left; margin: 4px 0px 0px 0px; padding: 8px 0px 6px 0px; font-size: 10px; } .attribLabel {font-size: 10px; width: 100px; float: left; text-align: right; margin: 0px 0px 0px 0px; padding: 5px 0px 3px 0px; clear: both;} .attribChoice {text-align: left; width: 175px; height: 18px; float: left; padding: 3px 0px 3px 6px;} .attribChoice a {font-size: 10px; margin-left: 6px;} .requiredData {color: #cc0000; font-size: 9px;} div.requiredData {margin-left: 5px; clear: left;} select.attribSelect {font-size: 10px; width: 100px; color: #666666;} input.attribField {font-size: 10px; width: 100px; color: #666666;} input.selectQty {font-size: 10px; width: 20px; color: #666666;} .addtoCartButton {margin: -2px 0px 0px 8px; padding: 0px 0px 0px 0px; vertical-align: top;} img.addtoCartButton {cursor: pointer;} .prodDescCopy {float: left; width: 285px; padding-top: 5px;} .prodDescCopy p {margin: 15px 0px 15px 0px; line-height: 155%; position: relative; z-index: 5;} .prodDescCopy ul {margin: 10px 0px 10px 25px; padding: 0px 0px 0px 0px; line-height: 155%;} .prodDescCopy ul li {margin: 6px 0px 6px 0px; padding: 0px 0px 0px 0px;} .extendedLinks {margin-top: -5px;} .extendedLinks p {font-size: 10px; margin: 4px 0px 0px 0px;} .enhanceLink a { width: 296px; font-weight: bold; display: block; background-color: #efefef; color: #999999; text-align: center; margin: 2px 0px 0px 0px; text-decoration: none; padding: 1px 0px 1px 0px; border-top: solid 2px #dddddd; border-left: solid 2px #dddddd; border-right: solid 2px #cccccc; border-bottom: solid 2px #cccccc; } .enhanceLink a:hover {background-color: #ffffff; text-decoration: none;} .productAlert { font-size: 9px; color: #cc0000; border: dashed 1px #EB9999; padding: 4px 6px 5px 6px; margin: 8px 0px 8px 0px; } .crossSellBox { clear: both; width: 595px; height: 100px; border-top: solid 1px #DFDFE1; padding-left:14px; margin: 0px 0px 0px 0px; font-size: 10px; } .crossSellImage {float: left; width: 79px; margin: 8px 3px 0px 0px;} .crossSellLink {float: left; width: 110px; margin: 8px 5px 0px 0px;} .crossSellLink a {color: #4A6BA5; text-decoration: none;} .crossSellLink a:hover {color: #7B94D6; text-decoration: none;} .crossSellLink p {margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px;} ul#crossSellList {margin: 0px 0px 20px 30px;} ul#crossSellList li {margin: 5px 0px 5px 0px;} #crossSellList a {color: #4A6BA5; text-decoration: none;} #crossSellList a:hover {color: #7B94D6; text-decoration: none;} /* Multi-Add to Cart (to delete) */ input.multiAddPriceField {font-weight: bold; width: 50px; color: #cc0000;} input.multiAddCheckbox {color: #cc0000;} textarea.productTextAreaField {width: 160px; color: #666666;} td.multiAddBG { font-size: 10px; background-color: #efefef; color: #cc0000; padding: 3px 0px 0px 0px; } td.multiAddBG a {color: #cc0000; text-decoration: none;} td.multiAddBG a:hover {color: #cc0000; text-decoration: underline;} #multiAddHead {padding-left: 8px;} #multiAddHead h1 {width: 265px; color: #4A6BAD; border: none; font-size: 14px; margin: 5px 0px 8px 0px;} #multiAddHead p {line-height: 150%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} .multiAdd h2 {width: 280px; font-size: 12px; padding: 0px 0px 0px 0px; margin: 5px 0px 3px 0px;} .multiAdd a {color: #4A6BA5; text-decoration: none;} .multiAdd a:hover {color: #7B94D6; text-decoration: none;} .multiZoomLink {margin: 5px 0px 0px 0px; float: right; width: 170px;} .multiListTable {margin: 8px 0px 0px 0px; border-bottom: solid 1px #dddddd;} .multiTableRow {padding: 0px 0px 4px 0px;} .multiGift {border-top: solid 1px #dddddd; padding: 3px 0px 3px 0px;} .multiGift a, .multiTableRow a {color: #4A6BA5; text-decoration: none;} .multiGift a:hover, .multiTableRow a:hover {color: #7B94D6; text-decoration: none;} .promoSpotMulti { text-align: center; color: #1c4d8f; border: solid 1px #1c4d8f; padding: 3px 3px 3px 3px; margin: 0px 0px 5px 4px;} input.multiAddField {font-size: 10px; width: 190px; color: #666666;} select.multiAddOption {font-size: 10px; color: #666666;} /* Multi-Add to Cart (end to delete) */ /* Multi-Add to Cart New */ div.multiAdd {margin: 8px 0px 15px 0px; border-bottom: solid 2px #b6d6e3; width: 595px; padding-bottom: 6px;} .multiAdd h2 {width: 280px; font-size: 12px; padding: 0px 0px 0px 0px; margin: 5px 0px 3px 0px;} .multiAdd a {color: #4A6BA5; text-decoration: none;} .multiAdd a:hover {color: #7B94D6; text-decoration: none;} div.multiAddBtn {clear: both; background-color: #efefef; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; width: 595px; padding-top: 5px;} div.multiAddBtn input.checkbox {margin-left: 123px;} span#unCheck, span#unCheck2 {padding-right: 4px; padding-left: 2px;} input.multiAddPriceField {font-weight: bold; width: 50px; color: #cc0000;} input.multiAddCheckbox {color: #cc0000;} input#add2CartButton1, input#add2CartButton2 {margin-left: 25px; margin-top: -6px; margin-bottom: 4px; cursor: pointer;} img#add2CartButton1, img#add2CartButton2 {cursor: pointer;} textarea.productTextAreaField {width: 160px; color: #666666;} div#grpMainImg {width: 300px; float: left; padding: 0px; margin-bottom: 8px;} div#multiAddHead {padding-left: 8px; float: left; width: 280px;} #multiAddHead h1 {color: #444444; border: none; font-size: 14px; margin: 5px 0px 8px 0px; width: 280px;} #multiAddHead p {line-height: 150%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} .multiGift {border-top: solid 1px #dddddd; padding: 3px 0px 3px 0px;} .multiGift a, .multiTableRow a {color: #4A6BA5; text-decoration: none;} .multiGift a:hover, .multiTableRow a:hover {color: #7B94D6; text-decoration: none;} .promoSpotMulti { text-align: center; color: #1c4d8f; border: solid 1px #1c4d8f; padding: 3px 3px 3px 3px; margin: 0px 0px 5px 4px;} input.multiAddField {font-size: 10px; width: 190px; color: #666666;} select.multiAddOption {font-size: 10px; color: #666666;} /* Multi-Add to Cart 2.0 */ div.imgColumn {float: left; text-align: center; width: 120px;} div.imgColumn img {margin: 5px 0px 4px 0px; width: 120px; height: 120px;} div.checkColumn {float: left; width: 20px; height: 120px; margin: 0px 8px 0px 2px; padding-top: 3px;} div.infoColumn {float: left;} div.infoColumn h2 {padding-bottom: 6px; width: 440px; border-bottom: solid 1px #ffffff;} div.infoColumnRow {border-bottom: solid 1px #ffffff; padding-bottom: 6px; font-size: 10px; width: 440px;} div.multiAdd p.attribLabelWide {width: 205px;} div.multiAdd div.attribBlockWide { width: 440px; /*min-height: 30px;*/ height:auto !important; height: 30px; clear: left; position: relative; border-top: solid 1px #efefef; border: solid 1px #cccccc; margin: 8px 0px 5px 0px; padding: 0px 0px 0px 0px; background: url('multiAddPanel_bg.gif') 0px 0px repeat-x; background-color: #ffffff; } div.multiAdd div.attribBlock {float: left;} div.multiAdd div.sizeBlock {clear: both; width: 205px; padding: 0px 0px 10px 8px;} div.multiAdd div.sizeBlock div {border: solid 1px; padding: 3px 3px 3px 3px; float: left; margin: 3px 3px 3px 0px; font-size: 9px; background-color: #ffffff;} div.multiAdd div.colorBlock {clear: both; width: 205px; padding: 0px 0px 10px 8px;} div.multiAdd div.colorBlock div {border: solid 1px; padding: 2px 2px 2px 2px; float: left; margin: 3px 3px 3px 0px; font-size: 9px;} div.multiAdd div.colorBlock img {width: 30px; height: 30px; border: none;} div.multiAdd div.colorBlock div.unavail, div.multiAdd div.sizeBlock div.unavail { border: dashed 1px; filter:alpha(opacity=50); opacity:0.5; } div.multiAdd p.attribLabelWide {border: none; margin-top: 0px;} div.multiAdd div.productAlert {clear: left;} div.multiAdd div#multiAddDesc {position: absolute; top: 3px; left: 10px;} div.multiAdd div#multiAddGift {position: absolute; top: 3px; left: 150px;} div.multiAdd div.attribLabel {padding: 10px 6px 0px 0px; text-align: left; width: auto;} div.multiAdd div.attribChoice {padding: 6px 0px 4px 0px;} div.grpInfoBtn { cursor: pointer; border-top: solid 2px #ffffff; border-left: solid 2px #ffffff; border-bottom: solid 2px #a5a5a5; border-right: solid 2px #a5a5a5; padding: 3px 6px 3px 6px; background-color: #efefef; } div.grpInfoBtnHot { border-bottom: solid 2px #ffffff; border-right: solid 2px #ffffff; border-top: solid 2px #a5a5a5; border-left: solid 2px #a5a5a5; font-weight: normal; font-size: 11px; color: #939393; } div.grpInfoSlide {width: 400px; padding: 30px 8px 8px 8px; margin-top: 0px;} div.grpGiftTabPanel {margin-top: 0px; margin-bottom: 8px;} .grpProdDesc p {margin: 4px 0px 15px 0px; line-height: 155%; padding: 0px 0px 0px 0px;} .grpProdDesc ul {margin: 10px 0px 10px 25px; padding: 0px 0px 0px 0px; line-height: 155%;} .grpProdDesc ul li {margin: 6px 0px 6px 0px; padding: 0px 0px 0px 0px;} div.multiAdd input.selectQty {margin: 4px 20px 0px 0px} /*div.grpInfoBtn, div.grpInfoBtnHot { background-color:transparent; border:medium none; color:#666666; font-size:10px; font-weight:normal; }*/ /* Shop by Title */ ul#shopbyList {margin: 0px 0px 20px 0px;} ul#shopbyList li {margin: 5px 0px 5px 0px; padding: 3px 3px 3px 0px; width: 400px;} #shopbyList a {color: #4A6BA5; text-decoration: none;} #shopbyList a:hover {color: #7B94D6; text-decoration: underline;} .shopbyIcon {float: left; width: 110px; height: 110px;} .shopbyListBox {float: left; width: 475px;} /* Index Page */ #sectionFeatureCopy a {color: #666666; text-decoration: none;} #sectionFeatureCopy a:hover {text-decoration: underline;} #sectionFeatureCopy {float: left; width: 257px; line-height: 150%;} #sectionFeatureCopy h1 { font-size: 16px; width: 257px; border: none; color: #666666; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px; } #sectionFeatureCopy h1 a {color: #666666;} #sectionFeatureCopy h1 a:hover {text-decoration: underline;} .sectionFeatureRight {float: right; width: 115px;} .sectionFeatureRight h2 { border-top: solid 1px #dddddd; margin: 16px 0px 0px 0px; padding: 4px 0px 4px 0px; font-size: 12px; } .sectionFeatureRight p {margin: 4px 0px 10px 0px; padding: 0px 5px 0px 5px;} .sectionFeatureRight a {color: #666666; text-decoration: none;} .sectionFeatureRight a:hover {text-decoration: underline;} p.rightColumnPrice {margin: -6px 0px 10px 0px;} .sectionSubFeature { width: 151px; float: left; margin: 8px 6px 20px 0px; line-height: 150%; background: url("subFeatureBG.gif") 0px 0px repeat-x; } .sectionSubFeature a {color: #666666; text-decoration: none;} .sectionSubFeature a:hover {text-decoration: underline;} .sectionSubFeature h2 { width: 151px; border-top: solid 1px #666666; font-size: 12px; text-align: center; padding: 3px 0px 3px 0px; margin: 0px 0px 6px 0px; } .sectionSubFeature p {margin: 4px 0px 10px 0px; padding: 0px 5px 0px 5px;} ul.sectionFeatureList {margin: 8px 0px 10px 20px; padding: 0px 0px 0px 0px;} ul.sectionFeatureList li {margin: 13px 0px 0px 0px;} .subFeatureImage { width: 151px; text-align: center; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .subFeatureImage img { border-top: solid 1px #ffffff; border-left: solid 1px #ffffff; border-bottom: solid 1px #cccccc; border-right: solid 1px #cccccc; padding: 3px 3px 3px 3px;} /* Search */ div#searchTermBar { background-color: #efefef; color: #666666; font-size: 11px; text-align: center; padding: 0px 0px 0px 0px; margin-bottom: 6px; } #backtoResults a { display: block; background-color: #efefef; border-top: solid 2px #dddddd; border-left: solid 2px #dddddd; border-right: solid 2px #cccccc; border-bottom: solid 2px #cccccc; width: 595px; text-align: center; padding: 3px 0px 3px 0px; text-decoration: none; color: #999999; font-weight: bold; text-transform: uppercase; } #backtoResults a:hover {background-color: #ffffff;} div#searchTermBar a {color: #4A6BA5; text-decoration: none;} div#searchTermBar a:hover {text-decoration: underline; color: #7B94D6;} div#searchTermBar h2 {font-weight: bold; font-size: 12px; margin: 0px 0px 6px 0px; padding: 5px 0px 6px 0px;} .searchNarrowHead { font-weight: bold; color: #999999; width: 149px; padding: 3px 0px 5px 5px; margin: 10px 0px -5px 0px; position: relative; z-index: 50;} ul.searchList {margin-bottom: 25px; margin-top: -3px;} ul.searchList li {margin-top: 8px; margin-left: -2px; padding: 0px 0px 0px 0px;} .searchCopy a {color: #666666; text-decoration: none;} .searchCopy a:hover {text-decoration: underline;} .searchCopy h3 {padding: 0px 0px 0px 0px; font-size: 11px; margin: 5px 0px 0px 0px;} .searchCopy h2 {padding: 0px 0px 0px 0px; font-size: 14px; margin: 5px 0px 8px 0px;} /* Footer & Copyright */ div.charLink { z-index: 100; position: absolute; top: 19px; left: 600px; font-size: 10px; } div.charLink a {color: #4a6ba5; text-decoration: none;} div.charLink a:hover {color: #7b94d6;} #dsfooter p#USsite a { border:0 none; color:##329FD8; font-size:11px; } div#dsfooter { margin: 0px 0px 0px 0px; width: 776px; height: 107px; position: relative; clear: both; text-align: center; color: #ffffff; padding: 3px 0px 0px 0px; float: left; } #footer a {color: #e5e5ea; text-decoration: none;} #footer a:hover {text-decoration: underline;} #footer p {margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px;} .footerLabel {font-weight: bold;} /*.footerAltRow {border-top: solid 1px #ECEFF3; border-bottom: solid 1px #ECEFF3;}*/ div.footerBG {position: relative; z-index: 0; height: 110px; width: 776px;} div.footerBlockBox {position: relative; z-index: 100; margin: -108px 0px 0px 0px; height: 110px;} div.footerBlock {float: left; width: 179px; padding: 0px 6px 0px 9px;} #footerMailBox { margin: -70px 0px 0px 775px; background-color: #ffffff; width: 217px; height: 60px; padding: 2px 0px 2px 0px; text-align: center; border-top: solid 1px #efefef; border-left: solid 1px #efefef; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc;} #footerMessageBox { color: #999999; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; text-align: center; } #footerMessageBox p { margin: 6px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #999999; } div#copyright { margin: 0px auto 0px auto; width: 776px; position: relative; padding: 6px 0px 8px 0px; text-align: center; color: #abafc3; clear: both; float: left; } div#copyright a {color: #abafc3; text-decoration: none;} div#copyright a:hover {text-decoration: underline;} /*DATA DRIVEN TEMPLATE*/ /* Featured Items ---------------------------------------- */ /* Featured Focus */ div#flashHead {position: relative; top: 0px; left: 0px; border: solid 1px #ffffff;} .featured_focus {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} .featured_focus .focus_shot {float: left;width: 300px;} .featured_focus .focus_info {float: right; width: 280px; padding-right: 8px;} .focus_info p { font-size: 12px; line-height: 165%; color: #666666; margin: 0px 0px 0px 0px; padding: 8px 0px 0px 0px; } /* Featured List */ .featured_list {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none;} ul.focusList { font-size: 11px; list-style-image: url("i_next.gif"); margin: 0px 0px 0px 18px; padding: 0px 0px 0px 0px; } ul.focusList li {margin: 15px 0px 15px 0px;padding: 0px 0px 0px 0px;} .featured_focus a {text-decoration: none; color: #5D76AD;} .featured_focus a:hover {text-decoration: underline;} .featured_focus img {border: none;} .featured_focus h2 { margin: 12px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 18px; color: #034977; } .featured_focus h2 a {color: #034977; text-decoration: none;} .featured_focus h2 a:hover {text-decoration: underline; color: #034977;} h2.featured_listH2 { margin: 15px 0px 0px 0px; font-size: 18px; color: #034977; clear: both; border-top: #b3d3ec 1px dashed; width: 595px; padding: 8px 0px 6px 0px; } h2.featured_listH2 a {color: #034977; text-decoration: none;} h2.featured_listH2 a:hover {text-decoration: underline; color: #034977;} .featured_list li { float: left; border-right: #b3d3ec 1px dashed; padding: 10px 15px; width: 170px; height: 275px; } .featured_list li.first_in_row {padding-left: 10px; width: 170px;} .featured_list li.last_in_row {border-right: none; padding-right: 0;} .featured_list li .price {margin-top: -.75em; color: #06c;} .featured_list li .sale_price {color: #f00;} .featured_list li .old_price {color: #999;} .featured_list li img {margin: 0 0 10px; border: none;} .featured_list li p {margin: 6px 0px 6px 0px; padding: 0px 0px 0px 0px;} .featured_list li a {color: text-decoration: none; color: #5D76AD; text-decoration: none;} .featured_list li a:hover {text-decoration: underline;} /* Links with Icons ---------------------------------------- */ .i_more { border-top: #b3d3ec 1px dashed; text-align: left; width: 595px; float: left; } .i_more p { border-top: #b3d3ec 1px solid; border-left: #b3d3ec 1px solid; border-right: #2c85c2 1px solid; border-bottom: #2c85c2 1px solid; width: 232px; padding: 4px 4px 4px; margin: -11px 0px 20px 183px; position: relative; z-index: 5; background-color: #ffffff; text-align: center; } .i_more a { background: url("i_more.gif") no-repeat 6px center; margin: 0 0 .75em; padding: 4px 0px 4px 26px; color: #4a6ba5; text-decoration: none; } .i_more a:hover {color: #7b94d6;} .i_next {padding-left: 14px; background: url("i_next.gif") no-repeat left center;} p.salePrice {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} /* Clearing Inner Floats ---------------------------------------- */ #contentBox:after, .featured_focus:after, .featured_list:after, #special:after, .disney_brands:after { content: "."; display: block; height: 0px; line-height: 0px; font-size: 1px; clear: both; visibility: hidden; } /*REMOVE RIGHT SIDEBAR*/ /* div#sideBar {display: none;} div#mainBox {width: 775px;} div#dsfooterMailBox {display: none;} div#copyright {width: 770px;} div#dsfooter {width: 770px;} div#chrome {width: 775px;} div#tabNav1Box {width: 775px;} div#searchSpot {width: 440px;} */ /*HIDE FOOTER MAILBOX*/ div#dsfooterMailBox {display: none;} /* UI Styles ---------------------------------------- */ /*ThickBox*/ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ *{padding: 0; margin: 0;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ /*ThickBox*/ #TB_overlay { position: fixed; top: 0; left: 0; height:100%; width:100%; z-index:900; } .TB_overlayBG { background-color: #000; filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; } #TB_window { display: none; position: fixed; top: 40%; left: 50%; padding: 0; text-align: left; color: #000; background: #fff; border: none; z-index: 1000; } /* [if lte IE 7] [end if] */ #TB_window a { color: #666666; } #TB_window a:hover {color: #000;} #TB_window img#TB_Image { display: block; margin: 15px 0 0 15px; border: 1px solid #ccc; border-color: #ccc #ccc #666 #666; } #TB_caption{ float: left; height: 25px; padding: 7px 30px 10px 25px; } #TB_closeWindow{ float: right; height: 25px; padding: 11px 25px 10px 0; } #TB_closeAjaxWindow{ float: right; margin-bottom: 1px; padding: 7px 10px 5px 0; text-align: right; } #TB_ajaxWindowTitle{ float: left; margin-bottom: 1px; padding: 7px 0 5px 10px; display:none; } #TB_title{ background-color: #e8e8e8; height: 27px; } #TB_ajaxContent{ clear:both; padding: 2px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; } #TB_ajaxContent.TB_modal{ padding: 15px; } #TB_ajaxContent p{ padding: 5px 0; } #TB_load{ display: none; position: fixed; top: 50%; left: 50%; height: 13px; width: 208px; margin: -6px 0 0 -104px; z-index: 103; } #TB_HideSelect{ position:fixed; top: 0; left: 0; height:100%; width:100%; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; z-index:99; } #TB_iframeContent{ clear: both; border: none; margin-top: 1px; margin-bottom: -1px; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } /* login / register / modal styles */ #plsTakeThisThickbox { display: block; overflow: hidden; padding: 0 20px; line-height: 1.3em; text-align: left; background: url(//img.disneystore.co.uk/content/hub/checkout02/images/register-modal-background.jpg) repeat-x 0 0; } #plsTakeThisThickbox .error { margin:0 0 10px; color:red; } #plsTakeThisThickbox dl { } #plsTakeThisThickbox dt { clear: both; width: 500px; } #plsTakeThisThickbox dd { float: left; } #plsTakeThisThickbox input { margin-bottom: 5px; } #plsTakeThisThickbox p { clear: both; } #plsTakeThisThickbox #popupRegister, #plsTakeThisThickbox #popupGuestCheckout { width: 145px; height: 28px; margin: 10px 0 15px; padding-bottom: 6px; font-weight: bold; font-size: 100%; color: #5c8fba; border: none; background: url(//img.disneystore.co.uk/content/hub/checkout02/images/btnLiteBlue.gif) no-repeat center bottom; cursor: pointer; } #plsTakeThisThickbox #signInButton, #plsTakeThisThickbox #userRegButton, #plsTakeThisThickbox #shippingModalSubmit { width: 145px; height: 28px; margin: 10px 0 15px; padding-bottom: 8px; font-weight: bold; font-size: 100%; color: #fff; border: none; background: url(//img.disneystore.co.uk/content/uk/themes/default02/giftwrap/btnBlue.gif) no-repeat; cursor: pointer; } #plsTakeThisThickbox #signInButton { float:left; } #plsTakeThisThickbox form#actionLogin { position:relative; } #plsTakeThisThickbox form#actionLogin a { float:left; display:block; line-height:42px; margin-left:15px; } #plsTakeThisThickbox h3 { clear:both; } .popupGuest { padding: 0 5px 0; color: #4f4f4f; } .popupRegister { margin: 0 auto; color: #4f4f4f; border-bottom: 1px solid gray; } .popupRegister h3 { font-size: 105%; } .popupRegister ul { list-style: none; } .popupSignin h3 { margin: 5px 0 15px; font-size: 110%; } .popupGuest h3, .popupRegister h3 { margin-top: 5px; } #newShippingModal h3 { margin: 0; } #popupDeleteConfirmation { margin-top: 5px; } /* end login / register modal styles */ /* Modal Panel */ .tbPanel { width: 450px; background-color: #D9F1FB; color: #666666; padding: 0px; text-align: left; border: 2px solid #BDDDE9; } p.modalMain {font-weight: bold;} p.modalButtons {text-align: center; width: 430px;} div.tbPanel form {text-align: center; margin:0px 0px 10px 0px;} .tbPanel h2 {background-color: #BDDDE9; border-bottom: solid 2px #B3D2DD; margin: 0px; padding: 5px 5px 5px 10px; color: #2982C6; font-size: 14px;} .tbPanel p {margin: 10px 10px 10px 10px;} a.tbPanelClose {display: block; margin: -25px 0px 20px 385px; color: #2982C6;} #TB_window { position: fixed; background: transparent; display:none; border: none; padding: 0px; } /* MiniCart */ div#cartPreviewBox {position: relative;} div.cartBox {margin: 0px; padding: 0px; width: 284px; border-top: none; border-left: solid 1px #efefef; border-right: solid 1px #cccccc; color: #666666;} div.cartBox a {text-decoration: none; color: #034977;} div.cartBox a:hover {text-decoration: underline;} div#cartBoxItem {padding: 0px; font-size: 10px;} div#cartBoxItem div.leftColumn {border-right: dashed 1px #cccccc; padding-right: 6px; margin: 6px 6px 6px 6px;} div#cartBoxItem p {line-height: 145%; margin: 4px 0px 4px 5px;} div#cartBoxItem h2 {font-size: 11px; padding: 3px 3px 4px 8px; position: relative; z-index: 800; margin: -2px 0px 0px 0px; font-weight: bold; background: url('close_cart.png') 0px 0px no-repeat; color: #ffffff; height: 17px; width: 274px; background-color: #b2d5e3;} div#cartBoxItem h3 {font-size: 11px; padding: 5px 0px 0px 0px; margin: 0px 4px 0px 4px; font-weight: bold;} div#cartPreview {position: absolute; clear: both; width: 250px; z-index: 30;} div#pane2 {background-color: #ffffff; width: 295px; line-height: 145%; position: absolute; z-index: 25;} p.slide_button1 {margin-top: 0; padding: 0px 0px 0px 0px;} div#cartBoxRow {clear: both; background-color: #efefef; height: 60px; overflow: hidden; padding: 5px 5px 5px 5px;} div#cartBoxRow div {float: left; width: 60px; font-size: 10px;} div#cartBoxRow span {padding-right: 30px;} div#cartBoxRow2 { border-bottom: solid 2px #cccccc;} /* Make this update to master (removed from cartBoxRow2 p) */ div#cartBoxRow2 p {font-size: 9px; clear: left; margin: 0px; padding: 0px 0px 3px 0px; text-align: center;} div#cartBoxRow2 img {margin: 3px 0px 3px 0px; padding: 0px 0px 0px 6px; float: left;} div#cartBoxRow2 div {font-size: 10px; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; text-align: right; padding: 2px 8px 5px 5px; background: #efefef; margin-bottom: 3px;} div#cartBoxTotal {width: 125px; padding: 6px 3px 0px 6px;} div.addtoCartBox {margin-top: 12px;} div#cartBoxItem div.cartBoxNav {background-color: #faeca5; color: #000000; font-size: 9px; font-weight: normal; text-align: center; padding: 3px 0px 3px 0px; border-top: solid 1px #efefef;} div#cartBox div.cartBoxNav a {margin: 0px 2px 0px 2px; color: #333333; font-size: 9px;} div#cartBoxItem, div#cartBoxRow2 {} /*JSK div#cartBoxRow2 p.cartSubTotal {font-weight: bold; margin-top: 11px; width: 130px; float: left; border: none; text-align: center; font-size: 11px;} */ input.proceedButton { font-weight: bold; font-size: 11px; color: #333333; background-color: #faeca5; padding: 1px 1px 1px 1px; border-bottom: solid 2px #e0cd88; border-right: solid 2px #e0cd88; border-top: solid 2px #fff7d0; border-left: solid 2px #fff7d0; width: 120px; margin: 6px 0px 5px 8px; } p.cartRemoveBtn {text-align: center; margin: 0px 0px 0px 0px;} div#cartBox p.cartRemoveBtn a {color: #034977; font-weight: normal;} div#cartBoxItem p.cartPrice {font-weight: bold; margin-top: 0px;} div#cartMoreInfo div {margin-left: 15px; padding-bottom: 3px;} /* Add to Master */ div#cartBoxItem p.emptyCartMessage {padding: 30px 0px 30px 0px; text-align: center;} div#cartBoxItem p.removedItemsMessage {padding: 10px 8px 8px 8px; text-align: left;} div#cartBoxItem ul {height: 110px; overflow: auto; margin: 0px 0px 10px 20px; font-size: 9px;} div#cartBoxItem ul li {margin: 5px 0px 5px 15px;} div#cartBoxRow2 img#dsiCartLogo {float: right; margin: 2px 8px -14px 0px; display: none; position: relative; z-index: 150;} #dsiCartLogo {display: none;} /*JSK div.panel_example {position: absolute; z-index: 2000; top: 39px; left: 351px; text-align: left;} */ /* jqPanels */ .panel{ cursor: pointer;} .panel-closed{ display:none; } .panel-target {background-color: #ffffff;} /* jqTabs */ /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .tabs-hide { display: none; } } /* Hide useless elements in print layouts... */ @media print { .tabs-nav { display: none; } } /* Skin */ .tabs-nav { list-style: none; margin: 0; padding: 0 0 0 4px; } .tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; } .tabs-nav li { float: left; margin: 0 0 0 1px; min-width: 84px; /* be nice to Opera */ } .tabs-nav a, .tabs-nav a span { display: block; padding: 0 10px; background: url(tab.png) no-repeat; } .tabs-nav a { position: relative; top: 1px; z-index: 2; padding-left: 0; color: #27537a; font-size: 12px; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ } .tabs-nav .tabs-selected a { color: #000; } .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { background-position: 100% -150px; outline: 0; /* prevent dotted border in Firefox */ } .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active { background-position: 100% -100px; } .tabs-nav a span { width: 64px; /* IE 6 treats width as min-width */ min-width: 64px; height: 18px; /* IE 6 treats height as min-height */ min-height: 18px; padding-top: 6px; padding-right: 0; } *>.tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; } .tabs-nav .tabs-selected a span { padding-top: 7px; } .tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span { background-position: 0 -50px; } .tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span { background-position: 0 0; } .tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; } .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; } .tabs-nav .tabs-disabled { opacity: .4; } .tabs-container { border-top: 1px solid #97a5b0; padding: 1em 8px; background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */ } .tabs-loading em { padding: 0 0 0 20px; background: url("loading_small.gif") no-repeat 0 50%; } /* QuickView */ img.qvButtonImg {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; top: -200px; left: 0px; width: 126px; height: 36px;} /* New product attribute layout */ div.sizeBlock {clear: both; width: 275px; padding: 0px 0px 10px 8px;} div.sizeBlock div {border: solid 1px #666666; color: #666666; padding: 5px 8px 5px 8px; float: left; margin: 3px 3px 3px 0px; font-size: 10px; background-color: #ffffff; white-space: nowrap; cursor: pointer;} div.colorBlock {clear: both; width: 275px; padding: 0px 0px 10px 8px; min-height: 40px; height: auto !important; height: 40px; } div.colorBlock div {border: solid 1px; padding: 3px 3px 3px 3px; float: left; margin: 3px 3px 3px 0px; font-size: 9px; white-space: nowrap; cursor: pointer; background-color: #ffffff;} div.colorBlock div.unavail, div.sizeBlock div.unavail { border: dashed 1px; filter:alpha(opacity=50); opacity:0.5; } div.colorBlock div.attribHot {border: solid 2px #0b77b8; color: #0b77b8; background-color: #edf9fe; padding: 2px 2px 2px 2px;} div.sizeBlock div.attribHot {border: solid 2px #0b77b8; color: #0b77b8; background-color: #edf9fe; padding: 4px 7px 4px 7px;} div.colorBlock div.attribHover {border: solid 2px #0b77b8; color: #0b77b8; background-color: #edf9fe; padding: 2px 2px 2px 2px;} div.sizeBlock div.attribHover {border: solid 2px #0b77b8; color: #0b77b8; background-color: #edf9fe; padding: 4px 7px 4px 7px;} div.colorBlock img {width: 30px; height: 30px; border: none;} div.prodTitle { margin-bottom: 5px;} span.sizeDisplay {font-weight: bold;} span.sizeDisplay {font-weight: bold;} p.attribLabelWide {width: 285px; text-align: left; padding: 6px 0px 0px 0px; border-top: dashed 1px #ffffff; margin: 6px 0px 6px 0px;} div#prodDescBox a.detailsBtn { display: block; background-color: #00a9dc; border-top: solid 2px #2abeeb; border-left: solid 2px #2abeeb; border-bottom: solid 2px #1289ad; border-right: solid 2px #1289ad; padding: 2px 0px 2px 0px; color: #ffffff; text-align: center; clear: both; width: 216px; font-size: 10px; } div#prodDescBox a.detailsBtn:hover {background-color: #18c1f4; color: #ffffff;} #previewBoxColumn1 {width: 213px;float: left; padding-right: 6px; border-right: dashed 1px #cccccc; height: 360px;} #previewBoxColumn1 img#mainImage {width: 210px; height: 210px;} #previewBoxColumn2 {float: left; width: 230px;} div#previewBoxColumn2 div#prodDescBox div.prodIcon {} div#previewBoxColumn2 div#prodDescBox div.prodTitle {width: 150px;} div#previewBoxColumn2 div#prodDescBox div.prodTitle h1 {width: 150px;} div#previewBoxColumn2 div#prodDescBox div.prodTitle span.prodPrice {display: block;} #previewBoxWrap {width: 465px; text-align: left; overflow: visible;} span.attribDisplay {font-weight: bold;} /* Adjustments for narrow product preview */ div#previewBoxWrap div.addtoCartBox {width: 220px; margin-bottom: 4px;} div#previewBoxWrap div.prodDescCopy { font-size: 10px; width: 235px; padding-top: 0px; margin-top: -5px; height: auto; overflow: auto; max-height: 80px; height: expression(this.scrollHeight > 79 ? "80px" : "auto"); /* IE6 Max Height */ position: relative; /* IE6 Scrolling Overflow fix */ } div#previewBoxWrap div.attribLabel {width: 35px;} div#previewBoxWrap div#sizeBlock {width: 210px;} div#previewBoxWrap div#colorBlock {width: 210px;} div#previewBoxWrap p.attribLabelWide {width: 210px;} div#previewBoxWrap div#prodDescBox {width: 235px;} div#previewBoxWrap div#attribBlock { overflow: auto; float: left; width: 235px; margin-top: -5px; max-height: 150px; height: expression( this.scrollHeight > 149 ? "150px" : "auto" ); /* sets max-height for IE */ } div#previewBoxWrap div.attribBlock { overflow: auto; float: left; width: 235px; margin-top: -5px; max-height: 120px; height: expression( this.scrollHeight > 119 ? "120px" : "auto" ); /* sets max-height for IE */ } div#previewBoxWrap div.enhanceLink a {width: 210px;} div#previewBoxWrap div div#multiImage {width: 210px; margin-top: 4px;} p#giftItButton {background: url('giftBox.gif') 0px 0px no-repeat; height: 23px; padding: 5px 0px 0px 40px; color: #08a3e0; margin-left: 5px;} p#giftItButton a {text-decoration: none; color: #08a3e0;} /* global */ #cluetip-close img { border: 0; } #cluetip-title { overflow: hidden; } #cluetip-title #cluetip-close { float: right; position: relative; } #cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url("wait.gif"); } .cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0; } #cluetip-extra { display: none; } /*************************************** =cluetipClass: 'default' -------------------------------------- */ .cluetip-default { } .cluetip-default #cluetip-outer { position: relative; margin: 0; } .cluetip-default h3#cluetip-title { margin: 0 0 0px; padding: 0px 0px 0px; font-size: 1.1em; font-weight: normal; color: #fff; } .cluetip-default #cluetip-title a { color: #d9d9c2; font-size: 0.95em; } .cluetip-default #cluetip-inner { padding: 10px; } .cluetip-default div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; } div#cluetip-close {margin: 0px; width: 20px; position: absolute; z-index: 150; text-align: left; left: 445px; top: 5px; text-align: right;} div#cluetip-close a { border: solid 1px; background-color: #efefef; display: block; padding: 0px; color: #999999; width: 15px; height: 15px; margin: 0px 0px 0px 0px; text-decoration: none; border: #999999; text-align: center; } div#cluetip-close a:hover {border-color: #cc0000; color: #cc0000;} /*************************************** =cluetipClass: 'previewBox' -------------------------------------- */ .cluetip-previewBox { background-color: transparent; } .cluetip-previewBox #cluetip-outer { border: none; width: 492px; height: 375px; position: relative; background-color: #ffffff; margin-top: -80px; text-align: left; padding-top: 10px; background-color: transparent; background: url('previewBox_bg.png') 0px 0px no-repeat; } .cluetip-previewBox h3#cluetip-title { margin: 0 0 5px; padding: 2px 5px; font-size: 16px; font-weight: normal; background-color: #ff0000; color: #333; visibility: hidden; height: 1px; } .cluetip-previewBox #cluetip-inner { padding: 0 5px 5px; display: inline-block; } .cluetip-previewBox div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; } /* previewBox arrows */ .clue-right-previewBox .cluetip-arrows { /*background-image: url(images/arrowleft.gif);*/ } .clue-left-previewBox .cluetip-arrows { /*background-image: url(images/arrowright.gif);*/ left: 100%; margin-right: -11px; } .clue-top-previewBox .cluetip-arrows { /*background-image: url(images/arrowdown.gif);*/ top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-previewBox .cluetip-arrows { /*background-image: url(images/arrowup.gif);*/ top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } h3#cluetip-title {display: none;} /* IE6 HasLayout hack */ .cluetip-previewBox #cluetip-title, .cluetip-previewBox #cluetip-inner { zoom: 1; } /* Gift Boxing */ input.formField { font: 11px verdana, arial, helvetica, sans-serif; width: 200px; color: #666666; } select.selectChoice { font: 10px verdana, arial, helvetica, sans-serif; width: 200px; color: #666666; } textarea { width: 200px; height: 30px; overflow: hidden; } .addGiftBox { padding: 0px 0px 0px 0px; width: 285px; margin: 5px 0px -10px 0px; font-size: 10px; float: left; border: none; } p#slideGift {background: url('gift_bg.gif') 0px 0px no-repeat; height: 23px; padding: 9px 0px 0px 54px; color: #08a3e0; margin: 0px 0px 6px 0px; cursor: pointer;} p#giftPanelClose {background: url('gift_close_bg.gif') 0px 0px no-repeat; height: 23px; padding: 9px 0px 0px 0px; text-align: center; color: #08a3e0; margin: 6px 0px 0px 0px; cursor: pointer;} div#giftTabPanel {width: 270px; border-left: solid 1px #a8cae0; border-right: solid 1px #a8cae0; padding-top: 3px; margin: -4px 0px -8px 6px; height: 260px; background-color: #ffffff;} div#giftPanel {background-color: transparent;} .addGiftBox p {margin: 6px 0px 6px 0px; padding: 0px 0px 0px 0px;} .giftBoxImage { float: left; width: 76px; margin-left: 8px; margin-top: 12px; clear: both;} .giftBoxStyle select.selectChoice {width: 200px;} div#fragment1, div#fragment2 {height: 215px; overflow: auto;} div#fragment2 img {margin-left: 30px;} div#fragment1 p {padding-left: 10px;} .tabs-nav a {font-size: 10px;} li.giftTab1 {margin-left: 35px;} /* Grouped Product Page Gifting */ div.grpGiftTabPanel {width: 270px; border-left: solid 1px #a8cae0; border-right: solid 1px #a8cae0; padding-top: 3px; margin: -4px 0px -8px 6px; height: 260px; background-color: #ffffff;} div.grpGiftPanel {background-color: transparent;} div.grpFragment1, div.grpFragment2 {height: 215px; overflow: auto;} div.grpFragment2 img {margin-left: 30px;} div.grpFragment1 p {padding-left: 10px;} div.multiAdd div.grpGiftTabPanel {width: 400px;} div.multiAdd input.formField {width: 150px;} div.multiAdd textarea {width: 150px;} div.grpGiftTabPanel div.grpFragment1 {overflow:visible;} div.grpGiftTabPanel div.grpFragment1 div {width: 185px; float: left;} div.grpGiftTabPanel div.grpFragment1 div p {height: 50px;} div.multiAdd div.grpGiftTabPanel {height: 210px;} div.multiAdd div.grpFragment1, div.multiAdd div.grpFragment2 {height: 150px;} div.multiAdd div.grpFragment1 p {margin: 8px 0px 8px 0px;} /*=Default09 Update ---------------------------------------- */ a { color: #0978bf; text-decoration: none; } a:hover { color: #0978bf; text-decoration: underline; } div#mainBox { margin: 0 auto; /*padding: 0 103px 0 104px;*/ padding: 0; width: 994px; position: relative; text-align: left; background: #fff url('bgk_default10.jpg') no-repeat; overflow:visible; /*JSK CASE A*/ background:none; background-position: center top; min-height:600px; } div#contentBox { float: left; text-align: left; padding: 0; width: 994px; /* background: url("side_leftInner.jpg") 0 0 no-repeat; background-color: #ffffff;*/ min-height: 720px; height: auto !important; height: 720px; } div#logoSpot { margin-top: 0px; margin-bottom: 0px; width: 214px; height: 70px; position: relative; float: left; overflow: visible; } img.imageLogo { width: 214px; height: 108px; position: absolute; top: 8px; left: 0px; z-index: 50; } div#contentColumn1 { width: 214px; float: left; padding: 10px 0 0; background-image: none; } div#contentColumn4 { width: 605px; float: left; padding: 0; background-color: transparent; /*#ffffff;*/ min-height:500px; height:auto !important; height:500px; margin-top:0;/*-5px;*/ padding-left:5px; } div#sideBar { position: absolute; top: 155px; left: 827px; /*JSK 935px;*/ margin-top: 0; width: 165px; background-image: none; float: right; /*height: 500px;*/ overflow:hidden; } div#sideBar img { border: none; } div#sideBar ul.promos, ul#subSpecial { margin: 0; padding: 0; list-style: none; } .buttonNav { display: none; } .columnNav { display: none; } img.navBar { margin-top: -98px; position: relative; z-index: 20; } /*=SIDELEFT AND SIDERIGHT JSK=*/ div.sideLeft { display:none; position: absolute; top: 0px; left: -104px; width: 104px; height: 1052px; /*background: url("side_left.jpg") 0px 0px no-repeat;*/ /*JSK CASE A*/ background: #fff url('bgk_default10.jpg') no-repeat; background-position: 0 0; } div.sideRight { display:none; position: absolute; top: 0px; left: 994px; width: 103px; height: 1052px; /*background: url("side_right.jpg") 0px 0px no-repeat;*/ /*JSK CASE A*/ background: #fff url('bgk_default10.jpg') no-repeat; background-position: right top; } div.leftNavAd { margin-top: 10px; width:217px; display:block; } body { text-align: center; /* for IE */ margin: 0; padding: 0; font: 11px verdana, arial, helvetica; color: #666666; background: #e2e7f0 url(background.gif) repeat-y center top; } div.baseWrapper { background: url(//aimg.disneystore.co.uk/content/uk/themes/default01/bgk_default10.jpg) no-repeat; background-position: center top; width: 100%; margin: 0 auto; } /* class newChrome styles for old checkout pages using new tableless chrome html */ div.newChrome { width: 100%; margin: 0 auto; overflow: hidden; background: url(//img.disneystore.co.uk/content/uk/themes/default02/chromeBg.gif) no-repeat center 0; } div.newChrome form { width: 980px; margin: 0 auto; } div.newChrome ul { float: left; width: 980px; height: 30px; margin: 0 auto; padding: 0; text-align: center; list-style: none; } div.newChrome li { float: left; } div.newChrome a { float: left; display: block; line-height: 16px; padding: 6px 12px; border-left: 1px solid #999; color: #999; } div.newChrome a:hover { color: #fff; } div.newChrome #chromeLogo { width: 65px; height: 29px; border: none; margin-right: 20px; position: relative; background: url(//img.disneystore.co.uk/content/uk/themes/default02/chromeLogo.png) no-repeat 0 0; } div.newChrome #chromeLogo a { width: 65px; height: 29px; display: block; position: relative; padding: 0 5px 0 0; border: none; } div.newChrome a#Store { display: block; width: 58px; height: 21px; padding: 8px 0 0 12px; background: url(//img.disneystore.co.uk/content/uk/themes/default02/chrome_sprite2.png) no-repeat 1px -135px; color: #fa6212; border: none; } div.newChrome a#MyPage { border-right: 1px solid #999; } div.newChrome li#chromeSearch { float: right; width: 150px; height: 29px; padding: 0; line-height: 24px; background: url(chrome_sprite2.gif) no-repeat 4px -213px; border-left: none; } div.newChrome input.chSearchField { width: 96px; margin: 0 5px; padding: 0; border: none; font-size: 9px; color: #666666; background: transparent; } div.newChrome input.chromeGo { position: relative; margin-bottom: -5px; } /* end class newChrome styles */ /* dsfooter styles */ #dsfooter { float: none; clear: both; width: 980px; margin: 20px auto; padding: 30px 0 20px; text-align: center; font-size: 90%; color: #b6b6b6; } #dsfooter a { padding: 0 8px; color: #329fd8; border-right: 1px solid #999; } #legalFooter a { color: #999999; } #dsfooter a.last { border: none; } #dsfooter a:hover { text-decoration: underline; } #dsfooter p { font-size: 140%; margin: 15px auto 10px; } #dsfooter ul { list-style: none; font-size: 125%; } #dsfooter li { display: inline; } #dsfooter #footerLogo { height: 52px; width: 980px; margin: 25px auto 15px; background: url(//img.disneystore.co.uk/content/uk/themes/default02/disneyFooter.png) no-repeat center center; } #dsfooter #footerLogo a { border: none; display: block; width: 96px; height: 52px; margin: 0 auto; position: relative; } #dsfooter #footerLogo span { display: none; } .dslegalfooter a { color: #999; } #dsfooter p#copyright { margin: 0; padding: 0px 0; font-size: 95%; } #dsfooter p#copyright a { color: #b6b6b6; } div#legalFooter a { } div#dslegalFooter a { } /* end dsfooter styles */ .topCap { width: 994px; height:30px; clear: both; } div#searchSpot { color: #666666; background-image: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 280px; height: 75px; text-align: left; position: relative; } /*=todoJSK=*/ div#searchSpot form { margin: 6px 0px 0px 0px; padding: 5px 0px 0px 5px; width: 256px; height: 20px; position: relative; top: 16px; left: 10px; text-align: left; background: url("search_bg.gif") 0px 0px no-repeat; } input.searchField { font: 11px verdana, arial, helvetica, sans-serif; width: 160px; color: #666666; border:1px solid #fff; margin: 0px 0px 0px 2px; padding: 0px 0px 0px 0px; } input.searchButton { width: 75px; height: 21px; margin: -3px 0px 0px -5px; padding: 0px 0px 0px 0px; } select#searchOption { display: none; } /*=Cart & Log In =*/ .cartIcon { width: 35px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 4px; position: relative; z-index: 5; border: none; } div#cartSpot { /*--*/ text-align: center; width: 150px; height: 55px; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; position: relative; float: left; color: #ffffff; /*JSK background-image: url("cartSpot_bg.gif");*/ left: 0px; top: 0px; z-index: 500; border-left:1px solid #ffffff; } div#cartSpot p { margin: 0 0 0; padding: 0; } div#cartSpot a { color: #ffffff; text-decoration: none; font-weight: normal; } div#cartSpot a:hover { text-decoration: none; } div#cartBox p { padding: 0px 0px 0px 0px; margin: 14px 0px 0px 0px; } div#cartBox p.cartPrice { margin-top: 5px; } div.checkoutLink { padding: 0; margin: 0; position: absolute; top: 0px; left: 0px; color: #fff; /*#0978bf;*/ font-size: 9px; top: 26px;/*40px;*/ left: 52px; cursor: pointer; text-decoration: none; } img#cartOpenBtn { margin-top:0;/*-2px*/ position: absolute; top: 40px; left: 60px; z-index: 20; } /*JSK div.panel_example { position: absolute; z-index: 2000; top: 54px; left: -198px; text-align: left; } */ img.bagIcon { margin-right: 0; width: 30px; height: 49px; } div#welcomeSpot { float: left; width: 214px; padding-left: 4px; height: 75px; margin: 0px 0px 0px 0px; /*border-bottom: solid 1px #c1c1c1; */ border:none; } div#welcomeSpot p { padding: 0px 0px 0px 0px; margin: 24px 0px 2px 0px; color: #ffffff;/*#000000; */ } div#welcomeSpot span { font-size: 10px; color: #ffffff; } div#welcomeSpot a, div#welcomeSpot a:hover { color:#ffffff; text-decoration:underline; } div#welcomeSpot a:hover { font-weight:bold; } div#guestInfoSpot { float: left; width: 118px; height: 70px; padding: 5px 5px 0px 8px; /*JSK background-image: url("guestInfo_bg.gif"); border-bottom: solid 1px #c1c1c1;*/ color: #ffffff; font-size: 9px; position: relative; } div#guestInfoSpot ul { margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; } div#guestInfoSpot ul li { margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; color: #ffffff; } div#guestInfoSpot ul li.borderRow { border-top: 1px dotted #ffffff; border-bottom: 1px dotted #ffffff; } div#guestInfoSpot ul li a { color:#ffffff; } div#guestInfoSpot ul li a:hover { text-decoration:underline; } div#guestInfoSpot span { color: #0978bf; } img.storeIcon { position: absolute; top: 54px; left: 7px; } .loginLink { display: none; } .inCart { font-weight: bold; } #contentColumn4 h1#pageHead { /* color: #000000;1581c1; font-size: 20px;22px; font-weight: normal; border-bottom: solid 1px #d5d5d5; width: 595px; */ color: #fff; float: left; font-size: 10px; margin: 0; padding-left:5px; } #contentColumn4 h1#pageHead a { /* color: #000000;color: #1581c1; text-decoration: none; */ color: #fff; text-decoration:none; } #contentColumn4 h2#pageHead { color: #fff; float: left; font-size: 10px; margin: 0; padding-left:5px; } #contentColumn4 h2#pageHead a { color: #fff; text-decoration:none; } #prodDescBox h1 { width: 220px; color: #000000; border: none; font-size: 12px; margin: 5px 0px 8px 0px; font-weight: bold; } #category_blurb { font-size: 10px; font-weight: normal; color: #5c5c5c; margin: 10px 0; } /*--Footer--*/ div#dsfooter { margin: 30px auto 0px auto; text-align: center; color: #b6b6b6; width: 994px; position: relative; float: none; padding-top:10px; } div#dsfooter a { color:#329FD8; } div.footerBreak { margin: 20px 0px 20px 6px; } p#copyright { float: none; padding: 20px 0px 20px 0px; margin: 0px 0px 0px 0px; } p#copyright a { color: #b6b6b6; } /*--List Page--*/ .listBoxRow { clear: both; width: 595px; border-top: 1px solid #ebebeb; margin-bottom: 3px; border-bottom: none; height: 1px; font-size: 1px; } .listBox { width: 155px; margin: 8px 0px 0px 0px; padding: 18px 0px 0px 17px; float: left; font-weight: bold; } .listBoxMiddle { background: url("listBox_bg.gif") 17px 0px no-repeat; padding-right: 0px; padding-left: 45px; margin-left: 5px; margin-right: 5px; width: 190px; } select.sortList { width: 120px; } select.lengthList { width: 120px; } /*--Hide Search on LIst Pages--*/ .searchResults { display: none; } div#siteNav5 { display: none; } .giftFinderBottom { display: none; } /*--Product Page--*/ .enhanceLink a { width: 300px; height: 19px; font-weight: bold; display: block; background-color: transparent; color: #ffffff; text-align: center; margin: 6px 0px 0px 0px; text-decoration: none; padding: 3px 0px 0px 0px; border: none; background: url("zoom_bg.gif") 0px 0px no-repeat; } .enhanceLink a:hover { background-color: transparent; text-decoration: none; background: url("zoom_bg_hot.gif") 0px 0px no-repeat; } .addtoCartBox { width: 285px; background-color: transparent; border-top: dashed 1px #cbcbcb; border-bottom: solid 1px #ebebeb; float: left; margin: 4px 0px 0px 0px; padding: 8px 0px 6px 0px; font-size: 10px; position: relative; } .addtoCartButton { margin: -2px 0px 0px 8px; padding: 0px 0px 0px 0px; vertical-align: top; width: 156px; height: 34px; } div.addtoCartBox div.attribLabel { width: 75px; margin-top: 7px; } div.addtoCartBox div.attribChoice { width: 200px; height: 34px; } div.addtoCartBox div.attribChoice input.selectQty { margin-top: 7px; } /*--UI Style--*/ p#slideGift { color: #999999; background: url('gift_open09.gif') 0px 0px no-repeat; height: 20px; padding: 45px 0px 0px 15px; margin: 0px 0px 6px 0px; } p#giftPanelClose { color: #999999; background: url('gift_close09.gif') 0px 0px no-repeat; height: 20px; padding: 9px 0px 0px 0px; text-align: center; margin: 6px 0px 0px 0px; } div#giftTabPanel div#fragment1 p { margin-top: 10px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px; } div.sizeBlock div { color: #858585; padding: 5px 8px 5px 8px; float: left; margin: 3px 3px 3px 0px; font-size: 10px; background: url("swatch_bg.gif") 0px 0px repeat-x; background-color: #ffffff; white-space: nowrap; cursor: pointer; border-top: solid 1px #e7e7e7; border-left: solid 1px #e7e7e7; border-bottom: solid 1px #b7b7b7; border-right: solid 1px #b7b7b7; } div.sizeBlock div.attribHot { border: solid 2px #0b77b8; color: #0b77b8; background-color: #edf9fe; padding: 4px 7px 4px 7px; background-image: none; } div.sizeBlock div.attribHover { border: solid 2px #0b77b8; color: #0b77b8; background-color: #edf9fe; padding: 4px 7px 4px 7px; background-image: none; } div#giftTabPanel div#fragment2 div.mainText h2 { font-weight: bold; font-size: 11px; color: #0375b3; margin: 5px 6px 5px 10px; } div#giftTabPanel div#fragment2 div.mainText p { margin: 8px 6px 8px 10px; padding: 0px 0px 0px 0px; } div.panel_example { position: absolute; z-index: 2000; top: 42px;/*55px;*/ left: 65px; text-align: left; } div#cartBoxItem h2 { background: url('close_cart.png'); background-color: #cccccc; color: #666666; padding-left: 30px; width: 252px; } div#cartBoxItem div.cartBoxNav { background-color: #C4E9FB; color: #0978BF; border-top: solid 1px #ddf0fa; } div#cartBox div.cartBoxNav a { color: #0978BF; } input.proceedButton { font-weight: bold; font-size: 12px; background-color: transparent; padding: 0px 0px 0px 0px; border: none; width: 150px; height: 26px; color: #6E3909; margin: 5px 0px 6px 0px; background: url('btn_checkout.gif') 5px 1px no-repeat; cursor: pointer; } div#cartBoxRow2 p.cartSubTotal { font-weight: bold; width: 110px; font-size: 10px; float: left; border: none; text-align: center; margin: 0; } div#cartBoxRow2 a, div#cartBoxRow2 a:hover { color: #034977; font-weight: bold; text-decoration: underline; } div#cartBoxRow2 a:hover { color: #0978BF; } img#dsiCartLogo { visibility: hidden; } /*--Feature Block and FeatureSub--*/ div#contentColumn4 .featureBlock, div#contentColumn4 .featureSub { clear:left; overflow:visible; /*JSK CHANGED FOR THE FLAVOR STUFF hidden*/; padding-bottom:10px; } /*JSK IE6 Hack for Cat Dept Nav*/ * html div#contentColumn4 .featureBlock, * html div#contentColumn4 .featureSub { /*margin-left:2px;*/ } /*--Category Page--*/ div.catBlock { width: 242px; /*249px*/ background: url(catBlock_bg_default10.jpg) 0px 0px no-repeat; float: left; padding: 0px 0px 20px 0px; height: 310px; overflow: hidden; margin: 0 10px 5px 5px; } /*JSK IE6 Hack for Cat Dept Nav*/ * html div.catBlock { width: 249px; margin: 0 5px 5px 0px; } div.catListImg { padding: 6px 0px 0px 35px; /*margin: 6px 0px 0px 35px;*/ } div.catBlock h2 { font-size: 12px; font-weight: bold; } div.catBlock h2 a { display: block; width: 229px; height: 24px; padding: 10px 0px 0px 10px; /*JSK NEW COLOR*/ color: #2a5589; } div.catBlock h2 a:hover { color:#2a5589; text-decoration:underline; } div.catBlock h2 span { font-size: 9px; font-weight: normal; } div.catBlockDesc { clear: left; overflow: hidden; padding: 5px 10px; /*margin:8px*/ } div.catBlockDesc p { width: 105px; float: left; padding: 0 0 0 5px; margin: 0; } div.catBlockDesc div { clear:left; padding-top:10px; overflow:hidden; } div.catBlockDesc a.buyNow { clear: both; color: #6E3909; font-weight: bold; display: block; background: url("btn_cat_buy.gif") 0px 0px no-repeat; float: left; padding: 5px 0px 0px 16px; width: 87px; height: 20px; /*margin: 10px 10px 0px 0px;*/ margin:0; } div.catBlockDesc a.viewAll { color: #074D6A; font-weight: bold; display: block; background: url("btn_cat_view.gif") 0px 0px no-repeat; float: right; padding: 5px 0px 0px 16px; width: 87px; height: 20px; /*margin: 10px 0px 0px 0px;*/ margin:0; } div.catBlockDesc p.catItemTitle { width: 200px; height: 45px; margin-top: 0; } /*--Default09-10 Nav--*/ ul.siteNav div#siteNav1 { background: url("navButton_gift.png") 0px 0px no-repeat; width: 204px; height: 34px; padding: 19px 0px 0px 10px; font-weight: bold; color: #2A5589; font-size: 12px; cursor: pointer; } ul.siteNav div#siteNav2, ul.siteNav div#siteNav5 { background: url("navButton_category.png") 0px 0px no-repeat; width: 204px; height: 30px; padding: 9px 0px 0px 10px; font-weight: bold; color: #2A5589; font-size: 12px; cursor: pointer; margin-top: 8px; } ul.siteNav div#siteNav3 { background: url("navButton_char.png") 0px 0px no-repeat; width: 204px; height: 30px; padding: 9px 0px 0px 10px; font-weight: bold; color: #2A5589; font-size: 12px; cursor: pointer; } ul.siteNav div#siteNav4 { background: url("navButton_cyo.png") 0px 0px no-repeat; width: 204px; height: 34px; padding: 9px 0px 0px 10px; font-weight: bold; color: #2A5589; font-size: 12px; cursor: pointer; } ul.siteNav { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style: none; width: 214px; } ul.siteNav ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style: none; } ul.siteNav ul a, ul.siteNav ul a:hover { text-decoration: none; } ul.siteNav li { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } ul.siteNav ul li a.l2hot { background: url("navBar_lv2_hot.gif") 0px 0px no-repeat; } ul.siteNav ul ul li a.l3hot { background: url("navBar_lv3_hot.gif") 0px 0px no-repeat; } ul.siteNav ul ul ul li a.l4hot { background-color: #D2E2F1; color: #000000; background-image: none; } ul.siteNav ul li a { display: block; /*background: url("nav_sprite2.gif") 0px 0px no-repeat;*/ background: url("nav_sprite2.png") 0px 0px no-repeat; width: 208px; height: 22px; padding: 6px 0px 0px 8px; } ul.siteNav ul li.active a.active { font-weight: normal; color: #333333; } ul.siteNav ul ul li a { display: block; /*background: url("nav_sprite2.gif") 0px -28px no-repeat;*/ background: url("nav_sprite2.png") 0px -28px no-repeat; padding-left: 25px; width: 189px; } ul.siteNav ul ul li a:hover { background-position: 0px -86px; color: #ffffff; } ul.siteNav ul ul li.active a.active { font-weight: normal; color: #333333; background-position: 0px -57px; } ul.siteNav ul ul ul { /*background: url("nav_sprite2.gif") 0px -115px no-repeat;*/ background: url("nav_sprite2.png") 0px -115px no-repeat; padding: 10px 0px 8px 0px; } ul.siteNav ul ul ul li a { background-image: none; padding: 3px 0px 0px 33px; margin: 3px 0px 3px 3px; width: 170px; height: 18px; } ul.siteNav ul ul ul li a:hover { background-color: #daebf5; color: #000000; background-image: none; } ul.siteNav ul ul ul li.active a.active { background-color: #daebf5; color: #000000; background-image: none; } #columnLogo { width: 214px; height: 97px; border: 0px; margin-top: -98px; position: relative; z-index: 20; } .L5activeButton a { color: #6E3909; border-left: solid 1px #fae8d3; border-right: solid 1px #d58526; } /*--GiftFinder Nav--*/ ul.siteNav ul.giftFinder li a { display: block; /*background: url("nav_sprite_giftFinder.gif") 0px -117px no-repeat;*/ background: url("nav_sprite_giftFinder.png") 0px -117px no-repeat; width: 208px; height: 23px; padding: 6px 0px 0px 8px; } ul.siteNav ul.giftFinder ul li a { display: block; /*background: url("nav_sprite_giftFinder.gif") 0px -88px no-repeat;*/ background: url("nav_sprite_giftFinder.png") 0px -88px no-repeat; height: 23px; overflow: hidden; padding-left: 15px; width: 200px; } ul.siteNav ul.giftFinder ul li a:hover { color: #ffffff; display: block; background: url("nav_sprite_giftFinder.png") 0px -182px no-repeat; height: 23px; overflow: hidden; padding-left: 15px; width: 200px; } ul.siteNav ul.giftFinder li a.dimensionOff { /*background: url("nav_sprite_giftFinder.gif") 0px 0px no-repeat;*/ background: url("nav_sprite_giftFinder.png") 0px 0px no-repeat; height: 38px; } ul.siteNav ul.giftFinder li a:hover.dimensionOff { background-position: 0px -44px; } ul.siteNav ul.giftFinder li p { padding: 4px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #333333; } ul.siteNav ul.giftFinder li a.gfhot { /*background: url("nav_sprite_giftFinder.gif") 0px -146px no-repeat;*/ background: url("nav_sprite_giftFinder.png") 0px -146px no-repeat; } ul.siteNav ul.giftFinder li a.dimensionGW { background: url("navBar_gw.png") 0px 0px no-repeat; color: #333333; padding-left: 40px; width: 174px; } li.giftFinderBottom { width: 214px; height: 13px; background: url('navBar_gf_bottom.png') 0px 0px no-repeat; margin: 0px 0px 0px 0px; } ul.siteNav ul#giftFinder li { display: block } ul.siteNav ul.giftFinder li a.dimensionGW { display: none; } /*--Search Results Nav--*/ ul.siteNav ul.searchResults ul li a:hover { display: block; background: url("navBar_search2_hot.png") 0px 0px no-repeat; padding-left: 25px; height: 23px; color: #ffffff; } /*--Flyout Nav--*/ .flyOut { background-color: transparent; z-index: 50; height: 300px; width: 300px; position: absolute; top: 300px; left: 0px; } .flyOut ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .flyOut ul li { list-style: none; } .flyOut h2 { background: url('flyout_head_bg.png') 2px 0px no-repeat; color: #2a5589;/*JSK#ffffff;*/ font-weight: normal; margin: 0px 0px 0px 0px; width: 204px; height: 27px; padding: 8px 0px 0px 10px; font-size: 12px; } .flyOutWide h2 { background: url('flyout_head_bg_wide.png') 2px 0px no-repeat; width: 420px; } .flyOut a { display: block; background: url('nav_sprite.png') 0px -29px no-repeat; background-color: transparent; width: 214px; height: 23px; padding: 6px 0px 0px 10px; } .flyOut a:hover { background-position: 0px 0px; text-decoration: none; } .flyOut a { text-decoration: none; } .flyOut a.bottom { background: url('nav_sprite.png') 0px -57px no-repeat; height: 34px; } .flyOut a:hover.bottom { background-position: 0px -104px; text-decoration: none; } .flyOut a.bottomRight { background-position: 0px -151px; } .flyOut a:hover.bottomRight { background-position: 0px -198px; } div.flyOutWide ul li { float: left; } div.flyOutWide .leftColumn { float: left; width: 200px; overflow: hidden; margin: 0px 0px 0px 0px; } .flyOutWide ul { width: 430px; } div#catMenu a#bout1 { background: url('flyout_bout_bg.png') 0px 0px no-repeat; padding-left: 50px; width: 164px; } div#catMenu a#bout2 { background: url('flyout_bottom_bg.png') 0px 0px no-repeat; height: 34px; padding-left: 50px; width: 164px; } div#giftMenu { background: url('giftFinder_panel_bg.png') 0px 0px no-repeat; width: 436px; height: 425px; /*396px;*/ } div#giftMenu h2 { background-image: none; width: 350px; } div#giftMenu h3 { background: url('giftFinder_h3_bg.gif') 0px 0px no-repeat; font-size: 11px; font-weight: normal; color: #333333; padding: 6px 0px 0px 10px; margin: 1px 0px 0px 1px; width: 131px; height: 26px; } div#giftMenu a { background-image: none; height: auto; width: auto; padding: 3px 0px 3px 10px; margin: 0px 0px 0px 0px; } div#giftMenu a:hover { background-color: #F69640; color: #ffffff; } div#giftMenu ul { margin: 0px 0px 5px 0px; width: 140px; } div#giftMenu ul li { width: 140px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } ul#giftBlock4 { position: absolute; top: 35px; left: 144px; } ul#giftBlock5 { position: absolute; top: 35px; left: 288px; } /*new for giftblock6*/ ul#giftBlock6 { position: absolute; top: 200px; left: 288px; } ul#giftBlock7 { position: absolute; top: 160px; left: 288px; } div#giftMenu ul#giftBlock4 a, div#giftMenu ul#giftBlock5 a { margin: 2px 0px 2px 0px; } /*-- Error Page --*/ div#errorType1 { width: 650px; padding: 0px 0px 0px 0px; position: relative; top: 50px; left: 150px; text-align: center; } div#errorType1 h1 { border: none; color: #333333; margin-bottom: 20px; } div#errorType1 ul { text-align: left; margin: 10px 0px 30px 280px; } div#errorType1 li { margin-bottom: 7px; } /*-- Modal Windows --*/ #TB_title { background-color: #ff0000; height: 27px; background: url("modal_topBar.gif") 0px 0px repeat-x; } a#TB_closeWindowButton { background: url('modal_close.gif') 35px 0px no-repeat; padding: 2px 25px 1px 0; } #TB_window { position: fixed; background: #ffffff; z-index: 1000; color: #000000; display: none; border: 2px solid #525252; text-align: left; top: 50%; left: 50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt( this.offsetHeight / 2) + (TBWindowMargin =document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } div.loadingImg { position: absolute; left: 118px; top: 0px; z-index: 50; background-color: #ffffff; width: 166px; height: 60px; filter: alpha( opacity = 80); opacity: 0.8; } img.loadingImg { position: absolute; left: 142px; top: 25px; z-index: 55; } /* Search */ div#searchTermBar { background-color: transparent; background: url('searchTermBar_bg.gif') 0px 0px repeat-y; color: #333333; font-size: 11px; text-align: left; padding: 42px 0px 8px 15px; margin: -3px 0px 1px 0px; width: 570px; } div#searchTermBar p { padding: 0px; margin: 50px 0px 0px; } div#searchTermBar label { float: left; padding-top: 12px; padding-right: 8px; /*=JSKHIDE*/ display:none; } div#searchTermBar form { float: left; margin: 6px 0px 0px 0px; padding: 5px 0px 0px 5px; width: 256px; height: 20px; text-align: left; background: url("search_bg.gif") 0px 0px no-repeat; /*=JSKHIDE*/ display:none; } div#searchTermBar a { color: #4A6BA5; text-decoration: none; } div#searchTermBar a:hover { text-decoration: underline; color: #7B94D6; } div#searchTermBar h2 { font-weight: bold; font-size: 12px; margin: 0px 0px 6px 0px; padding: 5px 0px 6px 0px; } .searchNarrowHead { font-weight: bold; color: #999999; width: 149px; padding: 3px 0px 5px 5px; margin: 10px 0px -5px 0px; position: relative; z-index: 50; } ul.searchList { margin-bottom: 25px; margin-top: -3px; } ul.searchList li { margin-top: 8px; margin-left: -2px; padding: 0px 0px 0px 0px; } .searchCopy a { color: #666666; text-decoration: none; } .searchCopy a:hover { text-decoration: underline; } .searchCopy h3 { padding: 0px 0px 0px 0px; font-size: 11px; margin: 5px 0px 0px 0px; } .searchCopy h2 { padding: 0px 0px 0px 0px; font-size: 14px; margin: 5px 0px 8px 0px; } /* Temporary display of accordion on secondary pages */ div#contentColumn10 { position: relative; z-index: 11; left: 0; top: 20px; } div#promotions p { font-family: arial; font-size: 14px; line-height: 37px; padding-left: 6px; background-repeat: no-repeat; display: block; width: 212px; } div#promotions p:hover { color: #0879BF; text-decoration: underline; } p.promotion_a { background: url("//img.disneystore.co.uk/content/uk/espots/2009/homepage/promobox/middle_bar.png") no-repeat; height: 36px; } p#first_0 { background: url("//img.disneystore.co.uk/content/uk/espots/2009/homepage/promobox/top_bar.png"); } p#last_3 { background: url("//img.disneystore.co.uk/content/uk/espots/2009/homepage/promobox/bottom_bar.png"); height: 44px; } div.promotion_div { background: url("//img.disneystore.co.uk/content/uk/espots/2009/homepage/promobox/content_background.png"); height: 200px; width: 212px; } div#last_div { background: url("//img.disneystore.co.uk/content/uk/espots/2009/homepage/promobox/content_bottom_background.png"); } div#contentColumn10 .panel-down { background: url("//img.disneystore.co.uk/content/uk/espots/2009/homepage/promobox/middle_bar_selected.png") no-repeat !important; height: 37px; } div#promotions_first_div .panel-down { background: url("//img.disneystore.co.uk/content/uk/espots/2009/homepage/promobox/top_bar_selected.png") no-repeat !important; } div.promotion_div img { padding: 1px 0 0 2px; } /* rightColumn: baynote updated 20090430*/ .bn_g_vertical .bn_g_container { background-color: transparent; height: auto; margin-top: 0; } .bn_g_vertical .bn_g_welcome { /*theme-able*/ background: transparent url(baynote/bnTop_blue.png) no-repeat; color: #fff; font-size: 13px; font-weight: bold; margin: 0; overflow: hidden; padding: 16px 0; text-align: center; } .bn_g_vertical .bn_g_result_terms, .bn_g_details_text { display: none; } .bn_g_vertical .bn_g_result_title { font-size: 10px; font-weight: normal; text-align: center; padding: 3px 10px; } .bn_g_vertical .bn_g_result_title a { color: #517ea5; text-decoration: none; } .bn_g_vertical .bn_g_results_list { text-align: center; overflow:hidden; /*theme-able*/ background:#C6E6FF; } .bn_g_vertical .bn_g_result { /*theme-able*/ border-top: 1px solid #93ACC4; margin:0; padding: 10px 0 5px 0; } .bn_g_vertical .bn_g_result4 { padding-bottom:25px; background: url(baynote/bnBot_blue.gif) center bottom no-repeat; } .bn_g_vertical .bn_g_result_image { text-align: center; } .bn_g_vertical .bn_g_result img, #sideBar .bn_g_vertical .bn_g_result img { /*#border: 1px solid #CCFFFF;*/ border: 1px solid #ccc; width: 117px; height: 117px; margin-bottom: 6px;*/ } .bn_g_vertical .bn_g_details_text { font-size: 10px; } .bn_g_vertical .bn_g_result_attributes { font-weight: bold; font-size: 10px; padding: 0px 0px 0px 0px; margin-top: 2px; color: #666666; } .bn_g_vertical .bn_price { font-weight: bold; } .bn_g_vertical .bn_saleprice { color: #CC0000; font-weight: bold; } .bn_g_vertical .bn_g_footer { padding: 0 2px 2px; } .bn_g_footer { display: none; } /*==Specific Styles and CSS Class for D23 Gated Items AND wdcsGated*/ /*#prodDescBox div.d23Gated { background: transparent url(//img.dsi.go.com/content/ds/themes/d23/bgD23Box_03.png) no-repeat scroll 0; clear: left; color: #FFFFFF; display: none; font-size: 11px; height: 150px; overflow: hidden; padding: 20px 145px 0 15px; text-align: left; width: 122px; } #prodDescBox div.wdcsGated { background: transparent url(//img.dsi.go.com/content/ds/themes/default10/bgCollSocietyBox.jpg) no-repeat scroll 0; clear: left; color: #FFFFFF; display: block; font-size: 11px; height: 150px; overflow: hidden; padding: 20px 145px 0 15px; text-align: left; width: 122px; } #prodDescBox div.d23Gated a, #prodDescBox div.d23Gated a:hover, #prodDescBox div.wdcsGated a, #prodDescBox div.wdcsGated a:hover { color: #ffffff; text-decoration: underline; } #prodDescBox div.d23Gated a:hover, #prodDescBox div.wdcsGated a:hover { font-weight: bold; }*/