/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,  del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body {
	line-height: 1em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/***** END RESET *****/


body {
    background-color: #fff;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
}

.ssg-image-alignleft {
float: left;
padding-right: 10px;
}
.ssg-image-alignright {
    float: right;
    margin-left: 10px;
}
.ssg-paragraph-alignleft {
    text-align: left;
}
.ssg-paragraph-aligncenter {
    text-align: center;
}
.ssg-paragraph-alignright {
    text-align: right;
}


/*Colors*/

/*colour 1: ORANGE #F8972B;    */       .orange  { color: #F8972B; }
/*colour 2: BLUE #009CD8;      */       .blue    { color: #009CD8; }
/*colour 3: CORP GREEN #009999;*/       .green   { color: #009999; }
/*colour 4: CORP BLUE #003366; */       .ltblue  { color: #003366; }
/*colour 5: GREY #929799;      */       .grey    { color: #929799; }
/*colour 6: YELLOW #FBB515;    */       .yellow  { color: #FBB515; }
/*colour 7: BURGUNDY #861F52;  */       .burgundy{ color: #861F52; }
/*colour 8: PURPLE #4A4691;    */       .purple  { color: #4A4691; }

.black { color: #000; }

/*General styles*/

    * {
        margin : 0;
        padding : 0;
    }

    img { border: 0; }

    li { list-style-type: none; }

    p, h1, h2, h3, h4, h5, h6 {
        margin: 0 0 15px 0;
    }

    form {
        margin: 0;
        padding: 0;
    }

    .largeContentHeading{
        font-size: 1.5em; line-height: 1em;
    }

    h1 { font-size: 1.6em; line-height: 1em; }

    h2 { font-size: 1.4em;}

    h3 { font-size: 1.2em;}

    h4 { font-size: 1.1em;}

    .colour1 h1, .colour1 h2, .colour1 h3 { color: #F8972B;}
    .colour2 h1, .colour2 h2, .colour2 h3 { color: #009CD8;}
    .colour3 h1, .colour3 h2, .colour3 h3 { color: #009999;}
    .colour4 h1, .colour4 h2, .colour4 h3 { color: #003366;}
    .colour5 h1, .colour5 h2, .colour5 h3 { color: #929799;}
    .colour6 h1, .colour6 h2, .colour6 h3 { color: #FBB515;}
    .colour7 h1, .colour7 h2, .colour7 h3 { color: #861F52;}
    .colour8 h1, .colour8 h2, .colour8 h3 { color: #4A4691;}

    .error, .errorMessage {
        font-size: 0.9em;
        font-style: italic;
        margin: 0;
        color: red;
    }

    .floatright,
    #container a.button.floatright { float: right; }

    .floatleft { float: left; }

    .none, .hidden { display: none; }

    .block { display: block; }

    .center { text-align: center; }

    .bold { font-weight: bold; }

    .underlined { text-decoration:underline; }

    .clearleft { clear: left; }

    .clearboth { clear: both; }

    .clearright { clear: right; }

    .inline { display: inline!important; }

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

    .clearfix {display: inline-block;}

    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */

/*Links*/

    a { text-decoration: none; }

/* BODY CLASS LINKS */

    .colour1 .content a { color: #F8972B; }
    .colour2 .content a { color: #009CD8; }
    .colour3 .content a { color: #009999; }
    .colour4 .content a { color: #003366; }
    .colour5 .content a { color: #929799; }
    .colour6 .content a { color: #FBB515; }
    .colour7 .content a { color: #861F52; }
    .colour8 .content a { color: #4A4691; }

/*Forms */

    select { }

    input { }


/*Layout*/

#container{
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

/*Header Area*/

#branding{
    height: 104px;
    position: relative;
}

#mainLogo{
    width: 200px;
    height: 80px;
    display: block;
    overflow: hidden;
    margin: 17px 0 10px 0;
    float: left;
}

#mainLoginAndReg{
    float: left;
    margin: 20px 30px 20px 410px;
    width: 200px;
    position: relative;
    z-index: 300;
}

    #mainLoginAndReg a { color: #000; font-weight: bold; padding: 0 0.5em; text-decoration: none; }
    #mainLoginAndReg #mainRegisterLink { color: #00989b; }

#mainLoginAndReg .tempNotification{
    font-size: 0.8em;
}

#mainLoginAndReg .tempNotification a{
    padding: 0;
}

.strapline {
    display: block;
    width: 600px;
    position: absolute;
    bottom: 0;
    left: 232px;
    margin: 0;
    font-size: 18px;
    color: #009999;
}

#topContact{
    width: 180px;
    height: 65px;
    position: absolute;
    bottom: -5px;
    right: -20px;
    color: #ED6E21;
}

    #topContact p { margin: 0; padding: 0; }
    #topContact #tagline { font-size: 18px; }
    #topContact #telNo { font-size: 23px; font-weight: bold; margin-top: 3px; }

.shoppingCartSummary{
    position: absolute;
    left: -120px;

}

/* Primary Navigation */

#navSection{
    background: #fff url(../images/topNavBg.png) repeat-x scroll 0 0;
    clear: both;
    color: #fff;
    height: 87px;
    position: relative;
    width: 1000px;
}

    #navSection a{ color: #fff; }

        #primaryNav li{
            border-right: 1px solid #6A8DB3;
            float: left;
            font-size: 0.83em;
            font-weight: bold;
            height: 56px;
            line-height: 1.1em;
            width: 169px;
        }

            #primaryNav li a { display: block; height: 36px; padding: 10px 20px; text-decoration: none; width: 130px; }

            #primaryNav li strong {
                display: block;
                font-size: 1.5em;
                line-height: 1.06em;
            }

    /* Secondary Navigation */

    #primaryNav li ul.secondLevel{
        clear: both;
        border-radius: 0 0 14px 14px;
            -moz-border-radius: 0 0 14px 14px;
            -webkit-border-radius: 0 0 14px 14px;
        height: 31px;
        left: -99999px;
        line-height: 31px;
        padding: 0;
        position: absolute;
        top: 56px;
        width: 1000px;
    }

    #primaryNav li ul.secondLevel li {
        position: relative;
        width: auto;
    }

    #primaryNav li li.first a {
        border-radius: 0 0 0 14px;
            -moz-border-radius: 0 0 0 14px;
            -webkit-border-radius: 0 0 0 14px;
        padding-left: 20px;
    }

    #primaryNav li.current ul { left: 0; z-index: 3; }

    #primaryNav ul li { border: none; font-size: 1.2em; height: 31px; width: auto; }

        #primaryNav li ul a {
            display: block;
            float: left;
            font-size: 0.9em;
            font-weight: bold;
            height: 31px;
            line-height: 31px;
            padding: 0 10px;
            text-decoration: none;
            width: auto;
        }
       
        #primaryNav li.firstLevel.current > a,
        #primaryNav li.firstLevel:hover > a { background: #00a3a8 url('../images/colour3Gradient.png') repeat-x scroll 0 0; }

            #primaryNav li.current ul,
            #primaryNav li.current ul li a { background-color: #00a3a8; }

                #primaryNav li.current li:hover a,
                #primaryNav li.current li.current a { background-color: #00b7bc; }


                            /* Third level Navigation */
                            #primaryNav li.firstLevel ul li ul.thirdLevel,
                            #primaryNav li.firstLevel ul li ul.thirdLevel li,
                            #primaryNav li.firstLevel ul li ul.thirdLevel li a {
                                border-radius: none;
                            }

                            #primaryNav li.firstLevel ul li ul.thirdLevel {                                
                                min-width: 210px;
                                display: block;
                                position: absolute;
                                top: 31px;
                                left: 0px;
                                visibility: hidden;
                                background-color: #51c5c3;
                                border-radius: 0 0 10px 10px;
                                    -webkit-border-radius: 0 0 10px 10px;
                                    -moz-border-radius: 0 0 10px 10px;
                            }

                            #primaryNav li.firstLevel ul li ul.thirdLevel li {
                                font-size: 1em; /* Shouldnt need this style */
                                display: block;
                                width: auto;
                                float: left;
                                clear: left;
                                height: auto;

                            }

                            #primaryNav li.firstLevel ul li ul.thirdLevel li a {
                                background: none;
                                height: auto;
                                display: block;
                                padding: 6px 0 6px 20px;
                                line-height: 16px;
                            }

    /* Sign In Box*/

     #mainLoginAndReg ul{
        position: absolute;
        z-index: 300;
    }

    #mainLoginAndReg ul li{
        float: left;
        height: 22px;
        padding-top: 4px;
        border-style: solid;
        border-width: 1px;
        border-color: #FFFFFF;
        background-color: #ffffff;
    }

    #mainLoginAndReg .forgottenDetails{
        font-size: 0.8em;
        margin-left: 10px;
    }

    #signInBox {
        display: none;
        background: url(../images/signInDropDownBottom.png) no-repeat left bottom;
        width: 171px;
        position: absolute;
        right: 93px;
        top: 27px;
        border-top: 1px solid #D9D9D9;
        padding: 0 15px 0 15px;
        z-index: 100;
    }

    #signInBox div{
        margin: 10px 0;
    }


#siteSearch{
    height: 20px;
    float: right;
    margin: 18px 20px;
    width: 234px;
}

    #siteSearch div { float: left; }

        #siteSearch span {
            background: #fff url('../images/searchInputBg.png') no-repeat scroll left center;
            display: block;
            height: 20px;
            width: 164px;
        }

        #siteSearch input[type=text] {
            background: transparent url(../images/searchIcon.png) no-repeat 5px center;
            border: none;
            height: 20px;
            padding-left: 20px;
            width: 144px;
        }

        #siteSearch input[type=submit], #newsLetterSignup input[type=submit] {
            background: #878786 url('../images/searchButton.png') no-repeat scroll left center;
            border: none;
            color: #fff;
            height: 20px;
            width: 70px;
        }


#newsLetterSignup .panelContent{
    font-weight: bold;
}

#newsLetterSignup input[type=text] {
    width: 130px;
}

#breadcrumb{ clear: both; margin: 10px 20px 20px 20px; overflow: hidden; }
    #breadcrumb li { float: left; }
        #breadcrumb a { color: #000; text-decoration: none; }

