﻿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; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    #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, #imperfectGenericDescription 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; }
#priceCurrency { color: #7CC246; font-size: 24pt; font-weight: bold; }
#itemLogo { float: right; width: 40%; max-width: 200px;max-height:70px;display:none; }
    #itemLogo img { /*width: 100%;*/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;}
		#itemRating .reviewCount {text-decoration:none;color:#fff;}
#sizeGuide{float:right;}
#btnSizeGuide { color: #7CC246; font-weight: bold; font-size: 11pt; }
#itemSize { clear: both; padding: 10px 0 0; }
#imperfectGenericDescription { clear: both; padding: 0; font-size:13px; margin-bottom:30px;}
#imperfectFaultDesc {padding:10px; background-color:white;color:#3e3e3e}
    #imperfectFaultDesc span { display:block; padding:0 0 10px 0; font-weight:bold; font-size:15px;color:#3e3e3e}
.stockImagePennant { background: #3e3e3e none repeat scroll 0 0; color: white; font-size: 13px; opacity: 0.5; padding: 4px 4px 6px 10px; position: absolute; right: 2px; top: 18px; width: 182px; z-index: 1008; }
/*#sizes { width:100%;height: 45px; padding:0; font-style: italic;-webkit-box-sizing: content-box;}
@media only screen and (-webkit-min-device-pixel-ratio:0) { 
    #sizes { width: 50%; }
}*/
#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; /*width: 50%;*/ 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 { /*margin: 0 15px;*/ font-size: 11pt; font-weight: bold; }
.delCost { font-style: normal; font-size: 12pt; font-weight: bold;/*padding-top:5px;*/ }
#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; display: block; 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; margin-top: 0; }
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-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, #itemScarcityTest { display: none; background: #61bc46; font-size: 16pt; padding: 4px; width: 270px; 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; line-height:23px;}
	#itemScarcity span, #itemScarcityTest span { font-size: 10pt; float: right; width: 234px; padding: 4px 0 0 0; line-height:18px; }
.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 0px; }
.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;}
#divSlider {display: none;}
#divSlider {display: block;}

.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%; }
.tooBig {left:90%}
.slider .pointer-perfect { left: 44%; }
.slider .pointer-perfectHalf { left: 65%; }
.slider .pointer-tooSmall { left: 0; }
.slider .pointer-tooSmallHalf,.tooSmallHalf { left: 23%; }
.slider .pointer-perfect { margin-left: -4%; margin-right: 13%; }
#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 {z-index:10000}
#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: 0px;left: 0px;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;}
.close {float: right;margin-right: 6px;cursor: pointer;color: #dc2a2a;}

#nxtDayTimer{float:none;}
#nxtDayTimer strong{color:#7cc246;}
.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 0px; }
.feedbackResponseContainer .mainResponseInfo{background:#62BD48;padding:10px;}
.feedbackResponseContainer span {font-weight:normal;}
.feedbackResponseContainer .feedbackResponseInfo {font-weight:bold; margin-top:10px;margin-bottom:10px;}
#boxHatGuide {float: left;width: 100%;}
#boxHatGuide table tr td {font-size: 11pt;padding: 10px;}
#boxHatGuide table tr td {font-size: 7pt;padding: 8px;}
#boxHatGuide table tr td {border: 1px solid #000000;}
#helpContent table td {padding: 10px;}

.box {left: 7%;padding: 35px 27px;}
#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;}

.basketNotify { background: none repeat scroll 0 0 #242424; border: 5px solid; border-color: #28A9E0; box-shadow: 0 0 5px #444444; color: #ffffff; left: 35%; position: absolute; top: 25%; width: 330px; z-index: 102; padding: 15px; display: none; }

.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;
        }


        span.ttsLabel {
            color: #7ab441;
            font-weight: bold;
            float: left;
            padding-left: 0px;
            padding-right: 10px;
            margin: 1px 0;
            font-size: 11pt;
        }

        #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 {
            color: #fff;
            letter-spacing: 4px;
        }

        #reviewTitle {
            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 0px;
            clear: both;
            width: 100%;
        }

            #divProductButton a {
                display: block;
            }

        #reviewButtons {
            font-size: 1.25em;
            font-weight:normal;
            margin: 25px 0px;
            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;
            width: 40%;
            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; font-size: 1.2em; 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;}

