/*Default styles*/
body {
    font-family: Arial, sans-serif, Helvetica, Arial;
    background-color: #fff;
    background: url(../assets/images/bg.png) left top repeat #f0f2f4;
    border-top: 10px solid #015674;
}

* {
    border: medium none;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    /*font-family:Helvetica, Arial, sans-serif;*/
    font-family: Arial, sans-serif;
    font-weight: normal;
}
/*---------------------Default styles ------------------*/
/*a {
	cursor:pointer;
	color:#197cc5 !important;
	outline:none;
}*/
img {
    border: none;
}

ul, li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

* {
    margin: 0;
    padding: 0;
}

#main_wrapper {
    display: block;
    width: 100%;
    border-top: 10px solid #015674;
    padding-bottom: 45px;
}

.header {
    background-color: #fff;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
}

    .header .header_bottom_shadow {
        background: url(../assets/images/bottom_shadow.png) left bottom no-repeat;
        display: block;
        height: 16px;
        width: 960px;
        position: absolute;
        bottom: -16px;
        left: 0;
    }

    .header .logo img {
        display: block;
    }

    .header p {
        font-size: 12px;
        color: #86959f;
        margin: 10px 0 10px 15px;
    }

.logo {
    display: block;
    margin-bottom: 10px;
}

.top_right {
    float: right;
    margin-bottom: 20px;
}

ul.top_social {
    display: inline;
    /*float: right;*/
    /*float: left;
    margin-right: 10px;
    margin-top: 20px;*/
}

    ul.top_social li {
        float: left;
        margin-right: 7px;
    }

        ul.top_social li a.twitter {
            background: url(../assets/images/top_share_icons.png) 0px -1px no-repeat;
            width: 24px;
            height: 24px;
            display: block;
        }

        ul.top_social li a.linkedin {
            background: url(../assets/images/top_share_icons.png) -29px -1px no-repeat;
            width: 24px;
            height: 24px;
            display: block;
        }

        ul.top_social li a.youtube {
            background: url(../assets/images/top_share_icons.png) -59px -1px no-repeat;
            width: 24px;
            height: 24px;
            display: block;
        }



