
body {
color:#333;
background-color: #FFF;
}

#page-wrapper {
background-color: #FFF;
border-color: #FFF;
}

/********************************
 * LINK COLOURS				*
 *******************************/

/* link colours */
a,
a:link,
a:visited,
a:hover,
body.default-page ul#sub-nav li.home a,
body.whatson-page ul#sub-nav li.upcoming a,
body.category-partners ul#sub-nav li.category-partners a,
body.category-customers ul#sub-nav li.category-customers a,
body.presenters-page ul#sub-nav li.presenters a,
body.venues-page ul#sub-nav li.venues a,
#website-page-wrapper .catalogue-page .child-categories li,
#website-page-wrapper .default-page .content .column-inside ul li,
#website-page-wrapper .presenters-page ul.presenters-list li {
color:#5088d3;
}



.upcoming-events a
{
color: #5088d3
}

/********************************
 * TEXT COLOURS				*
 *******************************/

#navigation-light span.sep { color: #D5D5D5; }


#latest-news .news-item p.date { color: #5088d3; }

/* dark grey */
#navigation,#navigation ul.menu li a,
#navigation #status-controls-main,
#navigation #controls-main,
h1.no-replace,
#website-page-wrapper .register-page .register-for-details,
#website-page-wrapper .register-page .register-for-details h3,
#website-page-wrapper .register-page h2,
#website-page-wrapper .register-page,
#website-page-wrapper .course-item-page .course-info-heading,
#website-page-wrapper .course-item-page .course-schedule-heading,
#website-page-wrapper .course-item-page .info-heading,
#website-page-wrapper .presenter-page .contact-info-heading,
#website-page-wrapper .presenter-page .info-heading,
#website-page-wrapper .checkout-page .checkout-details-step .order h2,
#website-page-wrapper .checkout-page .checkout-registrations-step h2,
#website-page-wrapper .checkout-page .checkout-review-step h2,
#website-page-wrapper .my-order-page .order .order-course h3,
#website-page-wrapper .checkout-page .checkout-details-step .order .order-form-container h2,
#website-page-wrapper .order-details-container h2,
#website-page-wrapper .checkout-page .checkout-review-step div.order-details-container h2,
#navigation .status-control-username,
#website-page-wrapper .default-page #rotator #rotator-nav a.rotator-nav-item,
#navigation .control {
color:#333;
}


h1#mainheading {
color: #555;
}

.separator {
color:#ededed;
}

/* colour - middle grey */
.upcoming-events ul li .event .location,
.featured-events-right div.meta p,
#website-page-wrapper .checkout-page .wizard-steps .wizard-step-incomplete,
.featured-event .event .meta,
#website-page-wrapper .course-item-page .course-schedule table.schedule-table tr.header-row {
color:#666;
}

.upcoming-events ul li .datetime .day {
color:#bfbfbf;
}

/* colour - white */
#navigation,
#navigation ul.menu li a,
#navigation ul.menu li a:hover,
.default-page #navigation ul.menu li.home a,
.catalogue-page #navigation ul.menu li.course-catalogue a,
.course-page #navigation ul.menu li.course-catalogue a,
.whatson-page #navigation ul.menu li.whatson a,
.venues-page #navigation ul.menu li.venues a,
.presenters-page #navigation ul.menu li.presenters a,
.my-orders-page #navigation ul.menu li.my-account a,
#website-page-wrapper .website-link-button,
#website-page-wrapper .website-button-wrapper .middle input,
.upcoming-events ul li .datetime .month,
#website-page-wrapper .attendees-table .header-row,
#website-page-wrapper .checkout-page .shopping-cart .shopping-cart-item .registration-controls a.website-action-link,
#website-page-wrapper .my-orders-page .orders-table .header-row th,
#website-page-wrapper .my-favourites-page .favourites .favourites-table th,
#website-page-wrapper .checkout-page .wizard-steps .wizard-step-current,
#website-page-wrapper .checkout-page .shopping-cart .shopping-cart-item h3 {
color:#FFF;
}

