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

body
{
    background-color:#797979;
}



/*General Styles*/


h1
{
    color:#0166af;
    font-size:30px;
    margin:0;
    padding:0 0 4px 0;

}


h2
{
    color:#0166af;
    font-size:24px;
    margin:0;
    padding:0 0 4px 0;

}

h3
{
    color:#0166af;
    font-size:18px;
    margin:0;
    padding:0 0 2px 0;
}


h4
{
    color:#0166af;
    font-size:18px;
    margin:0;
    padding:0 0 8px 0;
}  

h5
{
    color:#0166af;
    font-size:18px;
    margin:0;
    padding:0 0 8px 0;
} 

a
{
    color:#f49a00;
}


.divider
{
    background-image:url(../images/divider.jpg);
    background-repeat:repeat-x;
    height:2px;
    margin:4px 0;
}


.left
{
    float:left;
}

.right
{
    float:right;
}


#siteWrapper
{
    background-color:#f2f2f2;
}

#container
{
    width:980px;
    margin:0 auto;
}

.content
{
    padding:10px;
}  

#header { height: 100px; }
.btn-country-select { cursor: pointer; font-size: 19px; padding-right: 21px; background: url('../images/down_arrow.png') right 12px no-repeat; }
.btn-country-select > img { margin-right: 6px; }
.btn-country-select ul { display: none; position: absolute; top: 18px; z-index: 1000; background: #fff; border: solid #000 1px; list-style: none; margin: 0; padding: 0; }
.btn-country-select li { padding: 4px 10px 4px 4px; display: block; }
.btn-country-select li:hover { background-color: #ccc !important; }
.btn-country-select li img { margin-right: 8px; }
.btn-country-select li a { display: block; }
.btn-country-select a { color: #333333; text-decoration: none; }




/* Top Search */

#courseSearch
{
    background-color:#277b2d;
    color:#fff;
    padding:8px;

}
#courseSearch .form-group
{
    margin:0 10px 0 0;
    list-style-type:disc
}


#courseSearch h1
{
    display:inline-block;
    float:left;
    font-size:30px;
    margin:0;
    padding:0 20px 0 0;
    color:#fff;

}

#courseSearch .datepicker {
    min-width: 140px;
}

#courseSearch select#county { min-width: 200px; }


.countrySelect
{
    float:left;
    font-size:20px;
    font-weight:bold;
    padding:20px 40px;
    line-height:40px;
}
.countrySelect img
{
    float:left;
}

.expandLink
{
    color:#fff;
    padding:0 0 0 10px;
}
.expandLink:hover
{
    color:#fff;

}  


#more label
{
    padding:10px 0 0 0;
}


/* CTA Slider */

.ctaSlider
{
    background-image:url(../images/cta-home.jpg);
    background-repeat:no-repeat;
    width:980px;
    height:184px;
    padding:60px 0 0 10px;
}

.ctaSlider, .ctaSlider h2
{
    color:#fff;
}


.ctaSub
{
    background-image: url(../images/sub-cta.jpg);
    background-repeat:no-repeat;
    width:980px;
    padding:160px 10px 10px 10px;


}

#modalCountrySelect .modal-dialog { width: 500px; margin-top: 10%; margin-left: auto; margin-right: auto; }
#modalCountrySelect .modal-content { padding: 40px 20px; text-align: center; border-radius: 0 !important; }
#modalCountrySelect h3 { color: #B5B3B3; padding: 30px 0; font-weight: 700; font-size: 16px; }
#modalCountrySelect select { max-width: 270px; margin: 0 auto; }


/* Featured Competitions Area on Home Page*/  
.featuredComps
{
    padding:20px 0;
    position:relative;
    height:270px;
}

.featuredComps h2
{
    padding:0;
    margin:0;
}


.featureComps .row
{
    min-height:140px;
    border-bottom: 1px solid #ccc;
    margin-bottom:10px;
    margin-left:0 !important;
    margin-right:0 !important;
}


.tab-content
{
    border:1px solid #dfdfdf;
    background-color:#fff;
    padding:10px;
    margin-top:10px;
}

.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}


.featuredCourse
{

    font-size:12px;
    padding:0 10px 0 0;
    height:140px;
    float:left;


}

.FcImage
{
    float:left;
    padding-right:6px;  
}
.FCDetails
{
    float:left;
    width:190px;
    line-height:14px;
    min-height:74px;
}
.FCMoreLink
{
    color:#3e7fda;
    padding:8px 0 0 20px;

    font-weight:bold;
}

.searchMoreLink
{
    color:#3e7fda;
    padding:0;

    font-weight:bold;
}

.featuredCourse .btn-book
{
    width:100px;

}

ul.dropdown-menu .text { color: #333333; }


/*
root element for the scrollable.  when scrolling occurs this
element stays still.
*/
.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 908px;
    height:156px;
    max-height: 156px;
}

/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.items > div {
    float:left;
}


/* position and dimensions of the navigator */
.navi {

    height:20px;

    position:absolute;
    bottom:0;
    left:48%;
}


/* items inside navigator */
.navi a {
    width:8px;
    height:8px;
    margin:3px;
    background:url(../images/navigator.png) 0 0 no-repeat;
    display:inline-block;
    font-size:1px;
}

/* mouseover state */
.navi a:hover {
    background-position:0 -8px;
}

/* active state (current page state) */
.navi a.active {
    background-position:0 -16px;
}





/*
root element for the scrollable.  when scrolling occurs this
element stays still.
*/
.ctaSlider .scrollableCTA {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 960px;
    height:80px;
}

/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.ctaSlider .scrollableCTA .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.ctaSlider .items > div {
    float:left;
    width:940px;
    padding-left:20px;
}


/* position and dimensions of the navigator */
.ctaSlider .navi {

    height:20px;

    position:absolute;
    bottom:0;
    left:20px;
}


/* items inside navigator */
.ctaSlider .navi a {
    width:8px;
    height:8px;
    margin:3px;
    background:url(/images/navigator.png) 0 0 no-repeat;
    display:inline-block;
    font-size:1px;
}

/* mouseover state */
.ctaSlider .navi a:hover {
    background-position:0 -8px;
}

/* active state (current page state) */
.ctaSlider .navi a.active {
    background-position:0 -16px;
}



/* CTA Bottom */
.ctaBtmWrapper
{
    margin-top:20px;
}

.ctaBtm

{
    border:1px solid #dfdfdf;
    background-color:#fff;
    padding:10px;
    min-height:164px;


}



/* Sub Page Styles */


.subContent
{
    border:1px solid #dfdfdf;
    background-color:#fff;
    padding:10px;
    margin:0 0 20px 0;

}


.subContent h2
{
    font-size:30px;
}





.subContent .tab-content
{
    border:none;
    border-top:4px solid #1b4682;
    padding:10px 0;




}

.subContent  .courseGallery
{
    float:left;
    width:400px;

}
.subContent .row
{
    margin:0 0 0 0 !important;
}

.courseGallery .galleryTN
{
    padding:10px 0 0 0;
}

.courseGallery .galleryTN a
{
    padding-right:4px;
    display:inline-block;

}

.courseGallery img
{
    border:1px solid #ccc;
}

.courseDetails
{
    float:left;
    padding-left:20px;
}

.generalContent
{
    border:1px solid #dfdfdf;
    background-color:#fff;
    padding:10px;
    margin:10px 0 20px 0;
}

.generalContent .col-xs-4
{
    padding-bottom:20px;

}
.featureComps
{
    font-size:12px;
}


.featureComps .FCDetails
{
    min-height:90px;

}
.featureComps .FCDetailsFull
{
    min-height:130px;

}
.compDate
{
    display:block;
    font-size:14px;
    padding:0 0 4px 0;
    color:#0166af;
}


.compDetails
{
    float:left;
    padding-right:20px;
    width:500px;
}


#results
{
    padding-right:20px;
}


.formHalf
{
    width:50%;
}
.required{
    color:#900;
}

dd
{
    margin-bottom:8px;
}


.pagerText {
    display: inline-block;
    vertical-align: top;
    padding-top: 26px;
    height: 36px;
}



img.thumb-sm
{
    width:140px;

}

.subContent .col-xs-1, .subContent .col-xs-2, .subContent .col-xs-3, .subContent .col-xs-4,  .subContent .col-xs-5,  .subContent .col-xs-6, .subContent .col-xs-7, .subContent .col-xs-8, .subContent .col-xs-9, .subContent .col-xs-10, .subContent .col-xs-11, .subContent .col-xs-12 {

    padding-right: 0;
    padding-left: 0;
}

.subContent .pagination
{
    margin:0;
}

.competition
{
    border-bottom:1px solid #eee;
    margin: 20px 0;
}

.competition h4 { font-size: 16px; }
.competition img { margin-top: 6px; }


/* Footer Styles */

.footerWrapper
{
    width:960px;
    margin:0 auto;
    background-color: #797979;
    overflow: auto;
}

.footer
{
    padding:10px;
    color:#fff;

}

.footer a
{
    color: #fff;  
}

.footerNav
{
    float:left;
    padding:4px 0;

}

.footerSocial
{
    float:right;

}

.footerSocial a
{
    padding:4px;
}



.infoBox
{
    border:1px solid #CCC !important;
}

.progress
{
    height:auto;
}

.navi a
{
    cursor:pointer;
}

/* Alerts  */


.alertWrapper
{
    border:1px solid #F00;
    padding:4px;
}

.alert-small, .error
{
    color:#dd0000;
    padding:4px 0;
    font-weight:bold;
}


.message-container {
    display: block;
    text-align: left;
    z-index: 300;
    color: #333;
    padding: 10px 0;
    font-family: Helvetica, Arial;
    font-size: 0.8em;
    position: relative;
    top: 0;
    left: 0;
    min-width: 100%;
    max-height: 0;
    background: #fff;
    -moz-transition: all 250ms ease-in;
    -webkit-transition: all 250ms ease-in;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    -moz-box-shadow: 0 0px 12px 0px #999;
    -webkit-box-shadow: 0 0px 12px 0px #999;
    box-shadow: 0 0px 12px 0px #999;
    overflow: hidden;

}



.message-container .message_container {
    position: relative;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    margin:0  auto;
}

.message_container,  .message-container {
    max-width: 960px;
}

.message-container .message_container>* {
    margin: 0 0 10px;
}

.message-container .message-close {
    position: absolute;
    top: 0px;
    right: 0;
    text-align: right;
    line-height: 1.25em;
}


#ui-datepicker-div
{
    z-index:100 !important;
}

.header-logo
{
    float:right;
    margin-top: 26px;
}