/*.no-open-panel.body-homepage { overflow: hidden; }*/

#homepage-container {
    width: 100%;
    height: 100%;
}




#hp-bottom-drawers {
    height: 70px;
    width: 752px;
    position: absolute;
    bottom: 0;
    z-index: 90;
    visibility: hidden;
}

#hp-bottom-drawers .drawer { 
    position: relative;
    width: 250px;
    float: left;
    min-height: 70px;
    }
    
#hp-bottom-drawers.drawers-autowiden-1 .drawer { 
    width: 100%;
    }
#hp-bottom-drawers.drawers-autowiden-2 .drawer { 
    width: 374px;
    }
    
    #hp-bottom-drawers .drawer .drawer-body,
    #homepage-iframe-body .drawer-body { 
        visibility: hidden;
        }
    
    #hp-bottom-drawers .drawer-iframe-container .inner { margin: 0; }
    #hp-bottom-drawers .drawer-iframe-container.active .inner { margin: 20px; }
    
    #hp-bottom-drawers .drawer IFRAME { width: 100%; }
    
    #hp-bottom-drawers .drawer .background { 
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: black;
        opacity: .8;
        }
        #hp-bottom-drawers .drawer.active .background { 
            opacity: 1;
            }
        #hp-bottom-drawers .drawer.active .subhead,
        #homepage-iframe-body.active .subhead { 
            display: none;
            } 
        #hp-bottom-drawers .drawer.active .drawer-body,
        #homepage-iframe-body.active .drawer-body { 
            visibility: visible;
            }

#hp-bottom-drawers .rule { 
    width: 1px;
    height: 40px;
    float: left;
    }
#hp-bottom-drawers.drawers-autowiden-1 .rule { 
    display: none;
    }

    #hp-bottom-drawers .drawer .inner { 
        position: relative;
        top: 0;
        margin: 20px;
        font-family: arial, sans-serif;
        }
        
        #hp-bottom-drawers .drawer .link_overlay { 
            display: block;
            background: url('/media/images/common/blank.gif');
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-decoration: none;
            }

        #hp-bottom-drawers .drawer .inner H3,
        #homepage-iframe-body H3 {
            color: white;
            font-size: 14px;
            line-height: 18px;
            font-weight: bold;
            font-family: 'helvetica neue', helvetica, arial, sans-serif;
            text-transform: uppercase;
            margin-bottom: 5px;
            opacity: .7;
            } 

            #hp-bottom-drawers .drawer.active .inner H3,
            #homepage-iframe-body.active H3 { 
                opacity: 1;
                } 

        #hp-bottom-drawers .drawer .inner p,
        #homepage-iframe-body p { 
            color: #888888;
            font-size: 11px;
            line-height: 13px;
            margin-bottom: 20px;
            } 

        SELECT,
        .promo-form INPUT.form-submit,
        .promo-form input[type="submit"] {
            -webkit-appearance: none;
            -webkit-border-radius: 0;
        }

        .promo-form input[type="text"],
        .promo-form input[type="email"],
        .promo-form input[type="tel"] { 
            text-align: left;
            display: block;
            background-color: #000;
            width: 200px;
            height: 15px;
            border: 1px solid #7f7f7f;
            color: #888888;
            margin: 0 0 20px 0;
            box-shadow: none;
            -webkit-appearance: none;
            -webkit-border-radius: 0;
        }
        
        .promo-form select { 
            width: 206px;
            margin: 0 0 20px 0;
            background-color: #000;
            color: #888;
            }
            
        .promo-form .checkbox {
            width: 13px;
            height: 13px;
            padding: 0 0 0 0;
            border: 1px solid #7f7f7f;
            /*background: url('/media/images/forms/bkg_checkbox.gif') 0 0;*/
            /*display: block;*/
            clear: left;
            float: left;
            }

        .promo-form .checkbox-label {
            width: 180px;
            padding: 0 0 0 0;
            float: left;
            margin-bottom: 6px;
            }
            
        .promo-form input#offers { 
            float: left;
            width: 13px;
            height: 13px;
            } 

        .promo-form input#offers + P {
            float: left;
            width: 188px;
            margin-left: 7px;
            } 

        .promo-form div#signup-container {
            width: 210px; 
            height: auto;
            }

        #signup-container input[type="email"] {
            float: left;
            width: 175px;
            margin: 0 4px 0 0;
            height: 21px;
        }
        .ie #signup-container input.inline-label-field { float: left; width: 170px; margin: 0 4px 0 0; }
        
        #signup-container .form-submit {
            display: block;
            text-decoration: none;
            width: 21px;
            height: 21px;
            border: 1px solid #7f7f7f;
            margin: 0;
        }
        .ie #signup-container .form-submit { float: left; display: inline; }
        
                
                
/* Popovers: Home/Landing
---------------------------------------------------------*/
#front-overlay-container { visibility: hidden; display: block; z-index: 200; background-color: #222; filter: alpha(opacity=70); opacity: 0.7; }   
#front-overlay-container #front-overlay-content { width: 200px; height: auto; }
#front-overlay-container .close-container { position: absolute; top: 5px; right: 7px; }
#front-overlay-container .close-container a.close-link { background-image: url("/media/images/common/btn_close.gif"); z-index: 31; }


#homepage-iframe-body {
    margin: 0;
    padding: 0;
    background: none;
    font: 11px arial,verdana,helvetica,clean,sans-serif;
}


/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation:landscape) {
     .ipad #homepage-container { width: 788px; }
}
.ipad .body-homepage #footernav { bottom: 0; position: fixed; }
.ipad .body-homepage #main_content_td { background-color: #000; }
.ipad .container-fixed-scrolling {  }
.ipad #hp-bottom-drawers { bottom: 17px; }
.ipad #front-overlay-container .close-container { top: -3px; right: -2px; }
.ipad #front-overlay-container .close-container a.close-link { background: transparent url(/media/images/common/btn_close_25x65.gif) 0 0 no-repeat; margin: 0; width: 25px; height: 25px; }