/********************************
 * BUTTON COLOURS				*
 *******************************/

button:hover,
a.registration-button button:hover,
input.next-button-confirm:hover,
input.next-button-review:hover,
input.next-button-start:hover,
input.login-button:hover,
#website-page-wrapper .checkout-page .next-button:hover,
#website-page-wrapper .checkout-page .cancel-button:hover,
#website-page-wrapper .checkout-page .previous-button:hover,
input.website-button:hover,
#website-page-wrapper input.website-button:hover,
#website-page-wrapper button:hover,
#website-page-wrapper .password-reset-page .reset-control .buttons .reset-button:hover,
#website-page-wrapper .register-page .submit-container .register-now-button:hover
{
color: #CFD7D9;
}

/********************************
 * HOVER COLOURS				*
 *******************************/

/** table hover colour */
#website-page-wrapper .whatson-page .schedule .group-item .item:hover,
#website-page-wrapper .my-favourites-page .favourites .favourites-table tr.course-row:hover,
#website-page-wrapper .my-orders-page .orders .orders-table tr.order-row:hover,
#website-page-wrapper .course-item-page .course-schedule .schedule-table .scheduled-course-row:hover,
#website-page-wrapper .catalogue-page .catalogue-content .catalogue-table tr.course-row:hover {
background-color:#ffffea;
}


#left ul li a:hover {
background-color: #ffffea;
}

#left .upcoming-events ul li:hover {
background-color:#ffffea;
}

/********************************
 * BORDER COLOURS				*
 *******************************/

#left ul li a:hover {
border-color: #d5d5d5;
}

#left ul li a {
border-color: transparent;
}

#left {
border-color: #d5d5d5;
}

/* border colour - white */
#website-page-wrapper .course-item-page .course-schedule .schedule-table .scheduled-course-row td {
border-bottom-color:#FFF;
}

/* border colour - light grey */
#website-page-wrapper .course-item-page h2,
#website-page-wrapper .presenter-page h2,
#website-page-wrapper .item,
#website-page-wrapper .default-page h3,
#website-page-wrapper .my-order-page .order h2,
#website-page-wrapper .my-favourites-page .favourites .favourites-table th,
#website-page-wrapper .my-favourites-page .favourites .favourites-table td,
#website-page-wrapper .my-orders-page .orders .orders-table td,
#website-page-wrapper .my-orders-page .orders .orders-table th,
#website-page-wrapper .catalogue-page .catalogue-content .catalogue-table tr.course-row td,
#website-page-wrapper .catalogue-page .catalogue-content .catalogue-category h3,
.header-row td,
#website-page-wrapper .venues-page .venue-list .venue-item .header {
border-color:#ededed;/*bottom-*/
}

/* Menu border colours - light grey */
#navigation,
#navigation ul.menu li a
{
border-color: #888;
}

#website-page-wrapper .checkout-page .shopping-cart .shopping-cart-item h3,
#website-page-wrapper .my-order-page .order .order-course h3,
#website-page-wrapper .checkout-page .wizard-steps .wizard-step-current,
#website-page-wrapper .my-orders-page .orders-table .header-row th {
border-color:#888;
}

/* Menu border colours - sides */
#navigation,
#navigation ul.menu li a/*,
#navigation #status-controls-main**/
{
	border-left-color:#91aea0;
	border-right-color:#6b887a;
	border-bottom-color: #000;
}

/* border colour - middle grey */
#website-page-wrapper .catalogue-page .catalogue-table tr.course-row td,
#website-page-wrapper .checkout-page .shopping-cart .shopping-cart-item .attendees-table .attendee-row td,
#website-page-wrapper .checkout-page .shopping-cart .shopping-cart-item .attendees-table .header-row th,
#left .upcoming-events ul li,
#left .upcoming-events ul,
#website-page-wrapper .whatson-page .schedule .group-item h2,
#website-page-wrapper .checkout-page .shopping-cart .shopping-cart-item,
#website-page-wrapper .category-quick-links,#website-page-wrapper .course-info-list,
#website-page-wrapper .checkout-page .checkout-details-step .order .order-form-inner-container,
#website-page-wrapper .email-field,
#website-page-wrapper .register-page div.register-for-details,
#website-page-wrapper .register-page fieldset,
.my-account-box {
border-color:#d9d9d9;
}

