/* combine : /css/common/responsive/remodal.css*/
/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/* complete : /css/common/responsive/remodal.css*/


/* combine : /css/common/responsive/remodal-default-theme.css*/
/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 0;
  right: 0;

  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;

  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;

  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 35px;

  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 0;
  padding: 12px 0;

  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}
/* complete : /css/common/responsive/remodal-default-theme.css*/


/* combine : css/viewbag/desktop/viewbag.css*/
/*Updated (20/09/13) - MB
    1) Removed widh from #productImage img and changed #productImage to center content for FSI images
*/

#yourWishList {
    float: left;
    clear: left;
    width: 826px;
}

#sbNoItemsAlert {
    float: left;
    margin: 8px 0 0 0;
}

.dispatchTxt {
    color: #b42121;
    font-size: 12px;
}
.tableborderPaymentAlert {
    background-color: none;
    padding: 0;
}
.tableborderPaymentAlert a, .tableborderPaymentAlert a:link, .tableborderPaymentAlert a:visited {
    color: #39427F;
}
.helpDivInner {
    border: 2px SOLID #FF6600;
    padding: 6px;
}
#helpDiv {
    text-align: left;
    font-size: 12px;
    background-color: #FFFFFF;
    max-width: 300px;
    width: 300px;
    margin-left: -350;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 650;
}
#helpDiv .title {
    border-bottom: 1px SOLID #CCC;
    padding-bottom: 6px;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    background-color: #FFFFFF;
}
#checkoutPageTitleBar{
    float:left;
    height:30px;
    width:824px;
    margin-top: 10px;
}
#viewBagFooterTitle {
    float:left;
    height:30px;
    padding-top:5px;
    width:824px;
    margin-bottom:5px;
    width:100%;
    clear:both;
}
p#creditLimitIncrease {
    font-size:2em;
    font-weight:bold;
    margin-top:5px
}
p#creditLimitAmount {
    margin:7px 0 0 0;
    font-size:1.5em;
}
#viewBagFooterTitle .help {
    margin: 3px 0 0 10px;
}

#checkoutPageTitle h1 {
    color:#2A6B14;
    font-size:16px;
    padding-top:3px;
    padding-left:8px;
    width:400px;
}
#viewBagFooterTitle h1 {
    font-size:16px;
    padding-top:3px;
    padding-left:8px;
    float:left;
}
#viewBagFooterTitle p {
    color: #000000;
    font-size: 12px;
    padding-top: 3px;
    padding-left: 8px;
    float: left;
}

#viewBagFooterTitle a, #viewBagFooterTitle a:link, #viewBagFooterTitle a:visited {
    color: #000000;
}
#viewBagCheckoutBtn {
    height: 30px;
    float: right;
}
#basketHeading {
    float:left;
    width:818px;
    margin-bottom: 6px;
    margin-top: 6px;
}
.errorCurveBox {
    border:2px solid #ca0000;
    width:796px;
    padding: 8px;
}
.positiveCurveBox {
    border:2px solid #3A9921;
    width:796px;
    padding: 8px;
}
.errorCurveBox .curveLT {
    background-image:url(//images2.drct2u.com/content/common/images/commongui/GUI_errorCurveLT.gif);
}
.errorCurveBox .curveRT {
    background-image:url(//images2.drct2u.com/content/common/images/commongui/GUI_errorCurveRT.gif);
}
.errorCurveBox .curveLB {
    background-image:url(//images2.drct2u.com/content/common/images/commongui/GUI_errorCurveLB.gif);
}
.errorCurveBox .curveRB {
    background-image:url(//images2.drct2u.com/content/common/images/commongui/GUI_errorCurveRB.gif);
}

.infoCurveBox p {
    text-align: center;
    font-size: 13px;
    font-weight:bold;
}
.positiveCurveBox p {
    text-align: center;
}

#deliveryCharge .mainHeader {
    height:32px;
    width:499px;
    float:left;
}

* html #deliveryCharge .mainHeader {
    display:inline;
    height:33px;
    width:499px;
    float:left;
    margin-left: 8px;
}
.commonBoxCurveContainer {
    background-color:#ffffff;
    border: 1px solid #DEDCDC;
}
.infoCurveBox {
    border:2px solid #CA0000;
    width: calc(100% - 2px);
    padding: 12px;
    margin-left: 8px;
    background-color: #FFFFFF;
    box-sizing: border-box;
}
.infoCurveBoxSuccess {
    border: 2px solid #3a981e;
    width: calc(100% - 2px);
    padding: 12px;
    margin-left: 8px;
    background-color: #FFFFFF;
    box-sizing: border-box;
}
#basketHeading .infoCurveBox p, #basketHeading .infoCurveBoxSuccess p {
    text-align: center;
    font-weight: bold;
}
.infoCurveBox .curveLT {
    background-image:url(//images2.drct2u.com/content/common/images/commongui/GUI_errorCurveLT.gif);
}
.infoCurveBox .InfoCurveRT {
    background-image:url(//images2.drct2u.com/content/common/images/commongui/GUI_errorCurveRT.gif);
}
.infoCurveBox .InfoCurveLB {
    background-image:url(//images2.drct2u.com/content/common/images/commongui/GUI_errorCurveLB.gif);
}
.infoCurveBox .InfoCurveRB {
    background-image:url(//images2.drct2u.com/content/common/images/commongui/GUI_errorCurveRB.gif);
}
.positiveCurveBox .positiveCurveLT {
    top:0;
    left:0;
    width:10px;
    height:10px;
    background: url("//images2.drct2u.com/content/common/styles/images/commonCurveGreenLT.png") top left no-repeat;
    position:absolute;
    margin:-3px;
    padding:0;
    background-image:url("//images2.drct2u.com/content/common/styles/images/commonCurveGreenLT.png");
    width:12px;
    height:12px;
}
.positiveCurveBox .positiveCurveRT {
    top:0;
    right:0;
    width:10px;
    height:10px;
    background: url("//images2.drct2u.com/content/common/styles/images/commonCurveGreenRT.png") top right no-repeat;
    position:absolute;
    margin:-3px;
    padding:0;
    background-image:url("//images2.drct2u.com/content/common/styles/images/commonCurveGreenRT.png");
    width:12px;
    height:12px;
}
.positiveCurveBox .positiveCurveLB {
    height:10px;
    bottom:0;
    left:0;
    width:10px;
    background-image:url("//images2.drct2u.com/content/common/styles/images/commonCurveGreenLB.png");
    background-position:bottom left;
    background-repeat:no-repeat;
    position:absolute;
    margin:-3px;
    min-height:0;
    background-image:url("//images2.drct2u.com/content/common/styles/images/commonCurveGreenLB.png");
    width:12px;
    height:12px;
 }
.positiveCurveBox .positiveCurveRB {
    bottom:0;
    right:0;
    width:10px;
    height:10px;
    background:url("//images2.drct2u.com/content/common/styles/images/commonCurveGreenRB.png");
    background-position:bottom right;
    background-repeat:no-repeat;
    position:absolute;
    margin:-3px;
    padding:0
    background-image:url("//images2.drct2u.com/content/common/styles/images/commonCurveGreenRB.png");
    width:12px;
    height:12px;
 }
#deliveryCharge .commonBoxCurveContainer {
    width: 512px;
}
#protectionContainer .mainHeader {
    height: auto;
    padding-left: 10px;
    width: 804px;
}
#protectionContainer #warrantyHeader h2 {
    margin: 6px 0;
    font-size: 15px;
}
#suppDelContainer .suppDelHeader {
    height: 28px;
    padding-left: 10px;
    padding-top: 10px;
    width: 804px;
}
#protectionContainer #endHeader {
    height: 27px;
}
#protectionContainer .prodQuantityHolder {
  float: right;
  padding: 10px 20px 7px 0;
  text-align: center;
  width: 45px;
  margin:   0;
}
#suppDelContainer #prodHeader h2 {
    margin: 6px 0 0 0;
}
#totalBeforeDiscountsHeader {
    float: right;
    width: 104px;
    background-color: #EEFBDD;
    height: 40px;
}

#sbDescPromoContainer {
    margin: 0 0 0 0;
    float:left;
    width: 100%;
}
#sbPersonaliseContainer {
    margin: 0 0 0 0;
    float:left;
    left:400px;
    top: 85px;
    position: absolute;
    width: 230px;
}
.sbColorContainer {
    margin: 0 0 0 0;
}
.sbSizeContainer {
    margin: 0 0 0 0;
}
.sbCodeContainer {
    margin: 0 0 5px 0;
}
#totalExVatInfo {
    width: 132px;
    float: left;
}
#totalExVatPrice {
    width: 104px;
    float: right;
    background-color:#eefbdd;
    text-align: center;
}
#totalIncVatInfo {
    width: 132px;
    float: left;
}
#totalIncVatPrice {
    width: 104px;
    float: right;
    height:60px;
    background-color:#eefbdd;
    text-align:center;
}
#sometext {
    background-color: #f7f7f7;
    width: 580px;
}
#shopProtectionInfoHolder {
    float: left;
    height: 60px;
    padding-left:   10px;
}
.shopProtectionInfoOuter {
    clear: both;
    background-color: #f7f7f7;
  width: 699px;
  float: left;
}   
#suppDelIncludedCol {
    float:right;
    background-color: #EEFBDD;
    height: 28px;
    width: 114px;
    text-align:center;
}
#suppDelIncludedCol.wrapped {
    height: 28px;
}
#notIncludedCol {
    float:right;
    background-color: #EEFBDD;
    height: 50px;
    width: 114px;
    text-align:center;
    padding-top:10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-right: 0px;
}
.promoBtn {
    margin:10px 6px 0 0;
    float: right;
    height: 29px;
    width:115px;
    padding: 0px;
}
.promoBtn a, .promoBtn a:link, .promoBtn a:visited {
    height: 35px;
    margin: 0px;
    color: #000000;
    background-image: url(//images2.drct2u.com/content/images/productdetails/bagButtonBg.gif);
    background-repeat: repeat-x;
    font-size: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
    padding: 5px 0px 0px 0px;
    float: left;
    min-width: 10px;
}
.promoBtn a:hover {
    text-decoration: none;
    color: #009900;
    background-color: transparent;
    cursor: pointer;
}
.promoBtn .buttonCapLt {
    height: 35px;
    width: 34px;
    background-image: url(//images2.drct2u.com/content/images/productdetails/bagButtonCapLt.gif);
    background-repeat: no-repeat;
    float: left;
    margin: 0px;
}
.promoBtn .buttonCapRt {
    height: 35px;
    width: 10px;
    background-image: url(//images2.drct2u.com/content/images/productdetails/bagButtonCapRt.gif);
    background-repeat: no-repeat;
    float: left;
    margin: 0px;
}
#promotionContainer {
    float:left;
    margin: 7px 0 4px 8px;
    width: 63%;
}
/* Rounded corner div styles */
.boxCurveContainerNoTop {
    float: left;
    position: relative;
    border-bottom: 1px SOLID #dedcdc;
    border-right: 1px SOLID #dedcdc;
    border-left: 1px SOLID #dedcdc;
    z-index:1;
}
.GreyBackin {
    background-color:#f7f7f7;
}
p.deliveryMethod, p.deliveryCost {
    text-align:left;
    padding: 10px 0;
}
#nextdayDeliverySection, #nextdayDeliverySection, #nextdayDeliverySection {
    color: #0E8519;
    vertical-align: top;
}

.productPriceInfotxt {
    float:left;
    font-size:12px;
    margin:0 4px 0 0;
}
.productPriceInfotxt2 {
    float:left;
    font-size:14px;
    font-weight:bold;
    margin:0 0 0 0;
    color:#0E8519;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
#totalBeforeDiscounts p {
    color:#FF0000;
}
#totalAfterDiscounts p {
    color:#0e8519;
}
.sumAfterDiscounts {
    float:left;
    width:117px;
    background-color:#eefbdd;
    height:42px;
    text-align:center;
    font-weight:bold;
    font-size:16px;
    padding:10px 4px 4px 4px;
}
.shopBagHeader {
    padding: 10px 0 0 160px;
    font-weight:bold;
    color:#000000;
}
#totalCostHeader {
    border-bottom:1px solid #DEDCDC;
    height:40px;
    width:240px;
}
#totalCostHeader p {
    padding:10px 0 0 0;
    margin:0;
    height:36px;
    font-size:13px;
    font-weight:bold;
    text-align:center;
}
#promotionContainer .curveLT {
    background-image:url(//images2.drct2u.com/content/common/images/commongui/100419_shopbag_promobox_LTcurve.gif);
}
#promotionContainer .curveLB {
    background-image:url(//images2.drct2u.com/content/common/images/commongui/100419_shopbag_promobox_LBcurve.gif);
}
#promotionContainer .curveRB {
    background-image:url(//images2.drct2u.com/content/common/images/commongui/100419_shopbag_promobox_RBcurve.gif);
}
#promotionContainer .curveRT {
    background-image:url(//images2.drct2u.com/content/common/images/commongui/100419_shopbag_promobox_RTcurve.gif);
}

#promotionInner {
    background-color: #eef2f6;
    width: 512px;
}

