@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, p, em, strong, abbr, acronym, blockquote, q, cite, ins, del, dfn, a, div, span, pre, hr, address, br, b, i, sub, sup, big, small, tt, table, tr, caption, thead, tbody, tfoot, col, colgroup, form, label, button, fieldset, legend, optiongroup, ul, ol, li, dl, dt, dd, code, var, kdb, samp, img, object, param, map, area, bdo, iframe, input, select, textarea {
    padding:0;
    margin:0;
}
fieldset {
    border:0;
}
html, body, form {
    height:100%;
    border:0;
}
body {
    background:#FFF;
    font:normal 75%/1.3em Arial, Helvetica, sans-serif;
    color:#000;
    padding-top:4px;
}
ul li {
    list-style-type:none;
}
a {
    text-decoration:underline;
    color:#439e00;
}
a:hover {
    text-decoration:none;
}
img {
    vertical-align:middle;
    border:none;
}
.flo:after {/*fix for IE in styles-ie.css*/
    content: ".";
    visibility: hidden;
    display: block;
    clear: both;
    height:0;
}
.maxh {
    height:100%;
}
.maxw {
    width:100%;
}
.clear-both {
    clear:both;
}
:-moz-any-link:focus {
 outline: none;
}
.page-nav .prev a, .page-nav .next a {
    line-height:0px;
    font-size:0px;
    text-indent:-5000px;
}
.bg-none {
    background:none !important;
}
.display-none {
    display:none;
}
/*---------------------------
    MAIN LAYOUT
---------------------------*/
.main-area {
    width:936px;
    margin:auto;
    background:url(../images/main-box-back.gif) repeat-y;
}
.main-area-inner {
    background:url(../images/main-box-top.gif) repeat-x;
    padding-top:11px;
}
.bottom-area {
    background:#dcdcdc url(../images/main-box-bot-back.gif) repeat-x left bottom;
}
.bottom-area .banners {
    padding-top:12px;
    padding-bottom:22px;
    min-height:85px;/*fix for IE in styles-ie6.css*/
    width:936px;
    margin:0 auto;
    background:url(../images/main-box-bot.gif) no-repeat center bottom;
    text-align:center;
}
.bottom-area .banners .banner {
    border:1px solid #439e00;
    padding:3px;
    background:#fff;
    vertical-align:middle;
    margin:0 16px;
}
.bottom-area .banners .orange{
    border:1px solid #ff8200 !important;
}
.bottom-links {
    background:url(../images/main-box-bot-back2.gif) repeat-x;
    font-size:0.9em;
    line-height:1.4em;
    color:#757575;
    padding:3px 0 20px 0;
}
.bottom-links-inner {
    width:920px;
    margin:0 auto;
}
.bottom-links p{
    padding-bottom:3px;
}
.bottom-links a,.bottom-links .green{
    color:#439e00;
}
.bottom-links .div{
    background:url(../images/bottom-div.gif) no-repeat center center;
    margin:0 3px;
    height:11px;
    line-height:11px;
}
.top-area {
     width:899px;
     height:348px;
     padding:0;
     margin-bottom:6px;
     position:relative;
     left:17px;
     }

.top-area2 {
    background:url(../images/main-pic-inner.jpg) no-repeat;
    width:899px;
    height:165px;
    padding:15px 0 0 8px;
    margin-bottom:3px;
    position:relative;
    left:17px;
}
.logo {
    width:211px;
    height:193px;
    background:url(../images/logo_africa.png);/*fix for IE in styles-ie6.css*/
    display:block;
    position:absolute; z-index:98;
    top:15px; left:18px;
}
.logo a { position:relative; z-index:99; cursor:pointer; }
.logo span{
    display:none;
}
/*---------------------------
    MAIN NAVIGATION
---------------------------*/
.main-nav {
    padding:0 0 6px 17px;
    float:left;
    width:906px;
}
.main-nav li {
    float:left;
    background-position:left center;
    height:45px;
}
.main-nav li span{
    display:none;
}
.main-nav a {
    display:block;
    height:45px;
}
.main-nav a:hover{
    background-position:center bottom;
}
.main-nav li.hover a{
    background-position:center bottom;
}
.main-nav li.home {
    background-image:url(../images/menu-home.gif);
    width:82px;
}
.main-nav li.home a {
    background-image:url(../images/menu-home.gif);
}
.main-nav li.menu-job-search {
    background-image:url(../images/menu-job-search.gif);
    width:166px;
}
.main-nav li.menu-job-search a {
    background-image:url(../images/menu-job-search.gif);
}
.main-nav li.menu-post-cv {
    background-image:url(../images/menu-post-cv.gif);
    width:118px;
}
.main-nav li.menu-post-cv a {
    background-image:url(../images/menu-post-cv.gif);
}
.main-nav li.menu-esential-hospitality {
    background-image:url(../images/menu-esential-hospitality.gif);
    width:127px;
}
.main-nav li.menu-esential-hospitality a {
    background-image:url(../images/menu-esential-hospitality.gif);
}

