#modal_outer {
        position:fixed;
        top:50%;
        left:50%;
        z-index:4563; 
    }
    
    #modal_outer > * {
        background: #ffffff !important;
    }
    
    #modal_overlay {
        position:fixed;
        left:0px;
        top:0px;
        z-index:4561;
        background-color:#555555;
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        opacity: 0.8;
        height:100%;
        width:100%;
    }
    
    #modal_container {
        text-align: center;
        padding:10px;
        overflow:none;  
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
    }
    
    #modal_control {
        width:100%;
        height: 39px;
        padding-left: 10px;
        padding-right: 10px;
        text-align:center;
        position:relative;
    }
    
    #modal_control .left{
        position:absolute;
        left:0px;
        top:2px;
    }

    #modal_control .right{
        position:absolute;
        right:0px;
        top:2px;        
    }
        
    #modal_header {
        width: 100%;
        padding: 6px;
        padding-top: 0px;
        height: 33px;
        border-bottom: 1px solid #eaeaea;
    }   
    
    #modal_header .title{
        font-weight: bold;
        font-size: 17px;
        margin-top: 0px;
        margin-top: 10px;
        padding: 0;
        display: inline-block;
    }
    
    #modal_container p, #modal_container ul, #modal_container li {
        font-size: 12px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }

/* Modal Buttons - Continue, Close, Page Back, Page Forward (Hover states listed at end) */

/* Contine button */

.modalButtonContinue, .modalButtonClose, .modalButtonBack, .modalButtonForward, .modalButtonNoStyle, .videoModalButtonClose {
    float: right;
    min-width: 30px;
    margin-top: 5px;
    height: 20px;
    padding: 0px;
}

#modal_container #controls {
    display: none;
}