#breadcrumb li a:hover{
    text-decoration: underline;
}

.links { float: right; }

    .links a {
        background: url( ../images/en/printEmailIcons.gif ) no-repeat;
        display: block;
        float: left;
        height: 16px;
        overflow: hidden;
        text-indent: -9999px;
        width: 48px;
    }

    .links #emailLink {
        background-position: right;
        width: 63px;
    }

#languages {
    color: #036;
    float: right;
    font-weight: bold;
    font-size: 10px;
    margin: 0 20px 10px 0;
}

    #languages li {
        float: left;
        margin-left: 5px;
    }

        #languages li a {
            color: #036;
            font-weight: normal;
            text-decoration: underline;
        }

        #languages li.active a {
            font-weight: bold;
            text-decoration: none;
        }

#main { clear: both; }

.content{
    width: 720px;
    float: left;
    margin-right: 10px;
    margin-bottom: 30px;
}

.content.home {
    width: 1000px;    
}

.content .articleDate{
    float: right;
}

.fullWidthContent ul li{
    list-style-type: disc;
    list-style-position: outside;
    background: none;
    padding: 0;
    margin: 0.5em 0 0.5em 1em;
}
/* BODY CLASS BULLETS */

    /* Default h3 bullet style when no colour is specified in content folder*/
h3.header3Bullet {
    background: url("../images/greyBulletDefault.png") no-repeat left 6px;
    list-style: none;
    margin-left: 0;
    padding-left: 15px;
}

    .colour1 .content ul li,
    .colour1 .content h3.header3Bullet {
        background: url("../images/orangeBullet.png") no-repeat left 6px;
        list-style: none;
        margin-left: 0;
        padding-left: 15px;
    }
    .colour2 .content ul li,
    .colour2 .content h3.header3Bullet {
        background: url("../images/lightBlueBullet.png") no-repeat left 6px;
        list-style: none;
        margin-left: 0;
        padding-left: 15px;
    }
    .colour3 .content ul li,
    .colour3 .content h3.header3Bullet {
        background: url("../images/greenBullet.png") no-repeat left 6px;
        list-style: none;
        margin-left: 0;
        padding-left: 15px;
    }
    .colour4 .content ul li,
    .colour4 .content h3.header3Bullet {
        background: url( "../images/corpBlueBullet.png" ) no-repeat left 6px;
        list-style: none;
        margin-left: 0;
        padding-left: 15px;
    }
    .colour5 .content ul li,
    .colour5 .content h3.header3Bullet,
     {
        background: url("../images/greyBullet.png") no-repeat left 6px;
        list-style: none;
        margin-left: 0;
        padding-left: 15px;
    }
    .colour6 .content ul li,
    .colour6 .content h3.header3Bullet {
        background: url("../images/yellowBullet.png") no-repeat left 6px;
        list-style: none;
        margin-left: 0;
        padding-left: 15px;
    }
    .colour7 .content ul li,
    .colour7 .content h3.header3Bullet {
        background: url("../images/burgundyBullet.png") no-repeat left 6px;
        list-style: none;
        margin-left: 0;
        padding-left: 15px;
    }
    .colour8 .content ul li,
    .colour8 .content h3.header3Bullet {
        background: url("../images/purpleBullet.png") no-repeat left 6px;
        list-style: none;
        margin-left: 0;
        padding-left: 15px;
    }

.fullWidthContent .courseNav li, .fullWidthContent .courseModuleSection li{
    list-style: none;
    margin-left: 0;
    padding: 0;
    background: none;
}

/***** Aside *****/

#aside{
    width: 250px;
    margin: 0 10px;
    float: left;
    height: 20px;
}

#aside div{
    clear: both;
}

/* Panels */

.panel { background: #fff url('../images/panels.jpg') no-repeat scroll 0 0; color: #fff; }

    .panel .panelHeading {
        background: transparent url('../images/panelHeadings.png') no-repeat scroll right top;
        color: #fff;
        display: block;
        font-size: 1.18em;
        font-weight: bold;
        height: 39px;
        left: 8px;
        line-height: 30px;
        padding: 0 10px;
        position: relative;
        top: 20px;
        width: 225px;
    }

    .panel .panelContent { margin: 20px; width: 210px;}

        .panel a {
            color: #ffffff;
            display: inline;
            text-decoration: none;
            font-weight: bold;
        }

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

        .panel ul li { border-bottom: #fff 1px solid; padding: 15px 0; background: 0;}

            .panel ul li .date { display: block; }

        .panel p.panelContent {
            margin: 0;
            padding: 20px 20px 0;
        }

        .panel form.panelContent { margin-top: 10px; }

        .panel .panelBottom {
            display: block;
            height: 19px;
            background: url(../images/panelsBottom.png) no-repeat 2px bottom;
        }

        .custom a{
            display: block;
            text-indent: -9999px;
            overflow: hidden;
        }

        /* Panel Colours */

    .panel.tealPanel { background-position:  -246px 0; }
        .panel.tealPanel > a strong, .panel.tealPanel > strong { background-position:  right -78px; }

    .panel.orangePanel { background-position:  -493px 0; }
        .panel.orangePanel > a strong, .panel.orangePanel > strong { background-position: right -117px; }

    .orangePanel ul li strong{
        color: #993300;
    }

    .panel.bluePanel { background-position: 2px 0; }
        .panel.bluePanel > a strong, .panel.bluePanel > strong { background-position: right -78px; }

    .panel.purplePanel { background-position: -740px 0; }
        .panel.purplePanel > a strong, .panel.purplePanel > strong { background-position: right -156px; }

    .panel.greyPanel { background-position: -1476px 0; }
        .panel.greyPanel > a strong, .panel.greyPanel > strong { background-position: right -156px; }


    /*Home Page and Default panel Styles */
    #latestFitnessNews{background-position: -246px 0;}
        #latestFitnessNews > a strong, #latestFitnessNews > strong { background-position:  right -39px; }
        #latestFitnessNews ul li .date{color: #003333}
        #latestFitnessNews ul li strong{color: #ffffff}

    #testimonials{ background-position:  -246px 0;}
         #testimonials > a strong, #testimonials > strong { background-position:  right -39px; }
         #testimonials ul li strong{color: #003333}

    #somethingElse{ background-position:  -246px 0;}
         #somethingElse > a strong, #somethingElse > strong { background-position:  right -39px; }
         #somethingElse ul li strong{color: #ffffff}

    #videoSidebarPanel { background-position:  -246px 0; position: relative;}
         #videoSidebarPanel > a strong, #videoSidebarPanel > strong { background-position:  right -39px; }
         #videoSidebarPanel ul li strong{color: #ffffff}


    #videoSidebarPanel img {
        border: 1px solid #012751;
        float: left;
        margin: 0 9px 7px 0;
    }

        #videoSidebarPanel ul li{
            padding: 8px 0;
            position: relative;
        }

        #videoSidebarPanel ul li.featured {
            padding: 0;
        }

            #videoSidebarPanel ul li.featured img {
                margin-bottom: 7px;
            }

            #videoSidebarPanel ul li p{
                clear: both;
                font-size: 14px;
                font-weight: bold;
                line-height: 1.15em;
                margin: 0;
            }

            #videoSidebarPanel ul li.featured p {
                margin-bottom: 7px;
                font-size: 14px;
            }

    #videoSidebarPanel .playVideoLink {
        background: url("../images/videoChevronGreen.png") no-repeat scroll right 1px transparent;
        display: block;
        padding-right: 22px;
        height: 18px;
        text-decoration: none;
    }

    #videoSidebarPanel .viewAllLink {
        background: url("../images/viewAllButton.png") no-repeat scroll center 0 transparent;
        display: block;
        color: #009999;
        height: 21px;
        width: 99px;
        text-decoration: none;
        text-align: center;
        padding-top: 1px;
        position: absolute;
        right: 19px;
        bottom: 11px;
    }

    #videoSidebarPanel a.videoThumb {
        position: relative;
        display: block;
    }

         #videoSidebarPanel a.videoThumb span {
            background: url("../images/videoChevronBlue.png") no-repeat scroll right 0px transparent;
            display: block;
            height: 26px;
            position: absolute;
            top: 60px;
            left: 53px;
            padding-right: 29px;
            padding-top: 2px;
            font-size: 15px;
        }


#contactUsPanel{
    background: none;
    position: relative;
    height: 75px;
    z-index: 100;
}

#contactUsPanel strong{
    display: block;
    text-indent: -9999px;
}

#contactUsPanel #contactUsLink {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 2px -136px;
    display: block;
    height: 76px;
    position: absolute;
    z-index: 300;
    width: 250px;
}

#contactUsPanel .clickHereLink{
    background:url("../images/largeArrowsSprite.png") no-repeat scroll right 0 transparent;
    color:#085353;
    display:block;
    height:35px;
    left:194px;
    overflow:hidden;
    position:absolute;
    text-indent:-9999px;
    top:17px;
    width:35px;
}

#callBack{
    background: none;
    position: relative;
    height: 75px;
    z-index: 100;
}

#callBack strong{
    display: block;
    text-indent: -9999px;
}

#callBack #callBackLink {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 2px -210px;
    display: block;
    height: 102px;
    position: absolute;
    z-index: 300;
    width: 250px;
}

#callBack #callBackLink .clickHereLink{
    background:url("../images/largeArrowsSprite.png") no-repeat scroll right 0 transparent;
    color:#085353;
    display:block;
    height:35px;
    left:194px;
    overflow:hidden;
    position:absolute;
    text-indent:-9999px;
    top:17px;
    width:35px;
}

.panel #callBackLink:hover{
    text-decoration: none;
}

#callBack #callBackLink.active .clickHereLink{
    position: absolute;
    top: 18px;
    left: 168px;
    background:url("../images/largeArrowsSprite.png") no-repeat scroll right bottom transparent;
    padding-right: 25px;
    height: 35px;
    width: 35px;
}


#callBackFormPlaceHolder {
    position: absolute;
    top: 55px;
    z-index: 200;
    overflow-y: hidden;
    overflow-x: visible;
    height: 0;
    width: 250px;
}

