/* Banner, content navigation */

div.flash-banner-area-column-copy h1
{
    font-size:3.2em; 
    margin:10px 0;
}

div.flash-banner-area-column-nav h1,
div.banner-area-column-nav h1
{
    font-size:3.2em; 
    margin:1px 0 20px 0;  
}

div.what-we-do-nav ul,
div.flash-banner-area-column-nav ul,
div.banner-area-column-nav ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}
div.what-we-do-nav ul li,
div.flash-banner-area-column-nav ul li,
div.banner-area-column-nav ul li
{
    margin:0 0 2px 0;
}
div.what-we-do-nav ul li a,
div.flash-banner-area-column-nav ul li a,
div.banner-area-column-nav ul li a
{
    color:#a8c8e7;
    text-decoration:none;
    padding:0 0 0 30px;
}
div.what-we-do-nav ul li a.active,
div.flash-banner-area-column-nav ul li a.active,
div.banner-area-column-nav ul li a.active
{
    color:#ffffff;
    text-decoration:none;
    background-image:url('/images/icons/nav-tcs-logo.gif');
    background-repeat:no-repeat;
    background-position:top left;
}

/* Content column, copy styles */

div.banner-area-column-content h2{font-size:20px; margin:15px 0 20px 0;}
div.banner-area-column-content h3{font-size:1em; font-weight:bold; margin:0 0 0 0;}
div.banner-area-column-content p{margin:0 0 20px 0;}
div.banner-area-column-content a{color:#ffffff;}

div.promos-in-banner h2{font-size:1.1em; margin:21px 0 10px 0;}
div.promos-in-banner h2 span{display:block; font-weight:normal;}
div.promos-in-banner h3{font-size:1.3em; margin:10px 0 0 0;}
div.promos-in-banner p{margin:0 0 10px 0;}
div.promos-in-banner a{color:#ffffff;}
div.promos-in-banner ul{list-style-type:none; margin:5px 0 10px 0; padding:0; float:left; width:100%;}
div.promos-in-banner ul li{float:left;}
div.promos-in-banner ul li a{float:left; text-decoration:none; margin:0 5px; background-image:url('/images/case-studies/case-studies-nav-inactive.gif'); background-position:top left; background-repeat:no-repeat; width:8px; height:8px;}
div.promos-in-banner ul li a.active{background-image:url('/images/case-studies/case-studies-nav-active.gif'); }
div.promos-in-banner ul li a span{display:none;}

div.promos-in-banner div.case-study-image
{
    float:left;
    width:100%;   
    margin:0 0 10px 0;
    display:inline;
}
div.promos-in-banner div.case-study-image div
{
    float:left;
    width:100%; 
    margin:5px 0 30px 0;
    display:inline;
}

a.case-study-button{background-image:url('/images/buttons/small-blue-button-inactive.gif'); background-position:right top; background-repeat:no-repeat; padding:2px 28px 5px 0; text-decoration:none; float:left; margin:0 25px 0 0; display:inline;}
a.case-study-button:hover{background-image:url('/images/buttons/small-blue-button-active.gif'); text-decoration:underline;}

input.blue-button{background-color:transparent; cursor:pointer; border:0; color:#ffffff; background-image:url('/images/buttons/small-blue-button-inactive.gif'); background-position:right top; background-repeat:no-repeat; padding:2px 28px 5px 0; text-decoration:none; float:left; margin:0 25px 0 0;}
input.blue-button:hover{background-color:transparent; border:0; background-image:url('/images/buttons/small-blue-button-active.gif'); text-decoration:underline;}

div.flash-banner-area-column-copy h3
{
    margin:15px 0 0 0;
}
div.flash-banner-area-column-copy p
{
    margin:0 0 15px 0;
}
div.flash-banner-area-column-copy a
{
    color:#ffffff; 
    text-decoration:underline;
}


/* CASE STUDIES TEMPLATE */

div.case-study-image-viewer
{
    display:block;
    width:435px;
    margin:20px 20px 40px 0;
    padding:0;
    clear:both;
    position:relative;
    z-index:0;
    border:1px solid black;
}
div.case-study-image-viewer img
{
    display:block;
    border:0;
    margin:0;
    
}
div.case-study-image-viewer a
{
    background-color:#3f7ab4;
    padding:8px 20px;
    color:#ffffff;
    float:right;
    position:absolute;
    z-index:100;
    top:-1px;
    left:-1px;
}

div.case-study-navigation
{
    float:left;
    margin:5px 0 0 150px;
}
div.case-study-navigation ul
{
    list-style-type:none; 
    margin:5px 0 10px 0; 
    padding:0; 
    float:left;
}
div.case-study-navigation ul li
{
    float:left; 
    width:auto;
}
div.case-study-navigation ul li a
{
    float:left; 
    text-decoration:none; 
    padding:0; 
    background-color:transparent; 
    margin:0 5px; 
    background-image:url('/images/case-studies/case-studies-nav-inactive.gif'); 
    background-position:top left; 
    background-repeat:no-repeat; 
    width:8px; 
    height:8px;
}
div.case-study-navigation ul li a.active
{
    background-image:url('/images/case-studies/case-studies-nav-active.gif');
}
div.case-study-navigation ul li a span
{
    display:none;
}
a.back-to-page
{
    margin:5px 10px 0 0; 
    font-weight:bold; 
    color:#ffffff; 
    text-decoration:none; 
    float:right !important;
}

p.case-studies-loader
{
    width:100%; 
    text-align:center;
}

/* Contact us form */


div.contact-us-form h2
{
    font-size:1em;   
}
div.contact-us-form label div
{
    display:block; 
    width:100%; 
    margin:0 0 4px 0;
}
div.contact-us-form textarea.text-box
{
    width:590px; 
    padding:2px; 
    height:115px; 
    margin:0 0 20px 0;
}
div.contact-us-form textarea.text-box-small
{
    width:272px; 
    padding:2px; 
    height:135px; 
    margin:0 0 20px 0;
}
div.contact-us-form input.text-field
{
    width:270px; 
    padding:2px; 
    margin:0 0 20px 0;
}
div.contact-us-form select
{
    margin:0 0 20px 0;
}

div.uploadCV{margin:0 0 20px 0;}

a.wishlist-not-included
{
    background-image:url('/images/icons/wish-list-inactive.gif'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding:5px 25px 5px 0;
    float:right;
}
a.wishlist-not-included:hover
{
    background-image:url('/images/icons/wish-list-active.gif'); 
}
p.wishlist-included
{
    background-image:url('/images/icons/wish-list-active.gif'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding:5px 25px 5px 0;
    margin:0;
    float:right;
}
a.hide, p.hide{display:none;}
a.show, p.show{display:block;}

div.contact-us-form div.adding-to-email{clear:both; margin:20px 0 0 0; padding:0; width:100%;}
div.contact-us-form div.adding-to-email p{margin:0; padding:0; }

/* END Contact form */

/* Navigation for News and Video pages */

div.banner-area-column-nav div.navigation div.active-month ul{margin:20px 0; float:left; width:100%;}
div.banner-area-column-nav div.navigation div.active-month ul li{margin:0 0 10px 0; font-size:0.9em; float:left; width:250px;}
div.banner-area-column-nav div.navigation div.active-month ul li a{color:#a8c8e7; font-weight:bold; float:left; }
div.banner-area-column-nav div.navigation div.active-month ul li a.active{color:#ffffff; font-weight:bold;}
div.banner-area-column-nav div.navigation div.active-month ul li a:hover{color:#ffffff; font-weight:bold;}
div.banner-area-column-nav div.navigation div.active-month ul li a span{display:block; margin:4px 0 4px 0px; font-weight:normal;}

div.banner-area-column-nav div.navigation ul li ul{margin:2px 0 0 30px;}
div.banner-area-column-nav div.navigation ul li ul li a{background-image:none;}

div.banner-area-column-nav div.navigation ul.active-month-older{font-weight:bold; margin:20px 0;}
div.banner-area-column-nav div.navigation ul.active-month-older li a{color:#ffffff;}

div.banner-area-column-nav div.navigation ul.previous-months-news{font-weight:bold; margin:20px 0;}
div.banner-area-column-nav div.navigation ul.previous-months-news li a{color:#ffffff;}

div.banner-area-column-nav div.navigation ul.previous-years-news{font-weight:bold; margin:20px 0;}
div.banner-area-column-nav div.navigation ul.previous-years-news li a{color:#ffffff;}

/* END Navigation for News and Video pages */

/* NEWS PAGE */

div.news-image-gallery {float:left; width:100%; margin:0 0 10px 0;}

div.news-image-gallery div.news-image-main-image{width:412px; float:left; position:relative; z-index:0;}

div.news-image-gallery div.news-image-main-image div.imageControls{clear:both; position:absolute; padding:3px 10px; z-index:100; background-color:#999999}
div.news-image-gallery div.news-image-main-image div.imageControls a{padding:0 5px; color:#ffffff; text-decoration:none;}

div.news-image-gallery img{border:5px solid #ffffff; float:left;}
div.news-image-gallery div.news-story-thumbnails{float:left; width:100px; margin:0 0 0 3px;}
div.news-image-gallery div.news-story-thumbnails img{border:0; width:97px; height:65px; margin:0 0 2px 0;}
div.news-image-gallery div.news-story-thumbnails a img{border:1px solid #3f7ab4;}
div.news-image-gallery div.news-story-thumbnails a.active img{border:1px solid #ffffff;}

div.current-news-story{clear:both; width:400px;}
div.current-news-story h3{margin:0; font-size:1em;}
div.current-news-story h4{margin:0; font-size:1em; font-weight:normal;}
div.current-news-story a{text-decoration:underline; color:#ffffff;}

div.navigation h1.no-nav{margin:29px 0 10px 0;}

/* END NEWS PAGE */

/* VIDEO PAGE */

div.current-video {width:310px; padding:10px 10px 0 0; float:left;}
div.current-video h3{margin:0; font-size:1em;}
div.current-video h4{margin:0; font-size:1em; font-weight:normal;}
div.current-video a{text-decoration:underline; color:#ffffff;}

div.current-video-url{float:left; padding:60px 0 0 0;}
div.current-video-url label{width:60px; float:left; margin:0 0 10px 0;}
div.current-video-url input{width:185px; float:left; margin:0 0 10px 0;}

div.current-video a.case-study-button{background-image:url('/images/buttons/small-blue-button-inactive.gif'); background-position:right top; background-repeat:no-repeat; padding:2px 28px 5px 0; text-decoration:none; float:left; margin:0 25px 0 0;}
div.current-video a.case-study-button:hover{background-image:url('/images/buttons/small-blue-button-active.gif'); text-decoration:underline;}

/* END VIDEO PAGE */

/* Add Service/Journey to 'to do list' */

div.to-do-list-controls strong
{
    font-size:1.1em;
}
div.to-do-list-controls p
{
    margin:5px 0;
}
div.to-do-list-controls a
{
    float:left; 
    width:19px; 
    height:20px; 
    margin:5px 10px 10px 0; 
    padding:0; 
    background-repeat:no-repeat; 
    background-position:top left;
}
div.to-do-list-controls a span
{
    display:none;
}
div.to-do-list-controls p span
{
    display:none;
}
div.to-do-list-controls a.add-to-do-list
{
    background-image:url('/images/icons/wish-list-add-active.gif');
}
div.to-do-list-controls a.add-to-do-list:hover
{
    background-image:url('/images/icons/wish-list-add-inactive.gif');
}
div.to-do-list-controls p.add-to-do-list
{
    float:left; 
    width:19px; 
    height:20px; 
    margin:5px 10px 10px 0; 
    padding:0; 
    background-repeat:no-repeat; 
    background-position:top left;
    background-image:url('/images/icons/wish-list-add-inactive.gif');
}
div.to-do-list-controls a.remove-to-do-list
{
    background-image:url('/images/icons/wish-list-remove-active.gif');
}
div.to-do-list-controls a.remove-to-do-list:hover
{
    background-image:url('/images/icons/wish-list-remove-inactive.gif');
}
div.to-do-list-controls p.remove-to-do-list
{
    float:left; 
    width:19px; 
    height:20px; 
    margin:5px 10px 10px 0; 
    padding:0; 
    background-repeat:no-repeat; 
    background-position:top left;
    background-image:url('/images/icons/wish-list-remove-inactive.gif');
}        
/* END Add Service/Journey to 'to do list' */

/* Job Description */

div.job-description-wrapper
{
    margin:35px 0 0 0;
}

div.job-description-wrapper div.job-description
{
    width:100%;
    float:left;
    margin:0 0 15px 0;   
}
div.job-description-wrapper div.job-description h2
{
    font-size:1.1em;
    margin:0 0 0 0;
}
div.job-description-wrapper div.job-description h4
{
    margin:0 0 0 0;
}
div.job-description-wrapper div.job-description p
{
    margin:3px 0;
}
div.job-description-wrapper div.job-description a
{
    margin:0 0 0 0;
    font-weight:bold;
    color:#ffffff;
}

div.banner-area-wide-column-content div.full-job-spec
{
    
}
div.banner-area-wide-column-content div.full-job-spec h3
{
    font-size:1.1em;
    margin:0;
}
div.banner-area-wide-column-content div.full-job-spec h4
{
    margin:0;
}
div.banner-area-wide-column-content div.full-job-spec p
{
    margin:10px 0;
}
div.banner-area-wide-column-content div.full-job-spec a
{
    color:#ffffff;
}
div.banner-area-wide-column-content div.application-job-summary h3{margin:0; font-size:1em;}
div.banner-area-wide-column-content div.application-job-summary h4{margin:0 0 10px 0;}

/* Validation Summary */

div.validationStyles{width:290px; background-color:#ffffff; margin:0 0 10px 0; padding:5px 0;}

/* END Validation Summary */

/* FLASH TEMPLATE LAYOUT COLUMNS */

div.flash-banner-area-column-copy div.location{width:260px;}
div.flash-banner-area-column-copy div.location p span{display:block;}
div.flash-banner-flash-area div.location
{
    width:648px;
    padding:1px;
    min-height:366px;
    height:auto !important;
    height:366px;
    background-image:url('/images/promos/backgrounds/locations.jpg');
    background-position:top left;
    background-repeat:no-repeat;
}

div.flash-banner-flash-area div.location div#location-map
{
    margin:55px 0 0 40px;
    width:300px;
    height:195px;
}
div.flash-banner-flash-area div.location div.location-tongue-flash
{
    top: -20px;
    width:380px;
    z-index: 10;
    position: relative;
}


div.flash-banner-area-column-copy div.overview {width:380px;}
div.flash-banner-flash-area div.overview{width:530px;}

div.flash-banner-area-column-copy div.services { width:200px;}
div.flash-banner-flash-area div.services {background: url(/images/non-flash/what-we-do-services.gif) no-repeat bottom right; width:700px; padding:7px 0 1px 0; min-height:380px; margin:0;}
div.flash-banner-flash-area div.services p { width: 55%; }

div.flash-banner-area-column-copy div.journey { width:200px;}
div.flash-banner-flash-area div.journey { width:700px; }

div.flash-banner-area-column-copy div.who-we-are {width:400px;}
div.flash-banner-flash-area div.who-we-are {width:509px; background-image:url('/images/non-flash/who-we-are.gif'); background-position:bottom right; background-repeat:no-repeat; min-height:412px; height:auto !important; height:412px;}

div.flash-banner-area-column-copy div.history {width:400px;}
div.flash-banner-flash-area div.history {width:509px; background-image:url('/images/non-flash/who-we-are-history.gif'); background-position:bottom right; background-repeat:no-repeat; min-height:412px; height:auto !important; height:412px;}

div.flash-banner-area-column-copy div.people {width:400px;}
div.flash-banner-flash-area div.people {width:509px; background-image:url('/images/non-flash/who-we-are-people.gif'); background-position:bottom right; background-repeat:no-repeat; min-height:412px; height:auto !important; height:412px;}

div.flash-banner-area-column-copy div.expertise {width:400px;}
div.flash-banner-flash-area div.expertise {width:509px; background-image:url('/images/non-flash/who-we-are-expertise.gif'); background-position:bottom right; background-repeat:no-repeat; min-height:412px; height:auto !important; height:412px;}

div.flash-banner-area-column-copy div.penna {width:400px;}
div.flash-banner-flash-area div.penna {width:509px; background-image:url('/images/non-flash/who-we-are-penna.gif'); background-position:bottom right; background-repeat:no-repeat; min-height:412px; height:auto !important; height:412px;}

div.flash-banner-area-column-copy div.case-study-page {width:420px; padding:10px 0 0 0;}
div.case-study-button-promos {float:left; width:100%;}

/* END FLASH TEMPLATE LAYOUT COLUMNS */