ul.main_menu {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    ul.main_menu li {
        float: left;
        display: inline;
        position: relative;
    }

        ul.main_menu li a {
            display: block;
            font-size: 13px;
            /*height: 20px;*/
            margin-top: 10px;
            text-transform: uppercase;
            border-bottom: 5px solid #fff;
            padding: 3px 6px;
            /*font-family:'Roboto Slab', serif;*/
            font-family: Arial, sans-serif;
            float: left;
        }

        ul.main_menu li a {
            color: #999999 !important;
        }

            ul.main_menu li a:hover, ul.main_menu li a.active {
                border-bottom: 5px solid #197cc5;
                /*height: 20px;*/
            }


    ul.main_menu div a {
        display: block;
        font-size: 13px;
        /*height: 20px;*/
        margin-top: 10px;
        text-transform: uppercase;
        border-bottom: 5px solid #fff;
        padding: 0 8px;
        /*font-family:'Roboto Slab', serif;*/
        font-family: Arial, sans-serif;
        float: left;
    }

        ul.main_menu div a:visited {
            color: #999999 !important;
        }

        ul.main_menu div a:hover, ul.main_menu div a.active {
            border-bottom: 5px solid #197cc5;
            /*height: 20px;*/
        }



.choose_site {
    display: none;
}

.yellow_bg {
    display: block;
    height: 60px;
    line-height: 60px;
    color: #fff;
    background-color: #f0a204;
    position: relative;
}

    .yellow_bg p {
        font-weight: bold;
        text-shadow: 0 1px 1px #333;
        -moz-text-shadow: 0 1px 1px #333;
        -webkit-text-shadow: 0 1px 1px #333;
        font-size: 14px;
        text-align: center;
    }

    .yellow_bg .close {
        background: url("../assets/images/close.png") no-repeat scroll left top transparent;
        color: #FFFFFF;
        height: 15px;
        width: 55px;
        /*position: absolute;
        right: 0;
        text-indent: -999999px;
        top: 25px;*/
    }

.blue_bg {
    background-color: #094462;
    color: #fff;
    text-shadow: 0 1px 2px #000;
    -moz-text-shadow: 0 1px 2px #000;
    -webkit-text-shadow: 0 1px 2px #000;
    padding-bottom: 30px;
}

ul.top_choose_site {
    display: block;
    width: 100%;
}

    ul.top_choose_site li {
        float: left;
        width: 32.5%;
        padding: 10px;
    }

        ul.top_choose_site li img {
            width: 100%;
        }


        ul.top_choose_site li.block1 {
            border-top: 10px solid #197cc5;
        }

        ul.top_choose_site li.block2 {
            border-top: 10px solid #761469;
        }

        ul.top_choose_site li.block3 {
            border-top: 10px solid #e8f2f9;
        }

        ul.top_choose_site li p {
            padding: 23px 15px;
            font-weight: bold;
            text-align: center;
            font-family: Arial, sans-serif;
        }

        ul.top_choose_site li .partner a {
            padding: 0 15px;
            position: relative;
        }

            ul.top_choose_site li .partner a span {
                background: url("../assets/images/yellow_arrow.png") no-repeat scroll 0 0 transparent;
                display: block;
                height: 31px;
                left: 140px;
                position: absolute;
                top: -40px;
                width: 31px;
                z-index: 1050;
            }

            ul.top_choose_site li .partner a:hover span {
                opacity: 1;
            }

            ul.top_choose_site li .partner a .site_img {
                opacity: 0.2;
            }

            ul.top_choose_site li .partner a.active .site_img, ul.top_choose_site li .partner a:hover .site_img {
                opacity: 0.5;
            }

.white_bg {
    background-color: #FFFFFF;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
    padding: 15px 0;
}

    .white_bg .bottom_shadow {
        background: url("../assets/images/bottom_shadow.png") no-repeat scroll left bottom transparent;
        bottom: -16px;
        display: block;
        height: 16px;
        position: absolute;
        width: 960px;
        left: 0;
    }

.white_bg_light {
    background-color: #FFFFFF;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
    padding: 15px 0;
}

    .white_bg_light .bottom_shadow {
        background: url("../assets/images/bottom_shadow_light.png") no-repeat scroll left bottom transparent;
        bottom: -16px;
        display: block;
        height: 16px;
        position: absolute;
        width: 960px;
        left: 0;
    }

.services {
    display: inline-block;
}

    .services a {
        color: #4c5c66;
    }

    .services .service_grid {
        text-align: center;
        padding: 15px 20px 30px 20px;
    }

        .services .service_grid h4, .services .service_grid p {
            text-align: left;
        }

        .services .service_grid:hover {
            background-color: #f5f7f8;
        }

        .services .service_grid h4 {
            color: #015674;
            font-size: 14px;
            font-family: Arial, sans-serif;
            padding-bottom: 10px;
            padding-top: 30px;
        }

        .services .service_grid p {
            line-height: 22px;
            font-size: 11.5px;
        }



.latest_news h4 {
    font-size: 14px;
    color: #015674;
    font-weight: bold;
    padding-bottom: 15px;
    border-bottom: 1px solid #015674;
    padding-left: 2px;
    margin-bottom: 20px;
}

.singleSessionBox {
    float: left;
    min-height: 150px;
    background-color: #fff;
    margin-bottom: 30px;
}

.singleSessionBox_Content {
    float: left;
    min-height: 150px;
    background-color: #fff;
    margin-bottom: 30px;
}

.biteSizeCourses-Inner {
    background: url("../assets/images/Bitesize_Homepage.jpg") no-repeat;
}

.sessions {
    min-height: 176px;
    min-width: 194px;
}

.session1-Inner {
    background: url("../assets/images/Apprenticeships_Homepage.jpg") no-repeat;
}

.session2-Inner {
    background: url("../assets/images/homepage_schools.jpg") no-repeat;
}

.session3-Inner {
    background: url("../assets/images/Whats_On_Homepage.jpg") no-repeat;
}

.biteSizeCourses-Inner-Seperator {
    height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    color: #005285;
    width: 100%;
}

    .biteSizeCourses-Inner-Seperator a {
        padding: 0px 30px 10px 10px;
        border-bottom: #197cc5 1px solid;
        color: #85539A;
    }

        .biteSizeCourses-Inner-Seperator a:hover {
            text-decoration: underline;
        }

        .biteSizeCourses-Inner-Seperator a img {
            margin-bottom: -7px;
            margin-right: 7.5px;
        }

.singleSessionBox .bottom_shadow {
    background: url("../assets/images/bottom_shadow_small.png") no-repeat scroll left bottom transparent;
    bottom: -16px;
    display: block;
    height: 16px;
    position: absolute;
    width: 220px;
    left: 0;
}

.latest_news h4 a {
    float: right;
    background: url(../assets/images/arrow_blue.png) right 5px no-repeat;
    padding-right: 15px;
    font-size: 13px;
    font-weight: normal;
    margin-right: 10px;
    color: #015674;
}

.latest_news h5 {
    font-size: 14px;
    color: #015674;
    font-weight: bold;
    padding-bottom: 20px;
}

.news_grid {
    padding: 20px 15px;
    display: inline-block;
    min-height: 200px;
}

    .news_grid p {
        font-size: 12px;
        line-height: 20px;
        min-height: 93px;
    }

    .news_grid .right_div button {
        margin: 20px 0 0;
    }

    .news_grid .left_div {
        width: 90px;
        padding-right: 20px;
        float: left;
    }

        .news_grid .left_div .date {
            color: #015674;
            text-align: right;
            margin-top: 5px;
        }

    .news_grid .right_div {
        float: left;
        width: 160px;
    }

        .news_grid .right_div a {
            color: #015674;
        }

            .news_grid .right_div a:hover {
                text-decoration: underline;
            }

.latestNewsDiv h5 {
    padding: 0;
    margin: 0 0 20px 0;
    color: #015674;
    font-weight: bold;
    font-size: 13px;
}

.signup_form {
    background-color: #015674;
    display: inline-block;
    color: #fff;
    margin-bottom: 20px;
    position: relative;
    /*width: 450px;
    float: left;*/
    margin-right: 10px;
    padding: 20px 10px;
    width: 100%;
    /*height: 330px;*/
}

    .signup_form .bottom_shadow {
        background: url("../assets/images/bottom_shadow_small.png") no-repeat scroll left bottom transparent;
        bottom: -16px;
        display: block;
        height: 16px;
        position: absolute;
        width: 470px;
        left: 0;
    }

    .signup_form h4 {
        font-size: 14px;
        color: #fff;
        font-weight: bold;
        padding-bottom: 15px;
        border-bottom: 1px solid #fff;
        padding-left: 2px;
        margin-bottom: 20px;
    }

    .signup_form h2 {
        font-size: 22px;
        padding-bottom: 20px;
    }

    .signup_form em {
        border-top: 1px solid #fff;
        padding: 15px;
        display: block;
        line-height: 22px;
        margin-top: 25px;
        font-size: 12px;
    }

    .signup_form .left_div {
        float: left;
        margin-right: 10px;
        width: 100%
    }

    .signup_form .signup_label {
        display: block;
        margin-bottom: 5px;
    }

.btn_signup {
    background-color: transparent;
    width: 138px;
    cursor: pointer;
    margin-left: -3px;
}

    .btn_signup b {
        background-color: #FFFFFF;
        color: #015674;
        float: left;
        font-weight: normal;
        margin-right: 2px;
        padding: 8px 10px 7px;
    }

.blueBut b {
    background-color: #015674;
    color: #FFFFFF;
}

.btn_signup img {
    float: left;
}

.btn_submit {
    background-color: transparent;
    width: 138px;
    cursor: pointer;
    margin-left: -3px;
}

    .btn_submit b {
        background-color: #015674;
        color: #fff;
        float: left;
        font-weight: normal;
        margin-right: 2px;
        padding: 8px 10px 7px;
    }

    .btn_submit img {
        float: left;
    }

.signup_form .left_div .textbox_signup {
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    padding: 5px 10px;
    /*width: 255px;*/
    /*behavior: url(https://www.blackcountryskillsfactory.co.uk/content/PIE.htc);*/
    position: relative;
}

.signup_form .right_div {
    float: left;
    margin-left: 10px;
    width: 275px;
    %
}

.right_div button {
    margin: 20px 0 0;
}

.signup_form .right_div .update_label {
    display: block;
    margin-bottom: 6px;
    margin-top: 6px;
}

.interactive_map {
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
    width: 470px;
    margin-left: 10px;
    height: 370px;
}

    .interactive_map .bg_white {
        background-color: #fff;
        display: inline-block;
        padding: 20px 10px 0 10px;
        width: 450px;
        float: left;
        background-position: right 50px;
        background-image: url('../assets/Images/Skills_Factory_FindACourse_image.jpg');
        background-repeat: no-repeat;
    }

    .interactive_map .bottom_shadow {
        background: url("../assets/images/bottom_shadow_small.png") no-repeat scroll left bottom transparent;
        bottom: -16px;
        display: block;
        height: 16px;
        position: absolute;
        width: 470px;
        left: 0;
    }

    .interactive_map h4 {
        font-size: 14px;
        color: #015674;
        font-weight: bold;
        padding-bottom: 15px;
        border-bottom: 1px solid #015674;
        padding-left: 2px;
        margin-bottom: 20px;
    }

    .interactive_map .img_map {
        margin-left: -10px;
        position: relative;
    }

        .interactive_map .img_map .map {
            display: block;
        }

    .interactive_map h2 {
        font-size: 22px;
        color: #015674;
        font-weight: bold;
        padding-bottom: 15px;
        float: left;
        width: 190px;
        padding-left: 10px;
        min-height: 79px;
    }

    .interactive_map p {
        float: left;
        line-height: 22px;
        width: 230px;
        margin-bottom: 4px;
    }

.launch_map {
    background: url("../assets/images/bg.png") repeat scroll left top #c9d4e6;
    display: inline-block;
    padding: 25px;
    position: relative;
    width: 420px;
    z-index: 1050;
    bottom: 0;
}

    .launch_map a {
        background-color: #197cc5;
        border-radius: 6px 6px 6px 6px;
        -moz-border-radius: 6px 6px 6px 6px;
        -webkit-border-radius: 6px 6px 6px 6px;
        color: #FFFFFF;
        display: inline-block;
        padding: 19px 20px;
        width: 380px;
        behavior: url(https://www.blackcountryskillsfactory.co.uk/content/PIE.htc);
        position: relative;
    }

    .launch_map b {
        float: left;
        font-size: 26px;
        text-shadow: 0 1px 2px #333333;
        -moz-text-shadow: 0 1px 2px #333333;
        -webkit-text-shadow: 0 1px 2px #333333;
    }

    .launch_map .arrow_b {
        float: right;
    }



.launch_map-side {
    background: url("../assets/images/bg.png") repeat scroll left top #c9d4e6;
    display: inline-block;
    padding: 10px;
    position: relative;
    width: 198px !important;
    max-width: 220px !important;
    z-index: 1050;
    bottom: 0;
}

    .launch_map-side a {
        background-color: #197cc5;
        border-radius: 6px 6px 6px 6px;
        -moz-border-radius: 6px 6px 6px 6px;
        -webkit-border-radius: 6px 6px 6px 6px;
        color: #FFFFFF;
        display: inline-block;
        padding: 10px 11px;
        behavior: url(https://www.blackcountryskillsfactory.co.uk/content/PIE.htc);
        position: relative;
    }

    .launch_map-side b {
        float: left;
        padding-top: 8px;
        font-size: 12px;
        text-shadow: 0 1px 2px #333333;
        -moz-text-shadow: 0 1px 2px #333333;
        -webkit-text-shadow: 0 1px 2px #333333;
    }

    .launch_map-side .arrow_b {
        float: right;
        margin-left: 15px;
    }







/*-------- End Product Detail ---------*/
.carousel ul {
    position: absolute;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}

.no-js .carousel ul {
    position: static;
}

.carousel .mask {
    position: relative;
    overflow: hidden;
}

.carousel ul li {
    float: left;
}

.carousel .pagination-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
}

.carousel .disabled {
    color: gray;
    cursor: default;
}

.carousel a.prev {
    background: url(../assets/images/partener_prev_next2.png) left top no-repeat;
    display: inline;
    float: left;
    height: 24px;
    position: absolute;
    right: 35px;
    text-indent: -9999px;
    top: 10px;
    width: 24px;
    z-index: 1060;
}

.carousel a.next {
    float: right;
    background: url(../assets/images/partener_prev_next2.png) -26px top no-repeat;
    display: inline;
    float: left;
    height: 24px;
    position: absolute;
    right: 10px;
    text-indent: -9999px;
    top: 10px;
    width: 24px;
    z-index: 1060;
}

.our_partners {
    display: inline-block;
    min-height: 110px;
    width: 700px;
    z-index: 1060;
    position: relative;
}

    .our_partners h4 {
        font-size: 14px;
        color: #015674;
        font-weight: bold;
        padding-bottom: 15px;
        padding-left: 2px;
        margin-bottom: 20px;
    }

.slides_container {
    width: 670px;
    display: none;
}

    .slides_container div.slide {
        width: 670px;
        height: 200px;
        display: block;
    }

.slides_content {
    padding: 15px;
    position: relative;
}

    .slides_content .welcome {
        background-color: #197cc5;
        color: #FFFFFF;
        display: inline-block;
        font-family: 'Roboto Slab', serif;
        font-size: 26px;
        margin-left: -7px;
        margin-top: 0px;
        padding: 20px 30px 20px 30px;
        position: absolute;
        text-shadow: 0 1px 2px #333;
        -moz-text-shadow: 0 1px 2px #333;
        -webkit-text-shadow: 0 1px 2px #333;
        width: 220px;
        z-index: 1060;
        font-weight: bold;
        line-height: 33px;
        min-height: 160px;
    }

.welcome p {
    min-height: 60px;
}
/*.slides_content .content_slide {
	background:#021217;
	color: #FFFFFF;
	font-size: 12px;
	height: 75px;
	left: 323px;
	padding: 20px;
	position: absolute;
	top: 43px;
	width: 340px;
	line-height:22px;
}*/

.slides_content .content_slide {
    background: url(../assets/images/spacer_blue.png) left top repeat;
    color: #FFFFFF;
    font-size: 12px;
    height: 75px;
    left: 313px;
    padding: 20px;
    position: absolute;
    top: 43px;
    width: 340px;
    line-height: 22px;
}


.slides_content .prev {
    background: url(../assets/images/btn_prev_next.png) left top no-repeat;
    display: block;
    height: 25px;
    position: absolute;
    right: 45px;
    text-indent: -99999px;
    top: 25px;
    width: 25px;
    z-index: 1080;
}

.slides_content .next {
    background: url(../assets/images/btn_prev_next.png) -26px top no-repeat;
    display: block;
    height: 25px;
    position: absolute;
    right: 20px;
    text-indent: -99999px;
    top: 25px;
    width: 25px;
    z-index: 1080;
}
/*Custom checkbox*/
.ez-hide {
    opacity: 0;
    filter: alpha(opacity=0);
}

.ez-checkbox {
    background: url(../assets/images/check_box.png) left top no-repeat;
    display: inline-block;
    width: 18px;
    height: 18px;
}

.ez-checked {
    background-position: 0 -40px;
}

.ez-selected {
    background-position: 0 -40px;
}

.ez-checkbox {
    zoom: 1;
    *display: inline;
    _height: 30px;
}
/*----------- S ----------------*/
.rightimage {
    float: right;
    text-align: center;
}

.download_but {
    background: #eaeef1;
    padding: 10px 30px;
    background-repeat: no-repeat;
    margin-left: 10px;
    color: #7e8e99;
    font-size: 13px;
}

    .download_but span {
        background: url(../assets/images/download_icon.png) left top no-repeat;
        padding-left: 25px;
    }

    .download_but img {
        padding: 0px 10px;
    }

.our_board {
    padding: 0px 20px;
}

.our_board_left {
    float: left;
    width: 200px;
    padding-left: 20px;
    margin-top: 25px;
}

    .our_board_left img {
        display: block;
    }

    .our_board_left span {
        float: left;
        width: 171px;
        background: url(../assets/images/board_bg.png) repeat top;
        height: 17px;
        border-left: solid 10px #197cc5;
    }

.our_board_right {
    float: left;
    width: 430px;
    border-top: solid 1px #b0b7bc;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .our_board_right h3 {
        color: #197cc5;
        font-size: 17px;
        margin: 0 60px 0px 0px;
        padding: 0;
    }

    .our_board_right h4 {
        color: #004162;
        font-size: 14px;
        line-height: 25px;
        margin: 0 60px 25px 0px;
        padding: 0;
    }

    .our_board_right p {
        padding: 0;
        margin: 0;
        line-height: 25px;
        margin-bottom: 20px;
    }

.content_space {
    padding: 0 60px 25px 35px;
    font-family: Arial, sans-serif;
}

    .content_space p {
        margin-bottom: 10px;
        line-height: 20px;
    }

    .content_space ul li {
        list-style: disc;
        margin-bottom: 7px;
        line-height: 20px;
        padding-left: 20px;
        margin-left: 40px;
    }

    .content_space h3 {
        font-family: 'helveticabold';
    }



.contact_div {
    padding: 0px 30px;
    color: #3a4b56;
}

.contact_div_left {
    float: left;
    width: 300px;
}

    .contact_div_left h4 {
        color: #3a4b56;
        font-size: 12px;
        line-height: 20px;
        padding: 0;
    }

    .contact_div_left a {
        text-decoration: underline;
        color: #197cc5;
        float: left;
    }

        .contact_div_left a:hover {
            text-decoration: none;
        }

    .contact_div_left p {
        margin-bottom: 0px !important;
    }

.tel {
    color: #197cc5;
    display: inline-block;
    width: 106px;
}

.cont {
    color: #197cc5;
    display: inline-block;
    width: 110px;
}

.contact_div_left p {
    margin: 0;
    padding: 0;
    float: left;
}

.contact_div_right {
    /*float: left;
    width: 340px;*/
}

    .contact_div_right .signup_form {
        /*height: 355px !important;*/
        margin-bottom: 0 !important;
        margin-right: 0 !important;
        padding: 20px !important;
        /*width: 290px !important;*/
    }

        .contact_div_right .signup_form h2 {
            padding-bottom: 20px !important;
        }

        .contact_div_right .signup_form .right_div {
            margin-left: 0 !important;
            margin-top: 16px;
        }

            .contact_div_right .signup_form .right_div p {
                margin-bottom: 0 !important;
                line-height: 20px !important;
            }

.contact_sinup {
    background: #015674;
    width: 330px;
    height: 325px;
}

.form_div {
    float: left;
}

    .form_div p {
        margin: 0;
        padding-right: 30px;
        line-height: 25px;
    }

    .form_div h3 {
        color: #197cc5;
        font-size: 15px;
        line-height: 25px;
        margin: 30px 0px;
        padding: 0;
    }


.row .captcha {
    padding: 10px;
}

.row .c_label {
    width: 100px;
    float: left;
    line-height: 30px;
}

.row .c_input {
    border: solid 1px #c3c9ce;
    width: 460px;
    padding: 8px 10px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    behavior: url(https://www.blackcountryskillsfactory.co.uk/content/PIE.htc);
    position: relative;
}

.row .c_textarea {
    border: solid 1px #c3c9ce;
    width: 460px;
    height: 125px;
    padding: 8px 10px;
    -moz-border-radius: 4px;
    -web-kit-border-radius: 4px;
    border-radius: 4px;
    resize: none;
    margin-bottom: 20px;
    behavior: url(https://www.blackcountryskillsfactory.co.uk/content/PIE.htc);
    position: relative;
}
/*-------------- K ---------------------*/

.pageNavigation {
    padding: 0;
    margin: 0;
    width: 100%;
    margin: 0px 10px 10px 30px;
}

    .pageNavigation ul {
        padding: 0;
        margin: 0;
        width: 100%;
    }

        .pageNavigation ul li {
            padding: 0 5px 0 0;
            margin: 0;
            float: left;
            font-size: 12px;
            color: #7e8e99;
        }

            .pageNavigation ul li a {
                font-size: 12px;
                color: #7e8e99;
                display: block;
            }

                .pageNavigation ul li a:hover {
                    text-decoration: underline;
                }

.mainBody {
    padding: 0;
    margin: 20px 0 0;
}

.innerBody {
    padding: 35px 0 80px 0;
    background: #fff;
    position: relative;
    min-height: 500px;
    /*z-index: 1090;*/
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.innerBodyShadow {
    background: url(../assets/images/bottom_shadow700.png) no-repeat;
    width: 700px;
    height: 12px;
    position: absolute;
    bottom: -12px;
    left: 0;
}

h2.bodyHeading, h1.bodyHeading {
    padding: 10px 20px 10px 40px;
    display: inline-block;
    background-color: #197cc5;
    color: #fff;
    /*float: left;*/
    text-shadow: 0 1px 0 #186fb0;
    -moz-text-shadow: 0 1px 0 #186fb0;
    -webkit-text-shadow: 0 1px 0 #186fb0;
    margin: 0 0 25px -22px;
    font-size: 20px;
}

h3.paraHeading {
    padding: 0;
    margin-bottom: 25px;
    line-height: 25px;
    color: #197cc5;
    font-size: 14px;
}

.innerBody p {
    padding: 0;
    margin-bottom: 25px;
    line-height: 25px;
}


ul.coreValues {
    padding: 0;
}

    ul.coreValues li {
        padding: 0 0 20px 5px;
        margin: 0 0 0 50px;
        list-style: disc;
        line-height: 20px;
    }

a.downloadLink {
    padding: 0;
    margin-bottom: 25px;
    display: block;
    color: #197cc5;
    line-height: 20px;
    font-size: 12px;
}

    a.downloadLink:hover {
        text-decoration: underline;
    }

.sideBox {
    padding: 0;
    margin: 0 0 0;
    /*width: 220px;*/
    /*background: url(../assets/images/bottom_shadow220.png) no-repeat bottom;*/
    padding-bottom: 16px;
}

.latestNewsDiv {
    padding: 0;
    margin: 0;
    width: 100%;
    background-color: #fff;
    position: relative;
    float: left;
}

.botShadow300 {
    background: url(../assets/images/bottom_shadow300.png) no-repeat bottom;
    width: 300px;
    height: 16px;
    position: absolute;
    bottom: -16px;
}

.botShadow620 {
    background: url(../assets/images/bottom_shadow620.png) no-repeat bottom;
    width: 620px;
    height: 16px;
    position: absolute;
    bottom: -16px;
}

.latestNewsDiv h4 {
    padding: 20px 20px 20px 25px;
    margin: 0;
    background-color: #197cc5;
    color: #fff;
    text-shadow: 0 1px 2px #333;
    -moz-text-shadow: 0 1px 2px #333;
    -webkit-text-shadow: 0 1px 2px #333;
    font-size: 14px;
}

.vacnccies h4 {
    background: url("../assets/images/vanciesIcon.png") no-repeat scroll 580px center #761469;
}

#accordian {
    background: none;
    width: 100%;
    margin: 0;
    color: #4c5c66;
}

.laterstNews {
    margin-bottom: 20px;
    display: inline-block;
}

.vacnccies .right_div {
    width: 270px;
}

.vacnccies .rightBorder {
    border-right: 1px solid #c2d1d8;
    padding-right: 15px;
    margin-right: 22px;
}

.vacnccies h5 {
    background: url("../assets/images/arrow_blue_Thick.png") no-repeat scroll left center transparent;
    color: #015674;
    display: inline-block;
    line-height: 25px;
    margin: 0 0 20px;
    padding: 0 0 0 15px;
}
/*heading styles*/
#accordian {
    background: #fff;
    width: 100%;
    margin: 0;
    color: #4c5c66;
}

    #accordian h3 {
        font-size: 14px;
        line-height: 34px;
        padding: 5px 10px 5px 20px;
        cursor: pointer;
        background: #197cc5;
        color: #FFFFFF;
    }
        /*heading hover effect*/
        #accordian h3:hover {
            text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
        }
        /*iconfont styles*/
        #accordian h3 span.icon-tasks {
            background: url("../assets/images/arrow_blue_down.png") no-repeat scroll 0 0 transparent;
            float: right;
            height: 5px;
            margin-top: 15px;
            width: 8px;
            margin-right: 5px;
        }
    /*list items*/
    #accordian li {
        list-style-type: none;
        border-top: 1px solid #f0f2f4;
    }
    /*links*/
    #accordian ul ul li a {
        color: #4c5c66;
        text-decoration: none;
        font-family: Arial, sans-serif;
        font-weight: normal;
        line-height: 27px;
        display: block;
        padding: 5px 15px 5px 10px;
        /*transition for smooth hover animation*/
        transition: all 0.15s;
        border-left: 10px solid #fff;
        background: #fff;
    }
        /*hover effect on links*/
        #accordian ul ul li a:hover, #accordian ul ul li.selected a, #accordian ul li ul li a.active {
            background: #e8f2f9;
            border-left: 10px solid #197cc5;
        }
    /*Lets hide the non active LIs by default*/
    #accordian ul ul {
        display: none;
    }

    #accordian li.active ul {
        display: block;
    }

    #accordian ul ul li span {
        background: url("../assets/images/arrow_blue.png") no-repeat scroll 0 0 transparent;
        float: right;
        height: 8px;
        position: relative;
        right: 15px;
        top: -22px;
        width: 5px;
    }

        #accordian ul ul li span.open {
            background: url("../assets/images/arrow_blue_down.png") no-repeat scroll 0 0 transparent;
            float: right;
            height: 5px;
            margin-top: 1px;
            width: 8px;
            margin-right: -2px;
        }

    #accordian ul ul li ul {
        border-top: 1px solid #fff;
    }

        #accordian ul ul li ul li a {
            color: #4c5c66;
            text-decoration: none;
            font-family: Arial, sans-serif;
            font-weight: normal;
            line-height: 27px;
            display: block;
            padding: 5px 15px 5px 10px;
            /*transition for smooth hover animation*/
            transition: all 0.15s;
            border-left: 10px solid #f4f1f8;
            background: #f4f1f8;
        }