#website-page-wrapper .checkout-page .checkout-details-step .order .order-form-inner-container {
border-bottom-color:#bfbfbf;
}

.upcoming-events ul li .datetime .day {
border-color:#bfbfbf;
}

/* border colour - dark grey */
#website-page-wrapper .checkout-page .wizard-steps-container {
border-bottom-color:#333;
}

#left h3,
#website-page-wrapper .right-box h3
{
border-bottom-color: #aaaaaa;
}

hr {
border-color: #EAEAEA;
color: #EAEAEA;
}



/********************************
 * BACKGROUND COLOURS			*
 *******************************/

/* background colour - white */
.upcoming-events ul li .datetime .day,
#website-page-wrapper .checkout-page tr.attendee-row td {
background-color:#FFF;
}

/* background colour - light grey */
#left .left-content,
#website-page-wrapper .checkout-page .shopping-cart .shopping-cart-item,
#website-page-wrapper .category-quick-links,#website-page-wrapper .course-info-list,
.header-row td,
#website-page-wrapper .checkout-page .checkout-details-step .order .order-form-inner-container,
#website-page-wrapper .email-field,
#website-page-wrapper .register-page div.register-for-details,
#website-page-wrapper .register-page fieldset,
#website-page-wrapper .course-item-page .course-schedule .schedule-table .scheduled-course-row,
#website-page-wrapper .checkout-page .wizard-steps .wizard-step-complete,
#website-page-wrapper .checkout-page .wizard-steps .wizard-step-current,
#website-page-wrapper .login-control,
.my-account-box {
background-color:#f8f8f8;
}

#website-page-wrapper .my-favourites-page .favourites .favourites-table th,
#website-page-wrapper .my-orders-page .orders-table .header-row th,
#website-page-wrapper .attendees-table .header-row {
	background-color: #a6a6a6;
}


#website-page-wrapper .checkout-page .shopping-cart .shopping-cart-item h3,
#website-page-wrapper .my-order-page .order .order-course h3
{
background-color:#595959;
}

.upcoming-events ul li .datetime .month
{
background-color: #5088d3;
}

/* background colour - dark grey */
#navigation,
#navigation ul.menu li a/*,
#navigation #status-controls-main*/
{
background-color:#7ea08f;
}

/* background colour - transparent and none */
#website-page-wrapper .website-button-wrapper .middle input,
#website-page-wrapper .my-order-page .order .order-course h3,
#website-page-wrapper .checkout-page .checkout-details-step .order .order-form-container h2,
#website-page-wrapper .shopping-cart-total,
#website-page-wrapper .checkout-page .checkout-details-step .order .order-form-container,
#website-page-wrapper .checkout-page .checkout-review-step div.order-details-container h2,
#website-page-wrapper .order-details-container {
background:none;
background-color:transparent;
}

/********************************
 * MENU ACTIVE/HOVER COLOURS	*
 *******************************/

#website-page-wrapper .checkout-page .wizard-steps .wizard-step-current { background-color: #5088D3; }


.default-page #navigation ul.menu li.home a,
.catalogue-page #navigation ul.menu li.course-catalogue a,
.course-page #navigation ul.menu li.course-catalogue a,
.whatson-page #navigation ul.menu li.whatson a,
.venues-page #navigation ul.menu li.venues a,
.presenters-page #navigation ul.menu li.presenters a,
.my-orders-page #navigation ul.menu li.my-account a
{
	background-color: #5088D3;
	border-color: #664d98;
	border-right-color: #402772;
	border-bottom-color: #000;
}

#navigation ul.menu li a:hover
{
	background-color: #b191df;
	border-color: #bda1e4;
	border-right-color: #977bbe;
	border-bottom-color: #000;
	/*color: #333;*/
}

/**********/