#promotionInner .commonBtnNoStyle {
    float:right;
    margin: 10px 10px 0 0;
}
#promotionInner form {
    height:50px;
}
#promotionInner h2 {
    margin:0;
    padding:15px 10px 15px 10px;
    float:left;
    width: 310px;
    font-size: 15px;
}
#promotionOuter {
    float:left;
}
#standardDeliverySection {
    margin: 0;
    display: block;
}
#nextdayDeliverySection {
    background-color: #EEFBDD;
    float: left;
    border-top: 1px solid #DEDCDC;
    border-bottom: 1px solid #DEDCDC;
}
#nextdayDeliverySection .deliveryMethod {
    font-weight: bold;
}
#nominatedDaySection {
    float: left;
}
a .protectionTxt1 {
    margin: 0;
    padding: 4px 0 0 10px;
}
.prodQuantityHolder {
    text-align: center;
    margin: 10px 0 0 0;
    float: left;
    width: 45px;
}
.prodQuantityHolder input {
    text-align: center;
    width: 38px;
    height: 19px;
    border: 1px solid #8A96AE;
}
#promotionInner input {
    float: left;
    background-color: #ffffff;
    border: 1px solid #8a96ae;
    width: 94px;
    height: 18px;
    margin: 14px 0 0 0;
    font-weight: bold;
}
#viewBagContainer input:focus {
    background-color: #FFFFCC;
    border: 1px solid #CCCCCC;
}
#viewBagContainer #continueToCheckout {
    margin-top: 10px;
    margin-right: 4px;
}
.prodQuantityHolder a, .prodQuantityHolder a:link, .prodQuantityHolder a:visited {
    color: #000000;
    font-size: 12px
}
.prodQuantityHolder a:hover {
    text-decoration: none;
    background: none;
}
.shopButtonHolder {
    width: 435px;
    float: left;
    margin: 10px 0 0 0;
}
.dispatchHolder {
    width: 540px;
    float: left;
    margin: 0;
    height: 16px;
}
.wishListBtnContainer {
    margin: 0 0 0 10px;
    float: left;
}
.addProtectionBtnContainer {
    float: left;
}
.moreInfoProtectionBtnContainer {
    float: left;
}
.viewBtnContainer {
    float: left;
}
.removeBtnContainer {
    margin: 0 0 0 10px;
    float: left;
}
#wishListBtn {
    float: left;
}
#wishListBtn a, #wishListBtn a:link, #wishListBtn a:visited {
    height: 24px;
    margin: 0 15px 0 0;
    color: #000000;
    background-repeat: repeat-x;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
    padding: 1px 0px 0px 4px;
    float: left;
    min-width: 10px;
}
#wishListBtn a:hover {
    text-decoration: none;
    background-color: #FFFFFF;
}
#viewBtnBlack {
    float: left;
}
#viewBtnBlack a {
    height: 24px;
    margin: 0 15px 0 0;
    color: #000000;
    background-repeat: repeat-x;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
    padding: 1px 0px 0px 4px;
    float: left;
    min-width: 10px;
}
#viewBtnBlack a:hover {
    text-decoration: none;
    background-color: transparent;
}
#viewBtn {
    float: left;
}
#viewBtn a, #viewBtn a:link, #viewBtn a:visited {
    height: 24px;
    margin: 0 15px 0 0;
    color: #077b15;
    background-repeat: repeat-x;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
    padding: 1px 0px 0px 4px;
    float: left;
    min-width: 10px;
}
#viewBtn a:hover {
    text-decoration: none;
    background-color: transparent;
}
#addBtnIcon {
    background-image: url(//images2.drct2u.com/content/common/images/commongui/100419_shopbag_icon_tick.gif);
    background-repeat: no-repeat;
    height: 23px;
    margin: 0;
    width: 20px;
    float: left;
}
#viewBtnIcon {
    background-image: url(//images2.drct2u.com/content/common/images/commongui/100419_shopbag_icon_mag_glass.gif);
    background-repeat: no-repeat;
    height: 23px;
    margin: 0;
    width: 20px;
    float: left;
}
#wishlistBtnIcon {
    background-image: url(//images2.drct2u.com/content/common/images/commongui/100419_shopbag_icon_list.gif);
    background-repeat: no-repeat;
    height: 23px;
    margin: 0;
    width: 20px;
    float: left;
}
#removeBtnIcon {
    background-image: url(//images2.drct2u.com/content/common/images/commongui/100419_shopbag_icon_cross.gif);
    background-repeat: no-repeat;
    height: 23px;
    margin: 0;
    width: 20px;
    float: left;
}
#removeBtn {
    width: 140px;
}
#removeBtn a, #removeBtn a:link, #removeBtn a:visited {
    height: 24px;
    margin: 0px;
    color: #b72222;
    background-repeat: repeat-x;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
    padding: 1px 0px 0px 4px;
    float: left;
    min-width: 10px;
}
#removeBtn a:hover {
    text-decoration: none;
    background-color: transparent;
}
.prodQuantityHolder a, .prodQuantityHolder a:link, .prodQuantityHolder a:visited {
    color: #000000;
}
#viewBagContainer {
  float: left;
  width: 830px;
  background-color: #ffffff;
  margin: 5px 0 2em;
}
#viewBagContainer .productTitle {
    font-weight: normal;
}
#shopProdInfoHolder {
    background-color: #FFFFFF;
    float: left;
    width: 490px;
}
#creditFlattery {
    width: 818px;
    float: left;
    padding-left: 8px;
    margin-bottom: 8px;
    margin-top: 8px;
}
#basketList {
    width: 816px;
    float: left;
    padding-left:8px;
}

.basketEntry .curveLT {
    background-image: url(//images2.drct2u.com/content/common/images/commongui/100419_shopbag_CurveLT.gif);
    background-repeat: no-repeat;
}
.basketEntry .curveRT {
    background-image: url(//images2.drct2u.com/content/common/images/commongui/100419_shopbag_CurveRT.gif);
    background-repeat: no-repeat;
}
.basketEntry .curveRB {
    background-image: url(//images2.drct2u.com/content/common/images/commongui/100419_shopbag_CurveRB.gif);
    background-repeat: no-repeat;
}
.basketEntry .curveLB {
    background-image: url(//images2.drct2u.com/content/common/images/commongui/100419_shopbag_CurveLB.gif);
    background-repeat: no-repeat;
}
.basketEntry {
    margin-top: 5px;
    width: 818px;
    float: left;
    height: 174px;
    z-index: 3;
    position: relative;
    font-size 14px;
}
.basketEntry p{
    font-size: 12px;
}
.discountIncentiveEntry {
    width: 818px;
    float: left;
    height: 208px;
    z-index: 1;
}
.discountIncentiveEntry .curveLT {
    background: bottom url(//images2.drct2u.com/content/common/images/commongui/100419_shopbag_promo_CurveLT.gif) no-repeat;
}
.discountIncentiveEntry .curveRT {
    background: bottom url(//images2.drct2u.com/content/common/images/commongui/100419_shopbag_promo_CurveRT.gif) no-repeat;
}
.discountIncentiveEntry .curveLB {
    background: bottom url(//images2.drct2u.com/content/common/images/commongui/100419_shopbag_CurveLB.gif) no-repeat;
}
.discountIncentiveEntry .curveRB {
    background: bottom url(//images2.drct2u.com/content/common/images/commongui/100419_shopbag_CurveRB_blue.gif) no-repeat;
}
.discountIncentiveHeader {
    background: url(//images2.drct2u.com/content/common/images/commongui/100419_shopbag_promo_Grad.gif);
    background-repeat: repeat-x;
    height: 28px;
    padding: 4px 0 0 5px;
    width: 809px;
}
.promoAddedTitle {
    background-image:url(//images2.drct2u.com/content/common/images/commongui/100419_shopbag_promo_Title.gif);
    background-repeat: no-repeat;
    float: left;
    height: 20px;
    width: 210px;
}
#productBasicInfo {
    background-color: #FFFFFF;
    float: left;
    font-size: 12px;
    font-weight: normal;
    padding: 0;
    width: 317px;
    margin: 10px 0 0 0;
    min-height: 78px;
}
#promotionBasicInfo {
    background-color: #FFFFFF;
    float: left;
    font-size: 12px;
    font-weight: normal;
    padding: 0;
    width: 400px;
    margin: 10px 0 0 0;
    height:70px;
}
.productPriceInfo {
    background-color: #FFFFFF;
    float: left;
    margin: 10px 0 0 0;
}
#productBasicInfo .productTitle, .sbPersonaliseContainer .productTitle {
    padding: 0 0 2px;
    margin: 0;
    font-size: 12px;
    float: none;
    font-weight: normal;
}
.sbProductCode {
    padding: 0 0 2px;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
}
#productImage {
    border: 1px solid #DEDCDC;
    width: 122px;
    height: 130px;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    text-align: center;
    background-color: #ffffff;
}
#productImage img { 
    height: 130px;  
}
.mainHeader {
    border-bottom: 1px solid #cac7c7;
    height: 28px;
    float: left;
    width: 670px;
}
.suppDelHeader {
    height: 28px;
}
#productDetails {
    width: 804px;
    height: 170px;
    margin-left: 10px;
}
#prodHeader {
    height: auto;
    float: left;
    margin: 0;
}
#warrantyHeader {
    height: auto;
    float: left;
    margin: 12px 0 0 0;
    width: 804px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/viewbag_green_column_strip.gif);
    background-repeat: repeat-y;
    background-position: right;
}
#suppHeader {
    height: 28px;
    float: left;
    margin: 0;
    width: 688px;
}
#midHeader {
    height: 28px;
    float: left;
    width: 166px;
}
#endHeader {
    background-color: #EEFBDD;
    height: 7px;
    float: right;
    width: 114px;
    position: relative;
    top: 0;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
#prodHeader h3 {
    float: left;
    width: 60px;
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    padding: 6px 0 0 0;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
#prodHeaderTotal {
    background-color: #EEFBDD;
    float: right;
    height: 28px;
    width: 114px;
}
#incentiveTotal {
    background-color:#eef2f6;
    float: right;
    height: 28px;
    width: 114px;
}
#prodHeaderTotal h3, #incentiveTotal h3 {
    text-align: center;
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    padding: 6px 0 0 0;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
#prodHeader h2 {
    margin: 6px 0 0 0;
    float: left;
    width: 485px;
}
#warrantyHeader h2 {
    margin: 6px 0 0 0;
    float: left;
    width: 670px;
}
#suppHeader h2 {
    margin: 6px 0 0 0;
    float:left;
    width:670px;
}

#deliveryHeader h2 {
    padding: 10px;
}

.deliveryTypeIcon {
    background: url("//images2.drct2u.com/content/images/productdetails/deliveryTypeIcons.all.sprite.v3.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 30px;
    margin: 7px 25px 12px 13px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 120px;
}

.deliveryTypeIcon.standardDelivery {
    height: 30px;
    margin-top: 18px;
}
.deliveryTypeIcon.nextDayDelivery {
    background-position: 0 -62px;
    height: 48px;
}
.deliveryTypeIcon.irishExpress {
    background-position: 0 -110px;
    height: 48px;
}
.deliveryTypeIcon.nominatedDelivery {
    background-position: 0 -158px;
    margin-top: 13px;
}
.totalColumn, .incentivesTotalColumn {
    float: right;
    width: 114px;
    height:131px;
    background-color:#eefbdd;
    padding: 10px 0 0 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.incentivesTotalColumn {
    background-color:#eef2f6;
    text-align:center;
}
.totalColumn p, .incentivesTotalColumn p {
    text-align: center;
    padding:0;
    margin: 0 5px;
}
.totalColumn a, .totalColumn a:link, .totalColumn a:visited {
    color:#E40E0E;
}
.totalColumn a:hover {
    text-decoration:none;
    background-color: transparent;
    cursor: pointer;
}
.totalColumn#totalColumnLast {
    -webkit-border-bottom-right-radius: 10px;
}
.incentivesTotalColumn p {
    font-weight: normal;
    font-size:14px;
    padding: 0 8px;
}
.totalColumnWasTxt {
    color:#e40e0e;
    font-size:14px;
    font-weight:bold;
    padding:0 0 0 10px;
}
.totalColumnWasPriceTxt {
    color:#e40e0e;
    font-size:14px;
    font-weight:bold;
    float:none;
    text-decoration: line-through;
}
.totalColumnPromoTxt {
    color:#e40e0e;
    font-size:11px;
    line-height: 1.25em;
    margin: 0 0 4px 0;
}
.totalColumnNowTxt {
    color:#0e8519;
    font-size:14px;
    font-weight:bold !important;
    padding: 0 0px 0 0px;
}
#protectionContainer {
    clear: right;
    width: 816px;
    margin: 0;
    clear: both;
    float:left;
    position:relative;
    margin-top: -14px;
    z-index: 3;
}
#suppDelContainer {
    clear: right;
    width: 818px;
    margin-bottom: 2px;
    clear: both;
    float:left;
    position:relative;
    margin-top: -14px;
    z-index:3;
    height: 41px;
}
#deliveryCharge {
    width: 518px;
    float: left;
    margin-top: 6px;
}
#deliveryCharge .commonBoxCurveContainer > div {
    width: 100%;
}
#sbSignInTxt {
    font-size: 12px;
    font-weight: normal;
}
#signInPandP {
    text-decoration: underline;
}
p.deliveryMethod {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    width: 32%;
}
span.deliverySmallPrint {
    font-size: 12px;
    font-weight: normal;
}
p.deliveryCost {
    display: inline-block;
    width: 33%;
    font-size: 18px;
    font-weight: bold;
}
#pricingContainer {
    float: left;
    margin-top: 8px;
}
#totalCost {
    float: right;
    margin: 7px 6px 6px 0;
}

#totalCost p {
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

#totalCostInner {
    width: 289px;
    float: left;
}


.sbTotalCostBg p {
    font-size: 12px;
    padding: 0 10px 0 10px;
}

.sbTotalCostBg a.help {
    margin: 0;
}

.sbTotalCostBg .sbSmallPrint {
   font-size: 9px;
}


.sbTotalCostTintedBg {
    background-color: #eefbdd;
    width: 114px;
    text-align: center;
}


.StrongTxt p {
    font-weight: bold;
    font-size: 14px;
}
.sbTotalHead {
    border-bottom: 1px solid #cbc7c8;
}

.sbTotalHead p {
    font-weight: bold;
    font-size: 13px;
}

.sbTotalFooter {
    border-top: 1px solid #cbc7c8;
    font-size
}

.sbTotalContent {
    height: 34px;
}

.sbTotalCostBg {
   width: 175px;
   text-align: right;
}

#sbTotalCostHeadRow {
    height: 33px;
}

#sbTotalCostFooterRow {
    height: 31px;
}

#sbTotalSavingsRow p{
    color: #0c8418;
    font-weight: bold;
}
#totalBeforeDiscounts {
    float:none;
    width:240px;
}
.totalB4Dis {
    color:#FF0000;
    font-size:12px;
    text-align:center;
    width:135px;
}
.totalB4DisVat {
    color:#FF0000;
    font-size:12px;
    text-align:center;
    width:135px;
}
.totalAfterDisTxt {
    color:#0e8519;
    font-size:12px;
    text-align:center;
    width:135px;
    float:left;
}
#totalAfterDiscounts {
    float:none;
    width:240px;
}

#vatMessage {
    height: 20px;
    width: 510px;
    float: left;
    margin: 5px;
    float: left;
}

#vatMessage p {
    font-size:12px;
    padding: 0 0 0 6px;
}

#orderBuildingContainer {
    width: 153px;
    margin-bottom: 10px;
}

#freeFormatContainer {
    width: 153px;
    float: right;
    padding: 10px 16px 0 0;
}

#checkoutPageTitleBar h1 {
    font-size: 16px;
    height: 20px;
    margin: 5px 3px 3px 10px;
    float: left;
}

#wishListEmptyTxt {
    font-size:16px;
    font-weight:bold;
    padding:0 0 0 10px;
}

.protectionButtonHolder {
    height: 24px;
    margin: 0;
}

