/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    width: 576px;
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -288px;
    color: #333;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.jqmClose {
    display: block;
    position: absolute;
    top: -12px;
    right: -12px;
}
.jqmClose:hover {
    cursor: pointer;
}

#corp-modal {
    height: 449px;
    background: url(/images/modals/corp-bg.png) no-repeat;
}
.modal-content {
    position: absolute;
    top: 120px;
    left: 30px;
    padding-right: 10px;
    font-family: Verdana, Arial, sans-serif;
    color: #000000;
    overflow: auto;
    height: 410px;
}
#corp-modal .modal-content {
    top: 110px;
}
.modal-content p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
}
#corp-modal .modal-content p {
    font-size: 14px;
    line-height: 24px;
}
#corp-modal .modal-content p {
    margin-bottom: 0;
}
.modal-content h4 {
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    margin-top: 10px;
}
.modal-content ul {
    padding-left: 15px;
    margin-bottom: 15px;
}
#corp-modal .modal-content ul {
    padding-left: 0;
}
#corp-modal .modal-content li {
    list-style: none;
}
.modal-content li {
    font-size: 12px;
    line-height: 18px;
}
.modal-content li a, .modal-content li a:visited {
    font-size: 12px;
    line-height: 18px;
    color: #000000;
}

.hbph-modal {
    height: 578px;
    background: url(/images/modals/hbph-bg.png) no-repeat;
}

.hphw-modal {
    height: 578px;
    background: url(/images/modals/hphw-bg.png) no-repeat;
   
}

.hbph-modal-bf {
    height: 578px;
    width:845px;
    background: url(/images/modals/black-friday-lbx-frame.png) no-repeat;
}

.hphw-modal-bf {
    height: 578px;
    width:845px;
    background: url(/images/modals/black-friday-lbx-frame.png) no-repeat;
    left:40%;
    top: 60px;
   
}


body.hphw-styles.homepage div.jqmOverlay { background-color: #fff !important; }

#hphw-modal-bf .modal-content{
    overflow: visible;
}

#hphw-modal-bf .days{
    overflow: visible;
    color:red;
    margin-left: -57px;
position: absolute;
}

#hphw-modal-bf .hours{
    overflow: visible;
    color:red;
    margin-left: 35px;
position: absolute;
}

#hphw-modal-bf .minutes{
    overflow: visible;
    color:red;
     margin-left: 143px;
position: absolute;
}

#hphw-modal-bf h1{
margin-left:325px;

margin-top:-18px;
font-size:50px;
font-family: Arial;
}

#hphw-modal-bf .cta{
margin-left: 312px;
margin-top: 260px;
}

.jqmClose{
    top: 73px;
    right: 165px;
}
.hphw-fees-modal .jqmClose,
.hbph-fees-modal .jqmClose {
    top: 5px;
    right: 2px;
}

 .hbph-modal-bf {
    height: 578px;
    width:845px;
    background: url(/images/modals/black-friday-lbx-frame.png) no-repeat;
}

.hphw-modal-bf {
    height: 578px;
    width:845px;
    background: url(/images/modals/black-friday-lbx-frame.png) no-repeat;
    left:40%;
    top: 60px;
   
}


body.hbph-styles.homepage div.jqmOverlay { background-color: #fff !important; }

#hbph-modal-bf .modal-content{
    overflow: visible;
}

#hbph-modal-bf .days{
    overflow: visible;
    color:red;
    margin-left: -57px;
position: absolute;
}

#hbph-modal-bf .hours{
    overflow: visible;
    color:red;
    margin-left: 35px;
position: absolute;
}

#hbph-modal-bf .minutes{
    overflow: visible;
    color:red;
     margin-left: 143px;
position: absolute;
}

#hbph-modal-bf h1{
margin-left:325px;

margin-top:-18px;
font-size:50px;
font-family: Arial;
}

#hbph-modal-bf .cta{
margin-left: 312px;
margin-top: 260px;
}
    

#mkbh-modal {
    top: 17%;
    width: 576px;
    height: 578px;
    margin-left: -278px;
    background: url(/images/modals/mkbh-bg.png) no-repeat;
    text-align: left;
    z-index: 99999 !important;
}