/*
***************************
*
* MC rebranding styles
*
****************************
*/


/*--------------------------------------------------------------------------
* Author: Caleb Wong
* Project: Martin College
* Written: November 2009       (reset.css)
--------------------------------------------------------------------------*/
/*
* GLOBAL STYLE SHEETS
  Only specify the font in % here and in 'em' elsewhere to resize it easily.
  Browser default: 16px => 82.5% = 13px => 1em = 13px
  
--------------------------------------------------------------------------*/
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;
}
/* MH added for home page text color */
.snippet .body, .sInternship .body, .sCampus .body {
    color: #555555;
    line-height:1.3;
}
.content a.btn {
    line-height:  1;
}
body {
    line-height:         1;
}

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;
}
/* clear floated elements */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}






/*--------------------------------------------------------------------------
* Author: Caleb Wong
* Project: Martin College
* Written: November 2009      (screen.css)
--------------------------------------------------------------------------*/
/* generic elements
-------------------------------*/
body { background: #00233d url(/bkg_home.gif) no-repeat top center fixed; color: #010101; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 62.5%; }
body .container { background: #fff url(/bkg_wrapperHome.gif) repeat-y; margin: 0 auto; padding: 0 20px; position: relative; width: 950px; }
/* globalNav
-------------------------------*/
#globalNav { background: #4d4d4d; color: #fff; font-size: 1em; height: 30px; width: 100%; }
    #globalNav .wrapper { margin: 0 auto; width: 950px; }
    #globalNav p { padding: 8px 0 0 29px; }
    #globalNav a { color: #fff; padding: 0 5px; text-decoration: none; }
        #globalNav a:hover, #globalNav a:focus { text-decoration: underline; }
/* button
-------------------------------*/
.content a.btn { background: url(/button.gif) no-repeat 0 0; color: #fff; cursor: pointer; float: left; height: 27px; padding: 0 0 0 11px; text-decoration: none; font-size:12px; }
.content a.btn span { background: url(/button.gif) no-repeat right -54px; display: inline-block; padding: 8px 11px 7px 0; }
.content a.btn:hover, .content a.btn:focus { background-position: 0 -27px; color: #fff; }
.content a.btn:hover span, .content a.btn:focus span { background-position: right -81px; }

.content a.btn2 { background: url(/button2.png) no-repeat 0 0; color: #fff; cursor: pointer; float: left; width:94px; height: 32px; padding: 0; text-decoration: none; font-size:12px; }
/*.content a.btn2 span { background: url(/button2.png) no-repeat right -54px; display: inline-block; padding: 8px 11px 7px 0; }*/
.content a.btn2:hover, .content a.btn2:focus { background-position: 0 -32px; color: #fff; }
.content a.btn3 { background: url(/FindOutMore.gif) no-repeat 0 0; color: #fff; cursor: pointer; float: left; width:114px; height: 32px; padding: 0; text-decoration: none; font-size:12px; }
.content a.btn3:hover, .content a.btn2:focus { background-position: 0 -32px; color: #fff; }
.content a.btn4 { background: url(/FindOutMore2.gif) no-repeat 0 -33px; color: #fff; cursor: pointer; float: left; width:173px; height: 33px; padding: 0; text-decoration: none; font-size:12px; }
.content a.btn4:hover, .content a.btn2:focus { background-position: 0 -1px; color: #fff; }

/*.content a.btn2:hover span, .content a.btn2:focus span { background-position: right -81px; }*/
/* header navigations
-------------------------------*/
/*#nav-row1 { position: absolute; right: 35px; top: 10px; }*/
#nav-row1 { position: relative; left: 420px; top: 10px; }
#nav-row1 { color: #00223d; }
    #nav-row1 a { color: #00223d; font-weight: bold; text-decoration: none; }
#nav-row2 { color: #666666; float: right; font-size: 1.1em; padding: 28px 34px 0 0; }
    #nav-row2 dt.quickfacts { background: url(/btn_quickfacts.gif) no-repeat; cursor: pointer; height: 15px; padding: 4px 0 0 8px; width: 179px; }
        #nav-row2 dt.quickfacts a { color: #666666; text-decoration: none; }
    #nav-row2 legend, #lblSearch, .quicklinks { display: none; }
#siteSearch { border-right: none; border: 1px solid #e3e3e3; font-size: 11px; height: 17px; padding: 0 0 0 5px; position: absolute; right: 50px; top: 28px; width: 158px; }
.btn_search { float: right; height: 19px; width: 19px; position:absolute; left:899px; top:27px;}
.dropdown { position: absolute; right: 242px; top: 28px; }
    .dropdown dd { position: relative; }
        .dropdown dd ul { background: #e4e4e4 none repeat scroll 0 0; display: none; left: 0; list-style: none; position: absolute; top: 0; width: 187px; }
    .dropdown span.value { display: none; }
    .dropdown dd ul li a { color: #000; display: block; padding: 5px 8px; text-decoration: none; }
        .dropdown dd ul li a:hover { background: #cccccc; }
/* header
-------------------------------*/
#header { background: #fff url(/bkg_header.gif) no-repeat; height: 142px; position: relative; }
    #header h1 { float: left; padding: 12px 0 9px 28px; }
        #header h1 a { background: url(/martin-college-logo.jpg) no-repeat; display: block; height: 45px; text-indent: -9000px; width: 180px; }
      /*  #header h1 a { background: url(/martin-college-logo.jpg) no-repeat; display: block; height: 33px; text-indent: -9000px; width: 190px; } */
    
    #header p.breadcrumb { clear: left; color: #666666; font-size: 1.1em; padding: 0 0 7px 27px; }
/* navigation
-------------------------------*/
#navigation { clear: both; overflow: hidden; padding: 0 0 20px 27px; }
    #navigation li { display: inline; float: left; }
        #navigation li a { background: url(/navigation.gif) no-repeat; display: block; height: 36px; text-indent: -9000px; }
        #navigation li.home a { background-position: 0 0; width: 73px; }
            #navigation li.home a:hover, #navigation li.home a:focus { background-position: 0 -36px; }
        #navigation li.why-martin a { background-position: -73px 0; width: 99px; }
            #navigation li.why-martin a:hover, #navigation li.why-martin a:focus { background-position: -73px -36px; }
        #navigation li.outcomes a { background-position: -172px 0; width: 87px; }
            #navigation li.outcomes a:hover, #navigation li.outcomes a:focus { background-position: -172px -36px; }
        #navigation li.learning-at-martin a { background-position: -259px 0; width: 133px; }
            #navigation li.learning-at-martin a:hover, #navigation li.learning-at-martin a:focus { background-position: -259px -36px; }
        #navigation li.life-at-martin a { background-position: -392px 0; width: 104px; }
            #navigation li.life-at-martin a:hover, #navigation li.life-at-martin a:focus { background-position: -392px -36px; }
        #navigation li.advice a { background-position: -496px 0; width: 135px; }
            #navigation li.advice a:hover, #navigation li.advice a:focus { background-position: -496px -36px; }
        #navigation li.courses a { background-position: -631px 0; width: 74px; }
            #navigation li.courses a:hover, #navigation li.courses a:focus { background-position: -631px -36px; }
        #navigation li.campuses a { background-position: -705px 0; width: 90px; }
            #navigation li.campuses a:hover, #navigation li.campuses a:focus { background-position: -705px -36px; }
        #navigation li.admission a { background-position: -795px 0; width: 95px; }
            #navigation li.admission a:hover, #navigation li.admission a:focus { background-position: -795px -36px; }
/* contact footer
-------------------------------*/
#contact-footer { background: url(/contact_footer_bar_NoText.gif) no-repeat 0 15px; color: #fff; font-size: 1.6em; font-weight: bold; height: 49px; margin: 0 auto; padding: 15px 0 0; position: relative; text-transform: uppercase; width: 901px; }
    #contact-footer a { color: #fff; text-decoration: none; }
    #contact-footer ul li { display: inline; float: left; }
        #contact-footer ul li.ask { padding: 16px 70px 0 55px; }
        #contact-footer ul li.call { padding: 16px 0px 0 10px; }
        #contact-footer ul li.international {/* padding: 16px 42px 0 40px;*/ padding: 16px 50px 0 40px; }

        #contact-footer ul li.enquire { padding: 16px 0 0 0; }
/* footer
-------------------------------*/
#footer { line-height: 1.3; margin: 0 auto; padding: 30px 0; width: 877px; }
    #footer a { color: #00223d; font-weight: bold; text-decoration: none; }
    #footer p.terms { color: #898989; padding: 0 0 30px; }
    #footer .links { background: url(/bkg_footer.jpg) no-repeat 0 25px; padding: 0 0 30px; width:877px; }
    #footer p.copyright { color: #555555; float: left; }
    #footer #li_container1 { float: right; }
/* alignments
-------------------------------*/
.alignR { float: right; }





/*--------------------------------------------------------------------------
* Author: Caleb Wong
* Project: Martin College
* Written: November 2009    (home.css)
--------------------------------------------------------------------------*/
/* homepage
-------------------------------*/
body#home .content { font-size: 1.2em; overflow: hidden; padding: 18px 0 0; }
.content a { color: #e28f26; text-decoration: none; }
body#home .content h3 { font-size: 1.6em; font-weight: normal; text-transform: uppercase; }
/*.content h3.tab-blue_lrg { background: url(/CoursesMenuTitle.gif) no-repeat; color: #fff; padding: 12px 0 6px 23px; }*/
.content h3.tab-blue_lrg { background: url(/CoursesMenuTitle.gif) no-repeat; color: #fff;  padding: 12px 0 6px 23px; /* padding:0;*/ width:419px; height:23px; }
.content a.course1 { background: url(/BusinessMgntBg_Hover.gif) no-repeat; width:442px; height: 38px;}
.content a.course2 { background: url(/EventMgntBg_Hover.gif) no-repeat; width:442px; height: 33px;}
.content a.course3 { background: url(/TourismBg_Hover.gif) no-repeat; width:442px; height: 33px;}
.content a.course4 { background: url(/ITBg_Hover.gif) no-repeat; width:442px; height: 33px;}
.content a.course5 { background: url(/GraphicDesignBg_Hover.gif) no-repeat; width:442px; height: 32px;}

.content h3.tab-caramel_lrg { background: url(/tab-caramel_lrg.gif) no-repeat; color: #fff; padding: 12px 0 6px 23px; }
.content h3.tab-red_sml { background: url(/tab-red_sml.gif) no-repeat; color: #fff; padding: 12px 0 6px 23px; }
.content h3.tab-maroon_sml { background: url(/tab-maroon_sml.gif) no-repeat; color: #fff; padding: 12px 0 6px 23px; }
body#home .snippet { float: left; width: 447px; }
    body#home .snippet .body { background: url(/bkg_snippet-body.gif) repeat-y; height: 142px; padding: 10px 13px;  }
        body#home .snippet .body p { /* padding: 0 0 15px; */ padding: 0 0 9px; }
    body#home .snippet .btm { background: url(/bkg_snippet-btm.gif) no-repeat; clear: both; height: 13px; margin: 0 0 20px; width: 447px; }
    body#home .snippet .body p.hero { float: right; margin: 0 0 0 10px; padding: 0; }
body#home .snippet-2 { float: left; width: 447px; }
    body#home .snippet-2 .body { background: url(/bkg_snippet-body.gif) repeat-y; height: 177px; padding: 10px 13px; }
        body#home .snippet-2 .body p { padding: 0 0 15px; }
    body#home .snippet-2 .btm { background: url(/bkg_snippet-btm.gif) no-repeat; clear: both; height: 13px; margin: 0 0 20px; width: 447px; }
    body#home .snippet-2 .body p.hero { float: right; margin: 0 0 0 10px; padding: 0; }



body#home .sSubjects { /* margin: 0 13px 0 25px; */ margin: 0 13px 21px 25px; }
    body#home .sSubjects .body ul { background: url(/bkg_subjects.gif) no-repeat; overflow: hidden; }
/*        body#home .sSubjects .body ul li { display: inline; float: left; height: 60px; width: 210px; }*/
/*            body#home .sSubjects .body ul li a { color: #002447; display: block; font-size: 1.3em; padding: 10px 0 0 57px; text-decoration: none; text-transform: uppercase; }*/
.sSubjects ul li {
    margin:                               0px;
    padding:                              0px;
    list-style:                           none;
/*    background: url(/BusinessMgntBg_Hover.gif) no-repeat; */
}
.sSubjects ul li.course1 a {
    width:                                442px;
    height:                                38px;
    display:                              block;
/*    padding: 10px 0 8px 12px;*/
/*    padding: 5px 0 5px 125px;*/
    background:                           url(/BusinessMgntBg_Hover.gif) no-repeat top center;
}
.sSubjects ul li.course1 a:hover {
    background: url(/BusinessMgntBg_Hover.gif) no-repeat 0 -38px;
}
.sSubjects ul li.course2 a {
    width:                                442px;
    height:                                33px;
    display:                              block;
/*    padding: 10px 0 8px 12px;*/
/*    padding: 5px 0 5px 125px;*/
    background:                           url(/EventMgntBg_Hover.gif) no-repeat top center;
}
.sSubjects ul li.course2 a:hover {
    background: url(/EventMgntBg_Hover.gif) no-repeat 0 -33px;
}
.sSubjects ul li.course3 a {
    width:                                442px;
    height:                                33px;
    display:                              block;
/*    padding: 10px 0 8px 12px;*/
/*    padding: 5px 0 5px 125px;*/
    background:                           url(/TourismBg_Hover.gif) no-repeat top center;
}
.sSubjects ul li.course3 a:hover {
    background: url(/TourismBg_Hover.gif) no-repeat 0 -33px;
}
.sSubjects ul li.course4 a {
    width:                                442px;
    height:                                33px;
    display:                              block;
/*    padding: 10px 0 8px 12px;*/
/*    padding: 5px 0 5px 125px;*/
    background:                           url(/ITBg_Hover.gif) no-repeat top center;
}
.sSubjects ul li.course4 a:hover {
    background: url(/ITBg_Hover.gif) no-repeat 0 -33px;
}
.sSubjects ul li.course5 a {
    width:                                442px;
    height:                                32px;
    display:                              block;
/*    padding: 10px 0 8px 12px;*/
/*    padding: 5px 0 5px 125px;*/
    background:                           url(/GraphicDesignBg_Hover.gif) no-repeat top center;
}
.sSubjects ul li.course5 a:hover {
    background: url(/GraphicDesignBg_Hover.gif) no-repeat 0 -32px;
}
.promo {
      width:213px;height:271px; float:left; margin: 0px 13px 0px 25px;  
}
.promoNoMarginLeft {
          width:213px;height:271px; float:left; margin: 0px 18px 0px 3px;  
}

/* button
-------------------------------*/
body#home .sSubjects .body ul li a.btn { background: url(/button.gif) no-repeat 0 3px; color: #fff; cursor: pointer; float: left; height: 29px;  padding: 0 0 0 11px; text-decoration: none; font-size:12px; margin-left: 55px; }
body#home .sSubjects .body ul li a.btn span { background: url(/button.gif) no-repeat right -51px; display: inline-block; padding: 8px 11px 7px 0; margin: 0 auto;}
body#home .sSubjects .body ul li a.btn:hover, body#home .sSubjects .body ul li a.btn:focus { background-position: 0 -26px; color: #fff; }
body#home .sSubjects .body ul li a.btn:hover span, body#home .sSubjects .body ul li a.btn:focus span { background-position: right -80px; }

body#home .sSubjects .body ul li a.btn2 { background: url(/button.gif) no-repeat 0 3px; color: #fff; cursor: pointer; float: left; height: 29px;  padding: 0 0 0 11px; text-decoration: none; font-size:12px; margin-left: 55px; }
body#home .sSubjects .body ul li a.btn2:hover, body#home .sSubjects .body ul li a.btn2:focus { background-position: 0 -26px; color: #fff; }

body#home .sSubjects .body ul li a.viewFullBtn { background: url(/button-full-course-listCopy.gif) no-repeat 0 0; margin-left: 44px; width:128px; height: 27px; padding:0;}
body#home .sSubjects .body ul li a.viewFullBtn:hover { background: url(/button-full-course-listCopy.gif) no-repeat 0 -27px; margin-left: 44px; width:128px; height: 27px; padding:0; }

body#home .snippet-sml { float: left; width: 217px; }
    body#home .snippet-sml .body { background: url(/bkg_snippet-sml-body.gif) repeat-y; overflow: hidden; padding: 10px 13px; }
        body#home .snippet-sml .body p { padding: 0 0 10px; }
    body#home .snippet-sml .btm { background: url(/bkg_snippet-sml-btm.gif) no-repeat; clear: both; height: 13px; width: 217px; }
body#home .sInternship { margin: 0 13px 0 25px; }
body#home .sCampus { margin: 0 13px 0 0; }
.snippet_tabs li { display: inline; float: left; }
    .snippet_tabs li h3 a { background: url(/tab-purple.gif) no-repeat 0 0; color: #fff; display: block; height: -37px; padding: 11px 0 8px; text-align: center; text-decoration: none; width: 148px; }
    .snippet_tabs li.active h3 a { background-position: 0 -54px; color: #75005f; }
body#home .tab_content .body { height: 202px; }
.tab_content strong { color: #75005f; }

/* New change on 17/02/10 - Homepage feature box */
#afeature {padding-left:25px;clear:both;}
#flash {width:630px; height:250px; padding: 3px 4px 3px 4px; float:left;background-image:url();}
#afeature-box {padding-left:12px;float:left;}
#afeature-box-list h4{font-size:1.9em;color:#002447;}
#afeature-box-list h4 a{color:#002447;text-decoration:none;padding-left:60px;display:block;}
#afeature-box-list-item1 h4 a {padding-top:29px;}
#afeature-box-list-item2 h4 a {padding-top:25px;}
#afeature-box-list-item3 h4 a {padding-top:30px;}
#afeature-box-list p {padding-left:60px;padding-top:7px;font-size:1.4em;}
#afeature-box-list-item1{background-image:url(/afeature-box-bg-1.jpg);height:71px;width:255px;display:block;}
#afeature-box-list-item2{background-image:url(/afeature-box-bg-2.jpg);height:68px;width:255px;display:block;}
#afeature-box-list-item3{background-image:url(/afeature-box-bg-3.jpg);height:117px;width:255px;display:block;}
#header {background:#FFFFFF url(/bkg_header-home.gif) no-repeat scroll 0 0;}








/*--------------------------------------------------------------------------
* Author: Caleb Wong
* Project: Martin College
* Written: November 2009        (content.css)
--------------------------------------------------------------------------*/
/* content
-------------------------------*/
.contentmain { font-size: 1.2em; margin: 0 auto; overflow: hidden; padding: 22px 0; width: 950px; }
.leftBox { float: left; width: 740px; }
.contentContainer { color: #555555; padding: 28px; }
    .contentContainer h3 { font-size: 1.3em; padding: 0 0 2px; }
    .contentContainer p { padding: 0 0 15px; }
.leftBox2 { float: left; width: 740px; }
.leftBoxContent { padding: 0 0 0 27px; }
    .leftBoxContent h3 { color: #00233d; font-size: 20px; letter-spacing: 1px; padding: 0 0 10px; text-transform: uppercase; }
    .leftBoxContent .cities { font-size: 14px; font-weight: bold; }
    
/* section holder
-------------------------------*/
.sectionHolder { background: url(/bkg_sectionHolder.gif) no-repeat bottom; float: left; height: 227px; margin: 0 0 12px; position: relative; width: 205px; }
    .sectionHolder p { padding: 0 20px 13px; }
    .sectionHolder img { margin: 12px 0 14px 10px; }
    .sectionHolder span { padding: 0 10px 10px 0; }
    .sectionHolder h3 { color: #fff; font-size: 16px; padding: 10px 0 8px 14px; text-transform: uppercase; }
        .sectionHolder h3.sh01 { background: url(/tab_sh_01.gif) no-repeat top; }
        .sectionHolder h3.sh02 { background: url(/tab_sh_02.gif) no-repeat top; }
        .sectionHolder h3.sh03 { background: url(/tab_sh_03.gif) no-repeat top; }
        .sectionHolder h3.sh04 { background: url(/tab_sh_04.gif) no-repeat top; }
        .sectionHolder h3.sh05 { background: url(/tab_sh_05.gif) no-repeat top; }
        .sectionHolder h3.sh06 { background: url(/tab_sh_06.gif) no-repeat top; }
        .sectionHolder h3.sh07 { background: url(/tab_sh_07.gif) no-repeat top; }
.shMid { margin: 0 22px 12px; }
/* right side bar
-------------------------------*/
.rightContent { float: left; width: 210px; }
.Box { background: url(/bkg_box.gif) no-repeat; height: 250px; margin: 0 auto 10px; width: 163px; }
    .Box h3.tab-brown-box { background: url(/tab-brown-box.gif) no-repeat; color: #fff; font-size: 16px; margin: 0 0 0 3px; padding: 10px 0 8px 14px; text-transform: uppercase; }
    .Box p { color: #000; font-size: 12px; padding: 11px 0 0 16px; }
        .Box p strong { color: #e28f26; display: block; font-size: 17px; padding: 0 0 3px; text-transform: uppercase; }
        .Box p.call { padding: 14px 0 9px 16px; }
    .Box span { padding: 20px 10px 0 0; }
.bannerContainer { background: url(/banner_bkg.jpg) no-repeat; height: 516px; margin: 0 auto; width: 163px; }
.banner { color: #fff; padding: 200px 20px 0; }
/*.banner { color: #fff; padding: 220px 20px 0; }*/

    .banner p { font-size: 11px; font-weight: normal; line-height: 1.3; }
        .banner p.quote { font-size: 18px; padding: 0 0 10px; text-transform: uppercase; }
/*.banner p.quote { font-size: 18px; padding: 0 0 93px; text-transform: uppercase; }*/

    .banner strong { display: block; }
.Box-2 { background: url(/bkg_box-2.gif) no-repeat; height: 250px; margin: 0 auto; width: 163px; }
    .Box-2 h3.tab-brown-box { background: url(/tab-brown-box.gif) no-repeat; color: #fff; font-size: 16px; margin: 0 0 0 3px; padding: 10px 0 8px 14px; text-transform: uppercase; }
    .Box-2 p { color: #000; font-size: 12px; padding: 11px 0 0 56px; }
    .Box-2 a { color: #000; text-decoration: none; }
    .Box-2 p strong { color: #e28f26; display: block; font-size: 17px; padding: 0 0 3px; text-transform: uppercase; }
    .Box-2 p.call { padding: 7px 0 5px 16px; }
    .Box-2 p.email { padding: 14px 0 5px 16px; }
    .Box-2 span { padding: 20px 10px 0 0; }
.Box-3 { margin: 0 auto 20px; width: 163px; }
    .Box-3 .body { background: url(/bkg_box-3.gif) repeat-y; overflow: hidden; padding: 0 10px; }
    .Box-3 h3.tab-brown-box { background: url(/tab-brown-box.gif) no-repeat; color: #fff; font-size: 16px; margin: 0 0 0 3px; padding: 10px 0 8px 14px; text-transform: uppercase; }
    .Box-3 .body ul li { background: url(/bkg_box-3-spacer.gif) no-repeat bottom; padding: 10px 0; }
        .Box-3 .body ul li a { background: url(/btn_point-arrow-2.gif) no-repeat 2px 3px; padding: 0 0 0 30px; }
    .Box-3 .btm { background: url(/bkg_box-3-btm.gif) no-repeat; height: 7px; width: 163px; }
    /* MH changed 30/06/10 */
    /*.Box-3 .body p.hero { margin: 0 auto; padding: 5px 0 0; width: 145px; }*/
    .Box-3 .body .hero { margin: 0 auto; padding: 5px 0 0; width: 145px; }
    .Box-3 .body span.date { background: url(/btn_point-arrow.gif) no-repeat 2px 0; padding: 0 0 0 30px; }
.PromoBox { margin: 0 auto 20px; width: 164px; height: 209px; }
        
/* leftSubnavBox
-------------------------------
.leftSubnavBox { background: url(/bkg_subnav-btm.gif) no-repeat bottom; float: left; margin: 0 20px 0 23px; padding: 0 0 8px; width: 165px; }
    .leftSubnavBox a, .leftSubnavBox a:focus { color: #000; font-size: 11px; }
    .leftSubnavBox a:hover, .leftSubnavBox a.active { color: #00223d; font-weight: bold; }
    .leftSubnavBox h3 { background: url(/tab-subnav.gif) no-repeat; color: #fff; font-size: 16px; font-weight: normal; padding: 10px 0 8px 19px; text-transform: uppercase; }
    .leftSubnavBox ul { background: url(/bkg_subnav.gif) repeat-y; }
        .leftSubnavBox ul li { background: url(/bkg_subnav-spacer.gif) no-repeat top center; padding: 10px 0 8px 17px; }

    .leftSubnavBox ul li ul { background: none; margin: 5px 0 0 -20px; }
        .leftSubnavBox ul li ul li { background: url(/bkg_subnav-2.gif) no-repeat top center; padding: 8px 10px 8px 35px; }
        .leftSubnavBox ul li ul li:hover { background: url(/bkg_subnav-2-hover.gif) repeat-y; font-weight: bold; }
        .leftSubnavBox ul li.active { background: url(/bkg_subnav-2-arrow.gif) no-repeat top center; }
        .leftSubnavBox ul li.active a { font-weight: bold; }
*/
/*-------------------------- NAVIGATION --------------------------*/
.leftSubnavBox {
    width:                                165px;
    float:                                left;
    margin: 0 20px 0 23px;
    
  /*  background: url(/bkg_subnav-btm.gif) no-repeat bottom; */
}
    .leftSubnavBox h3 { background: url(/tab-subnav.gif) no-repeat; color: #fff; font-size: 16px; font-weight: normal; padding: 10px 0 8px 19px; text-transform: uppercase; }
    .leftSubnavBox h3 + li { background: url(/bkg_subnav.gif) repeat-y; }
.leftSubnavBox ul {
    margin:                               0px;
    /*padding:                              0px;*/
    padding: 0 0 8px;
background: url(/bkg_subnav.gif) repeat-y;    
    
}
.leftSubnavBox .navBoxBtm {
width:165px;
height:8px;
display:block;
background: url(/bkg_subnav-btm.gif) no-repeat 0 0;
}
.leftSubnavBox ul li {
    margin:                               0px;
    padding:                              0px;
    list-style:                           none;
    background: url(/bkg_subnav.gif) repeat-y; 
}
.leftSubnavBox ul li a {
    width:                                148px;
    display:                              block;
    padding: 10px 0 8px 12px;
    background:                           url(/bkg_subnav-spacer.gif) no-repeat top center;
    color:                                #000;
    text-decoration:                    none;
    font-size:                        11px;
}
.leftSubnavBox ul li a.active {
    font-weight: bold;
}
.leftSubnavBox ul li ul li a.active {
    font-weight: bold;
    background:                url(/bkg_subnav-2-arrow.gif) no-repeat 5px 0;
}
.leftSubnavBox ul li a:hover {
    background: url(/bkg_subnav-2-hover_noArrow165.gif) repeat-y;
   
}
.leftSubnavBox ul li .redDot a, .leftSubnavBox ul li ul li .redDot a,
.leftSubnavBox ul li .redDot a:hover, .leftSubnavBox ul li ul li .redDot a:hover {
    background: none;
   
}

.leftSubnavBox ul li a.noBG {background: none;}
.pretty-hover {
    background: url(/bkg_subnav-2-hover.gif) repeat-y 5px 0;
}
.leftSubnavBox ul li ul li a {
    background: url(/bkg_subnav-2.gif) no-repeat top center;
    padding: 8px 10px 8px 30px;
    width: 120px;
    color:                                #000;
    font-size:                11px;
}
.leftSubnavBox ul li ul li a:hover {
    background: url(/bkg_subnav-2-hover.gif) repeat-y 5px 0;
    padding: 8px 10px 8px 30px;
    width:120px;
    color:                                    #000; 
    text-decoration:                        none; 
 /*   background-color:                        #fff; */
}
/*-------------------------- END NEW CODE BLOCK --------------------------*/


/* mainContent
-------------------------------*/
.mainContent { color: #555555; float: left; line-height: 1.3; width: 532px; }
    .mainContent h3, #gcs_lblPageTitle h1 { color: #00233d; font-size: 26px; font-weight: normal; padding: 0 0 10px; text-transform: uppercase; }
    .mainContent h3.paddingTop { padding-top: 20px; }
    .mainContent h4.sub-head { color: #000000; font-size: 20px; font-weight: normal; padding: 0 0 10px; text-transform: uppercase; }
    .mainContent p { padding: 0 0 15px; }
/*    .mainContent .courseBox { background: #e7e8e9; margin: 0 0 1px; padding: 12px; } */
    .mainContent .courseBox { background: #e7e8e9; margin: 0 0 1px; padding: 0px 12px 12px 12px; } 
        /* MH added line */
        .mainContent .courseBox p { padding: 0; }
        .mainContent .courseBox strong.title { background: url(/btn_point-arrow-2.gif) no-repeat 0 3px; color: #e28f26; display: block; padding: 0 0 8px 25px; }
        .mainContent .tab_content h4 { color: #00233d; font-size: 14px; padding: 0 0 5px; }
        .mainContent .tab_content strong { font-size: 14px; color: #555555; }
        .mainContent .snippet { float: left; width: 532px; }        
.mainContent table { width: 532px; }
.mainContent table th { background: #002447; color: #ffffff; }
.mainContent table th.empty { background: none; }
.mainContent table th, .mainContent table td { border-collapse: collapse; border-left: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 1px solid #fff; padding: 5px 10px; }
.mainContent table td { background: #e7e8e9; color: #000000; text-align: center; }
.mainContent table td.type { text-align: left; }
.mainContent table td.tableArrow { text-align: left; background: #e7e8e9 url(/btn_point-arrow-3.gif) no-repeat 7px 9px; padding-left: 38px; }
.mainContent table td span.cert { color: #e28f26; }
.mainContent .terms { color: #555555; font-size: 10px; }
.mainContent a.btn span { /*padding: 6px 11px 6px 0;*/ padding: 6px 11px 8px 0; }
    .mainContent .imageFrame { padding: 0; width: 230px; }
    .mainContent .imageFrame sup { color: #999999; font-size: 10px; }
    .mainContent .imageFrame img { display: block; padding: 0 0 5px; }

        
/* course     
-------------------------------*/
.mainContent .subjectIcon { float: left; padding: 0 15px 15px 0; }
.mainContent .subjectCode { padding-left: 102px; }
    .mainContent .subjectCode li { background: #e7e8e9; border-top: 1px solid #fff; color: #000; padding: 1px 0 1px 5px; }
#subjectTabs { padding: 30px 0 0 6px; }
    #subjectTabs h3 { font-size: 16px; padding: 0; }
    #subjectTabs li a { background: url(/tab-nav-blue_subjects.gif) no-repeat 0 0; color: #002447; display: block; height: 40px; padding: 5px 0 0; text-align: center; width: 104px; }
    div.line { background: url(/bkg_subnav-spacer.gif) no-repeat center bottom; display: block; height: 40px;width: 104px; float:left; position:relative; top:4px;}
    #subjectTabs li.active h3 a { background-position: 0 -45px; color: #fff; }

/* -- below is fortesting only 
.feestabline{ background: url(/tab-nav-red_subjects-edit.gif) no-repeat 0 0; color: #002447; display: block; height: 40px; padding: 5px 0 0; text-align: center; width: 104px; }
*/

#about .body, #start-date .body, #subjects .body, #entry-req .body, #fees .body { background: url(/bkg_subjectTabs-body.gif) repeat-y; clear: both; overflow: hidden; padding: 10px 20px 5px; }
#about .btm, #start-date .btm, #subjects .btm, #entry-req .btm, #fees .btm { background: url(/bkg_subjectTabs-btm.gif) repeat-y; height: 10px; }
/*
ul.subjectList { margin: 5px 0 15px; }
    ul.subjectList li { background: #e7e8e9 url(/btn_point-arrow-3.gif) no-repeat 10px 9px; border-bottom: 1px solid #fff; padding: 5px 5px 5px 40px; }
*/
/* MH added code */
.tab_content ul { margin: 5px 0 15px; }
    .tab_content ul li { background: #e7e8e9 url(/btn_point-arrow-3.gif) no-repeat 10px 9px; border-bottom: 1px solid #fff; padding: 5px 5px 5px 40px; }

ul.borderBtm { border-bottom: 1px solid #cccccc; }
/* testimonials
-------------------------------*/
#student-01, #student-02, #student-03, #student-04, #student-05, #student-06, #student-07, #student-08 { overflow: hidden; }
/*ul.testimonial_tabs { width: 140px; }*/
ul.testimonial_tabs { width: 140px; float:left;}
ul.testimonial_tabs li { display: inline; float: left; margin: 0 12px 12px 0; }
ul.testimonial_tabs li img { filter: alpha(opacity=60); -moz-opacity: .60; opacity: .60; }
ul.testimonial_tabs li.active img { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
/* MH added 10/12/09 */
.testimonial_content {width: 385px; float:left;}
.testimonial_content .profile { background: #cd1041 url(/bkg_testimonial.gif) no-repeat 0 0; height: 172px; position: relative; width: 385px; overflow: hidden; color: #fff; margin: 0 0 20px; }
.testimonial_content .profile .profileImg { float: right; }
/*.testimonial_content .profile h4 { text-transform: uppercase; font-size: 30px; font-weight: normal; padding: 17px 0 35px 18px; }*/
.testimonial_content .profile h4 { text-transform: uppercase; font-size: 25px; font-weight: normal; padding: 0px 0 25px 18px; }
.testimonial_content .profile p { padding: 0 0 15px 18px; }
/* MH added the following line */
.testimonial_content ul li a, #gcs_lblPageParagraph1 ul li, #gcs_lblPageParagraph2 ul li, #videoDesc ul li, #videoDesc2 ul li a, #videoDesc3 ul li a
 { background: url(/btn_point-arrow.gif) no-repeat 0 0; padding-left:26px; }

/* news archive
-------------------------------*/
ul.newsList li { background: url(/bkg_news-spacer.gif) no-repeat top center; position: relative; overflow: hidden; }
ul.newsList li .newsImg { float: left; padding: 15px 20px 20px 0; }
ul.newsList li .newsText { position: relative; padding: 15px 0 10px; }
ul.newsList li .newsText h5 { color: #e28f26; font-weight: bold; padding: 0 0 10px; }
ul.newsList li span.date { position: absolute; top: 15px; right: 5px; }

.archiveItem {margin: 0 2px 0 9px;float:left;}
/*.archiveItem .archiveItemBox { background: #e7e8e9; margin: 0 0 1px; padding:7px 0 0 10px; width:146px; height:20px;}*/
.archiveItem .archiveItemBox { background: #e7e8e9 url(/btn_point-arrow-2.gif) no-repeat 5px 10px; margin: 0 0 1px; padding:7px 0 0 10px; width:146px; height:20px;}
        .archiveItem .archiveItemBox strong.title {/* background: url(/btn_point-arrow-2.gif) no-repeat 0 3px;*/ color: #e28f26; display: block; padding: 0 0 8px 25px; }
        .archiveItem h4 {margin-bottom:5px;}

/* contentSnippet
-------------------------------*/
.contentSnippet { float: left; margin: 20px 0 0 35px; width: 334px; }
    .contentSnippet h3 { background: url(/tab_lightblue.gif) no-repeat; color: #fff; font-size: 1.6em; font-weight: normal; margin: 0 0 0 3px; padding: 10px 0 8px 23px; text-transform: uppercase; }
    .contentSnippet .body { background: url(/bkg_contentSnippet.gif) repeat-y; height: 150px; height: auto !important; min-height: 150px; overflow: hidden; padding: 12px 12px 0; }
    .contentSnippet .bodyOutcome { background: url(/bkg_contentSnippet.gif) repeat-y; overflow: hidden; padding: 12px 12px 0; }
    /* MH - This is for outcome menu buttons */
    .contentSnippet .bodyOutcome p.alignR {padding-top: 25px; padding-bottom:20px;}
/* The following line is for landing page course list CTA buttons */
    .win.gecko .landing {
        margin-top:2px; 
    /*    margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0"); */


    }

    .contentSnippet .body .alignR, .contentSnippet .bodyOutcome .alignR { margin: -24px 0 0; }
    .contentSnippet ul li { background: url(/btn_point-arrow.gif) no-repeat 0 0; padding: 0 0 12px 26px; }
    .contentSnippet ul.maps-link {display:    block; height:18px;} /* MH added code */
    .contentSnippet ul.maps-link li { background: none; display: inline; float: right; margin: 0 0 5px; padding: 0 5px; }
        .contentSnippet ul.maps-link li.active { font-weight: bold; }
        .contentSnippet ul.maps-link li.goldcoast {  border: 1px solid #cecece; border-bottom: none; border-top: none; }
    .contentSnippet p.hero { float: right; padding: 0 0 0 10px; }
    .contentSnippet p.heroC { padding: 0 0 10px; text-align: center; }
    .contentSnippet p.alignR {padding-top:20px;}
    .contentSnippet .btm { background: url(/bkg_contentSnippet-btm.gif) no-repeat; height: 13px; width: 334px; }
.list { overflow: hidden; padding: 10px 0 0; }
    .list .imageFrame { float: left; padding: 0 10px 0 0; }
    .list .imgText h5 { color: #e28f26; font-size: 1em; padding: 0 0 10px; }
.contentSnippetSml { float: left; margin:10px 6px 5px 3px; width: 257px; }
    .contentSnippetSml h3 { color: #fff; font-size: 1.6em; font-weight: normal; margin: 0 0 0 4px; padding: 10px 0 8px 18px; text-transform: uppercase; background: url(/tab-grey-sml.gif) no-repeat;}
    .contentSnippetSml .body { background: url(/bkg_snippet-subject-sml.gif) repeat-y; overflow: hidden; padding: 12px 12px 6px; }
    .contentSnippetSml .btm { background: url(/bkg_snippet-subject-sml-btm.gif) no-repeat; height: 8px; width: 257px; }
    .contentSnippetSml .imgText { width: 90px; float: left; padding: 0 0 0 10px; }
    .contentSnippetSml .imageFrame { float: right; padding: 0; }
    
.contentSnippetLrg { float: left; margin: 10px 0 10px 1px; width: 530px; }
    .contentSnippetLrg h3 { background: url(/tab-grey.gif) no-repeat; color: #fff; font-size: 1.6em; font-weight: normal; margin: 0 0 0 4px; padding: 10px 0 8px 18px; text-transform: uppercase; }
    .contentSnippetLrg .body { background: url(/bkg_snippet-subject-lrg.gif) repeat-y; overflow: hidden; padding: 12px 12px 6px; }
    .contentSnippetLrg .btm { background: url(/bkg_snippet-subject-lrg-btm.gif) no-repeat; height: 8px; width: 530px; }
    .contentSnippetLrg .text { width: 260px; }
    .contentSnippetLrg .imageFrame { padding: 0; width: 230px; }
    .contentSnippetLrg .imageFrame sup { color: #999999; font-size: 10px; }
    .contentSnippetLrg .imageFrame img { display: block; padding: 0 0 5px; }    


/* subjectSnippetLrg
-------------------------------*/
.subjectSnippetLrg { float: left; margin: 10px 0 10px 1px; width: 530px; }
    .subjectSnippetLrg h3 { background: url(/tab-purple_subjects.gif) no-repeat; color: #fff; font-size: 1.6em; font-weight: normal; margin: 0 0 0 4px; padding: 10px 0 8px 18px; text-transform: uppercase; }
    .subjectSnippetLrg .body { background: url(/bkg_snippet-subject-lrg.gif) repeat-y; overflow: hidden; padding: 12px 12px 6px; }
    .subjectSnippetLrg .btm { background: url(/bkg_snippet-subject-lrg-btm.gif) no-repeat; height: 8px; width: 530px; }
    .subjectSnippetLrg .imgText {/* width: 220px;*/ float: left; padding: 0 0 0 10px; }
    .subjectSnippetLrg .imageFrame { float: right; padding: 0; }
    
/* subjectSnippetSml
-------------------------------*/
.subjectSnippetSml { float: left; margin: 10px 0 5px 1px; width: 257px; }
    .subjectSnippetSml h3 { color: #fff; font-size: 1.6em; font-weight: normal; margin: 0 0 0 4px; padding: 10px 0 8px 18px; text-transform: uppercase; }
    .subjectSnippetSml h3.red { background: url(/tab-red_subject.gif) no-repeat; }
    .subjectSnippetSml h3.blue { background: url(/tab-blue_subject.gif) no-repeat; }    
    .subjectSnippetSml .body { background: url(/bkg_snippet-subject-sml.gif) repeat-y; overflow: hidden; padding: 12px 12px 6px; }
    .subjectSnippetSml .btm { background: url(/bkg_snippet-subject-sml-btm.gif) no-repeat; height: 8px; width: 257px; }
    .subjectSnippetSml .imgText { width: 90px; float: left; padding: 0 0 0 10px; }
    .subjectSnippetSml .imageFrame { float: right; padding: 0; }    
.extraMarginLeft { float: right; }
/* courseSnippet
-------------------------------*/
.courseSnippet { float: left; margin: 10px 0 10px 1px; width: 530px; }
    .courseSnippet h3 { background: url(/tab-grey.gif) no-repeat; color: #fff; font-size: 1.6em; font-weight: normal; margin: 0 0 0 4px; padding: 10px 0 8px 18px; text-transform: uppercase; }
    .courseSnippet .body { background: url(/bkg_snippet-subject-lrg.gif) repeat-y; overflow: hidden; padding: 12px 12px 6px; }
    .courseSnippet .btm { background: url(/bkg_snippet-subject-lrg-btm.gif) no-repeat; height: 8px; width: 530px; }
    .courseSnippet .top { background: url(/bkg_snippet-subject-lrg-top.gif) no-repeat; height: 8px; width: 530px; }
    .courseSnippet .text { width: 260px; }
    .courseSnippet .imageFrame { padding: 0; width: 230px; }
    .courseSnippet .imageFrame sup { color: #999999; font-size: 10px; }
    .courseSnippet .imageFrame img { display: block; padding: 0 0 5px; }

/* -- TEST FOR Landing page middle section  ( PK )-- */
    .courseSnippet .body .courseSnippetText h3 { background:none; color:#000000 ; padding-left:0 }

/* Added by MH */
.courseSnippet table {width:506px;}
.tab_content table {width:492px;}
.courseSnippet ul li { background: url(/btn_point-arrow.gif) no-repeat 0 0; padding: 0 0 12px 26px; }


/* student diary
-------------------------------*/
.diaryContent { color: #555555; line-height: 1.3; }
    .diaryContent h3 { color: #00233d; font-size: 26px; font-weight: normal; padding: 0 0 10px; text-transform: uppercase; }
    .mainContent p { padding: 0 0 15px; }

/* MH added 16/03/10 */

/* signpost box
-------------------------------*/    
#signpost-box {padding-left:22px;float:left;}
#signpost-box-list h5{font-size:1.4em;color:#fff;padding-bottom:3px;}
#signpost-box-list h5 a{color:#fff;text-decoration:none;padding-left:40px;display:block;text-transform:uppercase;}
#signpost-box-list-item1 h5 a {padding-top:9px;}
#signpost-box-list-item2 h5 a {padding-top:8px;}
#signpost-box-list-item3 h5 {padding-top:8px;color:#fff;text-decoration:none;padding-left:40px;display:block;text-transform:uppercase;}
#signpost-box-list p {padding-left:12px;padding-top:2px;font-size:1.1em;color:#fff;font-weight:bold;}
#signpost-box-list-item1{background-image:url(/signpost-1.jpg);height:34px;width:163px;display:block;}
#signpost-box-list-item2{background-image:url(/signpost-2.jpg);height:34px;width:163px;display:block;}
#signpost-box-list-item3{background-image:url(/signpost-3.jpg);height:70px;width:163px;display:block;}
a.signpost-btn {background-image:url(/signpost-apply-btn.jpg);background-position:left top;background-repeat:no-repeat;color:#FFFFFF;display:block;height:45px;width:163px;text-indent:-9999px;outline:none;}

*:first-child+html #signpost-box-list p {padding-top:0px;}
* html #signpost-box-list p {padding-top:0px;}

/* -------------------------------------- end ---------------------------------------------------------------------------*/
/* MH added 28/01/10 */
/* scroller
-------------------------------*/
.clearfix:after {
    content:".";
    display:block;
    font-size:0;
    line-height:0;
    height:0;
    clear:both;
    visibility:hidden;
}

#fpswitcher .item, #fpswitcher .item.on, #fpswitcher .fpsscroller, #fpswitcher .fpsscrlctrls a, #fpswitcher .item.hover, #fpswitcher #fpsswitchvideo .fpsvidclose {
    background:url(/sprite-fpswitcher_1.png) no-repeat;
}
#fpswitcher {
    width:700px;
    /*width:690px;*/
    overflow:hidden;
    font-family:arial;
    font-size:13px;
    margin:10px 0 10px 10px;
    
}
#fpswitcher .bd {
    position:relative;
    height:267px;
    overflow:hidden;
}
#fpswitcher .maininner {
    padding:1px
}
#fpswitcher .fpslft, #fpswitcher .fpsrgt {
    float:right;
}
#fpswitcher .fpsrgt{
    z-index:20;
    position:relative;
    width:260px;
}
#fpswitcher .fpslft {
    /*width:432px;*/
    width:450px;
    margin-left:-20px;    
    overflow:hidden;
    z-index:0;
    position:relative;
}
#fpswitcher #fpsabstlist {
    position:relative;
    /*width:254px;    */
    min-height:450px;
    width:432px;
/*    height:450px;*/
    height:495px;
}
#fpswitcher #fpsabstlist li{
    position:absolute;
    display:none;
}
#fpswitcher #fpsabstlist li.on {
    display:block;
    z-index:3
}
#fpswitcher #fpsabstlist li.active {
    display:block;
    z-index:2
}
#fpswitcher .fpsmainimg {
    width:432px;
    height:267px;
    overflow:hidden;
}
#fpswitcher .fpsmainimg img{position:absolute;}
#fpswitcher .fpsabstract {
    color:#313030;
    padding:5px;
    position:relative;
    margin-top:1px;
    width:432px;
    font-size:13px;
}
#fpswitcher .fpsabstract .controller {
    font-size:13px;
    border-bottom:1px solid #cccccc;
    padding:2px 0 5px 0;
    margin-bottom:10px;    
}
#fpswitcher .fpsabstract .controller span{
    float:left;
}
#fpswitcher .fpsabstract .controller .link{
    float:right;
    width:130px;
    text-align:right;
    padding-right:5px;
}
#fpswitcher .fpsabstract p {
    margin-bottom:0
}
#fpswitcher .rellink {
    position:absolute;
    bottom:0;
    display:block;
    padding-bottom:1px
}
#fpswitcher .rellink a {
    margin-left:4px;
    margin-top:3px
}
#fpswitcher #fpsctrlslist {
    /*height:245px;*/
    height:253px;
    overflow:hidden;
    position:relative;
    width:273px;
}
#fpswitcher .items{
    position:absolute;
    display: inline;
    height:20000em;
}
#fpswitcher .item {
    width:273px;
    height:81px;
    position:relative;
    margin-bottom:1px;
    background-position:0 -203px;
}
*:first-child+html  #fpswitcher .item{
    margin-bottom:5px;
} 
* html #fpswitcher .item{
    margin-bottom:5px;
}
#fpswitcher .item .inner {
    /*padding:2px 0 3px 21px;*/
    cursor:pointer;
}
#fpswitcher .item.on {
    background-position:0 -117px
}
#fpswitcher .item.hover {
    background-position:0 -120px;
}
#fpswitcher .item.hover .fpsctrlthb {
    font-size:1px;
    _padding:0 0 1px
}
#fpswitcher .item.hover .fpsctrlthb img {
    width:75px;
    height:75px;
}
#fpswitcher .items .fpsctrlthb {
    float:left;
    position:absolute;
    left:0;
    height:75px;
    padding:3px;
}
#fpswitcher .items .fpsblurb {
    float:left;
    margin:14px 0  0 18px;
    width:139px;
}
#fpswitcher .items h3 {
    display:block;
    font-size:17px;    
    font-weight:bold;
    color:#d02d57;
    width:160px;
    height:30px;
    left:0;
    z-index:5;
    padding: 2px 0 0 70px;
    margin-bottom:3px;
    text-decoration:none;
}
#fpswitcher .items cite {
    display:block;
    font-size:11px;
    color:#777777;
    z-index:1;
    width:150px;
    padding-left:70px;
}
#fpswitcher .fpsitemimg{
    display:none;
}
#fpswitcher .fpsitemtext{
    display:none;
}
#fpswitcher .fpsscroller {
    background-position:0 -297px;
    color:#999999;
    width:240px;
    margin:2px 0 0 0;
}
#fpswitcher .fpsscroller span {
    font-size:85%;
    float:left;
    margin:4px 0 0 10px
}
#fpswitcher .fpsscroller .fpsscrlctrls {
    float:right;
}
#fpswitcher .fpsscroller .fpsscrlctrls a {
    float:left;
    display:block;
    width:67px;
    height:20px;
    border-left:1px solid #c8ccd5;
}
#fpswitcher .fpsscrlctrls a.prevoff {
    background-position:-104px -327px;
}
#fpswitcher .fpsscrlctrls a.prev {
    background-position:-104px -358px;
    cursor:pointer;
}
#fpswitcher .fpsscrlctrls a.prev:hover {
    background-position:-104px -358px;
}
#fpswitcher .fpsscrlctrls a.nextoff {
    background-position:-171px -327px;
}
#fpswitcher .fpsscrlctrls a.next {
    background-position:-171px -358px;
    cursor:pointer
}
#fpswitcher .fpsscrlctrls a.next:hover {
    background-position:-171px -358px;
}



/* ------- MH added this for Red Dot Smart Edit ------------- */ 
/*-------------------------- REDDOT SMART EDIT --------------------------*/
div.redDotWrapper {
    position:                  relative;
}
div.redDot {
    color:                     #fff!important;
    font-size:                 0.1em;
    font-weight:               normal;
    padding:                   1px 2px 2px 2px!important;
    margin:                    0!important;
    float:                     left;
    position: absolute;
}
 










    
    
    
    
    
/*---------------------PK overwrite with below -------------------------------------------------*/
.mainContent .midCtnt table td { background: #e7e8e9; color: #000000; text-align: left; }
.mainContent .midRightCtnt table td { background: #e7e8e9; color: #000000; text-align: left; }
/*-------------------------- Contact Form --------------------------*/
.mainContent .midCtnt #form table,
.mainContent .midRightCtnt #form table
{ width: auto; }
.mainContent .midCtnt #form table table td,
.mainContent .midRightCtnt #form table table td  
{
 border: 0; margin: 0; padding: 0;
 background-color: #f6f6f3;
}
.mainContent .midCtnt #form table table input, .mainContent .midCtnt #form table table
{ border: 0; }
.mainContent .midCtnt #form table.gestable
{
 margin: 5px 0 5px 0; 
 width: 100%;
 border: 1px solid #a2aab0; 
}
.mainContent .midCtnt #form .programselect
{
 width: 100%;
}
.mainContent .midCtnt #form table.gestable td
{
 background-color: #fff;
 border: 0px;
 padding: 4px 2px;
}
.mainContent .midCtnt #form table td,
.mainContent .midRightCtnt #form table td
{
 background-color: #f6f6f3;
}
.mainContent .midCtnt #form table .firstrol,
.mainContent .midRightCtnt #form table .firstrol
{
 background-color:     #f6f6f3; 
 border-right: none;   
}
.mainContent .midCtnt #form table .buttonrol,
.mainContent .midRightCtnt #form table .buttonrol
{
 background-color: #fff;
 border-right: 0;
}
.mainContent .midCtnt #form table .buttonrolsec,
.mainContent .midRightCtnt #form table .buttonrolsec
{
 background-color: #fff;
 border-left: 0;
}
.mainContent .midCtnt #form .button,
.mainContent .midRightCtnt #form .button,
 .mainContent .midCtnt #feesform .button
{
 background: url(/images/button_bg.png) repeat-x 50%;
 padding: 2px 7px;
 border: 0;
 color: #fff;
}
/* Find your local agent */
.mainContent .midCtnt #form #flaDetails, .mainContent .midCtnt #form #flaQuestions 
{
    width: 100%;
}
.mainContent .midCtnt #form #flaDetails td.firstrol, 
.mainContent .midCtnt #form #flaQuestions td.firstrol
{
    width: 26%;
}
.mainContent .midCtnt #form #flaDetails td.secondrol, 
.mainContent .midCtnt #form #flaQuestions td.secondrol
{
    width: 70%;
}
.mainContent .midCtnt #form #flaDetails td.reqrol, 
.mainContent .midCtnt #form #flaQuestions td.reqrol
{
   background-color: #f6f6f3;
   border-left: none; 
}
.mainContent .midCtnt #flaDetails select 
{
    width: 15em;
}
.mainContent .midCtnt #form #flaQuestions
{
    border-top: 0px;
}
/* END Find your local agent */
.mainContent .midCtnt .required, .mainContent .midRightCtnt .required
{
    color: #AE002E;
}
 
/* Brochure Order form */ 
.mainContent .midCtnt .required, .mainContent .midRightCtnt .required
{
    color: #AE002E;
}
.mainContent .midRightCtnt #form #tblOrderImage
{
    float: left;
}
.mainContent .midRightCtnt #form #tblOrderForm
{
    float: left;
    margin-left: 10px;
}
.mainContent .midRightCtnt #form #tblOrderImage .brochureimg
{
    border: 1px solid #dfe1e3;
} 
/* End brochure Order form */
 /* fees calculator */
#feesform table
{
    width: 710px;
}
#feesform form select,  #feesform form input
{ color: #000; }
#feesform #feequestions, #feesform #feequestions td
{
    border: none;
    width: auto;
    margin-left: 0;
    padding-left: 0;
}
#feesform #feequestions input
{
    border: 0;
}
#feesform #feequestions table
{
    width: auto;
    border: 0;
    margin: 0;
    padding: 0;
}
#feesform #feetitle #centretitle
{
    width: 93px;
    border-bottom: none;
    border-right: none;
    background-color:  #f6f6f3;
    border-right: 1px solid #dfe1e3;
}
#feesform #feetitle #centres
{
    border-bottom: none;
    background-color:  #f6f6f3;
    text-align: left; 
    padding-left: 6px;
}
#feesform #feetitle #centres select
{
    width: 380px;
}
#feesform #feetitle h3
{ 
    font-weight: normal;
    padding-top: 2px;
    padding-bottom: 2px;
}
#feesform select, #feesform input
{
    font-size:1em;
    color: #545454;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#feesform table.articlelines
{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
#feesform table.articlelines td
{
    border-top: 0;
    border-left: 0;
    border-right: 0; 
    margin-top: 5px;
}
#feesform .relatedlines
{
    border-top: 0;
    border-bottom: 0;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
#feesform .relatedlines td
{
    border-left: 0;
    border-right: 0; 
}
#feesform table.pricetotal
{
    margin-top: 0;
    padding-top: 0;
    border: 0;
    background-color: #fff;
    font-weight: bold;
}
#feesform table.pricetotal td
{
    border: 0;
    border-bottom: 1px solid #dfe1e3;
    padding-top: 5px; 
    padding-bottom: 5px;
}
#feesform table td.articletype
{
    background-color: #f6f6f3;
    width: 93px;
    border-right: 1px solid #dfe1e3;
    
}
#feesform .articleddl
{
     background-color: #f6f6f3;
}
#feesform .articleddl select
{
    width: 380px;
}
#feesform .articleddl input
{
    width: 375px;
    padding-left: 4px;
}
#feesform .articleunits
{
     background-color: #f6f6f3;
}
#feesform .articleunits select 
{
    width: 85px;
}
#feesform .articleunits input 
{
    width: 80px;
    padding-left: 4px;
}
#feesform .articleprice
{
    background-color: #f6f6f3;
    width: 60px;
}
#feesform table.pricetotal .totallabel
{
     border-left: 1px solid #dfe1e3;
     height: 20px;
}
#feesform .articlelines .articlebtn, #feesform .relatedlines .articlebtn
{
    background-color: #f6f6f3;
    width: 5px;
    border-right: 1px solid #dfe1e3; 
}
#feesform .pricetotal .articlebtn
{
    width: 5px;
    border-right: 1px solid #dfe1e3;
}
#feesform #feesbtns
{
    margin: 0;
    padding: 0;
    border: 0;
}
#feesform #feesbtns td
{
    margin: 0;
    padding: 7px 0 0 0;
    border: 0;
}
/* end fees calculator */
 
#formApply table, #formApply tr, #formApply td {
    margin: 0;
    padding: 0;
    border: 0;
    }
 
#formApply #appform_Radio input {
     margin:        0px 5px 0px 0px;
     padding:       0px;
     border:        0px!important;
}
#formApply td .left {
    width:130px;
}
 #app_Wizard1_lblCharactersLeft_count {
    display: inline;
    float: none;
    }
 
/* MH added for two column layout */
.mainContent722 { color: #555555; float: left; line-height: 1.3; width: 722px; }
    .mainContent722 h3 { color: #00233d; font-size: 26px; font-weight: normal; padding: 0 0 10px; text-transform: uppercase; }
    .mainContent722 h3.paddingTop { padding-top: 20px; }
    .mainContent722 h4.sub-head { color: #000000; font-size: 20px; font-weight: normal; padding: 0 0 10px; text-transform: uppercase; }
    .mainContent722 p { padding: 0 0 15px; }
    .mainContent722 .courseBox { background: #e7e8e9; margin: 0 0 1px; padding: 12px; }
        .mainContent722 .courseBox strong.title { background: url(/btn_point-arrow-2.gif) no-repeat 0 3px; color: #e28f26; display: block; padding: 0 0 8px 25px; }
        .mainContent722 .tab_content h4 { color: #00233d; font-size: 14px; padding: 0 0 5px; }
        .mainContent722 .tab_content strong { font-size: 14px; color: #555555; }
        .mainContent722 .snippet { float: left; width: 532px; }        
.mainContent722 table { width: 698px; }
.mainContent722 table th { background: #002447; color: #ffffff; }
.mainContent722 table th.empty { background: none; }
.mainContent722 table th, .mainContent722 table td { border-collapse: collapse; border-left: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 1px solid #fff; padding: 5px 10px; }
.mainContent722 table td { background: #e7e8e9; color: #000000; text-align: center; }
.mainContent722 table td.type { text-align: left; }
.mainContent722 table td.tableArrow { text-align: left; background: #e7e8e9 url(/btn_point-arrow-3.gif) no-repeat 7px 9px; padding-left: 38px; }
.mainContent722 table td span.cert { color: #e28f26; }
.mainContent722 .terms { color: #555555; font-size: 10px; }
.mainContent722 a.btn span { padding: 6px 11px 6px 0; }
 .mainContent722 .subjectIcon { float: left; padding: 0 15px 15px 0; }
.mainContent722 .subjectCode { padding-left: 102px; }
    .mainContent722 .subjectCode li { background: #e7e8e9; border-top: 1px solid #fff; color: #000; padding: 1px 0 1px 5px; }
.mainContent722 .courseSnippet { float: left; margin: 10px 0 10px 1px; width: 720px; }
    .mainContent722 .courseSnippet h3 { background: url(/tab-grey713.gif) no-repeat; color: #fff; font-size: 1.6em; font-weight: normal; margin: 0 0 0 4px; padding: 10px 0 8px 18px; text-transform: 
uppercase; }
    .mainContent722 .courseSnippet .body { background: url(/bkg_snippet-subject-lrg720.gif) repeat-y; overflow: hidden; padding: 12px 12px 6px; }
    .mainContent722 .courseSnippet .btm { background: url(/bkg_snippet-subject-lrg-btm720.gif) no-repeat; height: 8px; width: 720px; }
     .mainContent722 .courseSnippet .top { background: url(/bkg_snippet-subject-lrg-top720.gif) no-repeat; height: 8px; width: 720px; }
 













/* --- Prasanna fixed the app form gender ovelap issue -- */

#appform_Radio #app_Wizard1_rdoGender  {
    width: 200px;
    float: left;
    }


/* -------- Prasana added the app form styles ----- */


/* form: steps div */
div.steps {
    color:                                #d29035;
    font-weight:                        bold;
}
div.steps span {
    margin-right:                        10px;
}
div.steps div.stepStage {
    width:                                13px;
    height:                                15px;
    border:                                1px solid #a2aab0;
    float:                                left;
    margin:                                -2px 0px 0px 5px;
}
div.steps div.selectStage {
    background:                            #d29035;
    border:                                1px solid #d29035;
}
/* end form: steps div */


/*-------------------------- FORM ELEMENTS --------------------------*/
form {
    margin:                                0;
    padding:                            0;
}
input.inputLng {
    width:                                220px;
    border:                                1px solid #dfe1e3;
}
a.btnSubmit {
    background:                            url() no-repeat;
    width:                                64px;
    height:                                17px;
    display:                            block;
}
a.btnAge {
    background:                            url() no-repeat;
    width:                                83px;
    height:                                17px;
    display:                            block;
}
/* form template */
div.formRow {
    width:                                716px;
    widt\h:                                696px;
    padding:                            10px;
    background:                            #f6f6f3;
}
div.formLeftSide {
    width:                                347px;
    widt\h:                                337px;
    padding-right:                        10px;
    border-right:                        1px solid #a2aab0; 
    float:                                left;
    
}
div.formRightSide {
    width:                                347px;
    widt\h:                                337px;
    padding-left:                        10px;
    border-left:                        1px solid #fff;
    float:                                left;
}
div.sideNoBdr {
    border-left:                        0px!important;
    border-right:                        0px!important;
}
div.formRow span.highlight {
    float:                                none!important;
    display:                            inline!important;
}
div.formRow label, div.formRow span {
    display:                            block;
    float:                                left;
}
div.formRow label.lblSht, div.formRow span.lblSht {
    width:                                130px;                
}
div.formRow label.lblMed, div.formRow span.lblMed {
    width:                                236px;                
}
div.formRow label.lblLng, div.formRow span.lblLng {
    width:                                370px;
}
input, select, textarea {
    border:                                1px solid #a2aab0;
    font-size:                            1em;
    font-family:                        verdana,arial,helvetica,sans-serif;
}
body.s2fPage input, body.s2fPage select, body.s2fPage textarea {
    border:                                1px solid #dfe1e3;
}
div.formRow input, div.formRow select, div.formRow textarea {
    float:                                left;
}
input.inputSht {
    width:                                95px;
}
input.inputMed {
    width:                                200px;
}
input.inputExtLng {
    width:                                280px;
    border:                                1px solid #a2aab0;
}
select.selectSht {
    width:                                98px;
}
select.selectMed {
    width:                                203px;
}
input.rdoBtn, input.chkBox {
    margin:                                0px 5px 0px 0px;
    padding:                            0px;
    border:                                0px!important;
}
* html input.rdoBtn, * html input.chkBox {
    margin-top:                            -3px;
}
input.lMar, select.lMar, textarea.lMar {
    margin-left:                        15px;
}
textarea.taMed {
    width:                                265px;
    height:                                95px;
}
textarea.taBig {
    width:                                392px;
    height:                                95px;
}
/* end: form template */


/* ---------------------------------------------------------end Prasanna block --*/
 
/* MH added the following video styles */ 
 /***************** Video Player Styles Start ******************/
div.titleBar {
    width: 537px;
    /*padding:    5px 0 5px 5px;*/
    padding-left:    5px;
    height:    30px;
    background-color:    #A6CF35;
    color:    #fff;
}
div.videoPlayerWrapper {
    background-color:    #E6E3CB; 
    width:532px;
    padding-bottom:    10px;
    padding-top:    10px;
    padding-left:    10px;
    padding-right:    0!important;
}
div.videoLibraryWrapper {
    width:715px;
    float:left;
}
/*
div.display_all {
    width:581px;
}
*/
div.topBorder {
background-color:       #d6013c;
color:        #fff;
text-align:    center;
padding:    5px 0 5px 0;
}
div.topLeft {
    background:    url() no-repeat top left;
}
div.topRight{
    background:    url() no-repeat top right;
}
div.bottomBorder {
    
}
div.videoPlayerWrapper div.leftCol {
    display: block;
    float:    left;
    width:    360px;
}
div.videoPlayerWrapper div.rightCol {
    display: block;
    float:    left;  
    width:    135px;
    background-color:    #fff;
    margin-left:    10px;
    margin-top:    10px;
    /*margin-bottom:    10px;*/
    padding-bottom:    10px;
}
#rightcolumn {
    width:581px;
}
/* player and playlist go side by side */
#player {
    display:block;
    width:480px;
    height:298px;    
}
#spotlightPlayer {
    display:    block;
    background: url(/bkg_box-3.gif) repeat-y 0 0;
    padding-left:3px;
    width:157px;
    height:107px;
}
div.videoPlayerWrapper #player {
    display:block;
    float:left;
    width:360px;
    height:203px;        
  /*  margin-right:20px; */
    padding-top:    10px;
    padding-bottom:    10px;
/*    border: 1px #000;*/
}
div.videoLibraryWrapper #player {
    display:block;
    float:left;
    width:480px;
    height:270px;        
  /*  margin-right:20px; */
    padding-bottom:    10px;
}
/*
div.videoLibraryWrapper div.playlist {
    float:left;
    width:715px;
    padding:    5px 0px 5px 10px;        
}
*/
div.playlist {
    display:block;
    float:left;
    width:105px;
    padding:    0px 0px 0px 0px;        
}
/* player dimensions
#player, #player img {
    display:block;                
    width:300px;
    height:240px;
    border:0px;        
}
*/
div.play {
    position: relative;
}
div.shot div.play img {
    border: 0;
    filter:    alpha(opacity=70);
    
}
div.shot div.play img:hover {
    cursor:    pointer;
    filter:    alpha(opacity=100);
}
div.singlePlayerWrapper {
    width: 510px; 
  /*  height:    300px; */
    background-color: #E5E5DB;
    padding:    10px 10px 10px 10px;
    border: #000 1px;
    margin-bottom: 10px;
    margin-top: 10px;
   /* margin-right: 10px; */
}
div.player img {
    border: 1px solid #000;
}
div.player {
    width: 532px;
    margin: 15px 26px 0px 16px;
    border: 1px #000;
    cursor: pointer;
}
div.shot a#player {
    margin: 15px 26px 0px 16px;
    display:block;
    width:480px;
    height:298px;
}
/****** temporary fix ********/
div.player1 {
    width: 532px;
    margin: 15px 26px 15px 16px;
    border: 1px #000;
    cursor: pointer;
}
div.player2 {
    width: 532px;
    margin: 15px 26px 15px 16px;
    border: 1px #000;
}
div.player3 {
    width: 532px;
    margin: 15px 26px 15px 16px;
    border: 1px #000;
}
/****** temporary fix end *****/
div.items {
    height:    305px!important;
}
/* single playlist item */
div.items a {
   /* background:url() no-repeat; */
    width:150px; 
    height:95px;
    display:block;
    float:left;
    text-decoration:none;
    /*text-align:center;*/
    padding-bottom: 5px;
    
}
div.items a img {
    width:    95px;
    margin: 0px 0px 0px 10px;
    padding-left: 0px;
    opacity:    .25;
    filter: alpha(opacity=25);
    background-color:    #000;
}
div.items p {
    font-size:11px;
    width:150px;
    /*padding:8px 0 0 12px;*/
    margin:0px;        
}
div.items div.time {
    /*padding-top:0px;*/
    color:#fff;
    width:40px;
    height:15px;
    position:relative;
    left: 15px;
    top: 45px;    
   /* margin-top:5px; */
} 
/* item stages: normal, hover, playing, paused */
div.items a:hover img{
    /*background-position:0 -68px;*/
    opacity:    1;   
    filter: alpha(opacity=100); 
    background-color:    #000;
}
div.items a.playing, div.items a.paused {
    color:#000;    
}
div.items a.playing img{
    /*background-color:#999;*/
    opacity:    1; 
    filter: alpha(opacity=100);   
    background-color:    #000;     
}
div.items a.paused img{
    /*background-color:#999;*/
    opacity:    1; 
    filter: alpha(opacity=100);  
    background-color:    #000; 
}
/* small navigational dots 
div.navi {
    width:60px;    
    float:left;
    margin:10px 0 0 50px;
}
div.navi span {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    background:url() 0 0 no-repeat;        
    cursor:pointer;
}
div.navi span:hover {
    background-position:0 -8px;        
}
div.navi span.active {
    background-position:0 -16px;        
}
*/
/*
a.prev, a.next {
    display:    block;
    width:    22px;
    height:    22px;
    float:    left;  
}
a.prev {
    background:url() 0 0 no-repeat;
    margin:    15px 0px 0px 20px;
}
a.next {
    background:url() 0 0 no-repeat;
    margin:    5px 0px 0px 20px;
    float:left;
}
*/
#leftcolumn{
float:left;
display:block;
width:127px;
padding: 5px;
padding-left: 8px;
}
#leftcolumn a{
padding: 3px;
display: block;
width: 100%;
text-decoration: none;
border: 1px solid black;
border-right: 0px;
}
#leftcolumn a:hover{
background-color: #FFFF80;
}
#rightcolumn{
float:left;
width:550px;
min-height: 400px;
border: 1px solid black;
/*margin-left: 10px;*/
padding: 5px;
padding-bottom: 8px;
}
* html #rightcolumn{ /*IE only style*/
height: 400px;
}
 
/***************** Video Player Styles End ******************/
 
/***************** Video library ********************/
/* look and feel for embed and email tabs */
/* container for each pane: video, embed and email */
#panes {
    width:460px;
    float:left;    
    color:#fff;
    position:relative;
    z-index:1;    
    font-family:verdana;
    font-size:12px;
    margin-top:20px;
}
/* player container style */
#player {    
    display:block;    
    height:340px;    
    text-align:center;
    color:#fff;
    text-decoration:none;
    cursor:pointer;
}
#panes h2 {
    margin-top:0px !important;        
}
/* close image 
div.close {
    background:url(img/close.png) no-repeat;
    position:absolute;
    top:5px;
    right:5px;
    width:35px;
    height:35px;
    cursor:pointer;
}
*/
/*{{{ general playlist settings, light gray */
div.playlist {
    position:relative;
    overflow:hidden;         
    height:285px !important;
}
div.playlist div.clips {    
    position:absolute;
    height:20000em;
}
div.playlist, div.clips {
    width:260px;    
}
div.clips a {
    background:url(img/h80.png);
    display:block;
    background-color:#fefeff;
    padding:12px 15px;
    height:46px;
    width:195px;
    font-size:12px;
    border:1px outset #ccc;        
    text-decoration:none;
    letter-spacing:-1px;
    color:#000;
}
div.clips a.first {
    border-top-width:1px;
}
div.clips a.playing, div.clips a.paused, div.clips a.progress {
    background:url(img/light.png) no-repeat 0px -69px;
    width:225px;
    border:0;
}
    
div.clips a.progress {
    opacity:0.6;        
}
div.clips a.paused {
    background-position:0 0;    
}
div.clips a span {
    display:block;        
    font-size:11px;
    color:#666;
}
div.clips a em {
    font-style:normal;
    color:#f00;
}    
div.clips a:hover {
    background-color:#f9f9fa;        
}
div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {
    background-color:transparent !important;         
}
/*}}}*/


/*{{{ go buttons */
/*}}}*/

/* root element for tabs  */
ul.tabs { 
    list-style:none; 
    margin:0 !important; 
    padding:0;
    height:30px;
    border-bottom:1px solid #666;    
}
/* single tab */
ul.tabs li { 
    float:left;     
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important; 
}
/* link inside the tab. uses a background image */
ul.tabs a { 
    background: url(img/tabs.png) no-repeat -652px 0;
    font-size:11px;
    display:block;
    height: 30px;  
    line-height:30px;
    width: 111px;
    text-align:center;    
    text-decoration:none;
    color:#000;
    padding:0px;
    margin:0px;    
    position:relative;
    top:1px;
}
ul.tabs a:active {
    outline:none;        
}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {
    background-position: -652px -31px;    
    color:#fff;    
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-position: -652px -62px;        
    cursor:default !important; 
    color:#000 !important;
}
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* width 1 */
ul.tabs a.w1             { background-position: -519px 0; width:134px; }
ul.tabs a.w1:hover     { background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }
/* width 2 */
ul.tabs a.w2             { background-position: -366px -0px; width:154px; }
ul.tabs a.w2:hover     { background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }
/* width 3 */
ul.tabs a.w3             { background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover     { background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }
/* width 4 */
ul.tabs a.w4             { background-position: -0px -0px; width:194px; }
ul.tabs a.w4:hover     { background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }
/* initially all panes are hidden */ 
div.panes div.pane {
    display:none;        
}
/*{{{  global switch, user account  */
/*
#global {
    height: 34px;
    background: #000 url(img/main.png) repeat-x;
    margin-bottom:25px;
}
#global .wrap {  
    width: 983px;  
    margin:0px auto;    
}
#global ul { 
    list-style: none; 
    margin: 0; 
    padding: 0;    
    float:left;
}
#global li { 
    float: left; 
    margin: 0; 
    padding: 0; 
    text-indent: 0; 
}
*/
/*{{{ flowplayer & jquery Tools navi */


/*{{{ very basic styles */
/*
body {
    margin:0;
    background-color:#fff;
    padding:0 0 50px 0;
}
body, p, div, a {
    font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
    font-size:12px;
}
a {
    color:#295c72;        
}
a.external {
    background:transparent url(img/external.png) no-repeat scroll right 0;
    padding-right:15px;        
}
*/
/*
div.clear, hr {
    clear:both;
    display:block;
    font-size:1px;
    height:0pt;
    line-height:1px;
    margin:0pt;
    padding:0pt;
}
hr {
    margin:-5px 0px 5px 0;
    border:1px solid #ccc;
    border-width:1px 0 0 0;
}
*/
.col {
    float:left;
    margin-right:10px;
}
#content div.col50 {
    float:left;
    margin-right:40px;
    width:350px;
}
.last {
    margin-right:0px !important;        
}
div.col h2 {
    margin:0 0 5px 0;        
}
/*
img {
    border:0;        
}
table {
    border-collapse:collapse;        
}
*/
/*}}}*/
/*{{{ typo */
/*}}}*/
/*{{{ global elements */
#wrap {
    margin:10px auto;
    width:982px;        
}
#content {
    background:#fff url(img/content_top.jpg) no-repeat;
    float:left;
    min-height:400px;    
    padding:0px;
    width:748px;
    
}
/*{{{ BOXES */
/*{{{ code */

/*{{{ #right box */
/*{{{ buttons */

/*{{{ player */
a.player {    
    margin-top:40px;
    display:block;
    background:url(/splash.png) no-repeat;
    width:425px;
    height:298px;
    padding:0 126px 75px 127px;    
    text-align:center;
    color:#fff;
    text-decoration:none;
    cursor:pointer;
    /* 
        width:672px;
        height:367px; 
    */
}
a.player.plain {
    background-position:-125px 0;
    padding:0px;
    margin-top:0px;
}
a.player.small {
    background:url(img/splash_small.png) no-repeat;
    height:186px;
    padding:0pt 24px 45px;
    width:251px;
    float:left;
    margin-right:30px;
    
    /* 
        width:375px;
        height:232px; 
    */
}
a.player.small.plain {
    background-position:-24px 0;
    padding:0px;        
}
a.player.black {
    background-image:url(img/splash.png);
}
/* play button */
a.player img {
    margin-top:115px;    
}
a.player.plain img {
    margin-top:113px;    
}
a.player.small img {
    margin-top:60px;        
}
a.player p {
    margin-bottom:-15px;
    padding-top:0px;
}
/*}}}*/
/*{{{ info, overlay, grippie */
/* overlay */ 
div.overlay, #overlay {
    padding:40px;    
    width:576px;  
    display:none;
    background-image:url(img/white.png);    
}
div.overlay div.close, #overlay div.close {
    background:url(img/close.png) no-repeat;
    position:absolute;
    top:2px;
    right:5px; 
    width:35px;
    height:35px;
    cursor:pointer;
}
#overlay_player {         
    display:block;
    height:450px;
}
div.grippie {
    background:#EEEEEE url(img/grippie.png) no-repeat scroll center 2px;
    border-color:#DDDDDD;
    border-style:solid;
    border-width:0pt 1px 1px;
    cursor:s-resize;
    height:9px;
    overflow:hidden;
}
#right li a span {
    display:block;
    margin-top:2px;
    color:#333;
    font-size:11px;
}
#right li a.selected span {
    display:block;
    margin-top:2px;
    color:yellow;
}
/*}}}*/
/*{{{ home */
#index #content {
    background:none;
    
    /*width:768px;*/
    
    width:800px;
    margin:0px;
    padding:0px;
}
#index #right {
    width:210px;
    float:right;
    margin:-1px  0;    
}
#tab_panes {
/*    background:url(img/main.jpg) no-repeat 0 -98px;*/
    background:url(/bkg_snippet-body722.gif) repeat-y;
    position:relative;
    top:-10px;
    /*height:550px;     */
    height:500px;
    overflow:hidden;
    /*width:757px;*/
    width:722px;
}
.tab_btm
{
    position:relative;
    width:722;
    height:13px;
    top:-10px;
    background:url(/bkg_snippet-btm722.gif) no-repeat 0 0;    
    }
#items {
    position:absolute;
    width:9999em;
    height:550px;
}
#items div.item {
    /*padding:10px 30px;*/
    /*width:690px;*/
    padding:0px 30px 10px 0px;
    width:722px;
/*    width:692px; */
    float:left;
    color:white;
    display:none;
}
#items #first {
/*    background:url(img/main.jpg) no-repeat 0 -546px;        */
    height:425px; 
    /*padding-top:50px;*/
    
}
#items div.item h2 {
    margin-top:20px;
    color:white;
}
#items a.flowplayer {
    display:block;
    /*background:transparent url(/h500.png) repeat-x;*/
    height:320px;
    width:430px;
    float:left;
    text-align:center;
    margin:20px 20px 0 0;
}
#items a#player2,#items a#player3,#items a#player4 
{
/*width:460px;*/
width:480px;
height:298px;
margin:0;
}
/*
#items a.flowplayer img {
    margin-top:120px;        
}
*/
/* old flash version */
#items a.flowplayer h2, #items a.flowplayer a {
    font-size:20px;
    color:#fff;
}
#items div.col {
    float:left;
    /*
    width:230px;
    */
    width:207px;
    /*margin:0px;*/
    margin-top:20px;
    margin-left:20px;
}
#items #first a.flowplayer {
    width:480px;        
    height:298px;
    margin:0px;
}
/*
#items #first div.col {
    width:217px;        
    
}
*/
#items p.more {
    font-weight:bold;
    font-size:12px;
    margin-top:30px;
}
#items div.clips {
    float:left;
    margin-top:10px;
}
#items pre code {
    line-height:14px;    
}
/* tabs */
ul#tabs { 
    list-style:none; 
    margin:0 !important; 
    padding:0 !important; 
}
#player3 object {
    z-index:10000;        
}
ul#tabs li { 
    float:left; 
    margin:0; 
    padding:0; 
    text-indent:0; 
    list-style-image:none;
}
#content ul#tabs li a { 
    display:block;
    height: 33px;  
    overflow: hidden; 
/*    text-indent: -999em; */

/*    width:180px; */
    width:240px;
    /*background: url(img/main.jpg) no-repeat;*/
    background:url(/tab-nav-blue_videos240.gif) no-repeat;
    padding:0px;
    margin:0px;
}
#content ul#tabs li h3 a{
    text-align:center;
    text-transform:uppercase;
    color:#fff;
    font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif!important;
    font-size: 15pt!important;
   /* line-height:45px; */
    height:45px;
}
#content ul#tabs li h3 a.active {
    text-align:center;
    text-transform:uppercase;
    color:#002447;
    font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif!important ;
    font-size: 15pt!important;
