/*
    Document   : tablet
    Created on : 6-Jul-2015, 3:54:05 PM
    Author     : Dane Stevens <dane[at]dsmedia[dot]ca>
    Description:
        Purpose of the stylesheet follows.
*/

.show_p_tablet { display:block !important; }
.block_p_tablet { display:none !important; }
.block_l_tablet { display:none !important; }

.margin_right { margin-right:0; }
.margin_left { margin-left:0; }

.mobile_right { margin-top:80px; margin-bottom:0px; }
.mobile_left { margin-top:-140px; }

#deviceWrap span.device_mobile { display:block; }

.col_1 { width:100%; }
.col_2 { width:100%; }
.col_3 { width:100%; }
.col_4 { width:100%; }
.col_5 { width:100%; }
.col_6 { width:100%; }
.col_7 { width:100%; }
.col_8 { width:100%; }
.col_9 { width:100%; }
.col_10 { width:100%; }
.col_11 { width:100%; }
.col_12 { width:100%; }

/*#messageWrap #message { font-size:14pt; }
#messageWrap #message .margin { margin:20px; }
#messageWrap #message .continue { font-size:10pt; }

.overlay { top:0px; left:0px; max-width:100%; height:100%; border-radius:0px; }
.overlay .margin { margin:0px 10px 20px 10px; }*/

#wrapper { padding-top:60px; }

#headerBGR { position:fixed; width:100%; z-index:1; top:0px; }

#wrapper.mobile_slide { left:-80%; right:80%; }

#navWrap { height:60px; }
#logo { text-align:center; padding:10px; }
#logo a { display:inline-block; }
#logo a img { height:40px; }
#logo a img.main-logo { margin-top: -30px; }

#mobile_nav { display:block; width:80%; height:100%; position:absolute; right:-80%; top:0px; padding:0px; }
#wrapper.mobile_slide #mobile_nav { right:-80%; }

ul#mainNav { position:static; width:100%; padding:0px; margin:0px; }
    ul#mainNav li { display:block !important; margin:0px; }
        ul#mainNav li a { display:block; color:#ffffff; text-decoration:none; padding:10px; font-weight:bold; letter-spacing:.5px; border-bottom:1px solid #444; }
            ul#mainNav li a img,
            ul#mainNav li a i { height:22px; vertical-align:middle; margin-right:10px; }

            ul#mainNav li a:hover i { color: #fff; }
            
            #language { position:static; background:none; }
                #language a { display:block; color:#ffffff; text-decoration:none; padding:10px; font-weight:bold; letter-spacing:.5px; background:none;  border-bottom:1px solid #444; display:block; }
                #language a img { height:22px; vertical-align:middle; margin-right:10px; display:inline-block !important; }

.top-bar-login { margin-top: 0px; }
                
.top-bar-login-input {
    position: relative;
    left: 0px;
}

.member-login-heading {
    float: right;
    position: relative;
    left: 16px;
}

/* VISA Card on rebate review screen */
.visa-card-review {
    width: 50%;
}