.sideBoxInner {
    padding: 0;
    margin: 0;
    width: 100%;
    background: #fff;
    display: inline-block;
}

    .sideBoxInner h3 {
        border-bottom: 1px solid #A1AAB0;
        color: #4C565C;
        margin: 25px 25px 10px 15px;
        padding: 0 0 15px 10px;
        font-family: Arial, sans-serif !important;
        font-size: 14px;
    }

.searchIcon {
    background-color: #197cc5;
}

    .searchIcon h3 {
        background: url(../assets/images/eventSearchIcon.png) no-repeat top right;
        color: #fff;
        border-color: #fff;
        border-bottom: 1px solid #A1AAB0;
        margin: 5px 5px 15px 5px;
        padding: 0 0 15px 10px;
        font-family: Arial, sans-serif !important;
        font-size: 14px;
    }

.sideBoxInner img {
    display: block;
}

.sideBoxInner p {
    padding: 0;
    margin: 0 15px 0 15px;
    line-height: 18px;
    display: block;
}

.searchIcon p {
    color: #fff;
    font-size: 12px;
}

.sideBoxInner h1 {
    color: #005186;
    font-size: 19px;
    margin: 0 10px 0 15px;
    font-family: Arial, sans-serif !important;
    font-size: 22px;
}

.sideBoxSearch {
    margin: 15px 0 0 15px !important;
    height: 60px;
}

    .sideBoxSearch .search_top {
        width: 140px;
    }

    .sideBoxSearch .btn_search {
        margin-left: 156px;
    }

