.related{overflow:hidden;position:relative;}.related > h2{top:6px;left:0;font-family:"HM Ampersand Bold", Arial, sans-serif;text-transform:uppercase;letter-spacing:0.25em;font-size:1.1em;height:30px;display:block;padding-top:7px;}.related > h2 > span{line-height:30px;white-spacing:nowrap;margin-left:6px;display:block;letter-spacing:0.1em;}.related > h2 + ul{margin-left:30px;}.related > ul{overflow:hidden;}.related > .viewport{position:relative;overflow:hidden;width:430px;height:185px;}.related > .viewport > ul{position:absolute;width:2000em;}.related > .viewport > a.prevPage,
.related > .viewport > a.nextPage{display:none;position:absolute;bottom:6px;width:100px;line-height:14px;text-transform:uppercase;outline:none;font-family:"HM Ampersand Regular", Arial, sans-serif;letter-spacing:0.03em;color:#333;}.related > .viewport > a.prevPage:hover,
.related > .viewport > a.nextPage:hover{text-decoration:none;}.related > .viewport > a.prevPage.disabled,
.related > .viewport > a.nextPage.disabled{cursor:default;color:#b3b3b3;text-decoration:none;}.related > .viewport > a.prevPage{left:7px;padding-left:12px;background:url(/josh/static/site/img/common/bg_icons.png?10) no-repeat 0 4px;}.related > .viewport > a.prevPage.disabled{background-position:-1489px -1486px;}.related > .viewport > a.nextPage{right:15px;padding-right:12px;text-align:right;background:url(/josh/static/site/img/common/bg_icons_rightaligned.png?1) no-repeat right -191px;}.related > .viewport > a.nextPage.disabled{background-position:right -171px;}.related > ul > li,
.related > .viewport > ul > li{position:relative;float:left;overflow:hidden;width:104px;height:181px;margin:0 -4px 0 -4px;background:url(/josh/static/site/img/common/bg_related.png?2) 0 0 no-repeat;text-align:left;margin-right:7px;}.related > ul > li > div,
.related > .viewport > ul > li > div{postition:relative;width:100%;height:100%;}.related > ul > li:hover > div,
.related > .viewport > ul > li:hover > div{background:url(/josh/static/site/img/common/bg_related.png?2) 0 0 no-repeat;}.related > ul > li.more > div > a:first-child,
.related > .viewport > ul > li.more > div > a:first-child{position:absolute;top:32px;left:50%;width:80px !important;height:50px !important;margin-left:-40px !important;text-decoration:underline !important;text-transform:uppercase;line-height:14px !important;font-size:10px !important;}.related > ul > li > div > a:first-child > span,
.related > .viewport > ul > li > div > a:first-child > span{cursor:pointer;}.related > ul > li > div > a:first-child,
.related > .viewport > ul > li > div > a:first-child{position:absolute;left:0;top:0;width:84px;height:161px;padding:6px 10px 14px 10px;font-family:"HM Ampersand Light", Arial, sans-serif;font-size:1.1em;letter-spacing:0.1em;line-height:1.4em;text-decoration:none;color:#333;z-index:1;background:url(/josh/static/site/img/common/bg_icons.png?10) right top;}.related > .viewport > ul > li > div > img{position:absolute;left:10px;top:6px;width:84px;height:161px;}.related > ul > li > div > a:first-child > .image,
.related > .viewport > ul > li > div > a:first-child > .image{position:absolute;left:10px;top:6px;width:84px;height:98px;}.related > ul > li > div > a:first-child > .details,
.related > .viewport > ul > li > div > a:first-child > .details{position:absolute;left:10px;top:105px;width:72px;height:36px;padding:3px 6px;white-space:nowrap;text-transform:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;line-height:1.2;letter-spacing:0;}.related > ul > li > div > a:first-child > .promo,
.related > .viewport > ul > li > div > a:first-child > .promo{top:42px;left:3px;}.related > ul > li > div > a:first-child > .promo > img,
.related > .viewport > ul > li > div > a:first-child > .promo > img{position:absolute;top:-28px;width:27px;height:27px;}.related > ul > li > div > a:first-child > .promo > img:first-child,
.related > .viewport > ul > li > div > a:first-child > .promo > img:first-child{top:0;}.related > ul > li > div > a:first-child > .details.text,
.related > .viewport > ul > li > div > a:first-child > .details.text{padding:2px 0 2px 0;border:none;text-align:left;}.related > ul > li > div > a:first-child > .details.text > span,
.related > .viewport > ul > li > div > a:first-child > .details.text > span{position:absolute;left:0;top:17px;font-size:0.9em;}.related > ul > li > div > a:first-child > .details > .price,
.related > .viewport > ul > li > div > a:first-child > .details > .price{display:block;}.related > ul > li > div > a:first-child > .details > .price span.from + span.new + span.old,
.related > .viewport > ul > li > div > a:first-child > .details > .price span.from + span.new + span.old{display:block;}.related > ul > li > div > .btn.quicklook,
.related > .viewport > ul > li > div > .btn.quicklook{display:none;position:absolute;left:50%;top:80px;width:83px;margin:0 0 0 -42px !important;z-index:2;}.related > ul > li > div > .remove,
.related > .viewport > ul > li > div > .remove{position:absolute;right:0;bottom:2px;font-size:1em;line-height:1.4;z-index:2;color:#666;letter-spacing:0.1em;}.related > ul > li > div > .remove:hover,
.related > .viewport > ul > li > div > .remove:hover{text-decoration:none;}.related > ul > li > div > .colours,
.related > .viewport > ul > li > div > .colours{position:absolute;left:13px;bottom:12px;width:84px;height:11px;overflow:hidden;padding:0 0 4px 0;}.related > ul > li > div > .colours > li,
.related > .viewport > ul > li > div > .colours > li{display:inline-block;width:12px;height:16px;margin:0 0 0 -3px;overflow:hidden;background-image:url(/josh/static/site/img/common/bg_related.png?2);background-position:0 -188px;background-repeat:no-repeat;text-indent:-999px;}.related > ul > li > div > .colours > li.fabric,
.related > .viewport > ul > li > div > .colours > li.fabric{background-position:0% 0%;}.related > ul > li > div > .colours > li:first-child,
.related > .viewport > ul > li > div > .colours > li:first-child{margin:0;}.related > ul > li > div > .colours.many,
.related > .viewport > ul > li > div > .colours.many{height:10px;width:82px;padding-right:10px;max-width:none !important;background:url(/josh/static/site/img/common/bg_related.png?2) no-repeat 67px -206px;overflow:hidden;left:12px;}.related.small > h2{width:189px;height:189px;}.related.small > .viewport{height:209px;}.related.small > ul > li,
.related.small > .viewport > ul > li{width:125px;height:209px;background-position:-104px 0;margin:0 3px 0 3px;}.related.small > ul > li:hover > div,
.related.small > .viewport > ul > li:hover > div{background:url(/josh/static/site/img/common/bg_related.png?2) -104px 0 no-repeat;}.related.small > ul > li > div > a:first-child,
.related.small > .viewport > ul > li > div > a:first-child{width:105px;height:189px;}.related.small > ul > li > div > a:first-child > .details,
.related.small > .viewport > ul > li > div > a:first-child > .details{top:128px;width:93px;}.related.small > ul > li > div > .colours,
.related.small > .viewport > ul > li > div > .colours{width:105px;bottom:32px;}.related.small > ul > li > div > .colours.many,
.related.small > .viewport > ul > li > div > .colours.many{width:95px;background-position:91px -206px;}.related.small > ul > li > div > .quicklook,
.related.small > .viewport > ul > li > div > .quicklook{top:100px;}.related.medium > h2{width:175px;height:175px;top:0;}.related.medium > .viewport{height:175px;}.related.medium > ul > li,
.related.medium > .viewport > ul > li{width:123px;height:175px;background:none;margin:0 6px 0 6px;padding:0;}.related.medium > ul > li > div > a:first-child,
.related.medium > .viewport > ul > li > div > a:first-child{width:123px;height:175px;padding:0;margin:0;}.related.medium > ul > li:hover > div,
.related.medium > .viewport > ul > li:hover > div{background:none !important;}.related.medium > ul > li > div > a:first-child > .details,
.related.medium > .viewport > ul > li > div > a:first-child > .details{left:0;top:144px;width:123px;}.related.medium > ul > li > div > a:first-child:hover > .details.text,
.related.medium > .viewport > ul > li > div > a:first-child:hover > .details.text{text-decoration:underline;}.related.medium > ul > li > div > .quicklook,
.related.medium > .viewport > ul > li > div > .quicklook{top:62px;}.related.medium > ul > li > div > .colours,
.related.medium > .viewport > ul > li > div > .colours{bottom:10px;}.related.medium > ul > li > div > .colours.many,
.related.medium > .viewport > ul > li > div > .colours.many{background-position:110px -206px;}.related.medium > .viewport > a.prevPage,
.related.medium > .viewport > a.nextPage{bottom:0px;}.related.medium.fullImage > h2{width:144px;height:144px;}.related.medium.fullImage > .viewport{height:144px;}.related.medium.fullImage > ul > li,
.related.medium.fullImage > ul > li > div > a:first-child,
.related.medium.fullImage > .viewport > ul > li,
.related.medium.fullImage > .viewport > ul > li > div > a:first-child{height:144px;}.related.headingAbove{width:564px;}.related.headingAbove > h2{-moz-transform:none;-webkit-transform:none;filter:none;-ms-filter:none;position:static;width:auto !important;height:auto !important;line-height:normal;background:#1A171B;}.related.headingAbove > h2 + .viewport,
.related.headingAbove > h2 + ul{margin-left:6px;}.related.headingAbove > h2 > span{height:24px;line-height:24px;}.related.headingAbove > .viewport{height:199px;}.related.headingAbove > ul > li,
.related.headingAbove > .viewport > ul > li{margin:12px 6px 0;padding:0 0 12px 0;width:126px;}.related.headingAbove > ul > li > div > .colours,
.related.headingAbove > .viewport > ul > li > div > .colours{left:0;width:126px;bottom:-2px;border-bottom:none;}.related.headingAbove > ul > li > div > .colours.many,
.related.headingAbove > .viewport > ul > li > div > .colours.many{width:116px;}.related.headingAbove > ul > li > div > .quicklook,
.related.headingAbove > .viewport > ul > li > div > .quicklook{top:74px;}.related.scrollable-initiated > .viewport{padding-bottom:20px;}.related.scrollable-initiated > .viewport > a.prevPage,
.related.scrollable-initiated > .viewport > a.nextPage{display:block;}.related.medium.headingAbove > .viewport > a.prevPage,
.related.medium.headingAbove > .viewport > a.nextPage{bottom:6px;}.no-touch .related > ul > li:hover > div > .btn.quicklook,
.no-touch .related > .viewport > ul > li:hover > div > .btn.quicklook{display:block;}