#callBackForm, #callbackFormPlaceHolder p{
    width: 210px;
    position: absolute;
    bottom: 0;
    background: url(../images/formPanelBg.png) no-repeat 4px bottom;
    padding: 40px 20px 20px;
    color: #000000;
}

#callBackForm fieldset legend{
    padding: 5px 0;
    margin: 0;
    font-size: 0.9em;
}

#callBackForm input, #callBackForm label{
    display: block;
    font-size: 0.9em;
    margin-top: 0.30em;
}

#callBackForm .textField{
    border: 1px solid #dadada;
    width: 205px;
    padding: 2px;
}

#callBackForm select {
    overflow-x: visible;
    width: 211px;
    font-size: 0.8em;
}

#callBackForm select option {
    width: auto;
    overflow: visible;
}

#callBackForm .closeButton{
    float: right;
    padding-right: 20px;
    font-size: 0.9em;
    margin-top: 3px;
    background: url(../images/closeButton.png) right no-repeat;
}

#callBackForm div{
    margin: 10px 0;
}

#callBackForm .closeButton{
    color: #000;
}

#callBack #callBackLink .clickHereLink{
    top: 19px;
}

#callBack.contactUs #callBackLink .clickHereLink{
    top: 42px;
}

#callBack.contactUs{
    height: 132px;
}

#callBack.contactUs #callBackLink {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 2px -64px;
    height: 65px;
    display: block;
    position: absolute;
    z-index: 300;    
}

#callBack.contactUs #contactUsLink {
    height: 65px;
    display: block;
    background-position: 2px 0;
}

#callBack.contactUs #contactUsLink .clickHereLink{
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

#callBack.contactUs #callBackLink .clickHereLink { top: 15px; }

#callBack.contactUs #callBackFormPlaceHolder { top: 115px; }

#mockTest { padding: 20px 0 0; }

#mockTest .panelTitle{
    margin: 0 20px 0 20px;
    font-size: 1.5em;
    display: block;
}

#mockTest .tagLine{
    margin: 2px 20px;
    display: block;
}

#mockTest form { margin: 0 20px; }

#mockTest form select{
    width: 175px;
    margin-right: 5px;
}

#mockTest .arrow{
    top: 70px;
    left: 25px;
    background: url(../images/arrowsSprite.png) no-repeat right -41px;
    height: 20px;
    width: 20px;
    text-indent: -9999px;
    overflow: hidden;
    border: 0;
    color: transparent;
    text-transform: capitalize;
    cursor: pointer; 
}

.addthis_button{
    float: right;
    margin: 10px 8px;
}

#footer {
    margin: 20px 270px 20px 20px ; 
}
    #footer a { color: #000; display: block; line-height: 1.75em; text-decoration: none; }
    #footer a:hover{ color: #666 }
    #footer .footerSection { border-left: 1px solid #cbcccd; float: left; padding: 0 10px; width: 135px; }
        #footer .footerSection > a { margin-bottom: 1em; }
    #footer .fullWidthContent { clear: both; padding: 20px 0; }

/*Homepager/LandingPage/Aricle Page*/

.heroContent, .heroArea{
    height: 345px;
    position: absolute;
    z-index: 0;
}

.heroArea {
    padding-bottom: 20px;
    position: relative;
    z-index: 0;
}

.heroArea object{
    position: absolute;;
    z-index: 0;
}

.fullWidthContent{
    padding: 0 20px 10px 20px;
}

.leftFloatedContent{
    padding: 0 0 0 20px;
    float: left;
    display: block;
    width: 423px;
}

.halfWidthIntro{
    padding: 0 0 0 20px;
    background: url(../images/introHeader.png) no-repeat;
}

.halfWidthIntro .introText{
    width: 334px;
    padding-right: 360px;
    padding-top: 40px;
    margin-top: 0;
}

.twoColPromo{
    margin: 0 10px 10px 10px;
}

.twoColPromo a, .twoColPromo div {
    width: 340px;
    display: block;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

.twoColPromo a img{
    vertical-align: middle;
}

.twoColPromo .promo1{
    margin-right: 10px;
}

.columns .left, .columns3 .left {
    width: 320px;
    float: left;
    /*padding-right: 20px;*/
}

.columns .right {
    margin-left: 340px;
    width: 320px
}

.columns3 .left, .columns3 .right {
    width: 210px;
}

.columns3 .left {
    padding-right: 20px;
}

.columns3 .right {
    float: right;
}

/* Aggregator Page */
#aggListings{
    margin: 10px 20px;
}

#aggListings li{
    border-top: 1px solid #dedede;
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0;
    background: none;
}

#aggListings li h3{
    font-size: 1.2em;
}

#aggListings li .aggImage{
    float: left;
    margin: 20px 0;
    overflow: hidden;
    width: 112px;
}

#aggListings li .aggSummary{
    float: left;
    width: 550px;
    margin: 30px 0 30px 15px;
}

#aggListings li .aggSummary .date{
    padding-bottom: 1em;
}

#aggListings li .aggSummary .more{
    background: url(../images/arrowsSprite.png) no-repeat right -40px;
    padding-top: 2px;
    height: 20px;
    width: 125px;
    display: block;
    font-weight: bold;
    text-decoration: none;
}

#main #aggListings li p a {
    color: #000;
    text-decoration: none;
}

#paging{
    clear: both;
    float: right;
    margin: 10px 0
}

#paging li{
    float: left;
    display: block;
    margin: 5px;
    background: none;
    padding: 0;
}


#paging li a{
    color: #000;
    text-decoration: none;
}

#paging .active a{
    font-weight: bold;
}


/* Forms */

.midForm{
    display: block;
    margin: 0 20px 20px 20px;
}

.midForm div{
    margin: 5px 0;
}

.midForm label, .midForm legend{
    display: block;
    font-weight: bold;
}

.midForm input, .midForm textarea {
    border: 1px solid #dadada;
}

.midForm input {
    height: 20px;
}

.midForm .textField input {
    width: 325px;
}

.midForm textarea {
    width: 325px;
}

.midForm .dobField {
    width: 70px;
}

.midForm .radioSet label, .midForm .radioSet input{
    float: left;
    margin: 2px 5px 2px 0;
}

.midForm .radioSet label{
    font-weight: normal;
}

.midForm .checkBox label, .midForm .checkBox input{
    float: left;
    margin: 2px 5px 2px 0;
}

.midForm .col1{
    float: left;
}

.midForm .col2{
    float: left;
}

.midForm .col1, .midForm .col2{
        width: 160px;
}

.midForm .col1 div, .midForm .col2 div{
    clear: both;
}

.midForm .checkboxes input {
    float: left;
    clear: left;
    margin-right: 10px;
}


/***** BUTTON STYLES *****/

#container a.button,
#container span.button{
	background-position:0 0;
    background-repeat:no-repeat;
    border:medium none;
    color:#fff;
    cursor:pointer;
    display:block;
    float:left;
    font-size:0;
    font-style:normal;
    font-weight:bold;
    height:21px;
    line-height:0;
    margin:0 2px 0 0;
    padding:0 10px;
    text-decoration:none;
    vertical-align:middle;
}

#container a.remove {
    float: right;
    text-transform: none;
    margin-right: 10px;
}

#container .prereqList{
    float: none;
    width: 100%;
}

#container a.remove.button span{
    color: #B75B00;
}

#container h1.prereq{
    width: 90%;
    float: left;
}

#container a.button,
#container span.button,
#container a.button span,
#container span.button button,
#container span.button input {
    background-image:url('../images/button.png');
}

#container a.button span,
#container span.button button,
#container span.button input {
	background-color:transparent;
    background-position:100% 0;
    background-repeat:no-repeat;
    border:medium none;
    color:#fff;
    cursor:pointer;
    display:block;
    font-family:"Arial",sans-serif !important;
    font-size:11px !important;
    font-style:normal;
    height:21px;
    letter-spacing:0 !important;
    line-height:21px;
    margin:0 -16px 0 0;
    padding:0 10px 0 0;
    vertical-align:text-top;
    white-space:nowrap;
}

    #container span.button input { height: 20.5px; background-color: #ffffff;  }

#container span.button button,
#container span.button input {
    font-weight: bold;
    padding-top:0;
    color: #B75B00;
}

#container a.button.orange,
#container span.button.orange { background-position: left 0; color: #b75b00; }
#container a.button.orange span,
#container span.button.orange button,
#container span.button.orange input { background-position: right 0; color: #b75b00; }

#container a.button.grey,
#container span.button.grey { background-position: left -21px; color: #514e4c; }
#container a.button.grey span,
#container span.button.grey button,
#container span.button.grey input { background-position: right -21px; color: #514e4c; }

#container a.button.green,
#container span.button.green { background-position: left -42px; color: #327d65; }
#container a.button.green span,
#container span.button.green button,
#container span.button.green input { background-position: right -42px; color: #327d65; }

#container a.button.blue,
#container span.button.blue { background-position: left -63px; color: #2b4570; }
#container a.button.blue span,
#container span.button.blue button,
#container span.button.blue input { background-position: right -63px; color: #2b4570; }

#container a.button.purple,
#container span.button.purple { background-position: left -84px; color: #4c3169; }
#container a.button.purple span,
#container span.button.purple button,
#container span.button.purple input { background-position: right -84px; color: #4c3169; }

/* buttons in forms */

#container .content a.button, #container .content span.button {
    background-position: left 0; color: #b75b00;
}

#container .content a.button span, #container .content span.button button, #container .content span.button input {
    background-position: right 0; color: #b75b00;
}

/***** Matrix page - Search courses form *****/

.searchCourses, .courseNotesListings{
    float: left;
    margin: 0 20px 20px 20px;
    width: 200px;

}

.searchCourses h2, .courseNotesListings h2 {
    background: transparent url('../images/panelHeadings.png') no-repeat scroll right top;
    color: #fff;
    display: block;
    font-size: 1.16em;
    font-weight: bold;
    height: 39px;
    line-height: 30px;
    padding: 0 10px;
    position: relative;
    width: 185px;
}