.launchMap {
    padding: 0;
    margin: 0;
    width: 100%;
    background: url(../assets/images/bg.png) repeat #c9d4e6;
    height: 80px;
    text-align: center;
}

.LaunchMap-Button {
    background-color: #015674;
    behavior: url(https://www.blackcountryskillsfactory.co.uk/content/PIE.htc);
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    line-height: 25px;
    margin: 20px 0 0 10px;
    padding: 8px 5px;
    text-align: left;
    width: 186px;
}

    .LaunchMap-Button a span {
        background: url("../assets/images/yellow_arrow.png") no-repeat scroll -2px -3px transparent;
        float: right;
        height: 22px;
        width: 24px;
        margin-top: 2px;
    }

    .LaunchMap-Button a em {
        float: left;
        margin-left: 8px;
        font-style: normal;
        color: #fff;
        font-family: Arial, sans-serif;
    }


.launchMap button em {
    float: left;
    margin-left: 8px;
    font-style: normal;
    font-family: Arial, sans-serif;
}

.launchMap button {
    background-color: #015674;
    behavior: url(https://www.blackcountryskillsfactory.co.uk/content/PIE.htc);
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    <div id="accordian"> border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    line-height: 25px;
    margin: 20px 0 0;
    padding: 8px 5px;
    text-align: left;
    width: 196px;
}

    .launchMap button span {
        background: url("../assets/images/yellow_arrow.png") no-repeat scroll -2px -3px transparent;
        float: right;
        height: 22px;
        width: 24px;
        margin-top: 2px;
    }

.eventPost {
    border-top: 1px solid #a1aab0;
    width: 640px;
    margin: 0px 30px 15px 30px;
    float: left;
    padding-top: 20px;
}

.eventPostImage {
    padding: 0;
    margin: 0;
    float: left;
    width: 197px;
}

    .eventPostImage img {
        display: block;
        paddign: 0;
        margin: 0;
    }

    .eventPostImage h3 {
        padding: 12px 0px 12px 15px;
        margin: 0;
        border-bottom: 1px solid #a1aab0;
        border-left: 10px solid #197cc5;
        font-weight: normal;
    }

.greenEvent h3 {
    border-left: 10px solid #40b271;
}

.eventPostDetails {
    /*padding: 0;
    margin: 0 0 0 20px;
    float: left;
    width: 420px;*/
}

h5.date {
    padding: 0;
    margin: 0 0 20px 0;
    color: #197cc5;
    font-size: 12px;
}

.eventPostDetails h2 {
    padding: 0;
    margin: 0 0 20px 0;
    color: #015674 !important;
    font-size: 16px;
}

.eventPostDetails a {
    color: #197cc5;
}

.eventPostDetails p {
    margin: 0 0 20px;
    line-height: 22px;
}

.pagenation {
    padding: 0;
    margin: 0 auto;
    text-align: center;
    position: relative;
    width: 410px;
}

    .pagenation ul li {
        padding: 0;
        margin: 0;
        display: inline-block;
        float: left;
    }

        .pagenation ul li a {
            padding: 5px 8px;
            margin: 0;
            color: #004259;
            text-decoration: none;
            font-weight: bold;
        }

            .pagenation ul li a:hover, .pagenation ul li.pageActive a {
                background-color: #b3bfc7;
            }

        .pagenation ul li.prevPage {
            background: url(../assets/images/pagenationIconLeft.png) no-repeat left;
            padding: 0 25px 0 16px;
            font-size: 14px;
        }

            .pagenation ul li.prevPage a:hover {
                background: none;
            }

        .pagenation ul li.NextPage {
            background: url(../assets/images/pagenationIconRight.png) no-repeat right;
            padding: 0 16px 0 25px;
            font-size: 14px;
        }

            .pagenation ul li.NextPage a:hover {
                background: none;
            }

.arranged_selectBox {
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 101;
    top: 65px;
    left: 250px;
}

    .arranged_selectBox span {
        padding: 0;
        margin: 0;
        float: left;
        width: 82px;
        font-size: 12px;
        font-weight: bold;
    }
/*Custom Selectbox css*/
.sbHolder {
    background: url(../assets/images/select_bg_1.png) left top no-repeat;
    height: 36px;
    position: relative;
    width: 260px;
    margin-left: -5px;
    /*z-index:100;*/
}

    .sbHolder:focus .sbSelector {
    }

.sbSelector {
    display: block;
    left: 4px;
    line-height: 26px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    width: 260px;
}

    .sbSelector:link, .sbSelector:visited, .sbSelector:hover {
        color: #5c6f7c;
        outline: none;
        text-decoration: none;
    }

.sbToggle {
    display: block;
    height: 36px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 37px;
}

    .sbToggle:hover {
    }

.sbToggleOpen {
}

    .sbToggleOpen:hover {
    }

.sbHolderDisabled {
    background-color: #3C3C3C;
    border: solid 1px #515151;
}

    .sbHolderDisabled .sbHolder {
    }

    .sbHolderDisabled .sbToggle {
    }

.sbOptions {
    background-color: #FFFFFF;
    border: 1px solid #B6BEC3;
    list-style: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 34px;
    width: 253px;
    z-index: 1030;
    overflow-y: auto;
}

    .sbOptions li {
        padding: 0 7px;
    }

    .sbOptions a {
        border-bottom: dotted 1px #133d5e;
        display: block;
        outline: none;
        padding: 7px 0 7px 3px;
    }

        .sbOptions a:link, .sbOptions a:visited {
            color: #133d5e;
            text-decoration: none;
        }

        .sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus {
            /*color: #0088db;*/
        }

    .sbOptions li.last a {
        border-bottom: none;
    }

    .sbOptions .sbDisabled {
        border-bottom: dotted 1px #133d5e;
        color: #133d5e;
        display: block;
        padding: 7px 0 7px 3px;
    }

    .sbOptions .sbGroup {
        border-bottom: dotted 1px #133d5e;
        color: #133d5e;
        display: block;
        font-weight: bold;
        padding: 7px 0 7px 3px;
    }

    .sbOptions .sbSub {
        padding-left: 17px;
    }

.width_sbox {
    width: 320px;
}

.sub_sector {
    background-color: #FFFFFF;
    border: 1px solid #B6BEC3;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    margin-top: -6px;
    width: 344px;
    overflow-y: auto;
    height: 126px;
    overflow-x: hidden;
    padding: 10px 0 10px 0;
    position: relative;
    z-index: 1002;
}

    .sub_sector label {
        float: left;
        margin-left: 20px;
        margin-bottom: 5px;
        width: 280px;
        color: #3c3c3b;
    }

.arranged_selectBox .sbHolder {
    float: left;
    margin-top: -4px;
}

.eventPost a {
    color: #197cc5;
}

.nArchive {
    /*padding: 0;
    margin: 0 15px 20px 15px;
    float: left;
    width: 190px;*/
}

    .nArchive li {
        width: 48%;
        display: inline-block;
    }

        .nArchive li a {
            color: #197cc5;
            text-decoration: underline;
            line-height: 20px;
            font-size: 12px;
        }

            .nArchive li a:hover {
                text-decoration: none;
            }

.nLinks {
    padding: 0;
    margin: 0px 15px 15px 15px;
    width: 190px;
    float: left;
}

    .nLinks li a {
        color: #197cc5;
        text-decoration: underline;
        line-height: 20px;
        font-size: 12px;
    }

        .nLinks li a:hover {
            text-decoration: none;
        }

.nlinkLeft {
    float: left;
}

.nlinkRight {
    float: right;
}

.newsImage {
    width: 280px;
}

    .newsImage img {
        width: 280px;
        height: 200px;
    }

.newsDetails {
    width: 340px;
}

.newsDetail ul li {
    list-style: disc;
    margin-left: 10px;
    padding-left: 20px;
}

.newsDetails h2 {
    line-height: 22px;
    font-size: 15px;
}

.newsDetailsList {
    width: 195px;
    margin-left: 0px;
    margin-right: 25px;
}

    .newsDetailsList:nth-child(3n+3) {
        margin-right: 0px !important;
    }

    .newsDetailsList img {
        width: 195px;
        height: 150px;
        margin-bottom: 20px;
    }

.marginRzero {
    margin-right: 0px;
}

.newsDetailsList h2 {
    font-size: 15px;
}

.newsDetailsList2 h2 {
    font-size: 15px;
    margin-bottom: 0px;
}

.newsDetailsList2 {
    width: 310px;
    margin: 0 10px 0 0;
}

    .newsDetailsList2 img {
        float: left;
        width: 116px;
        height: 86px;
        margin-right: 20px;
    }

a.linkToBack, a.linkToBack2 {
    background: url(../assets/images/monthArrowPrevious.png) no-repeat center left;
    padding-left: 15px;
    color: #4C5C66;
}

a.linkToBack2 {
    margin-left: 80px;
}

.interestEvent {
    padding: 10px 5px 10px 10px;
    margin: 20px 0 0;
    float: left;
    background-color: #eaeef1;
    width: 182px;
}

    .interestEvent h2 {
        font-size: 14px;
        color: #015674;
        margin: 0 0 3px 0;
        padding: 0;
    }

    .interestEventDetails p, .interestEvent p {
        margin: 0;
        line-height: 18px;
    }

.interestEventDetails {
    background-color: #f5f7f8;
    padding: 10px;
    margin-top: 1px;
    float: left;
    width: 177px;
}

.intEventColor {
    color: #197cc5;
    display: inline-block;
    width: 40px;
}

.newsDetail {
    width: 100%;
    margin: 0;
}

    .newsDetail a {
        color: #197CC5;
    }

    .newsDetail .newsImage {
        margin-right: 20px;
    }


.eventPostImage h3 {
    font-size: 12px;
}

.vacancies_inner {
    padding-bottom: 40px;
}

    .vacancies_inner h3 {
        font-size: 14px;
        line-height: 20px;
        color: #015674;
    }

        .vacancies_inner h3 span {
            font-size: 13px;
        }

    .vacancies_inner p {
        margin-top: 20px;
    }

.underline {
    text-decoration: underline;
}

.launchMap a.btn_active em {
    float: left;
    margin-left: 4px;
    font-style: normal;
}

.launchMap a.btn_active {
    background-color: #015674;
    behavior: url(https://www.blackcountryskillsfactory.co.uk/content/PIE.htc);
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    line-height: 25px;
    margin: 20px 0 0;
    padding: 8px 5px;
    text-align: left;
    width: 196px;
    display: inline-block;
}

    .launchMap a.btn_active span {
        background: url("../assets/images/yellow_arrow.png") no-repeat scroll -2px -3px transparent;
        float: right;
        height: 22px;
        width: 24px;
        margin-top: 2px;
    }
/*------------- Footer ------------*/
#footer {
    background-color: #197cc5;
    width: 100%;
    position: relative;
    padding: 30px 0 20px 0;
    color: #fff;
    z-index: 1020;
}

.spacer20 {
    clear: both;
    height: 20px;
}

#footer h4 {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 20px;
}

#footer p {
    line-height: 18px;
}

    #footer p b {
        font-weight: normal;
        width: 40px;
        display: inline;
        float: left;
    }