.protectionBtnView {
    float: left;
    margin: 0 10px 0 0;
    border-right: 1px solid #CAC7C7;
    padding-right: 15px;
}

.viewProtectionIcon {
    float: left;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/viewbag_ProtectionViewIcon.gif");
    background-repeat: no-repeat;
    width: 24px;
    height: 18px;
}

.protectionBtnView a, .protectionBtnView a:link, .protectionBtnView a:visited {
    color: #077b15;
    float: left;
}

.protectionBtnRemove {
    float: left;
    margin: 0 0 0 10px;
}

.removeProtectionIcon {
    float: left;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/viewbag_ProtectionRemoveIcon.gif");
    background-repeat: no-repeat;
    width: 22px;
    height: 18px;
}

.protectionBtnRemove a, .protectionBtnRemove a:link, .protectionBtnRemove a:visited {
    color: #b72222;
    float: left;
}

.protectionBtnAdd {
    float: left;
    margin: 0 0 0 10px;
}

.addProtectionIcon {
    float: left;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/viewbag_ProtectionAddIcon.gif");
    background-repeat: no-repeat;
    width: 22px;
    height: 18px;
}

.protectionBtnAdd a, .protectionBtnAdd a:link, .protectionBtnAdd a:visited {
    color: #077b15;
    float: left;
}

.protectionBtnInfo {
    float: left;
    margin: 0 0 0 10px;
}

.infoProtectionIcon {
    float: left;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/viewbag_ProtectionInfoIcon.gif");
    background-repeat: no-repeat;
    width: 22px;
    height: 18px;
}

.protectionBtnInfo a, .protectionBtnInfo a:link, .protectionBtnInfo a:visited {
    color: #000000;
    float: left;
}

.protectionTxt1 {
    font-size: 12px;
    padding: 8px 0 8px 0;
}

#warrantyHeader1 {
    float: left;
    height: auto;
    margin: 12px 0 0;
    width: 804px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/viewbag_green_column_strip.gif);
    background-repeat: repeat-y;
    background-position: right;
}

#warrantyHeader1 h2 {
    float: left;
    margin: 6px 0;
    width: 485px;
}

#warrantyHeader1 h3 {
    color:#000000;
    float:left;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:13px;
    font-weight:bold;
    padding: 6px 0 0;
    width: 60px;
}

.offerTypeTab {
    background:#CDF18F; 
    display:inline;
    font-size:11px;
    font-weight:bold;
    color:#468426;
    padding:3px 12px;
    margin-left:25px;
    border-radius: 5px 5px 0px 0px; 
}

.offerTypeBorder {
    border:2px solid #CDF18F;
    overflow:hidden; 
    margin-bottom:1px;
    position: relative;
}

.offerTypeBorder .commonBoxCurveContainer {
    border:none;
}
.offerTypeBorder .curveLT, .offerTypeBorder .curveRT, .offerTypeBorder .curveLB, .offerTypeBorder .curveRB {
    display:none;
}

.offerTypeBorder .basketEntry {
    height:auto;
    margin:0px;
}

.offerTypeDivider{
    height:6px;
}

/* remove rounded corners for grouped items */
.offerTypeBorder .boxCurveContainerNoTop {
    float: left;
    position: relative;
    border-bottom: none;
    border-right: none;
    border-left: none;
    z-index:1;
    margin-right: 3px;
}

.offerTypeBorder .commonBoxCurveContainer {
    -webkit-border-radius:12px;
}

.btnHolder {
  position: relative;
  z-index: 1;
}
#continueToCheckout {
  float: right;
  margin-right: 2px;
}
#addToBagBtn .buttonCapRt {
  display: none;
}
#continueToCheckout .btnHolder a {
  background: linear-gradient(to bottom, #C9F393 0%, #3A981E 100%) repeat scroll 0 0 transparent;
  border: 1px solid #247694;
  border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 38px 5px 10px;
  text-align: center;
  text-decoration: none;
}
#continueToCheckout .btnHolder a:hover, #continueToCheckout .btnHolder a:focus {
  background: linear-gradient(to bottom, #CCF696 0%, #44A228 100%) repeat scroll 0 0 transparent;
  border-color: #247694;
  color: #FFFFFF;
  text-decoration: underline;
}
.btnIcon {
  background: url("//images2.drct2u.com/content/common/images/commongui/prodAddToBagTick.png") no-repeat scroll 50% 50% transparent;
  height: 27px;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 27px;
  z-index: 1;
}
#viewBagCheckoutBtn2 {
  height: 30px;
  float: right;
  clear: both;
  width: 165px;
}
#viewBagCheckoutBtn2 .commonBtnContinueTinted {
    padding-right: 5px;
}
#probeMessageContainer {
    background: none repeat scroll 0 0 #FFF799;
    clear: both;
  margin: 0;
  min-height: 20px;
  padding: 13px 20px 20px;
  width: 784px;
}
#probeMessageContainer h6 {
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 15px;
  width: 600px;
  padding: 7px 0;
}
#probeSmallPrint {
  background-color: #FFFCD3;
  padding: 5px 20px 15px;
  margin: 0;
  width: 784px;
}
#probeSmallPrint p, #probeSmallPrint b {
    font-size: 13px;    
    margin: 10px;
}
#probeMessageContainer #viewBagCheckoutBtn2 {
    clear: none;
}
/* Rich Relevance: Release 2 */
#viewBagContainer + .affinityWrapper {
    float: left;
    clear: left;
    width: 816px;
    margin: 0 0 0 8px;
    padding: 0;
}

.flexslider .slides .thumb {
    height: auto;
    width: 98%;
    border: none;
}

.carouselContainer .thumb {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



/* Order Building (Vertical | Sidebar) */
#orderBuildingVertical {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 0 0 10px;
}
#orderBuildingVertical > h3 {
    padding: 10px 5px;
    margin: 0 0 10px;
    border-bottom: 1px solid #ccc;
    text-align: center;
    background: #000;
    color: #fff;
    border-radius: 5px 5px 0 0;
}
#orderBuildingVertical > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#orderBuildingVertical > ul > li {
    margin: 0 0 1em;
    padding: 0 0 1em;
    border-bottom: 1px solid #ccc;
}
#orderBuildingVertical > ul > li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
#orderBuildingVertical .productPreview {
    float: none;
    height: auto !important;
    margin: 0 13px;
    min-height: inherit;
    width: auto;
}
#orderBuildingVertical .productPreviewImage a {
    display: block;
    position: relative;
}
#orderBuildingVertical .productPreviewImage img + img {
    border: none;
    bottom: 0;
    left: 0;
    position: absolute;
    max-width: 50%; /* reduce overall size of graphic */
}
#orderBuildingVertical .productPreviewText {
    float: none;
    min-height: inherit;
    width: auto;
}
#orderBuildingVertical .productPreviewText > ul {
    margin: 0 0 0.5em;
    padding: 0 0 0 1em;
    font-size: 12px;
}
#orderBuildingVertical .productPreviewText > p {
    font-size: 14px;
    font-weight: bold;
    margin: 0.25em 0 0.5em;
    padding: 0;
}
#orderBuildingVertical .productPreviewText a {
    display: block;
    text-decoration: none;
}
#orderBuildingVertical > ul > li .productPreview:before {
    display: block;
    background: #666;
    line-height: 2;
    text-align: center;
    font-weight: bold;
    color: #fff;
    border-radius: 2px;
    margin: 0 0 0.5em;
    font-size: 14px;
}
#orderBuildingVertical > ul > li:nth-child(1) .productPreview:before {
    content: "Amazing Offers!";
}
#orderBuildingVertical > ul > li:nth-child(2) .productPreview::before {
    content: "Must Have!";
}
#orderBuildingVertical > ul > li:nth-child(3) .productPreview::before {
    content: "Don\0027t Miss Out!";
}
/* Quick View (Order Building Modal) */
#jdwModalHeader.orderBuildingHeader {
    background: url("//images2.drct2u.com/content/common/images/orderBuilding/ob-fantastic-deals-header.png") no-repeat 0 0;
    border-radius: 0.75em 0.75em 0 0;
}
/* Credit Upsell */
a#creditUpsellBanner {
    width: 514px;
}/* complete : css/viewbag/desktop/viewbag.css*/


/* combine : /css/common/modal2.css*/


@charset "UTF-8";
.webToolkit {
    overflow: auto;
}
#jdwModalCloseGlobal {
    background-color: #FFF;
    border-bottom: 3px solid #CCCCCC;
    border-left: 3px solid #CCCCCC;
    border-radius: 0 0 10px 10px;
    border-right: 3px solid #CCCCCC;
    display: none;
    height: 40px;
    margin: 0;
    opacity: 1;
    padding: 0 8px 0 0;
    position: fixed;
    right: 10px;
    top: 0;
    width: 90px;
    z-index: 10010;
}
#jdwModalCloseGlobal a {
    background: url("//images2.drct2u.com/content/common/images/commongui/modal-close-cross.gif") no-repeat scroll right top transparent;
    color: #000;
    display: block;
    margin: 5px 0;
    padding: 5px 25px 10px 0;
    text-decoration: none;
}
body #jdwModalBackground {
    background: none repeat scroll 0 0 #000;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9500;
}
#jdwModalBorder {
    background-color: #FFF;
    border: 3px solid #A2A2A2;
    border-radius: 1em 1em 1em 1em;
    box-shadow: 5px 5px 10px 7px #333232;
    display: none;
    left: 50%;
    position: fixed;
    top: 50%;
    z-index: 9600;
}


#jdwModalOuterContent {
    overflow: visible;
    padding-bottom: 10px;
    padding-top: 0;
    position: relative;
}
#jdwModalContent {
    background-color: #FFF;
    height: 100%;
    width: 100%;
    z-index: 10000;
}
#jdwModalHeader {
    display: inline-block;
    height: 40px;
    margin: 0;
    width: 100%;
}
#jdwModalTitle {
    float: left;
    font-size: 1.7em;
    line-height: normal;
    margin: 0 0 0 13px;
    text-align: left;
}
#jdwModalFooter {
    overflow: hidden;
}
#jdwModalClose {
    float: right;
    line-height: normal;
    margin: 5px 5px 0 0;
    text-align: left;
}
#jdwModalClose a {
    background: url("//images2.drct2u.com/content/common/images/commongui/modal-close-cross.gif") no-repeat scroll right top transparent;
    color: #000;
    display: block;
    margin-left: 10px;
    padding: 5px 40px 25px 10px;
    text-decoration: none;
}
/* complete : /css/common/modal2.css*/


/* combine : /css/common/flexslider.css*/
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 * Modified for JDW
 * removed -webkit-backface-visibility: hidden; :: causing invisible 
 * recommendations on ipad.
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
/* JDW removed -webkit-backface-visibility: hidden; */
.flexslider .slides > li {display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%!important;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.flexslider .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; position: absolute; cursor: pointer; opacity: 1; -webkit-transition: all .3s ease;}

.flex-direction-nav .flex-prev:after { content: "<"; padding: 8px 11px 9px 9px; left: 10px; }
.flex-direction-nav .flex-next:after { content: ">"; padding: 8px 9px 10px 12px; right: 10px; }

/* DONT NOT increase the line height above 22px - the anchor tage will lose clickability ?!?!?!?! */
.flex-direction-nav .flex-next:after, .flex-direction-nav .flex-prev:after {border-radius: 26px 26px 26px 26px;	color: #FFFFFF;	float: right;	
	background-color: #000;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {display: none;}



/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
.carouselContainer .prouductPreviewImage > a {
    display: block;
    height: 130px;
}
/* complete : /css/common/flexslider.css*/


/* combine : /css/common/desktop/flexslider-desktop.css*/
/* Affinity Wrapper */

.affinityWrapper {
    margin: 1.5em 0;
    clear: both;
}
.automatedAffinities {
    display: none;
}
/* Carousel Container */
.carouselContainer:before,
.carouselContainer:after {
    display: table;
    content: " ";
} 
.carouselContainer:after {
    clear: both;
}
.carouselContainer {
    *zoom: 1;
    clear: both;
    float: none;
    border: 1px solid #DDD;
    padding: 0 0 0.5em;
}
.carouselContainer ul {
    list-style: none;
    margin: 0;
    padding: 0 48px; /* standard. reset for active (flexslider) carousels */
}
.carouselContainer li {
    float: left;
    width: 124px;
    margin: 0;
    min-height: 0;
    height: auto !important;
}
.carouselContainer .productPreview {
    min-height: 0;
    width: auto;
    margin: 0 5px;
}
.carouselContainer .productPreview > div {
  margin: 0 0 0.5em;
  width: auto;
  min-height: 0;
}
.carouselContainer .productPreview,
.carouselContainer .productPreview > div {
  min-height: 0;
  float: none;
  position: static;
}
.carouselContainer .productPreviewText {
	text-align: left;
}
.carouselContainer p {
    margin: 0 0 0.25em;
    padding: 0;
    font-size: 11px;
    line-height: 1.25;
    font-weight: normal;
}
.carouselHeader {
    color: #900;
    font-size: 14px;
    font-weight: bold;
    padding: 4px;
    margin: 0 0 0.5em;
    border-bottom: 1px solid #DDD;
    background: #f4f4f4; /* Old browsers */
}

/* May We Suggest specific styling */

#mayWeSuggest .carouselHeader {
  color: #000;
}

/* Flexslider */

.flexslider {
    background: transparent none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 1em 0;
    padding: 0 50px; /* Pad sides away from control arrows */
}
.flex-viewport {
    min-width: 90px;
}
.inactive .flex-viewport {
    margin: 0;
}
.flexslider a {
    display: block;
}
.flexslider .slides {
    margin: 0;
    padding: 0;
}

.flexslider .slides img {
    border: none;
    display: block;
}

/* Flex Direction Nav (List Items) */