#searchCoursesForm fieldset { margin-left: 10px; }
#searchCoursesForm legend { font-weight: bold; margin-bottom: 5px; }
#searchCoursesForm ol { margin-bottom: 2em; }
#searchCoursesForm li { line-height: 15px; overflow: hidden; padding: 0 0 15px 30px; background-repeat:  no-repeat; background-position: left top}
#searchCoursesForm li input[type=radio] { margin: 2px 5px 0 0; }
#searchCoursesForm label { line-height: 18px; vertical-align: top; }

#searchCoursesForm .postcode {
    padding: 0 0 10px 0;
    margin-left: 10px;
}
#searchCoursesForm .postcode label {
    display: block;
    float: left;
    font-weight: bold;
}

#searchCoursesForm .postcode input[type=text] {
    width: 200px;
}

#searchCoursesForm .postcode a.clear {
    color: #FF8B00;
    float: right
}

#searchCoursesForm .postcode a.clear:hover {
    text-decoration: none;
}

#matrixFilter{
    border-bottom: 1px solid #666666;
    padding-bottom: 10px;
}

#matrixFilter select{
    width: 110px;
    margin: 0 5px;
}

/***** Matrix page - Search courses results *****/

#searchResults, #courseNotes {
    float: left;
    margin: 0 20px 20px 20px;
    width: 440px;
}

#searchResults{
    float: left;
}

#courseNotesIntro{
    width: 730px;
}

/* Course Notes */

.cpurseNotesLitings{
    width: 205px;
}

.courseNotesLitings  ul li{
    margin: 0 0 0 10px;
    background: none;
    padding: 0;
}

.courseNotesListings a{
    padding-left: 10px;
    display: block;
    text-decoration: none;
    color:#000;
}

.courseNotesListings a.active{
    font-weight: bold;
}

.courseNotesListings a:hover{
    text-decoration: underline
}

#courseNotes ul li{
    margin: 10px 0;
    padding: 0;
    background: none;
}

#courseNotes ul li ul li{
    margin: 5px 10px;
    padding: 0;
    background: none;
}