.foo_bottom {
    border-top: 1px solid #fff;
    padding-top: 20px;
    display: inline-block;
    width: 100%;
}

    .foo_bottom ul {
        float: left;
    }

        .foo_bottom ul li {
            float: left;
            padding: 0 4px;
            color: #fff;
        }

            .foo_bottom ul li a {
                float: left;
                color: #fff;
            }

                .foo_bottom ul li a:hover {
                    text-decoration: underline;
                }

    .foo_bottom .copyright {
        float: right;
    }
/*------------- End Footer ------------*/

.secure_logout {
    float: right;
    margin-top: 43px;
    padding: 20px 40px 20px 20px;
}

    .secure_logout ul {
        list-style: none;
        color: #015674;
    }

        .secure_logout ul li {
            float: left;
            padding: 0px 5px;
        }

            .secure_logout ul li a {
                color: #015674;
            }

                .secure_logout ul li a:hover {
                    text-decoration: underline;
                }

.Search_document_div {
    background: #f6f7f8;
    padding: 20px;
    width: 590px;
    display: inline-block;
}

    .Search_document_div span {
        float: left;
        line-height: 30px;
        padding: 0px 5px;
        font-weight: bold;
        padding: 0px 20px 0px 0px;
        color: #015674;
    }

.Search_document_box {
    display: inline;
    float: left;
    margin-right: 8px;
    margin-top: -5px;
}

    .Search_document_box .search_top {
        width: 158px;
        border: 1px solid #999999;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        padding: 12px 30px 12px 10px;
        position: relative;
        behavior: url(https://www.blackcountryskillsfactory.co.uk/content/PIE.htc);
        top: 0px;
        left: 0px;
    }

    .Search_document_box .btn_search {
        background: url(../assets/images/search_icon.png) left top no-repeat;
        display: block;
        height: 12px;
        margin-left: 178px;
        margin-top: -26px;
        position: relative;
        width: 12px;
        cursor: pointer;
    }


.Search_document_div_small {
    background: #f6f7f8;
    padding: 20px;
    width: 490px;
    display: inline-block;
}

.loginFormdiv, .regFormdiv {
    margin: 0 0 2px;
    padding: 0;
    width: 100%;
    margin-bottom: 10px !important;
}

    .loginFormdiv label, .regFormdiv span {
        float: left;
        padding-top: 12px;
        width: 70px;
    }

    .loginFormdiv .btn_blue, .regFormdiv .btn_blue {
        float: left;
        width: 150px;
        margin-top: 20px;
    }

    .regFormdiv span {
        width: 150px;
    }

.Search_document_box {
    display: inline;
    float: left;
    margin-right: 8px;
    margin-top: -5px;
}

    .Search_document_box .search_top {
        width: 158px;
        border: 1px solid #999999;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        padding: 12px 30px 12px 10px;
        position: relative;
        behavior: url(https://www.blackcountryskillsfactory.co.uk/content/PIE.htc);
        top: 0px;
        left: 0px;
    }

    .Search_document_box .btn_search {
        background: url(../assets/images/search_icon.png) left top no-repeat;
        display: block;
        height: 12px;
        margin-left: 178px;
        margin-top: -26px;
        position: relative;
        width: 12px;
        cursor: pointer;
    }

.documentation_div {
    float: left;
}

    .documentation_div h3 {
        color: #015674;
        margin: 20px 0px;
    }

    .documentation_div ul {
        float: left;
    }

        .documentation_div ul li {
            line-height: 25px;
            display: inline-block;
            width: 600px;
        }

            .documentation_div ul li a {
                text-decoration: underline;
            }

                .documentation_div ul li a:hover {
                    color: #197cc5;
                    text-decoration: underline;
                }

/*Scrolling Partners Section*/

/*.scroller_roll {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    width: 2950px;
}

    .scroller_roll ul {
        padding: 0px;
        margin: 0px;
        float: left;
        width: 2950px;
    }

        .scroller_roll ul li {
            padding: 5px;
            padding-top: 25px;
            margin: 0px;
            list-style: none;
            float: left;
            text-align: center;
            display: inline;
        }

            .scroller_roll ul li a {
                text-decoration: none;
            }

                .scroller_roll ul li a:hover {
                    text-decoration: underline;
                }

                .scroller_roll ul li a img {
                    border: none;
                }*/

.course-table-not-bite tr td {
    padding: 5px 10px 5px;
    color: #197cc5;
    line-height: 120%;
}

.course-table-bite tr td {
    padding: 5px 10px 5px;
    color: #1fafaf;
    line-height: 120%;
}

.content_space_header {
    padding-top: 10px;
    padding-bottom: 30px;
    border-bottom: 1px solid #999;
    float: left;
    width: 600px;
}

#contact-table tr td {
    padding: 5px;
}

.course-table-normal tr td {
    padding: 5px 10px 5px;
    color: #197cc5;
    line-height: 120%;
}

.course-table-bite tr td {
    padding: 5px 10px 5px;
    color: #1fafaf;
    line-height: 120%;
}

.content_space_header {
    padding-top: 10px;
    padding-bottom: 30px;
    border-bottom: 1px solid #999;
    float: left;
    width: 600px;
}

#contact-table tr td {
    padding: 5px;
}



