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