/* GLOBAL STYLES */

* {border: 0;margin: 0;padding: 0;outline: none;list-style: none;font-family: Verdana, Arial, Sans-Serif;}

body {color: #333; font-size: 90%; background: #fff;}

a {color: #531a7e;text-decoration: none;}
a:hover {color: #531a7e;text-decoration: underline;}

a.aqua {color: #007b9f;}

.formitem .label {float: left;}
.formitem .item {float: left;}

h1 { font-size: 140%; color: #007b9f; border-bottom: 1px solid #666; width: 475px; padding: 5px 0 14px 0; }
h2 { font-size: 130%;  padding: 10px 0; font-weight: normal;}
h3 { font-size: 110%; color: #531a7e;}
h4 { font-size: 105%; }
h5 { font-size: 100%; }

h1, h2, h3, h4, h5 {margin-bottom: 5px; color: #007b9f }


h2 {color: #531a7e}

/* PAGE STYLES */


.container {clear: both; margin: 0 auto; width: 955px}
.banner_container {clear: both; width: 100%;text-align: center;background: url("http://www.careervision.co.uk/media/layout/bg-banner.gif") repeat-x;}
.footer_container {clear: both; width: 100%;height: 80px;background: url("http://www.careervision.co.uk/media/layout/bg-footer.jpg") repeat-x;}

.branding {position: relative; background: url("http://www.careervision.co.uk/media/layout/bg-branding.gif") no-repeat;width: 955px; height: 78px;margin: 0 auto;}
.branding .logo {position: absolute; left: 10px; top: 15px;}
.branding .logo a {display: block; width: 185px; height: 60px;}
.branding .logo a span {display: none;}

.copy {font-size: 80%; padding: 15px 0; background: url("http://www.careervision.co.uk/media/layout/bg-copy.jpg") repeat-x;}

.banner {position: relative; background: url("http://www.careervision.co.uk/media/headers/home.jpg") no-repeat;width: 955px; height: 229px;margin: 0 auto;}
.aboutpage .banner { background: url("http://www.careervision.co.uk/media/headers/about.jpg") no-repeat;}
.expectpage .banner { background: url("http://www.careervision.co.uk/media/headers/whate-expect.jpg") no-repeat;}
.trainingpage .banner { background: url("http://www.careervision.co.uk/media/headers/whate-expect-training.jpg") no-repeat;}
.productspage .banner { background: url("http://www.careervision.co.uk/media/headers/products.jpg") no-repeat;}
.creditspage .banner { background: url("http://www.careervision.co.uk/media/headers/clients.jpg") no-repeat;}
.newspage .banner { background: url("http://www.careervision.co.uk/media/headers/news.jpg") no-repeat;}
.contactpage .banner { background: url("http://www.careervision.co.uk/media/headers/contact.jpg") no-repeat;}


.navigation {position: absolute; top: 198px; left: 0;font-size: 100%; text-align: left;}
.navigation a {color: #73c0d7; background: #531a7e; padding: 6px 14px 5px 14px;margin: 0 0 0 2px;}
.navigation ul {margin: 0 0 0 0;}
.navigation li {text-align: left; float: left;}
.navigation .first a {padding: 6px 15px 5px 14px; margin-left: 0 !important;}
.navigation .active a {color: #fff;background: url("http://www.careervision.co.uk/media/layout/bg-link.gif") repeat-x;}
.navigation a:hover {background: url("http://www.careervision.co.uk/media/layout/bg-link.gif") repeat-x;}

.content {padding: 0 20px;float: left; display: block;margin: 0 15px; width: 475px;}
.content p {padding: 7px 0;}
.content ul {padding: 5px 15px;}
.content li {list-style: disc;}
.content a {color: #007b9f;}

.testimonialspage .content em {color: #007b9f; font-size: 120%; }
.testimonialspage .content em strong {font-weight: normal}

.leftcol {float: left;width: 200px;}


.sidenav {font-sizE: 120%; margin: 0 0 0 20px; width: 190px; background: #ccc; padding: 0;}
.sidenav .active a, .sidenav a:hover {background: #531b7e; color: #fff; text-decoration: none;}
.sidenav .first a, .sidenav .first a:hover {background: none; color: #fff}
.sidenav .first {font-size: 125%;background: url("http://www.careervision.co.uk/media/layout/bg-sidenav-top.gif") no-repeat; padding: 4px 0 3px 0;}
.sidenav ul {padding: 0; margin: 0;}
.sidenav li {border-bottom: 1px solid #666; border-top: 1px solid #fff;}
.sidenav a {padding: 5px 10px; color: #333; display: block;}

.sidenav ul li ul li a {background: #815a9e; padding: 5px 20px; font-size: 90%}
.sidenav .active ul li a {background: #815a9e; padding: 5px 20px; font-size: 90%}
.sidenav .active ul li a:hover {background: #888;}
.subnav-close {height: 12px; background: url("http://www.careervision.co.uk/media/layout/bg-sidenav-bottom.gif") no-repeat;border-top: 1px solid #fff;}
.expectpage .sidenav .first {font-size: 110%;}
.iaspage .sidenav .first {font-size: 110%;}

.rightcol {float: right; width: 190px; margin-right: 20px; }

.rightcol .form {background: url("http://www.careervision.co.uk/media/layout/bg-contact2.gif") no-repeat;}
.homepage .rightcol .form {background: url("http://www.careervision.co.uk/media/layout/bg-contact.gif") no-repeat;}
.rightcol .form-inner {padding: 50px 10px 2px 10px; font-size: 90%; }
.rightcol .form-inner a {color: #007b9f;}
.rightcol .form-inner strong {font-size: 120%;color: #531a7e;padding: 0 0 10px 0;}
.rightcol .form-inner .block1 p {line-height: 1.5em}
.rightcol .form-inner .block1 {margin-bottom: 24px;}
.rightcol .form-inner .block1 strong {font-size: 150%;color: #007b9f; padding: 3px 0 0 0; display: block;}
.rightcol .form-inner input {border: 1px solid #666; padding: 2px; margin: 2px 0; width: 160px;}
.rightcol .form-close {background: url("http://www.careervision.co.uk/media/layout/bg-contact.gif") no-repeat bottom left; height: 10px;}

.callme {width: 56px !important; height: 21px; border: none !important;}


.footer_container {}
.footer {clear: both; margin: 0 auto; width: 955px; padding-top: 25px; font-size: 80%}
.footer .contact-info {float: left; width: 500px;font-weight: bold; color: #007b9f; }
.footer a {color: #007b9f;}
.footer .small-address {font-weight: normal; font-size: 80%; color:#007b9f; }
.footer .footer-links {padding-top: 5px; float: right; width: 250px; height: 60px; text-align: right;background: url("http://www.careervision.co.uk/media/layout/logo-footerX.jpg") no-repeat top right; }
.footer .footer-links a {color: #007b9f}

/* HOME PAGE */

.homepage .leftcol {display: none;}
.homepage .content {width: 700px; padding: 0 0 0 10px;}

.block-home1 {position: relative; float: left; height: 310px; width: 360px; margin-right: 27px; background: url("http://www.careervision.co.uk/media/layout/bg-whoareyou.gif") no-repeat;}



.topleft {position: absolute; top: 35px; left: 10px;}
.topright {position: absolute;right: 10px; top: 35px; text-align: right;}
.bottomleft {position: absolute; bottom: 32px; left: 10px;}
.bottomright {position: absolute; text-align: right; bottom: 32px; right: 10px;}

.topleft h2 {font-size: 90%;font-weight: bold; color: #005e5c; padding-bottom: 0px;}
.topright h2 {font-size: 90%;font-weight: bold; color: #007b9f; padding-bottom: 0px;}
.bottomleft h2 {font-size: 90%;font-weight: bold; color: #531b7e; padding-bottom: 0px;}
.bottomright h2 {font-size: 90%;font-weight: bold; color: #005dac; padding-bottom: 0px;}

.topleft a {color: #005e5c;font-weight: bold;}
.topright a {color: #007b9f;font-weight: bold;}
.bottomleft a {color: #531b7e;font-weight: bold;}
.bottomright a {color: #005dac;font-weight: bold;}

.topleft p {font-size: 90%; padding: 0;}
.topright p {font-size: 90%; padding: 0;}
.bottomleft p {font-size: 90%;}
.bottomright p {font-size: 90%;}

.block-home2 {float: right; width: 310px;background: url("http://www.careervision.co.uk/media/layout/bg-who-wevehelped.gif") no-repeat;}
.block-home2 h2 {font-weight: bold; color: #531a7e; font-size: 155%; padding-bottom: 1px;}
.block-home2 h3 {color:#000; font-weight: normal; font-size: 90%;}
.block-home2 .title a {font-size: 90%;}
.block-home2 em {color: #531a7e; font-style: normal; font-weight: bold;}
.block-home2 p {font-size: 10px; padding: 0 0 4px 0;}
.block-home2 p strong {font-size: 8px !important;}
.block-home2 a {font-weight: bold; font-size: 90%;}
.block-inner {padding: 40px 10px 10px 10px; display: none}

.block-home2 {padding: 40px 0 0 0; position: relative; height: 263px;}
.news_item_home {padding: 5px 10px;}
.news_item_home .title {font-weight: bold; color: #531a7e; font-size: 145%; padding-bottom: 1px;}
.news_item_home em {color: #531a7e; font-style: normal; font-weight: bold;}
.news_item_home p {font-size: 10px; padding: 0 0 4px 0;}
.news_item_home p strong {font-size: 8px !important;}


.block-home2-inner {overflow: auto; height: 253px; margin: 0 5px 0 0;}

.blog-close {position: absolute; bottom: 0; left: 0;height: 10px; width: 310px; background: #fff url("http://www.careervision.co.uk/media/layout/bg-who-wevehelped.gif") bottom left no-repeat;}

.sitemap ul {padding: 5px 15px;}
.sitemap li {list-style: disc;}

.accordion h2 {padding: 0; margin: 0; font-size: 110%;cursor: pointer; color: #007b9f;}

/* NEWS TEMPLATES */

.news_item_short {margin: 5px 0 5px 0; padding: 10px 0; width: 475px;}
.news_item_short .left {}
.news_item_short .right {}
.news_item_short .title {font-weight: bold;margin-bottom: 10px; font-size: 120%;}
.news_item_short .title small {font-weight: normal; color: #666;}
.news_item_full {}

.newscontent h3 {color: #531a7e;}
.homepage .newscontent h3 {color: #000;}

.pagination {clear: both;float: right;margin: 10px 0 10px 0;}
.pagination a {text-decoration: none;}
.pagination .active {color: #0097d5;text-decoration: underline;}


.fl { float: left; }
.fr { float: right; }
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.clearing { clear: both; }
.print_hidden { display: none; }

.fc:after {height: 0;clear: both;font-size: 0;content: ".";display: block;visibility: hidden;}
.fc {display: inline-block;}

.eg-bar {position: relative; padding: 0 0 5px 0; margin: 0; font-size: 120%;cursor: pointer;color: #531a7e}
.iconspan {position: absolute; width: 475px; text-align: right;}