.flex-direction-nav {
    margin: 0;
    padding: 0;
}
.flexslider .flex-direction-nav li,
.flexslider .flex-direction-nav a {
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
}
.flex-direction-nav li {
    float: none;
    position: absolute;
    top: 30%;
    bottom: auto;
    min-height: 30px;
    background: transparent none;
}
.flexslider .flex-direction-nav a {
    -webkit-transition: 0;
    -moz-transition: 0;
    -o-transition: 0;
    transition: 0;
}
/* Carousel Control (Previous [Default Horizontal/Left] */
.flex-direction-nav .flex-control-prev {
    left: 6px;
    right: auto;
}
/* Carousel Control (Next [Default Horizontal/Right] */
.flex-direction-nav .flex-control-next {
    right: 6px;
    left: auto;
}
/* Flex Direction Nav (Links) */
.flex-direction-nav a {
    display: block;
    background: transparent url("//images2.drct2u.com/content/common/images/commongui/carouselControlArrowsRR.png") no-repeat 0 0;
}
.flex-direction-nav .flex-prev {
    background-position: 0 0;
}
.flex-direction-nav .flex-prev:hover {
    background-position: 0 -30px;
}
.flex-direction-nav .flex-next {
    background-position: -30px 0;
}
.flex-direction-nav .flex-next:hover {
    background-position: -30px -30px;
}
.flexslider .flex-direction-nav .flex-disabled {
    display: none !important; /*this overrides the inline display;block when the scroll arrow reaches the end of the carousel*/
}
.flex-direction-nav .flex-prev:after,
.flex-direction-nav .flex-next:after {
    /* Turn off generated content and other properties */
    content: "";
    padding: 0;
    position: fixed;
    background: transparent none;
    float: none;
}
/* Specific Page Usage (Landing Pages) */
#landingPageContent .flexslider .slides > li {
    width: 116px;
}
#landingPageContent .flexslider .slides .thumb {
	height: 123px;
}
/* Specific Page Usage (No Search Results) */
#noResultsContainer .carouselHeader {
    background: #CCC; /* Solid Colour Fallback */
    background: linear-gradient(to right, #CCC 50%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCC', endColorstr='#fff',GradientType=1 ); /* IE6-9 */
}
#jdwAffinities .productTitle, 
#jdwAffinities .wasPriceFormat, 
#jdwAffinities .salePrice,
.affinityWrapper .productTitle, 
.affinityWrapper .wasPriceFormat, 
.affinityWrapper .salePrice {
    display: none;
}
/* complete : /css/common/desktop/flexslider-desktop.css*/


/* combine : css/common/desktop/jcarousel.css*/
/* JCAROUSEL SKIN: standard
--------------------------------------*/
.jcarousel-skin-standard { 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.jcarousel-skin-standard a,
.jcarousel-skin-standard a:hover {
    text-decoration: none;
}
.jcarousel-skin-standard .jcarousel-direction-rtl {
    direction: rtl;
}
.jcarousel-skin-standard .jcarousel-container-horizontal {
    width: 372px;
    padding: 0 48px;
}
.jcarousel-skin-standard .jcarousel-container-vertical {
    width: 82px; /* image width + border */
    height: 348px;
}
.jcarousel-skin-standard .jcarousel-clip {
    overflow: hidden;
}
.jcarousel-skin-standard .jcarousel-clip-horizontal {
    width: 372px;
}
.jcarousel-skin-standard .jcarousel-clip-vertical {
    width: 82px;
    height: 345px;
    margin: 45px 0;
}


.jcarousel-skin-standard .jcarousel-item {
    width: 75px; /* match image dimensions */
    height: auto !important;
    padding: 0;
}
.jcarousel-skin-standard .jcarousel-item img {
    height: 80px;
    width: auto;
}
.jcarousel-skin-standard .jcarousel-clip-vertical .jcarousel-item {
    height: 77px;
}
.jcarousel-skin-standard .jcarousel-item-horizontal {
    width: 124px;
}
.jcarousel-skin-standard .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 5px;
}
.jcarousel-skin-standard .jcarousel-item-vertical {
    margin-bottom: 5px;
}
.jcarousel-skin-standard .jcarousel-item-placeholder {
    background: #FFF;
    color: #000;
}
/**
 *  All Buttons 
 *  Shared Properties: Dimensions, Position + Background
 */
.jcarousel-skin-standard .jcarousel-next-horizontal,
.jcarousel-skin-standard .jcarousel-prev-horizontal,
.jcarousel-skin-standard .jcarousel-next-vertical,
.jcarousel-skin-standard .jcarousel-prev-vertical {
    background: transparent url("//images2.drct2u.com/content/common/images/commongui/carouselControlArrows.png") no-repeat 0 0;
    position: absolute;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-standard .jcarousel-next-horizontal {
    top: 47px;
    right: 5px;
    background-position: -30px 0;
}
.jcarousel-skin-standard .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
}
.jcarousel-skin-standard .jcarousel-next-horizontal:hover,
.jcarousel-skin-standard .jcarousel-next-horizontal:focus {
    background-position: -30px -30px;
}
.jcarousel-skin-standard .jcarousel-next-horizontal:active {
    background-position: -30px -60px;
}
.jcarousel-skin-standard .jcarousel-next-disabled-horizontal,
.jcarousel-skin-standard .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-standard .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-standard .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -30px 30px;
}
.jcarousel-skin-standard .jcarousel-prev-horizontal {
    top: 47px;
    left: 5px;
    background-position: 0 0;
}
.jcarousel-skin-standard .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
}
.jcarousel-skin-standard .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-standard .jcarousel-prev-horizontal:focus {
    background-position: 0 -30px;
}
.jcarousel-skin-standard .jcarousel-prev-horizontal:active {
    background-position: 0 -60px;
}
.jcarousel-skin-standard .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-standard .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-standard .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-standard .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 30px;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-standard .jcarousel-next-vertical {
    left: 21px; /* carousel width [72px] - control button [30px], divided by 2. */
    background-position: -90px 0;
    top: 345px;
}
.jcarousel-skin-standard .jcarousel-next-vertical:hover,
.jcarousel-skin-standard .jcarousel-next-vertical:focus {
    background-position: -90px -30px;
}
.jcarousel-skin-standard .jcarousel-next-vertical:active {
    background-position: -90px -60px;
}
.jcarousel-skin-standard .jcarousel-next-disabled-vertical,
.jcarousel-skin-standard .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-standard .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-standard .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: -90px 30px;
}
.jcarousel-skin-standard .jcarousel-prev-vertical {
    top: -32px;
    left: 26px; /* carousel width [72px] - control button [30px], divided by 2. */
    background-position: -60px 0;
}
.jcarousel-skin-standard .jcarousel-prev-vertical:hover,
.jcarousel-skin-standard .jcarousel-prev-vertical:focus {
    background-position: -60px -30px;
}
.jcarousel-skin-standard .jcarousel-prev-vertical:active {
    background-position: -60px -60px;
}
.jcarousel-skin-standard .jcarousel-prev-disabled-vertical,
.jcarousel-skin-standard .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-standard .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-standard .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: -60px 30px;
}

/* PROD-610: Correctly size product preview images on jcarousels */
.jcarousel-skin-standard .productPreview .productPreviewImage img.thumb {
    width: 100%;
    border: none;
    display: inline;
    height: auto;
}

/* Quick View Modal carousel (horizontal)
--------------------------------------*/
.productDetailsQuickView .jcarousel-skin-standard .jcarousel-container-horizontal {
    width: 312px;
    padding: 0 32px;
}
.productDetailsQuickView .jcarousel-skin-standard .jcarousel-clip-horizontal {
    width: 312px;
}
.productDetailsQuickView .jcarousel-skin-standard .jcarousel-next-horizontal {
    right: 0;
}
.productDetailsQuickView #horizontalAltNav .altProductPhotos li {
    margin: 0 3px 10px;
}/* complete : css/common/desktop/jcarousel.css*/


/* combine : css/productdetails/redesign/productDetailsBody.css*/
/*
EDITS:
/*
28.10.14 - TP210    1) Remove class container for #prodDetailsReviewContainer and addded .bv-tabs, .bv-nav-tabs, .bv-tab-content to hold new Bazaar Voice reviews system
21.08.14 - MKM1B    1) Add new class container for #prodDetailsReviewContainer to hold new Bazaar Voice reviews system
04.04.13 - ITAZC    1) ADDED extra properties to cover the addition of Quick View Modal for Order Building
24/02/2014 TPM2R    1) Added styles for 'show all' button on productdetails page, #stack-833
03.12.13 - MB       1) Changes made for release P-1-2013-11-25-fsiContentTweaksProdV1
20.09.13 - MB       1) Changed width values on thumb images for FSI release
04.09.13 - ITJXP -  1) ADDED "productDetailsBody.css specific styles"
04.09.13 - ITAZC -  1) REMOVED all carouselContainer/affinty related styles and placed them in flexslider-desktop, to be used more globally.
30.08.13 - ITAZC -  1) REMOVED carousel-related styles, as they need to be portable throughout the site instead. Moved to flexslider-desktop.css
05.07.13 - ITAZC -  1) ADDED padding left/right to #breadcrumb area, so that element doesn't meet side of the viewport (non optimised tablet).
04.07.13 - ITAZC -  1) CHANGED min-height of .carouselContainer .productPreview (Bug TABLET-2457).
                    2) ADDED background colour to #outerPageContainer (Bug TABLET-2455).
03.07.13 - ITAZC -  1) CHANGED #productDescription ul left padding so that list item bullets are visible in IE. (Bug TABLET-2375).
                    2) REMOVED 'block' display declaration from #brandLogoContainer img, was pushing the layout out in IE. (Bug TABLET-2426).
                    3) ADDED (copied over) #copyWasPriceContainer styles from production (Bug TABLET-2436).
02.07.13 - ITAZC -  1) CHANGED alt image heights (88px to 75px). Maintains aspect ratios better.
20.06.13 - ITAZC -  1) ADDED micro clearfix properties to clear floats in #productDescription tab
                    2) REMOVED width from #brandLogoContainer
                    3) CHANGED em.productWasPrice to have a normal font-style (not italic). (Bug CMSRTHREE-915)
20.06.13 - ITJXP -  1) ADDED height to #quickViewFrame
19.06.13 - ITAZC -  1) CHANGED #wishListButton background position. (Bug CMSRTHREE-912).
14.06.13 - ITJ1R -  1) CHANGED bug fix below as broke on Safari
14.06.13 - ITAZC -  1) CHANGED #addThisContent and #whichSocialContent properties. (Bug CMSRTHREE-858).
13.06.13 - ITAZC -  1) ADDED bottom margin to .sizeGuideButtonContainer (Bug CMSRTHREE-866)
12.06.13 - ITJXP -  1) Removed margin and bottom padding on .carouselContainer (Bug CMSRTHREE-679)
                    2) Removed bottom margin on .carouselContainer li
11.06.13 - ITJXP -  1) Removed width on .control-group#sizeOption, was puching size dropdown out of line
11.06.13 - ITAZC -  1) ADDED top padding to carouselContainers.
                    2) ADDED additional styles to #personalisationRequired #controls (button container) to make it appear similar to live.
10.06.13 - IJR1R -  1) Removed width from Checkout button, changed btnIcon bgnd pos on button
10.06.13 - ITAZC -  1) CHANGED #sizeGuideButton a background image repeat and padding.
                    2) CHANGED top margins for .carouselContainer (Bug CMSRTHREE-837)
07.06.13 - ITJXP -  1) ADDED max-height to #merchandiseIncentiveProductsPanel > div
                    2) ADDED #whichSocialContent to #addThisContent styles
07.06.13 - ITAZC -  1) ADDED override styles to #promotions p.moreColours to remove small-caps and colour treatment.
06.06.13 - ITJXP -  1) ADDED addThisContent and added width styles to .twitter-share-button and .addthis_button_facebook_like
06.06.13 - ITAZC -  1) CHANGED #merchandiseIncentiveProductsPanel > div min-height fast-hack height issues CMSRTHREE-596.
                    2) ADDED back in height: auto to images in #promotions so they scale (respecting aspect ratio). Part of bug CMSRTHREE-596
                    3) CHANGED border from promotions tab image. Applied to it's parent .productPreviewImage instead. CMSRTHREE-596
04.06.13 - ITAZC -  1) ADDED QuickView-specific styles. Adjusted widths in body, .leftside/.rightside.
                    2) ADDED #horizontalAltNav clear and overflow so alt thumbnails will flow beneath main image.
                    3) ADDED bottom margin to .productPhotoWrapper (quick view modal)
31.05.13 - ITAZC -  1) CHANGED tab colours (including #promotionsTab) to match tablet.
29.05.13 - ITJXP -  1) hidden p.productTitle, p.wasPriceFormat, p.salePrice, #promotions .rating to reduce multibuy height
                    2) reduced #merchandiseIncentiveProductsPanel > div height
                    3) reduced margin on #merchandiseIncentiveProductsPanel > div
22.05.13 - ITJXP -  1) added styles to .moreInfoIFrame
22.05.13 - ITAZC -  1) CHANGED #mayWeSuggest .productPreview to .carouselContainer .productPreview (so it includes recently viewed)
                    2) ADDED extra paragraph styles to affinities and recently view carousel. Font-sizes, line heights and widths.
                    3) ADDED #affinityWrapper height.
                    4) REMOVED height: auto from product promotions tab images.
21.05.13 - ITJXP -  1) added #jdwModalOuterContent h1 font size 20px
                    2) added dispay none to p.moreColours, #promotions .rating
                    3) #merchandiseIncentiveProductsPanel > div height 20px
21.05.13 - ITAZC -  1) REMOVED #promotionsTab colour. This should be styles by the respective brands. JIRA BUG: CMSRTHREE-595.
16.05.13 - ITJXP -  1) ADDED Personalisation model styles
15.05.13 - ITAZC -  1) ADDED specific styles to reduce height of product fragment within #mayWeSuggest.
08.05.13 - ITAZC -  1) ADDED padding for #fadeMsgBox
07.05.13 - ITAZC -  1) CHANGED removed border for #promotionsTab
07.05.13 - ITJAP -  1) ADDED styles to remove scrollbars on product quick view modals.
03.05.13 - ITAZC -  1) CHANGED #promotionsTab position so promo tab can be styled easier.
02.05.13 - ITAZC -  1) ADDED cut off "Read Reviews" part where reviews appear in modals.
                    2) CHANGED min-height for product incentives tab divs. 
                       Extra height to prevent wrapping cause by fragments with excessive height.
01.05.13 - ITAZC -  1) ADDED #promotionalLogo positioned correctly, similar to brand logos.
30.04.13 - ITAZC -  1) CHANGED sprite files and positions, as well as adding Express Delivery (not to be confused with Direct Express).
                    2) CHANGED .ico file on main image hover. IE triggers a double-size version. Replaced by cursor file (.cur).
23.04.13 - ITAZC -  1) CHANGED #merchandiseIncentiveProductPanel > div min-height and margins.
23.04.13 - ITAZC -  1) ADDED margins and image (thumb) borders for promotion tab content (supports 4 fragments per line)
22.04.13 - ITAZC -  1) ADDED text-align center trick on quick view modal body to counter IE bug with auto margins (centering) not working.
                    2) CHANGED #zoomifyImage properties to stop flash-upgrade message from showing in odd places.
                    3) REMOVED loading of @font-face. It was not required so its removal speeds up the site.
15.03.13 - ITJAP -  1) ADDED heart to #wishListBtn a
                    2) HIDDEN .buttonCapLt and .buttonCapRt styles
15.03.13 - ITAZC -  1) CHANGED personalisation styles (width of input) to match amended HTML.
                    2) ADDED width to productPhotoWrapper (without it the div drops below the carousel).
                    3) CHANGED delivery icon table. Text in header is now left aligned.
13.03.13 - ITJXP -  1) ADDED #prodImagePanelEmbeddedVideo styles
                    2) ADDED #videoModalContainer #videoNote styles
12.03.13 - ITAZC -  1) ADDED #prodImageZoomify p (no flash warning)
                    2) ADDED #prodImageLinkSeparator colour
06.03.13 - ITAZC -  1) ADDED quantity field select width; 
28.02.13 - ITJXP -  1) ADDED chrome specific height #prodImagePanelMainContainer 
*/

