/* 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/productdetails/desktop/productDetailsQuickview.css*/
.ampl-fadeBG {
    z-index: 10900;
    opacity: 0.6;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #000;
}

#modal_container {
    z-index: 10999;
    color: #000;
    height: auto !important;
    background-color: #fff !important;
    box-shadow: 0px 0px 100px 0px #333232 !important;
    text-align: center;
    overflow: visible !important;
    display: inline-block;
    box-sizing: border-box;
}

#modal_outer {
    position: fixed !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    top: 50% !important;
    height: auto !important;
}

/** Generic Modal Styles **/
#modal_container .productDetailsPage {
    width: 100%;
    text-align: left;
}
#modal_container .leftSide {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

#modal_container .productHeading {
    text-align: left;
}

#modal_container .productHeading h1 {
    font-size: 20px;
}

#amplCaroSlide .fadeMsgBox {
    text-align: left;
    overflow: hidden;
}

#amplCaroSlide .msg {
    line-height: 19px;
}

#modal_container #inStockMsg {
    text-align: left;
}

#modal_container #AltImageThumbnails {
    display: none;
}

.productPhotoWrapper { border: none; }

#fittingDiv #fitting,
#colourDiv #optionColour,
#sizeDiv #optionSize {
    padding-right: 15px;
    padding-right:0\9\0;/*Only works in IE9*/
    float: left;
}


#modal_container #deliverySupp p {
    text-align: left;
    font-size: 11px;
}

#modal_container .fadeMsgBox,
#modal_container #inStockMsg {
    text-align: left;
    line-height: 18px;
    margin: 0;
}

#modal_container .otherProdButtons {
    float: left;
    margin: 5px 0 0;
}

#modal_container #warrantyBreakdownInfoContainer {
    height: 400px;
    overflow: scroll;
    y-overflow: scroll;
    x-overflow: hidden;
}

#warrantyBreakdownInfoContainer {
    text-align: left;
}

#modal_container .dropOptions {
    width: 238px;
}

#modal_container #atbInner label,
.reviews {
    line-height: 18px;
}

#modal_container #addToBagBtn .btnHolder a,
#modal_container #continueToCheckout .btnHolder a {
    line-height: 18px;
}

#modal_container .mainFirstValue {
    overflow: hidden;
}

#modal_container .control-group {
    margin: 0 0 10px;
    min-height: 18px;
}

/* Single Buy */
.jdwModal-singleview #quickBuyModalClose {
    position: absolute;
    right: 4px;
    top: 8px;
}

.jdwModal-singleview #atbInner label {
    display: none!important;
    visibility: visible !important;
    width: 85px !important;
}

.jdwModal-singleview .productHeading {
    margin-bottom:  5px;
}
.jdwModal-singleview .productHeading h1 {
    margin: 0 70px 0 0;
}

.jdwModal-singleview  .productHeading h3 {
    padding: 0;
}

.jdwModal-singleview #totalPrice,
.jdwModal-singleview #totalPriceValue {
    font-size: 15px;
}
.jdwModal-singleview .leftSide {
    width: 29%;
}

.jdwModal-singleview .rightSide {
    width: 68%;
}

.jdwModal-singleview .productPhotoWrapper {
    height: auto;
    width: 100%
}

.jdwModal-singleview #addToBagContainer #atbInner {
    background-color: #ffffff;
    border: none !important;
    padding: 0;
}
.jdwModal-singleview #atbInner label {
    width: 85px;
    text-align: left;
    margin-right: 0;
    font-size: 11px;
}

.jdwModal-singleview .rightSide,
.jdwModal-singleview .leftSide {
    margin-bottom: 0;
}

.jdwModal-singleview .fadeMsgBox {
    margin-top: 0;
}

.jdwModal-singleview #fullProductDetailsHref a {
    font-size: 11px;
}

.jdwModal-singleview .control-group {
    margin-bottom: 5px;
}

 #atbInner {
    background-color: #fff;
    margin: 0;
}

.jdwModal-singleview .prodImagePanelMainImage img {
    max-width: 100%;
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    padding: 1px;
    position: relative;
}

.jdwModal-singleview #continueToCheckout {
    margin-top: 10px;
}

.jdwModal-singleview .progress {
    top: 50%;
}

.jdwModal-singleview .containerSelect,
.jdwModal-singleview select {
    position: absolute;
}
.jdwModal-singleview #fullProductDetailsHref {
    margin: 0;
    text-align: left;
    float: left;
}
/** Multi buy **/
.ampl-modal-body {
    position: relative;
}

.ampl-modal-close {
    cursor: pointer;
    float: right;
    line-height: 25px;
    background: url("//images2.drct2u.com/content/common/images/commongui/modal-close-cross.gif") no-repeat;
    background-position: 38px 0;
    box-shadow: none;
    color: black;
    font-size: 11px;
    padding-right: 41px;
    font-weight: normal;
    height: 32px;
    position: relative;
    right: -5px;
}

.ampl-modal-title {
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    margin: 0 auto;
    padding: 10px 0;
    width: 360px;
    color: #000;
}

.ampl-modal-title:before,.ampl-modal-title:after {
    background: #666;
    display: inline-block;
    content: "";
    float: left;
    height: 1px;
    margin: 0.35em 0 0;
    width: 50px;
}

.ampl-modal-title:after {
    float: right;
}

.ampl-modal-title span {
    background-color: #fff;
    padding: 0 10px;
}