.textBox {
    padding: 4px 5px 4px 10px;
    border: 1px solid #999;
    border-radius: 4px;
    width: 300px;
    font-family: Arial;
}

ul.custom-pages {
    width: 100%;
    float: left;
}

li.page-option {
    float: left;
    width: 20px;
    list-style: none !important;
    list-style-image: none !important;
    margin: 0px !important;
    padding: 0px;
    cursor: pointer;
}

.move-next {
    cursor: pointer;
}

.move-previous {
    cursor: pointer;
}


li.page-option:active {
    font-weight: bold !important;
    border-bottom: 1px solid #000 !important;
}






.divMenuPopout {
    z-index: 100;
    width: 175px;
    position: absolute;
    background-color: none;
    text-align: left;
    font-size: 10pt;
    margin-top: 35px !important;
    z-index: 10010;
    float: left;
    height: 100%;
}



div.divMenuPopout ul li {
    width: 175px;
    float: left;
    border-bottom: 1px solid #e5e0e0;
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto !important;
}

    div.divMenuPopout ul li:last-child {
        border-bottom: none !important;
        box-shadow: 0 6px 3px -2px #b4bfc6;
        height: auto !important;
        /*background: url("https://www.blackcountryskillsfactory.co.uk/assets/images/redesign/dropdown-background-shadow.png") left bottom no-repeat;*/
    }


    div.divMenuPopout ul li a {
        border: none;
        padding-bottom: 10px !important;
        float: left;
        background-color: #fff;
        border-bottom: none !important;
        height: auto !important;
        color: #999999 !important;
    }

    div.divMenuPopout ul li:last-child a:hover {
        color: #197cc5;
        border-bottom: none !important;
    }


    div.divMenuPopout ul li a:hover {
        color: #197cc5;
        border-bottom: none !important;
        padding-bottom: 10px !important;
    }

