* html .hollyHack {
    height: 1%;
}

/* overrides breadcrumb style defined in acsau.css */
#Breadcrumb {
    padding: 0;
    margin: 0;
    font-size: 86%;
    height: 22px;
    padding-top: 6px; /* total height = 28px */
    overflow: hidden;
    border-bottom: solid 1px #C0B6A3;
}

div.courseInfo {
    background: none;
    /*margin: 13px 21em 1em 0;*/
    padding: 0;
}
/*div.courseInfo h1
{
    margin: 0;
}*/


/*
div.courseInfo h1
{
    background: blue;
    font-size: 131%; 
    text-transform: uppercase;
    
    padding: 10px 0 0 16px; 
    margin: 0;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
}*/

div.courseWrapper ul ul, div.courseWrapper ul ol, div.courseWrapper ol ul, div.courseWrapper ol ol, div.courseWrapper li {
    margin-top: 0;
    margin-bottom: 0;
}

div.courseWrapper ol li ul {
    margin-bottom: 1em;
    margin-left: 1em;
}


/* nifty corners colouring */
div.courseInfo .rtop, div.courseInfo .rbottom {
    background: #fff;
}

    div.courseInfo .rtop *, div.courseInfo .rbottom * {
        background: #E1A325;
    }

table.courseDetails {
    margin: 5px 0 0 0;
    padding: 0;
    border: none;
}

    table.courseDetails td, table.courseDetails th {
        margin: 0;
        padding: 0.2em;
        border: none;
    }

    table.courseDetails th {
        padding-left: 0;
    }

div.courseRecognition {
    background-color: none;
    padding: 0;
    margin-bottom: 1em;
    margin-top: -0.8em;
    /*margin-right: 21em;*/
    border-bottom: solid 1px #aaa;
    padding-bottom: 1em;
}

    div.courseRecognition h2 {
        font-size: 100%;
        padding-left: 0.2em;
    }

        div.courseRecognition h2 span {
            font-size: 68%;
            font-weight: normal;
            padding-left: 0.5em;
        }
/*
div.courseRecognition h2
{
    color: white;
    background-color: #929292;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0.25em;
    padding-left: 16px;
}
div.courseRecognition h2 span
{
    color: black;
    text-transform: none;
    font-size: 68%;
    font-family: Verdana, sans-serif;
    padding-left: 0.5em;
    font-weight: normal;   
}

div.courseRecognition .rtop     { background: #929292; }
div.courseRecognition .rtop *   { background: #D4A527; }
div.courseRecognition .rbottom  { background: #fff; }
div.courseRecognition .rbottom *{ background: #c8c8c8; }
*/

div.icons {
    /*padding: 0.5em;
    padding-left: 16px;*/
}

.icons a {
    text-decoration: none;
    color: Black;
}

    .icons a span {
        display: none;
    }

.icons img {
    border: none;
    margin-right: 1em;
}

.icons p {
    font-size: 86%;
    margin: 0;
    margin-top: 1em;
}



table.courseModules th, table.courseModule td {
    vertical-align: top;
}

table.courseModules th {
    width: 12em;
}

table.courseModules td.desc {
    font-size: 100%;
    line-height: 1.5em;
    font-weight: 500;
}

#WhatNext {
    background: #fff;
    margin: 0;
    margin-top: 1em;
    padding: 0;
}


    #WhatNext a.item {
        display: block;
        float: left;
        /*width: 136px;*/
        padding: 15px;
        margin: 0;
        text-decoration: none;
        /*max-height: 300px;
        border-right: solid 5px #bcbaba;*/
    }


        #WhatNext a.item:hover {
            background: #ffffff;
            border-right: solid 5px #e7863c;
        }

.WhatNext i {
    color: #e7863c;
    font-size: 20px;
}
/*#WhatNext a.item.even:hover
{
    background: green;
}*/
#WhatNext h3 {
    background: #000;
    text-transform: uppercase;
    font-size: 131%;
    height: 30px; /* 27px + 10px bottom padding = 37px = background height */
    padding: 3px 0 0 16px;
    margin: 0;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
}

#WhatNext span.bottom {
    display: block;
    height: 1px;
    background: none;
    overflow: hidden;
    clear: both;
    font-size: 1%;
}

#WhatNext a.item strong {
    color: black;
    font-size: 108%;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 10px;
    margin-bottom: 0.5em;
}

#WhatNext a.item img {
    display: block;
    margin: 8px auto;
    width: 60px;
    height: 80px;
}

#WhatNext a.item span {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 86%;
    color: black;
}

#WhatNext a.item:hover p, #WhatNext a.item:hover h4 {
    color: #6C4B01;
}