.modalButtonContinue a, .modalButtonContinue a:link, .modalButtonContinue a:visited {
    height: 29px;
    margin: 0px;
    color: #000000;
    background-image: url(//images2.drct2u.com/content/common/images/modalButtons/modalButtonContinueBg.gif);
    background-repeat: repeat-x;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
    padding-top: 4px;
    float: left;
    min-width: 10px;
}

.modalButtonContinue .buttonCapLt {
    height: 29px;
    width: 26px;
    background-image: url(//images2.drct2u.com/content/common/images/modalButtons/modalButtonContinueCapLt.gif);
    background-repeat: no-repeat;
    float: left;
    margin: 0px;
}

.modalButtonContinue .buttonCapRt {
    height: 29px;
    width: 10px;
    background-image: url(//images2.drct2u.com/content/common/images/modalButtons/modalButtonContinueCapRt.gif);
    background-repeat: no-repeat;
    float: left;
    margin: 0px;
}


/* Close button, Page Back, Page Forward a classes*/

.modalButtonClose a, .modalButtonClose a:link, .modalButtonClose a:visited, .modalButtonBack a, .modalButtonBack a:link, .modalButtonBack a:visited, .modalButtonForward a, .modalButtonForward a:link, .modalButtonForward a:visited, .modalButtonNoStyle a, .modalButtonNoStyle a:link, .modalButtonNoStyle a:visited, .videoModalButtonClose a, .videoModalButtonClose a:link, .videoModalButtonClose a:visited {
    height: 29px;
    margin: 0px;
    color: #000000;
    background-image: url(//images2.drct2u.com/content/common/images/modalButtons/modalButtonBg.gif);
    background-repeat: repeat-x;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
    padding-top: 4px;
    float: left;
    min-width: 10px;
}

/* NEW MODAL BUTTON */
.btn-new a, .btn-new a:link,.btn-new a:hover {
    background-image: none;
    text-decoration: none;
    height: initial;
    padding: 12px 14px;
    margin: initial;
    float: none;
    position: relative;
    bottom: 6px;
}

.btn-new a:hover, .btn-new a:hover {
	text-decoration: initial !important;
    color: initial !important;
    float: initial !important;
}

.btn-grey a, .btn-grey a:link {
    background-color: #efefef;
}

.btn-grey a:hover {
    background-color: #dedede !important;
}

.btn-green a, .btn-green a:link, .btn-green a:visited {
	background-color: #3a981e;
	color: #ffffff;
}

.btn-green a:hover {
	background-color: #317d1a !important;
    color: #ffffff !important;
}
/* END NEW MODAL BUTTONS */

.modalButtonClose .buttonCapRt, .modalButtonBack .buttonCapRt, .videoModalButtonClose .buttonCapRt {
    height: 29px;
    float: left;
    width: 10px;
    background-image: url(//images2.drct2u.com/content/common/images/modalButtons/modalButtonCapRt.gif);
    background-repeat: no-repeat;
    margin: 0px;
}

/* Close Button Left X Graphic */

.modalButtonClose .buttonCapLt, .videoModalButtonClose .buttonCapLt {
    height: 29px;
    width: 24px;
    float: left;
    background-image: url(//images2.drct2u.com/content/common/images/modalButtons/modalButtonCloseCapLt.gif);
    background-repeat: no-repeat;
    margin: 0px;
}

/* Page Back Button Left Arrow Graphic */

.modalButtonBack .buttonCapLt {
    height: 29px;
    width: 24px;
    float: left;
    background-image: url(//images2.drct2u.com/content/common/images/modalButtons/modalButtonBackCapLt.gif);
    background-repeat: no-repeat;
    margin: 0px;
}

/* Page Forward Right Arrow Graphic */

.modalButtonForward .buttonCapRt {
    height: 29px;
    width: 24px;
    float: left;
    background-image: url(//images2.drct2u.com/content/common/images/modalButtons/modalButtonForwardCapRt.gif);
    background-repeat: no-repeat;
    margin: 0px;
}

.modalButtonForward .buttonCapLt {
    height: 29px;
    width: 10px;
    float: left;
    background-image: url(//images2.drct2u.com/content/common/images/modalButtons/modalButtonForwardCapLt.gif);
    background-repeat: no-repeat;
    margin: 0px;
}

/* No style buttons - no left or right edge graphics */

.modalButtonNoStyle .buttonCapLt {
    height: 29px;
    width: 10px;
    float: left;
    background-image: url(//images2.drct2u.com/content/common/images/modalButtons/modalButtonForwardCapLt.gif);
    background-repeat: no-repeat;
    margin: 0px;
}

.modalButtonNoStyle .buttonCapRt {
    height: 29px;
    float: left;
    width: 10px;
    background-image: url(//images2.drct2u.com/content/common/images/modalButtons/modalButtonCapRt.gif);
    background-repeat: no-repeat;
    margin: 0px;
}


/* Button HOVERS - Continue, Close, Page Back, Page Forward */

.modalButtonClose a:hover, .modalButtonBack a:hover, .modalButtonForward a:hover, .modalButtonContinue a:hover, .modalButtonNoStyle a:hover, .videoModalButtonClose a:hover {
    text-decoration: none;
    color: #009900;
    float: left;
    background-color: transparent;
}

#modalButtonRight {
    float: right;
}

#modalButtonLeft {
    float: left;
}

/* Additional message text styles */

#warningText {
    font-weight: bold;
    color: #ff0000;
}

#flashZoomifyPhase2Iframe{
    border:0px;
    height:100%;
    margin:-5px -5px -5px -9px;
    overflow:hidden;
    width:100%;
}

#modal_outer .noControls {
    border-bottom:3px solid #DEDCDC;
    padding: 0px;
}

#modal_outer .noHeader {
    border-top:3px solid #DEDCDC;
}

#modal_outer .noFooter {
    border-bottom:3px solid #DEDCDC;
}

.formOverlayBorder {
    position:absolute;
    top:50%;
    left:50%;
    border:3px solid #dedcdc;
    margin-left: -100px;
    width: 200px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    z-index: 1000;
    text-align: center;
    padding:10px;
    padding-top:25px;
    background-color: #FFFFFF;
    background-image: url(//images2.drct2u.com/content/images/product_details/loading.gif);
    background-position:50% 3px;
    background-repeat:no-repeat;
    font-size:13px; 
}

.formOverlayBorder .overlayCornerBL {
    background:transparent url(//images2.drct2u.com/content/images/productdetails/prodDetailsBL.gif) no-repeat scroll center bottom;
    bottom:0;
    height:10px;
    left:0;
    margin:-3px;
    padding:0;
    position:absolute;
    width:10px;
}


.formOverlayBorder .overlayCornerBR {
    background:transparent url(//images2.drct2u.com/content/images/productdetails/prodDetailsBR.gif) no-repeat scroll center bottom;
    bottom:0;
    height:10px;
    right:0;
    margin:-3px;
    padding:0;
    position:absolute;
    width:10px;
}

.overlay {
    background:#FFFFFF none repeat scroll 0 0;
    height:100%;
    left:0;
    margin-left:-3px;
    margin-top:-3px;
    position:absolute;
    top:0;
    width:100%;
    z-index:4563;
}

#modalContinueAnchor {
    cursor: pointer;
}

/* VIDEO MODAL STYLING ONLY
-----------------------------------------------------------------*/
.videoModalContainer {
    padding: 0 !important;
}
.videoModalControls {
    padding: 0 !important;
}

.videoModalHeader {
    padding: 10px 0 10px 0 !important;
}

.videoModalHeader .title {
    padding-left: 10px;
}

/* Irish marketing preferencs - Communication options
-----------------------------------------------------------------*/
.marketingTickBox {
    width: 20px;
    float: left;
    margin-right:3px;
}

/* Ampliance
-----------------------------------------------------------------*/
#modal_outer .quickview-no-product {
    text-align: left;
    height: 310px !important
}

#modal_outer .multisavings-no-product {
    text-align: left;
    height: 310px !important
}

#modal_container.quickview-no-product {
    border: 3px solid #a2a2a2 !important;
    border-radius: 1em !important;
}

#modal_container.multisavings-no-product {
    border: 3px solid #a2a2a2 !important;
    border-radius: 1em !important;
}

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

/* eGain FAQs modal - Out of hours */
.egce-modal-box {
    display: block;
    width: 50%;
    margin: 10px auto;
    padding: 10px;
    background: #CCC;
    border: 1px solid #CCC;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: left;
    overflow: hidden;
}

.egce-modal-box .egce-modal-close-button {
    background-color: #006A91;
    top: 5px;
    right: 5px;
}

.egce-modal-box .message {
    width: 100%;
    padding: 10px;
    color: #444;
    font-size: 1.2em;
    font-weight: bold;
}

@media screen and (max-device-width: 768px){
    .egce-modal-box {
        width: 90%;
        padding: 5px;
    }

    .egce-modal-box .egce-modal-close-button {
        top: 10px;
    }

    .egce-modal-box .message {
        width: 88%;
        font-size: 1em;
        font-weight: normal;
        line-height: 1.4em;
    }
}
/****** FOR P&P ******/
.PandP {
  text-align: left;
}
.ppOnly {
  margin-top: 12px;
}
.acceptTC {
  overflow: hidden;
  margin: 16px 0;
  width: 250px;
  float: right;
}
.leftTC {
    float: left;         
}
.rightTC {
    float: left;
    width: 220px;
}             
#pandpTickBox {
  position: static;
  float: left;
}
#pandptandc a {
  text-decoration: underline;
}
span#close-btn:hover {
    cursor: pointer;	
}
#pandpAddToBagBtn {
  clear: both;
}