/* only define template page layout styles here. */
/* any formatting/content styles should be put in 'content.css' */
* {
    outline:none;
}

.primary-color {
    background:#398bc5;  /* - - - CHANGE THIS COLOR TO A DARK COLOR USED IN THE DESIGN - - - */
    color:#FFF;
}

html {

}

body {
    background:#f4ece1 url(/templates/custom/buffalo-ext-2013/images/main-bg.jpg) no-repeat top center;
}



/************************************  Header  *****************************************************/

#header { padding:16px 0 0 0; position:relative;}

.h-search-block { float:left; position:relative; margin:8px 0 0 18px;}

#h-right-top { margin-bottom:15px; }

/********************************  Top Nav  **********************************************/

#top-nav { background:#e8e0d4; border-radius:15px 15px 0 0; margin-right:15px;}


/*******************************  Content  *******************************************/

#page-outer { background:url(/templates/custom/buffalo-ext-2013/images/page-bg.png) repeat; border-radius:15px; box-shadow:0px 3px 8px #a9a39a, 0px -2px 8px #a9a39a; position:relative;}

.banner-block { margin:44px 18px 13px 18px; background:url(/templates/custom/buffalo-ext-2013/images/contant-b-shadow.png) no-repeat top center; padding-top:24px; }
.banner {border-radius:15px; overflow:hidden;}

.bx-controls { position:absolute; height:19px; z-index:99999; width:300px; bottom:21px; right:0px;}
#banner .bx-wrapper .bx-pager { bottom:0px; right:0px;}
.bx-wrapper { margin:0px;}


.banner-bottom-btns { margin:0 18px 62px 18px;}

.content { padding:0 70px 40px 70px; }
.content-left { padding:0 0px 40px 50px; }
.divider {margin-bottom:17px; background:url(/templates/custom/buffalo-ext-2013/images/contant-b-shadow.png) no-repeat center bottom;}

#bottom-content { padding:0 31px 0 70px; margin-bottom:30px;}
#bottom-subblock { padding:0 0 0 70px; margin-bottom:65px;}

.b-subblock { float:left; width:45%;}
#b-subblock-left { margin-right:30px;}

#footer-outer { background:#dfd7ca; border-radius:0 0 15px 15px;}
#footer-links { padding:42px 0 60px 70px; background:#eae2d6; border-radius:0 0 0 15px;}

#f-contact { padding:42px 0 0 24px; border-radius:0 0 15px 0;}
#f-contact-outer { border-radius:0 0 15px 0;}

#copyright { padding:30px 0 98px 0;}


.banner .flexslider {
    border: 0!important;
    margin: 0!important;
}
.banner .flex-control-nav {
    bottom: 21px;
    text-align: right;
    font-size: 0;
    right: 26px;
}

.banner .flex-direction-nav a {
    margin: -20% 0 0;
}

.banner .flex-control-paging li a {
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.banner .flex-control-paging li a.flex-active {
    background: #fff;
}

.banner .flex-control-paging li a {
    background: rgba(255,255,255,.2);
}

#warning_announcement {
    background-color:red; 
    width:100%;
    border-bottom:1px solid #fff;
    text-align:center;
}
#warning_announcement a { color:#fff; }