/* CSS - Peter Roper */
#voucherThankyou .tabs-container .extras .h2 { text-align: left; }

#voucherThankyou .foot { max-width: 375px; margin: 0 auto 20px auto; }

#voucherThankyou .foot .button { display: block; }

#voucherThankyou .foot .button a, #voucherThankyou .foot .button button { padding: 0 !important; }

#voucherThankyou .order { border-width: 1px; border-style: solid; }

#voucherThankyou .thanks, #voucherThankyou .order { text-align: center; }

#voucherThankyou #step1 .r2, #voucherThankyou #step1 .subhead, #voucherThankyou .order { margin-bottom: 40px; }

#voucherThankyou .order .h { margin: 0 0 8px 0; }

#voucherThankyou #step1 .h1, #voucherThankyou .order p { margin-bottom: 2px; }

#voucherThankyou .order p:last-of-type { margin: 0; }

#voucherThankyou .order { padding: 20px; }

#voucherThankyou .img { padding: 0 0 50% 0; }

#voucherThankyou .img { background-size: auto 100% !important; -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; }

#voucherThankyou .tabs-container { display: none; }

#voucherThankyou .tabs-selected { display: block !important; }

@media only screen and (min-width: 701px) { #voucherThankyou .thanks .h { line-height: 120px !important; }
  #voucherThankyou .thanks .h { margin: 0 !important; } }
@media only screen and (max-width: 700px) { #voucherThankyou .thanks .h { line-height: 80px !important; }
  #voucherThankyou #step1 .r2, #voucherThankyou #step1 .subhead, #voucherThankyou .order { margin-bottom: 20px; } }
.cmContent { margin: 0 0 30px 0; }

.page-vouchers .subhead.sdw .h1 { margin: 0 0 35px 0; }

#voucher .s { padding-bottom: 40px; }

.page-vouchers #voucher #ctas .wrap { padding: 0 0 40px 0; }

.page-vouchers #voucher .button { display: block; }

.page-vouchers #voucher .imgs .img, .page-vouchers #voucher .pager .img { padding: 0 0 58% 0; background-size: auto 100% !important; -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; }

@media only screen and (max-width: 580px) { #voucher .s { padding-bottom: 15px; } }
#guarantee { overflow: hidden; }

#guarantee .img { width: 22%; margin: 0 0 0 10px; padding-bottom: 20%; background-size: auto 100% !important; -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; float: right; }

.article .desc { margin: 0 0 30px 0; }

.article .desc p { margin: 0 0 15px 0; }

.article .desc { padding: 15px; }

#recommend .addBasket .counter { text-align: center; }

#recommend { margin: 0 0 30px 0; }

#recommend .addBasket .counter, #recommend .READMOREjs, #recommend .r .c, #recommend .h3 { margin: 0 0 5px 0; }

#recommend .addBasket .button, #recommend .READMORECONTENTjs, #recommend .nb { margin: 0; }

#recommend .r .c { width: 33% !important; overflow: hidden; }

#recommend .r > .c > .w { min-height: 100px; margin: 0 10px 10px 0 !important; padding: 10px; border-width: 1px; border-style: solid; }

#recommend .r .c .h4 { line-height: 34px; }

#recommend .r .c .h4 span { width: 16px; line-height: 16px; margin: 0 0 0 5px; text-align: center; display: inline-block; vertical-align: middle; }

#recommend .READMORECONTENTjs { display: none; }

#recommend li { margin: 0 0 10px 0; overflow: hidden; }

#recommend .addBasket { margin: 0 0 0 10px; float: right; }

#recommend .addBasket .counter { line-height: 32px; padding: 0 5px; }

#recommend .r > .c > .w { overflow: hidden; }

@media only screen and (max-width: 700px) { #recommend { text-align: left; }
  #recommend .r > .c { width: auto !important; }
  #recommend .r > .c > .w { margin: 0 0 10px 0 !important; } }
.ui-selectmenu-button { width: auto !important; line-height: 30px; margin: 0 0 15px 0; border-width: 1px; border-style: solid; display: block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; }

.ui-selectmenu-button span.ui-selectmenu-text { padding: 0 30px 0 10px; display: block; }

.ui-selectmenu-button span.ui-selectmenu-text .price { float: right; }

.ui-selectmenu-button span.ui-icon { border-width: 12px 6px 0 6px; border-style: solid; right: 10px; left: auto; margin-top: -6px; position: absolute; top: 50%; }

.ui-selectmenu-button.ui-corner-top span.ui-icon { border-width: 0 6px 12px 6px; }

.ui-selectmenu-menu { position: absolute; top: 0; left: 0; z-index: 100; display: none; }

.ui-selectmenu-menu li .price { float: right; }

.ui-selectmenu-open { display: block; }

.ui-selectmenu-menu ul { padding: 5px; border-width: 1px; border-style: solid; list-style-type: none; }

.ui-selectmenu-menu ul li { padding: 5px; cursor: pointer; }

.valueSelect .ui-selectmenu-button span.ui-selectmenu-text { height: 50px !important; line-height: 50px !important; font-size: 20px; }

.valueSelect .ui-selectmenu-button .pop { line-height: 12px !important; font-size: 12px; }

.ui-selectmenu-menu .pop { line-height: 11px !important; font-size: 11px; }

.ui-selectmenu-menu .pop, .valueSelect .ui-selectmenu-button .pop { text-transform: uppercase; }

.ui-selectmenu-menu .pop, .valueSelect .ui-selectmenu-button span.ui-selectmenu-text { font-family: 'Roboto', arial; }

.ui-selectmenu-menu .pop { margin: 0 0 0 10px; }

.valueSelect .ui-selectmenu-button, .selectVoucher.button { margin: 0 0 10px 0; }

.valueSelect .ui-selectmenu-button span.ui-icon { margin-top: -4px 0 0 0; }

.ui-selectmenu-menu .pop { padding: 2px 4px; }

.valueSelect .ui-selectmenu-button .pop { padding: 4px; }

.ui-selectmenu-menu .pop, .valueSelect .ui-selectmenu-button .pop { border-style: solid; }

.valueSelect .ui-selectmenu-button span.ui-icon { border-width: 8px 4px 0 4px; }

.ui-selectmenu-menu .pop { border-width: 2px; }

.valueSelect .ui-selectmenu-button .pop { border-width: 4px; }

.valueSelect .ui-selectmenu-button .pop { position: absolute; }

.valueSelect .ui-selectmenu-button .pop { top: 12px; }

.valueSelect .ui-selectmenu-button .pop { left: 65px; }

.ui-selectmenu-menu .pop, .valueSelect .ui-selectmenu-button .pop { display: inline-block; vertical-align: middle; }

@media only screen and (max-width: 700px) { .valueSelect .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; } }
@media only screen and (max-width: 580px) { #voucher #reviews .h2, #voucher #guarantee .r2, #voucher #details .h2, #voucher #recommend { padding-top: 20px; border-width: 1px 0 0 0; border-style: solid; border-color: #002d5e; }
  #voucher #reviews, #voucher #details .h2 { text-align: center; }
  #voucher #reviews #reviewsList { text-align: left; } }
.page-vouchers #head { text-align: center; }

.page-vouchers #ctas .wrap { max-width: 1024px; margin: 0 auto; }

@media only screen and (max-width: 580px) { .page-vouchers #recommend .h, .page-vouchers #recommend > p { text-align: center; } }
#header .nav { margin-right: 150px; }

#voucher-basket > .READMOREjs { padding: 4px 12px; }

#voucher-basket { bottom: 40px; }

#voucher-basket { right: 0; }

@media only screen and (max-width: 1024px) { #voucher-basket { right: 20px; } }
@media only screen and (max-width: 880px) { #voucher-basket > .READMOREjs p .icn { height: 39px; line-height: 39px; font-size: 25px; }
  #header .nav { margin-right: 55px; }
  #voucher-basket > .READMOREjs { padding: 0 8px; }
  #voucher-basket > .READMOREjs { border-width: 1px; }
  #voucher-basket > .READMOREjs { border-style: solid; }
  #voucher-basket > .READMORECONTENTjs { top: 55px; }
  #voucher-basket { bottom: 41px; } }
@media only screen and (max-width: 700px) { #header .nav { margin-right: 45px; }
  #voucher-basket { right: 10px; }
  #voucher-basket { bottom: 0px; } }
@media only screen and (max-width: 580px) { #header .nav { margin-right: 55px; } }