/*    line-height:45px;*/
    height:45px;
}
 /*
#content #tabs #t1 { background-position: 0 0; }
#content #tabs #t2 { background-position: -189px 0; }
#content #tabs #t3 { background-position: -378px 0; }
#content #tabs #t4 { background-position: -567px 0; width:192px;}
               
#content #tabs #t1:hover { background-position:      0 -33px; }
#content #tabs #t2:hover { background-position: -189px -33px; }
#content #tabs #t3:hover { background-position: -378px -33px; }
#content #tabs #t4:hover { background-position: -567px -33px; }
#content #tabs a.active   {cursor:default; }
#content #tabs #t1.active { background-position:      0 -66px; }
#content #tabs #t2.active { background-position: -189px -66px; }
#content #tabs #t3.active { background-position: -378px -66px; }
#content #tabs #t4.active { background-position: -567px -66px; }
#content #tabs a.current   {cursor:default; }
#content #tabs #t1.current { background-position:      0 -66px; }
#content #tabs #t2.current { background-position: -189px -66px; }
#content #tabs #t3.current { background-position: -378px -66px; }
#content #tabs #t4.current { background-position: -567px -66px; }
*/
#content #tabs #t1 { background-position: 0 -45px; }
#content #tabs #t2 { background-position: 0 -45px; }
#content #tabs #t3 { background-position: 0 -45px; }
#content #tabs #t4 { background-position: 0 -45px; }
               
