/* GREY COLOUR FORMAT */
.style-grey .editor h1, .style-grey .editor h2, .style-grey .editor h3, .style-grey .editor h4, .style-grey .editor h5, .style-grey .editor h6 {
    color: #4B4B4B;
}

.style-grey a {
    color: #565656;
}
.style-grey .editor a:hover {
	text-decoration: underline;
	color: #FFD204;
}

.style-grey .editor ul li {
    background: url("../img/yellow_bullet.png") no-repeat scroll 5px 3px rgba(0, 0, 0, 0);
    font-size: 1.1em;
    padding-left: 2em;
}
.style-grey strong {
    color: #4B4B4B;
    font-weight: bold;
}
.style-grey .PrimarySection .editor ul li {
}
.style-grey .SecondrySection ul li {
background: rgba(0, 0, 0, 0) url("../img/yellow_bullet.png") no-repeat scroll 5px 15px;
}


/* BANNER */

.style-grey .Banner {
	background-color: #cdcdcd;
    border-bottom: 1px solid #FFD204;
}
.style-grey .banner-content {
    background: none repeat scroll 0 0 #CDCDCD;
    position: relative;
}

/* BREADCRUMB */
.style-grey .breadcrumb, .style-grey .breadcrumb a {
    color: #4D4D4D;
}

/* ADVISORY */

.style-grey .advisory li {
    background: none repeat scroll 0 0 #FFD204;
}
.style-grey .advisory a {
    color: #4B4B4B;
}

/*KNOWLEDGE */

.style-grey .knowledge-text {
    display: none;
}

/* HEADER */

.style-grey #Header nav.main li li {
    border-right: none;
}
.style-grey #Header {
    background: url("../img/header-bg.jpg") repeat scroll left top transparent;
}
.style-grey .TextWrapper h1 {
    color: #FFFFFF;
}

/* NAVIGATION */
.style-grey #Header nav.main ul li {
    border-right: 1px solid #CECDCD;
}
.style-grey #Header nav.main a.active, .style-grey #Header nav.main a:hover, .style-grey #Header nav.main li:hover {
    background: none repeat scroll 0 0 #053D76;
    }
.style-grey #Header nav.main li ul {
    background: none repeat scroll 0 0 #053D76;
    }
.style-grey #Header nav.main li ul a:hover {
    color: #FFD204;
}

/* SIDE BAR */

.style-grey .SecondrySection li {
    /* background: url("../img/yellow_bullet.png") no-repeat scroll 0 4px transparent;*/
}



/* CONTENT */
.style-grey #Content {
	background: #fff;
}

/* FOOTER */

.style-grey #Footer strong {
    color: #FFF;
    font-weight: bold;
}
.style-grey #Footer .PrimarySection {
    background: none repeat scroll 0 0 #053D76;
}

/* BLOG MODULE */

.style-grey .recent-blog h5 {
    color: #D7D5D6;
}
.style-grey .recent-blog small {
    color: #D7D5D6;
}

/* accordion */

.style-grey .accordion dt.open {
    background: url("../img/toggle_yellow_minus.png") no-repeat scroll left center;
}

/* progress tabs */

.style-grey .progress_tabs {
    padding-top: 50px;
}
.style-grey .progress_tabs > ul {
	background: none;
    float: left;
    padding: 0 0 0 20px;
}
.style-grey .progress_tabs > ul li {
    background-color: #393939;
    border-radius: 50%;
    display: inline-table;
    float: left;
    height: 97px;
    list-style-type: none;
    margin: 0 20px 0 0;
    padding: 0 !important;
    position: relative;
    text-align: center;
    transition: transform 0.4s ease 0s;
    width: 97px;
}
.style-grey .progress_tabs > ul li:hover, .style-grey .progress_tabs > ul li.active {
    color: #FFFFFF;
    transform: scale(1.2);
}

.style-grey .progress_tabs > ul li a {
    color: #000000;
    display: table-cell;
    height: 97px;
    padding: 0 10px;
    text-decoration: none;
    vertical-align: middle;
    background-color: #FFD204;
    border-radius: 50%;
}
.style-grey .progress_tabs > ul li a:hover, .style-grey .progress_tabs > ul li.active a {
    color: #FFFFFF !important;
    background-color: #053D76;
    border-radius: 50%;
}