.main-nav li.menu-career-corner {
    background-image:url(../images/menu-career-corner.gif);
    width:127px;
}
.main-nav li.menu-career-corner a {
    background-image:url(../images/menu-career-corner.gif);
}


.main-nav li.menu-our-rates {
    background-image:url(../images/menu-our-rates.gif);
    width:105px;
}
.main-nav li.menu-our-rates a {
    background-image:url(../images/menu-our-rates.gif);
}
.main-nav li.menu-contact-us {
    background-image:url(../images/menu-contact-us.gif);
    width:102px;
}
.main-nav li.menu-contact-us a {
    background-image:url(../images/menu-contact-us.gif);
}
.main-nav li.menu-account {
    background-image:url(../images/menu-account.gif);
    width:115px;
}
.main-nav li.menu-account a {
    background-image:url(../images/menu-account.gif);
}
.main-nav li.menu-applications {
    background-image:url(../images/menu-applications.gif);
    width:115px;
}
.main-nav li.menu-applications a {
    background-image:url(../images/menu-applications.gif);
}
.main-nav li.menu-invoices {
    background-image:url(../images/menu-invoices.gif);
    width:98px;
}
.main-nav li.menu-invoices a {
    background-image:url(../images/menu-invoices.gif);
}
.main-nav li.menu-ads {
    background-image:url(../images/menu-buyads.gif);
    width:175px;
}
.main-nav li.menu-ads a {
    background-image:url(../images/menu-buyads.gif);
}
.main-nav li.menu-auto-responder {
    background-image:url(../images/menu-auto-responder.gif);
    width:138px;
}
.main-nav li.menu-auto-responder a {
    background-image:url(../images/menu-auto-responder.gif);
}
.main-nav li.menu-auto-responder2 {
    background-image:url(../images/menu-autoresponder2.gif);
    width:133px;
}
.main-nav li.menu-auto-responder2 a {
    background-image:url(../images/menu-autoresponder2.gif);
}  
.main-nav li.menu-search-cv {
    background-image:url(../images/menu-search-cv.gif);
    width:105px;
}
.main-nav li.menu-search-cv a {
    background-image:url(../images/menu-search-cv.gif);
}
.main-nav li.menu-search-cv2 {
    background-image:url(../images/menu-searchcv2.gif);
    width:104px;
}
.main-nav li.menu-search-cv2 a {
    background-image:url(../images/menu-searchcv2.gif);
}
.main-nav li.menu-log-out {
    background-image:url(../images/menu-log-out.gif);
    width:100px;
}
.main-nav li.menu-log-out a {
    background-image:url(../images/menu-log-out.gif);
}
.main-nav li.menu-last {
    background-image:url(../images/menu-last.gif);
    width:235px;
}
.main-nav li.menu-your-search {
    background-image:url(../images/menu-your-search.gif);
    width:115px;
}
.main-nav li.menu-your-search a {
    background-image:url(../images/menu-your-search.gif);
}
.main-nav li.menu-your-jobs {
    background-image:url(../images/menu-your-jobs.gif);
    width:98px;
}
.main-nav li.menu-your-jobs a {
    background-image:url(../images/menu-your-jobs.gif);
}
.main-nav li.menu-saved-jobs {
    background-image:url(../images/menu-saved-jobs.gif);
    width:110px;
}
.main-nav li.menu-saved-jobs a {
    background-image:url(../images/menu-saved-jobs.gif);
}
.main-nav li.menu-log-out2 {
    background-image:url(../images/menu-log-out2.gif);
    width:98px;
}
.main-nav li.menu-log-out2 a {
    background-image:url(../images/menu-log-out2.gif);
}
.main-nav li.menu-log-out3 {
    background-image:url(../images/menu-logout3.gif);
    width:84px;
}
.main-nav li.menu-log-out3 a {
    background-image:url(../images/menu-logout3.gif);
}
.main-nav li.menu-last2 {
    background-image:url(../images/menu-last2.gif);
    width:370px;
}
.main-nav li.menu-home-seek {
    background-image:url(../images/menu-home-seek.gif);
    width:83px;
}
.main-nav li.menu-home-seek a {
    background-image:url(../images/menu-home-seek.gif);
}
.main-nav li.menu-home-last {
    background-image:url(../images/menu-home2.gif);
    width:82px;
}
.main-nav li.menu-home-last a {
    background-image:url(../images/menu-home2.gif);
}
.main-nav li.menu-home-recruit {
    background-image:url(../images/menu-home-recruit.gif);
    width:73px;
}
.main-nav li.menu-home-recruit a {
    background-image:url(../images/menu-home-recruit.gif);
}

