@charset "utf-8";
/* CSS Document */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.navBarWrapper {
    margin: 0;
    padding: 0;
    background: #0a529e; /* Old browsers */
	  margin-bottom: 15px;
}

    .navBarWrapper > ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .navBarWrapper > ul li {
            background: url(../images/navbar_seperator.png) no-repeat right center transparent;
            margin: 0;
            padding: 0 10px 0 4px;
            display: inline-block;
        }

            .navBarWrapper > ul li:last-of-type {
                background: none;
                padding-right: 0;
            }

            .navBarWrapper > ul li a {
                display: block;
                padding: 15px ;
                margin: 0;
                color: #fff;
                font-size: 14px;
                text-decoration: none;
            }

                .navBarWrapper > ul li a:hover {
                    color: rgb(243, 153, 34);
                    border-top: 2px solid #f37735;
                    padding: 13px 15px 15px;
                }


/* Global css */

/* Header */


     



.smallDeviceNavBar {
    margin: 0;
    display: none;
}

    .smallDeviceNavBar .smallNavBarBTN {
        display: block;
        margin: 0;
        padding: 0;
        text-decoration: none;
        cursor: pointer;
        background:#eee; /* Old browsers */
    }

        .smallDeviceNavBar .smallNavBarBTN .pageTitle {
            float: left;
            color: #8B8C8C;
            display: block;
            font-size: 14px;
            font-weight: bold;
            margin: 0;
            text-decoration: none;
            padding: 14px 0 14px 10px;
        }

        .smallDeviceNavBar .smallNavBarBTN .BTNLines {
            float: right;
            background: url(../images/navbar_seperator.png) no-repeat left center;
        }

            .smallDeviceNavBar .smallNavBarBTN .BTNLines img {
                padding: 14px 10px 14px 12px;
            }

    .smallDeviceNavBar ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        border-top: 1px solid #eee;
        text-align: left;
    }

        .smallDeviceNavBar ul li {
            margin: 0;
            padding: 0;
            border-bottom:1px solid rgba(238, 238, 238, 0.44);
        }

            .smallDeviceNavBar ul li:last-of-type {
                border: none;
            }

            .smallDeviceNavBar ul li a {
                color: #fff;
                display: block;
                font-size: 12px;
                font-weight: bold;
                margin: 0;
                text-decoration: none;
                padding: 10px 10px;
            }

                .smallDeviceNavBar ul li a:hover {
                    color: #fff;
                    background-color: rgb(244, 142, 8);
                }

/* Header */

/* phone */
@media (max-width:479px){


.navBarWrapper > ul {
    display:none !important;
}



.smallDeviceNavBar {
    display:block;
}

}

/* Small tablet*/
@media (min-width:480px) and (max-width:767px){


.navBarWrapper > ul {
    display:none !important;
}



.smallDeviceNavBar {
    display:block;
}

}