div.Menu {
    float: left;
    display: inline;
}

    div.Menu a {
        font-size: 13px;
        height: 20px;
        margin-top: 10px;
        text-transform: uppercase;
        border-bottom: 5px solid #fff;
        padding: 0 8px;
        /*font-family:'Roboto Slab', serif;*/
        font-family: Arial, sans-serif;
        float: left;
        display: block;
        color: #999999 !important;
    }

        div.Menu a:visited {
            color: #999999 !important;
        }

/*Custom Selectbox css*/
.sbHolder {
    background: url(../assets/images/select_bg_1.png) left top no-repeat;
    height: 33px;
    position: relative;
    width: 253px;
    margin-left: -5px;
}

    .sbHolder:focus .sbSelector {
    }

.sbSelector {
    display: block;
    left: 4px;
    line-height: 33px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    width: 253px;
}

    .sbSelector:link, .sbSelector:visited, .sbSelector:hover {
        color: #5c6f7c;
        outline: none;
        text-decoration: none;
    }

.sbToggle {
    display: block;
    height: 33px;
    outline: none;
    position: absolute;
    right: -34px;
    top: 0;
    width: 35px;
}

.sbHolderDisabled {
    background-color: #3C3C3C;
    border: solid 1px #515151;
}

    .sbHolderDisabled .sbHolder {
    }

    .sbHolderDisabled .sbToggle {
    }

.sbOptions {
    background-color: #FFFFFF;
    border: 1px solid #B6BEC3;
    list-style: none;
    left: 4px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 34px;
    width: 237px;
    z-index: 1050;
    overflow-y: auto;
}

    .sbOptions li {
        padding: 0 7px;
    }

    .sbOptions a {
        border-bottom: dotted 1px #133d5e;
        display: block;
        outline: none;
        padding: 7px 0 7px 3px;
    }

        .sbOptions a:link, .sbOptions a:visited {
            color: #133d5e;
            text-decoration: none;
        }

        .sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus {
            /*color: #0088db;*/
        }

    .sbOptions li.last a {
        border-bottom: none;
    }

    .sbOptions .sbDisabled {
        border-bottom: dotted 1px #133d5e;
        color: #133d5e;
        display: block;
        padding: 7px 0 7px 3px;
    }

    .sbOptions .sbGroup {
        border-bottom: dotted 1px #133d5e;
        color: #133d5e;
        display: block;
        font-weight: bold;
        padding: 7px 0 7px 3px;
    }

    .sbOptions .sbSub {
        padding-left: 17px;
    }

