/* Colour Themes for background colour changer */

/* Colour Changer Drop Down Box */
div#background-colour-selector{
    margin:0 10px 0 0; 
    position:relative;
    top:-40px;
    width:25px; 
    height:65px; 
    background-image:url('/images/background-changer/drop-down.png'); 
    background-position:bottom; 
    background-repeat:no-repeat;
    z-index:0;
    float:right;
    clear:right; 
}
div.selector-holder
{
    width:25px; 
    height:65px;
    float:right;
    clear:right; 
}


div#background-colour-selector a span{
    display:none;
}
div#background-colour-selector a{
    cursor:pointer; 
    display:block; 
    width:14px; 
    height:14px; 
    margin:5px 0 4px 6px; 
    background-position:top left; 
    background-repeat:no-repeat;
}
/* Colours inside drop down */
div#background-colour-selector a.beige{background-image:url('/images/background-changer/drop-down-beige.gif');}
div#background-colour-selector a.blue{background-image:url('/images/background-changer/drop-down-blue.gif');}
div#background-colour-selector a.stars{background-image:url('/images/background-changer/drop-down-stars.gif');}

/* Logo matting */
body.background-style-blue div#header a.logo{background-image:url('/images/header/tcs-logo-blue.gif');}
body.background-style-beige div#header a.logo{background-image:url('/images/header/tcs-logo-beige.gif');}
body.background-style-stars div#header a.logo{background-image:url('/images/header/tcs-logo-black.gif');}

/* Breadcrumb */
body.background-style-blue div#header div.breadcrumb a.home {background-image:url('/images/header/home-icon-blue.gif');}
body.background-style-beige div#header div.breadcrumb a.home {background-image:url('/images/header/home-icon-beige.gif');}
body.background-style-stars div#header div.breadcrumb a.home {background-image:url('/images/header/home-icon-black.gif');}


/* Classes to add to body on colour change */
body.background-style-beige{background-image:url('/images/background-changer/beige-background.gif'); background-repeat:repeat-y; background-position:center;}
body.background-style-blue{background-image:url('/images/background-changer/blue-background.gif'); background-repeat:repeat-y; background-position:center;}
body.background-style-stars{background-color:#ffffff; background-image:url('/images/background-changer/stars-background.jpg'); background-repeat:repeat-y; background-position:center;}


/* Classes to change the colour of the nav depending on the background colour */

body.background-style-beige div#header div.header-navigation-area ul li a{background-color:#dfded3; border-right:1px solid #d9d8cb; border-left:1px solid #d9d8cb; border-bottom:0;}
body.background-style-blue div#header div.header-navigation-area ul li a{background-color:#ddedf5; border-right:1px solid #d7eaf3; border-left:1px solid #d7eaf3; border-bottom:0;}
body.background-style-stars div#header div.header-navigation-area ul li a{background-color:#292929; border-right:1px solid #000000; border-left:1px solid #000000; border-bottom:0;}

body.background-style-beige div#header div.header-navigation-area ul li a:hover{background-color:#ecece5;}
body.background-style-blue div#header div.header-navigation-area ul li a:hover{background-color:#ebf5f9;}
body.background-style-stars div#header div.header-navigation-area ul li a:hover{background-color:#818181; color:#ffffff;}

body.background-style-beige div#header div.header-navigation-area ul li a.active, 
body.background-style-blue div#header div.header-navigation-area ul li a.active, 
body.background-style-stars div#header div.header-navigation-area ul li a.active
{
    background-color:#ffffff;
}

/* END Nav change classes */

/* BACKGROUND IMAGE CHARACTERS */

body.background-style-beige div.background-home-page{background-image:url('/images/background-changer/footer-homepage-beige.gif');}
body.background-style-blue div.background-home-page {background-image:url('/images/background-changer/footer-homepage-blue.gif');}
body.background-style-stars div.background-home-page{background-image:url('/images/background-changer/footer-homepage-stars.gif');}

body.background-style-beige div.background-who-we-are{background-image:url('/images/background-changer/footer-who-we-are-beige.gif');}
body.background-style-blue div.background-who-we-are {background-image:url('/images/background-changer/footer-who-we-are-blue.gif');}
body.background-style-stars div.background-who-we-are{background-image:url('/images/background-changer/footer-who-we-are-stars.gif');}

body.background-style-beige div.background-what-we-do{background-image:url('/images/background-changer/footer-what-we-do-beige.gif');}
body.background-style-blue div.background-what-we-do {background-image:url('/images/background-changer/footer-what-we-do-blue.gif');}
body.background-style-stars div.background-what-we-do{background-image:url('/images/background-changer/footer-what-we-do-stars.gif');}

body.background-style-beige div.background-tcs-tv{background-image:url('/images/background-changer/footer-tcstv-beige.gif');}
body.background-style-blue div.background-tcs-tv {background-image:url('/images/background-changer/footer-tcstv-blue.gif');}
body.background-style-stars div.background-tcs-tv{background-image:url('/images/background-changer/footer-tcstv-stars.gif');}

body.background-style-beige div.background-news{background-image:url('/images/background-changer/footer-news-beige.gif');}
body.background-style-blue div.background-news {background-image:url('/images/background-changer/footer-news-blue.gif');}
body.background-style-stars div.background-news{background-image:url('/images/background-changer/footer-news-stars.gif');}

body.background-style-beige div.background-contact-us{background-image:url('/images/background-changer/footer-contact-us-beige.gif');}
body.background-style-blue div.background-contact-us {background-image:url('/images/background-changer/footer-contact-us-blue.gif');}
body.background-style-stars div.background-contact-us{background-image:url('/images/background-changer/footer-contact-us-stars.gif');}

body.background-style-beige div#header div.breadcrumb a{background-image:url('/images/background-changer/header-arrow-beige.gif');}
body.background-style-blue div#header div.breadcrumb a{background-image:url('/images/background-changer/header-arrow-blue.gif');}
body.background-style-stars div#header div.breadcrumb a{background-image:url('/images/background-changer/header-arrow-black.gif');}

body.background-style-beige div#header div.breadcrumb span.active{background-image:url('/images/background-changer/header-arrow-beige.gif');}
body.background-style-blue div#header div.breadcrumb span.active{background-image:url('/images/background-changer/header-arrow-blue.gif');}
body.background-style-stars div#header div.breadcrumb span.active{background-image:url('/images/background-changer/header-arrow-black.gif');}

/* END BACKGROUND IMAGE CHARACTERS */