html {scroll-padding-top: 160px}
html, body, form {
  height: 100%;
}

.admin              { top: 53px !important; z-index: 9; } 
.topbar             { height:34px; }
h4.page-title       { margin:0; font-size: 30px; font-weight: bold;}

    

.to-left    { text-align:left; }
.to-right   { text-align:right; }

.section-page-header {
    color: #f2efe6;
	padding-top:114px;
}

.section-page-header-bg {
    padding:5px 0 10px;
    margin-bottom: 20px;
    background-color: #4d505e;
    border-top: 5px solid #a13039;
}

.section-homepage-header {
    color: #f2efe6;
	padding-top:114px;
    background-color: #4d505e;
    border-bottom: 5px solid #a13039;
}

.homepage-red-line {
    background-color: #a13039;
    height: 5px;
}

.homepage-header-panel {
   background-color: rgba(242, 239, 230, 0.2);
    margin-top: 14px;
    margin-bottom: 15px;
    padding: 15px 0 5px;
    border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


@media (min-width: 767px) {

    .section-page-header-bg {
        margin-bottom: 20px;
    }

}

@media (min-width: 991px) {
	.section-page-header {
        padding-top: 139px;
	}

    .section-homepage-header {
        padding-top: 139px;
    }
}


.section-map-header {
	background-color: #f2efe6;
    padding-bottom:10px;
    border-bottom: solid 1px #cbcbcb;
}


footer { padding-top:25px;}

.legal-footer {
    padding:20px 0 5px; 
    border-top: solid 5px #a13039; 
    color:#777;
    background-color: #222;
    font-size: 12px;
    margin-top: 20px;
}


.legal-footer a:link,
.legal-footer a:visited { color:#777; }

.legal-footer a:active,
.legal-footer a:hover,
.legal-footer a:focus { 
	color:#f2efe6;
    text-decoration:none;
    transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    -webkit-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
}


.footer-border-right { border-right:solid 1px #666666; }
.footer-border-bottom { border-bottom:solid 1px #666666; padding-top:20px; padding-bottom:20px; margin-bottom:20px; }

.search-button,
.search-button a,
.search-button a:link,
.search-button a:active,
.search-button a:visited,
.search-button a:focus { 
    height:34px;
    line-height:34px;
    width:34px;
    text-align:center;
    color:#999999;
}
.search-button a:hover {
    color:#f2efe6;
    text-decoration:none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}


/*------------------------------------------------*/
/* SEARCH */
/*------------------------------------------------*/
.search {
    position: relative;
    min-width: 35px;
    width: 0;
    height: 34px;
    float: right;
    overflow: hidden;
    -webkit-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s;
}

#dnn_dnnSearch_ClassicSearch    { padding:3px; }
.searchInputContainer           { display: block!important; }

.searchInputContainer input {
    outline: 0;
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 0 52px 0 20px;
    font-size: 15px;
}

.searchInputContainer input::-webkit-input-placeholder  { color: #818181; }
.searchInputContainer input:-moz-placeholder            { color: #818181; }
.searchInputContainer input::-moz-placeholder           { color: #818181; }
.searchInputContainer input:-ms-input-placeholder       { color: #818181; }
.searchInputContainer a.dnnSearchBoxClearText           { right: 30px!important; }
.searchInputContainer a.dnnSearchBoxClearText.dnnShow   { bottom: 2px; }

#search-action, .SearchButton, .search-toggle-icon {
    width: 35px;
    height: 34px;
    display: block;
    position: absolute;
    top: 0;
    font-size: 22px;
    right: 0;
    padding: 0;
    margin: 0;
    outline: 0;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    color: #dcddd8;
    text-indent: -9999px;
    margin-top:20px;
}
#search-action:hover, 
.SearchButton:hover, 
.search-toggle-icon:hover {
    -webkit-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s;
}

ul.searchSkinObjectPreview {
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    list-style: none;
    border-top:none;
    width: 100%;
    z-index: 200;
    padding: 0;
}

.navbar-fixed-top .navbar-collapse, 
.navbar-fixed-bottom .navbar-collapse {
     max-height: none;
}

.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
    border-color: #f2efe6;
    border-width: 0;
}
.navbar {
    margin-bottom: 0;
    border: none;
}
.navbar-default {
    background-color: #f2efe6;
}
.navbar-brand {
    float: left;
    height: 80px;
    padding: 0;
    font-size: 18px;
    line-height: 20px;
}
.navbar-brand img { 
    max-height:40px;
    max-width:100%;   
}

/** Register & Login ********************************/
.inline-list                { padding-left: 0;  list-style: none; margin:0; margin-bottom:0; }
.inline-list li             { display: inline-block; }
.inline-list li             { float: right; }

.registerGroup li           { float: left; display:inline-block; }
.registerGroup .buttonGroup { margin-right: 0; }

.registerGroup a,
.loginGroup a {
    display: block;
    position: relative;
    height: 34px;
    line-height:34px;
    min-width: 12px;
    padding: 0 15px;
    vertical-align: middle;
}
.registerGroup a:hover, .loginGroup a:hover     { 
    text-decoration:none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.registerGroup a:hover, .loginGroup a:hover     { text-decoration: none; }
.registerGroup a:active, .loginGroup a:active   { text-shadow: none; }
.registerGroup a strong, .loginGroup a strong   { display: block; position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; font-size: 0; text-indent: -9999px; }
.userMessages a, .userNotifications a           { background-color: transparent; }
.userMessages strong                            { height: 100%; background: url('../img/message_icon.png') no-repeat center center; }
.userNotifications                              { }
.userNotifications strong                       { height: 100%; background: url('../img/notification_icon.png') no-repeat center center; }
.registerGroup a span                           { display: inline-block; min-width: 7px; margin-right: 3px; text-align: center; }
.registerGroup .userProfileImg a                { min-width: 32px; min-height: 32px; padding: 0; }
.registerGroup a img                            { height: 32px; width: 32px; }

.loginGroup { }

/* Number of message next to the message icon*/
.userMessages a span,
.userNotifications a span {
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    background-color: transparent;
}
.userNotifications span, .userMessages span {
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    font-size: 0;
    text-indent: -9999px;
    z-index: 999;
}
.userNotifications span { background: url('../img/icon_notification_active.png') no-repeat center center; }
.userMessages span      { background: url('../img/icon_message_active.png') no-repeat center center; }
/** Register & Login ********************************/

/** Language ********************************/
.language .language-object {
    margin: 0;
    padding: 0;
}

.language .language-object span:first-child {
    padding-left: 8px;
}
.language .language-object span {
    float: left;
    padding-top: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    margin: 0;
}
.language .language-object .Language.selected img {
    opacity: 1;
}
.language .language-object span img {
    height: 20px;
    width: 25px;
    opacity: 0.3;
}
/** Language ********************************/



/******** Containers */
.clear { padding-bottom:20px; }
.contentlist li { margin: 5px 0 5px 15px; }
.contentpane .Normal, 
.contentpane p, 
.contentpane td,
.contentpane b   { font-size:16px; margin-bottom: 15px; }

.contentpane p strong {  }
.contentpane a {text-decoration:underline;}

.contentpane a:hover { 
    text-decoration:none; 
    transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    -webkit-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
}




.sliderC .contentpane .carousel-caption { background:rgba(255, 255, 255, 0.5); }

/** Fix for IE11 slider, when the slider swap image the screen size is expanded to take the full height of the image then reduced */
.carousel-inner > .item > img, 
.carousel-inner > .item > a > img {
    width: 100%;
}




.footer .contentpane,   
.footer .contentpane p  { color:#bbb; font-size:14px; }

.footer .contentpane h3,
.footer .contentpane h4 { color:#f2efe6; }

.footer a:link,
.footer a:visited { color:#bbb; }

.footer a:active,
.footer a:hover,
.footer a:focus { 
	color:#fff;
    text-decoration:none;
    transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    -webkit-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
}



.footer-title {
	color:#f2efe6;
}


/******** Containers */





.navbar-toggle .icon-bar {
    width: 30px;
    height: 4px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.navbar-default .navbar-toggle {
    position:relative;
    z-index:100
}
.navbar-toggle .top-bar {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform-origin: 10% 10%;
    -webkit-transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
    opacity: 0;
}
.navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
    -webkit-transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
    -webkit-transform: rotate(0);
}

.navbar-default .navbar-toggle { border-color: transparent; font-family: "Saira Extra Condensed", 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus  { background-color: transparent; }

.highlight {
    padding: 9px 14px;
    margin-bottom: 14px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
}
.highlight pre {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    word-break: normal;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}


.color-swatch-holder { margin:0; padding:0; }
.color-swatch {
    width:60px; 
    height:60px;
    line-height:60px; 
    display:inline-block;
}