.main-nav li.menu-last-seekers {
    background-image:url(../images/menu-last-seekers.gif);
    width:287px;
}
.main-nav li.menu-last-recruiters {
    background-image:url(../images/menu-last-recruiters.gif);
    width:162px;
}



/*---------------------------
    SECONDARY NAVIGATION
---------------------------*/
.secondary-nav{
    background:url(../images/list-bull-hover.gif) no-repeat 10000px 10000px;
    padding-top:7px;
    margin-bottom:-3px;
}
.secondary-nav li{
    padding:4px 0 3px 0;
    
}
.secondary-nav li a{
    background:url(../images/list-bull.gif) no-repeat 0 0.4em;
    padding-left:14px;
    text-decoration:none;
    color:#000;
    display:table-cell;
}
.secondary-nav li a:hover{
    background:url(../images/list-bull-hover.gif) no-repeat 0 0.4em;
    padding-left:14px;
    text-decoration:none;
    color:#fd942a;
}
/*---------------------------
    DROP DOWN
---------------------------*/
.main-nav ul.inner1 {
    display: none;
    position: absolute;
    margin-top:-1px;
    background:#e8e8e8 url(../images/dropdown-back.gif) repeat-x;
    border:1px solid #acacac;
    z-index:100;
}
.main-nav ul.inner1 li {
    clear: both;
    height:auto;
    cursor:pointer;
    float: none !important;
}
.main-nav ul.inner1 li a {/*fix for IE in styles-ie6.css*/
    padding:4px 19px;
    height:auto;
    background:none;
    display:block;
    color:#171717;
    text-decoration:none;
    white-space:nowrap;
}
.main-nav ul.inner1 li.current a {
    background-color:#d6d6d6;
}
.main-nav li ul.inner1 li.hover {
    background: #f7b26a url(../images/dropdown-item-hover.gif) repeat-x;
}
.main-nav li ul.inner1 li.hover a {
    color:#fff;
    background:url(../images/dropdown-item-hover-bull.gif) no-repeat 0 0.7em;
}
.main-nav ul.inner2 {
    display: none;
    position: absolute;
    background:#e8e8e8 url(../images/dropdown-back.gif) repeat-x;
    border:1px solid #acacac;
    margin-top:-1px;
    z-index:200;
}
.main-nav ul.inner1 li ul.inner2 li a {
    color:#000;
    background:none;
}
.main-nav ul.inner1 li ul.inner2 li.hover a {
    color:#fff;
    background:url(../images/dropdown-item-hover-bull.gif) no-repeat 0 0.7em;
}
.main-nav li ul.inner1 li.has-submenu {
}
.main-nav li ul.inner1 li.has-submenu.hover {
}
/*---------------------------
    HOMEPAGE CONTENT
---------------------------*/
.main-content{
    clear:both;
    padding:0 11px 0 17px;
}
.main-content .col-195{
    width:195px;
    float:left;
}
.main-content .col-490{
    width:490px;
    float:left;
    margin-left:9px;
}

