main { visibility: visible; } .error { color: #DC2A2A; font-size: 10pt; } /*ITEM PAGE*/ #itemPage { padding: 0; } #itemPage #itemTitle { } #itemTitle h1 { text-transform: lowercase; font-size: 11pt; } #itemImage { position: relative; background: #fff; padding: 0 40px 0 40px; } #itemImage img { display: block; margin: 0 auto; max-width: 179px; width: 100%; } #swipe { overflow: hidden; position: relative; width: 100%; background: none; } #swipe ul { left: 0; position: absolute; top: 0; width: 10000px; } #swipe li { float: left; position: relative; } #swipe li img { } #swipe .zoom { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 100; cursor: crosshair; -webkit-transform: translate3d(0,0,0); } #item360 { padding: 0 10px; position: relative; background: #fff; min-height: 220px; } .sirv-spin-button.fullscreen { z-index: 1000; } #itemVideo { padding: 0; position: relative; background: #fff; } #itemControl { background: #4C4C4C; position: relative; display: block; line-height: 39px; } .product-pager { text-align: center; height: 39px; font-size: 14pt; } #controlBtns { display: block; } #lnkVideo { margin-top: 8px; width: 69px; height: 24px; background: url(http://d2ob0iztsaxy5v.cloudfront.net/product-options-sprite.png) -100px 0; background-repeat: no-repeat; } #lnk360 { margin-top: 8px; width: 102px; height: 24px; background: url(http://d2ob0iztsaxy5v.cloudfront.net/product-options-sprite.png) -184px 0; background-repeat: no-repeat; } #lnkImages, #lnkImages-r { display: none; margin-top: 8px; width: 80px; height: 24px; background: url(http://d2ob0iztsaxy5v.cloudfront.net/product-options-sprite.png) 0 0; background-repeat: no-repeat; } #lnkVideo, #lnkImages {left: 40px;} #lnk360, #lnkVideo, #lnkImages, #lnkImages-r {color: #7cc246;font-size: 22pt;position: absolute; top: 0;} #lnk360, #lnkImages-r {right: 40px;} #itemDescription ul { list-style: disc inside none; } #itemDetails { padding: 15px 15px 0; } #itemPrice { width: 100%; float: left; padding-top: 5px; } #price { color: #7CC246; font-size: 24pt; font-weight: bold; } #itemLogo { float: right; width: 40%; max-width: 200px; max-height: 70px; display: none; } #itemLogo img { float: right; } .freeDel { font-size: 10pt; width: 100%; float: left; } #itemRating { float: right; font-size: 12pt; padding-top: 5px; } #itemRating a span { color: #FABF32; } #itemRating a span.leaveReview { font-style: italic; color: #fff; font-size: 10pt; display: none; } #sizeGuide { float: right; } #btnSizeGuide { color: #7CC246; font-weight: bold; font-size: 11pt; } #itemSize { clear: both; padding: 10px 0 0; } #sizes { width: 100%; height: 45px; padding: 12px 4px; font-style: italic; margin: 0 0 14px 0; } #itemBuy { } #buy img { vertical-align: middle; width: 20px; padding: 5px; border-radius: 5px; background: #fff; } #itemCheckReserve, #itemEmailOos { border: solid 1px #424242; width: 100%; overflow: hidden; } #itemEmailOos.show { display: block !important; } #itemEmailOos { display: none; padding: 0 10px; margin: 10px 0; clear: both; } #itemEmailOos p { font-size: 8pt; } #pnlEmailFriend .emlThanks, #itemEmailOos .oosThanks { text-align: center; font-family: 'LiteraSBOP-Regular'; font-size: 14pt; letter-spacing: 0.2em; color: #fff; } #itemOosEmail { float: left; width: 48%; margin-right: 2%; height: 45px; } #btnOosEmail { float: left; margin: 0 0 10px 0; } #divBasketSorry { display: none; clear: both; padding: 15px 15px; margin: 10px 0; background-image: url(data:image/gif;base64,R0lGODlhCAAIAIEAAExMTFVVVQAAAAAAACH/C05FVFNDQVBFMi4wAwEBAAAh+QQAAAAAACwAAAAACAAIAAAIGwABBBgocGCAggcNJiSoECEAhw0NIlxIkSKAgAA7); } #itemCheckReserve { padding: 0 5px 0 2px; } #itemCheckReserve p { float: left; padding-top: 16px; font-size: 10pt; } #btnCheckReserve { width: 40%; float: right; font-size: 9.5pt; height: 35px; line-height: 35px; } #btnCheck { -webkit-appearance: none; -webkit-border-radius: 0; } #itemDescription { padding: 15px; font-size: 10pt; } #brandMessaging { margin-top: 20px; width: 100%; background-color: #545454; overflow: hidden; } .brandMessage { display: table-cell; font-size: 10pt; height: 58px; margin-left: 112px; min-height: 58px; padding: 4px 4px 4px 0; vertical-align: middle; } .converseMessage { float: left; width: 112px; height: 58px; background: url(http://d2ob0iztsaxy5v.cloudfront.net/product-message-sprite.gif) -91px 0; background-repeat: no-repeat; } .tomsMessage { float: left; width: 94px; height: 58px; background: url(http://d2ob0iztsaxy5v.cloudfront.net/product-message-sprite.gif) -203px 0; background-repeat: no-repeat; } .uggsMessage { float: left; width: 91px; height: 58px; background: url(http://d2ob0iztsaxy5v.cloudfront.net/product-message-sprite.gif) 0 0; background-repeat: no-repeat; } #itemInfo { margin: 10px 0 10px 0; } #itemColours { padding: 0 15px 5px; border-bottom: 1px solid #3B3B3B; } #itemColours .h2 { padding: 25px 0; border-top: solid 1px #3B3B3B; font-size: 14pt; } #itemSizeGuide .h2 { padding: 17px 0; font-size: 14pt; } #itemColours ul { margin: 0 !important; } #itemColours li { font-size: 0; width: 65px; float: left; margin: 1% 2% 2% 1% !important; margin-bottom: 10px; position: relative; overflow: hidden; } #itemColours img { width: 100%; } #itemSizeGuide { border-top: 1px solid #3b3b3b; padding-top: 10px; overflow: hidden; } #itemExtra { clear: both; padding: 0 15px; margin-top: 15px; } #itemExtra .tab { float: left; width: 50%; font-size: 16pt; color: #fff; border: 1px solid #424242; text-align: center; line-height: 35px; padding: 5px 0; } #itemExtra .active { color: #7CC246; border-bottom: none; font-weight: bold; } #returns.tab { border-left: none; } #deliveryContent, #returnsContent { clear: both; padding: 5px 0; border: 1px solid #424242; border-top: none; } #deliveryContent a, #returnsContent a { color: #7CC246; font-weight: bold; font-size: 12pt; } #returnsContent { display: none; padding: 15px 15px; } .delopt-header { display: block; font-size: 14pt !important; width: 100%; overflow: hidden; padding: 10px 0 10px 15px; border-top: 1px solid #424242; font-weight: bold; } .delopt-header:first-child { border-top: none; } .delopt-header span { float: right; color: #fff; padding-right: 10px; } #pnlGetFree, #pnlGetFast, #pnlStorePick, #pnlInt { margin-top: 15px; margin-bottom: 10px; width: 100%; overflow: auto; } #pnlInt { border-bottom: none; } #pnlGetFree p, #pnlGetFast p, #pnlStorePick p, #pnlInt p { font-size: 10pt; font-style: italic; font-weight: normal; } .wrapper { overflow: auto; } .delType { font-size: 11pt; font-weight: bold; } .delCost { font-style: normal; font-size: 12pt; font-weight: bold; } #itemSocial { padding: 15px; overflow: hidden; clear: both; } #itemSocial .button { width: 12%; float: right; margin: 0 2.5% 0 0; height: 30px; font-size: 16pt; line-height: 30px; padding-left: 4px; color: #fff !important; } #itemSocial .legend { display: none; } #itemSocial #Save { width: 25% !important; } #Email { width: 25% !important; } #Save .plus { font-size: 22pt; font-weight: bold; float: left; padding-left: 10px; padding-right: 5px; } .saveForLater { float: left; } #savedForLater { background: none repeat scroll 0 0 #838383; color: #fff; font-family: "LiteraSBOP-Regular","Arial"; font-size: 9pt; height: 30px; letter-spacing: 0.2em; line-height: 30px; margin: 0 0; overflow: hidden; width: 45%; float: right; min-width: 173px; cursor: default; display: none; } .savedForLaterTick { padding-right: 10px; padding-left: 8px; } #Save { width: 34% !important; margin: 0 !important; float: left; font-size: 10pt; min-width: 158px; height: 30px; line-height: 30px; } #Save .button { line-height: 20px; } #divSelectSize { margin: 10px 0 10px 0; display: none; } #addWishList { overflow: hidden; float: left; clear: none; margin-bottom: 10px; width: 100%; padding: 15px 15px 0; } #peopleSavedThisContainer { overflow: hidden; min-width: 100px; } #peopleSavedThisArrow { float: left; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #ffffff; margin-top: 5px; margin-left: 3%; } #peopleSavedThis { background: none repeat scroll 0 0 #ffffff; color: #4C4C4C; float: left; line-height: 0px; height: 30px; font-size: 7pt; padding: 16px 0 16px 10px; width: 89%; text-align: left; } #pnlEmailFriend { display: none; width: 100%; clear: both; overflow: hidden; background: #545454; padding: 0 15px; margin-bottom: 15px; background-image: url(data:image/gif;base64,R0lGODlhCAAIAIEAAExMTFVVVQAAAAAAACH/C05FVFNDQVBFMi4wAwEBAAAh+QQAAAAAACwAAAAACAAIAAAIGwABBBgocGCAggcNJiSoECEAhw0NIlxIkSKAgAA7); } #emailFriend_chkAccount { margin-right: 4px; height: 13px !important; width: 13px !important; display: inline-block !important; } .emlLeft { float: left; width: 48%; } .emlLeftFooter { float: left; width: 72%; } .emlRight { float: right; width: 48%; } .emlRightFooter { float: right; width: 28%; } #itemReviews { margin: 5px 0 15px; clear: both; padding: 0 15px; } #itemReviews .h2 { padding: 10px 0; border-top: solid 1px #3B3B3B; border-bottom: solid 1px #3B3B3B; font-size: 12pt; } #itemReviews .h2 a { float: right; font-size: 10pt; color: #7CC246; line-height: 20px; } #itemReviews .h2 span span { color: #fabf32; font-size: 11pt; } .review { margin-top: 22px; border-bottom: 1px solid #424242; padding-bottom: 22px; } .review h3 { font-size: 12pt; } .review div.rating { color: #FABF32; font-size: 11pt; margin-right: 10px; } .review strong { font-size: 12pt; } .review span { display: block; margin: 5px 0; font-size: 10pt; color: #fff; } .review p span { } .review span.ttsNormal { color: #FFFFFF; float: left; padding-left: 10px; padding-right: 5px; margin: 1px 0; } .review span.ttsLabel { color: #7ab441; font-weight: bold; float: left; padding-left: 5px; padding-right: 10px; margin: 1px 0; } span.ratingBest, span.ratingActual { display: inline; float: left; } span.ratingDivide { margin-top: 0; margin-left: 2px; margin-right: 2px; } .italic { font-style: italic; } .reviewHelpful { margin: 2px 0; font-size: 11pt; } span.ttsLabel { font-size: 11pt; color: #7ab441; font-weight: bold; float: left; padding-left: 5px; padding-right: 10px; margin: 1px 0; } span.ttsLabel a { color: #5b8940; font-weight: bold; float: left; padding-left: 10px; padding-right: 10px; margin: 1px 0; } .review span.staff { color: #7AB441; float: right; font-weight: bold; margin-left: 0; margin-right: 0; margin-top: 5px; padding-left: 5px; padding-right: 10px; } #divReviewNext { width: 100%; margin-top: 20px; text-transform: uppercase; } #excl { background-image: url('http://d2ob0iztsaxy5v.cloudfront.net/schuh-exclusive-sml.gif'); width: 63px; height: 63px; position: absolute; right: 0; top: 0; z-index: 1; } #webonly { background-image: url('http://d2ob0iztsaxy5v.cloudfront.net/schuh-web-only-sml.gif'); width: 63px; height: 63px; position: absolute; right: 0; top: 0; z-index: 1; } #widthoptions { background-image: url('http://d2ob0iztsaxy5v.cloudfront.net/schuh-widths-sml.gif'); width: 63px; height: 63px; position: absolute; right: 0; top: 0; z-index: 1; } #widthoptions.crib { background-image: url('http://d2ob0iztsaxy5v.cloudfront.net/schuh-crib-pennant-sml.gif');} #widthoptions.junior { background-image: url('http://d2ob0iztsaxy5v.cloudfront.net/schuh-junior-pennant-sml.gif');} #widthoptions.toddler { background-image: url('http://d2ob0iztsaxy5v.cloudfront.net/schuh-toddler-pennant-sml.gif');} #widthoptions.youth { background-image: url('http://d2ob0iztsaxy5v.cloudfront.net/schuh-youth-pennant-sml.gif');} #widthoptions span.small { text-align:center;display: block; font-size: 8pt; margin-left: 11px; margin-top: -10px; padding-top: 0; -webkit-transform:rotate(46deg);-moz-transform:rotate(46deg);-ms-transform:rotate(46deg);-o-transform:rotate(46deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=46);transform: rotate(46deg)} #widthoptions #widthLetter { display: block; font-weight:bold; font-size: 20pt; margin-left: 36px; margin-top: -1px; padding-top: 0; text-align: center;-webkit-transform:rotate(46deg);-moz-transform:rotate(46deg);-ms-transform:rotate(46deg);-o-transform:rotate(46deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=46);transform: rotate(46deg) } #itemScarcity { display: none; background: #61bc46; font-size: 16pt; padding: 4px; width: 266px; height: 35px; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); position: absolute; top: 10px; left: 10px; z-index: 1000; cursor: pointer; } #itemScarcity span { font-size: 10pt; float: right; width: 234px; padding: 4px 0 0 0; } .itemGreen { color: #7CC246; } .red { color: #f44c4c; } .salePrice { color: #f44c4c !important; } #fullPrice { font-size: 10pt; color: #fff; margin-left: 5px; } input.error, #emailFriend_emailMsg.error { background: #FDCFCF; border: 2px solid #FF2C33 !important; } .form span.error { color: #FF5357; } .form label.noFloat { display: inline-block; width: auto; } .thanks { color: #5b8940; font-weight: bold; float: left; padding-left: 10px; padding-right: 10px; margin: 1px 0; } .feedbackResponseContainer { margin-bottom: 10px; margin-top: 10px; width: 100%; padding-top: 9px; font-size: 13px; background-image: url('//d2ob0iztsaxy5v.cloudfront.net/upArrowGreen.png'); background-repeat: no-repeat; background-position: 20px 0; } .feedbackResponseContainer .mainResponseInfo { background: #62BD48; padding: 10px; } .feedbackResponseContainer span { font-weight: normal; } .feedbackResponseContainer .feedbackResponseInfo { font-weight: bold; margin-top: 10px; margin-bottom: 10px; } .sizereview span { display: initial; } .viewls { color: #7CC23A; font-weight: bold; } .sliderTitle { width: 30%; margin-top: 35px; font-size: 10pt; font-weight: bold; } .size-rating { overflow: hidden; width:65%;} .slider { clear: both; float: left; height: 2px; margin: 10%; width: 80%; background: #6A6A6A; border: 0; } #avgslider { clear: both; float: left; height: 2px; margin: 25px 18% 21px 20px; width: 74%; max-width: 316px; min-width: 221px; } #avgsliderLabel { font-size: 10pt; float: left; overflow: hidden; margin: 0 0 0 0; width: 100%; } #avgSize { overflow: hidden; } .avgTooSmall { left: 0; } .avgTooSmallHalf { left: 24%; } .avgPerfect { margin-left: 20%; left: 24%; } .avgPerfectHalf { margin-left: 27%; left: 42%; } .avgTooBig { margin-left: 20%; left: 26%; } .sliderLabel { float: left; margin: 0 0 20px; width: 100%; height: 3px; display: flex; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ -webkit-justify-content:space-between;justify-content: space-between; } .sliderLabel .sliderLabelStep { float: left; font-size: 8pt !important; font-weight: bold; flex-grow: 1 1 0; -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ /*width:33%;*/ -ms-flex: 1; /* Safari 6.1+. iOS 7.1+, BB10 */ /*flex:1;*/ } .slider .pointer-tooBig { left: 97%; } .slider .pointer-perfect { left: 44%; margin-left: -4%; margin-right: 13%; } .slider .pointer-perfectHalf { left: 65%; } .slider .pointer-tooSmall { left: 0; } .slider .pointer-tooSmallHalf, .tooSmallHalf { left: 23%; } #divTTSDD { display: none; } .boxtShirtHeader { width: 68% !important; } #boxitemLogo { float: left; clear: left; padding-top: 17px; } #boxText { display: inline-block; font-size: 8pt; float: right; padding-bottom: 20px; padding-top: 15px; width: 50%; } .boxBorderRight { border-right: medium none !important; } #boxSizeGuide { font-size: 16pt; font-weight: 600; float: left; clear: left; } .boxGuideHeader { background-color: #414141; clear: both; color: #ffffff; font-family: "LiteraSBOP-Regular","Arial"; font-size: 0.7em; height: 38px; letter-spacing: 1.5px; line-height: 38px; text-transform: uppercase; vertical-align: middle; font-weight: bold; padding-left: 10px; } .box ul { border-top: 1px solid #a9a9a9; clear: both; } .box ul.top { border-top: medium none; clear: both; } .box ul li.cell { border-left: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; width: 33%; } #shoesBox .kids { width: 25% !important; } .kidsAge { border-left: 0 !important; } .box #tshirtsGuide ul li { font-size: 8pt; } .box #tshirtsGuide ul li.cell { width: 50%; } .box ul li { float: left; font-size: 0.9em; height: 50px; line-height: 48px; text-align: center; vertical-align: middle; width: 33%; } .backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .0; filter: alpha(opacity=0); z-index: 102; display: none; } .box { background: none repeat scroll 0 0 #ffffff; border-radius: 5px; box-shadow: 0 0 5px #444444; color: #000000; display: none; left: 17%; position: absolute; top: 0; width: 86%; min-width: 274px; z-index: 102; } .box { left: 7%; padding: 35px 27px; } .close { float: right; margin-right: 6px; cursor: pointer; color: #dc2a2a; } #nxtDayTimer { float: none; } #nxtDayTimer strong { color: #7cc246; } #boxHatGuide { float: left; width: 100%; } #boxHatGuide table tr td { font-size: 11pt; padding: 10px; } #boxHatGuide table tr td { border: 1px solid #000000; font-size: 7pt; padding: 8px; } #helpContent table td { padding: 10px; } #hatsBox { left: 0; padding: 35px 27px; width: 99%; } #hatsBox #boxText { width: 76%; } #avgPointer { height: 33px; position: relative; top: -16px; } .reviewPointer { height: 25px; position: relative; top: -11px; } .notifyHeader { font-size: 20px; } .notifySubtext { float: left; padding-bottom: 10px; padding-top: 10px; font-size: 12px; } .notifyClose { color: #dc2725; float: right; } #notifyEmail .span { color: #ffffff; } #txtNotify { width: 100%; padding: 10px; margin-top: 10px; } .basketSaveLater { color: #0092ce; float: right; } .saveRemoveItem { padding-bottom: 30px; } .remove { float: left; } .bsaveForLater { float: right; } #itempage-productRecommendations { border-top: 1px solid #3b3b3b; margin: 20px 15px; overflow: hidden; } #itempage-productRecommendations ul li { float: left; width: 100%; } #itempage-productRecommendations #rcmd-header { margin: 20px 0; font-family: "Arial"; font-size: 14pt; } #itempage-productRecommendations .rcmd-hover { opacity: 0.2; } #itempage-productRecommendations .rcmd-data { font-size: 10pt; float: left; width: 50%; } #itempage-productRecommendations .rcmd-brand { font-weight: bold; } #itempage-productRecommendations .rcmd-data .itemRating { color: #fabf32; } #itempage-productRecommendations .rcmd-fullPrice, .rcmd-salePrice { font-size: 11pt; font-weight: bold; } #itempage-productRecommendations .rcmd-salePrice { color: #dc2a2a; } #itempage-productRecommendations .rcmd-reduction { font-size: 9pt; text-decoration: line-through; } #itempage-productRecommendations .recommendation img { width: 103px; float: left; margin-right: 10px; } #emailSuggestionReStock { clear: both; float: left; line-height: normal; padding: 0 0 10px; } /*END ITEM PAGE*/ /* Item Review Form*/ #reviewContainer .left { float: none !important; } span#ratingSymbols { font-size: 60px !important; } #itemReviewRatingCheckbox .labelGrey { background: none; color: #fff !important; padding: 10px; width: 58% !important; } #reviewContainer div.rating { color: #FABF32; font-size: 11pt; } #reviewContainer #divTTSDD { display: block; } #reviewContainer #ttsDD { margin-bottom: 10px; font-size: 0.9em; } #reviewContainer .sliderTitle { width: 60%; font-size: 11pt; margin: 0 0 10px; font-weight: normal; } #reviewContainer span { font-size: 11pt; margin: 0 0 10px; } span.ttsNormal { color: #FFFFFF; float: left; padding-left: 10px; padding-right: 5px; margin: 1px 0; } #previewRule { margin-top: 30px; margin-bottom: 10px; width: 100%; } div.fieldHelp { color: #c86f73; font-size: 0.8em; float: right; position: relative; top: -25px; right: 15px; } #reviewTitle img { display: none; } #reviewTitle { letter-spacing: 4px; background-color: #222; color: #fff; display: block; font-size: 16pt; height: 40px; line-height: 30px; text-align: center; border-bottom: 1px solid #3B3B3B; } #leftReviewContainer { padding-bottom: 10px; } #rightReviewContainer { padding-bottom: 10px; } #form1 > div.formRow { margin: 15px 0 15px 0; } #productPrice { color: #7CC246; font-size: 1em; font-weight: bold; } #productCode { font-size: 1em; font-style: italic; } #productHeader { font-size: 1.25em; margin-top: 20px; } #productDesc { padding: 0px; display: none; font-size: 11pt; margin-top: 20px; } #reviewContainer div.pageHelp { margin: 15px 0 15px 0; float: left; } #reviewContainer div.pageHelp a { color: #7CC246; } #productImage { width: 100%; } #productImage img { width: 100%; } #reviewOption { clear: left; overflow: hidden; } #reviewOption div { float: left; } #itemReviewRating { overflow: hidden; font-size: 11pt; } #itemReviewRating div { float: left; margin: 10px 0 10px !important; } #txtReview { border: 1px solid #3D3D3D; color: #3D3D3D; font-size: 11pt; padding: 1%; width: 100% !important; } #divProductButton { font-size: 1.25em; font-weight: bold; margin: 25px 0; clear: both; width: 100%; } #divProductButton a { display: block; } #reviewButtons { font-size: 1.25em; font-weight: normal; margin: 25px 0; clear: both; width: 100%; } #reviewButtons a { display: block; } #reviewSubmit { background-color: #7CC246; height: 50px; line-height: 50px; margin: 10px auto; text-align: center; width: 100%; } #lnkPreview, #lnkEdit { background-color: #3491fb; height: 50px; line-height: 50px; margin: 10px auto 10px; text-align: center; width: 100%; } #lnkProduct { color: #fff; background-color: #3D3D3D; height: 50px; line-height: 50px; margin: 10px auto 10px; text-align: center; font-size: 1.25em; font-weight: bold; width: 100%; } #reviewContainer #divSlider { display: none; } /* End of Item Review Form*/ /*SITEMAP*/ .sitemap-container { width: 100%; padding: 0 16px 0 16px; } .sitemap-container ul { padding: 10px 0 0 0; } .sitemap-container ul li { line-height: 20px; } #siteMap { margin: 10px 0 10px 0; } #trendSitemapWomens, #trendSitemapMens, #trendSitemapKids { padding-bottom: 15px; } .trendsitemap-header { background: none repeat scroll 0 0 #9dd78a; color: #000000; font-weight: 100; clear: both; line-height: 40px; text-indent: 5px; padding-left: 10px; width: 100%; font-family: 'LiteraSBOP-Regular', 'Arial'; font-size: 12pt; letter-spacing: 0.2em; } #sitemapTrends, #sitemapBrands, #sitemapStores { float: left; width: 33%; margin-bottom: 25px; } #sitemapTrends a, #sitemapBrands a, #sitemapStores a { width: 92%; } .dark { color: #ffffff; } .categoriesSubHeading { font-size: 1.2em; } ul.category { list-style: none outside none; } .sitemap-title { background: none repeat scroll 0 0 #414141; font-size: 1.1em; font-weight: 100; line-height: 45px; clear: both; text-indent: 5px; width: 33%; margin-bottom: 15px; padding-left: 10px; } /* END SITEMAP*/ /*BRAND SITEMAP*/ #siteMapBrandsLink, #siteMapTrendsLink, #siteMapStoresLink { background: none repeat scroll 0 0 #63BE49; display: block; height: 45px; line-height: 45px; margin-right: 3%; margin-top: 11px; text-align: center; vertical-align: middle; width: 100%; text-indent: 7px; font-family: 'LiteraSBOP-Regular', 'Arial'; text-transform: uppercase; font-size: 12pt; letter-spacing: 0.2em; } .sitemap-header { background: #414141; text-indent: 15px; line-height: 45px; clear: both; margin-top: 15px; font-size: 1.1em; font-weight: 100; } .brandInitial { background: none repeat scroll 0 0 #414141; color: #FFFFFF; display: block; font-size: 1.1em; height: 45px; line-height: 45px; padding-left: 5px; text-indent: 12px; text-transform: uppercase; vertical-align: middle; width: 333%; font-weight: 100; } .brandLink { color: #ffffff; font-size: 11pt; } #brandRow > li { float: left; margin-right: 2%; width: 30%; } ul.brandColumn { padding-bottom: 16px; width: 100%; } .brandColumn li { font-size: 1.4em; border-bottom: none; text-indent: 0; line-height: 1.4em; } /*END BRAND SITEMAP*/ /*TREND SITEMAP*/ #trendsSitemap li { line-height: 42px; vertical-align: middle; border: 1px solid #3d3d3d; font-size: 1.3em; text-indent: 12px; } #trendsSitemap li:last-child { border-bottom: none; } .categories, .featured { font-size: 1em; padding: 20px 10px 0 0; width: 100%; } .sitemap-header span, .trendsitemap-header span { color: #ffffff; float: right; padding-right: 10px; text-align: right; } .storeColumn li { font-size: 1em; border-bottom: none; text-indent: 6px; line-height: 1.4em; text-transform: capitalize; width: 200%; } /*END SITEMAP*/ .emailImages { display: none; } #emailSuccess { -moz-box-sizing: border-box; border-color: #64BB48; border-style: solid; display: none; font-size: 26pt; font-family: 'LiteraSBOP-Regular','Arial'; height: 300px; padding-top: 121px; text-align: center; text-transform: uppercase; width: 100%; } .selectedRange { background: #87c174; color: #FFF; font-size: 10pt; height: 45px; padding-top: 11px; text-align: left; width: 31%; float: left; margin-right: 3.5%; padding-left: 9px; } .unselectedRange { background: none repeat scroll 0 0 #414141; color: #FFFFFF; float: left; font-size: 10pt; height: 45px; margin-right: 3.5%; padding-left: 9px; padding-top: 11px; text-align: left; width: 31%; overflow:hidden; } .unselectedRangeKids { background: none repeat scroll 0 0 #414141; color: #FFF; font-size: 10pt; height: 45px; padding-top: 11px; text-align: left; width: 31%; float: left; margin-right: 0; padding-left: 9px; } .selectedRangeKids { background: #87c174; color: #FFF; font-size: 10pt; height: 45px; padding-top: 11px; text-align: left; width: 31%; float: left; margin-right: 0; padding-left: 9px; } #emailImages { display: none; } .emailprivacy { color: #7CC246; } .emailBullets ul li { color: #FFFFFF; font-size: 11pt; list-style-type: none; text-align: left; padding-bottom: 15px; } .emailHeader { color: #ffffff; font-size: 16px; margin-bottom: 15px; margin-top: 20px; } .emailSignupEmail { -moz-box-sizing: border-box; border: 1px solid #3F3F3F; color: #000000; display: block; font-size: 1.2em; height: 40px; margin-bottom: 20px; padding: 0 10px; text-align: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .emailSignupSubmit { -moz-box-sizing: border-box; background: none repeat scroll 0 0 #63bb43; color: #FFFFFF; display: block; font-size: 1.8em; font-weight: bold; height: 55px; line-height: 35px; margin: 20px 0; padding: 10px 20px; padding: 10px; text-align: left; text-transform: capitalize; width: 100%; padding-left: 20px; } .emailBody { margin: 15px; } .emailBodyText { color: #FFFFFF; font-size: 11pt; text-align: left; width: 100%; margin-bottom: 10px; } .emailSignup { margin-bottom: 10px; } .emailSignupEmail.error { background: none repeat scroll 0 0 #FDCFCF; border: 2px solid rgb(255, 44, 51) !important; } .emailSignupErrMsg { color: #ff332c; float: right; } .emailRangeErrMsg { color: #FF332C; float: right; width: 100%; } .emailSignupEmail.success { color: black; background: #7CC144; } .title { border-bottom: 1px solid #3B3B3B; color: #fff; text-align: center; padding: 15px; width: 100%; } .title h1 { font-weight: normal; font-size: 14pt; text-transform: uppercase; } .left { float: left; } .right { float: right; } .hide { display: none; } .button.grey { background: none repeat scroll 0 0 #555; } .button.red { background: #DC2A2A; } .button.dblue { background: #395B9B; } .button.orange { background: #FABF32; color: #323232; } .button.inline { float: left; height: 35px; line-height: 35px; padding: 0; margin: 0; font-size: 12pt; } .form label { display: block; width: 100%; text-align: left; font-size: 10pt; margin: 10px 0; color: #FFF; clear: both; } .form input, .form .select select, .form textarea { display: block; width: 100%; height: 35px; margin-bottom: 10px; border: solid 1px #3F3F3F; padding: 5px 10px; font-size: 11pt; outline: none; } .form textarea { height: 75px; } input.error, select.error, textarea.error { border: 1px solid #ff0000 !important; background-color: #fdcfcf !important; color: #000; } .checkboxLabel { float: left; width: auto !important; clear: none !important; margin: 0 15px 15px 0 !important; line-height: normal; font-size: 10pt; } .checkboxLabel input { width: auto !important; margin: auto !important; height: auto !important; float: none !important; } .select { position: relative; display: block; } label.select { margin: 0 -15px; padding: 0 15px; } .select select { display: block; padding: 5px; margin: 0; background: #fff; height: 30px; font-family: 'Arial'; outline: none; } #loadingOverlay { background: #1a1a1a; position: absolute; opacity: .7; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; } #loadingOverlay span { left: 50%; position: absolute; top: 50%; margin: -20px 0 0 -20px; font-size: 30pt; animation: anim-rotate 1s infinite steps(8); width: 40px; height: 41px; color: #7CC246; } @keyframes anim-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } #breadcrumb { padding: 10px 15px; font-size: 9pt; border-bottom: 1px solid #3B3B3B; text-transform: lowercase; } #breadcrumb a { color: #7CC246; font-style: italic; } #breadcrumb span { margin: 0 5px; } #breadcrumb .current { margin: 0; } footer #breadcrumb { padding-bottom: 10px; } .page { padding: 5px; overflow: hidden; min-height: 200px; } .page p { font-size: 11pt; margin: 0 0 10px 0; } .page .heading { font-size: 12pt; margin: 0 0 10px 0; font-weight: normal; } /* Basket*/ h1.basket { margin: 10px 0 0 0; font-weight: normal !important; font-size: 16pt !important; text-align: center; padding: 0 0 10px 0 !important; border-bottom: 1px solid #3B3B3B; text-transform: uppercase; font-family: 'LiteraSBOP-Regular','Arial'; } #basket label { display: block; float: none; clear: both; width: 100%; font-weight: bold; padding-bottom: 12px; } #basket label.select { padding-bottom: 0; width: auto; } .bRemove { float: left; } #basket .col_left, #basket .col_right { float: left; margin: 0; width: 100%; } #basket .col_right { padding: 0 0 0 0; } #basket #unavailableItems { margin: 20px 0 0 0; } #basket .exclusive { background: url('//d2ob0iztsaxy5v.cloudfront.net/schuh-exclusive.gif'); height: 88px; width: 86px; position: absolute; z-index: 11; right: 0; top: 0; } #basket .webonly { background: url('//d2ob0iztsaxy5v.cloudfront.net/schuh-web-only.gif'); height: 88px; width: 86px; position: absolute; z-index: 11; right: 0; top: 0; } #basket #widthoptions { background-image: url('http://d2ob0iztsaxy5v.cloudfront.net/schuh-widths.gif'); width: 86px; height: 88px; position: absolute; right: 0; top: 0; z-index: 1; } #basket #widthoptions.crib { background-image: url('http://d2ob0iztsaxy5v.cloudfront.net/schuh-crib-pennant.gif');} #basket #widthoptions.junior { background-image: url('http://d2ob0iztsaxy5v.cloudfront.net/schuh-junior-pennant.gif');} #basket #widthoptions.toddler { background-image: url('http://d2ob0iztsaxy5v.cloudfront.net/schuh-toddler-pennant.gif');} #basket #widthoptions.youth { background-image: url('http://d2ob0iztsaxy5v.cloudfront.net/schuh-youth-pennant.gif');} #basket #widthoptions span.small { display: block; font-size: 10pt; margin-left: 20px; margin-top: -7px; padding-top: 0; text-align: center;-webkit-transform:rotate(46deg);-moz-transform:rotate(46deg);-ms-transform:rotate(46deg);-o-transform:rotate(46deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=46);transform: rotate(46deg)} #basket #widthoptions .widthLetter {display: block; font-weight:bold; font-size: 20pt; margin-left: 50px; margin-top: 2px; padding-top: 0; text-align: center;-webkit-transform:rotate(46deg);-moz-transform:rotate(46deg);-ms-transform:rotate(46deg);-o-transform:rotate(46deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=46);transform: rotate(46deg) } .basketProduct .left { background-color: #fff; margin: 0 0 10px; position: relative; } .basketProduct .right { padding: 0 0 0 0; } .basketProduct .left, .basketProduct .right { width: 100%; } .basketProduct .productDetails, .basketProduct .productEdit { width: 50%; } .basketProduct .productDetails { float: left; } .basketProduct .productEdit { padding: 0 0 0 40px; float: right; } .basketProduct .productEdit .select { margin-bottom: 10px; } .basketProduct .error { margin: 10px 0 10px 0; font-size: 0.9em; } #basket .select select { height: 40px; border: none; padding: 10px; width: 100%; } .basketProduct img { display: block; margin: 0 auto; max-height: 200px; max-width: 200px; width: 100%; } .basketProduct .gc-image { padding: 40px 0 40px 0; } .basketProduct { border-bottom: 1px solid #3B3B3B; margin: 0 0 10px 0; clear: both; padding: 0 0 20px 0; overflow: hidden; } .basketProduct span.sockprice { font-size: 1.0em; } .basketProductNoBorder { border-bottom: 0 !important; } .basketProduct:last-child { border-bottom: none; } .basketProduct span { font-size: 0.9em; font-weight: normal; display: block; } .basketProduct span.price { font-size: 1.1em; } .basketProduct .remove { color: #DC2A2A; display: block; width: 100px; } .basketProduct .rating { color: #edc549; padding: 10px 0 2px 0; font-size: 1.2em; pointer-events: none; } #basketSummary, #deliveryMethod { background: none repeat scroll 0 0 #555; padding: 10px; position: relative; font-size: 1.1em; } #deliveryMethod .select { margin-top: 10px; } #deliveryMethod select optgroup { padding: 4px 0 0 0; } #deliveryMethod select option { padding: 2px 0 0 0; } #deliveryMethod span, #deliveryMethod div { font-size: 0.9em; margin: 4px 0 0 0; display:block;} #basketSummary { margin: 10px 0 0 0; } #basketSummary div { font-size: 1em; font-style: italic; margin-bottom: 3px; text-align: right; } #basketSummary #verisign { left: 2px; position: absolute; bottom: 40px; width: 80px; height: 50px; background: url("//d2ob0iztsaxy5v.cloudfront.net/versign-logo.png") no-repeat scroll 0 0; } #basketSummary #discountLink, #basketSummary #appliedDiscountLink { color: #7CC246; font-weight: normal; font-size: 0.9em; display: block; margin: 0 0 10px 0; } #basketSummary #appliedDiscountLink { color: #28A9E0; font-style: normal; font-weight: bold; } #basketSummary #appliedDiscountLink span { color: #f94a4a; font-size: 0.8em; padding: 0 0 0 6px; } #dualDiscountMessage { font-style: normal; margin: 0 0 10px 0 !important; } #discountContainer a, #discountContainer label, #discountLink span { font-style: normal; } #discountLink span { padding: 0 0 0 6px; } #discountContainer label { display: none; } #discountContainer .inlineLabel { display: block; padding: 0; margin: 0; } #discountLink [data-icon]:before, #appliedDiscountLink [data-icon]:before { overflow: hidden; display: inline-block; } #discountContainer label, #discountContainer input { margin: 0; } #basketSummary #basketTotal { font-size: 1.4em; font-style: normal; font-weight: normal; margin: 6px 0 0 0; } #basketTotal span { color: #7CC246; } #secureLogos { background: url("//d2ob0iztsaxy5v.cloudfront.net/social-pay-sprite-ie.png") no-repeat scroll 104px -55px / 100%; width: 358px; height: 22px; margin: 0 0 4px 0; float: right; } #basket .split-delivery { border: 2px solid #FABF33; padding: 10px; margin: 0 0 20px 0; } #basket .error-message { margin: 10px 0 0 0; } #basket .note { color: #FABF33; } #basket .free { text-transform: none; color: #7cc246; } #basket .error-message a, #basketError a { text-decoration: underline; } #basketError { margin: 10px 0 10px 0; } #basket span.error { display: block; margin: 10px 0 0 0; font-size: 0.8em; } #basketSummary #multipleDiscounts { font-style: normal; margin: 10px 0 10px 0; text-align: left; font-size: 0.8em; } #multipleDiscounts .rdbDiscounts { display: inline-block; } #basketSummary #multipleDiscounts span { border-bottom: 1px solid #FFFFFF; display: block; font-size: 0.9em; font-weight: bold; height: 28px; margin: 0 0 20px 0; width: 100%; } #basketSummary #saving { color: #e86363; font-size: 0.8em; font-style: normal; margin: 4px 0 0 0; } #multipleDiscounts .button { width: 48%; float: left; } #discountCancel { float: right !important; } #multipleDiscounts input { width: auto; height: auto; margin: 0 10px 0 0; } #bsknxtDayTimer { display: inline-block !important; font-size: 1em !important; color: #7cc246; } #basketpage-productRecommendations { border-top: 1px solid #3b3b3b; margin: 20px 0; overflow: hidden; clear: both; display: none; } #basketpage-productRecommendations ul li { float: left; width: 100%; } #basketpage-productRecommendations #rcmd-header { margin: 20px 0; font-family: "Arial"; font-size: 14pt; } #basketpage-productRecommendations .rcmd-hover { opacity: 0.2; } #basketpage-productRecommendations .rcmd-data { font-size: 10pt; float: left; width: 50%; } #basketpage-productRecommendations .rcmd-brand { font-weight: bold; } #basketpage-productRecommendations .rcmd-data .itemRating { color: #fabf32; } #basketpage-productRecommendations .rcmd-fullPrice, .rcmd-salePrice { font-size: 11pt; font-weight: bold; } #basketpage-productRecommendations .rcmd-salePrice { color: #dc2a2a; } #basketpage-productRecommendations .rcmd-reduction { font-size: 9pt; text-decoration: line-through; } #basketpage-productRecommendations .recommendation img { width: 103px; float: left; margin-right: 10px; } .wproductmobile { display: initial !important; } #wproducts ul li { float: left; width: 100%; } .wbasketproduct { overflow: hidden; width: 100%; display: none; } .wbasketimage { float: left; } .wbasketdetails { float: left; width: 60%; margin-left: 5%; font-size: 10pt; } .wbasketproduct img { height: 103px; width: 103px; } .btnwAddToBasket, .btnNotify { font-weight: bold; } .btnwAddToBasket { color: #7cc246; font-size: 11pt; } .btnNotify { color: #0092ce; } .wSavedItemsHeader { border-top: 1px solid #3b3b3b; font-size: 12pt; font-weight: bold; margin-top: 15px; padding-bottom: 20px; padding-top: 15px; } .wSavedItemsHeader span { padding-left: 20px; padding-right: 10px; float: right; } .pricewishlist #price { font-weight: bold; color: #ffffff; font-size: 12pt; } .pricewishlist #fullPrice { font-size: 10pt; text-decoration: line-through; } .pricewishlist { padding-top: 5px; } .oos { color: #9E9E9E; } /*End of Basket*/ /*competitions*/ #competitionContainer { visibility: hidden; } .competitionClosed { font-weight: normal; background: #7B7B7B repeat; display: block; width: 100%; height: 45px; line-height: 45px; color: #fff; text-align: center; font-size: 12pt; letter-spacing: 0.1em; margin: 10px 0; font-family: 'LiteraSBOP-Regular'; overflow: hidden; } #competitionContainer .competitionItem img { width: 100%; } #competitionContainer .competitionItem div { margin-top: 25px; position: absolute; bottom: 0; } #competitionEntryContainer #competitionInfo img { width: 100%; } #competitionEntryContainer #competitionTerms { font-size: 11px; } #competitionEntryContainer #col2 .button { height: 45px; line-height: 35px; -webkit-appearance: none; } #competitionTerms { float: none; clear: both; } #frmCompetitionEntry select { padding-top: 8px; width: 150px; height: 40px; margin-bottom: 16px; } #frmCompetitionEntry #postcode { width: 150px; } #frmCompetitionEntry #compSignupBoxes { float: none; clear: both; } #frmCompetitionEntry #affSignupContainer, #schuhSignupContainer { float: none; clear: both; min-height: 40px; } #frmCompetitionEntry #schuhSignupContainer label { display: inline-block; width: 90%; float: none; margin: 10px 0 0 -25px; padding-left: 35px; } #frmCompetitionEntry #affSignupContainer label { display: inline-block; width: 100%; float: none; margin: 10px 0 0 -25px; padding-left: 35px; } #compShareSocialFacebook { background: url("//d2ob0iztsaxy5v.cloudfront.net/social-pay-sprite.png") no-repeat scroll -7px 0 rgba(0, 0, 0, 0); } #compShareSocialTwitter { background: url("//d2ob0iztsaxy5v.cloudfront.net/social-pay-sprite.png") no-repeat scroll -58px 0 rgba(0, 0, 0, 0); } #social.competitionSocial { min-width: 100%; width: 100%; padding: 0; } #social.competitionSocial div { float: left; width: 50%; border: 0 solid white; } #social.competitionSocial #socialIconsCompetition { float: left; text-align: right; } #social #shareText { padding-top: 12px; } #socialIconsCompetition a { float: none; display: inline-block; padding-left: 10px; padding-right: 0; } #competitionSubmit { margin: 25px 0; width: 100%; } #captcha { overflow: hidden; /*text-align: right;*/ margin-top: 8px; margin-bottom: 25px; width: 100%; background: url("//d2ob0iztsaxy5v.cloudfront.net/recpatchabg.jpg") no-repeat scroll 0px 25px rgba(0, 0, 0, 0); } #captcha .recaptchatable { line-height: 0 !important; width: 100% !important; } #recaptcha_table { display: inline-block; /*width: 0px !important;*/ background-color: white; float: left; } #recaptcha_area { /*width: 0px !important;*/ float: left; } .recaptchatable tr, .recaptchatable td, .recaptchatable th { background: none !important; } #questionContainer { padding: 10px 0 10px 0; float: none; clear: both; margin-top: 25px; border-top: 1px dotted white; border-bottom: 1px dotted white; } #questionContainer #questionTitle { display: block; margin-bottom: 10px; } #frmCompetitionEntry #questionContainer label { width: auto; display: block; float: none; clear: both; } #competitionEntryContainer #questionContainer input { width: 100%; } #frmCompetitionEntry #questionContainer input.error, #frmCompetitionEntry #questionContainer span.error { margin-left: 0; display: block; } #compThanks { padding: 15px; border: 1px solid green; margin-top: 25px; height: auto; } #compThanks p.bold { font-weight: bold; } #compThanks #compInfo { margin-top: 10px; font-size: 15px; } #compThanks #compShareInfo { margin-top: 10px; margin-bottom: 10px; font-size: 15px; } #competitionContainer #compThanks div, #compThanks #social.competitionSocial div { width: 100%; } #compThanks #social.competitionSocial div a { margin: 0 10px 0 0; } #compThanks #social { margin-top: 15px; display: block; float: none; clear: both; max-width: 100%; } #compThanks span.bold { font-size: 18px; } #compGoodLuck { color: green; font-size: 25px; margin: 20px 0 20px 0; text-transform: uppercase; letter-spacing: 1.5px; font-family: LiteraSBOP-Regular; } #competitionContainer, #competitionEntryContainer { margin: 20px 17px 20px 17px; } #competitionContainer .competitionItem { position: relative; margin-bottom: 35px; float: left; width: 100%; padding: 0 0 70px; } #competitionContainer .competitionItem p.competitionTitle, #competitionEntryContainer #competitionInfo p.competitionTitle { width: 100%; font-size: 16pt; margin-top: 10px; } #competitionContainer .competitionItem p.competitionInfo, #competitionEntryContainer #competitionInfo p.competitionInfo { width: 100%; margin-top: 10px; font-size: 15px; } #competitionEntryContainer #col1, #competitionEntryContainer #col2 { margin: 25px 0 25px 0; width: 100%; float: none; clear: both; } #compTellFriend { float: none; clear: both; margin-top: 15px; } #CompSignupBoxes input { padding: 0; margin: 0; border: none; } /*end competitions*/ /*Brands page*/ #brandPage { margin: 20px 0 20px 0; padding: 0 0 20px 0; overflow: auto; min-height: 500px; } #brandBannerLinks { margin: 20px 17px 20px 17px; text-align: center; } #brandsMobTitle { display: block; } #brandsNonMobTitle { display: none; } #brandBannerLinks a, #brandBannerLinks .linkDivider { color: #FFFFFF; } #brandBannerLinks span { font-size: 0.9em; margin: 0 5px 5px 0; } #brandBannerLinks .current { color: #62bd46; font-style: normal; margin: 0; } .brandDescription { padding: 10px; font-size: 1.2em; } .brandDescription img { display: none; } .alwaysVisible { position: absolute; top: 132px; right: 4px; background-color: transparent; } .brandIndexHidden { display: none; } .brandLetter { background-color: #808080; color: #FFFFFF; font-size: 1.6em; height: 42px; text-transform: uppercase; padding-left: 10px; padding-top: 5px; } .brandLine { margin-right: 0; } .indexLetter { background-color: none; color: #808080; font-size: 15px; text-transform: uppercase; padding-left: 10px; } /*End Brands page*/ .affiliatepara { margin-top: 20px; } #divAffiliateImg { margin-top: 20px; margin-bottom: 20px; } #divAffiliates { margin: 26px 15px 20px 15px; } .AffiliateHeader { color: #FFFFFF; font-size: 22px; margin-bottom: 15px; margin-top: 20px; } #affiliateBanner { display: none; } #divAffiliates a { text-decoration: underline; color: #7CC246; } /*store pages*/ #currentSearch { font-size: 1em; letter-spacing: 0.2em; } #stores #postcodeContainer { position: relative; padding-right: 50px; } #stores #postcode { margin-right: 50px; } #stores #searchStores { position: absolute; right: 0; top: 0; width: 40px; } #regions a { background: #9BD789; display: block; padding: 10px; margin-bottom: 10px; color: #3D3D3D; font-size: 16px; font-weight: bold; position: relative; } #regions .arrow { color: #fff; font-size: 20pt; position: absolute; right: 5px; bottom: 2px; } #regions .branchSubRegions { background: #222; display: none; padding: 0; } #regions .branchSubRegions a.branchSubRegion, #regions > div.branchCities a.branchCity, #regions div.branchSubRegions a.branchCity { background: #222; color: #fff; font-size: 0.95em; font-weight: normal; border-bottom: solid 1px #3B3B3B; margin: 0; } #regions > div.branchCities a.branchCity { padding-left: 0; } #regions div.branchCities { background: none !important; display: none; margin-bottom: 0; } #regions div.branchSubRegions div.branchCities a.branchCity { background: none !important; border-bottom: none; color: #FFFFFF; font-size: 0.8em; font-weight: normal; margin-bottom: 0; padding: 10px 0 10px 30px; } #regions a.branchCity.active { color: #7CC246 !important; font-style: italic; } #regions a.branchCity.active:hover { text-decoration: none; } #storeResults .store, #storeResultsBanner { overflow: hidden; padding: 10px 0 10px 0; } .storeContent { background: #414141; float: left; padding: 10px; height: 250px; } .storeContentStoreInfo { width: 70%; } .storeContentOpenTime { display: none; } .storeContent span { display: block; } .storeContent span.storeInfoLarge { font-size: 16px; font-weight: bold; margin-bottom: 10px; margin-top: 10px; } #storesNotFound { background: #414141; float: left; padding: 10px 20px; } #storesNotFound p.storesNotFoundHeader { font-weight: bold; } .storeContent a { color: #fff; } .storeOpeningHoursHeader > span { display: inline !important; font-size: 19px; } .storeLocalInfoContent { background: #414141; float: right; height: 250px; width: 30%; padding: 10px; position: relative; } .storeDistance { display: block; font-style: italic; position: relative; text-align: right; top: 10px; } .storeDistanceShort { display: inline; } .storeDistanceLong { display: none; } div.storeLocalInfoContent .parking { display: block; width: 27px; height: 27px; background: url(//d2ob0iztsaxy5v.cloudfront.net/store/Store-page-sprite_responsive.png) 0 0; position: absolute; right: 20px; top: 120px; } div.storeLocalInfoContent .kids { display: block; width: 56px; height: 28px; background: url(//d2ob0iztsaxy5v.cloudfront.net/store/Store-page-sprite_responsive.png) -71px -3px; position: absolute; right: 20px; top: 75px; } div.storeLocalInfoContent.wifi { display: block; width: 46px; height: 29px; background: url(//d2ob0iztsaxy5v.cloudfront.net/store/Store-page-sprite_responsive.png) -26px 0; position: relative; right: 20px; top: 110px; } a.storeMoreInfo { color: #7CC246; font-size: 1.2em; display: block; font-weight: bold; position: absolute; bottom: 20px; right: 20px; } #storeResultsBanner { display: none; } #loadingOverlay img { left: 50%; margin: -16px 0 0 -16px; position: absolute; top: 50%; } #divCheckStoreStock { background: #009AE2; } #divGetDirections { background: #63BE49; } #divLeaveFeedback { background: #DA7C24; } .storeDetailsButton.button { float: left; text-transform: capitalize; width: 100%; } #storeDetailsButtonContainer { clear: left; float: left; margin-top: 10px; overflow: hidden; width: 100%; } .storeDetailsContainer { float: left; width: 100%; } .storeDetailsContainer:first-child { display: none; margin: 0 0 0 0; } .branchPhone { font-size: 1.3em; font-weight: bold; margin-top: 10px; } .branchAddressLine { font-size: 1.1em; } #storeImage { display: none; } #storeImage img { width: 100%; position: absolute; } #storeAddress { margin: 0 0 10px 0; position: relative; width: 100%; } #storeAddress span { display: block; } #storeAddress h1.branchName { border-bottom: 2px solid #3B3B3B; display: block; font-family: 'LiteraSBOP-Regular'; font-size: 1.4em; letter-spacing: 0.2em; margin-bottom: 20px; padding: 10px; text-align: center; text-transform: uppercase; } #storeOpeningHours { background: #414141; overflow: hidden; padding: 20px 5px; width: 100%; } .storeOpeningHoursColumn { float: left; margin: 0 2%; width: 44%; } .storeOpeningHoursHeader { display: block; font-size: 1.4em; font-weight: bold; margin-bottom: 10px; } .branchLocalInfo { margin: 25px 0 0 0; overflow: hidden; } .branchLocalInfo .parking, .branchLocalInfo .kids, .branchLocalInfo .wifi { display: block; float: left; margin-right: 15px; } .branchLocalInfo .parking { width: 54px; height: 55px; background: url(//d2ob0iztsaxy5v.cloudfront.net/store/Store-page-sprite_03.png) 0 0; } .branchLocalInfo .kids { width: 112px; height: 56px; background: url(//d2ob0iztsaxy5v.cloudfront.net/store/Store-page-sprite_03.png) -142px -6px; } .branchLocalInfo .wifi { width: 92px; height: 58px; background: url(//d2ob0iztsaxy5v.cloudfront.net/store/Store-page-sprite_03.png) -53px 0; } #branchTestimonials { clear: left; float: left; } .testimonialName, .testimonialDate { display: block; font-weight: bold; } .branchTestimonial { margin: 20px 0; } #branchBanner { clear: both; float: left; } .testimonialHidden { display: inline-block; height: 0; width: 0; overflow: hidden; } .testimonialReadMore { color: #7CC246; } #lnkViewAll { color: #7CC246; font-size: 1.2em; font-weight: bold; } #branchLocalInfo { clear: left; float: left; } #branchLocalInfo span { display: block; } .branchDetailsSectionHeader { display: block; font-size: 1.5em; margin: 20px 0; } /* feedback form */ #feedbackContainer { padding: 10px; } #feedbackContainer label { font-size: 12pt; } #feedbackContainer img { display: block; width: 100%; } #feedbackContainer input, #feedbackContainer select, #feedbackContainer textarea { font-family: Arial; font-size: 11pt; } #feedbackContainer input { height: 40px; padding: 0 10px; } #feedbackContainer select { height: 40px; margin-bottom: 10px; padding: 10px 10px 5px; width: 100%; } #feedbackContainer textarea { height: 250px; padding: 10px; width: 100%; } #feedbackImage { display: none; } #feedbackMain p { font-size: 11pt; text-align: justify; } #divBranch { display: none; margin-top: 20px; } #feedbackContainer .invalid { border: 2px solid red; background-color: pink; } .feedbackHeader { border-bottom: 2px solid #3B3B3B; display: block; font-family: 'LiteraSBOP-Regular'; font-size: 16pt; letter-spacing: 0.2em; margin-bottom: 20px; padding: 10px; text-align: center; text-transform: uppercase; } #emailTitle { border-bottom: 1px solid #3A3A3A; font-family: 'LiteraSBOP-Regular','Arial'; font-size: 16pt; font-weight: normal; letter-spacing: 4.5px; line-height: 49px; text-align: center; text-transform: uppercase; margin: 10px 0 0; padding: 0 0 10px; } #feedbackColumnLeft .formRow, #feedbackColumnRight .formRow { position: relative; } #feedbackRating { color: #FABF32; display: inline; font-family: iconFont; font-size: 60px; position: relative; } .feedbackRatingClicker { cursor: pointer; float: left; width: 30px; color: transparent; } #feedbackRatingInner { cursor: pointer; position: absolute; top: 0; left: 0; max-width: 300px; min-width: 300px; } #feedbackRatingInner #currentRating { visibility: hidden; } .vldTextReq { color: #ff5357; display: none; font-size: 10pt !important; font-weight: normal !important; } #feedbackConfirmation { display: none; } #divViewFeedback { margin-top: 35px; } #btnSend { line-height: 40px; height: 40px; } #formFeedback input, #formFeedback select, #formFeedback textarea { display: inline !important; -webkit-appearance: none; } /* end feedback form */ /* error pages */ #pageError { padding: 0 10px; width: 100%; } #pageError .sorry { width: 55%; } #pageError h2, #pageError .sorry { font-family: LiteraSBOP-Regular; letter-spacing: 0.2em; text-align: center; text-transform: uppercase; } #pageError h2 { font-size: 2em; font-weight: normal; margin: 0 0 10px 0; } #pageError .sorry { font-size: 6em; margin: 40px auto; } #pageError .sorry img { margin: 0 auto; } #pageError p { text-align: center; padding: 0 20px; } #pageError p a { color: #7CC246; } /* end error pages */ /*OUT OF STOCK PAGE */ h1.oos { text-transform: none !important; } #oosImageHolder { width: 60%; background-color: #fff; padding: 10px; margin: 0 auto; } #oosImage { display: block; margin: 0 auto; width: 100%; } #oosMsg { margin: 20px 0; } #oosMsg #itemTitle h1 { width: 100% !important; text-transform: none; padding-top: 5px; } #oosMsg .oosTitle { font-size: 12pt; padding-top: 30px; text-transform: lowercase; } #oosMsg p { font-size: 10pt; } #oosLabelEml { display: inline-block; width: 67%; float: left; } #oosLabelEml label { font-size: 10pt; font-weight: bold; } span.error { font-weight: normal; } #frmOos .selectHolder { display: inline-block; width: 33%; } #frmOos .selectHolder #sizes { width: 100%; height: 40px; line-height: 40px; padding: 10px; font-style: italic; } #frmOos .inputHolder { display: inline-block; width: 65%; float: left; } #frmOos .inputHolder #oosEmail { margin: 10px 0; height: 44px; width: 100%; font-size: 9pt; padding-left: 10px; } #frmOos .inputHolder span.error { font-size: 8pt; } #frmOos .buttonHolder { display: inline-block; width: 33%; float: right; padding-top: 10px; } #oosForm { margin: 30px 0; } #oosForm .thanks { background-color: #545454; padding: 15px; margin-bottom: 20px; color: #fff; width: 100%; } #oosForm .thanks label { font-size: 16pt; } #oosForm .thanks p { font-size: 10pt !important; } #oosResultsHeader { position: absolute; top: 0; right: 0; left: 50%; font-size: 11pt; line-height: 30px; padding: 15px 15px 0 0; } #oosResultsHeadCount { display: none; } #oosResultsSort { float: right; width: 92%; } #sort { width: 100%; } #oosResultsSort span { margin-right: 5px; display: none; } #oosResultsCount { clear: both; padding: 15px 0 10px; text-align: center; font-size: 13pt; line-height: 30px; } #oosResults { clear: both; min-height: 100px; padding: 0 15px; } #oosResults p, .thanks p { padding-top: 10px; font-size: 14pt; } #oosResults .product { text-align: center; width: 46%; float: left; margin: 2% 4% 2% 0; } #oosResults .product:nth-child(2n) { margin: 2% 0 2% 4%; } #oosResults .product .imageHolder { background-color: #fff; padding: 10px; } #oosResults .product .image { width: 100%; height: 0; padding-bottom: 100%; position: relative; } #oosResults .product img { width: 100%; display: block; position: absolute; z-index: 10; } #oosResults .product .image:after { content: 'v'; font-family: 'iconFont'; left: 50%; position: absolute; top: 50%; margin: -20px 0 0 -20px; font-size: 30pt; animation: anim-rotate 1s infinite steps(8); color: #7CC246; } #oosResults .product span { display: block; font-size: 10pt; height: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-left: -8%; width: 116%; } #oosResults .product .brand { font-size: 12pt; height: 22px; margin-top: 5px; } #oosResults .product .price { font-weight: bold; } #oosResults .product .reduction { color: red; } #oosResults .product .reductionStrike { margin-left: 10px; color: #fff; display: inline-block; text-decoration: line-through; width: auto; overflow: initial; } #oosResults .product .rating { color: #fabf32; letter-spacing: 2px; } #oosResults .clear { } #oosSimilar { text-transform: uppercase; text-align: center; font-size: 14pt; } .oosButton .button { text-transform: uppercase; } /* END OUT OF STOCK PAGE */ .accessoryTabErrMsg { color: #ff5357; margin-bottom: -21px; font-weight: bold !important; font-size: 12px !important; } .sockimage { float: left; padding-bottom: 10px; max-width: 85px; max-height: 85px; } .sockadd { overflow: hidden; width: 98%; } .accessoryErrMsg { color: #ff5357; font-weight: bold !important; font-size: 12px !important; float: left; } .accessorycomplete { font-weight: bold; margin-bottom: 0; background: none repeat scroll 0 0 #555; padding: 10px 5px 5px; text-transform: capitalize; } #dropdown { display: inline; color: #ffffff; float: right; text-align: right; text-transform: lowercase; } .socksize { float: left; margin-left: 2%; width: 69%; } .accessorybutton { height: 41px; text-transform: capitalize; } .accessorysize { border: medium none; height: 40px; padding: 10px; width: 100%; float: left; margin-top: 25px; } .accessoryName { font-weight: bold !important; margin-bottom: 10px; font-size: 0.8em !Important; display: block !important; } .accessoryRight { background: none repeat scroll 0 0 #555; margin-right: 2.5%; overflow: hidden; margin-bottom: 15px; } .leftsock { background: none repeat scroll 0 0 #555; margin: 0 0 10px; overflow: hidden; margin-bottom: 15px; } .rightsock { background: none repeat scroll 0 0 #555; padding: 0; margin-bottom: 15px; overflow: hidden; margin-top: 10px; } .accessoryDetails { padding: 10px 0 10px 5px; } #salePageHeader { height: auto; overflow: hidden; } #salePageHeader #headerOverlay h1 { background: #F9494B; padding: 10px 0; text-align: center; } #salePageHeader #headerOverlayContent { padding: 0; border-bottom: none; } #salePageHeader .saleSection { border-bottom: 1px solid #FFF; position: relative; padding: 10px 15px; font-family: 'LiteraSBOP-Regular','Arial'; letter-spacing: 1.5px; } #salePageHeader .saleSection span { display: block; font-size: 16pt; line-height: 30px; } #salePageHeader .saleSection .select { position: absolute; right: 15px; top: 10px; color: #000; letter-spacing: initial; } #salePageHeader .select select { width: 190px; } #salePageHeader .saleSection a { display: none; } #resultsPage { position: relative; } .resultsPageHeader, #salePageHeader { position: relative; } .resultsPageHeader img, #salePageHeader img { display: none; } #headerOverlay { color: #fff; overflow: hidden; } #headerOverlayBg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; opacity: 0.7; background: #1A1A1A; } #headerOverlayContent { position: relative; z-index: 100; overflow: hidden; padding: 15px 15px 40px; border-bottom: 1px solid #3B3B3B; } #headerOverlay h1 { font-size: 18pt; text-align: center; font-weight: normal; font-family: 'LiteraSBOP-Regular','Arial'; letter-spacing: 1.5px; } #headerOverlay p { display: none; padding: 10px 0 0; font-size: 10pt; } #headerOverlay.expanded p { display: block; } #headerOverlay #headerReadMore { position: absolute; bottom: 10px; left: 15px; right: 15px; text-align: center; color: #7CC246; z-index: 100; font-size: 10pt; } #headerOverlay.expanded #headerReadMore { font-style: italic; } /* Store stock css*/ #resultsPageHeaderBranch #headerOverlayContent { padding: 15px; } #resultsPageHeaderBranch #headerOverlay h1 { font-size: 16px; text-align: center; font-family: 'Arial'; } #resultsPageHeaderBranch #headerOverlay h1 .headerBranchName { display: block; font-family: 'LiteraSBOP-Regular','Arial'; font-size: 18px; font-weight: normal; letter-spacing: 0.2em; text-transform: uppercase; } #resultsPageHeaderBranch #headerOverlay p { display: none; padding: 10px 0 0; font-size: 16px; } #refineHeader { padding: 15px 15px 0; } #refineTypes { background: #7CC246; font-size: 12pt; padding: 5px 10px; width: 46%; height: 30px; font-family: 'LiteraSBOP-Regular','Arial'; letter-spacing: 1.5px; } #filterArrow { float: right; font-size: 16pt; } #resultsHeader { position: absolute; top: 0; right: 0; left: 50%; font-size: 11pt; line-height: 30px; padding: 15px 15px 0 0; } #resultsHeadCount { display: none; } #resultsSort { float: right; width: 92%; } #resultsSort span { margin-right: 5px; display: none; } #resultsCount { clear: both; padding: 15px 0 10px; text-align: center; font-size: 13pt; line-height: 30px; } #results { clear: both; min-height: 100px; padding: 0 15px 15px; } #results.load:after { content: 'v'; display: block; font-family: 'iconFont'; left: 50%; position: relative; font-size: 30pt; animation: anim-rotate 1s infinite steps(8); width: 40px; height: 41px; color: #7CC246; margin-left: -20px; } #results .noResults { padding-top: 10px; font-size: 14pt; } #results .product { text-align: center; width: 46%; float: left; margin: 2% 4% 2% 0; position: relative; } #results .product:nth-child(2n) { margin: 2% 0 2% 4%; } #results .product img { width: 100%; display: block; } #results .product p { display: block; font-size: 9pt; height: 18px; text-overflow: ellipsis; white-space: nowrap; line-height: 18px; overflow: hidden; } #results .product .restockText { color: #f8bb2c; font-weight: bold; height: 22px; margin-top: 8px; text-transform: uppercase; } #results .product .brand { font-size: 11pt; height: 22px; margin-top: 8px; } #results .product .price { font-weight: bold; font-size: 12pt; padding-top: 1px; } #results .product .reduction { color: #DC2A2A; width: auto; display: block !important; } #results .product .reductionStrike { margin-left: 10px; color: #fff; display: inline-block; text-decoration: line-through; width: auto; font-size: 9pt !important; overflow: initial; } #results .product .rating { color: #FABF32; letter-spacing: 2px; } #results .product .exclusive { background: url('//d2ob0iztsaxy5v.cloudfront.net/schuh-exclusive.gif'); height: 88px; width: 86px; position: absolute; z-index: 11; right: 0; top: 0; } #results .product .webonly { background: url('//d2ob0iztsaxy5v.cloudfront.net/schuh-web-only.gif'); height: 88px; width: 86px; position: absolute; z-index: 11; right: 0; top: 0; } #results .product .widthoptions {overflow:hidden; background: url('//d2ob0iztsaxy5v.cloudfront.net/schuh-widths.gif'); height: 88px; width: 86px; position: absolute; z-index: 11; right: 0; top: 0; } #results .product .widthoptions.crib {background: url('//d2ob0iztsaxy5v.cloudfront.net/schuh-crib-pennant.gif');} #results .product .widthoptions.toddler {background: url('//d2ob0iztsaxy5v.cloudfront.net/schuh-toddler-pennant.gif');} #results .product .widthoptions.junior {background: url('//d2ob0iztsaxy5v.cloudfront.net/schuh-junior-pennant.gif');} #results .product .widthoptions.youth {background: url('//d2ob0iztsaxy5v.cloudfront.net/schuh-youth-pennant.gif');} #results .product .widthoptions span {display: block; font-weight:bold; font-size: 20pt;margin-top: -26px;padding-left: 72px;text-align: center;-webkit-transform:rotate(46deg);-moz-transform:rotate(46deg);-ms-transform:rotate(46deg);-o-transform:rotate(46deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=46);transform: rotate(46deg);} #results .product .widthoptions span.small {font-weight:normal;display: block; font-size: 11.5pt; margin-left: -26px; margin-top: -8px; padding-top: 0; text-align: center;-webkit-transform:rotate(46deg);-moz-transform:rotate(46deg);-ms-transform:rotate(46deg);-o-transform:rotate(46deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=46);transform: rotate(46deg)} #resultFooter { text-align: center; } #resultFooter div { display: inline-block; clear: both; width: 100%; } #resultFooter a { display: inline-block; background: #7CC246; padding: 0 20px; margin: 20px 0; font-size: 11pt; height: 40px; line-height: 40px; width: auto; } #resultFooter .pager { border: solid 1px #fff; background: none; } #resultFooter .current { background: #009AE2; border: solid 1px #009AE2; } #refineError { color: #F00; clear: both; padding: 5px 0; } #refineOptions li.unavailable { color: #AAA; } #refineOptions { display: none; margin: 15px -15px 0; border-top: 1px solid #787878; border-bottom: 1px solid #787878; overflow: hidden; } #refineOptions .refinement { float: left; width: 100%; clear: both; border-bottom: 1px solid #787878; padding: 0; } .refinement label:hover { text-decoration: underline; } #refineOptions #refineMaterial { border-bottom: 0; } #refineOptions .heading { margin: 5px 0; padding: 5px 15px; position: relative; font-size: 13pt; font-weight: normal; } #refineOptions #refineSale .heading, #refineOptions #refineNextDay .heading { border: none; font-size: 10pt; } #refineOptions .heading .arrow { float: right; font-size: 18px; margin-top: 1px; } #refineOptions .heading .refList { position: absolute; right: 40px; text-align: right; font-weight: normal; font-size: 12pt; left: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #refineOptions ul { display: none; padding: 5px 15px 0; } .refinement li { margin-bottom: 10px; font-size: 10pt; } #refineOptions input { margin-right: 4px; } #refineColour li { float: left !important; margin: 0 10px 5px 0; width: 45px !important; display: block; font-size: 10pt; text-align: center; } #refineColour li .col { display: block; width: 45px; height: 40px; color: #fff; line-height: 50px; position: relative; } #refineColour li .col.Selected:after { content: '!'; position: absolute; right: 0; bottom: 5px; left: 0; font-size: 18pt; line-height: 30px; font-family: 'iconFont'; color: #7CC246; } #refineColour .unavailable { opacity: 0.3; } #refinePrice { overflow: visible; } #refinePrice #priceSlider { width: 180px; margin: 10px 0 30px 16px; clear: both; display: none; } #refinePrice li { float: left; width: 100% !important; display: block; margin-bottom: 5px; overflow: hidden; } #refinePrice span { float: left; line-height: 25px; } #refinePrice input { float: left; width: 50px; height: 25px; text-align: right; border: solid 1px #000; margin: 0 15px 0 5px !important; font-size: 16px; padding: 0 5px; } #priceSlider a div span { position: relative; top: 20px; text-align: center; width: 35px; margin-left: -10px; } #refineBrand ul li { display: none; } #refineOptions .expanded li, #refineOptions .show { display: block; } #refineOptions .expanded .refineCount { display: none; } #refineOptions .moreRefine { display: block; } .moreRefine a { color: #7CC246; } .refBeige { background: #E8E5BA; } .refBlack { background: black; } .refBlue { background: blue; } .refBronze { background: #917658; } .refBrown { background: #45320b; } .refBurgundy { background: #530a0a; } .refClear { background: white; } .refDarkGrey { background: #a9a9a9; } .refGold { background: #a0742d; } .refGreen { background: green; } .refGrey { background: #cccccc; } .refKhaki { background: #4e8049; } .refLilac { background: #d3bcbc; } .refMulti, .refPattern { background: -moz-linear-gradient(-45deg, #0056e2 0, #33ce00 33%, #fc0004 68%, #f7ea00 100%) !important; /* FF3.6+ */ background: -webkit-linear-gradient(-45deg, #0056e2 0,#33ce00 33%,#fc0004 68%,#f7ea00 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #0056e2 0%,#33ce00 33%,#fc0004 68%,#f7ea00 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #0056e2 0,#33ce00 33%,#fc0004 68%,#f7ea00 100%) !important; /* IE10+ */ background: linear-gradient(135deg, #0056e2 0,#33ce00 33%,#fc0004 68%,#f7ea00 100%) !important; /* W3C */ } .refNatural { background: #e0d450; } .refNavy { background: navy; } .refOrange { background: orange; } .refPink { background: pink; } .refPurple { background: purple; } .refRed { background: red; } .refSilver { background: silver; } .refStone { background: #9b8f72; } .refTan { background: #9d5f1c; } .refTurquoise { background: turquoise; } .refWhite { background: white; } .refYellow { background: yellow; } .refTransparent { background: transparent; } .refinementSubHeader { display: block; font-size: 11pt; padding-bottom: 10px; font-weight: bold; clear: both; } .noUiSlider .noUi-handle span { margin: 30px 0 0; } .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; -ms-user-select: none; -moz-user-select: none; } .noUi-base { width: 100%; height: 100%; position: relative; } .noUi-origin { position: absolute; right: 0; top: 0; bottom: 0; } .noUi-stacking .noUi-handle { z-index: 10; } .noUi-stacking + .noUi-origin { *z-index: -1; } .noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-target { background: #FAFAFA; border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; height: 18px; } .noUi-handle { position: relative; z-index: 1; border-radius: 3px; background: #7cc246; cursor: default; box-shadow: none; border: solid 1px #6aa33c; width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; background: #6aa33c; } .noUi-handle:after { left: 17px; } /*Xmas Info Page*/ #xmasheader img { width: 100%; display: none; } #xmasheader h1 { display: block; border-bottom: 1px solid #3b3b3b; padding: 10px 0 10px 0; font-family: "LiteraSBOP-Regular","Arial"; font-size: 18px; font-weight: normal; letter-spacing: 1.5px; text-align: center; text-transform: uppercase; } #xmasInfoContent { margin: 10px 20px 10px 20px; font-size: 14px; font-weight: normal; } #xmasInfoContent h2 { font-weight: normal; margin-top: 15px; margin-bottom: 15px; font-size: 16px; font-family: arial; } #xmasInfoContent a { color: #7cc246; } #xmasInfoContent a:hover { text-decoration: underline; } /*Xmas Info Page end */ @media only screen and (min-width:320px) { #itemEmailOos p { font-size: 7.75pt; } } @media only screen and (min-width:330px) { #frmOos .inputHolder span.error { font-size: 9pt; } .sockimage { background-color: #ffffff; padding: 3px; } .socksize { width: 70%; } #itemEmailOos p { font-size: 8pt; } } @media only screen and (min-width:345px) { #frmOos .inputHolder span.error { font-size: 10pt; } #itemEmailOos p { font-size: 9pt; } } @media only screen and (min-width:375px) { #frmOos .inputHolder span.error { font-size: 11pt; } #itemEmailOos p { font-size: 9pt; } } @media only screen and (min-width:380px) { #itemCheckReserve { padding: 0 10px; clear: both; } #btnCheckReserve { font-size: 12pt; } #itemEmailOos p { font-size: 9pt; } } @media only screen and (min-width:380px) { .delCost { padding-top: 0 !important; } } @media only screen and (min-width:410px) { #frmOos .inputHolder span.error { font-size: 12pt; } .socksize { width: 75%; } } @media only screen and (min-width:480px) { #oosLabelEml span.error { float: left; } } /* TABLET */ @media only screen and (min-width:641px) { #feedbackRating { font-size: 30px; } .feedbackRatingClicker { width: 15px; } #feedbackRatingInner { max-width: 150px; min-width: 150px; } #btnSend { margin: 6px 0 10px 0; } .select select { border: 1px solid #000; } .socksize { margin-left: 15px; width: 64%; } .sockadd { margin-left: 0; width: 100%; } .accessoryRight { padding: 0 0 0 0 !important; background: none repeat scroll 0 0 #555; float: right; margin-right: 2.5%; width: 47.25%; } .accessoryImg { display: block; margin: 0 0 !important; max-height: 200px; max-width: 200px; width: 100%; } .accessorycomplete { background: none; padding: 10px 0; } .accessorycomplete span { display: none; } .accessoryDetails { font-size: 1.1em; padding: 10px; position: relative; } .accessorysize { border: medium none; height: 40px; padding: 10px; width: 100%; float: left; } .reductionStrike { color: #fff; display: inline-block !important; font-size: 1.1em !important; margin-left: 10px; overflow: initial; text-decoration: line-through; width: 15%; } .reduction { color: #dc2a2a; display: inline-block !important; width: 35%; } .accessorybutton.green { background: none repeat scroll 0 0 #7cc246; } .accessorybutton { margin-bottom: 0; margin-top: 15px; } .basketProduct { padding: 0 0 20px; } #dropdown { display: none; } .leftsock { float: left; width: 48.5%; } .rightsock { float: right; width: 48.5%; margin-top: 0; } /*ITEM PAGE*/ #sizes { margin: 0; } #excl { background-image: url('http://d2ob0iztsaxy5v.cloudfront.net/schuh-exclusive.gif'); width: 86px; height: 88px; position: absolute; right: 0; top: 0; z-index: 101; } #webonly { background-image: url('http://d2ob0iztsaxy5v.cloudfront.net/schuh-web-only.gif'); width: 86px; height: 88px; position: absolute; right: 0; top: 0; z-index: 101; } #widthoptions { background-image: url('http://d2ob0iztsaxy5v.cloudfront.net/schuh-widths.gif'); width: 86px; height: 88px; position: absolute; right: 0; top: 0; z-index: 101; } #widthoptions.crib { background-image: url('http://d2ob0iztsaxy5v.cloudfront.net/schuh-crib-pennant.gif');} #widthoptions.toddler { background-image: url('http://d2ob0iztsaxy5v.cloudfront.net/schuh-toddler-pennant.gif');} #widthoptions.junior { background-image: url('http://d2ob0iztsaxy5v.cloudfront.net/schuh-junior-pennant.gif');} #widthoptions.youth { background-image: url('http://d2ob0iztsaxy5v.cloudfront.net/schuh-youth-pennant.gif');} #widthoptions span.small { display: block; font-size:10pt; margin-left: 20px; margin-top: -7px; padding-top: 0; text-align: center;-webkit-transform:rotate(46deg);-moz-transform:rotate(46deg);-ms-transform:rotate(46deg);-o-transform:rotate(46deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=46);transform: rotate(46deg)} #widthoptions #widthLetter {display: block; font-weight:bold; font-size: 20pt; margin-left: 50px; margin-top: 0; padding-top: 0; text-align: center;-webkit-transform:rotate(46deg);-moz-transform:rotate(46deg);-ms-transform:rotate(46deg);-o-transform:rotate(46deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=46);transform: rotate(46deg) } #breadcrumb { border: none !important; } #itemPage { padding: 15px; } #rightContainer { float: right; } #rightContainer.col1 { margin-left: 1.5%; width: 47%; } #itemTitle { background: none; text-align: left; padding: 0 !important; margin: 0; width: 100%; } .title { border: none !important; } #itemTitle h1 { font-size: 14pt !important; float: left; margin-top: -5px; max-width: 65%; } .itemNameSml { font-size: 13pt !important; } #itemLogo { display: block; float: right; width: 30%; } #itemLogo img { width: auto; max-width: 100%; } #itemDetails { padding: 0 0 15px; } #itemPrice { width: 70%; } #fullPrice { font-size: 12pt; color: #fff; margin-left: 10px; } .freeDel { float: none; } #itemRating { float: none; clear: both; } #itemRating a span.leaveReview { display: inline-block; } #sizeGuide { width: 100%; padding-top: 22px; clear: both; overflow: hidden; } #btnSizeGuide { float: left; } #itemCheckReserve { clear: both; margin-top: 10px; display: inline-block; } #btnCheckReserve { font-size: 8pt; width: 36%; } #itemExtra { clear: both; padding: 0 !important; } #leftContainer { float: left; } #leftContainer.col2 { margin-right: 1.5%; width: 50%; } #itemImage img { max-width: 300px; } #swipe { margin: 0 auto; max-width: 450px; } #swipe .product-pager { text-align: center; font-size: 2em; } #item360 { height: 300px; } #div360 { max-width: 300px; margin: 0 auto; height: 300px; } .Sirv { width: 300px; margin: 0 auto; } #itemDescription { padding: 15px 0; } #itemColours { clear: both; padding: 0 0 5px; border-top: 1px solid #3B3B3B; border-bottom: none; } #itemColours .h2 { border: none; display: inline-block; float: left; margin-right: 4px; } #itemColours ul { margin-top: 10px !important; overflow: auto; } #itemSizeGuide .h2 { border: none; display: inline-block; float: left; } #itemSocial { width: 100%; padding: 15px 0; border-top: 1px solid #3B3B3B; } #itemSocial .legend { display: inline-block; font-size: 8pt; letter-spacing: 0; text-transform: uppercase; line-height: 15px; padding-bottom: 8px; vertical-align: middle; } #itemSocial .button { width: 8%; } #Email { width: 34% !important; } #itemReviews { padding: 0 0 5px; margin: 0; } #itemReviews .h2 { font-size: 14pt; } #itemReviews .h2 a { font-size: 11pt; } #itemReviews .h2 span span { font-size: 12pt; } #divReviewNext { width: 50%; } #percent { font-size: 1.8em; width: 70px; height: 55px; padding-top: 15px; } #itempage-productRecommendations { margin: 20px 10px; } #itempage-productRecommendations ul li { width: 33.33%; } #itemSocial #Save { min-width: 90px; } #Save { width: 25% !important; font-size: 9pt; line-height: 30px; min-width: 156px; } #addWishList { padding: 0; } #peopleSavedThis { float: left; font-size: 7pt; height: 30px; padding: 14px 14px 14px 6px; line-height: 3px; max-width: 228px; } #savedForLater { width: 30%; font-size: 9pt; } .wproducttablet { float: left; display: initial; } /*END ITEM PAGE*/ /* Item Review Form*/ #reviewContainer div.left { float: left !important; } span#ratingSymbols { font-size: 30px !important; } #reviewContainer .sliderTitle { width: 40%; } #reviewTitle { display: none; } #leftReviewContainer { margin-right: 1.5%; } #rightReviewContainer { margin-left: 1.5%; } #productDesc { display: block; } #productImage { width: 90%; padding: 0; } #reviewContainer div.pageHelp { margin-bottom: 15px; float: left; margin-top: 0; } #divProductButton { margin-right: 15px; margin-left: 0; } #reviewButtons { margin-left: 60px; float: right; width: 70%; } #reviewSubmit { width: 45%; } #lnkPreview, #lnkEdit { width: 45%; } /* End of Item Review Form*/ .AffiliateHeader { color: #FFFFFF; font-size: 22px; margin-bottom: 15px; margin-top: 20px; } #affiliateBanner { display: block; } #divAffiliates a { text-decoration: underline; color: #7CC246; } #emailTitle { border-bottom: none; font-family: 'Arial'; letter-spacing: normal; padding: 0; text-align: left; text-transform: none; } .emailImages { -moz-box-sizing: border-box; display: block; float: right; /*margin-right: 15px;*/ margin-top: 29px; /*max-width: 300px;*/ max-width: 45%; overflow: hidden; } .emailImages img { -moz-box-sizing: border-box; /*float: right;*/ margin-bottom: 15px; padding-left: 15px; } #emailSuccess { -moz-box-sizing: border-box; border-color: #64BB48; border-style: solid; font-family: 'LiteraSBOP-Regular','Arial'; font-size: 2em; height: 300px; padding-top: 121px; text-align: center; text-transform: uppercase; letter-spacing: 6px; width: 100%; display: none; } .unselectedRangeKids { background: none repeat scroll 0 0 #414141; color: #FFF; font-size: 11pt; height: 45px; padding-top: 11px; text-align: left; width: 31%; float: left; margin-right: 0; padding-left: 9px; } .selectedRangeKids { background: #87c174; color: #FFF; font-size: 17px; height: 45px; padding-top: 11px; text-align: left; width: 31%; float: left; margin-right: 0px; padding-left: 9px; } .selectedRange { background: #87c174; color: #FFF; font-size: 17px; height: 45px; padding-top: 11px; text-align: left; width: 31%; float: left; margin-right: 3.5%; padding-left: 9px; } .unselectedRange { background: none repeat scroll 0 0 #414141; color: #FFFFFF; float: left; font-size: 11pt; height: 45px; margin-right: 3.5%; padding-left: 9px; padding-top: 11px; text-align: left; width: 31%; } .emailprivacy { color: #7CC246; } .emailHeader { color: #ffffff; font-size: 16px; margin-bottom: 15px; margin-top: 15px; } .emailSignupEmail { -moz-box-sizing: border-box; border: 1px solid #3F3F3F; color: #000000; display: block; font-size: 1.2em; height: 40px; margin-bottom: 20px; padding: 0 10px; text-align: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .emailSignupSubmit { -moz-box-sizing: border-box; background: none repeat scroll 0 0 #63bb43; color: #FFFFFF; display: block; font-size: 1.8em; font-weight: bold; height: 55px; line-height: 35px; margin: 20px 0; padding: 10px 20px; padding: 10px; text-align: left; text-transform: uppercase; width: 100%; padding-left: 20px; } .emailBody { margin: 15px; -moz-box-sizing: border-box; float: left; padding: 15px; position: relative; width: 50%; } .emailSignup { margin-bottom: 10px; } .emailSignupEmail.error { background: none repeat scroll 0 0 #FDCFCF; border: 2px solid rgb(255, 44, 51) !important; } .emailSignupErrMsg { color: #ff332c; float: right; } .emailRangeErrMsg { color: #FF332C; float: right; width: 100%; } .emailSignupEmail.success { color: black; background: #7CC144; } #breadcrumb.results { border-bottom: none; padding-bottom: 0; } #breadcrumb.results .container { padding: 0; } .col1 { width: 32%; } .col2 { width: 65%; } .col3 { width: 100%; } .colHalf { width: 50%; } .brandInitial { display: block; height: 36px; color: #fff; text-transform: uppercase; line-height: 36px; vertical-align: middle; text-indent: 25px; clear: left; margin: 0 0 16px 0; background: none; text-indent: -6px; padding-top: 20px; padding-bottom: 40px; font-family: 'LiteraSBOP-Regular', 'Arial'; text-transform: uppercase; font-size: 12pt; letter-spacing: 0.2em; } #brandRow > li { float: left; margin-right: 2%; width: 30%; } .categoriesSubHeading { padding-bottom: 10px; font-size: 1.2em; } .categories, .featured { font-size: 11pt; padding: 0 10px 0 0; width: 50%; float: left; } #siteMapBrandsLink, #siteMapTrendsLink, #siteMapStoresLink { background: none repeat scroll 0 0 #63BE49; display: inline-block; font-size: 12pt; height: 45px; line-height: 45px; margin-right: 3%; margin-top: 11px; text-align: center; vertical-align: middle; width: 30%; text-transform: uppercase; letter-spacing: 0.2em; font-family: 'LiteraSBOP-Regular', 'Arial'; } .sitemap-header { background: none repeat scroll 0 0 #414141; font-size: 1.1em; font-weight: 100; clear: both; line-height: 45px; text-indent: 5px; padding-left: 10px; width: 92%; margin-bottom: 15px; } #sitemapServices, #sitemapAbout, #sitemapJoin { float: left; width: 33%; margin-bottom: 15px; } #sitemapWomens .sitemap-header, #sitemapMens .sitemap-header, #sitemapKids .sitemap-header { background: none repeat scroll 0 0 #414141; width: 92%; } #sitemapWomens, #sitemapMens, #sitemapKids, #trendSitemapWomens, #trendSitemapMens, #trendSitemapKids { float: left; width: 33%; } .submenu { float: left; width: 25%; } .subcontent { padding-left: 25%; } .leftTab { float: left; } .rightTab { float: right; } /*Basket*/ h1.basket { text-align: left; padding: 0 0 0 5px !important; border-bottom: none; } #basket .col_right, #basket .col_left { width: 100%; } #basket .col_right { padding: 0 0 0 0; } #secureLogos { background: url("//d2ob0iztsaxy5v.cloudfront.net/social-pay-sprite-ie.png") no-repeat scroll 104px -55px / 100%; width: 358px; } #basketpage-productRecommendations { margin: 20px 0; } #basketpage-productRecommendations ul li { width: 33.33%; } #wproducts ul li { float: left; width: 25%; } .wbasketdetails { font-size: 8pt; width: 45%; } .btnwAddToBasket { font-size: 10pt; } .basketNotify { left: 31%; width: 330px; } /*End of Basket*/ /*Competitions*/ #competitionContainer { margin: 20px 0 20px 17px; } #competitionContainer .competitionItem { width: 50%; padding-right: 20px; } .competitionButtonEnter { width: 40% !important; } .competitionClosed { width: auto; left: 0; right: 20px; } #competitionEntryContainer { margin: 0 17px 20px 17px; } #competitionEntryContainer #col1 { width: 50%; float: left; clear: none; padding-right: 20px; } #competitionEntryContainer #col2 { width: 50%; float: left; clear: none; padding-left: 20px; } #competitionSubmit { margin: 25px 0; width: 100%; } #frmCompetitionEntry #questionContainer input { width: 47%; } #compClosedButton { width: 350px; } #affSignupDiv { float: none; } #frmCompetitionEntry #schuhSignupContainer label { display: inline-block; width: 90%; float: none; margin: 10px 0 0 -25px; padding-left: 35px; } #CompSignupBoxes input { padding: 0; margin: 0; border: none; } #social.competitionSocial { width: 100%; padding: 0; } /*end competitions*/ /*Brands page*/ #brandPageHeader { margin: 0 17px -5px 17px; } #brandPage { margin: 0 0 20px 0; } #brands { margin: 0; } #brandBannerLinks { margin: 0 0 0 48px; text-align: left; } #brandsMobTitle { display: none; } #brands .brand { width: 27%; } #brands .brand:nth-child(3n+1) { margin: 2% 3%; margin-left: 4%; } #brands .brand:nth-child(3n+2) { margin: 2% 2%; } #brands .brand:nth-child(3n) { margin: 2% 3%; margin-right: 4%; } #brands .brandLetter { background: none; color: #ffffff; font-size: 1.6em; padding-right: 10px; float: left; width: 20px; padding-left: 20px; } #brands .brandDescription { position: relative; float: left; margin: 0px; padding: 4px 0 4px 4px; } #brands .brandDescription img { width: 100px; height: 100px; margin: 5px; display: block; } .brandDescription span { display: none; } #brandslist { float: left; width: 100%; } .brandLine { border: none; clear: left; margin-right: 0; } #brands .brandContainer { margin-left: 40px; } .alwaysVisible { position: absolute; top: 65px; right: 10px; background-color: transparent; } #brandsList .divider { display: none; } hr.divider { display: none; } #brandsNonMobTitle { display: inline-block; border-top: none; border: none; height: 58px; padding-top: 15px; } #brandBannerLinks span { font-size: 1.1em; margin: 0 5px 5px 0; } /*End Brands page*/ #currentSearch { font-size: 0.9em; letter-spacing: 0.1em; } #storeMenu { width: 33%; } #storeResults { padding-left: 33%; } #storeResults .store { padding: 10px 0 10px 15px; } .storeContent { background: #414141; float: left; height: 280px; padding: 10px; } .storeContentStoreInfo { width: 40%; } .storeContentOpenTime { display: block; width: 35%; } .storeContent span { display: block; } .storeContent span.storeInfoLarge { font-size: 1.2em; font-weight: bold; margin-bottom: 10px; margin-top: 10px; } .storeLocalInfoContent { float: right; height: 280px; width: 25%; } .storeDistanceShort { display: inline; } .storeDistanceLong { display: none; } #storeResultsBanner { display: block; padding: 0 0 0 15px; } #storeResultsBanner .banner { padding: 10px 0; } .storeDetailsButton:first-child { margin-left: 0 !important; } .storeDetailsButton.button { width: 32%; margin-left: 2%; } .storeDetailsContainer { display: block !important; margin: 0 0 0 2%; width: 49%; } #storeImage { display: block; padding-bottom: 65.2%; position: relative; } #storeAddress h1.branchName { border-bottom: none; display: block; font-family: 'Arial'; font-size: 1.5em; font-weight: bold; letter-spacing: normal; margin-bottom: 20px; padding: 0px; text-align: left; text-transform: capitalize; } #storeAddress { float: left; } #storeOpeningHours { float: left; } #leftContainer .branchLocalInfo { bottom: 0; margin: 0; overflow: hidden; position: absolute; right: 0; } .branchPhone { position: absolute; margin-top: 0; right: 0; top: 0; } .storeAddressInnerContainer { position: relative; } #branchTestimonials { float: left; margin-right: 1%; width: 49%; } #branchBanner { display: block; float: left; width: 50%; } #branchLocalInfo { clear: right; float: right; margin-left: 1%; width: 49%; } #branchBanner { clear: both; float: right; width: 50%; } #feedbackContainer { padding: 10px; } #feedbackImage { float: left; width: 33%; display: block; } .feedbackHeader { border-bottom: none; font-family: Arial; letter-spacing: normal; padding: 0; text-align: left; text-transform: none; } #feedbackForm, #feedbackConfirmation { float: left; margin-left: 1%; width: 66%; } #feedbackMain { float: none; width: 100%; } #feedbackColumnLeft { float: left; margin-right: 1%; padding-top: 10px; width: 49%; } #feedbackColumnRight { float: left; margin-left: 1%; padding-top: 10px; width: 49%; } #divViewFeedback { width: 50%; } #pageError .button { float: left; width: 32%; margin-left: 2%; margin-top: 40px; margin-bottom: 80px; text-transform: uppercase; } #pageError .button:first-of-type { margin-left: 0 !important; } #pageError .sorry { font-size: 9em; } /*OUT OF STOCK PAGE */ #oosMsg #itemTitle h1 { font-size: 1.5em; font-weight: normal; text-transform: lowercase; } .title { border: none !important; text-align: left !important; padding-left: 0 !important; padding: 0 0 15px 0 !important; } #oosImageHolder { width: 100%; } #oosImage { width: 100%; } #oosLeftContainer { width: 30%; float: left; margin-right: 2%; } #oosRightContainer { width: 68%; float: left; } #bottomContainer { width: 100%; padding: 0; } #oosSimilar { text-transform: none; margin: 20px 0 !important; font-size: 1.3em; clear: both; padding-top: 20px; text-align: left; } #oosButtons { overflow: hidden; } #oosButtons .oosButton { float: left; width: 30%; margin-right: 5%; } #oosButtons .oosButton:nth-child(3) { margin-right: 0 !important; } #oosForm { margin: 20px 0 0 0; } #frmOos input { height: 45px !important; margin: 10px 0 !important; } #frmOos .selectHolder #sizes { height: 44px; line-height: 44px; margin-top: 10px; } #frmOos label, .thanks label { font-size: 13pt !important; display: block !important; width: 100% !important; } #frmOos .selectHolder { float: left !important; width: 20% !important; } #frmOos .inputHolder { float: left !important; width: 50% !important; margin-left: 5% !important; margin-right: 5% !important; } #frmOos .buttonHolder { float: right !important; width: 20% !important; padding-top: 10px; } #frmOos .inputHolder span.error { font-size: 10pt; } #oosResults { padding: 0 0 15px 0; overflow: hidden; } #oosResults .product { width: 24%; margin: 0 1.33% 0 0 !important; } #oosResults .product:nth-child(3) { margin: 0 1.34% 0 0 !important; } #oosResults .product:nth-child(4) { margin: 0 !important; } .oosButton .button { font-size: 7pt; } #oosLabelEml { display: block; float: none; width: 100%; } #oosLabelEml span.error { float: right; } #oosMsg { margin: 0 !important; } /*END OUT OF STOCK PAGE*/ #salePageHeader { height: 190px; } #salePageHeader h1 { margin-bottom: 30px; } #salePageHeader #headerOverlayContent { left: 0; right: 0; bottom: 0; top: 0; } #salePageHeader #headerOverlay { width: 100%; } #salePageHeader .saleSection { background: none; float: left; width: 33.3%; border: none; border-left: 1px solid #fff; padding: 0 15px; } #salePageHeader .saleSection.first { border: none; } #salePageHeader.resultsPageHeader img { display: block; left: 50%; margin-left: -512px; } #salePageHeader .saleSection span { margin-bottom: 15px; } #salePageHeader .saleSection .select { top: 0; } #salePageHeader .saleSection a { display: block; background: #7CC246; line-height: 30px; height: 30px; } .resultsPageHeader .banner { height: 225px; overflow: hidden; position: relative; } .resultsPageHeader img { display: block; right: 0; position: absolute; width: 1024px; } #headerOverlay { position: absolute; top: 0; left: 0; bottom: 0; width: 33%; } #headerOverlay.expanded { width: 100%; } #headerOverlayContent { position: absolute; top: 15px; left: 15px; bottom: 35px; right: 15px; padding: 0; border-bottom: none; } #headerOverlay h1 { text-align: left; font-size: 18pt; } #headerOverlay p { display: block; padding: 20px 0 0; } #refineHeader { } #refineTypes { width: 160px; } #resultsHeader { left: 200px; } #resultsHeader #resultsCount { float: left; text-align: left; clear: none; padding: 0; display: block; font-size: 14pt; } #resultsSort { padding-right: 0; width: auto; } #sort { width: 160px; } #resultsSort span { margin-right: 10px; display: inline-block; } #resultsSort .select { display: inline-block; } #refineBrand ul li { float: left; width: 160px; padding-right: 10px; display: none; } #refineOptions .expanded li, #refineOptions .show { display: block; } #refineOptions .expanded .refineCount { display: none; } #refineOptions .moreRefine { display: block; } .moreRefine a { color: #7CC246; } .refinement li { float: left; width: 160px; padding-right: 10px; } #results .product { width: 30%; } #results .product:nth-child(3n+1) { margin: 3% 2.5% 0 0; } #results .product:nth-child(3n+2) { margin: 3% 2.5% 0; } #results .product:nth-child(3n) { margin: 3% 0 0 2.5%; } /* Store stock css*/ #resultsPageHeaderBranch #headerOverlayContent { overflow: visible; } #resultsPageHeaderBranch #headerOverlay h1 { font-size: 18px; margin: 15px 0 15px 0; text-align: left; font-family: 'Arial'; } #resultsPageHeaderBranch #headerOverlay h1 .headerBranchName { display: block; font-family: 'Arial'; font-size: 20px; letter-spacing: normal; text-transform: capitalize; } #resultsPageHeaderBranch #headerOverlay p { display: block; padding: 0; font-size: 18px; } #xmasheader img { width: 100%; display: block; } #xmasheader h1 { display: none; } #avgSize .h2, #avgsliderLabel, #avgslider { padding-left: 0; } #avgslider { margin: 25px 57px 21px 20px; width: 71%; } #itemSizeGuide .h2 { padding-left: 0px; } .avgPerfect { margin-left: 25%; left: 26%; } .avgTooBig { margin-left: 19%; left: 77%; } .pointer-tooBig { left: 94%; } .pointer-perfectHalf { left: 64%; } .slider .pointer-perfect { margin-left: 22%; margin-right: 14%; left: 28%; } .tooBig { left: 97%; } .pointer-tooSmallHalf { left: 24%; } .reviewRating { min-width: 0; } #boxText { font-size: 8pt; } .boxGuideHeader { font-size: 0.7em; } .box ul li { font-size: 9pt; } .box { width: 55%; } #hatsBox { width: 85%; left: 5%; } } @media only screen and (min-width:802px) and (max-width:815px) { .socksize { width: 72%; } } @media only screen and (min-width:816px) and (max-width:1013px) { .socksize { width: 57%; } .perfect { left: 37%; } .tooBig { left: 93%; } .avgPerfect { left: 24%; } .avgTooBig { left: 77%; } } @media only screen and (min-width:641px) and (max-width:950px) { #salePageHeader .select select { width: 90px; } } @media only screen and (min-width:670px) { #btnCheckReserve { font-size: 10pt; width: 40%; } } @media only screen and (min-width:768px) { #results .product { width: 22%; } #results .product:nth-child(4n+1) { margin: 2% 3% 0 0; } #results .product:nth-child(4n+2) { margin: 2% 2% 0 1%; } #results .product:nth-child(4n+3) { margin: 2% 1% 0 2%; } #results .product:nth-child(4n) { margin: 2% 0 0 3%; } .socksize { width: 71%; } } @media only screen and (min-width:816px) { /*ITEM PAGE*/ #itemSocial .legend { font-size: 10pt !important; } /*END ITEM PAGE*/ .AffiliateHeader { color: #FFFFFF; font-size: 22px; margin-bottom: 15px; margin-top: 20px; } #divAffiliates a { text-decoration: underline; color: #7CC246; } #affiliateBanner { display: block; } .emailImages { -moz-box-sizing: border-box; display: block; float: right; margin-right: 15px; margin-top: 29px; /*max-width: 300px;*/ max-width: 48%; text-align: center; } .emailImages img { -moz-box-sizing: border-box; /*float: right;*/ margin-bottom: 15px; /*padding-left: 15px;*/ } #emailSuccess { -moz-box-sizing: border-box; border-color: #64BB48; border-style: solid; font-family: 'LiteraSBOP-Regular','Arial'; font-size: 2em; height: 300px; letter-spacing: 6px; padding-top: 121px; text-align: center; text-transform: uppercase; width: 100%; display: none; } .unselectedRangeKids { background: none repeat scroll 0% 0% #414141; color: #FFF; font-size: 18px; height: 45px; padding-top: 11px; text-align: left; width: 31%; float: left; margin-right: 0px; padding-left: 20px; } .selectedRangeKids { background: #87c174; color: #FFF; font-size: 18px; height: 45px; padding-top: 11px; text-align: left; width: 31%; float: left; margin-right: 0px; padding-left: 20px; } .selectedRange { background: #87c174; color: #FFF; font-size: 18px; height: 45px; padding-top: 11px; text-align: left; width: 31%; float: left; margin-right: 3.5%; padding-left: 20px; } .unselectedRange { background: none repeat scroll 0% 0% #414141; color: #FFF; font-size: 18px; height: 45px; padding-top: 11px; text-align: left; width: 31%; float: left; margin-right: 3.5%; padding-left: 20px; } #emailPrivacy { width: 100%; } .emailprivacy { color: #7CC246; } .emailHeader { color: #ffffff; font-size: 22px; margin-bottom: 15px; margin-top: 20px; } .emailSignupEmail { -moz-box-sizing: border-box; border: 1px solid #3F3F3F; color: #000000; display: block; font-size: 1.2em; height: 40px; margin-bottom: 20px; padding: 0 10px; text-align: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .emailSignupSubmit { -moz-box-sizing: border-box; background: none repeat scroll 0 0 #63bb43; color: #FFFFFF; display: block; font-size: 1.8em; font-weight: bold; height: 55px; line-height: 35px; margin: 20px 0; padding: 10px 20px; padding: 10px; text-align: left; text-transform: uppercase; width: 100%; padding-left: 20px; } .emailBody { -moz-box-sizing: border-box; float: left; margin: 0; padding: 15px; position: relative; width: 50%; } .emailSignup { margin-bottom: 10px; width: 100%; } .emailSignupEmail.error { background: none repeat scroll 0 0 #FDCFCF; border: 2px solid rgb(255, 44, 51) !important; } .emailSignupErrMsg { color: #ff332c; float: right; } .emailRangeErrMsg { color: #FF332C; float: right; width: 100%; } .emailSignupEmail.success { color: black; background: #7CC144; } #siteMapBrandsLink, #siteMapTrendsLink, #siteMapStoresLink { background: none repeat scroll 0 0 #63BE49; display: inline-block; font-size: 12pt; height: 45px; line-height: 45px; margin-right: 1.9%; margin-top: 11px; text-align: center; vertical-align: middle; width: 30.5%; font-family: 'LiteraSBOP-Regular', 'Arial'; text-transform: uppercase; letter-spacing: 0.2em; } .sitemap-header { background: none repeat scroll 0 0 #414141; font-size: 1.1em; font-weight: 100; clear: both; line-height: 45px; text-indent: 5px; padding-left: 10px; width: 92%; margin-bottom: 15px; } #sitemapServices, #sitemapAbout, #sitemapJoin { float: left; width: 33%; margin-bottom: 15px; } #sitemapWomens .sitemap-header, #sitemapMens .sitemap-header, #sitemapKids .sitemap-header { background: none repeat scroll 0 0 #414141; width: 92%; } #sitemapWomens, #sitemapMens, #sitemapKids, #trendSitemapWomens, #trendSitemapMens, #trendSitemapKids { float: left; width: 33%; } .brandInitial { display: block; height: 36px; color: #fff; text-transform: uppercase; line-height: 36px; vertical-align: middle; text-indent: 25px; clear: left; margin: 0 0 16px 0; background: none; text-indent: -6px; padding-top: 20px; padding-bottom: 40px; font-family: 'LiteraSBOP-Regular', 'Arial'; text-transform: uppercase; font-size: 12pt; letter-spacing: 0.2em; } #brandRow > li { float: left; margin-right: 2%; width: 30%; } .storeColumn li { font-size: 1em; border-bottom: none; text-indent: 6px; line-height: 1.4em; text-transform: capitalize; width: 130%; } .categories, .featured { font-size: 11pt; padding: 0 10px 0 0; width: 50%; float: left; } .categoriesSubHeading { padding-bottom: 10px; font-size: 1.2em; } /*Basket*/ #basket .col_right { width: 35%; padding: 0 0 0 20px; } #basket .col_left { width: 65%; } .basketProduct { padding: 0 0 0 0; } .basketProduct .left, .basketProduct .right { width: 50%; } .basketProduct .right { padding: 0 0 0 20px; } .basketProduct .productEdit { padding: 0 0 0 10px; } #secureLogos { background: url("//d2ob0iztsaxy5v.cloudfront.net/social-pay-sprite-ie.png") no-repeat scroll 101px -40px / 90%; width: 280px; } /*End of Basket*/ .socksize { width: 57%; } .perfect { margin-left: 20% !important; margin-right: 20% !important; } .perfectHalf { left: 72%; } #boxText { font-size: 10pt; } .boxGuideHeader { font-size: 1em; } .box ul li { font-size: 12pt; } .box { left: 26%; padding: 35px 60px; width: 42%; } } /*EXTRA BREAKPOINTS*/ @media only screen and (min-width:690px) { .freeDel { padding-left: 10px; } } @media only screen and (min-width:700px) { #frmOos .inputHolder span.error { font-size: 11pt; } } @media only screen and (min-width:731px) { .oosButton .button { font-size: 8pt; } } @media only screen and (min-width:765px) { #itemSize { clear: none; float: left; width: 50%; padding-right: 10px; } #itemBuy { width: 50%; float: right; padding-left: 10px; } #itemCheckReserve { padding: 0 5px 0 2px !important; } #btnCheckReserve { width: 30% !important; float: right !important; } } @media only screen and (min-width:768px) { #frmOos .inputHolder span.error { font-size: 12pt; } } @media only screen and (min-width:825px) { .oosButton .button { font-size: 9pt; } #currentSearch { font-size: 1em; letter-spacing: 0.2em; } } @media only screen and (min-width:850px) { #itemSocial .legend { font-size: 12pt !important; } } @media only screen and (min-width:916px) { .oosButton .button { font-size: 10pt; } } @media only screen and (min-width:1024px) { .socksize { width: 66%; } } /*END EXTRA BREAKPOINTS*/ /* DESKTOP */ @media only screen and (min-width:1025px) { #btnSend { margin: 10px 0 10px 0; } .socksize { margin-left: 7%; margin-right: 4%; width: 29%; } .sockadd { width: 34%; float: left; } .accessoryRight { padding: 0 0 0 0 !important; float: right; width: 47.25%; } .accessoryImg { display: block; margin: 0 0 !important; max-height: 85px; max-width: 85px; width: 100%; overflow: hidden; } .accessorycomplete span { display: none; } .accessorycomplete { background: none; } .accessoryDetails { font-size: 1.1em; padding: 10px; position: relative; overflow: hidden; } .accessorysize { margin-top: 24px; } .reductionStrike { color: #fff; display: inline-block !important; font-size: 1.1em !important; margin-left: 10px; overflow: initial; text-decoration: line-through; width: 15%; } .reduction { color: #dc2a2a; display: inline-block !important; width: 35%; } .accessorybutton { margin-bottom: 0px; margin-top: 45px; } .accessoryErrMsg { padding-top: 20px; } /*ITEM PAGE*/ #itemPage { padding: 15px 0; } .itemNameSml { font-size: 14pt !important; } #itemCheckReserve { padding: 0 10px 0 10px !important; } #item360 { height: 360px; } #div360 { max-width: 360px; height: 360px; } #itemImage img { max-width: 360px; } .Sirv { width: 360px !important; } .review { margin-top: 20px; } #divReviewNext { width: 33%; } .review span.staff { color: #7AB441; float: left; font-weight: bold; margin-left: 0; margin-right: 0; margin-top: 5px; padding-left: 5px; padding-right: 10px; } #reviewHR { height: 1px; color: #3B3B3B; margin-top: 20px; } #itemSocial .button { width: 8%; } #Email { width: 40% !important; max-width: 180px; } #Save { font-size: 10pt; } #itempage-productRecommendations ul li { width: 25%; } #peopleSavedThis { font-size: 8pt; padding: 14px; } #savedForLater { width: 30% !important; } /*END ITEM PAGE*/ /*Item Review Form*/ #preview { margin: 0 0 15px; } #previewName { font-size: 11pt; font-weight: bold; margin-bottom: 15px; margin-top: 0; } #reviewContainer .sliderTitle { width: 30%; } #divProductButton { margin-right: 15px; margin-left: 15px; float: left; padding-left: 25%; padding-right: 25%; } #reviewContainer #divSlider { display: block; } #reviewContainer #slider { float: right; max-width: 370px; clear: both; height: 2px; margin: 20px 25px 20px 24px; width: 370px; } #reviewContainer #sliderLabel { float: right; margin: 0 0 20px 50px; width: 400px; height: 8px; } #reviewContainer .sliderLabelStep { float: right; font-size: 11pt !important; font-weight: normal; } #reviewContainer #divTTSDD { display: none; } #reviewContainer .noUi-handle { height: 28px !important; left: -17px !important; position: relative !important; top: -14px !important; width: 20px !important; border-radius: 0px !important; } #reviewContainer .noUi-handle:before, #reviewContainer .noUi-handle:after { background: none; } #reviewContainer .noUi-target { border: 1px solid #414141 !important; } /* End of Item Review Form*/ .AffiliateHeader { color: #FFFFFF; font-size: 22px; margin-bottom: 15px; margin-top: 20px; } #divAffiliates a { text-decoration: underline; color: #7CC246; } #affiliateBanner { display: block; } .affiliatepara { margin-top: 20px; } #divAffiliateImg { margin-top: 20px; margin-bottom: 20px; } #divAffiliates { margin: 26px 0 20px 0; } .emailImages { display: block; -moz-box-sizing: border-box; float: right; margin-top: 26px; margin-right: 0; position: relative; width: 50%; max-width: 628px; } .emailImages img { -moz-box-sizing: border-box; float: right; margin-bottom: 15px; max-width: 300px; width: 50%; padding-left: 15px; } #emailImages { display: inline; } #emailSuccess { -moz-box-sizing: border-box; border-color: #64BB48; border-style: solid; font-family: 'LiteraSBOP-Regular','Arial'; letter-spacing: 6px; font-size: 2em; height: 300px; padding-top: 121px; text-align: center; text-transform: uppercase; width: 100%; display: none; } .unselectedRangeKids { background: none repeat scroll 0% 0% #414141; color: #FFF; font-size: 18px; height: 45px; padding-top: 11px; text-align: left; width: 31%; float: left; margin-right: 0px; padding-left: 20px; } .selectedRangeKids { background: #87c174; color: #FFF; font-size: 18px; height: 45px; padding-top: 11px; text-align: left; width: 31%; float: left; margin-right: 0px; padding-left: 20px; } .selectedRange { background: #87c174; color: #FFF; font-size: 18px; height: 45px; padding-top: 11px; text-align: left; width: 31%; float: left; margin-right: 3.5%; padding-left: 20px; } .unselectedRange { background: none repeat scroll 0% 0% #414141; color: #FFF; font-size: 18px; height: 45px; padding-top: 11px; text-align: left; width: 31%; float: left; margin-right: 3.5%; padding-left: 20px; } .emailprivacy { color: #7CC246; } .emailHeader { color: #ffffff; font-size: 16px; margin-bottom: 15px; margin-top: 15px; } .emailSignupEmail { -moz-box-sizing: border-box; border: 1px solid #3F3F3F; color: #000000; display: block; font-size: 1.2em; height: 40px; margin-bottom: 20px; padding: 0 10px; text-align: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .emailSignupSubmit { -moz-box-sizing: border-box; background: none repeat scroll 0 0 #63bb43; color: #FFFFFF; display: block; font-size: 1.8em; font-weight: bold; height: 55px; line-height: 35px; margin: 20px 0; padding: 10px 20px; padding: 10px; text-align: left; text-transform: uppercase; width: 100%; padding-left: 20px; } .emailBody { -moz-box-sizing: border-box; float: left; padding: 0px; margin: 0; position: relative; width: 50%; } .emailSignup { width: 100%; margin-bottom: 10px; } .emailSignupEmail.error { background: none repeat scroll 0 0 #FDCFCF; border: 2px solid rgb(255, 44, 51) !important; } .emailSignupErrMsg { color: #ff332c; float: right; } .emailRangeErrMsg { color: #ff332c; float: right; width: 100%; } .emailSignupEmail.success { color: black; background: #7CC144; } .brandInitial { display: block; height: 36px; color: #fff; text-transform: uppercase; line-height: 36px; vertical-align: middle; text-indent: 25px; clear: left; margin: 0 0 16px 0; background: none; text-indent: -6px; padding-top: 20px; padding-bottom: 40px; font-family: 'LiteraSBOP-Regular', 'Arial'; text-transform: uppercase; font-size: 12pt; letter-spacing: 0.2em; } #brandRow > li { float: left; width: 18%; margin-right: 2%; } .storeColumn li { font-size: 1em; border-bottom: none; text-indent: 6px; line-height: 1.4em; text-transform: capitalize; width: 130%; } .categories, .featured { font-size: 11pt; padding: 0 10px 0 0; width: 50%; float: left; } #siteMapBrandsLink, #siteMapTrendsLink, #siteMapStoresLink { background: none repeat scroll 0 0 #63BE49; display: inline-block; font-size: 12pt; height: 45px; line-height: 45px; margin-right: 1.9%; margin-top: 70px; margin-bottom: 70px; text-align: center; vertical-align: middle; width: 30.6%; text-transform: uppercase; letter-spacing: 0.2em; font-family: 'LiteraSBOP-Regular', 'Arial'; } .sitemap-header { background: none repeat scroll 0 0 #414141; font-size: 1.1em; font-weight: 100; clear: both; line-height: 45px; text-indent: 5px; padding-left: 10px; width: 92%; margin-bottom: 15px; } #sitemapServices, #sitemapAbout, #sitemapJoin { float: left; width: 33%; margin-bottom: 15px; } #sitemapWomens .sitemap-header, #sitemapMens .sitemap-header, #sitemapKids .sitemap-header { background: none repeat scroll 0 0 #414141; width: 92%; } #sitemapWomens, #sitemapMens, #sitemapKids, #trendSitemapWomens, #trendSitemapMens, #trendSitemapKids { float: left; width: 33%; } .categoriesSubHeading { padding-bottom: 10px; font-size: 1.2em; } .page { padding: 10px 0; } .submenu { width: 33%; } .subcontent { padding-left: 33%; } #breadcrumb { padding: 10px 0; } #itempage-productRecommendations { margin: 20px 0 !important; } /*Basket*/ h1.basket { padding: 0 !important; } #basket .col_right { padding: 0 0 0 40px; } .basketProduct .right { padding: 0 0 0 40px; } .basketProduct .productEdit { padding: 0 0 0 40px; } #secureLogos { background: url("//d2ob0iztsaxy5v.cloudfront.net/social-pay-sprite-ie.png") no-repeat scroll 97px -42px / 95%; width: 300px; } #basketpage-productRecommendations ul li { float: left; width: 25%; } .wSavedItemsHeader span { float: initial; } .wbasketdetails { font-size: 10pt; } .btnwAddToBasket { font-size: 11pt; } .wbasketproduct { float: left; display: initial; } #wproducts ul li { float: left; width: 25%; } /*End of Basket*/ /*Competitions*/ #competitionContainer, #competitionEntryContainer { margin: 0 0 20px 0; } #competitionContainer .competitionItem { width: 33.333%; padding-right: 25px; } #competitionContainer .competitionItem .competitionClosed { left: 0; right: 25px; } #competitionContainer .competitionItem:nth-child(3n+2) { padding-right: 12.5px; padding-left: 12.5px; } #competitionContainer .competitionItem:nth-child(3n+2) .competitionClosed { left: 12.5px; right: 12.5px; } #competitionContainer .competitionItem:nth-child(3n) { padding-right: 0; padding-left: 25px; } #competitionContainer .competitionItem:nth-child(3n) .competitionClosed { left: 25px; right: 0; } #competitionContainer .competitionItem p.competitionTitle, #competitionEntryContainer #competitionInfo p.competitionTitle { font-size: 16pt; } .competitionButtonEnter { width: 40% !important; } #frmCompetitionEntry label { display: block; width: 100px; float: left; } #frmCompetitionEntry input { width: 70%; margin-bottom: 15px; } #frmCompetitionEntry .error { display: block; margin: 0 0 10px 100px; } #frmCompetitionEntry #questionContainer input { width: 540px; } #captcha { background: url("//d2ob0iztsaxy5v.cloudfront.net/recpatchabg.jpg") no-repeat scroll 100px -10px rgba(0, 0, 0, 0); } #CompSignupBoxes input { margin: 0; padding: 0; border: none; } #competitionSubmit { float: none; margin: 6px 84px -45px 330px !important; min-width: 164px; width: auto !important; } #frmCompetitionEntry #social { margin-left: 100px; width: 230px !important; max-width: 230px !important; min-width: 230px !important; } #social #shareText { padding-top: 12px; width: 80px; } #social.competitionSocial div { float: left; width: 115px; } #social.competitionSocial #socialIconsCompetition { float: left; text-align: right; } #social.competitionSocial { padding: 0; } /*end competitions*/ /*Brands page*/ #brandPageHeader { margin: 0 17px -5px 0; } #brandsNonMobTitle { display: inline-block; height: 58px; padding-top: 15px; } #brandPage { margin: 0; } #brands { margin: 0; } #brandBannerLinks { margin: 0 0 0 48px; text-align: left; } #brandsMobTitle { display: none; } #brands .brandLetter { padding-left: 0; } hr.divider { display: none; } /*End Brands page*/ #currentSearch { font-size: 1em; letter-spacing: 0.2em; } #storeResults .store { float: left; width: 50%; margin: 0; } .storeContent { height: 280px; } .storeContentStoreInfo { width: 50%; } .storeContentOpenTime { display: block; width: 50%; } .storeLocalInfoContent { clear: both; height: auto; min-height: 60px; overflow: hidden; width: 100%; } .storeDistance { display: inline-block; position: relative; left: 0; padding-bottom: 20px; } div.storeLocalInfoContent .parking { top: 20px; right: 120px; } div.storeLocalInfoContent .kids { top: 20px; right: 160px; } div.storeLocalInfoContent .wifi { float: right; margin-right: 5%; } a.storeMoreInfo { bottom: 20px; right: 20px; } a.storeMoreInfo:hover { text-decoration: underline; } .storeDistanceShort { display: none; } .storeDistanceLong { display: inline; } #storeResultsBanner { display: block; } #stores li.branchCity:hover { text-decoration: underline; } .storeDetailsButton.button { width: 30%; margin-left: 5%; } .storeOpeningHoursColumn { max-width: 225px; } .storeAddressInnerContainer { position: static; } #pageError .sorry { font-size: 12em; } /*OUT OF STOCK PAGE */ #oosLeftContainer { width: 23%; float: left; margin-right: 2%; } #oosLabelEml { display: block; float: none; width: 78%; } #oosRightContainer { width: 75%; float: left; } #frmOos .selectHolder { width: 15% !important; } #frmOos .inputHolder { float: left !important; width: 61% !important; margin-left: 2% !important; margin-right: 2% !important; } #oosResults { padding: 0 0 15px 0; clear: right; overflow: hidden; } #oosResults p { margin-left: 5%; } #oosResults .product { width: 20%; margin: 0 6.66% 0 0 !important; } #oosResults .product:nth-child(3) { margin: 0 6.67% 0 0 !important; } #oosResults .product:nth-child(4) { margin: 0 !important; } /*END OUT OF STOCK PAGE*/ #salePageHeader #headerOverlay { left: 0; } #salePageHeader .saleSection { padding: 0 40px; } #salePageHeader .saleSection .select { right: 40px; } #salePageHeader.resultsPageHeader img { width: 1366px; margin-left: -683px; } .resultsPageHeader .banner { height: 300px; } .resultsPageHeader img { width: 1366px; margin-left: -683px; } #headerOverlayContent { left: 15px; right: 15px; } #headerOverlay #headerReadMore { display: none; } #resultsPage { position: relative; } #refineHeader { padding: 10px 0 0 0; width: 220px; float: left; } #resultsHeader #resultsCount { margin-left: 5%; } #refineTypes { width: 100%; } #filterArrow { display: none; } #refineOptions { display: block !important; padding: 0 0 15px 0; margin: 15px 0 0; background: none; border: none; } #refineOptions .refinement { float: none; border: none; padding: 0; } #refineOptions .heading { margin: 10px 0; border-bottom: 1px solid #787878; padding: 5px 0; } #refineOptions #refineSale .heading, #refineOptions #refineNextDay .heading { margin: 0 0 10px; padding: 0; } #refineOptions .heading .refList { display: none; } #refineOptions ul { padding: 5px 0 0; } .refinement li { float: none; width: auto; display: none; padding: 0; } #refineOptions .expanded li, #refineOptions .show { display: block; } #refineOptions .expanded .refineCount { display: none; } #refinePrice li { min-height: 30px; } #refinePrice input { margin: 0 10px 0 2px !important; } #refinePrice li #priceSlider { display: block; } #refineSize li { float: left; width: 110px; } #refineBrand ul li { float: left; width: 160px; padding-right: 10px; display: none; } #refineOptions .moreRefine { clear: both; margin-bottom: 10px; display: block; font-size: 10pt; } .moreRefine a { color: #7CC246; } #resultsSort { padding-right: 0; } #resultsHeader { padding: 10px 0 0 0; left: 220px; } #results { padding: 40px 0 15px 230px; clear: right; } #results.load:after { left: 52.5%; } #results .noResults { margin-left: 5%; } #results .product { width: 20%; margin: 2% 0 0 5% !important; } #resultFooter { padding-left: 5%; } #feedbackContainer { padding-left: 0 !important; } /* Store stock css*/ #resultsPageHeaderBranch #headerOverlay h1 { margin: 35px 0 25px 0; } /*xmas info page*/ #xmasInfoContent { margin: 10px 40px 10px 40px; } #xmasInfoContent h2 { font-size: 20px; font-family: arial; } /*xmas info page end*/ #itemSizeGuide .h2 { width: 39%; } #avgsliderLabel { width: 53%; font-size: 10pt; margin: 0; } #avgslider { margin: -10px 42% 30px; width: 37%; } .avgPerfect { margin-left: 20%; } .sliderTitle { width: 21%; } .box { width: 560px; left: 30%; } #boxText { width: 75%; } .box #tshirtsGuide ul li { font-size: 10pt; } #hatsBox { left: 18%; width: 61%; } .pointer-perfect { left: 27%; } .pointer-tooBig { left: 97%; } .pointer-tooSmall { left: 0; } .suggestion { color: #28a9e0; font-size: 10pt; font-style: italic; font-weight: bold; line-height: 25px; cursor: pointer; } .suggestion:hover { text-decoration: underline; } /*preorder cancel page*/ .image-container { float: left; } .confirmationOverlay { background-color: rgba(26,26,26,0.7); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; } .preOrderCancelConfirmation { background-color: rgba(26,26,26,1); border: 4px solid #7cc246; margin-left: -250px; overflow: hidden; padding: 20px; position: relative; top: 50%; left: 50%; width: 500px; } .preOrderCancelConfirmationHeader { font-size: 1.4em; margin: 0 0 15px 0; } .preOrderCancelConfirm, .preOrderCancelCancel { float: left; width: 45% !important; } .preOrderCancelCancel { margin-left: 5% !important; } .preOrderClose { color: #dc2a2a; float: right; font-family: 'iconFont'; } #preOrderText { clear: left; } /*end preorder cancel page*/ }