/* productDetailsBody.css specific styles */

.flex-direction-nav .flex-control-next {     
    margin: 0px !important;
}
#affinities3 .carouselHeader {
      color: #000 !important;
    }


/* Breadcrumbs */
#breadCrumbs ul:before,
#breadCrumbs ul:after { 
    display: table;
    content: " ";
}
#breadCrumbs ul:after { 
    clear: both;
}
#breadCrumbs {
    *zoom: 1;
    clear: both;
    float: none;
    margin: 4px 10px;
    padding: 0 10px;
    border: none;
    /*
    position: relative;
    top: 5px;
    */
}
#breadCrumbs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    *zoom: 1;
}
#breadCrumbs li {
    float: left;
    font-size: 0.75em;
}
#breadCrumbs li a.backLink {
    background: url("//images2.drct2u.com/content/common/images/commongui/pd_backArrow.png") no-repeat left;
    padding-left: 25px;
    font-size: 14px;
}
#breadCrumbs a {
    display: block;
    padding: 5px 11px;
}
#breadCrumbs a:link,
#breadCrumbs a:active,
#breadCrumbs a:visited {
    color: #898787;
}
/* Layout */
.productDetailsPage {
    font-size: 12px;
    width: 960px;
    margin: 0 auto;
}
#productContainer:before,
#productContainer:after {
    content: " "; /* micro-clearfix [1] */
    display: table; /* micro-clearfix [2] */
}
#productContainer:after {
    clear: both; /* part of micro-clearfix [3] */
}
#productContainer {
    font-size: 0.75em; /* 12px */
    width: 960px;
    margin: 0 auto;
    text-align: left;
    *zoom: 1; /* micro-clearfix [4] */
}
.leftSide {
    float: left;
    margin: 0 10px 2em 0;
}
.rightSide {
    float: right;
    margin: 0 0 2em 10px;
    position: relative;
}
.leftSide,
.rightSide {
    width: 470px;
}
.leftSide p,
.rightSide p {
    padding: 0;
}
.productPrice {
    font-size: 11px;
    font-weight:bold;
}

.priceInfo p {
    font-size: 14px;
}

#careLogoContainer {
    margin-left: 1em;
    margin-bottom: 0.56em;
}

#productDescription ul li {
    font-size: 1.15em;
    margin-bottom: 1em;
}



/* Product Headings */
.productHeading {
    margin: 0 0 10px;
}
/* Product Title */
.productHeading h1 {
    color: #000;
    font-size: 1.75em; /* 21px */
    margin: 0 0 0.3em;
    line-height: 1.25;
}
/* Product Code */
.productHeading h2 {    
    margin: 0 0 0.7em;
    color: #000;
    font-size: 1em;
    font-weight: bold;
}
.productHeading h3 {
    font-weight: bold;
}
h2.productPrice {
    color: #093;
}
.priceRange {
    color: #23842C;
    font-size: 1.5em; 
}
.savePriceRange {
    color: #F00;
    font-size: 1.5em;
}
em.productWasPrice {
    text-decoration: line-through;
    font-style: normal;
}
/* Images */
#biggerImageBtn { 
    border-top: 3px solid black;
    border-bottom: 3px solid black;
    padding: 10px 0;
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
    color: white;
    background: #9CC;
}
.mainImage, .productPhoto > img {
   border: none;
    max-height: 462px;
    max-width: 375px;
    /*position: absolute;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -ms-interpolation-mode: bicubic;
}
/* Turn off product overlay graphics */ 
img.overImg,
img.overImgTopRight {
    display: none;
}
/* Add to Bag (Inner) */
#atbInner:before,
#atbInner:after {
    content: " ";
    display: table;
}
#atbInner:after {
    clear: both;
}
#atbInner {
    clear: both;
    background-color: #E2F6E0;
    padding: 10px;
    margin: 0 0 10px;
    border-radius: 3px;
    border: 1px solid #D6E6D5;
    *zoom: 1;
}
/* Add to Bag (Form Layout) */
.control-group:before,
.control-group:after {
    content: " ";
    display: table;
}
.control-group:after {
    clear: both;
}
.control-group {
    margin: 0 0 15px;
    clear: both !important;
    *zoom: 1;
}

#atbInner label {
    clear: both;
    float: left;
    display: block;
    width: 90px;
    padding: 0;
    margin: 0 10px 0 0;
    font-weight: bold;
}
#atbInner select {
    width: auto;
    font-size: 12px;
}
#prodItemPrice {
    margin: 0 0 10px;
}
/* Personalise */
#personalisationInput {
    width: 250px;
    max-width: 97%;
    box-sizing: border-box;
    border-radius: none;
}
#fadeMsgBox {
    color: #000;
    padding: 0 0 0 100px;
}
.fadeMsgBox {
    float: none;
    overflow: auto;
}
.sizeGuideButtonContainer {
    margin-bottom: 0.5em;
}
#sizeGuideButton a {
    padding-bottom: 6px;
    background: transparent url("//images2.drct2u.com/content/images/productdetails/sizeGuideMeasureIcon.png") repeat-x center bottom;
    *zoom: 1; /* required for IE (background image disappearing on inline links bug) */
}
#stockMessage {
    text-align: left;
    font-weight: bold;
}
/* Personalisation */
.personalInstruct {
    display: block;
    font-size: 0.75em;
}
#totalPrice {
    font-weight: bold;
    float: left;
    padding: 0;
    color: #093;
    font-size: 1.3333333em; /* 16px */
}
#deliverySupp {
    margin-right: 5px;
    clear: left;
}
#deliverySupp p {
    margin-right: 5px;
    clear: left;
}
#deliverySuppCharge {
    color: #093;
}
/* Add to Bag (Buttons) */
.btnHolder {
    position: relative;
    z-index: 1; /* Low z-index to avoid IE layout issues */
}
#addToBagBtn, #continueToCheckout {
    float: right;
    *zoom: 1;
}
#addToBagBtn .btnHolder {
    margin: 0;
}
#addToBagBtn .buttonCapLt,
#addToBagBtn .buttonCapRt {
    display: none;
}
#addToBagBtn .btnHolder a,
#continueToCheckout .btnHolder a {
    *zoom: 1;
    font-size: 1.16667em; /* 14px equiv. */
    display: block;
    *display: inline; /* the button expands to 100% width in IE otherwise */
    font-weight: bold;
    text-align: center;
    padding: 5px 38px 5px 10px;
    border-radius: 3px;
    text-decoration: none;
    color: #FFF;
    border: 1px solid #247694;
    /* CSS Gradients (Light Green [#33cc33] to Dark Green [#339933]) */
    background: #33cc33; /* Old browsers */
    background: -moz-linear-gradient(center top, #C9F393 11%, #3A981E 100%) repeat scroll 0 0 transparent; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C9F393), color-stop(100%,#3A981E)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #C9F393 0%, #3A981E 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #C9F393 0%, #3A981E 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #C9F393 0%, #3A981E 100%); /* IE10+ */
    background: linear-gradient(to bottom, #C9F393 0%, #3A981E 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C9F393', endColorstr='#3A981E',GradientType=0 ); /* IE6-9 */
}
#addToBagBtn .btnHolder a:hover,
#addToBagBtn .btnHolder a:focus,
#continueToCheckout .btnHolder a:hover,
#continueToCheckout .btnHolder a:focus {
    *zoom: 1;
    text-decoration: underline;
    color: #FFF;
    border-color: #247694;
    /* CSS Gradients (Lighter Green [#33ff33] to Light Green [#33cc33]) */
    background: #33cc33; /* Old browsers */
    background: -moz-linear-gradient(top, #CCF696 0%, #44A228 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCF696), color-stop(100%,#44A228)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #CCF696 0%, #44A228 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #CCF696 0%, #44A228 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #CCF696 0%, #44A228 100%); /* IE10+ */
    background: linear-gradient(to bottom, #CCF696 0%, #44A228 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCF696', endColorstr='#44A228',GradientType=0 ); /* IE6-9 */
}

.btnIcon {
    position: absolute;
    top: 2px;
    right: 2px;
    height: 27px;
    width: 27px;
    z-index: 1;
    background: url("//images2.drct2u.com/content/common/images/commongui/prodAddToBagTick.png") no-repeat 50% 50%;
}
#continueToCheckout .btnHolder a {
    margin: 0 auto;
}
/* Other Product Buttons and Warranty */
.otherProdButtons {
    float: right;
    text-align: right;
    clear: right;
}
.otherProdButtons a {
    color: #185b86;
}
#wishListBtn .buttonCapLt,
#wishListBtn .buttonCapRt {
    display: none;
}
#wishListBtn a {
    background: url("//images2.drct2u.com/content/images/productdetails/wishListHeart.png") no-repeat left center;
    padding-left: 15px;
}
#prodQuantity {
    float: left;
    margin-right: 10px;
}

#prodQuantity label{
  display: block;
  text-align: left;
  margin-right: 15px !important;
  height: 23px;
}

.control-group-quantity .controls{
    margin-left:0 !important;
}
.control-group-quantity select{
  line-height: 23px;
  background-size: 9px;
  background-image: url(https://images2.drct2u.com/content/common/images/commongui/svg/icons_dropdown-black.svg);
  background-position: right 10px center;
  max-width: 100px;
  border: 1px solid #666666;
  width: 45px !important;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  float: right;
  background-repeat: no-repeat;
    font-size: 16px !important;
    
}

.jdwModal-multibuy .control-group-quantity select, .jdwModal-multisavings .control-group-quantity select, .jdwModal-quickview .control-group-quantity select{
    margin-left:-5px;
}

#totalPriceCont {
    overflow: visible;
}
/* Tabs */
#productTabs {
    margin: 20px 0;
}
#myTab {
    padding: 0;
    margin: 0;
}
#myTabContent {
    clear: both;
    margin: 0;
    padding: 10px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
/* Tabbed Nav */
.nav-tabs:before,
.nav-tabs:after {
    content: " ";
    display: table;
}
.nav-tabs:after {
    clear: both;
}
.nav-tabs {
    *zoom: 1;
    border-bottom: 1px solid #ddd;
    list-style: none;
}
.nav-tabs > li {
    float: left;
    display: block;
    margin-top: 3px;
    padding-bottom: 0;
}
.nav-tabs > li > a {
    display: block;
    outline: none; /* remove dotted outline around tab done by browser on default */
    padding-top: 7px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-left: 10px; 
    margin-top: 5px;
    margin-right: 4px;
    color: #666;
    background: #f4f4f4;
    border: 1px solid #ddd;
    font-weight: bold;
    line-height: 18px;
}
.nav-tabs > li > a:hover {
    background: #fff;
}
/* Active Tab */
.nav-tabs > li.active {
    margin-bottom: -1px;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
    color: #000;
    padding-bottom: 13px;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom: none;
    text-decoration: none;
}
.nav-tabs > li#promotionsTab a,
.nav-tabs > li#promotionsTab a:hover,
.nav-tabs > li#promotionsTab.active > a,
.nav-tabs > li#promotionsTab.active > a:hover {
    color: #C00;
}

/* Tab Content (Panels) */
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
.tab-content {
    padding: 1em;
    border: 1px solid #CCC;
    border-top: none;
}
/* Product Description (Product Details Tab) */
#productDescription {
    margin: 10px;
    *zoom: 1;
}
#productDescription:before,
#productDescription:after {
    display: table;
    content: " ";
}
#productDescription:after {
    clear: both;
}
#productDescription ul {
    margin: 0;
    padding: 0 1.5em;
}
/* Product Logo (Product Details Tab) */
#brandLogoContainer {
    float: right;
    clear: right;
    margin: 0 0 1em 1em;
}
#brandLogoContainer img {
    margin: 0 auto 5px;
}
#copyWasPriceContainer {
    border: 2px solid #DEDCDC;
    margin: 1em 0.5em;
    padding: 0.25em 0.25em 0.25em 1em;
}
#copyWasPriceContainer span {
    color: #F00;
    font-weight: bold;
}
/* Delivery Options Table (Delivery-Returns Tab) */
.deliveryOptions {
    border-collapse: collapse;
    border: 1px solid #ddd;
    margin: 20px auto;
}
.deliveryOptions thead th {
    background: #cccccc; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMSI   vPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
}
.deliveryOptions th,
.deliveryOptions td {
    padding: 5px;
    border: 1px solid #ddd;
    text-align: left;
}
/* Delivery Options Table (Delivery Type Icons) */
.deliveryTypeIcon {
    display: block;
    margin: 5px;
    width: 120px;
    height: 30px; /* most of em are this high, only specify the exceptions */
    text-indent: 100%; /* hide the text */
    overflow: hidden; /* hide the text */
    white-space: nowrap; /* hide the text */
    background: url("//images2.drct2u.com/content/images/productdetails/deliveryTypeIcons.all.sprite.v3.png") no-repeat 0 0;
}
.deliveryTypeIcon.standardDelivery {
    background-position: 0 0;
}
.deliveryTypeIcon.expressDelivery {
    background-position: 0 -32px;
}
.deliveryTypeIcon.nextDayDelivery {
    background-position: 0 -64px;
    height: 45px;
}
.deliveryTypeIcon.nominatedDayDelivery {
    background-position: 0 -158px;
}
.deliveryTypeIcon.clickToCollect {
    background-position: 0 -135px;
}
.deliveryTypeIcon.c2c {
    background-position: 0 -188px;
}
.deliveryTypeIcon.byBox {
    background-position: 0 -218px;
    height: 25px;
}
.deliveryTypeIcon.hps {
    background-position: 0 -276px;
}
.deliveryTypeIcon.directExpressDelivery {
    background-position: 0 -244px;
}

#delivery-info p, #returns-info p {
    font-size: 13px;
}