#courseNotes a, a.document{
    background-image: url(../images/pdfIcon.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    display: block;
    text-decoration: none;
    color:#000;
}
                                   `
#courseNotes a:hover{
    text-decoration: underline
}

#courseNotes ul li ul li span{
    display: block;
}


/* Student area - Course Notes */

body.courseNotes #courseNotesContent {
    margin-left: 225px;
}

    body.courseNotes #courseNotesContent h2 {
        padding-left: 20px;
        margin-top: 20px;
    }

    body.courseNotes #courseNotesContent .fullWidthContent {
        padding-top: 10px;
    }

    body.courseNotes #courseNotesContent #courseNotes {
        margin-top: 10px;
    }

    body.courseNotes #courseNotesContent ul li {
        background: transparent url(../images/orangeBullet.png) no-repeat scroll left 6px;
    }

        body.courseNotes #courseNotesContent ul li h3 {
            padding-left: 12px;
        }

        body.courseNotes #courseNotesContent ul li ul li {
            background: none;
        }



.colour1 #searchResults a { color: #ff9933; display: block; }

#searchResults li { clear: both; background: none; padding: 0;}

#searchResults a { font-weight: bold; text-decoration: none; }

#searchResults h3 a,
#searchResults li h4 { font-size: 1.16em; display: block; }

#searchResults li div.courseDetails { float: left; width: 386px; }

#searchResults li div.noIcons{ margin-left: 10px;}

    #searchResults li p { padding-bottom: 0; }

    #searchResults li ol.courseIcons { float: left; margin-right: 18px; width: 36px; }
    #searchResults li ol.courseIcons li {
        height: 26px;
        text-indent: -9999px;
        margin-bottom: 2px;

    }

    #searchResults li strong { display: block; margin-top: 0.5em; }
    #searchResults li p.locations { font-size: 0.9em; }

li a.moduleTogglerLink {
    background: transparent url('../images/plusMinusSprite.png') no-repeat scroll 0 0;
    clear: both;
    display: block;
    font-size: 1.1em;
    height: 21px;
    line-height: 21px;
    margin: 1em 0;
    padding-left: 25px;
}

.colour1 li a.moduleTogglerLink { background-position: 0 0; color: #ff8b00; }
.colour1 li a.moduleTogglerLink.open { background-position: 0 -21px; }

    #searchResults li ul, .moduleDetails li {
        border-top: 1px solid #666;
        clear: both;
        margin-bottom: 1em;
        padding: 15px 56px;
    }

    #searchResults li {
        border-bottom: 1px solid #666666;
        padding-top: 20px;
    }

    #searchResults li li {
        border-bottom: none;   
    }

    .content #searchResults li ul {
        margin: 0;
    }

    .colour1 #searchResults li ul, .colour1 .moduleDetails { background-color: #fff7f2; }


    .colour1 h3.orangeBullet { background: url("../images/orangeBullet.png") no-repeat left center; color: #FF8900; padding-left: 15px; font-size: 1.2em;}

        #searchResults li li { background: none; padding: 5px 0; }
            #searchResults li li a { font-size: 0.9em; }
            #searchResults li li h3 a { font-size: 1.1em; }
            #searchResults li li p { padding-top: 0; }

/***** Course / Module Detail *****/

ul.courseNav {
    background: transparent url('../images/courseNavBg.png') repeat-x scroll left 37px;
    margin: 1.5em 0;
    overflow: hidden;
    position: relative;
}

ul.courseNav li{
    margin: 0 0 0 10px;
}

    .colour1 ul.courseNav li {
        background: transparent url('../images/courseNavTab.png') no-repeat scroll -4px -42px;
        float: left;
        height: 42px;
        line-height: 42px;
        padding-left: 23px;
        width: 146px;
    }

    .colour2 ul.courseNav li {
        background: transparent url('../images/courseNavTabCol2.png') no-repeat scroll -4px -42px;
        float: left;
        height: 42px;
        line-height: 42px;
        padding-left: 23px;
        width: 146px;
    }

    ul.courseNav li.active, ul.courseNav li:hover { opacity: 1; background-position: -4px 0;}
        .content ul.courseNav li a { color: #fff; display: block; font-weight: bold; height: 42px; text-decoration: none; }

    ul.courseNav li.price { font-size: 0.85em; background: none; opacity: 1; padding-left: 0; position: absolute; right: 0; width: auto; }
    ul.courseNav li.price h2 { font-size: 1.66em; }
ul.courseNav li.price h2 span {
    display: inline-block;

}


ul.courseNav li.price h2 span.strikeout, .courseDetails h4 span.strikeout, .courseListings span.strikeout {
    position: relative;
    color: #999;
}

ul.courseNav li.price h2 span.strikeout span, .courseDetails h4 span.strikeout span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("../images/strikethrough.png") right center no-repeat;
}

ul.courseNav li.price h2 span.discount, .courseDetails h4 span.strikeout span {
    color: #ff6600;
}
.content ul.courseModuleSection li { background: none; padding: 0;}

ul.courseModuleSection li a.moduleTogglerLink { margin: 5px 0 15px }

ul.courseModuleSection li > li { border-bottom: 1px solid #dedede; margin-bottom: 1.2em; }

.content ul.courseModuleSection li ul li {
        border-bottom: 1px solid #ddd;
        padding-bottom: 0;
        margin-bottom: 20px;

}
.content ul.courseModuleSection ul.moduleDetails {
    margin: 0;
}
.content ul.courseModuleSection ul.moduleDetails li {
        padding: 20px 25px;
        margin: 0;
        border-bottom: none;
}

.colour1 .content ul.courseModuleSection .tabContentArea ul li{
    background:url("../images/orangeBullet.png") no-repeat scroll left 6px transparent;
    list-style:none outside none;
    margin-left:0;
    padding-left:15px;
    border: 0;
    margin: 6px 0;
}

.colour2 .content ul.courseModuleSection .tabContentArea ul li{
    background:url("../images/lightBlueBullet.png") no-repeat scroll left 6px transparent;
    list-style:none outside none;
    margin-left:0;
    padding-left:15px;
    border: 0;
    margin: 6px 0;
}

.colour3 .content ul.courseModuleSection .tabContentArea ul li{
    background:url("../images/greenBullet.png") no-repeat scroll left 6px transparent;
    list-style:none outside none;
    margin-left:0;
    padding-left:15px;
    border: 0;
    margin: 6px 0;
}

.colour4 .content ul.courseModuleSection .tabContentArea ul li{
    background:url( "../images/corpBlueBullet.png" ) no-repeat scroll left 6px transparent;
    list-style:none outside none;
    margin-left:0;
    padding-left:15px;
    border: 0;
    margin: 6px 0;
}

.colour5 .content ul.courseModuleSection .tabContentArea ul li{
    background:url("../images/greyBullet.png") no-repeat scroll left 6px transparent;
    list-style:none outside none;
    margin-left:0;
    padding-left:15px;
    border: 0;
    margin: 6px 0;
}

.colour6 .content ul.courseModuleSection .tabContentArea ul li{
    background:url("../images/yellowBullet.png") no-repeat scroll left 6px transparent;
    list-style:none outside none;
    margin-left:0;
    padding-left:15px;
    border: 0;
    margin: 6px 0;
}

.colour7 .content ul.courseModuleSection .tabContentArea ul li{
    background:url("../images/burgundyBullet.png") no-repeat scroll left 6px transparent;
    list-style:none outside none;
    margin-left:0;
    padding-left:15px;
    border: 0;
    margin: 6px 0;
}

.colour8 .content ul.courseModuleSection .tabContentArea ul li{
    background:url("../images/purpleBullet.png") no-repeat scroll left 6px transparent;
    list-style:none outside none;
    margin-left:0;
    padding-left:15px;
    border: 0;
    margin: 6px 0;
}




/***** Sitemap *****/

.content ul { margin: 1em 0; }
.content .sitemap a, .content .sitemap h1 { color: #000; }

    

.signedIn {
    position: absolute;
    left: 5px;
    top: 25px;
}

.resultsIntro dt,.resultsIntro dd {
    display: inline-block;
    font-size: 1.1em;
    padding: 5px 0;
}

.resultsIntro dt {
    font-weight: bold;
    padding-right: 5px;
}

.resultsIntro dd {
    padding-left: 23px;
    padding-right: 5px;
}

.resultsIntro h2 {
    margin-top: 0;
    padding: 10px 0;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    color: #000;
}

/*Mock Test*/

.examArea, .midForm .examArea{
    margin: 20px 0;
}

.examArea .questionRow{
    border: #666666 solid;
    border-width: 1px 0 0 0;
    clear: both;
}

.examArea .questionRow .question{
    font-weight: bold;
}

.examArea .questionRow input{
    margin: 0 5px;
    float: left;
}

.exanArea .questionRow label{
    float: left;
}

.examArea .questionRow fieldset{
    float: left;
    width: 50%;
    padding: 20px 0;
}

.examArea .questionRow fieldset div{
    padding: 0.5em; 20px;
    clear: both;
}

.examArea .questionRow fieldset .questionNo{
    color: #ff8b00; 
}

.examArea .questionRow fieldset .questionNo{
    color: #ff8b00;
}

.examArea .submitArea{
    border: #666666 solid;
    border-width: 1px 0 0 0;
    padding: 20px 0.5em;
    clear: both;
}

.examArea .submitArea  span{
    float: right;
}

.quizResult{
    color: #12870f;
    font-weight: bold;
}

.answers .possibleAnswer{
    max-width: 195px;
    margin-right: 5px;
    display: inline-block;
    float: left;
}

.answers .questionResult{
    width: 95px;
    display: inline-block;
    float: left;
}

.answers .questionRow input{
    margin: 3px 5px
}

/* Map Area */

#mapArea{
    background: url(../images/mapUk.gif) no-repeat;
    display: block;
    width: 260px;
    height: 449px;
    position: relative;
    float: right;
}

.colour1 #container #main .content ul#mapArea li,
.colour2 #container #main .content ul#mapArea li,
.colour3 #container #main .content ul#mapArea li,
.colour4 #container #main .content ul#mapArea li,
.colour5 #container #main .content ul#mapArea li,
.colour6 #container #main .content ul#mapArea li,
.colour7 #container #main .content ul#mapArea li,
.colour8 #container #main .content ul#mapArea li {
    background-image: none;
}

#mapArea a {
    background: url(../images/mapDot.png) no-repeat;
    height: 16px;
    width: 16px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
}

#venueSearch{
    float: left;
    margin: 20px;
}

#venueSearch label{
    display: block;
    margin: 25px 0 5px 0;
}

/*Tutor Tab Section*/

.tutorProfilePic{
    float: left;
    display: block;
    width:112px;
    margin: 20px 0;
}

.tutorInfo{
    float: left;
    display: block;
    width: 550px;
    margin: 20px 0 20px 15px;
}

.tutorInfo .tutorBio{
    margin: 10px 0;
}

.tutorInfo .tutorDetails dt{
    float: left;
    color: #FF8B00;
    font-weight: bold;
    margin-right: 5px;
}

/* Tutor list on client page */

#tutorList { padding: 0 20px; }

    #tutorList li {
        background: none;
        padding-left: 0;
    }

    #tutorList li li {
        border-bottom: 1px solid #ddd;
        margin-bottom: 20px;
        padding-bottom: 0;
    }

.courseListings li strong{
    display: block;
    font-size: 1.4em;
}

.courseListings li a{
    font-size: 0.9em;
    margin: 10px 0;
    display: block;
}

.courseListings li ol.courseIcons { float: left; margin-right: 18px; width: 36px; }

.content .courseListings li ol.courseIcons{
    margin-top: 10px;
}

.content .courseListings li ol.courseIcons li{
    height: 35px;
    text-indent: -9999px;
    margin: 0 0 2px 0;
}

.courseListings .courseDetails{
    float: left;
    width: 580px;
}

#mapContainer{
    width: 532px;
    height: 336px;
    border: 1px solid #666666;
}

.trainingCentreImage{
    float: right;    
}

.searchHeading{
    display: inline-block;
    padding: 0 0 0 20px;
    width: 423px;
}

.venue .introText{
    float: left;
    padding-right: 0;
    width: 450px;
}

.venue .trainingCentreImage{
    padding: 40px;
}

/*STUFF FOR XSTANDARD COLORS*/

/* H1, H2, H3, H3 BULLET */

/* ORANGE */
.colour1 .orange, .colour2 .orange, .colour3 .orange, .colour4 .orange, .colour5 .orange, .colour6 .orange, .colour7 .orange, .colour8 .orange,
h1.orange, .colour1 h1.orange, .colour2 h1.orange, .colour3 h1.orange, .colour4 h1.orange, .colour5 h1.orange, .colour6 h1.orange, .colour7 h1.orange, .colour8 h1.orange,
h2.orange, .colour1 h2.orange, .colour2 h2.orange, .colour3 h2.orange, .colour4 h2.orange, .colour5 h2.orange, .colour6 h2.orange, .colour7 h2.orange, .colour8 h2.orange,
h3.orange, .colour1 h3.orange, .colour2 h3.orange, .colour3 h3.orange, .colour4 h3.orange, .colour5 h3.orange, .colour6 h3.orange, .colour7 h3.orange, .colour8 h3.orange,
h3.orangeBullet, .colour1 h3.orangeBullet, .colour2 h3.orangeBullet, .colour3 h3.orangeBullet, .colour4 h3.orangeBullet, .colour5 h3.orangeBullet, .colour6 h3.orangeBullet, .colour7 h3.orangeBullet, .colour8 h3.orangeBullet
{
    color: #F8972B;
}

/* BLUE */
.colour1 .blue, .colour2 .blue, .colour3 .blue, .colour4 .blue, .colour5 .blue, .colour6 .blue, .colour7 .blue, .colour8 .blue,
h1.blue, .colour1 h1.blue, .colour2 h1.blue, .colour3 h1.blue, .colour4 h1.blue, .colour5 h1.blue, .colour6 h1.blue, .colour7 h1.blue, .colour8 h1.blue,
h2.blue, .colour1 h2.blue, .colour2 h2.blue, .colour3 h2.blue, .colour4 h2.blue, .colour5 h2.blue, .colour6 h2.blue, .colour7 h2.blue, .colour8 h2.blue,
h3.blue, .colour1 h3.blue, .colour2 h3.blue, .colour3 h3.blue, .colour4 h3.blue, .colour5 h3.blue, .colour6 h3.blue, .colour7 h3.blue, .colour8 h3.blue,
h3.blueBullet, .colour1 h3.blueBullet, .colour2 h3.blueBullet, .colour3 h3.blueBullet, .colour4 h3.blueBullet, .colour5 h3.blueBullet, .colour6 h3.blueBullet, .colour7 h3.blueBullet, .colour8 h3.blueBullet
{
    color: #009CD8;
}

/* CORP GREEN */
.colour1 .green, .colour2 .green, .colour3 .green, .colour4 .green, .colour5 .green, .colour6 .green, .colour7 .green, .colour8 .green,
h1.green, .colour1 h1.green, .colour2 h1.green, .colour3 h1.green, .colour4 h1.green, .colour5 h1.green, .colour6 h1.green, .colour7 h1.green, .colour8 h1.green,
h2.green, .colour1 h2.green, .colour2 h2.green, .colour3 h2.green, .colour4 h2.green, .colour5 h2.green, .colour6 h2.green, .colour7 h2.green, .colour8 h2.green,
h3.green, .colour1 h3.green, .colour2 h3.green, .colour3 h3.green, .colour4 h3.green, .colour5 h3.green, .colour6 h3.green, .colour7 h3.green, .colour8 h3.green,
h3.greenBullet, .colour1 h3.greenBullet, .colour2 h3.greenBullet, .colour3 h3.greenBullet, .colour4 h3.greenBullet, .colour5 h3.greenBullet, .colour6 h3.greenBullet, .colour7 h3.greenBullet, .colour8 h3.greenBullet
{
    color: #009999;
}

/* CORP BLUE */
.colour1 .ltBlue, .colour2 .ltBlue, .colour3 .ltBlue, .colour4 .ltBlue, .colour5 .ltBlue, .colour6 .ltBlue, .colour7 .ltBlue, .colour8 .ltBlue,
h1.ltBlue, .colour1 h1.ltBlue, .colour2 h1.ltBlue, .colour3 h1.ltBlue, .colour4 h1.ltBlue, .colour5 h1.ltBlue, .colour6 h1.ltBlue, .colour7 h1.ltBlue, .colour8 h1.ltBlue,
h2.ltBlue, .colour1 h2.ltBlue, .colour2 h2.ltBlue, .colour3 h2.ltBlue, .colour4 h2.ltBlue, .colour5 h2.ltBlue, .colour6 h2.ltBlue, .colour7 h2.ltBlue, .colour8 h2.ltBlue,
h3.ltBlue, .colour1 h3.ltBlue, .colour2 h3.ltBlue, .colour3 h3.ltBlue, .colour4 h3.ltBlue, .colour5 h3.ltBlue, .colour6 h3.ltBlue, .colour7 h3.ltBlue, .colour8 h3.ltBlue,
h3.ltBlueBullet, .colour1 h3.ltBlueBullet, .colour2 h3.ltBlueBullet, .colour3 h3.ltBlueBullet, .colour4 h3.ltBlueBullet, .colour5 h3.ltBlueBullet, .colour6 h3.ltBlueBullet, .colour7 h3.ltBlueBullet, .colour8 h3.ltBlueBullet
{
    color: #003366;
}

/* GREY */
.colour1 .grey, .colour2 .grey, .colour3 .grey, .colour4 .grey, .colour5 .grey, .colour6 .grey, .colour7 .grey, .colour8 .grey,
h1.grey, .colour1 h1.grey, .colour2 h1.grey, .colour3 h1.grey, .colour4 h1.grey, .colour5 h1.grey, .colour6 h1.grey, .colour7 h1.grey, .colour8 h1.grey,
h2.grey, .colour1 h2.grey, .colour2 h2.grey, .colour3 h2.grey, .colour4 h2.grey, .colour5 h2.grey, .colour6 h2.grey, .colour7 h2.grey, .colour8 h2.grey,
h3.grey, .colour1 h3.grey, .colour2 h3.grey, .colour3 h3.grey, .colour4 h3.grey, .colour5 h3.grey, .colour6 h3.grey, .colour7 h3.grey, .colour8 h3.grey,
h3.greyBullet, .colour1 h3.greyBullet, .colour2 h3.greyBullet, .colour3 h3.greyBullet, .colour4 h3.greyBullet, .colour5 h3.greyBullet, .colour6 h3.greyBullet, .colour7 h3.greyBullet, .colour8 h3.greyBullet
{
    color: #929799;
}

/* YELLOW */
.colour1 .yellow, .colour2 .yellow, .colour3 .yellow, .colour4 .yellow, .colour5 .yellow, .colour6 .yellow, .colour7 .yellow, .colour8 .yellow,
h1.yellow, .colour1 h1.yellow, .colour2 h1.yellow, .colour3 h1.yellow, .colour4 h1.yellow, .colour5 h1.yellow, .colour6 h1.yellow, .colour7 h1.yellow, .colour8 h1.yellow,
h2.yellow, .colour1 h2.yellow, .colour2 h2.yellow, .colour3 h2.yellow, .colour4 h2.yellow, .colour5 h2.yellow, .colour6 h2.yellow, .colour7 h2.yellow, .colour8 h2.yellow,
h3.yellow, .colour1 h3.yellow, .colour2 h3.yellow, .colour3 h3.yellow, .colour4 h3.yellow, .colour5 h3.yellow, .colour6 h3.yellow, .colour7 h3.yellow, .colour8 h3.yellow,
h3.yellowBullet, .colour1 h3.yellowBullet, .colour2 h3.yellowBullet, .colour3 h3.yellowBullet, .colour4 h3.yellowBullet, .colour5 h3.yellowBullet, .colour6 h3.yellowBullet, .colour7 h3.yellowBullet, .colour8 h3.yellowBullet
{
    color: #FBB515;
}

/* BURGUNDY */
.colour1 .burgundy, .colour2 .burgundy, .colour3 .burgundy, .colour4 .burgundy, .colour5 .burgundy, .colour6 .burgundy, colour7 .burgundy, colour8.burgundy,
h1.burgundy, .colour1 h1.burgundy, .colour2 h1.burgundy, .colour3 h1.burgundy, .colour4 h1.burgundy, .colour5 h1.burgundy, .colour6 h1.burgundy, .colour7 h1.burgundy, .colour8 h1.burgundy,
h2.burgundy, .colour1 h2.burgundy, .colour2 h2.burgundy, .colour3 h2.burgundy, .colour4 h2.burgundy, .colour5 h2.burgundy, .colour6 h2.burgundy, .colour7 h2.burgundy, .colour8 h2.burgundy,
h3.burgundy, .colour1 h3.burgundy, .colour2 h3.burgundy, .colour3 h3.burgundy, .colour4 h3.burgundy, .colour5 h3.burgundy, .colour6 h3.burgundy, .colour7 h3.burgundy, .colour8 h3.burgundy,
h3.burgundyBullet, .colour1 h3.burgundyBullet, .colour2 h3.burgundyBullet, .colour3 h3.burgundyBullet, .colour4 h3.burgundyBullet, .colour5 h3.burgundyBullet, .colour6 h3.burgundyBullet, .colour7 h3.burgundyBullet, .colour8 h3.burgundyBullet
{
    color: #861F52;
}

/* PURPLE */
.colour1 .purple, .colour2 .purple, .colour3 .purple, colour4 .purple, .colour5 .purple, .colour6 .purple, .colour7 .purple, .colour8 .purple,
h1.purple, .colour1 h1.purple, .colour2 h1.purple, .colour3 h1.purple, .colour4 h1.purple, .colour5 h1.purple, .colour6 h1.purple, .colour7 h1.purple, .colour8 h1.purple,
h2.purple, .colour1 h2.purple, .colour2 h2.purple, .colour3 h2.purple, .colour4 h2.purple, .colour5 h2.purple, .colour6 h2.purple, .colour7 h2.purple, .colour8 h2.purple,
h3.purple, .colour1 h3.purple, .colour2 h3.purple, .colour3 h3.purple, .colour4 h3.purple, .colour5 h3.purple, .colour6 h3.purple, .colour7 h3.purple, .colour8 h3.purple,
h3.purpleBullet, .colour1 h3.purpleBullet, .colour2 h3.purpleBullet, .colour3 h3.purpleBullet .colour4 h3.purpleBullet, .colour5 h3.purpleBullet, .colour6 h3.purpleBullet, .colour7 h3.purpleBullet, .colour8 h3.purpleBullet
{
    color: #4A4691;
}

/*XSTANDARD COLORED H3 BULLET */

.content h3.orangeHeader3Bullet {background: url("../images/orangeBullet.png") no-repeat left 6px; list-style: none; margin-left: 0; padding-left: 15px; color: #F8972B;}
.content h3.blueHeader3Bullet {background: url("../images/lightBlueBullet.png") no-repeat left 6px; list-style: none; margin-left: 0; padding-left: 15px; color: #009CD8;}
.content h3.greenHeader3Bullet {background: url("../images/greenBullet.png") no-repeat left 6px; list-style: none; margin-left: 0; padding-left: 15px; color: #009999;}
.content h3.ltBlueHeader3Bullet {background: url( "../images/corpBlueBullet.png" ) no-repeat left 6px; list-style: none; margin-left: 0; padding-left: 15px; color: #003366;}
.content h3.greyHeader3Bullet {background: url("../images/greyBullet.png") no-repeat left 6px; list-style: none; margin-left: 0; padding-left: 15px; color: #929799;}
.content h3.yellowHeader3Bullet {background: url("../images/yellowBullet.png") no-repeat left 6px; list-style: none; margin-left: 0 ;padding-left: 15px; color: #FBB515;}
.content h3.burgundyHeader3Bullet {background: url("../images/burgundyBullet.png") no-repeat left 6px; list-style: none; margin-left: 0; padding-left: 15px; color: #861F52;}
.content h3.purpleHeader3Bullet {background: url("../images/purpleBullet.png") no-repeat left 6px; list-style: none; margin-left: 0; padding-left: 15px; color: #4A4691;}

/* XSTANDARD COLORED BULLET LISTS */

.content .orangeBulletList ul li {background: url("../images/orangeBullet.png") no-repeat left 6px; list-style: none; margin-left: 0; padding-left: 15px;}
.content .ltBlueBulletList ul li {background: url( "../images/corpBlueBullet.png" ) no-repeat left 6px; list-style: none; margin-left: 0; padding-left: 15px;}
.content .greenBulletList ul li {background: url("../images/greenBullet.png") no-repeat left 6px; list-style: none; margin-left: 0; padding-left: 15px;}
.content .blueBulletList ul li {background: url("../images/lightBlueBullet.png") no-repeat left 6px; list-style: none; margin-left: 0; padding-left: 15px;}
.content .greyBulletList ul li {background: url("../images/greyBullet.png") no-repeat left 6px; list-style: none; margin-left: 0; padding-left: 15px;}
.content .yellowBulletList ul li {background: url("../images/yellowBullet.png") no-repeat left 6px; list-style: none; margin-left: 0; padding-left: 15px;}
.content .burgundyBulletList ul li {background: url("../images/burgundyBullet.png") no-repeat left 6px; list-style: none; margin-left: 0; padding-left: 15px;}
.content .purpleBulletList ul li {background: url("../images/purpleBullet.png") no-repeat left 6px; list-style: none; margin-left: 0; padding-left: 15px;}

/*XSTANDARD COLORED LINKS */

.content a.orange    { color: #F8972B; }
.content a.ltBlue    { color: #003366; }
.content a.green     { color: #009999; }
.content a.blue      { color: #009CD8; }
.content a.grey      { color: #929799; }
.content a.yellow    { color: #FBB515; }
.content a.burgundy  { color: #861F52; }
.content a.purple    { color: #4A4691; }

/* OTHER XSTANDARD STYLES*/

.imageListSection {    
    display: block;
	overflow: hidden;
    clear: both;
    padding: 0;
}

    .imageListSection .imageContainerDiv {
        display: block;
        float: left;
        height: 100%;
        margin-right: 20px;
    }

    .imageListSection .contentContainerDiv {
        float: left;
        display: inline-block;
    }

    .imageListSection .contentContainerDiv ul {
        margin: 0;
    }

    .imageListSection .contentContainerDiv ul li {
        margin: 0 0 0.5em 0;
    }

.smallText { font-size: 10px; }
.largeText { font-size: 14px; }


#wblmatrix .resultsIntro h2 {
    margin-top: 0;
}

#searchCoursesForm li ol {
    padding: 0;
    margin: 0;
}

#searchCoursesForm ol ol {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

#searchCoursesForm li {
    margin: 0 0 10px 0;
    color: #0082CB;
    font-size: 1.1em;
    font-weight:bold;
    padding: 0;
    list-style: none;
}

.colour1 #searchCoursesForm li { color: #F8972B; }
.colour2 #searchCoursesForm li { color: #009CD8; }
.colour3 #searchCoursesForm li { color: #009999; }
.colour4 #searchCoursesForm li { color: #003366; }
.colour5 #searchCoursesForm li { color: #929799; }
.colour6 #searchCoursesForm li { color: #FBB515; }
.colour7 #searchCoursesForm li { color: #861F52; }
.colour8 #searchCoursesForm li { color: #4A4691; }

#searchCoursesForm li a{
    display: block;
    padding: 3px 0 2px 0;
}

#searchCoursesForm li a .toggleState{
    display: block;
    float: left;
    padding: 0 0 0 30px;
    background-image: url("../images/plusMinusSprite.png");
    background-repeat: no-repeat;
    background-position: 5px -21px;
    height: 21px;
    width: 21px;
    text-indent: -9999px;
    overflow: hidden;
}


#searchCoursesForm li a .description{
    display: block;
    padding: 3px 0 2px 0;
    float: left;
    width: 130px;
}

#searchCoursesForm li.allButton {
    padding-left: 8px;
}

#searchCoursesForm li li {
   color: #000;
   font-weight: normal;
   font-size: 1em;
    margin: 0;
}

#searchCoursesForm li.closed {
    opacity:1;
}

#searchCoursesForm li.closed a .toggleState{
    background-position: 5px 0px;
}


#searchCoursesForm li.closed ol {
    overflow: hidden;
    height: 0;
    padding: 0;
    border-color: #fff;
}

li a.moduleTogglerLink {
    background-position: 0 0px;
}

li a.moduleTogglerLink.open {
    background-position: 0 -21px
}

#wblmatrix #searchResults li ul {
    background-color: #E6F0F8;
}

#wblmatrix #searchResults li{
    padding: 10px 0;
}

#wblmatrix #searchResults li div.noIcons{
    margin-left: 10px;
}

ul.searchResultsFilter {
    margin-left: 20px;
}

.colour1 .content ul.searchResultsFilter li {
   background: none;
   display: inline-block;
   padding-right: 20px;
   padding-left: 0;
    font-size: 1.2em;
}

.colour1 .content ul.searchResultsFilter li a:hover {
    text-decoration: underline;
}

.colour1 .content ul.searchResultsFilter li.current {
    font-weight: bold;

}

/* E-COMMERCE */

#shoppingCartArea #main div.left {
    width: 48%;
    padding-right: 2%;
    float: left;
}

#shoppingCartArea #main div.right {
    padding-left: 2%;
    width: 48%;
    float: right;

}

#shoppingCartArea #main{
    display: block;
    margin: 0 20px 10px 20px;
}

#shoppingCartArea #main div, .popup div {
    margin: 5px 0;
}

#shoppingCartArea #main label {
    display: block;
    font-weight: bold;
}

#shoppingCartArea #main input, #main textarea {
    border: 1px solid #dadada;
}

#shoppingCartArea #main input {
    height: 20px;
}

#shoppingCartArea #main #agreePrerequisites{
    line-height: 18px;
    height: 13px;
}

#shoppingCartArea #main .webForm, .popup .webForm, .coloredBgForm {
    background-color: #FFF7F2;
    border: 1px solid #dedede;
    padding: 10px;
}

.popup .webForm a{
    color: #FF9933;    
}

.popup td{
    padding: 0 10px 0 0;
}



#shoppingCartArea #main .webForm strong{
    font-size: 1.2em;
    padding-top: 5px;
    display: block;
}

#shoppingCartArea #main .webForm  input {
    width: 325px;
}

#shoppingCartArea #main .webForm input.short{
    width: 50px;
}

#shoppingCartArea #main textarea {
    width: 325px;
}

#shoppingCartArea #main .dobField {
    width: 70px;
}

#shoppingCartArea #main .radioSet label, #main .radioSet input{
    float: left;
    margin: 2px 5px 2px 0;
}

#shoppingCartArea #main .radioSet label{
    font-weight: normal;
}

#shoppingCartArea #main .checkBox label, #main .checkBox input{
    float: left;
    margin: 2px 5px 2px 0;
}

#shoppingCartArea #main .col1{
    float: left;
}

#shoppingCartArea #main .col2{
    float: left;
}

#shoppingCartArea #main .col1, #main .col2{
        width: 160px;
}

#shoppingCartArea #main .col1 div, #main .col2 div{
    clear: both;
}

#shoppingCartArea #main .checkboxes input {
    float: left;
    clear: left;
    margin-right: 10px;
}

#shoppingCartArea .webForm legend{
    display: none;
}


#shoppingCartArea #main .webForm .collectionRow{
    margin: 0;
}

#shoppingCartArea #main .webForm .collectionRow input, .webForm .collectionRow input {
    border:0 none;
    overflow:hidden;
    position:relative;
    top:2px;
    width:12px;
}

.webForm .collectionRow .checkbox{
    height: 13px;
    font-size: 12px;
    width: auto;
}


#shoppingCartArea #main .webForm .collectionRow label, .webForm .collectionRow label {
    font-size: 12px;
    padding:0 7px 0 3px;
    display:inline-block;
}

#shoppingCartArea .tabButtons ul{
    background: transparent url('../images/courseNavBg.png') repeat-x scroll left 37px;
    margin: 1.5em 0;
    overflow: hidden;
    position: relative;
}


#shoppingCartArea .tabButtons ul li {
    background: transparent url('../images/courseNavTab.png') no-repeat scroll -4px -42px;
    float: left;
    height: 42px;
    line-height: 42px;
    padding-left: 23px;
    width: 146px;
}

#shoppingCartArea .tabButtons ul li a, #shoppingCartArea .tabButtons ul li span {
    color:#FFFFFF;
    display:block;
    font-weight:bold;
    height:42px;
    text-decoration:none;
}

#shoppingCartArea .tabButtons ul li.active, .tabButtons ul li:hover { opacity: 1; background-position: -4px 0;}

#shoppingCartArea .content .tabButtons ul li a {
    color: #fff; display: block; font-weight: bold; height: 42px; text-decoration: none;

}

#shoppingCartArea .submit, #shoppingCartArea .submitSmall,  .popup .submitSmall{
    background-position: left 0;
    color: #b75b00;
    background-image:url("../images/button.png");
    cursor:pointer;
    display:block;
    float:left;
    font-size:0;
    font-style:normal;
    font-weight:bold;
    height:21px;
    line-height:0;
    margin:0 2px 0 0;
    padding:0 10px;
    text-decoration:none;
    vertical-align:middle;
    width: auto;
}

#shoppingCartArea .cancel {
    margin-left: 20px!important;
}

#shoppingCartArea .submit button, #shoppingCartArea #main .submit input, #shoppingCartArea .submit a, #shoppingCartArea .submitSmall a, #shoppingCartArea .submitSmall button, #shoppingCartArea .button input, .popup .submitSmall button{
    color: #b75b00;
    height:20.5px;
    background: #FFFFFF url("../images/button.png") right 0 no-repeat;
    border: none;
    display:block;
    font-size:11px;
    letter-spacing:0;
    line-height:21px;
    margin:0 -16px 0 0;
    padding:0 10px 0 0;
    vertical-align:text-top;
    white-space:nowrap;
    width: auto;
    cursor: pointer;
}


#shoppingCartArea #main .button input{
    border: 0;
}

#shoppingCartArea .floatright{
    float: right;
}

#shoppingCartArea #main .continueShopping .submitSmall{
    margin: 0 0 0 5px;    
}

/*SHOPPING CART */

.checkoutArea{
    width: 974px;
}

 .checkoutArea .continueShopping{
    clear: both;
    text-align: right;
    padding: 10px 0;
}

.checkoutArea .continueShopping .submitSmall{
    margin-left: 5px;
}

.shoppingCart{
    width: 100%;
    text-align: right;
    text-transform: uppercase;
}

.shoppingCart .itemDescription{
    text-align: left;
}


#main .shoppingCart thead tr th{
    padding-bottom: 0;
}

#main .shoppingCart tbody tr td{
    padding: 1px 0;
}

.shoppingCart .total{
    padding-bottom: 0;
    font-weight: bold;
}

#shoppingCartArea #thankYouBook div{
    margin: 0 10px 20px 0;    
}

#shoppingCartArea .links a{
    background: url(../images/printIcon.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    height: 16px;
    width: 56px;
    display: block;
    float: left;
}

/* COURSE OVERVIEW */

.courseOverview .moduleDetails{
    width: 100%;
    background-color:#FFF7F2;
    border:1px solid #DDDDDD;
    border-width: 1px 0;
}

.courseOverview .moduleDetails{
    text-align: left;
}

.courseOverview h2 a{
    background:url("../images/plusMinusSprite.png") no-repeat scroll 0 -21px transparent;
    clear:both;
    display:block;
    font-size:1.1em;
    height:21px;
    line-height:21px;
    margin:1em 0;
    padding-left:25px;
    color:#FF8B00;
}

.closed .moduleDetails{
    display: none;
}

.courseOverview.closed h2 a {
    background-position:0 0;
}

.courseOverview .bookToggle{
    float: right;    
}

.courseOverview .moduleDetails{
    border-left: 1px solid #DDDDDD;
}

.courseOverview .moduleDetails th{
    padding: 5px 10px;
    text-align: left;
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}

.courseOverview .moduleDetails td{
    display:table-cell;
    vertical-align: middle;
    padding: 5px 10px;
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}

.courseOverview .moduleDetails td ul{
    margin-top: 0;
}

#shoppingCartArea #main .courseOverview .moduleDetails td .submitSmall{
    margin: 5px;        
}

/* POPUP */
#popupWrapper {
    position: absolute;
    top: 0;
    left: 0;
}

.popup{
    width:780px;
    /*max-height: 480px;*/
    position: absolute;
    z-index: 1000;
    background: #ffffff;
    -moz-box-shadow: 0 0 7px #888;
	-webkit-box-shadow: 0 0 7px #888;
	box-shadow: 3px 3px 3px #000;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 15px;
    border: 1px solid #eee;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=45, Color='#888888')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');
    overflow-y: hidden;

}

.popup .close{
    position: absolute;
    top: 10px;
    right: 15px;
    background:url("../images/closeButton.png") no-repeat scroll right center transparent;
    float:right;
    font-size:0.9em;
    margin-top:3px;
    padding-right:20px;
    color: #000;
}

.popup .left{
    width: 46%;
    padding-right: 4%;
    float: left;
}

.popup .right{
    width: 46%;
    padding-right: 4%;
    float: right;
}

.popup h2{
    color: #000;
    font-weight: normal;
    cursor: move;
}

.popup #cancelButton {
    margin-left: 20px;
}

.popup .table{
    overflow: auto;
    max-height: 400px;
}

#sessionVenueResults{
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 400px;
    padding-right: 10px;
}

.checkEachElm .error {
    display: block;
    color: red;
}

.checkEachElm .fieldCollection .error {
    display: inline-block;
    float: right;
    padding-left: 5px;
}

.optionalModules form select {
    display: inline-block;
    margin-right: 10px;
}

.optionalModules form div  {
    display: inline-block;
    position: relative;
    top: 5px;
}

#bookModule td{
    vertical-align: top;
}

#bookMudule tbody tr td ul li{
    padding: 0;    
}

/*Shopping Cart Panel*/

#shoppingCartPanel ul{
    margin: 10px 0 10px 0;
}

#shoppingCartPanel ul li{
    border-bottom: none;
    padding: 0;
}

#shoppingCartPanel ul li a.remove {
    font-style: italic;
    font-size: 90%;
}

#shoppingCartArea table.moduleDetails tbody tr td{
    border-bottom: #DDDDDD solid 1px;
    vertical-align: top;
}

#shoppingCartArea table.moduleDetails ul li{
    border: 0;
    padding:0 0 15px;
}

#shoppingCartArea .upcommingSessionsTable{
    width: 100%;
}

#shoppingCartArea .upcommingSessionsTable a{
    color: #FF8B00;    
}

#shoppingCartArea .upcommingSessionsTable .sessionName{
    width: 70%;
}

#shoppingCartArea .upcommingSessionsTable .sessionInfo{
    width: 30%;
}


.courseOverview a{
    color: #FF8B00; 
}

.popup table tr th{
    width: 32%;
    text-align: left;
    margin-right: 1%;
}

.sessionInfo{
    clear: both;
}

.sessionInfo dl dt{
    float: left;
    margin-right: 10px;
}

.assesmentName{
    display:block;
    float: left;
    width: 150px;
}

.moduleName{
    display:block;
    float: left;
    width: 393px;
}

#print th, #print td{
    padding: 5px 10px;
    text-align: left;
    border-bottom: #DDDDDD solid 1px;
}

#print .upcomingSessions{
    padding: 0 20px;    
}

#print .upcomingSessions .course{
    margin: 10px 0;
}

#print .upcomingSessions .course .courseModule{
    margin: 5px 0;    
}

#print .upcomingSessions .course .courseModule h3{
    margin: 0 0 5px 0;
    font-size: 12px;
}


.studentArea .content{
    width: 100%;
}

#shoppingCartArea.editStudentDetails #main .content{
    width: 100%;
}

#shoppingCartArea.studentArea table.moduleDetails ul li{
    background-image: none;
    padding:0 0 15px;
}

#shoppingCartArea.studentArea  #main .content{
    margin: 0 10px 30px 0;
}

#shoppingCartArea.studentArea #main div.searchCourses, #shoppingCartArea.studentArea #main div.courseNotesListings{
    margin: 0 20px 0 0;
}

#shoppingCartArea .checkoutPrequisites .moduleDetails{
    border:1px solid #DEDEDE;
    padding: 10px;
}

#shoppingCartArea .checkoutPrequisites .moduleDetails h4{
    color: #FF8B00;
}

#shoppingCartArea .checkoutPrequisites .moduleDetails .moduleGroup{
    padding-left: 10px;
}

#shoppingCartArea .checkoutPrequisites .moduleDetails{
    margin: 1em 0;
}

#shoppingCartArea .checkoutPrequisites .moduleDetails li{
    padding: 0;
    border: 0;
}

#shoppingCartArea .checkoutPrequisites .moduleDetails li .modules li{
    border: 0;
    padding: 0;
}

.checkoutPrequisites.fullWidthContent{
    padding: 0;
}

.assessmentTypeInfo {
    display: block;
    float: none;
    font-size: 12px;
}


.submitSmall.faded {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
    -moz-opacity:.50;
    opacity:.5;
}

#shoppingCartArea .submitSmall.faded a{
    cursor: default;
}

#shoppingCartArea table.moduleDetails tbody tr td .innerTable td {
    border: none;
    padding: 0 0 5px 0;
    margin: 0;
}

#shoppingCartArea table.moduleDetails tbody tr td .innerTable td.bookButtons {
    width: 90px;
}

.unfulfilledPrerequisites{
    padding: 0 10px 20px 0;
    list-style-type: disc;
}

.unfulfilledPrerequisites li{
    list-style-type: disc;
    list-style-position: inside;
}

.unfulfilledPrerequisites li ul{
    padding-left: 18px;
}

.unfulfilledPrerequisites li ul li{
    list-style-type: circle;
}

.viewBuyCourse{
    display: block;
    float: none;
    visibility: hidden;
}

.viewBuyCourse div{
    float: right;
    margin-left: 10px;
}

.courseDetails h4{
    width: 50%;
    float: left;
}

.courseDetails h4.noBMS, .courseDetails .nvqLevel{
    width: 100%;
    float: left;
}

.courseDetails .viewBuyCourse{
    width: 50%;
    float: left;
    margin-bottom: 15px; 
}

.moduleTable .date{
    width: auto;
}

.moduleTable .venue{
    width: auto;
}

#viewSessionsResults{
    display: none;
}

#container .panelContent .remove{
    float: none;
}

#shoppingCartArea #courseNotesContent{
    float:left;
    margin-left: 185px;
}

#shoppingCartArea #courseNotesIntro .fullWidthContent{
    margin-left: 0;
    padding: 0;
}

.formTitle{
    display: block;
    font-size: 1.2em;
    padding-top: 5px;
}

.twoColumnForm{
    margin: 0 10px; 
}

.twoColumnForm .nameAndTitle input{
    width: auto;
}

.twoColumnForm .textField .title{
    width: 80px;
    margin-right: 5px;
}

.twoColumnForm .nameAndTitle .title input{
    width: 80px;
}

.twoColumnForm .nameAndTitle .firstName{
    float: left;
    width: 247px;
    margin: 5px 0 5px 10px;
}

.twoColumnForm .nameAndTitle .firstName input{
    width: 228px;
}

.twoColumnForm .nameAndTitle .surName{
    float: left;
    width: 325px;
    margin-left: 5px;
}

.twoColumnForm .nameAndTitle .surName input{
    width: 325px;
}

.twoColumnForm fieldset{
    margin: 10px 0;
}

.twoColumnForm .left{
    float: left;
    margin-right: 10px;
    width: 327px;
}

.twoColumnForm .right{
    float: left;
    margin-left: 10px;
    width: 327px;
}

.twoColumnForm .normalWeight{
    font-weight: normal;
}

.midForm .threeCol1{
    width: 320px;
    float: left;
    margin-right: 15px;
}

.midForm .threeCol1 label{
    width: 280px;
    height: 14px;
}

.midForm .threeCol2{
    width: 190px;
    float: left;
    margin:0 15px;
}

.midForm .threeCol3{
    width: 190px;
    float: left;
    margin-left: 15px;
}

.midForm .formRepsonse{
    background-color: #FFF;
    border: 1px solid #DEDEDE;
    padding: 10px;
}

.colour1 .coloredBgForm .formTitle{
    color: #ff8b00;
}

.colour2 .coloredBgForm { background-color: #e8f4fa; }
.colour2 .coloredBgForm .formTitle { color: #0082cb; }

.colour3 .coloredBgForm { background-color: #e8f7f7; }
.colour3 .coloredBgForm .formTitle { color: #00a3a8; }

.coloredBgForm .otherTextField input {
    border: 1px solid #DADADA;
    width: 120px;
}

.vacanciesHeader{
    margin: 0;
}


.toggleLink, .courseAreaLink{
    float: left;
}

/* Three Column Panel */

.threeBoxWrapper {
	margin: 0 5px 20px 5px;
}

.boxContainer {
	width: 307px;
	height: 310px;
	margin-right: 33px;
	float: left;
    position: relative;
    color: #FFF;
    background: scroll no-repeat bottom right transparent;
    border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    box-shadow: 0 1px 2px #888;
        -webkit-box-shadow: 0 1px 2px #888;
        -moz-box-shadow: 0 1px 2px #888;
}

.boxContainer.last{
    margin-right: 0;
}

    .boxContainer h2 {
        color: #fff;
        font-size: 22px;
        font-weight: normal;
    }

    .boxContainer p {
        font-size: 15px;
    }

    .boxContainer .boxInner {
        padding: 15px 15px; /* this might be 12px width */
    }

    .boxContainer .boxContent {
        height: 80px;
        overflow: hidden;
        display: block;
    }

    .boxContainer .orangeButton {
        position: absolute;
        top: 130px;
        left: 15px;
    }

.greenBox {
	background-color: #00aaa6;

}

.yellowBox {
	background-color: #f79021;
	color: #003e7e;
}

    .yellowBox h2 {
        background-color: #f79021;
        color: #FFFFFF;
    }

.blueBox {
	background-color: #003e7e;
}

.threeBoxLink {
	position: absolute;
}

/* Full width bar section */
.fullWidthBar {
    height: 130px;
    display: block;
    position: relative;
    margin: 0px 8px 20px 5px;
    background: scroll 23px bottom #dde1e7;
    box-shadow: 0 1px 2px #888;
        -webkit-box-shadow: 0 1px 2px #888;
        -moz-box-shadow: 0 1px 2px #888;
    border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
}

.fullWidthBarInner {
    padding: 17px 20px;
}

.fullWidthBarContent {
    display: block;
    float: right;
    text-align: right;
}

.fullWidthBar h3 {
    color: #00aaa6;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 10px;
}

.fullWidthBar p {
    color: #003e7e;
    font-size: 15px;
}

.fullWidthBar .orangeButton {
    position: absolute;
    bottom: 20px;
    right: 20px;
}


/* Orange Button */
.orangeButton {
    display: inline-block;
    margin: 0;
    padding: 0 25px 0 7px;
    height: 29px;
    line-height: 29px;
    vertical-align: baseline;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    outline: 0;
    text-decoration: none;
    text-shadow: 0 0px 1px #3B3B3B;
    border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    box-shadow: 0 1px 2px #4C4C4C;
        -webkit-box-shadow: 0 1px 2px #4C4C4C;
        -moz-box-shadow: 0 1px 2px #4C4C4C;

        /* CSS 3 gradient */
        /* fallback first*/
        background-color: #ed6d1f;
        background-repeat: repeat-x;
        background: -moz-linear-gradient(100% 100% 90deg, #ed6d1f, #f1a38d );
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ed6d1f), to(#f1a38d));
        background: -webkit-linear-gradient(#f1a38d, #ed6d1f);
        background: -o-linear-gradient(#ed6d1f, #f1a38d);
        background: linear-gradient(#ed6d1f, #f1a38d);
}

    /* Overide content folder styles */
    .content a.orangeButton  {
        color: #FFFFFF;
    }

.orangeChevron {
    position: absolute;
    top: 7px;
    right: 4px;
    display: block;
    height: 17px;
    width: 16px;
    background: url('../images/orangeChevron.png') scroll no-repeat 0 0 transparent;
}