*:focus {
    outline: 0;
}


.chooseCategory {
    background-color: #197cc5;
    padding: 16px 12px 8px;
    margin-left: 10px;
    /*height: 55px;*/
    float: left;
    width: 100%;
}

    .chooseCategory h3 {
        color: #fff;
        font-family: Arial, sans-serif;
        font-weight: bold;
        font-size: 15pt;
        line-height: 23px;
        width: 210px;
        float: left;
    }

.ie10 .chooseCategory select::-ms-expand,
.ie1 .chooseCategory select::-ms-expand,
.webkit .chooseCategory select::-ms-expand,
.gecko .chooseCategory select::-ms-expand {
    display: none;
}

.ie10 .chooseCategory select,
.ie1 .chooseCategory select,
.webkit .chooseCategory select,
.gecko .chooseCategory select {
    background-image: url('../assets/Images/ChooseCategoryDrop.jpg');
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.chooseCategory select {
    /*float: left;
    width: 290px;*/
    height: 48px;
    line-height: 49px;
    color: #415a68;
    font-weight: bold;
    font-size: 16px;
    padding-left: 10px;
    cursor: pointer;
    background-size: 290px;
}


/*
    .chooseCategory .sbHolder {
        float: left;
        background-image: url('../assets/Images/ChooseCategoryDrop.jpg');
        width: 275px;
        height: 45px;
    }

    .chooseCategory .sbSelector {
        line-height: 49px;
        color: #415a68;
        font-weight: bold;
        font-size: 16px;
    }
    */
.chooseCategory span {
    float: right;
    margin-top: -6px;
    background-image: url('../assets/Images/ChooseCategoryIcon.jpg');
    background-size: 103px;
    background-repeat: no-repeat;
    height: 67px;
    width: 103px;
}

@media(max-width:767px) {
    .chooseCategory span {
        display: none;
    }
}

.searchkeyword {
    background-color: #fff;
    padding: 16px 12px 8px;
    margin-left: 10px;
    /*height: 55px;*/
    /*float: left;*/
    width: 100%;
}

    .searchkeyword p {
        width: 210px;
        float: left;
        line-height: 20px;
    }

    .searchkeyword input[type=text] {
        float: left;
        width: 170px;
        border: 1px solid #999999;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        padding: 12px 30px 12px 10px;
        position: relative;
        behavior: url(https://www.blackcountryskillsfactory.co.uk/content/PIE.htc);
    }

    .searchkeyword input[type=button], .searchkeyword input[type=submit] {
        float: left;
        background: url(../assets/images/search_icon.png) left top no-repeat;
        height: 39px;
        margin-left: -35px;
        margin-top: 1px;
        position: relative;
        width: 30px;
        cursor: pointer;
        border-left: 1px solid #999999;
        background-position: 7px;
    }

    .searchkeyword span {
        background-image: url('../assets/Images/course-a-z.png');
        width: 149px;
        height: 43px;
        float: left;
        margin-left: 77px;
    }

.alphaseach {
    margin-left: 10px;
}

    .alphaseach h4 {
        font-family: Arial, sans-serif;
        font-weight: bold;
        font-size: 12pt;
        line-height: 23px;
        float: left;
    }

    .alphaseach ul {
        margin: 7px 0;
        float: left;
        width: 100%;
        border-top: 1px solid #999999;
        border-bottom: 1px solid #999999;
    }

        .alphaseach ul li {
            float: left;
            display: inline;
            background-image: url('../assets/Images/alpha-darkblue.png');
            width: 20px;
            height: 20px;
            margin: 20px 2px;
            text-align: center;
            line-height: 20px;
        }

            .alphaseach ul li:hover, .alphaseach ul li.active {
                background-image: url('../assets/Images/alpha-lightblue.png');
                cursor: pointer;
            }

            .alphaseach ul li a {
                color: #fff;
                font-family: Arial, sans-serif;
                font-size: 11px;
                width: inherit;
                float: left;
            }




#course-listing-container .content_space {
    padding: 0;
}

    #course-listing-container .content_space p:first-child {
        font-weight: bold;
        font-size: 14px;
    }

.content_space .course {
    /*float: left;*/
    width: 100%;
    margin: 5px 0;
}

    .content_space .course .courseheader {
        padding: 16px 18px;
        color: #fff;
        cursor: pointer;
    }

    .content_space .course:nth-child(5n+1) {
        background-color: #e21b7d; /*pink*/
    }

    .content_space .course:nth-child(5n+2) {
        background-color: #23adaa; /*green*/
    }

    .content_space .course:nth-child(5n+3) {
        background-color: #f6a72d; /*yellow*/
    }

    .content_space .course:nth-child(5n+4) {
        background-color: #2e90cb; /*blue*/
    }

    .content_space .course:nth-child(5n+5) {
        background-color: #825599; /*purple*/
    }

    .content_space .course .courseheader span {
        background-image: url('../assets/Images/arrow-down.png');
        height: 21px;
        width: 22px;
        float: left;
        margin-right: 20px;
    }

    .content_space .course.active .courseheader span {
        background-image: url('../assets/Images/arrow-up.png');
        height: 21px;
        width: 22px;
        float: left;
        margin-right: 20px;
    }

    .content_space .course .courseheader h3 {
        margin-left: 20px;
        font-size: 1.2em;
    }

    .content_space .course .coursecontent {
        width: 100%;
        background-color: #fff;
        float: left;
        overflow: hidden;
        -webkit-transition: all 0.6s,-webkit-transform 0.6s; /* For Safari 3.1 to 6.0 */
        transition: all 0.6s, transform 0.6s;
    }

    .content_space .course.inactive .coursecontent {
        max-height: 0;
    }

    .content_space .course.active .coursecontent {
        max-height: 800px;
    }

    .content_space .course .coursecontent .holder {
        padding: 30px 20px;
        float: left;
    }

.searchresults {
    margin-left: 10px;
}

    .searchresults span {
        float: left;
        margin-top: 30px;
        margin-bottom: 30px;
        font-family: Arial, sans-serif;
        font-size: 18px;
        font-weight: bold;
        border-bottom: 1px solid #d0d8dc;
        width: 100%;
    }

    .searchresults h4 {
        padding-left: 15px;
        color: #197cc5;
        font-family: Arial, sans-serif;
        font-size: 16px;
        font-weight: bold;
        border-bottom: 1px solid #d0d8dc;
    }


    .searchresults ul li {
        border-bottom: 1px solid #d0d8dc;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-left: 45px;
    }

    .searchresults a {
        color: #4c5c66;
    }

        .searchresults a:hover {
            color: #197cc5;
        }

.eventsCalendar-subtitle {
    display: none !important;
}

.pink {
    color: #e21b7d; /*pink*/
}

.green {
    color: #23adaa; /*green*/
}

.yellow {
    color: #f6a72d; /*yellow*/
}

.blue {
    color: #2e90cb; /*blue*/
}

.purple {
    color: #825599; /*purple*/
}