/* Incentive Copy */
.IncentiveCopy {
    font-weight: bold;
}
.IncentiveCopy a {
    text-decoration: underline;
}
/* Returns */
#productReturnsContent p {
    margin-bottom: 10px;
}
/* Latest Offers */
#prodItem img {
    width: 100%;
}
.productIncentiveSpecialOffer {
    display: none;
}
/* Product Promotions */
#merchandiseIncentiveProductsPanel:before,
#merchandiseIncentiveProductsPanel:after {
    display: table;
    content: " ";
}
#merchandiseIncentiveProductsPanel {
    *zoom: 1;
    overflow: auto;
}
#merchandiseIncentiveProductsPanel > div {
    position: relative;
    display: inline-block;
    *display: inline; /* For IE */
    vertical-align: top;
    *min-height: 14em; 
    *max-height: 16em;
    *height: auto !important;
    *height: 15em;
    margin: 0 1% 0.5em;
    width: 23%; /* 4 items per row */
    float: left;
    overflow:hidden;
}
#promotions p {
    margin-bottom: 3px;
}
#promotions .moreColours {
    color: #666666;
    font-variant: normal;
}
#promotions .productPreview {
    text-align: left;
    color: #000;
    width: 100%;
    float: none;
    min-height: 16.5em;
    line-height: 1.25;
}
.productPreviewImage {
    text-align: center;
}
#promotions .productPreviewImage {
    margin: 0 0 0.5em;
}
#promotions .productPreviewImage a {
    display: block;
    vertical-align: bottom;
}
#promotions img.thumb {
    max-width: 100%;
    height: auto; /* maintains aspect ratio */
    display: block; /* removes whitespace */
}
#promotions .productPreviewText {
    min-height: 5em !important;
    width: 100%;
}
p.moreColours {
    font-size: 11px !important;
}
/* Hidden to reduce height of productPreviewWrapper */
#promotions .productTitle,
#promotions .wasPriceFormat,
#promotions .salePrice,
#promotions .rating {
    display: none;   
}
#promotions p {
    color: #000;
}
#promotions h3 {
    font-size: 1em !important;
    color: #000;
    font-weight: normal;
}
/* Product Reviews */
.pr-snippet p {
    font-size: 13px;
}
/* More Info */
#moreInfoLinkContainer {
    margin: 10px 0;
}
#moreInfoLinkContainer a {
    text-decoration: underline;
    font-weight: bold;
}
/* Social Icons */
.productPhotoWrapper {
    border: 1px solid #ddd;
    float: right;
    width: 376px;
}
#prodImagePanelMainContainer,
.jdwModal-quickview .prodImagePanelMainContainerQuickview, .jdwModal-multisavings .prodImagePanelMainContainerQuickview, #prodImagePanelMainContainerQof { 
    height: 462px;
    width: 375px;
    position: relative;
    text-align: center;
}

.prodImagePanelEmbeddedVideo {
    margin: 50px auto 0;
}
.prodImagePanelEmbeddedVideo p {
    /* no flash warning */
    text-align: center;
    margin: 1em;
}
#prodImageLargerLink {
    margin: 0;
    padding: 0;
    width: 376px;
    border-top: 1px solid #ddd;
    text-align: center;
}
#prodImageLargerLink p {
    margin: 10px;
    font-size: 1em;
}
a.videoIcon {
    padding-left: 20px;
    background: url("//images2.drct2u.com/content/common/images/commongui/playVideoIcon.png") no-repeat 0 50%;
}
#prodImageLinkSeparator {
    color: #999;
}
/* AddThis (Social Icons) */
#prodImagePanelBottom {
    border: 1px solid #ddd;
    border-top: none;
    float: right;
    clear: right;
    padding: 10px 0;
    width: 376px; /* 376px including border */
    text-align: center;
    height: 20px;
    margin: 0 0 1em;
}
#addThisContent, #whichSocialContent {
    text-align: center;
    display: block;
    margin: 0 20px;
}
/* bug 901 CMS3 R3 duplicate Pin btn */
#whichSocialContent .ws_pinterest span span {
    display: inline !important;
}
.twitter-share-button{
    width: 90px !important;
}
.addthis_button_facebook_like {
    width: 80px !important; 
}
.ws_fbLike div {
    float: left;
}
/* Alt Product Images: General (Shared Properties) */
.altProductPhotos {
    float: none;
    margin: 0 0 2em;
}
.altProductPhotos ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.altProductPhotos li {
    line-height: 0px;
    width: 70px;
    height: 75px;
    margin: 0 0 10px 0;
    text-align: center;
}
.altProductPhotos li a,
.altProductPhotos li img {
    display: inline-block;
    margin: 0px;
    height: 80px;
    padding: 0px;
} 
.altProductPhotos li img {
    height: 75px;
    width: auto;
    border: 1px solid #e1e1e1;
    margin-bottom: 10px;
    padding: 0;
}
.altProductPhotos .prodImageThumbSelected img {
    border-color: #999;
    filter: alpha(opacity=100); /* kill off opacity */
    opacity: 1; /* kill off opacity */
}
/* Alt Product Images: Vertical */
.verticalAltNav .altProductPhotos {
    width: 82px;
    float: left;
}
/* Alt Product Images: Horizontal */
#horizontalAltNav {
    clear: both;
}
#horizontalAltNav .altProductPhotos li {
    float: left;
    margin: 0 5px 10px 5px;
}
/* Zoomify (Flash) Image */
.prodImageZoomify {
    bottom: 0;
    height: 0;
    width: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    z-index: 5006;
}
/* No Flash Plugin Warning Message */
.prodImageZoomify p {
    width: auto;
}
.prodImageZoomify #modal_container {
    overflow: hidden;
}
/* Box Curve Container */
.boxCurveContainer {
    border: medium none;
    float: left;
    position: relative;
    z-index: 1;
}
#prodTitlePanel .boxCurveContainer {
    background-color: #fff;
    width: 690px;
}
#prodOptionsPanelContainer .boxCurveContainer {
    background-color: #FFF;
    background-image: none;
    background-repeat: repeat-x;
    height: 304px;
    width: 320px;
}
#alternativeProdContainer {
    text-align: left;
}
#alternativeProdContainer #prodTitlePanel .boxCurveContainer {
    text-align: left;
    width: 790px;
}
#alternativeProdContainer #prodTitlePanel h2 {
    color: #000;
    font-weight: normal;
}
#alternativeProdImageContainer .boxCurveContainer {
    height: 363px;
    width: 790px;
}
#bagButtonPanel .boxCurveContainer {
    background-color: none; 
}
/* Altnerative Prod Image and Details [Modal] */
#alternativeProdImage {
    float: left;
    padding: 5px;
    width: 240px;
}
#alternativeProdDetails {
    float: left;
    height: 220px;
    margin-top: 10px;
    overflow: hidden;
    width: 520px;
}
#alternativeProdContainer .modalButton {
    margin-right: 40px;
}
#alternativeProdContainer .priceRange {
    font-size: 1em; 
}
/* Product Videos [in Modal] */
#videoModalContainer div {
    margin: 0 auto;
    text-align: center;
}
#videoModalContainer #videoNote {
    display: block;
    margin: 0 auto; 
}

/* Quick View (Modal [iframe]) */
.jdwModal-quickview {
    background: transparent none;
    text-align: center; /* Addresses IE margin auto (centering) problem */
}

.jdwModal-multisavings {
    background: transparent none;
    text-align: center; /* Addresses IE margin auto (centering) problem */
}

.jdwModal-quickview .productDetailsPage {
    text-align: left;
}

.jdwModal-multisavings .productDetailsPage {
    text-align: left;
}

#addToWishListModal {
    margin: 0 10px 10px;
}
#addToWishListModal #modalTitle {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ccc;
}
#addToWishListModal #modalText {
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ccc;
}
#quickViewFrame {
    overflow: hidden;   
}
/* Personalisation model styles */
.personalisationHeader {
    height: 20px !important;    
}
.personalisationHeader #jdwModalClose {
    display: none !important;
}
.personalisationHeader h1#jdwModalTitle {
    color: #000 !important;
    font-size: 16px;
    margin: 0;
    text-align: center;
    width: 100%;
}
#personalisationRequired #controls {
    padding: 10px 20px;
    background: #FFF url("/content/common/images/modalButtons/modalControlPanelBg.gif") repeat-x center bottom;
    border: none;
    border-top: 3px solid #DEDCDC;
    margin: 0 -10px;
    text-align: center;
    -webkit-border-radius: 0 0 1em 1em;
    border-radius: 0 0 1em 1em;
}
#personalisationRequired #controls > div {
    height: auto !important;
}
#personalisationRequired p {
    margin-bottom: 20px;
    padding: 0 20px;
}
#jdwModalOuterContent h1 {
    font-size: 20px!important;
}
.moreInfoIFrame {
    height: 100%;
    overflow: auto;
    border:none;
}

#jdwModalContent iframe{
    padding:10px;
}


/* Quick View Modal Specific */
.jdwModal-quickview {
    width: 780px;
}

.jdwModal-multisavings {
    width: 780px;
}

.jdwModal-quickview .leftSide, 
.jdwModal-quickview .rightSide {
    width: 380px;
}

.jdwModal-multisavings .leftSide, 
.jdwModal-multisavings .rightSide {
    width: 380px;
}

.jdwModal-quickview .addToBagContainer {
    text-align:left;
}

.jdwModal-multisavings .addToBagContainer {
    text-align:left;
}

.jdwModal-quickview .productPhotoWrapper {
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #ddd;
}

.jdwModal-multisavings .productPhotoWrapper {
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #ddd;
}

.jdwModal-quickview .sOfferGraphic {
    position: absolute;
    left: 0;
    bottom: 0;
}

.jdwModal-multisavings .sOfferGraphic {
    position: absolute;
    left: 0;
    bottom: 0;
}

#horizontalAltNav .altProductPhotos {
    clear: both;
}
.fullProductDetailsHref {
    margin: 10px 0;
    text-align: right;
}
.fullProductDetailsHref a {
    text-decoration: underline;
}
.fullProductDetailsHref a:hover,
.fullProductDetailsHref a:focus {
    text-decoration: none;
}

/* Quick View (Order Building Modal) */
.obProductCopy {
    overflow: auto;
    -webkit-overflow-scrolling: touch; /* for tablet */
    height: 250px;
}
.obProductCopy ul {
    margin: 0;
    padding: 0 0 0 20px;
}
.obProductCopy li {
    margin: 0 0 5px;
}
.obProductCopy #IncentiveCopy {
    font-weight: bold;
}

/* Quick view iframe */
#quickViewFrame {
    height: 580px;  
}
#recentlyViewedItems {
    display: none;
}

.jcarousel-skin-standard .jcarousel-item img {
    height: auto;
}

.carouselContainer .productPreview > div {
    margin: 0 0 0.5em;
    display: block;
    border: none;
    width: auto;
    min-height: auto;
}
.carouselContainer .rating .score {
    float: none; /* central alignment [1] */
    margin: 0 auto; /* central alignment [2] */
}
#productContainer .productPreviewImage {
    text-align: center; /* central alignment */
}
.carouselContainer .productPreviewText {
    text-align: center;
}
.showAllOffersButton {
    margin: 1em auto;
    width: 70%;
}
.showAllOffersButton a {
    display: block;
    color: #000;
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    line-height: 2;
    text-decoration: underline;
}   
.showAllOffersButton a:hover,
.showAllOffersButton a:focus {
    background: #fff;
    color: #000;
    border-color: #999;
}
.flexslider {
    padding: 0 48px;
}
.carouselContainer .slides li,
#mayWeSuggest li,
#recentlyViewedItems li {
    width: 124px;
}

.flexslider .slides img {
    height: auto;
}
#prodImageLargerLink a {
    text-decoration: none;
    border: 1px solid black;
}
#prodVideoImageAnchorContainer a {
    float: right;
    margin: 0 8px 8px 0;
    padding: 2px 5px;
}
.svgContainer {
    display: inline-block;
}
.svgContainer svg {
    display: inline-block;
    vertical-align: middle;
}
.zoomBut {
    padding: 3px;
    border: 0px solid #000;
    margin-left: 12px;
    color: #000!important;
    text-decoration: none!important;
    font-size: 16px!important;
    font-size:1.6rem!important;   
}
.zoomBut:hover {
    text-decoration: none!important;
}
.zoomControlsWrapper {
    overflow:hidden; 
    padding: 8px;
}
.hoverZoom {
    padding-top: 4px;
}

/* Credit Upsell */
h2.creditUpsellTitle {
    font-size: 1.35em;
}
a#creditUpsellBanner span {
    text-decoration: underline;
}
.icon-creditupsell {
    background-position: 10px center;
}

#prodDetailsReviewContainer {
    display: block;  
}

.bv-tabs {
    clear: both;
}

.bv-tabs, .bv-tab-content {
    display: inline-block;
    width: 100% 
}

.bv-nav-tabs {
    margin: 0;
    padding: 0;
    display: block;
}

.bv-nav-tabs.nav-tabs {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.bv-tab-content {
    clear: both;
    margin: 0 0 1em 0;
    padding: 0px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;  
}

#outletBanner {
    display: none;
    text-align: center;
    background: rgba(248,80,50,1);
    background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1)));
    background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
    background: -o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
    background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
    background: linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=0 );
    background-colour: red;
    font-size: 1em;
    clear: both;
    padding: 10px;
    color: #fff;
    font-weight: bold;
}


#moreInfoLinkContainer a:hover{
    text-decoration:underline;
}

.pdp-totalpriceMsg .controls {
  margin-left: 0;
}/* complete : css/productdetails/redesign/productDetailsBody.css*/


/* combine : css/productdetails/redesign/modal-redesign.css*/
/* ORDER BUILDING */

.jdw-modalContent .productPhotoWrapper {
  float: left;
  text-align: center;
 }

.jdw-modalContent .containerSelect {
    left:10px !important;
}
.jdwModal-orderbuilding .leftSide{
    width: 310px
}

.jdwModal-orderbuilding .productPhotoWrapper{
    width: auto !important;
    float:left;
    margin-left:40px;
}

.jdwModal-orderbuilding .rightSide{
    width: 460px;
    float:right;
}

.orderBuildingPopUpPanel .productDetailsPage, .optionViewProductInfoContainer{
    width:800px !important;
}

.jdwModal-orderbuilding .mainSelect .mainFirstValue{
    width:430px !important;
}

.jdwModal-orderbuilding .viewDetailsContent .vdCopy{
    height: 120px !important;
}

.jdwModal-orderbuilding .control-group{
    margin-bottom:0;
}