.ampl-content {
    padding: 0 1em 2em;
}

.ampl-content-list-title {
    cursor: pointer;
    line-height: 36px;
    margin: 0 0 3px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: bold;
    background-color: #f2f2f2;
    overflow: hidden;
}

.ampl-content-list-title-active {
    color: #fff;
    background-color: #767676;
    background-position: right bottom;
}

.ampl-content-info {
    display: none;
}

.ampl-content-info-active {
    display: block;
}

.ampl-content-img {
    max-width: 100%;
}

.ampl-thumbs {
    text-align: center;
    padding: 0;
    padding-bottom: 1em;
    display: inline-block;
}

.ampl-thumbs li {
    display: inline-block;
    padding-right: 5px;
    position: relative;
}

.ampl-thumbs .ampl-thumb {
    outline: 1px solid #eee;
    cursor: pointer;
    height: 100px;
    width: auto;
}

.ampl-thumb-active .ampl-thumb {
    outline: 3px solid #bbb;
}

.ampl-thumbs .ampl-add-to-bag .ampl-add-overlay {
    content: "";
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%20%5B%0D%0A%09%3C%21ENTITY%20st0%20%22fill%3A%23FF0000%3B%22%3E%0D%0A%09%3C%21ENTITY%20st1%20%22fill%3A%23FFFFFF%3B%22%3E%0D%0A%09%3C%21ENTITY%20st2%20%22fill%3A%237A7878%3B%22%3E%0D%0A%09%3C%21ENTITY%20st3%20%22fill%3A%231C5E00%3B%22%3E%0D%0A%09%3C%21ENTITY%20st4%20%22fill%3A%234B9626%3B%22%3E%0D%0A%5D%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Favorite%22%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Ccircle%20style%3D%22%26st4%3B%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%228%22/%3E%0D%0A%09%09%3Cpolygon%20style%3D%22%26st1%3B%22%20points%3D%2211.8%2C4.4%206.4%2C9.8%204.2%2C7.7%203.1%2C8.8%205.3%2C10.9%206.4%2C12%207.5%2C10.9%2012.9%2C5.5%20%09%09%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A');
    background-repeat: no-repeat;
    background-size: 25px auto;
    display: block;
    height: 100%;
    position: absolute;
    right: 3px;
    top: 70px;
    width: 31px;
}

.ampl-caro {
    position: relative;
}

.ampl-caro-viewport {
    position: relative;
    margin: 0 95px;
    min-height: 300px;
}

.ampl-caro-slide {
    left: 0;
    top: 0;
    width: 9000px;
}

.ampl-caro-frame {
    width: 100%;
    max-width: 748px;
    opacity: 0;
}
.ampl-caro-frame,
.ampl-caro-viewport {

}
.ampl-caro-frame.visible {
    opacity: 1;
    transition: opacity .4s linear;
    -moz-transition: opacity .4s linear;
    -webkit-transition: opacity .4s linear;
    z-index: 10;
}

.ampl-caro-ctrl {
    position: absolute;
    top: 100px;
    cursor: pointer;
    width: 42px;
    height: 42px;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #aaa;
}

.ampl-caro-ctrl-lft {
    left: 0;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/png/icons_leftarrow-white.png);
}

.ampl-caro-ctrl-rgt {
    right: 0;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/png/icons_rightarrow-white.png);
}

.ampl-modal-closebtn {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
}

.multiBuyModal .leftSide {
    width: 25%;
}

.multiBuyModal .rightSide {
    width: 49%;
    margin: 0 0 0 10px;
    float: left;
    padding-bottom: 10px;
}

.multiBuyModal .productPhotoWrapper {
    width: 100%;
}

.multiBuyModal .productHeading {
    background-color: #fff;
    margin: 0;
}

.multiBuyModal .savePriceRange,
.multiBuyModal .priceRange{
    padding: 0;
}

.multiBuyModal .productHeading h2, 
.multiBuyModal #horizontalAltNav {
    display: none
}

.multiBuyModal #atbInner label {
    text-align: left;
}

.multiBuyModal #atbInner {
    background-color: #fff;
    margin: 0;
    padding: 10px;
    min-height: 160px;
    border: none !important;
}

.multiBuyModal .prodImagePanelMainImage img {
    border: 1px solid #ddd;
    height: auto;
    max-height: 320px;
    padding: 1px;
    width: 100%;
    max-width: 220px;
    position: relative;
}

.multiBuyModal #continueToCheckout {
    margin: 10px;
}

.multiBuyModal .progress {
    top: 20%;
    left: 40%;
    position: absolute;
}

.multiBuyModal .mainSelect {
    min-height: 18px;
}

.multiBuyModal #fullProductDetailsHref {
    margin: 0;
    text-align: left;
    float: right;
    clear: both;
    padding: 5px 0 0;
}

.multiBuyModal .dropOptionsMore {
    max-height: 200px;
}

/** button styles **/
.btn-container {
    text-align: right;
}

.btn-container a {
    margin-bottom: 10px;
}

.btn-container img {
    cursor: pointer;
}

.btn-bag {
    float: left;
}

#addToBagBtn .btnHolder a:hover,
#addToBagBtn .btnHolder a:focus,
#continueToCheckout .btnHolder a:hover,
#continueToCheckout .btnHolder a:focus {
    text-decoration: none;
}

#substitutionLink {
    display: none;
}/* complete : /css/productdetails/desktop/productDetailsQuickview.css*/