#WhatNext .rtop {
    background: #fff;
}

    #WhatNext .rtop * {
        background: #e7863c;
    }

#WhatNext .rbottom {
    background: #fff;
}

    #WhatNext .rbottom * {
        background: #D1C293;
    }

/* this aligns the "enrol now" box with the course info box */
#RightContent {
    padding: 0;
}

#RightContentInner {
    padding: 42px 1em 0 0;
}

.enrolNow {
    background: #efeee9;
    margin: 0;
    margin-bottom: 1em;
    /*float: right;*/
    /*margin-left: 1em;*/
    /*width: 20em;*/
}

    .enrolNow h2 {
        margin: 0;
        padding: 0.3em 0 0.5em 0;
        background: #282625;
        overflow: hidden;
        color: #efeee9;
        font-family: arial;
        text-align: center;
    }

.enrolStep {
    /*padding-left: 20px;*/
    margin-top: 1em;
}

    .enrolStep a, .enrolStep a:visited {
        color: blue;
    }

    .enrolStep p {
        margin-bottom: 0.5em;
    }

    .enrolStep input {
        /*margin: 0;
        padding: 0;*/
        min-width: 20px;
    }

    .enrolStep label {
        /*border: solid 1px red;
    background: white;*/
        display: block;
        line-height: 20px;
        height: 20px;
        margin: 0;
        padding: 0;
    }

        .enrolStep label.unavailable {
            color: #6C4B01;
        }

#Step1 {
    padding-left: 20px;
}

#Step2 p {
    margin-bottom: 0.75em;
}

    #Step2 p.note {
        margin: 0;
        margin-top: 0.5em;
        padding-left: 20px;
        font-size: 86%;
    }

    #Step2 p.price {
        display: block;
        margin: 0;
        padding: 0.6em 0;
        font-weight: bold;
        background-color: #e7863c;
        /*margin-left: -20px;*/
        padding-left: 40px;
        margin-top: 3px;
        font-size: 116%;
        color: #fff;
    }

        #Step2 p.price span.note {
            display: block;
            font-size: 74%;
            font-weight: normal;
        }

#Step3 {
    padding: 5% 25%;
}

    #Step3 > .btn {
        background: #282625;
        color: #fff;
        font-weight: 900;
    }

        #Step3 > .btn:hover {
            border: 0;
            background: #fff;
            color: #e7863c;
        }

input.enrolSubmit {
    width: 140px;
    height: 39px;
    background: transparent url(../images/design/course/enrol_now.gif) no-repeat top left;
    display: block;
    border: none;
    cursor: pointer;
    text-indent: -1000px;
    line-height: 100px;
    overflow: hidden;
    margin-left: 40px;
}

    input.enrolSubmit:hover /* IE6 does not get the rollover effect. boo hoo for IE6. */ {
        background-position: left -39px;
    }

div.enrolNow .rtop, div.enrolNow .rbottom {
    background: #fff;
}

    div.enrolNow .rbottom * {
        background: #e7863c;
    }

    div.enrolNow .rtop * {
        background: #e7863c;
    }

span.enrolAnytime {
    display: block;
    background-color: #e7863c;
    background: #e7863c url(../images/design/course/thumb-online-icon.png) no-repeat left center;
    padding: 0.6em 0.3em 0.6em 60px;
    font-size: 86%;
    margin: 0.3em 0;
    color: #fff;
    background-size: contain;
}

/* list_courses.aspx */
.searchPanel {
    padding: 0.5em;
    border: 1px solid black;
    BACKGROUND: #eee;
    MARGIN: 0.7em 0;
    /*float: left;*/
}

/*h1.categoryTitle
{
    height: 20px;
    line-height: 20px;
    margin: 10px 0 20px 0;
}*/

.refinePanel {
    background: #E1A325 url(../images/design/newsletter_bg.gif) no-repeat top left;
    MARGIN: 1em 0;
    margin-top: 36px;
}

    .refinePanel h4 {
        padding-bottom: 4px;
        padding-left: 13px;
        background-color: #4D3601;
        font-size: 116%;
        color: White;
        font-family: Arial;
        margin-bottom: 0.5em;
    }

    .refinePanel p {
        padding: 0 0.75em 0 1.7442em; /* 1.5 / 0.86 = 1.7442 */
        margin: 0;
        margin-bottom: 0.5em;
        font-size: 86%;
    }

        .refinePanel p.checkboxes {
            line-height: 1.5em;
        }

            .refinePanel p.checkboxes input {
                margin-right: 0.25em;
            }

    .refinePanel input.highlightButton {
        background: #4D3601;
        color: white;
        border: 1px solid black;
        margin-left: 1.5em;
        padding: 1px 10px;
    }