.jdwModal-orderbuilding .fadeMsgBox{
    margin-top:0;
    width: auto !important;
}


.jdwModal-orderbuilding .control-group.addToBag.rsNoDrag{
    clear:none !important;
}

.productPhoto > img {
    max-height: 395px;
    max-width: 100%;
    width: inherit;
}


#modal_container{
    padding-bottom:30px;
}
/*   Styling of selects and drop downs


.jdwModal-orderbuilding  - 3 items pop up
.jdwModal-qof            - quick order form
.jdwModal-singleview     - amplience small pop up
.jdwModal-multibuy       - amplience multiple products
.jdwModal-quickview      - amplience large pop up

*/

/* <div> drop down styling */

    
.jdwModal-singleview{
    margin-bottom:20px;
}


.jdw-modalContent  .dropOptions,
.jdwModal-multibuy .dropOptions,
.jdwModal-qof .dropOptions{
    width:348px !important;
}

.jdwModal-orderbuilding .dropOptions{
    width:434px !important;
}

.jdwModal-singleview .dropOptions{
    width:238px !important;
}

.jdwModal-quickview .otherProdButtons,
.jdwModal-multisavings .otherProdButtons,
.jdwModal-multibuy .otherProdButtons,
.jdwModal-orderbuilding .otherProdButtons,
.jdwModal-qof .otherProdButtons {
    float:left !important;
    margin-top:15px;
}


.jdwModal-quickview .containerSelect,
.jdwModal-multisavings .containerSelect,
.jdwModal-multibuy .containerSelect,
.jdwModal-orderbuilding .containerSelect,
.jdwModal-qof .containerSelect{
    width:348px !important;
    /*height: 16px;*/
}

.jdwModal-orderbuilding .fullProductDetailsHref a,
.jdwModal-qof .fullProductDetailsHref a,
.jdwModal-singleview .fullProductDetailsHref a,
.jdwModal-multibuy .fullProductDetailsHref a,
.jdwModal-multisavings .fullProductDetailsHref a,
.jdwModal-quickview  .fullProductDetailsHref a{
    text-decoration: underline;
    background: none !important;
    padding: 0;
    color: grey;
    font-size: 12px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.jdwModal-orderbuilding .fullProductDetailsHref,
.jdwModal-qof .fullProductDetailsHref,
.jdwModal-singleview .fullProductDetailsHref,
.jdwModal-multibuy .fullProductDetailsHref,
.jdwModal-multisavings .fullProductDetailsHref,
.jdwModal-quickview  .fullProductDetailsHref{
    margin:0 !important;
}


.jdwModal-orderbuilding .addToBagContainer,
.jdwModal-qof .addToBagContainer,
.jdwModal-singleview .addToBagContainer,
.jdwModal-multibuy .addToBagContainer,
.jdwModal-multisavings .addToBagContainer,
.jdwModal-quickview  .addToBagContainer{
    margin-bottom:10px;
}


.jdwModal-orderbuilding .outfitBuilderConCheckout,
.jdwModal-qof .outfitBuilderConCheckout,
.jdwModal-singleview .outfitBuilderConCheckout,
.jdwModal-multibuy .outfitBuilderConCheckout,
.jdwModal-multisavings .outfitBuilderConCheckout,
.jdwModal-quickview  .outfitBuilderConCheckout{
  display: inline-block;
  clear: both;
  float: right;
  margin-top: 10px;
}

.jdw-modalContent .btnIcon,
.jdwModal-orderbuilding .btnIcon,
.jdwModal-qof .btnIcon,
.jdwModal-singleview .btnIcon,
.jdwModal-multibuy .btnIcon,
.jdwModal-multisavings .btnIcon,
.jdwModal-quickview  .btnIcon{
  display:none !important;
}

.jdwModal-quickview #atbInner{
    position:relative;
    padding:10px;
}

.jdwModal-multisavings #atbInner{
    position:relative;
    padding:10px;
}

.jdwModal-quickview #addToBagBtn{
    margin-top:10px;
}

.jdwModal-multisavings #addToBagBtn{
    margin-top:10px;
}

/* quantity <select> styling */
.jdwModalQuantity select{
    max-width: 240px !important;
    width: 240px !important;
    border: 1px solid #666666;
    cursor: pointer;
    height: 20px;
    line-height: normal;
    padding-left: 0;
    padding-top: 2px;
    position: static;
    background: #fff url("//images2.drct2u.com/content/images/productdetails/prodSelectArrow.jpg");
    background-position: right;
    background-repeat: no-repeat;
    margin-left: -15px !important;
    font-size: 13px !important;
}

.jdwModal-orderbuilding .jdwModalQuantity select{
    max-width: 335px !important;
    width: 335px !important;
    float:left;
    margin-left:-240px !important;
    background: #FFF url(//images2.drct2u.com/content/images/productdetails/selectArrow.jpg) no-repeat right;
    }



.jdwModal-orderbuilding .jdwModalQuantity .control-label{
    display:none !important;
}

.jdwModal-orderbuilding .availControl{
    margin-top:15px;
}

.jdwModal-singleview .jdwModalQuantity select{
    margin-left:0px !important;
    }

.jdwModal-singleview .outfitBuilderConCheckout{
    float:right;
}

.jdwModal-quickview .jdwModalQuantity select,
.jdwModal-multisavings .jdwModalQuantity select,
.jdwModal-multibuy .jdwModalQuantity select,
.jdwModal-qof .jdwModalQuantity select{
    max-width: 348px !important;
    width: 348px !important;
}

.jdwModal-multibuy .jdwModalQuantity select{

    margin-left: 0 !important;
}

.jdwModal-multibuy .rightSide{
    width:64% !important;
}

.jdwModal-multibuy  .btnHolder{
    margin-top:0px !important;
}

.dropOptionsShow{
    position:absolute !important;
}

.quickViewModalContent .control-group.addToBag {
    display:inline;
}

.jdw-modalContent .totalPriceLabel{
  display: block;
  visibility: visible !important;
  width: auto !important;
  margin-right: 5px !important;
  /*margin-top: 3px !important;*/
 }

.jdw-modalContent .availControl label{
    margin-top:3px !important;
}

.jdwModal-qof .jcarousel-skin-standard .jcarousel-clip-vertical, .jdwModal-qof .jcarousel-container.jcarousel-container-vertical{
    width:auto !important;
}


.jdwModal-multibuy .control-group .control-label{
    display:none;
}

.jdwModal-multibuy .control-group .control-label{
    display:none;
}


.jdwModal-qof #personalisationInput{
    width:347px;
}

.jdwModal-qof .personalInstruct{
    display:none;
}

.jdwModal-qof #horizontalAltNav .altProductPhotos li{
    margin-top:10px;
}

#addToBagMessageModal p{
    padding: 0 20px;
}


.jdwModal-quickview .totalPriceLabel{
    display:none !important;
}

.jdwModal-multisavings .totalPriceLabel{
    display:none !important;
}
/* ORDER BUILDING BUG FIXES */

#jdwModalContent #orderFooter{
    margin-bottom:20px !important;
}

#jdwModalContent #sectionContainer{
    clear:both;
}

.jdwModal-orderbuilding .altProductPhotos{
      width: 360px;
}

.jdwModal-orderbuilding .prodImageThumb {
    margin: 0 0 10px 0 !important;
}

.jdwModal-orderbuilding .outfitBuilderConCheckout{
    display:none !important;
}

.jdwModal-orderbuilding #atbInner label,
.jdwModal-qof #atbInner label,
.jdwModal-singleview #atbInner label,
.jdwModal-multibuy #atbInner label,
.jdwModal-multisavings #atbInner label,
.jdwModal-quickview #atbInner label {
     display: none;
}


.jdwModal-quickview .rightSide{
    float: right !important;
}

.jdwModal-multisavings .rightSide{
    float: right !important;
}


.jdwModal-orderbuilding #horizontalAltNav{
    display:none !important;
}

.jdwModal-qof .control-group{
    margin-bottom:25px !important;
}

.jdwModal-qof .control-group-open{
    margin-left:-11px;
}
/* -----------------------   TABLET  ---------------------- */


.jdwModal-quickview .containerSelect{
    left:10px !important;
}

.jdwModal-multisavings .containerSelect{
    left:10px !important;
}
/*V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V */
/*V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V */
/*V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V */
/*V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V */

/* The styles below are copied from the old productDetailsBody.css these should be modal only styles - please remove or alter if break anythinhg else onthe page*/

/* Alt Product Images: General (Shared Properties) */
.altProductPhotos {
    float: none;
    margin: 0 0 2em;
}
.altProductPhotos ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.altProductPhotos li {
    line-height: 0px;
    width: 70px;
    height: 75px;
    margin: 0 0 10px 0;
    text-align: center;
}
.altProductPhotos li a,
.altProductPhotos li img {
    display: inline-block;
    margin: 0px;
    height: 80px;
    padding: 0px;
}
.altProductPhotos li img {
    height: 75px;
    width: auto;
    border: 1px solid #e1e1e1;
    margin-bottom: 10px;
    padding: 0;
}
.altProductPhotos .prodImageThumbSelected img {
    border-color: #999;
    filter: alpha(opacity=100); /* kill off opacity */
    opacity: 1; /* kill off opacity */
}
/* Alt Product Images: Vertical */
.verticalAltNav .altProductPhotos {
    width: 82px;
    float: left;
}
/* Alt Product Images: Horizontal */
#horizontalAltNav {
    clear: both;
}
#horizontalAltNav .altProductPhotos li {
    float: left;
    margin: 0 0 10px 0;
}
/* Zoomify (Flash) Image */
.prodImageZoomify {
    bottom: 0;
    height: 0;
    width: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    z-index: 5006;
}
/* No Flash Plugin Warning Message */
.prodImageZoomify p {
    width: auto;
}
.prodImageZoomify #modal_container {
    overflow: hidden;
}
/* Box Curve Container */
.boxCurveContainer {
    border: medium none;
    float: left;
    position: relative;
    z-index: 1;
}
#prodTitlePanel .boxCurveContainer {
    background-color: #fff;
    width: 690px;
}
#prodOptionsPanelContainer .boxCurveContainer {
    background-color: #FFF;
    background-image: none;
    background-repeat: repeat-x;
    height: 304px;
    width: 320px;
}
#alternativeProdContainer {
    text-align: left;
}
#alternativeProdContainer #prodTitlePanel .boxCurveContainer {
    text-align: left;
    width: 790px;
}
#alternativeProdContainer #prodTitlePanel h2 {
    color: #000;
    font-weight: normal;
}
#alternativeProdImageContainer .boxCurveContainer {
    height: 363px;
    width: 790px;
}
#bagButtonPanel .boxCurveContainer {
    background-color: none;
}
/* Altnerative Prod Image and Details [Modal] */
#alternativeProdImage {
    float: left;
    padding: 5px;
    width: 240px;
}
#alternativeProdDetails {
    float: left;
    height: 220px;
    margin-top: 10px;
    overflow: hidden;
    width: 520px;
}
#alternativeProdContainer .modalButton {
    margin-right: 40px;
}
#alternativeProdContainer .priceRange {
    font-size: 1em;
}
/* Product Videos [in Modal] */
#videoModalContainer div {
    margin: 0 auto;
    text-align: center;
}
#videoModalContainer #videoNote {
    display: block;
    margin: 0 auto;
}

/* Quick View (Modal [iframe]) */
.jdwModal-quickview {
    background: transparent none;
    text-align: center; /* Addresses IE margin auto (centering) problem */
}

.jdwModal-multisavings {
    background: transparent none;
    text-align: center; /* Addresses IE margin auto (centering) problem */
}

.jdwModal-quickview .productDetailsPage {
    text-align: left;
}

.jdwModal-multisavings .productDetailsPage {
    text-align: left;
}

#addToWishListModal {
    margin:20px;
}

.jdwModal-orderbuilding #inStockMsg{
    font-size:14px;
    color:#000;
    width:auto;
}
#addToWishListModal #modalTitle {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ccc;
}
#addToWishListModal #modalText {
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ccc;
}
#quickViewFrame {
    overflow: hidden;
}
/* Personalisation model styles */
.personalisationHeader {
    height: 20px !important;
}
.personalisationHeader #jdwModalClose {
    display: none !important;
}
.personalisationHeader h1#jdwModalTitle {
    color: #000 !important;
    font-size: 16px;
    margin: 0;
    text-align: center;
    width: 100%;
}
#personalisationRequired #controls {
    padding: 10px 20px;
    background: #FFF url("/content/common/images/modalButtons/modalControlPanelBg.gif") repeat-x center bottom;
    border: none;
    border-top: 3px solid #DEDCDC;
    margin: 0 -10px;
    text-align: center;
    -webkit-border-radius: 0 0 1em 1em;
    border-radius: 0 0 1em 1em;
}
#personalisationRequired #controls > div {
    height: auto !important;
}
#personalisationRequired p {
    margin-bottom: 20px;
    padding: 0 20px;
}
#jdwModalOuterContent h1 {
    font-size: 20px!important;
}
.moreInfoIFrame {
    height: 100%;
    overflow: auto;
}

/* Quick View Modal Specific */
.jdwModal-quickview {
    width: 780px;
}

/* Quick View Modal Specific */
.jdwModal-multisavings {
    width: 780px;
}

.jdwModal-multisavings {
    width: 780px;
}

.jdwModal-quickview .leftSide,
.jdwModal-quickview .rightSide {
    width: 380px;
}

.jdwModal-multisavings .leftSide,
.jdwModal-multisavings .rightSide {
    width: 380px;
}

.jdwModal-quickview .addToBagContainer {
    text-align:left;
}

.jdwModal-multisavings .addToBagContainer {
    text-align:left;
}

.jdwModal-quickview .productPhotoWrapper {
    margin-bottom: 10px;
    position: relative;
}

.jdwModal-multisavings .productPhotoWrapper {
    margin-bottom: 10px;
    position: relative;
}

.jdwModal-quickview .sOfferGraphic {
    position: absolute;
    left: 0;
    bottom: 0;
}

.jdwModal-multisavings .sOfferGraphic {
    position: absolute;
    left: 0;
    bottom: 0;
}

.jdwModal-quickview .mainFirstValue{
    height: 20px;
    font-size: 12px;
}

.jdwModal-multisavings .mainFirstValue{
    height: 20px;
    font-size: 12px;
}

.jdwModal-quickview .dropOptions{
    font-size: 12px;
}

.jdwModal-multisavings .dropOptions{
    font-size: 12px;
}

.jdwModal-quickview .control-group{
    margin-bottom:25px;
}

.jdwModal-multisavings .control-group{
    margin-bottom:25px;
}