/*.brandColumn li {line-height:42px; vertical-align:middle;border-bottom:1px solid #404040; font-size:1.3em;text-indent:12px;}
.brandColumn li:last-child {border-bottom:none;}*/
.brandLink { color: #ffffff; font-size: 11pt;}
#brandRow > li { float: left; width: 18%; 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: 16px; 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: 16px; height: 45px; margin-right: 3.5%; padding-left: 9px; padding-top: 11px; text-align: left; width: 31%; }
.unselectedRangeKids { background: none repeat scroll 0% 0% #414141; color: #FFF; font-size: 16px; height: 45px; padding-top: 11px; text-align: left; width: 31%; float: left; margin-right: 0px; padding-left: 9px; }
.selectedRangeKids { background: #87c174; color: #FFF; font-size: 16px; height: 45px; padding-top: 11px; text-align: left; width: 31%; float: left; margin-right: 0px; 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; background:none\9;}
    #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; }
.bsaveForLater {float:right; }
#plhSyncMsg { background-color: #7cc246; padding: 10px; color: #fff; margin-bottom: 10px; }
#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;}
.basketProductNoBorder { border-bottom: 0px; !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 { display: block; font-size: 0.9em; margin: 4px 0 0 0; }
#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: #DC2A2A; 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.png") no-repeat scroll 0 -55px / 100%;width:358px;height:22px;margin:0 0 4px 0;float:right; }
#basket .split-delivery { margin: 0 0 20px 0; }
#basket .error-message { margin: 10px 0 0 0; }
#basket .split-delivery { border: 2px solid #FABF33; padding: 10px; }
#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; }
/*#nxtDayTimer strong{display:inline-block !important; font-size:1em !important; color:#7cc246;}*/
#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; }

.basketNotify { left: 20%; width: 60%; }

.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 { position: relative; }
    #competitionContainer .competitionItem img { width: 100%; /*max-height:126px;*/ }
    #competitionContainer .competitionItem div { margin-top: 25px; position: absolute; bottom: 0px; }
#competitionEntryContainer #competitionInfo img { width: 100%; /*max-height:203px*/ }
#competitionEntryContainer #competitionTerms { font-size: 11px; }
#competitionEntryContainer #col2 .button {height: 45px;}
#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 0px 0px -25px; padding-left: 35px; }
#frmCompetitionEntry #affSignupContainer label { display: inline-block; width: 100%; float: none; margin: 10px 0px 0px -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: 0px 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: 0px; }
#competitionSubmit { margin: 25px 0; width: 100%; }
#captcha {overflow:hidden; 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: 0px !important; }
#recaptcha_table { display: inline-block; width: 0px !important; background-color: white; }
#recaptcha_area { width: 0px !important; }
.recaptchatable tr, .recaptchatable td, .recaptchatable th { background: none !important; }
#questionContainer { padding: 10px 0px 10px 0px; 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: 0px; 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: 0px 10px 0px 0px; }
    #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 0px 20px 0px; text-transform:uppercase;letter-spacing:1.5px ; font-family:LiteraSBOP-Regular}
#competitionContainer, #competitionEntryContainer { margin: 20px 17px 20px 17px; }
    #competitionContainer .competitionItem { margin-bottom: 35px; float: left; width: 100%; padding: 0px 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 0px 25px 0px; width: 100%; float: none; clear: both; }
#compTellFriend { float: none; clear: both; margin-top: 15px; }
#CompSignupBoxes input { padding: 0px; margin: 0px; border: none; /* Double-sized Checkboxes */ /*-ms-transform: scale(2.0);
  -moz-transform: scale(2.0);
  -webkit-transform: scale(2.0); 
  -o-transform: scale(2.0);*/ }
/*end competitions*/

/*Brands page*/
#brandPage { margin: 20px 0px 20px 0px; padding: 0px 0px 20px 0px; 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: 0px; }
.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-top: 26px; margin-bottom: 20px; margin-left: 15px; margin-right: 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: 0px; }
    #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: 0px; }
#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 0px; }
.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 0px; 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%; }
    /*  .storeDetailsContainer:first-of-type { display: none; margin: 0 0 0 0%; }*/

.branchPhone { font-size: 1.3em; font-weight: bold; }
.branchAddressLine { font-size: 1.1em; }
.branchPhone { margin-top: 10px; }
#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) -52px 0px; }

#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: 0px; width: 0px; 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; }
#NetScores {background:#414141;padding:20px 30px 20px 30px;margin:20px 0 10px 0;float:left;width:100%;}
#NetScores span.header {font-size: 16pt;}
#NetScores .sliderLabels {width:100%;float:left;}
#NetScores .sliderLabels span {float:left;color:#fbbe32;font-size:10pt;font-weight:bold;}
#NetScores .sliderLabels span.error {color:#ff5357;width:100%;padding:0 0 6px 0;}
#NetScores .sliderLabels span.right {float:right;}
#NetScores #sliderNES, #NetScores #sliderNPS {width:100%!important;margin:32px 0 32px 0!important;padding:0!important;max-width:600px!important;height:2px!important;float:left!important;}
#NetScores #sliderNES .noUi-handle::before, #NetScores #sliderNES .noUi-handle::after, #NetScores #sliderNPS .noUi-handle::before, #NetScores #sliderNPS .noUi-handle::after {content:none!important;}
#NetScores #sliderNES .noUi-handle, #NetScores #sliderNPS .noUi-handle {background:url('//d2ob0iztsaxy5v.cloudfront.net/ratingslider.png');border-radius:0;border:none;top:-20px;width:22px;height:44px;left:-1px;}
#NetScores textarea {border: 1px solid #3f3f3f;font-family: Arial;font-size: 11pt;height: 150px;margin: 0 0 10px;padding: 10px;width: 100%;}
#NetScores label {clear: both;display: block;font-size: 11pt;margin: 8px 0;}
#NetScores div.rating { font-size:9pt!important;font-weight:bold;color:#00aaff!important;margin:0 0 20px 0;}
/* 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: 0px 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: 9pt; 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;font-size:12pt; }
		#oosResults .product .reduction { color: #DC2A2A; }
        #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;font-weight:bold;background: none repeat scroll 0 0 #555;padding: 10px 5px 5px;text-transform: capitalize;}
/*.accessorycomplete span {display:inline;color: #ffffff;float: right;text-align: right;}*/
#dropdown {display:inline;color: #ffffff;float: right;text-align: right;text-transform: lowercase;}
.socksize {float: left;margin-left: 2%;width: 69%;}
.basketProduct span.sockprice {font-size:1.0em;}
.basketProduct {padding: 0 0 0}
.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 0px 10px 5px;}



