/* 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;
}

.jdwModal-orderbuilding .control-group.addToBag.rsNoDrag a.gui-btn-primary.bordered:hover:after {
    background-image: url("//images2.drct2u.com/content/common/images/commongui/icons/buttons/icon-check-white.svg");
}

.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;
}

/* -----------------------   Quick View Checkout Buttons  ---------------------- */

.jdwModal-quickview #checkoutButtons {
    width: auto;
    padding-left: 24px;
    margin-top: 0;
    
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.jdwModal-quickview #checkoutButtons .add-to-bag-button {
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 12px;
    height: 20px;
    
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.jdwModal-quickview #checkoutButtons .add-to-bag-button.gui-check-primary-right:hover:after {
    background-image: url(//images2.drct2u.com/content/common/images/commongui/icons/buttons/icon-check-white.svg);
}
.jdwModal-quickview #checkoutButtons .outfitBuilderConCheckout {
	width: 100%;
}
.jdwModal-quickview #checkoutButtons .continue-to-checkout-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.jdwModal-quickview #checkoutButtons .gui-btn.gui-heart-black-left,
.jdwModal-quickview #checkoutButtons .gui-btn.gui-heart-outline-black-left {
    margin-bottom: 0;
    
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 0;
    -ms-flex: 0 0 0;
    flex: 0 0 0;
}
.jdwModal-quickview #checkoutButtons .gui-icon-left.gui-heart-black-left:before,
.jdwModal-quickview #checkoutButtons .gui-icon-left.gui-heart-outline-black-left:before {
    margin-right: 0;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}
/*V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V */
/*V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V */
/*V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V */
/*V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V V 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 .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;
}

.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{
    margin-right: 0;
}
.outfitBuilderConCheckout .btnIcon{
    display: none !important;
}
/* Hacks for "shop the look" modal layout issues */

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