.main-content .col-490 ul{
    padding-left: 15px;
    
}

.main-content .col-490 li{
    padding: 2px 0 3px 0;
    background:url(../images/list-bull.gif) no-repeat 0 0.4em;
    text-decoration:none;
    color:#000;
    padding-left:14px;  
}

.main-content .col-903{
    width:903px;
    float:left;
    margin-left:2px;
}
.main-content .col-205{
    width:205px;
    float:left;
    margin-left:9px;
    margin-bottom:-12px;
}
.main-content p{
    padding-bottom:15px;
}
.main-content h1{
    font-size:1.2em;
    line-height:1.2em;
    padding-bottom:15px;
}
/*---------------------------
    BOX
---------------------------*/
.box .box-header{
    background:url(../images/box-tr.gif) no-repeat right top;
    font-size:1.2em;
    line-height:1.2em;
    margin:0;
    padding:0;
}
.box .box-header-inner{
    background:url(../images/box-tl.gif) no-repeat;
    display:block;
    
    padding:9px 10px 8px 10px;
    text-align:center;
}
.box .box-content{
    border-left:1px solid #bfc2c5;
    border-right:1px solid #bfc2c5;
    padding:0 8px;
}
.box .box-bottom{
    background:url(../images/box-br.gif) no-repeat right top;
}
.box .box-bottom span{
    display:block;
    background:url(../images/box-bl.gif) no-repeat;
    height:10px;
}

.colour-box{
    background:url(../images/colour-box-back.gif);
}

.colour-box .inner1{
    background:url(../images/colour-box-t.gif) no-repeat;
}
.colour-box .inner1a{
    background:url(../images/colour-box-t-large.gif) no-repeat;
}
.colour-box .inner2{
    background:url(../images/colour-box-b.gif) no-repeat left bottom;
    padding:30px 24px 88px 24px;
}



.colour-box1{
    background:url(../images/colour-box-back2.gif);
}
.colour-box1 .inner1{
    background:url(../images/colour-box-t.gif) no-repeat;
}
.colour-box1 .inner1a{
    background:url(../images/colour-box-t-large.gif) no-repeat;
}
.colour-box1 .inner2{
    background:url(../images/colour-box-b.gif) no-repeat left bottom;
    padding:30px 24px 88px 24px;
}




.box-content_menu{
border-left:1px solid #bfc2c5;
border-right:1px solid #bfc2c5;
padding:0 8px;

}


.box-content_menu input {
margin-top:7px;
padding-left:5px;

}

.box_menu_selection {
margin-top:5px;
width:140px;
}






#errors p{
    color: #e74d1f;
}

.colour-box .inner2a{
    background:url(../images/colour-box-b-large.gif) no-repeat left bottom;
    padding:30px 24px 88px 24px;
}
.colour-box h1{
    padding-bottom:21px;
    text-indent:10px;
}

.colour-box1 .inner2a{
    background:url(../images/colour-box-b-large.gif) no-repeat left bottom;
    padding:30px 24px 88px 24px;
}
.colour-box1 h1{
    padding-bottom:21px;
    text-indent:10px;
}


.login-form{
     background:url(../images/login-back.gif) no-repeat;
     font-size:0.9em;
     margin-top:-85px;
     position:relative;
     zoom:1;
}

.login-form fieldset{
    background:url(../images/login-back.png) no-repeat;/*fix for IE in styles-ie6.css*/
    padding:8px 3px 17px 14px;
}
.login-form h1{
    padding-bottom:8px;
}
.login-form p{
    padding-bottom:5px;
}
.login-form .textfield{
    width:143px;
    margin-right:3px;
}
.login-form .forgot{
    width:153px;
    font-size:0.9em;
    text-align:right;
    margin:-9px 0 6px 0;
}
.login-form .forgot a{
    color:#f1572b;
}
.banners{
    margin-bottom:12px;
}