.style-grey .progress_tabs > div {
    clear: both;
    display: none;
    padding-top: 50px;
}
.style-grey .progress_tabs > div.active {
    display: block;

}
.style-grey .progress_tabs > div h1 {
    color: #393939;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0 13px 0 0;
    width: 120%;
}
.style-grey .progress_tabs div div {
    color: #666666;
    float: left;
    width: 535px;
}

/* White Colours */
.style-white .editor h1, .style-white .editor h2, .style-white .editor h3, .style-white .editor h4, .style-white .editor h5, .style-white .editor h6 {
    color: #01AEF0;
}
.style-white .SecondrySection h1 {
    color: #01AEF0; font-weight: 300; }

.style-white .SecondrySection h2 {
	color: #01AEF0;
}

/* BREADCRUMB */
.style-white .breadcrumb, .style-white .breadcrumb a {
    color: #0B3F79;
}
.style-white #Header nav.main li ul a:hover {
    color: #01AEF0;
}
.style-white #Content {
	background: #fff;
}
.style-white .Content-text {
    border: none;
}
.style-white .breadcrumb {
    color: #01AEF0;
}
.style-white .banner-content {
    background: none repeat scroll 0 0 #D7D5D6;
}
.style-white .Banner {
	background-color: #cdcdcd;
    border-bottom: 1px solid #FFD204;
}
.style-white .banner-content {
    background: none repeat scroll 0 0 #CDCDCD;
    position: relative;
}
.style-white .TextWrapper h1 {
    color: #fff;
}
.style-white .knowledge-text {
    display: none;
}

/* ADVISORY */

.style-white .advisory li {
    background: none repeat scroll 0 0 #01AEF0;
}
.style-white .advisory a {
    color: #fff;
}

.style-white #Footer .PrimarySection {
    background: none repeat scroll 0 0 #0BA9E6;
    overflow: hidden;
    padding: 25px 0 35px;
}
.style-white #Footer h5, .style-white #Footer h5 a {
	color: #3F5560;
	font-size: 1.3em;
}

/* SUB MENU */

/* accordion */

.style-white .accordion dt.open {
    background: url("../img/toggle_minus_careers.png") no-repeat scroll left center;
}

/* progress tabs */

.style-white .progress_tabs {
    padding-top: 50px;
}
.style-white .progress_tabs > ul {
    background: none;
    float: left;
    padding: 0 0 0 20px;
}
.style-white .progress_tabs > ul li {
    background-color: #0BA9E6;
    border-radius: 50%;
    display: inline-table;
    float: left;
    height: 97px;
    list-style-type: none;
    margin: 0 20px 0 0;
    padding: 0 !important;
    position: relative;
    text-align: center;
    transition: transform 0.4s ease 0s;
    width: 97px;
}
.style-white .progress_tabs > ul li:hover, .style-white .progress_tabs > ul li.active {
    color: #FFFFFF;
    transform: scale(1.2);

}
.style-white .progress_tabs > ul li a {
    color: #fff;
    display: table-cell;
    height: 97px;
    padding: 0 10px;
    text-decoration: none;
    vertical-align: middle;
    background-color: #3F5560;
    border-radius: 50%;
}
.style-white .progress_tabs > ul li a:hover, .style-white .progress_tabs > ul li.active a {
    color: #FFFFFF !important;
    background-color: #0BA9E6;
    border-radius: 50%;
}
.style-white .progress_tabs > div {
    clear: both;
    display: none;
    padding-top: 50px;
}
.style-white .progress_tabs > div.active {
    display: block;
}
.style-white .progress_tabs > div h1 {
    color: #01AEF0;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0 13px 0 0;
    width: 120%;
}
.style-white .progress_tabs div div {
    color: #666666;
    float: left;
    width: 535px;
}

.style-white .PrimarySection .editor ul li {
    background: url("../img/bullet_blue.png") no-repeat scroll 5px 3px transparent;
    font-size: 1.1em;
    padding-left: 3em;
}
.style-white .post ul li {
    background: url("../img/bullet_blue.png") no-repeat scroll 5px 3px transparent;
    font-size: 1.1em;
    padding-left: 3em;
}
.style-white .recent-blog small {
    color: #3F5560;
}
.style-white .editor a:hover {
    color: #01AEF0;
    text-decoration: underline;
}
.style-white a {
	color: #01aef0;
}
