/* ********************************************************** MAIN **************************************************** */

/* Overall and resets */
* { margin: 0 0 0 0; padding: 0 0 0 0; }
h1, h2, h3, h4 { margin-bottom: 3px; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 17px; margin-bottom: 2px; margin-top: 8px; }
h4 { font-size: 14px; }
ol { margin-left: 20px; }

/* more overall and resets */
hr { margin-top: 8px !important; margin-bottom: 8px !important; }
/* 20 is too much margin bootstrap!! */
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', 'Lato', 'Lucida Sans Unicode', 'Lucida Grande', 'Helvetica', 'Arial', sans-serif; margin-top: 5px; }
body, form { font-family: 'Roboto', 'Lato', 'Lucida Sans Unicode', 'Lucida Grande', 'Helvetica', 'Arial', sans-serif; font-size: 14px; line-height: 16px; }
div.clear { clear: both; }
a { text-decoration: none; color: #08c; /*#8fd9d8;*/ }
    a:hover { text-decoration: none; }
.altRow { background-color: #DFEFDF; }
table.gridView tr td { padding: 6px 6px 6px 6px; }
table.gridView tr th { padding: 6px 6px 6px 6px; }
ul { list-style-type: none; }
.offerDescPanel ul { list-style-type: disc; }
div.showListBullets ul { list-style-type: inherit; }
.orange { color: #f15a23 !important; }
.orangeBack { background-color: #f15a23 !important; }
.form-control { width: auto; display: inline; }

/* Gross layout */
.body { margin-bottom: -20px; padding-top: 55px; }
#header { width: 100%; overflow: hidden; z-index: 995; position: fixed; top: 0px; min-height: 55px; border-bottom: 0px lightgray solid; }
    /* ffdccf */
    #header a { color: #f15a23; }
        #header a:hover { text-decoration: underline; }
#header2 { margin: 0 auto; max-width-disabled: 900px; overflow: hidden; color: #fff; background: #fff; }
.header_logo { float: left; vertical-align: middle; }
.header_search { float: left; margin-top: 10px; margin-left: 5px; background: white; border: 1px solid black; }
#header_search_terms { padding: 6px !important; }
.header_nav { float: right; text-align: right; padding-top: 0px; margin-top: 30px; margin-right: 15px; }
#content { min-height: 400px; }
.content-padded { padding-left: 6px !important; padding-right: 6px !important; }
#contentheader { }
#content2 { margin: 0px auto 10px auto; max-width-disabled: 900px; padding: 5px 0 10px 0; }
#contentheader2 { margin: 0px auto 10px auto; max-width-disabled: 900px; padding: 5px 0 10px 0; }
#content3 { padding-left: 4px; padding-right: 4px; }
#footer { width: 100%; background-color: #333; }
    #footer a { color: #f15a23; }
        #footer a:hover { color: White; }
#footer2 { margin: 0 auto; border-bottom-disabled: 1px solid #ecf0f1; max-width-disabled: 900px; color: white; min-height: 25px; font-family: 'Source Sans Pro', sans-serif; vertical-align: bottom; text-align: center; padding: 8px 8px 20px 8px; }
    #footer2 div { color: white; }
#headerTagline { line-height: 50px; font-size: 30px; color: #333; vertical-align: top; white-space: nowrap; }
.footer2logos { text-align: right; float: right; width: 210px; }
#pnlLoggedIn { position: relative; top: -5px; padding-top: 8px; clear: both; }
.header3b div { float: right; font-size: 12px; line-height: 14px; }
.mobileOnly { display: none; }
.desktopOnly { display: inherit; }
.form-control input { margin-bottom: 3px; }

#header_logo { max-height: 53px; height: 53px; }
#header_logo_img { max-height: 53px; height: 53px; }
#contentheader { height: auto; }
#contentheader2 { margin: 0px auto 0px auto; max-width: 900px; padding: 0px; }

@media mobile, only screen and (max-width: 880px) {
    #header { height: auto; position: inherit; }
    #contentheader { height: auto; }
    #contentheader2 { max-width: 454px; }
    #header_search { display: none; float: none; width: 98%; clear: both !important; }
    #header_nav { display: none; float: none; width: 88%; }
}
/*@media mobile, only screen and (max-width: 600px) {
    #header_logo { height: 26px; }
    #header_logo_img { height: 26px; }
}*/

.footerbox { overflow: hidden; white-space: nowrap; margin-top: 10px; }
#header_search_terms { width: 50px; border-radius: 0px; height: 28px; border: 0px; color: #000; border: 0px; }

@media mobile, only screen and (max-width: 880px) {
    .body { padding-top: 0px; }
    #header { position: relative; }
    #header2 { max-width-disabled: 454px; }
    #content { }
    #contentheader { }
    #content2 { max-width-disabled: 454px; }
    #contentheader2 { max-width-disabled: 454px; }
    #footer2 { max-width-disabled: 454px; }
    .header_logo { }
    .header_merchants { float: none; clear: both; width: 100%; }
    .header_nav { float: none; height: auto; margin-left: 20px; }
    .header_social { margin-left: 10px; }
    .mobileOnly { display: inherit; }
    .desktopOnly { display: none; }
    div.mobileClear { clear: both; }
}

@media (max-width: 767px) {
    /* fix bootstrap-responsive's layout on mobile */
    body { padding-right: 0px; padding-left: 0px; }
}

@media print {
    body { padding-top: 4px; }
    #header { display: none; }
}

.pointer { cursor: pointer; }
.header3b div { margin-right: 6px; }

/* Fonts */
.ourFont { font-family: Roboto, Lato, 'Lucida Sans Unicode', 'Lucida Grande', 'Helvetica', 'Arial', sans-serif; }

.leftMenu { float: left; width: 150px; min-height: 500px; overflow: hidden; }
.rightContent { margin-left: 170px; }

@media mobile, only screen and (max-width: 600px) {
    .leftMenu { float: none; width: 100%; min-height: 5px; border-bottom: 3px solid black; margin-bottom: 3px; }
    .rightContent { margin-left: 0px; }
}

.footer_follow_us { margin-top: 9px; }

@media mobile, only screen and (max-width: 800px) {
    .footer_follow_us { margin-top: 15px; }
}

ul.topMenu { float: left; margin: 0px 0px 0px 0px; list-style-type: none; overflow: hidden; border-radius: 0px 0px 5px 5px; width: 100%; background-color: #f15a23; color: White; font-weight: bold; }
    /* background-repeat: repeat-x; background-image: url(https://minio.pinbn.net/media-cloud.dobizlo.com/Common/menubg.png); */
    ul.topMenu li { float: left; height: 18px; color: White; font-size: 14px; font-weight: bold; }
        ul.topMenu li a { color: White; text-decoration: none; padding: 2px 10px 2px 10px; }
            ul.topMenu li a:hover { background-image: none; background-color: #0000FF; text-decoration: none; }
.leftMenu ul { list-style-type: none; margin-left: 0px; }
    .leftMenu ul li { list-style-type: none; }
.leftMenu h3 { font-size: 15pt; line-height: 19pt; padding: 0px 0px 0px 0px; }
.podbar { width: 858px; }

@media mobile, only screen and (max-width: 880px) {
    .podbar { width: 425px; }
}

ul.horizMenu { float: left; margin-left: 0px; margin-right: 0px; list-style-type: none; }
    ul.horizMenu li { float: left; margin-right: 20px; }

/* Misc */
.bigButton { padding: 10px 10px 10px 10px; }
input[type=checkbox] { margin-right: 5px; }
div.scrollOverflow { width: 700px; }
.formFieldLeft { text-align: right; font-weight: bolder; vertical-align: top; }
.formFieldRight { text-align: right; font-weight: bolder; vertical-align: top; }
.orange { color: #f15a23; }
.teal { color: #68c4bd; }
.btn { margin-bottom: 0px; }
.nowrap { white-space: nowrap; }
form { margin-bottom: 0px; }
.left { float: left; }
/* disabled so TemplateVariables.aspx and Reports/*.aspx can show better .table th, .table td { border-top: 0px; } */
.table th, .table td { border-top: 1px grey solid; }
    .table th.right, .table td.right { text-align: right; }
/* overrride bootstrap */
.table { margin-bottom: 0px; }
.no-borders th, .no-borders td, .no-borders { border: 0px; }
    .no-borders > tbody > tr > th, .no-borders > tbody > tr > td, .no-borders > tfoot > tr > td { border: 0px; line-height: normal; }
    .no-borders > thead > tr > th, .no-borders > tbody > tr > th, .no-borders > tfoot > tr > th, .no-borders > thead > tr > td, .no-borders > tbody > tr > td, .no-borders > tfoot > tr > td { border: 0px; }
span.inline label { position: relative; top: 3px; }
#main-nav a:after { color: White; }
#main-nav a { color: #f15a23; }
.lazyload { display: none; }
.table th.formFieldLeft, .table td.formFieldLeft, .table th.formFieldRight, .table td.formFieldRight { text-align: right; }
.nav-pills > li + li { margin-left: 0px; }
/* argh new bootstrap */
.social-links { margin-top: 10px; }
.nav > li > a { display: inline-block; }
.btn { line-height: normal; }
.scrollPanel400 { max-height: 400px; overflow: scroll; }

.navbar-transparent { border-color: transparent; background-color: transparent; }

@media print {
    .noprint { display: none; height: 0px; }
}

.formFieldLeft { text-align: right; font-weight: 600; }

.roundedBox { padding: 0px 0px 0px 0px; border: 1px solid #ffffff; margin: 2px 2px 2px 0px; background-color: White; overflow: hidden; }

/* tweaks to bootstrap */
.btn i { margin-top: 3px; margin-right: 2px; }
.ckeditor table { padding: 0px; }
    .ckeditor table td { padding: 0px; }
label { display: inline; }
code { background-color: #e9e2e6; }

@media print {
    a[href]:after { content: ""; }
}

input[type="radio"] { margin-top: 0px; }
.radio.inline { padding-top: 0px; }
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { margin-bottom: 0px; }

.popupBoxOuter { display: none; background-color: White; position: fixed; top: 20%; /* was 200px */ box-shadow: 0 0 30px; left: 20%; width: 400px; padding: 0px; z-index: 999; overflow: visible; }
.popupBoxRibbon { background-color: #3699d5; color: #fff; position: relative; padding: 7px; margin: 0 0 10px -20px; top: 10px; width: 407px; }
.popupBoxInner { padding: 10px; overflow: hidden; }

.float_left { float: left; }
.float_right { float: right; }


/* ********************************************************** IMPORT **************************************************** */

.infobox { background: #fbfbfb; border: 1px solid #efefef; margin: 0 0 20px; padding: 25px; }

/*--------------------------------------------------
				      COLUMNS
---------------------------------------------------*/
.one { width: 100%; margin-right: 0; }
.one-half { width: 50%; }
.two-third { width: 66%; }
.one-third { width: 33%; }
.one-fourth { width: 25%; }
.last { margin-right: 0 !important; }

/* -------------------------------------------------- */
/*	Contact Info
/* -------------------------------------------------- */

#footer .contact-info { }
.contact-info { margin: 0; }
    .contact-info li { float: left; list-style: none; margin: 0 0px 5px 20px; padding: 0 0 0 24px; }
        .contact-info li.nofloat { float: none; }
    .contact-info .address { background: url(https://minio.pinbn.net/media-cloud.dobizlo.com/Common/ssimg/icon-address.png) no-repeat 0 0; }
    .contact-info .phone { background: url(https://minio.pinbn.net/media-cloud.dobizlo.com/Common/ssimg/icon-phone.png) no-repeat 0 1px; }
    .contact-info .email { background: url(https://minio.pinbn.net/media-cloud.dobizlo.com/Common/ssimg/icon-email-2.png) no-repeat 0 4px; }
    .contact-info .facebook { background: url(https://minio.pinbn.net/media-cloud.dobizlo.com/Common/ssimg/icon-facebook2.png) no-repeat 0 4px; }
    .contact-info .linkedin { background: url(https://minio.pinbn.net/media-cloud.dobizlo.com/Common/ssimg/icon-linkedin2.png) no-repeat 0 4px; }
    .contact-info .twitter { background: url(https://minio.pinbn.net/media-cloud.dobizlo.com/Common/ssimg/icon-twitter.png) no-repeat 0 -15px; }
    .contact-info .instagram { background: url(https://minio.pinbn.net/media-cloud.dobizlo.com/Common/ssimg/icon-instagram.png) no-repeat 0 4px; }

/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */

#logo { float: left; height: 86px; }

/* -------------------------------------------------- */
/*	Social Links
/* -------------------------------------------------- */

.social-links { margin: 0; margin-top: 16px; margin-right: 5px; }
#footer2 .social-links { margin-top: 5px; }
.social-links li { display: inline-block; list-style: none; text-indent: -9999px; }
.ie7 .social-links li { display: inline; font-size: 0; text-indent: 0; }

.social-links li:last-child { margin-right: 0; }
.social-links li a { background-repeat: no-repeat; background-position: 0 -16px; display: block; height: 16px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 20px; }
.social-links li.email a { background-image: url(https://minio.pinbn.net/media-cloud.dobizlo.com/Common/ssimg/icon-email.png); }
.social-links li.facebook a { background-image: url(https://minio.pinbn.net/media-cloud.dobizlo.com/Common/ssimg/icon-facebook.png); }
.social-links li.instagram a { background-image: url(https://minio.pinbn.net/media-cloud.dobizlo.com/Common/ssimg/icon-instagram.png); }
.social-links li.googleplus a { background-image: url(https://minio.pinbn.net/media-cloud.dobizlo.com/Common/ssimg/icon-googleplus.png); }
.social-links li.linkedin a { background-image: url(https://minio.pinbn.net/media-cloud.dobizlo.com/Common/ssimg/icon-linkedin.png); }
.social-links li.pinterest a { background-image: url(https://minio.pinbn.net/media-cloud.dobizlo.com/Common/ssimg/icon-pinterest.png); }
.social-links li.twitter a { background-image: url(https://minio.pinbn.net/media-cloud.dobizlo.com/Common/ssimg/icon-twitter.png); }
.social-links li a:hover { background-position: 0 0; }
.social-links li.blog a { background-image: url(https://minio.pinbn.net/media-cloud.dobizlo.com/Common/blog.png); width: 40px; }

/* -------------------------------------------------- */
/*	Main Navigation
/* -------------------------------------------------- */

#main-nav { float: right; min-width-disabled: 400px; }
    /* #main-nav > ul { margin: -6px 0 0; } */
    #main-nav ul { margin: 0 0 0 0; }
    #main-nav li { list-style: none; float: left; margin: 0; position: relative; width: 100px; }

@media mobile, only screen and (max-width: 880px) {
    #main-nav { float: none; clear: both; min-width-disabled: 400px; }
}

#main-nav a { border-bottom: 1px solid transparent; border-top: 1px solid transparent; color: #3a3a3a; font-family: Roboto, 'Lato', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 13px; font-weight: 800; display: block; letter-spacing: -0.08px; padding: 16px 0 20px 10px; position: relative; text-align: left; z-index: 98; }
    #main-nav a:hover, #main-nav .hover > a, #main-nav .current > a { color: /*#f15a23*/ #fff; background-color: #f15a23; text-decoration: none; }
.ie7 #main-nav a { padding: 33px 20px; }
#main-nav a:after { color: #aeaeae; content: attr(data-description); font-size: 11px; text-transform: uppercase; font-weight: 400; display: block; line-height: 0; margin: 3px 0 -3px; text-align: left; }
.not-ie #main-nav .current:after { background: #f15a23; bottom: -2.5px; content: ''; left: 50%; display: block; height: 5px; margin: 0 0 0 -2.5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; width: 5px; }

/* Dropdown */
.no-js #main-nav li:hover > ul { display: block; top: 92px; }
#main-nav ul ul { background: #3a3a3a; -webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2); -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2); box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2); display: none; left: 0; padding: 0; position: absolute; top: 92px; width: 200px; z-index: 99; }
    #main-nav ul ul li { float: none; }
    #main-nav ul ul a { border: 0; border-bottom: 1px solid #252525; border-top: 1px solid #4c4c4c; color: #fff; display: block; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 11px; letter-spacing: 0; font-weight: 400; padding: 8px 20px !important; text-align: left; text-transform: none; }
        #main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current > a, #main-nav ul ul .current > a:hover { background: #f15a23; color: #fff; }
.not-ie #main-nav ul ul .current:after { display: none; }

/* Sub Dropdown */
#main-nav ul ul ul { left: 200px !important; top: 0 !important; }

/* -------------------------------------------------- */
/*	Footer Navigation */
/* -------------------------------------------------- */

#footer-nav { border-bottom: 1px solid #ddd; margin: 0 0 12px; padding: 0 0 12px; }
    #footer-nav ul { margin: 0; }
    #footer-nav li { background: none; border: none; display: inline-block; list-style: none; margin: 0 -3px 0 0; }
.ie7 #footer-nav li { display: inline; }
#footer-nav li a { display: block; padding: 0 15px; }
#footer-nav li:first-child a { border-left: none; padding-left: 0; }
#footer-nav li:last-child a { padding-right: 0; }

/* Ribbonesque */
.ribbonize:after { content: ' '; position: absolute; width: 0; height: 0; left: 0px; top: 100%; border-width: 5px 10px; border-style: solid; border-color: #666 #666 transparent transparent; }

/* custom bootstrap bits*/
.btn-black { background-color: hsl(166, 0%, 1%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#353535", endColorstr="#020202"); background-image: -khtml-gradient(linear, left top, left bottom, from(#353535), to(#020202)); background-image: -moz-linear-gradient(top, #353535, #020202); background-image: -ms-linear-gradient(top, #353535, #020202); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #353535), color-stop(100%, #020202)); background-image: -webkit-linear-gradient(top, #353535, #020202); background-image: -o-linear-gradient(top, #353535, #020202); background-image: linear-gradient(#353535, #020202); border-color: #020202 #020202 hsl(166, 0%, -4%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased; }
.btn-dobizlo { background-color: #f15a23; border-color: #f15a23; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); background-color: #e5511a; background-image: -moz-linear-gradient(top,#f15a23,#d4420d); background-image: -webkit-gradient(linear,0 0,0 100%,from(#f15a23),to(#d4420d)); background-image: -webkit-linear-gradient(top,#f15a23,#d4420d); background-image: -o-linear-gradient(top,#f15a23,#d4420d); background-image: linear-gradient(to bottom,#f15a23,#d4420d); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff15a23', endColorstr='#ffd3420d', GradientType=0); border-color: #d4420d #d4420d #8c2c09; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); }
    .btn-dobizlo:hover,
    .btn-dobizlo:focus { text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position .1s linear; -moz-transition: background-position .1s linear; -o-transition: background-position .1s linear; transition: background-position .1s linear; }
    .btn-dobizlo:hover,
    .btn-dobizlo:focus { background-color: #d4420d; }
    .btn-dobizlo:active,
    .btn-dobizlo.active,
    .btn-dobizlo.active:hover { background-color: #ec4a0f; border-color: #d4420d; }
    .btn-dobizlo.disabled:hover,
    .btn-dobizlo.disabled:focus,
    .btn-dobizlo.disabled:active,
    .btn-dobizlo.disabled.active,
    .btn-dobizlo[disabled] .btn-dobizlo:hover,
    .btn-dobizlo[disabled] .btn-dobizlo:focus,
    .btn-dobizlo[disabled] .btn-dobizlo:active,
    .btn-dobizlo[disabled] .btn-dobizlo.active { background-color: #f15a23; border-color: #f15a23; }