#countdown-bar {width:100%; height:45px; padding-top:5px; border-bottom:1px solid #fff; z-index:100; position: fixed; top:0; background:#dd5828;}

#countdown-home {}

#spacer1, #spacer2 {margin:0; padding:0; height:18px; background:none;}

.countdown-numbers {
    width: 50px;
    text-align: center; 
    font-family: Verdana, sans-serif; 
    font-size: 16px;
    font-weight: bold;    /* options are normal, bold, bolder, lighter */
    font-style: normal;   /* options are normal or italic */
    color: #373737;       /* change color using the hexadecimal color codes for HTML */
}
.countdown-title {        /* the styles below will affect the title under the numbers, i.e., "Days", "Hours", etc. */
    width: 50px;
    text-align: center; 
    font-family: Verdana, sans-serif; 
    font-size: 9px;
    font-weight: normal;    /* options are normal, bold, bolder, lighter */
    color: #000;       /* change color using the hexadecimal color codes for HTML */
    margin-top:-3px;
}

.countdown {
    height: 48px;
    float:left;
    border-style: none;
    background:url(graphics/main/countdown_box.png) repeat-x center left;
    margin: 0px auto;
    position: relative;   /* leave as "relative" to keep timer centered on your page, or change to "absolute" then change the values of the "top" and "left" properties to position the timer */
    top: 0px;             /* change to position the timer */
    left: 0px;            /* change to position the timer; delete this property and it's value to keep timer centered on page */
}

.countdown#countdown-home {margin:0; padding:0; height:41px; width: auto; }
.countdown#countdown-branch {width: 200px; /* width of branchpage sidebar */}

#countdown-timer h3 {color:#fff; font-size:24px; float:left; margin-top:5px; margin-right:8px;}
#countdown-link {padding-top:2px; margin-left:8px; float:left;}
#countdown-link a {color:#fff; font-size:11px; font-family: Verdana, sans-serif; line-height:1.1;}

body.mobile #countdown-bar {height:auto;}
body.mobile .countdown {background:none; float:none;}
body.mobile .countdown-numbers, body.mobile .countdown-title {color:#fff;}
body.mobile #countdown-timer h3, body.mobile #countdown-link {float:none; margin:auto; text-align:center;}
body.mobile #countdown-timer {margin-bottom:8px;}

#countdown-bar table tbody tr td { margin:0; padding:0;}

.wrapper {margin-top:33px !important; z-index:0; position: relative;}

#google_translate_element{top: 49px;}

body{top: 18px !important;}

#countdown-timer .wrapper {
  box-shadow: none;
  margin-top: 0 !important;
}

@media only screen and (max-width: 900px) {
    #countdown-bar {height:auto; position:relative;}
    #countdown-bar .wrapper {margin-top:0px !important; background:none;}
    .wrapper {margin-top:0px !important; }
    body {top: 0px !important;}
    #countdown-timer h3 {float:none; margin-top:25px;}
    #countdown-link {float:none;}
    #google_translate_element{top:0px;}
}

.clear {
  clear: both;
}