@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; }
}

#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}
    #refineOptions {display:none;}
        #refineOptions li.unavailable {color:#AAA;}
/*#resultsHeader {margin-top:10px;font-size:1.5em;line-height:30px;}*/
#resultsHeader {position:absolute;top:0;right:0;left:50%;font-size:11pt;line-height:30px;padding:15px 15px 0 0}



/*START Imperfects Result Page Changes*/
#imperfectsOptionsContainer {  background: none; padding: 0 15px; margin-top: 15px; }
    #imperfectsOptionsContainer div.imperfectsTitle {font-weight:normal; float: none; letter-spacing: 2px; text-align: center; font-size: 20px; background: rgb(62, 62, 62) none repeat scroll 0 0; width: 100%; height: 51px; padding: 13px 0; font-family: arial; }
    #imperfectsOptionsContainer div.imperfectsTitlePartial, #imperfectsOptionsContainer div.imperfectsTitleAll, #imperfectsOptionsContainer div.imperfectsTitleSingle, #imperfectsOptionsContainer div.imperfectsTitleDouble {float: none; background: rgb(62, 62, 62) none repeat scroll 0 0; width: 100%; padding: 13px 0;}
    #imperfectsOptionsContainer h1 {font-weight:normal; letter-spacing: 2px; text-align: center; font-family: arial;font-size: 20px; }
     #imperfectsOptionsContainer p {padding:11px;font-weight:normal; text-align: center; font-family: Arial;font-size: 15px; }
    #imperfectsOptionsContainer div.partial, #imperfectsOptionsContainer div.all, #imperfectsOptionsContainer div.single, #imperfectsOptionsContainer div.double { width: 100%; margin-top: 15px; }
        #imperfectsOptionsContainer div.partial li, #imperfectsOptionsContainer div.all li, #imperfectsOptionsContainer div.double li, #imperfectsOptionsContainer div.single li { padding:5px 10px 5px 10px; background: rgb(62, 62, 62) none repeat scroll 0 0; width: 100%; margin-bottom: 10px; height: 51px; font-family: arial; }