div.refinePanel .rtop {
    background: #fff;
}

    div.refinePanel .rtop * {
        background: #4D3601;
    }

div.refinePanel .rbottom {
    background: #fff;
}

    div.refinePanel .rbottom * {
        background: #E1A325;
    }

div.productItem {
    background-color: #f6f6f6;
    margin-bottom: 1em;
    line-height: 1.3em;
}

h2.productTitle {
    display: block;
    font-size: 100%;
    font-weight: normal;
    font-family: verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #282625;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #efeee9;
}

    h2.productTitle a {
        margin: 0;
        padding: 0;
        font-size: 123%;
        text-decoration: none;
        font-weight: bold;
        color: #efeee9;
    }

    h2.productTitle span.info {
        display: block;
        font-size: 86%;
    }

        h2.productTitle span.info img {
            position: relative;
            top: 4px;
            margin-left: 5px;
            margin-right: -1px;
        }

            h2.productTitle span.info img.first {
                margin-left: 0;
            }

div.icon-with-list img {
    width: 30px;
}

div.productDetails {
    padding: 0 1em;
    padding-top: 0.65em;
    /* fix for IE "bleeding background" bug */
    line-height: 1.3em;
    zoom: 1;
}

a.enrolLink {
    display: block;
    clear: both;
    margin-top: 0.65em;
    background-color: #D1C293;
    color: #7F5B3E;
    padding: 0 1em;
    text-decoration: none;
}

    a.enrolLink span {
        display: block;
        padding-bottom: 0.25em;
    }

        a.enrolLink span.readMore {
            font-weight: bold;
            text-decoration: underline;
        }

        a.enrolLink span.learningMethods {
            font-size: 86%;
        }

            a.enrolLink span.learningMethods img {
                position: relative;
                top: 4px;
                margin-left: 5px;
            }

div.productItem .rtop {
    background: #fff;
}

    div.productItem .rtop * {
        background: #e7863c;
    }

div.productItem .rbottom {
    background: #fff;
}

    div.productItem .rbottom * {
        background: #fff;
    }


div.productItem.qualification h2.productTitle {
    background-color: #ffffff;
    color: #000000;
}

    div.productItem.qualification h2.productTitle a {
        color: #000000;
    }

div.productItem.qualification a.enrolLink {
    /*background-color: #ABBCCF;
    color: #355373;*/
}

div.productItem.qualification .rtop * {
    background: #e7863c;
}
/*div.productItem.qualification .rbottom *{ background: #ABBCCF; }*/



.ftBanner {
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.2em;
    width: 47em;
}

.ftTutorSquare {
    border-radius: 1em 1em 0 0;
    box-shadow: 1px 0 1px 1px;
    display: inline-block;
    margin-left: 0.34em;
    margin-right: 0.34em;
    margin-top: 0.2em;
    vertical-align: top;
    width: 11em;
}

.ftImgWrapper {
    border-radius: 1em 1em 0 0;
    display: table-cell;
    height: 14em;
    overflow: hidden;
    vertical-align: middle;
    width: 11em;
    background: #f3e2c7; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZTJjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2MxOWU2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2I2OGQ0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWQ0YjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f3e2c7 0%, #c19e67 50%, #b68d4c 51%, #e9d4b3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3e2c7), color-stop(50%,#c19e67), color-stop(51%,#b68d4c), color-stop(100%,#e9d4b3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=0 ); /* IE6-8 */
}

.ftTImage {
    border: 1px solid black;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 120px;
}

.ftName {
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    display: block;
    font-weight: bold;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    text-align: center;
    background: #eab92d; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhYjkyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNzk4MTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #eab92d 0%, #c79810 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eab92d), color-stop(100%,#c79810)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eab92d 0%,#c79810 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eab92d 0%,#c79810 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eab92d 0%,#c79810 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eab92d 0%,#c79810 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab92d', endColorstr='#c79810',GradientType=0 ); /* IE6-8 */
}

.ftDescription {
    background: linear-gradient(to bottom, #FCFFF4 0%, #E9E9CE 100%) repeat scroll 0 0 transparent;
    display: block;
    font-size: 0.8em;
    height: 5em;
    overflow: auto;
    padding: 0.5em;
}

.courseModules {
    font-weight: bold;
}

.bgGray {
    background: #f6f6f6 !important;
}

.zero-border {
    border: 0 !important;
}

.celTitle {
    background: #f8f8f800;
    padding: 10px;
    color: #000;
    font-weight: bold;
}

.prodMethods {
    display: block;
    padding: 20px;
}