#horizontalAltNav .altProductPhotos {
    clear: both;
}

#modal_container .control-group .addToBag{
    display:inline-block;
    float:right;
}
.fullProductDetailsHref {
    margin: 10px 0 0 10px;
    text-align: right;
    display: inline-block;
    float: left;
}
.jdw-modalContent .fullProductDetailsHref a {
    /*text-decoration: underline;*/
    /*background: none !important; Review with Paul to ensure slider buttons and messages layout doesn't break modals*/
    /*padding: 0;*/
    color: grey;
    /*font-size: 12px;*/
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.jdw-modalContent .addToBagContainer{
    margin-bottom:10px;
}

/*.jdw-modalContent .outfitBuilderConCheckout{
  display: inline-block;
  clear: both;
  float: right;
  margin-top: 10px;
} Review with Paul to ensure slider buttons and messages layout doesn't break modals*/


.fullProductDetailsHref a:hover,
.fullProductDetailsHref a:focus {
    text-decoration: none;
}

/* Quick View (Order Building Modal) */
.obProductCopy {
    overflow: auto;
    -webkit-overflow-scrolling: touch; /* for tablet */
    height: 250px;
}
.obProductCopy ul {
    margin: 0;
    padding: 0 0 0 20px;
}
.obProductCopy li {
    margin: 0 0 5px;
}
.obProductCopy #IncentiveCopy {
    font-weight: bold;
}

/* Quick view iframe */
#quickViewFrame {
    height: 580px;
}
#recentlyViewedItems {
    display: none;
}

.jcarousel-skin-standard .jcarousel-item img {
    height: auto;
}

.carouselContainer .productPreview > div {
    margin: 0 0 0.5em;
    display: block;
    border: none;
    width: auto;
    min-height: auto;
}
.carouselContainer .rating .score {
    float: none; /* central alignment [1] */
    margin: 0 auto; /* central alignment [2] */
}
#productContainer .productPreviewImage {
    text-align: center; /* central alignment */
}
.carouselContainer .productPreviewText {
    text-align: center;
}
.showAllOffersButton {
    margin: 1em auto;
    width: 70%;
}
.showAllOffersButton a {
    display: block;
    color: #000;
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    line-height: 2;
    text-decoration: underline;
}
.showAllOffersButton a:hover,
.showAllOffersButton a:focus {
    background: #fff;
    color: #000;
    border-color: #999;
}
.flexslider {
    padding: 0 48px;
}
.carouselContainer .slides li,
#mayWeSuggest li,
#recentlyViewedItems li {
    width: 124px;
}

.flexslider .slides img {
    height: auto;
}
#prodImageLargerLink a {
    text-decoration: none;
    border: 1px solid black;
}
#prodVideoImageAnchorContainer a {
    float: right;
    margin: 0 8px 8px 0;
    padding: 2px 5px;
}
.svgContainer {
    display: inline-block;
}
.svgContainer svg {
    display: inline-block;
    vertical-align: middle;
}
.zoomBut {
    padding: 3px;
    border: 0px solid #000;
    margin-left: 12px;
    color: #000!important;
    text-decoration: none!important;
    font-size: 16px!important;
    font-size:1.6rem!important; 
}
.zoomBut:hover {
    text-decoration: none!important;
}
.zoomControlsWrapper {
    overflow:hidden;
    padding: 8px;
}
.hoverZoom {
    padding-top: 4px;
}

/* Credit Upsell */
h2.creditUpsellTitle {
    font-size: 1.35em;
}
a#creditUpsellBanner span {
    text-decoration: underline;
}
.icon-creditupsell {
    background-position: 10px center;
}

#prodDetailsReviewContainer {
    display: inline-block;
}

.bv-tabs {
    clear: both;
}

.bv-tabs, .bv-tab-content {
    display: inline-block;
    width: 100%
}

.bv-nav-tabs {
    margin: 0;
    padding: 0;
    display: block;
}

.bv-nav-tabs.nav-tabs {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.bv-tab-content {
    clear: both;
    margin: 0 0 1em 0;
    padding: 0px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#outletBanner {
    display: none;
    text-align: center;
    background: rgba(248,80,50,1);
    background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1)));
    background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
    background: -o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
    background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
    background: linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=0 );
    background-colour: red;
    font-size: 1em;
    clear: both;
    padding: 10px;
    color: #fff;
    font-weight: bold;
}

/* Fix on Quick Order Page for Thumbnail Images */
#quickOrderPage .jcarousel-list {
    margin-top: 15px !important;
}

.pdp-modal-addtobagpromo label[id*='optionColourLabel'] {
  display: none !important;
}

.pdp-modal-addtobagpromo #atbInner label {
  display: none !important;
}


 
.deliverySuppLabel{
  clear: both;
  margin-top: 0px;
  float: left;
}

/* NEW PDP MODALS STYLES HACKING \/\/\/\/\/\/\/\/\/\/\/\/\/\/
Due to the new modals using absolute positioning when in an active state (.control-group-open added via JS) we need to shift things around a bit - 
this is another hack, but seems to work , please keep these CSS rules at the bottom of this file*/

.control-group-open{
    position: relative;
    z-index: 500;
    width: auto;
}
.jdwModal-quickview-pdp .control-group-open, 
.jdwModal-quickview .control-group-open,
.jdwModal-multisavings-pdp .control-group-open, 
.jdwModal-multisavings .control-group-open,
.jdwModal-multibuy .control-group-open{/* Hacking !!! Modals with visible require the 10px removed when absolute positioning is enabled*/
    left: -10px;
}

.jdwModal-orderbuilding .control-group-open{/* Hacking !!! Modals with visible require the 10px removed when absolute positioning is enabled*/
    left: -11px;
}

.jdwModal-singleview .control-group-open .containerSelect{ /* Further hacking!!! Labels have now been "removed"*/
      left: -1px !important;
}

.jdw-modalContent .control-group{
    width:100% !important; /* Force percentage by default*/
}
.jdw-modalContent .dropOptions{
    width:100% !important; /* Force percentage by default*/
}

.jdw-modalContent .deliverySuppLabel{
    clear:both;
    float:left;
    margin-top:10px;
    margin-bottom:15px;
}


.jdwModal-orderbuilding .dropOptions {
  width: 434px !important;
}


.jdw-modalContent .totalPriceLabel{
    display:block !important;
    padding-top: 5px;
 }
 
 #jdwModalBacktoProductButton{
    display:none;
 }
    
/* fix to wishlist modal position */    
#jdwModalContent #addToWishListModal {
    margin-top: -13px;
 }
 
 /* fix to Personalisation modal button and position */   
.modalButton a.btn.primaryBtn.icon-tick.continue-with-order-btn {
    width: 285px !important;
}

/*#jdwModalBorder {
    margin-top: 0px !important; }*/
    
.jdw-modalContent .altProductPhotos ul {
  overflow: hidden;
  height: 82px;
}

.jdw-modalContent .mainImage{
    margin-top: 10px;
}

.outfitBuilderConCheckout .btn{
    float: right;
    margin-right: 0;
}
.outfitBuilderConCheckout .btnIcon{
    display: none !important;
}
/* Hacks for "shop the look" modal layout issues */

.jdwModal-multibuy #checkoutButtons {
    position: relative;
    left: 15px;
}


/* complete : css/productdetails/redesign/modal-redesign.css*/


/* combine : css/productdetails/redesign/productDetailsDropdown.css*/
@charset "utf-8";
/*EDITS
11.06.13 - ITJXP -  1) Removed border radius on #prodQuantity #quantity 
07.06.13 - ITJXP -  1) added width to #prodQuantity #quantity
30.05.13 - ITJXP -  1) added #prodQuantity #quantity
28.05.13 - ITJXP -  1) Changed .mainFirstValue dropdown image to match concept
24.05.13 - TPD1l -  1) Added dropdown style .noSelectedOption to highlight unselected options.
22.05.13 - ITJXP -  1) Added dropdown styles to .mainFirstValue to match tablet styles
                    2) Added ie7 specific hack to use old style dropdowns
09.05.13 - ITAZC -  1) Removed widths from .invalid, .outOfStock, .substitute and .unavailable classes. They will naturally fill the space (widths specified by parent element).
07.05.13 - ITAZC -  1) z-index value given to .mainSelect/.containerSelect to avoid IE layering problem. 'Add to Bag' button has much lower z-index
27.03.13 - ITAZC -  1) Combined (and reduced) width declarations for .mainSelect and .containerSelect. Reduced by 90px width from 340px to 250px).
                    2) Reduced other width declarations in accordance with .mainSelect and .containerSelect re-sizing. CMSRTHREE-434.
08.03.13 - ITJXP -  1) removed margin-left on .mainSelect to fix bug 361;
06.03.13 - ITJXP -  1) Changed dropdown widths;
25.01.13 - ITJXP -  1) Removed .mainSelect font-size, should inherit from it's parent...for simplicity
                    2) Removed unused alternative styling for dropdowns         
22.02.12 - MKM1B -  1) restyled border colour to black for .mainFirstValue inline with new productDetails.css redesign
*/
.jdw-modalContent .mainSelect,
.jdw-modalContent .containerSelect {
    width: 240px;
    z-index: 400;
}
.mainOtherValues 
.mainSelect {
    font-size: 12px;
    height: 18px;
    margin-top: 0;
    margin-right: 4px;
    margin-bottom: 8px;
}
.jdw-modalContent .containerSelect {
    position: absolute;
    left: 110px;
}
.jdw-modalContent .mainFirstValue {
    border: 1px solid #666666;
    cursor: pointer;
    line-height: normal;
    padding-left: 4px;
    padding-top: 2px;
    position: static;
    background: #fff url("//images2.drct2u.com/content/images/productdetails/prodSelectArrow.jpg"); 
    background-position: right;
    background-repeat: no-repeat;
    height:16px;
}

#quickOrderPage .control-group {
    padding-top: 15px;
}

*+html .mainFirstValue {    
    background: #fff url("//images2.drct2u.com/content/images/productdetails/prodSelectArrow.jpg") no-repeat right; 
}
#prodQuantity #quantity, #fittingDiv #fitting, #colourDiv #optionColour, #sizeDiv #optionSize {
    background: #fff url("//images2.drct2u.com/content/images/productdetails/prodSelectArrow.jpg")no-repeat right;  
    box-shadow:none;
    border: 1px solid #666666;
    width: 45px;
    -webkit-border-radius:0; 
    border-radius:0;    
    -webkit-appearance: none;
}

#fittingDiv #fitting, #colourDiv #optionColour, #sizeDiv #optionSize { width:240px; }

/*FOR IE10*/
#prodQuantity select#quantity::-ms-expand, select#fitting::-ms-expand, select#optionColour::-ms-expand, select#optionSize::-ms-expand { display:none; }
.dropOptions,
.dropOptionsMore {
    width: 248px; /* 250px [mainSelect width] - 2px [1px borders x 2] */
}
.dropOptions {
    border: 1px solid #666;
    z-index: 100;
    display: none;
    position: relative;
    margin-top: -1px;
    background-color: #fff;
}
.dropOptionsMore { /*if more than 9 items*/
    height: 192px;
    overflow-y: auto;
    overflow-x: hidden;
}
.dropOptionsShow {
    display: block;
}
.mainOtherValues,
.hoverOutMainOtherValues {
    display: block;
    z-index: 101;
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    padding: 4px;
    background-color: #fff; 
    position: static;
    cursor: pointer;
    line-height: normal;
    /*
    width: 248px;
    *width: 240px;
    */
    margin-top: 1px;
}
.mainSelect .selectedDrop {
    z-index: 90;
    display: block;
}   
.mainOtherValues:hover,
.hoverMainOtherValues {
    color: #fff;
    background-color: #316ac5;
}   
/* Out of stock select option styling */
option.invalid,
.outOfStock,
.unavailable,
.substitute {
    background: #ededed url("//images2.drct2u.com/content/images/productdetails/prodInvalidCross.gif") no-repeat 5px 5px;
    color: #888;
    padding-left: 22px;
    /*width: 222px;*/
}
.outOfStock:hover,
.unavailable:hover,
.substitute:hover {
    color: #888;
    background-color: #ededed;
}
/* Low stock select option styling */
option.invalid,
.lowStock {
    background-color: #ffc;
}
.lowStock:hover {
    color: #888;    
}
/* No selected option styling. */
.noSelectedOption {
    border: 1px solid red !important;
}

/* Up to 1300px */
@media screen and (max-width: 1300px) {
   .outfitBuilderSlider .rsOverflow {
    margin-bottom: 10px;
} }

/* complete : css/productdetails/redesign/productDetailsDropdown.css*/


/* combine : /css/common/responsive/dressipi.css*/
/* dressipi widgets are third party widgets that a reactive in design */
/* there are responsive and mobile version as the containing divs are different widths on each */
.dressipiViewBagWidgetHide, .dressipiPLPWidgetHide, .dressipiPDPOutfitWidgetHide, .dressipiPDPSizeWidgetHide {
    margin: 10px 0; 
    width: 100%;
    display: none;
}

.dressipiViewBagWidgetShow, .dressipiPLPWidgetShow, .dressipiPDPOutfitWidgetShow, .dressipiPDPSizeWidgetShow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox; 
    display: inline-flex; 
    margin: 10px 0; 
    width: 100%;
}

/* dressipiHeights - driven by media query on the iframe inside */
/* responsive design - folds around 517px */
/* 4x4 grid */
@media only screen and (max-width:517px) {
    .dressipiViewBagWidgetShow iframe {
        height: 650px;
    }
    .dressipiPLPWidgetShow iframe {
        height: 435px;
    }
    .dressipiPDPOutfitWidgetShow iframe {
        height: 731px;
    }
    .dressipiPDPSizeWidgetShow iframe {
        height: 75px;
    }
}
/* wide with shrinking images */
@media only screen and (min-width:518px) and (max-width:760px) {
    .dressipiViewBagWidgetShow iframe {
        height: 358px;
    }
    .dressipiPLPWidgetShow iframe {
        height: 435px;
    }
    .dressipiPDPOutfitWidgetShow iframe {
        height: 390px;
    }
    .dressipiPDPSizeWidgetShow iframe {
        height: 55px;
    }
}
/* wide */
@media only screen and (min-width:760px) {
    .dressipiViewBagWidgetShow iframe {
        height: 358px;
    }
    .dressipiPLPWidgetShow iframe {
        height: 435px;
    }
    .dressipiPDPOutfitWidgetShow iframe {
        height: 540px;
    }
    .dressipiPDPSizeWidgetShow iframe {
        height: 55px;
    }
}

/* complete : /css/common/responsive/dressipi.css*/