#imperfectsOptionsContainer div.title { float: left; margin-right: 2%; font-size: 18px; width:40%; padding:0; border:none; text-align:left }
    #imperfectsOptionsContainer div.title span { display: block; font-size: 15px;}
     #imperfectsOptionsContainer div.title span a { color: #7cc246; }
     #imperfectsOptionsContainer div.title span a:hover { color: white; }
#imperfectsOptionsContainer div.option { float: right; }
    #imperfectsOptionsContainer div.option select {  width:75px; padding-left: 10px; font-size: 13px; color: #3e3e3e; height: 35px; margin-top:3px;}
        .impToFrom {color:white;font-size:12px;}

    #imperfectsResultsContainer #results .product .price {font-size:9pt}
    #imperfectsResultsContainer #results .product .reductionStrike { color: #fff;    display: block !important;    font-size: 9pt !important;    overflow: initial;    margin-left:0px;    text-decoration: line-through;    }
    #imperfectsResultsContainer #results .product p { overflow:visible; }


    #results .product.logo img {
    display: none;
    max-width: 100%;
    padding-left: 27%;
    padding-top: 30%;
    width: auto;
}


/*END Imperfects Result Page Changes*/


    #resultsHeadCount {display:none;}
    #resultsSort {float:right;width:92%}
        #sort {width:100%}
        #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)}
	#results .clear { }

    #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 {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 !important}