#content #tabs a.active   {cursor:default; }
#content #tabs #t1.active { background-position:      0 0; }
#content #tabs #t2.active { background-position: 0 0; }
#content #tabs #t3.active { background-position: 0 0; }
#content #tabs #t4.active { background-position: 0 0; }
#content #tabs a.current   {cursor:default; }
#content #tabs #t1.current { background-position:      0 -66px; }
#content #tabs #t2.current { background-position: -189px -66px; }
#content #tabs #t3.current { background-position: -378px -66px; }
#content #tabs #t4.current { background-position: -567px -66px; }
/* right picks */
#right div.pick {
    background: url(img/blank.png) no-repeat;
    width:214px;
    height:152px;
    margin:0px 0 12px 0 !important;
    cursor:pointer;
}
#right a {
    text-decoration:none !important;        
}
#right div.pick h4 {
    padding:15px 15px 0 85px;
    font-size:11px;
    color:#666;
    margin:0px;
}
#right div.pick h3 {
    padding:0px 15px 0 85px;
    font-size:13px;
    color:#000;
    margin:3px 0px;
}
#right div.pick p {
    padding:5px 15px 0 85px;
    font-size:12px;
    color:#666;
    margin:0px;
}
/* --- VISUALIZATIONS --- */
/*-------------------------------------*/
/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 545px;
   /* height:120px; */
    height: 150px;
    /* custom decorations */
    border:1px solid #ccc;
    background:url(/img/global/gradient/h300.png) repeat-x;
    
    float:left;
}
/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set the width and height for the root element and
    not for this element.