.refBlack {background:black !important}
.refBlue {background:blue !important}
.refBronze {background:#917658 !important}
.refBrown {background:#45320b !important}
.refBurgundy {background:#530a0a !important}
.refClear {background:white !important;}
.refDarkGrey {background:#a9a9a9 !important}
.refGold {background:#a0742d !important}
.refGreen {background:green !important}
.refGrey {background:#cccccc !important}
.refKhaki {background:#4e8049 !important}
.refLilac {background:#d3bcbc !important}
.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 !important}
.refNavy {background:navy !important}
.refOrange {background:orange !important}
.refPink {background:pink !important}
.refPurple {background:purple !important}
.refRed {background:red !important}
.refSilver {background:silver !important}
.refStone {background:#9b8f72 !important}
.refTan {background:#9d5f1c !important}
.refTurquoise {background:turquoise !important}
.refWhite {background:white !important;}
.refYellow {background:yellow !important}
.refTransparent {background: transparent !important;}

.refinementSubHeader {display:block;font-size:11pt;padding-bottom:10px;font-weight:bold;clear:both;}

.qviewOverlay {position:relative;}
.quick-view { display: none; font-family: 'LiteraSBOP-Regular'; color: #fff; background: none repeat scroll rgba(0, 0, 0, 0.6); padding: 10px; width: 40px; height: 40px; bottom: 0; position: absolute; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.qviewModal { display: none; background-color: #333; z-index: 103; overflow: hidden; position: fixed; padding: 20px; }
    .qviewModal #itemTitle #qviewTitle { max-width: 90%; }
    .qviewModal .w-close { color: #ff5357; margin-top: -7px; padding: 1px; }
    .qviewModal #itemPrice #fullPrice { margin-left: 5px; }
    .qviewModal #itemPrice { width: 100%; }
    .qviewModal label[for="itemOosEmail"] { margin: 0 0 5px 0; }
    .qviewModal #itemEmailOos { padding: 0; border: 0; }
    .qviewModal #itemOosEmail { width: 100%; }
    .qviewModal #savedForLater { float: none; }
    .qviewModal #itemSize { float: none; width: auto; padding-right: 0; }
    .qviewModal #itemBuy { float: none; width: auto; padding-left: 0; }    
    .qviewModal #itemViewMore { margin-top: 15px; margin-bottom: 5px; }
        .qviewModal #itemViewMore a { font-weight: bold; color: #7CC246; }
            .qviewModal #itemViewMore a:hover { text-decoration: underline; }
    
.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 {
/* This class is applied to the lower origin when
   its values is > 50%. */
	z-index: 10;
}
.noUi-stacking + .noUi-origin {
/* Fix stacking order in IE7, which incorrectly
   creates a new context for the origins. */
	*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: #FFF;
	cursor: default;
    background:#7cc246;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-top: 1px solid #3b3b3b;*/
            border-bottom: 1px solid #3b3b3b;
            padding: 10px 0px 10px 0px;
            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 */



/* TABLET */
@media only screen and (min-width:641px) {

    #NetScores { margin:10px 0 10px 0;}
	#NetScores #sliderNES, #NetScores #sliderNPS {margin:24px 0 24px 0!important;}

#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: 0px;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: 0px;}



    /*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; /*width: 70%; line-height: 16pt;*/ 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; }
        /*#itemColours li { margin: 0 1% 1% 0 !important; }*/

	#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: 0em; 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;}
    #wproducts ul li { float: left;width: 25%;}
    /*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: 0px;
            }

            #reviewContainer div.pageHelp {
                margin-bottom: 15px;
                float: left;
                margin-top: 0;
            }

            #divProductButton {
               margin-right: 15px;
               margin-left: 0px;
            }


            #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:0px; 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; }
        .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: 17px; height: 45px; padding-top: 11px; text-align: left; width: 31%; float: left; margin-right: 0px; 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: 17px; 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; margin: 0; padding: 15px; position: relative; width: 50%; }    
    .emailSignup { margin-bottom: 10px; }
    .emailSignupEmail { }
        .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; width: 18%; 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.png") no-repeat scroll 0 -55px / 100%;width:358px;}
    #basketpage-productRecommendations { margin: 20px 0; }
        #basketpage-productRecommendations ul li { width: 33.33%; }
	#wproducts ul li {width: 33.33%;}

    .wbasketdetails { font-size: 8pt; width: 45%; }
    .btnwAddToBasket { font-size: 10pt; }
    .basketNotify { left: 31%; width: 330px; }
    /*End of Basket*/

    /*Competitions*/
    #competitionContainer { margin: 20px 0px 20px 17px; }
        #competitionContainer .competitionItem { width: 50%; padding-right: 20px; }
    .competitionButtonEnter { width: 40% !important; }
    .competitionClosed { width: auto; left: 0; right: 20px; }

    #competitionEntryContainer { margin: 0px 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 0px 0px -25px; padding-left: 35px; }

    #CompSignupBoxes input { padding: 0px; margin: 0px; border: none; /* Double-sized Checkboxes */ /*-ms-transform: scale(2.0);
  -moz-transform: scale(2.0);
  -webkit-transform: scale(2.0); 
  -o-transform: scale(2.0);*/ }

    #social.competitionSocial { width:100%;padding: 0; }

    /*end competitions*/

    /*Brands page*/
    /*#brandPage {margin:20px 17px 20px 17px;}*/
    #brandPageHeader { margin: 0px 17px -5px 17px; }
    #brandPage { margin: 0px 0px 20px 0px; }
    #brands { margin: 0px 0px 0px 0px; }
    #brandBannerLinks { margin: 0px 0px 0px 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: 0px; }

    #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: 0px 0 0px 15px;  }
     #storeResultsBanner .banner {padding:10px 0px }

    .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: 0px; margin: 0px; overflow: hidden; position: absolute; right: 0px; }
    .branchPhone { position: absolute; margin-top: 0; right: 0px; top: 0px; }
    .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 { display: block; }
    .feedbackHeader { border-bottom: none; font-family: Arial; letter-spacing: normal; padding: 0; text-align: left; text-transform: none; }
    #feedbackImage { float: left; width: 33%; }
    #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; }
    #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%; }
        #oosResults .product { 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;}
    #oosSimilar { text-transform: none; text-align: left; }
    #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%;}

    .quick-view { display: block; }
    .qviewModal { width: 85%; left: 50%; top: 8%; margin: 0 0 0 -42.5%; }
        .qviewModal #leftContainer { width: 46%; }
        .qviewModal #qviewImages { top: 50%; margin-top: -44%;}
        .qviewModal #itemImage, .qviewModal #swipe {min-height: 350px;}

/*START Imperfects Result Page Changes*/
    #imperfectsOptionsContainer { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; min-height: 165px; margin-bottom: 15px; margin-top: 0; overflow: hidden; padding: 0 2% 0 2%; position: relative; top: 9px; font-family:arial; }
        #imperfectsOptionsContainer div.all { margin:13px 0 0 0; float: left; width: 100%; }
            #imperfectsOptionsContainer div.all li { background: rgb(62, 62, 62) none repeat scroll 0 0; float: left; font-family: Arial; height: 59px; margin-bottom: 14px; margin-right: 2%; padding: 10px; width: 48%; }
        #imperfectsOptionsContainer div.imperfectsTitlePartial, #imperfectsOptionsContainer div.imperfectsTitleDouble, #imperfectsOptionsContainer div.imperfectsTitleSingle {background: rgb(62, 62, 62) none repeat scroll 0 0; width: 100%; padding: 13px 0;}
        #imperfectsOptionsContainer div.partial,  #imperfectsOptionsContainer div.double,  #imperfectsOptionsContainer div.single { width: 100%; margin-top: 15px; }
            #imperfectsOptionsContainer div.partial li { padding: 10px; background: rgb(62, 62, 62) none repeat scroll 0 0; float: left; width: 32%; height: 59px; }
                #imperfectsOptionsContainer div.partial li.withMargin { margin-left: 2%; }
                 #imperfectsOptionsContainer div.double li { padding: 10px; background: rgb(62, 62, 62) none repeat scroll 0 0; float: left; width: 49%; height: 59px; }
                  #imperfectsOptionsContainer div.double li.withMargin { margin-left: 2%; }
                 #imperfectsOptionsContainer div.single li { padding: 10px; background: rgb(62, 62, 62) none repeat scroll 0 0; float: left; width: 100%; height: 59px; }
    #imperfectsResultsContainer #resultsHeader { position: inherit; }
        #imperfectsResultsContainer #resultsHeader #resultsCount { margin-left: 4%; }
        
#imperfectsOptionsContainer div.title {    border: medium none;    float: left;    font-size: 18px;    margin-right: 2%;    padding: 0;    text-align: left;    width: 33%;}
    #imperfectsOptionsContainer div select {width:74px; }
    /*#imperfectsResultsContainer #results { padding: 10px 0 15px 230px; }*/
    /*END Imperfects Result Page Changes*/


/* 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:0px;font-size:18px;}


  #xmasheader img {
            width: 100%;
            display: block;
        }

        #xmasheader h1 {
            display: none;
        }


  #avgSize .h2, #avgsliderLabel, #avgslider {padding-left: 0px;}
  #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:0px}


 #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; }
    .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; }
    /*.emailBullets ul li { color: #FFFFFF; font-size: 18px; list-style-type: none; text-align: left; padding-bottom: 15px; }*/
    .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%; }
    /*.emailBodyText { color: #FFFFFF; font-size: 20px; text-align: left; width: 100%; margin-bottom: 10px; }*/
    .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; width: 18%; 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%; }
    #basket .col_left { width: 65%; }
    #basket .col_right { padding: 0 0 0 20px; }
    .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.png") no-repeat scroll 30px -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) {
    .oosButton .button { font-size: 8pt; }
    .freeDel{padding-left:10px;}
}

@media only screen and (min-width:700px) {
    #frmOos .inputHolder span.error { font-size: 11pt; }
}

/*@media only screen and (min-width:748px) {
    #itemTitle h1 { font-size: 15pt !important; width: 60% !important; }
}*/

@media only screen and (min-width:765px) {
    #itemSize { clear: none; float: left; width: 50%;padding-right:10px;}
 #imperfectGenericDescription{ clear: both; float:left; padding: 10px 0 0; }
    #itemBuy { width: 50%; float: right;padding-left:10px; }
    #itemCheckReserve { padding: 0 5px 0 2px !important; }
        /*#itemCheckReserve p { float: left !important; line-height: 50px !important; font-size: 10pt !important; }*/
    #btnCheckReserve { width: 30% !important; float: right !important; }
}

@media only screen and (min-width:768px) {
    .oosButton .button { font-size: 9pt; }
    #frmOos .inputHolder span.error { font-size: 12pt; }
}

}

@media only screen and (min-width:825px) {
    #currentSearch { font-size: 1em; letter-spacing: 0.2em; }
}

@media only screen and (min-width:850px) {
    .oosButton .button { font-size: 10pt; }
    #itemSocial .legend { font-size: 12pt !important; }
}

/*@media only screen and (min-width:952px) {
    #itemTitle h1 { font-size: 18pt !important; width: 60% !important; }
}*/

@media only screen and (min-width:1024px) {
    .socksize {width: 66%;}
}
/*END EXTRA BREAKPOINTS*/



/* DESKTOP */
@media only screen and (min-width:1025px) {
 #NetScores #sliderNES, #NetScores #sliderNPS {margin:32px 0 32px 0!important;}
 #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; }
    /*#itemTitle h1 { font-size: 19pt !important; width: 70%; line-height: 16pt; }*/
    .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 0px 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: 0px 0px 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-top: 26px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; }
    .emailImages { display: block; -moz-box-sizing: border-box; float: right; margin-top: 26px; margin-right: 0px; 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 { }
        .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 { float: left; font-size: 11pt; margin-right: 7%; padding-top: 20px; width: 26%; }
    #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 0px; }
    .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.png") no-repeat scroll 16px -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: 0px 0px 20px 0px; }
        #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: 0px; 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 #social { margin-left: 100px; width: 70%; }*/
    #frmCompetitionEntry #questionContainer input { width: 540px; }
    /*#competitionSubmit { margin: 25px 0; width: 70%; margin-left: 100px; }*/
    #captcha { background: url("//d2ob0iztsaxy5v.cloudfront.net/recpatchabg.jpg") no-repeat scroll 100px -10px rgba(0, 0, 0, 0); }
    #CompSignupBoxes input { margin: 0px; padding: 0px; border: none; /* Double-sized Checkboxes */ /*-ms-transform: scale(2.0);
  -moz-transform: scale(2.0);
  -webkit-transform: scale(2.0); 
  -o-transform: scale(2.0);*/ }

    #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;}
        #social.competitionSocial #socialIconsCompetition {float:left;text-align:right}
        #social.competitionSocial div {width:115px;}
        #social.competitionSocial {padding: 0; }

    /*end competitions*/

    /*Brands page*/
    #brandPageHeader { margin: 0px 17px -5px 0px; }
    #brandsNonMobTitle { display: inline-block; height: 58px; padding-top: 15px; }
    #brandPage { margin: 0px 0px 20px 0px; }
    #brands { margin: 0px; }
    #brandBannerLinks { margin: 0px 0px 0px 48px; text-align: left; }
    #brandsMobTitle { display: none; }
    #brands .brandLetter { padding-left: 0px; }
    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%; height: auto; }
    .storeDistance { display: inline-block; position: relative; left: 0px; 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%; }
        #oosResults .product { 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 {}
.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 0px;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 .expanded li, #refineOptions .show {display:block;} 
            #refineOptions .expanded .refineCount {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%; }


    /*START Imperfects Result Page Changes*/
    #imperfectsOptionsContainer { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; min-height: 165px; margin-bottom: 15px; margin-top: 0; min-height: 150px; overflow: hidden; padding: 0 0 15px 4%; position: relative; top: 9px; font-family: arial; }
        #imperfectsOptionsContainer div.all { margin:13px 0 0 0; float: left; width: 100%; }
            #imperfectsOptionsContainer div.all li { background: rgb(62, 62, 62) none repeat scroll 0 0; float: left; font-family:arial; height: 59px; margin-bottom: 14px; margin-right: 2%; padding: 10px; width: 48%; }
        #imperfectsOptionsContainer div.imperfectsTitlePartial, #imperfectsOptionsContainer div.imperfectsTitleDouble, #imperfectsOptionsContainer div.imperfectsTitleSingle {font-size: 20px; background: rgb(62, 62, 62) none repeat scroll 0 0; width: 100%; padding: 13px 0;}
        #imperfectsOptionsContainer div.partial,  #imperfectsOptionsContainer div.double,  #imperfectsOptionsContainer div.single { width: 100%; margin-top: 15px; }
            #imperfectsOptionsContainer div.partial li { padding: 10px; background: rgb(62, 62, 62) none repeat scroll 0 0; float: left; width: 32%; height: 59px; }
                #imperfectsOptionsContainer div.partial li.withMargin { margin-left: 2%; }
                 #imperfectsOptionsContainer div.double li { padding: 10px; background: rgb(62, 62, 62) none repeat scroll 0 0; float: left; width: 49%; height: 59px; }
                  #imperfectsOptionsContainer div.double li.withMargin { margin-left: 2%; }
                 #imperfectsOptionsContainer div.single li { padding: 10px; background: rgb(62, 62, 62) none repeat scroll 0 0; float: left; width: 100%; height: 59px; }
    #imperfectsResultsContainer #resultsHeader { position: inherit; }
        #imperfectsResultsContainer #resultsHeader #resultsCount { margin-left: 4%; }
    #imperfectsResultsContainer #results { padding: 10px 0 15px 230px; }
    /*END Imperfects Result Page Changes*/


    .quick-view { display: none; }
    .qviewModal { width: 900px; left: 50%; top: 20%; margin: 0 0 0 -450px; }
        .qviewModal #leftContainer { width: 58%; margin-right: 0; }
        .qviewModal #rightContainer { width: 38%; }

    #feedbackContainer { padding-left: 0px !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:0px 0px 15px 0px}
    .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*/ 