*/
#s2 .footages2,
.scrollable .footages,
#s3 .footages3,
#s4 .footages4 {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}
/* New styles for title under thumbnail */
#s2 .footages2 a p,
.scrollable .footages a p,
#s3 .footages3 a p,
#s4 .footages4 a p {
    display:block;
    height:40px;
    overflow:hidden;
    text-align:center;
    width:100px;   
    margin-top:8px;
    color: #555555; 
    font-size: 80%;
} 

/* single scrollable item */
.scrollable a {
    float:left;
    margin:20px 5px 20px 21px;
    background-color:#fff;
    padding:2px;
    border:1px solid #ccc;
    cursor:pointer;
    width:100px;
    height:75px;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
/* active item */
.scrollable .paused, .scrollable .playing, .scrollable .active {
    border:2px solid #000;
    z-index:9999;
    position:relative;
}
.scrollable2 {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 680px;
    height:120px;
    /* custom decorations */
    border:1px solid #ccc;
    background:url(/img/global/gradient/h300.png) repeat-x;
    
    float:left;
}
/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set the width and height for the root element and
    not for this element.
*/
.scrollable2 .footages {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}
/* single scrollable item */
.scrollable2 a {
    float:left;
    margin:20px 5px 20px 21px;
    background-color:#fff;
    padding:2px;
    border:1px solid #ccc;
    cursor:pointer;
    width:100px;
    height:75px;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
/* active item */
.scrollable2 .paused, .scrollable2 .playing {
    border:2px solid #000;
    z-index:9999;
    position:relative;
}
div#videoTitle, div#videoTitle2, div#videoTitle3,div#videoTitle4 {
    width:    197px;
    height:    26px;
    float:    left; 
    background: #FFFFFF url(/videoTitleMCOrange207.png) 0 0 no-repeat;
    margin-left:10px;
    line-height: 26px;
    padding-left:10px;
    font-weight:bold;
    color:#FFFFFF;
    text-align:left;
}
div#videoDesc, div#videoDesc2, div#videoDesc3, div#videoDesc4 
{
    /*width:    203px;*/
    width:  193px;
    border-left: solid 2px #f5f5f2;
    border-right: solid 2px #f5f5f2;
    padding: 5px;
    text-align:left;
    margin-left:10px;
    float:left;
    display:block;
}
div#videoDesc p, div#videoDesc2 p, div#videoDesc3 p, div#videoDesc4 p 
{
    color:#555555;
}
div.descriptionBottom 
{
    width:207px;
    height:10px;
    background: #FFFFFF url(/descriptionBottom207.png) 0 0 no-repeat;
    float:left;
    margin-left:  10px;
    margin-bottom:   8px;
}
/* prev, next, prevPage and nextPage buttons */
a.browse, a.browse2, a.browse3, a.browse4 {
    background:url(/hori_large.png) no-repeat;
    display:block;
    width:30px;
    height:30px;
    float:left;
    margin:60px 10px;
    cursor:pointer;
    font-size:1px;
}
/* right */
a.right, a.right2, a.right3, a.right4                 { background-position: 0 -30px; clear:right; margin-right: 0px; display:block; float:left; }
a.right:hover,a.right2:hover,a.right3:hover,a.right4:hover         { background-position:-30px -30px; }
a.right:active,a.right2:active,a.right3:active,a.right4:active     { background-position:-60px -30px; } 
/* left */
a.left,a.left2,a.left3,a.left4                { margin-left: 0px; float:left; } 
a.left:hover,a.left2:hover,a.left3:hover,a.left4:hover          { background-position:-30px 0; }
a.left:active,a.left2:active,a.left3:active,a.left4:active      { background-position:-60px 0; }
/* up and down */
a.up, a.down        { 
    background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
    float: none;
    margin: 10px 50px;
}
/* up */
a.up:hover          { background-position:-30px 0; }
a.up:active          { background-position:-60px 0; }
/* down */
a.down                 { background-position: 0 -30px; }
a.down:hover          { background-position:-30px -30px; }
a.down:active      { background-position:-60px -30px; } 
/* disabled navigational button */
a.disabled {
    visibility:hidden !important;        
} 
div.navi 
{
    width:707px;
    display:block;
    float:left;    
/*    padding-left:15px;*/
margin-left: 44px;
margin-top:20px;
}

a#EnquireTab {cursor: pointer;}

/* Drop-down menu styles */
.topmenu { clear: both; }
#navigation li .submenu { display: none; position: absolute; z-index: 100; margin: 0 0 0 -1px; }
#navigation li .submenu .submenu-shadow { background: url(/submenu-right-shadow.png) repeat-y top right; }
#navigation li .submenu-bg { background: #e4e4e4 url(/submenu-bg.gif) repeat-x; padding: 10px 15px 10px; margin: 0 2px 0 1px; }
#navigation li .submenu ul li { float: none; display: block; background: url(/sm-arrow.gif) no-repeat left 8px; padding: 4px 0 0 15px; }
#navigation li .submenu ul li a { background: none; color: #333; display: inline; text-decoration: none; font-size: 130%; text-indent: 0; }
#navigation li .submenu ul li a:hover { text-decoration: underline; }
#navigation li .submenu ul li.mtitle { background: none; padding: 20px 0 5px; }
#navigation li .submenu ul li.mtitle a { color: #00233d; font-size: 145%; }
#navigation li .submenu ul li.mtitle a:hover, #navigation li .submenu ul li.mtitle a:active, #navigation li .submenu ul li.mtitle a:focus { text-decoration: underline; }
#navigation li .submenu ul li.tfirst { padding-top: 4px; }
#navigation li .submenu .smfooter { height: 7px; background: url(/lf-coner.png) no-repeat top left; padding: 0 7px; }
#navigation li .submenu .smfooter .sm-fbg { background: url(/fbg.png) repeat-x; height: 7px;  }
#navigation li .submenu .smfooter .sm-rconer { width: 7px; height: 7px; background: url(/rf-coner.png) no-repeat; margin-right: -7px; float: right; }
.columed-block { width: 500px; overflow: hidden; background: url(/cb-bg.gif) repeat-y center top; }
.columed-block .column { float: left; padding-right: 30px; width: 220px; }
#navigation li.courses .submenu { right: 33px; width: 890px; }
#navigation li.courses .submenu-bg { padding: 10px 15px 10px; }
#navigation li.courses .columed-block { width: 870px; background: url(/cb-bg2.gif) repeat-y -13px top; }
#navigation li.courses .columed-block .column { width: 248px; padding-right: 7px; padding-left:2px;padding-bottom:2px}
#navigation li.courses .columed-block .wcolumn { width: 290px; }
#navigation li.courses .columed-block .rcol { padding: 0 0 0 15px; width: 285px; }
#navigation li.campuses .submenu { right: 127px; }
#navigation li.campuses .columed-block { width: 420px; overflow: hidden; background: url(/cb-bg.gif) repeat-y center top; }
#navigation li.campuses .columed-block .column { float: left; padding-right: 15px; width: 180px; }  
.columed-block .rcol { padding: 0 0 0 30px; } 
#navigation li.admission .submenu { right: 32px; width:270px;}
#navigation li.admission .columed-block { /*width: 600px;*/width:270px; }
#navigation li.admission .columed-block .column { width: 270px; }
/*IE 7 correction*/
*+html #navigation li.why-martin .submenu { width: 163px; }
*+html #navigation li.outcomes .submenu { width: 533px; }
*+html #navigation li.learning-at-martin .submenu {  width: 183px; }
*+html #navigation li.life-at-martin .submenu {  width: 137px; }
*+html #navigation li.courses .submenu { width: 890x; }
*+html #navigation li.campuses .submenu { width: 453px; }
 /*+html #navigation li.admission .submenu {  width: 633px; }*/
*+html #afeature { position: relative; z-index: 1; }
*+html #header { position: relative; z-index: 100; }
 
/* Social Media Footer Bar */
.socialMediaBar {
    float:right;
    width:265px;
    height:18px;
    background: url(/social_media_bar.gif) no-repeat top left;
}