﻿/************************************
VIDEOARTS.COM PRINT STYLESHEET
*************************************
MAIN ELEMENTS
************************************/

body {
	font-size:62.5%; /* Resets 1em to 10px */
	font-family:Arial, Helvetica, sans-serif; 
	color:#000; 
	background:#fff;
	margin:0;
	padding:0;
	}
body a {color:#000; text-decoration:none;}
body a:hover {text-decoration:underline;}
body a img {border:0;}
body.modal{background:#000;}
p {font-size:1.3em; margin:0.1em 0 1em 0; line-height:1.5em; color:#000;}
p a {text-decoration:none; border-bottom:#000 1px dotted;}
p a:hover {text-decoration:none; border-bottom:#000 2px solid;}
a.pdf-download {background:transparent url(../images/layout/pdficon_small.gif) left center no-repeat; padding-left:22px;}
h2 {color:#000; font-size:2em; margin:0; font-weight:normal;}
table {border:0; margin:0; font-size:100%}
th, td {border:0; padding:0;}

/*******************************
GLOBAL DIVIDERS & THEIR ELEMENTS
*******************************/

#wrapper {background:transparent;}
#header {display:none;}
#main {width:100%; text-align: left;}
#main-modal {width:100%; margin-left:auto; margin-right:auto; background:#000; padding:0.5em 0 2em 0;}
#footer {background-color:#fff;}
#footer h4 {color:#000; font-size:1.5em; font-weight:bold; margin:1.2em 0 0.4em 0;}
#footer ul {margin:0; padding:0;}
#footer li {list-style-type:none; margin:0; padding:0;}
#footer a {font-size:1.1em;}
#footer .footer-column {display:none;}
#footer-links {margin-left:auto; margin-right:auto; width:946px; text-align:left;}
#footer-strap {display:none;}
#footer-strap a {font-size:100%;}
#page-title {font-size:3em; margin-bottom:0.2em; font-weight:bold;}
#page-title div {display:inline;}
#page-title h1 {display:inline; color:#000; font-size:100%; font-weight:normal;}
#page-title h1.advanced{display:inline; color:#000; font-size:0.8em; font-weight:normal;}
#page-title a {color:#b7b7b7; border-bottom:0}
#page-title a:hover {text-decoration:none; color:#fff; border-bottom:#999 3px solid}
#content-nav {font-size:1.1em; margin:2em 0 0.8em 0;}
#content-nav li {display:inline; list-style-type:none; margin:0 1.7em;}
#content-nav li.selected a {color:#888; font-weight:bold; font-size:1.2em; border-left:#000 2px solid; padding-left: 0.3em;}
#content-nav ul li.selected a:hover {cursor:default; text-decoration:none;}
#main-content {width:710px; float:left;}

/*main nav*/
#main-nav {width:783px; height:27px; float:right; text-align:right;}
#main-nav ul {margin:0 0 0 20px; padding:0;}
#main-nav li {list-style-type:none; display:inline; float:left;}
#main-nav a {font-size:1.3em; font-weight:bold; margin:0; }
/*#main-nav a.selected {color:#000;}*/
#main-nav a.selected:hover {text-decoration:none; cursor:default;}
#main-nav li.home a {width:51px; background:#000 url(../images/layout/main_nav.gif) no-repeat 0 -3px; height:25px; display:block; line-height:-2000px;}
#main-nav li.home a:hover {background:#000 url(../images/layout/main_nav.gif) no-repeat 0 -28px;}
#main-nav li.home a.selected {background:#000 url(../images/layout/main_nav.gif) no-repeat 0 -53px;}
#main-nav li.home a span {display:none;}

#main-nav li.categories a {width:84px; background:#000 url(../images/layout/main_nav.gif) no-repeat -50px -3px; height:25px; display:block; line-height:-2000px;}
#main-nav li.categories a:hover {background:#000 url(../images/layout/main_nav.gif) no-repeat -50px -28px;}
#main-nav li.categories a.selected {background:#000 url(../images/layout/main_nav.gif) no-repeat -50px -53px;}
#main-nav li.categories a span {display:none;}

#main-nav li.a-z a {width:41px; background:#000 url(../images/layout/main_nav.gif) no-repeat -135px -3px; height:25px; display:block; line-height:-2000px;}
#main-nav li.a-z a:hover {background:#000 url(../images/layout/main_nav.gif) no-repeat -135px -28px;}
#main-nav li.a-z a.selected {background:#000 url(../images/layout/main_nav.gif) no-repeat -135px -53px;}
#main-nav li.a-z a span {display:none;}

#main-nav li.services a {width:70px; background:#000 url(../images/layout/main_nav.gif) no-repeat -176px -3px; height:25px; display:block; line-height:-2000px;}
#main-nav li.services a:hover {background:#000 url(../images/layout/main_nav.gif) no-repeat -176px -28px;}
#main-nav li.services a.selected {background:#000 url(../images/layout/main_nav.gif) no-repeat -176px -53px;}
#main-nav li.services a span {display:none;}

#main-nav li.about-us a {width:70px; background:#000 url(../images/layout/main_nav.gif) no-repeat -245px -3px; height:25px; display:block; line-height:-2000px;}
#main-nav li.about-us a:hover {background:#000 url(../images/layout/main_nav.gif) no-repeat -245px -28px;}
#main-nav li.about-us a.selected {background:#000 url(../images/layout/main_nav.gif) no-repeat -245px -53px;}
#main-nav li.about-us a span {display:none;}

#main-nav li.clients a {width:145px; background:#000 url(../images/layout/main_nav.gif) no-repeat -314px -3px; height:25px; display:block; line-height:-2000px;}
#main-nav li.clients a:hover {background:#000 url(../images/layout/main_nav.gif) no-repeat -314px -28px;}
#main-nav li.clients a.selected {background:#000 url(../images/layout/main_nav.gif) no-repeat -314px -53px;}
#main-nav li.clients a span {display:none;}

#main-nav li.news a {width:104px; background:#000 url(../images/layout/main_nav.gif) no-repeat -460px -3px; height:25px; display:block; line-height:-2000px;}
#main-nav li.news a:hover {background:#000 url(../images/layout/main_nav.gif) no-repeat -460px -28px;}
#main-nav li.news a.selected {background:#000 url(../images/layout/main_nav.gif) no-repeat -460px -53px;}
#main-nav li.news a span {display:none;}

#main-nav li.contact-us a {width:85px; background:#000 url(../images/layout/main_nav.gif) no-repeat -564px -3px; height:25px; display:block; line-height:-2000px;}
#main-nav li.contact-us a:hover {background:#000 url(../images/layout/main_nav.gif) no-repeat -564px -28px;}
#main-nav li.contact-us a.selected {background:#000 url(../images/layout/main_nav.gif) no-repeat -564px -53px;}
#main-nav li.contact-us a span {display:none;}

#main-nav li.my-va a {width:110px; background:#000 url(../images/layout/main_nav.gif) no-repeat -650px -3px; height:25px; display:block; line-height:200px;}
#main-nav li.my-va a:hover {background:#000 url(../images/layout/main_nav.gif) no-repeat -650px -28px;}
#main-nav li.my-va a.selected {background:#000 url(../images/layout/main_nav.gif) no-repeat -650px -53px;}
#main-nav li.my-va a span {display:none;}


/*******************************
TEMPLATE DIVIDERS & THEIR ELEMENTS
*******************************/
#homepage {margin:0 28px;}
#homepage h1 {display:inline; width:520px; height:30px;}
#homepage h2 {color:#000; font-size:1.8em; font-weight:bold;}
#homepage p {line-height:normal;}
#homepage h2.promo {font-size:2em; color:#000; margin:15px;}
#homepage p.promo {font-size:1.6em; color:#000; margin:15px;}
#homepage a.promo {font-size:2em; color:#000; padding:10px; border:none; margin:10px 15px; display:block; background:#e52141 url(../images/layout/arrow_mask.gif) right center no-repeat; font-weight:bold;}

#menu {display:none;}
#menu li {list-style: none; border-left: 1px solid #4d4d4d; padding:0; font-weight:bold; font-size:1.2em; color:#fff;}
#menu li a {display:block; padding:8px;}
#menu li a:hover {color:#b2b2b2; text-decoration:none;}
#menu li.selected {list-style: none; color:#000; border-left: 0px solid #4d4d4d; font-size:1.6em; border-top: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d; border-right: 1px solid #4d4d4d; padding:8px; font-weight:bold;}
#menu li.selected a {color:#000; font-weight:bold; padding:0}
#menu li.selected a:hover {color:#000; font-weight:bold; text-decoration:none; cursor:default;}

/*Services - home*/
#service {margin-left:28px;}
#service h2 {font-size: 2em; color:#000; margin:0 0 0.5em 0; font-weight:normal;}
#service h3 {font-size: 1.2em; color:#000; margin:0px;}
#service p {font-size:1.3em;}
#service .product-types {}
#service .product-types ul {margin-left:80px;}
#service .product-types li {font-size:1.8em; padding:10px 0 10px 50px; font-weight:normal; list-style-type:none; margin:0.5em 0; color:#000;}
#service .product-types .disc {background:transparent url(../images/layout/product_disc.png) left center no-repeat;}
#service .product-types .packs {background:transparent url(../images/layout/product_pack.png) left center no-repeat}
#service-head {margin:0px; padding:10px 0 0 0;}
#service-content {width:660px; float:left; margin:20px 0 0 60px; font-weight:normal; color:#000;}
#service-courselist {width:660px; float:left; margin:0; font-weight:normal; color:#000; font-size:1em;}
#service-courselist ul.course-list h2 {font-size:1.8em; line-height:normal;}
#service-courselist ul.course-list li {font-size:1em; list-style:none;}
#service-courselist ul.course-list li li {font-size:1.2em; list-style-type:circle; margin-left:20px;}
#services-leftcontent ul.course-list li,#services #service-courselist #services-rightcontent li {background:none; padding-left:0;}
#service .quote {margin:25px 0; font-size:1.4em; font-weight:normal; color:#000; border: 1px solid #222; padding:10px;}
#service .service-box {margin:0; padding:0; color:#000;}
#service .service-box li {list-style-type:none; width:320px; float:left; margin-bottom:20px; padding:0}
#service .service-box li.left {margin-right:30px;}
#service .service-box li ul li {margin:0; font-size:1.4em; padding:0.2em 0;}
#service span {color:#000;}
#service .intro-para {font-size:1.5em; font-weight:bold; color:#000;}

/*Services*/
#services {margin-left:28px;}
#services h2 {font-size: 2em; color:#000; margin:0.7em 0 0 0; font-weight:normal;}
#services h3, #general .training-consultant-column1 h3, #general .training-consultant-column2 h3 {font-size:1.5em; font-weight:bold; color:#000; margin:0px; padding:0.2em;}
#services h4 {font-size:1.5em; font-weight:bold; color:#000; display:inline;}
/*#services h5 {font-size:1.3em; font-weight:normal; color:#000; display:inline;}*/
#services p, #client-content p, #about-us p {font-size:1.3em;}
#services p.intro-para, #client-contact p.intro-para, #about-us p.intro-para {font-size:1.5em; font-weight:normal; background:transparent; color:#000; padding:0; line-height:1.3em;}
#services-leftcontent li, #services-rightcontent li {font-size:1.3em; list-style-type:disc; margin:0.5em 0 0 2em; font-weight:normal; line-height:1.4em;}
#services-head {margin:0px; padding:10px 0 0 0;}
#services-head a {font-size:1em; font-weight:normal; color:#b7b7b7; border-bottom:2px solid #4d4d4d;}
#services-leftcontent {width:100%; margin:1em 0 0 0; font-weight:normal; color:#000;}
#services-rightcontent {width:100%; display:inline; margin:0; font-weight:normal; color:#000;}
#services-blendedmenu {width:200px; float:left; display:inline; margin:0; font-size:1.8em; font-weight:normal; color:#fff;}
#services-blendedmenu li {list-style: none; border-bottom: 1px solid #4d4d4d; padding:7px 0 7px 30px; margin:0px 0 0 10px; background-image: url(/images/layout/bullet_arrow.png); background-repeat: no-repeat; background-position: left;}
#services-blendedmenu li.bottom {list-style: none; border-bottom: 0px solid #4d4d4d; padding:7px 0 7px 30px; margin:0px 0 0 10px; background-image: url(/images/layout/bullet_arrow.png); background-repeat: no-repeat; background-position: left;}
#services-blendedmenumid {width:200px; float:left; display:inline; margin:20px 0 0 10px; font-size:1.8em; font-weight:normal; color:#fff;}
#services-blendedmenumid li {list-style: none; border-bottom: 1px solid #4d4d4d; padding:7px 0 7px 30px; margin:0px 0 0 10px; background-image: url(/images/layout/bullet_arrow.png); background-repeat: no-repeat; background-position: left;}
#services-blendedmenumid li.bottom {list-style: none; border-bottom: 0px solid #4d4d4d; padding:7px 0 7px 30px; margin:0px 0 0 10px; background-image: url(/images/layout/bullet_arrow.png); background-repeat: no-repeat; background-position: left;}
#services-flexiblecontent {width:630px; float:left; margin:20px 0 0 40px; font-size:1.4em; font-weight:normal; color:#000;}
#services-blendedmenumidend {width:200px; float:left; display:inline; margin:20px 0px 40px 10px; font-size:1.8em; font-weight:normal; color:#fff;}
#services-blendedmenumidend li {list-style: none; border-bottom: 1px solid #4d4d4d; padding:7px 0 7px 30px; margin:0px 0 0 10px; background-image: url(/images/layout/bullet_arrow.png); background-repeat: no-repeat; background-position: left;}
#services ol {margin-left:25px;}
#services ol li {list-style-type:decimal ; font-size:1.3em; background:none; padding-left:0;}
#services .buttons,#service .buttons {}
#services .buttons li,#service .buttons li {background:transparent url(../images/layout/buttons_bg.png) left bottom no-repeat; list-style-type:none; padding:0 0 2px 0; margin:1em 0; font-size:1.4em;}
#services .buttons li a,#service .buttons li a {font-weight:bold; display:block; background:transparent url(../images/layout/buttons_bg.png) left top no-repeat; padding: 5px 8px 2px 8px;}
#services table {border:0; margin-left:auto; margin-right:auto; font-size:1.2em; border-collapse:collapse; margin-top:1em; margin-bottom:1em;}
#services th,td {border:none; padding:4px 7px;}
#services th {text-align:center; background-color:#000; font-weight:bold; color:#000; font-size:1.2em;}
#services td {border-top:#313131 1px solid;}
#services tr.heading {border:0;}
#services td.method {font-weight:bold; border:0;}
#services {border-collapse:collapse;}
#services th.highlighted, #services td.highlighted {background:#202020;}
#services tr img {margin-left:20px;}

/*Titles by Category*/
#categories {width:690px; float:left; margin-left:28px;}
#categories ul.categories_list {margin:0; padding: 0;}
#categories ul.categories_list li {list-style-type: none; float: left;	width: 156px; margin-right: 5px; padding:2px 5px; font-weight:bold; font-size:1.6em;}
#categories ul.categories_list li a {display:block; min-height:10em;}
#categories ul.categories_list li.li-attitude img {padding-bottom:3px; border-bottom:4px solid #306345;}
#categories ul.categories_list li.li-change img {padding-bottom: 3px; border-bottom:4px solid #A8B2B7;}
#categories ul.categories_list li.li-communication img {padding-bottom: 3px; border-bottom:4px solid #C6168D;}
#categories ul.categories_list li.li-customer-service img {padding-bottom: 3px; border-bottom:4px solid #4495D1;}
#categories ul.categories_list li.li-diversity img {padding-bottom: 3px; border-bottom:4px solid #98A5D4;}
#categories ul.categories_list li.li-fish img {padding-bottom: 3px; border-bottom:4px solid #6C2C91;}
#categories ul.categories_list li.li-interviewing img {padding-bottom: 3px; border-bottom:4px solid #FFDD00;}
#categories ul.categories_list li.li-leadership img {padding-bottom: 3px; border-bottom:4px solid #F58220;}
#categories ul.categories_list li.li-managing-tasks img {padding-bottom: 3px; border-bottom:4px solid #B1063A;}
#categories ul.categories_list li.li-negotiation img {padding-bottom: 3px; border-bottom:4px solid #5CA038;}
#categories ul.categories_list li.li-performance img {padding-bottom: 3px; border-bottom:4px solid #926C47;}
#categories ul.categories_list li.li-teamwork img {padding-bottom: 3px; border-bottom:4px solid #DE3C29;}
#categories ul.categories_list li.li-corporate-social img {padding-bottom: 3px; border-bottom:4px solid #175197;}
#categories ul.categories_list li.li-finance img {padding-bottom: 3px; border-bottom:4px solid #B08D02;}
#categories ul.categories_list li.li-health-safety img {padding-bottom: 3px; border-bottom:4px solid #2F7212;}
#categories ul.categories_list li.li-creativity img {padding-bottom: 3px; border-bottom:4px solid #D7DF23;}
#categories ul.categories_list li.li-other img {padding-bottom: 3px; border-bottom:4px solid #e52141;}
/*hover states*/
#categories ul.categories_list li.li-attitude a:hover {background-color:#306345;}
#categories ul.categories_list li.li-change a:hover {background-color:#A8B2B7; color:#000;}
#categories ul.categories_list li.li-communication a:hover {background-color:#C6168D;}
#categories ul.categories_list li.li-customer-service a:hover {background-color:#4495D1;}
#categories ul.categories_list li.li-diversity a:hover {background-color:#98A5D4; color:#000;}
#categories ul.categories_list li.li-fish a:hover {background-color:#6C2C91;}
#categories ul.categories_list li.li-interviewing a:hover {background-color:#FFDD00; color:#000;}
#categories ul.categories_list li.li-leadership a:hover {background-color:#F58220; color:#000;}
#categories ul.categories_list li.li-managing-tasks a:hover {background-color:#B1063A;}
#categories ul.categories_list li.li-negotiation a:hover {background-color:#5CA038; color:#000;}
#categories ul.categories_list li.li-performance a:hover {background-color:#926C47;}
#categories ul.categories_list li.li-teamwork a:hover {background-color:#DE3C29;}
#categories ul.categories_list li.li-corporate-social a:hover {background-color:#175197;}
#categories ul.categories_list li.li-finance a:hover {background-color:#B08D02;}
#categories ul.categories_list li.li-health-safety a:hover {background-color:#2F7212;}
#categories ul.categories_list li.li-creativity a:hover {background-color:#D7DF23; color:#000;}
#categories ul.categories_list a:hover {text-decoration:none;}

/*Request a quote - popup*/
#request-quote {width:570px; float: left; font-size:1em; font-weight:bold; color:#fff; background-color:#000; padding:10px;}
#request-quote label {margin-left:1.5em; width: 10em; float: left; text-align: left; margin-right: 5em; display: block}
#request-quote .submit input{margin-left: 20em;}
#request-quote fieldset {font-size: 100%; border-color: #4d4d4d; border-width: 1px 1px 1px 1px; border-style: solid solid solid solid; padding: 10px; margin: 0 0 0 0;}
#request-quote fieldset legend {font-size: 180%; font-weight: normal; color: #000; margin: 0 0 0 25px; padding: 0 5px;}

/*Password reminder - popup*/
#forgot-password {width:570px; height:100%; float: left; font-size:1em; font-weight:normal; color:#fff; background-color:#000; padding:10px;}
#forgot-password  label {margin-left:1.5em; width: 10em; float: left; text-align: left; margin-right: 5em; display: block}
#forgot-password  .submit {text-align:center;}
#forgot-password  fieldset {font-size: 100%; border-color: #4d4d4d; border-width: 1px 1px 1px 1px; border-style: solid solid solid solid; padding: 10px; margin: 0 0 0 0;}
#forgot-password  fieldset legend {font-size: 180%; font-weight: normal; color: #000; margin: 0 0 0 25px; padding: 0 5px;}
#forgot-password h1 {font-size: 1.3em; color:#000; margin:0px; font-weight:normal; padding-bottom:20px;}
#forgot-password h3.error {margin-left:200px;margin-bottom:10px;font-size: 1.3em; color:#f00; font-weight:normal;}
#forgot-password h3.message {margin-left:200px;margin-bottom:10px;font-size: 1.3em; color:#fff; font-weight:normal;}


/*Topics*/
#topics {margin: 0 28px;}
/*#topic h2 {margin-bottom:-20px;}*/
#topics a.h2 {color:#000;}
#topics a.h2:hover {text-decoration:none;}
#topics .topics-left ul li{list-style-type:none; font-size:100%; margin:0;}
#topics .topics-right ul li{list-style-type:none; font-size:100%; margin:12px 0 15px 0;}
#topics .topics-right ul li li{font-size:1.2em; line-height:1.4em; list-style:circle; margin:7px 0 7px 20px;}

.topics-left
{
	width: 335px;
	float: left;
	margin-right: 20px;
	margin-top:12px;
}

.topics-right
{
	width: 435px;
	float: right;
}
.topics-left a {font-size:1.3em; padding:4px 3px; display:block; border-bottom:#202020 1px solid;}
.topics-left a:hover {background-color:#202020;}
.topics-left h3 {font-size:1.5em; color:#000; font-weight:normal; margin-bottom:0.2em;}

/*A to Z of Titles*/
#atoz {margin-left:28px;}
#atoz h2 {font-size:2em; font-weight:normal; color:#000; margin:0px;}
#atoz h2 a {color:#000;}
#atoz h2 a:hover {text-decoration:none;}
/*#atoz-head {margin:0px; padding:10px 0 0 0;}*/
.atoz-alphabeta a {float:left; margin:20px 2px 0 0; font-size:1.4em; font-weight:bold; padding:6px; color:#fff; border:#4B4B4B 1px solid;}
.atoz-alphabet a {float:left; margin:20px 2px 0 0; font-size:1.4em; font-weight:bold; padding:6px; color:#fff; border:#4B4B4B 1px solid;}
.atoz-alphabeta a:hover, .atoz-alphabet a:hover {border:#fff 1px solid; text-decoration:none;}
.atoz-title {float:left; width:580px; margin:20px 0 0 40px; font-size:1.5em; font-weight:bold; padding:6px; color:#000; border-bottom: 1px solid #4d4d4d;}
.atoz-title a {font-size:.8em; font-weight:normal; padding:2px; color:#000; text-decoration:none;}
.atoz-content {width:310px; float:left; margin:20px 0 0 80px; font-size:1.2em; font-weight:normal; color:#fff;}
.atoz-content ul.alphabet_list {margin: 0;}
.atoz-content ul.alphabet_list li {padding:0 0 10px 35px; list-style: none; background-image: url(../images/layout/bullet_arrow.png); background-repeat: no-repeat; background-position: left top;}
.atoz-backtotop {float:right; margin:0px 0 0 40px; font-weight:normal; padding:2px; color:#000;}
.atoz-backtotop a {padding-left:15px; background: transparent url(../images/layout/titles_top.png) no-repeat center left; font-weight:normal;}

/*What Clients Say*/
#clients {margin-left:28px;}
#clients h2 {font-size: 2em; color:#000; margin:0 0 0.5em 0; font-weight:normal;}
#clients h3 {font-size:1.6em; font-weight:bold; color:#000; padding:0.2em 0;}
/*#clients h4 {font-size:2em; font-weight:normal; color:#fff; padding:10px 0 0 0;}*/
#clients p {font-size:1.3em; color:#000;}
#clients-head {margin:0px; padding:10px 0 0 0;}
#clients-images {padding:10px;}
#clients-images img {padding:5px;}
#clients-content {margin-left:0px; padding:20px 0 0 0;}
#clients ul {margin-left:4em; font-size:1.3em;}
#clients ul li {margin:0.5em 0;}
#clients p a, #clients li a {text-decoration:none; border-bottom:#000 1px dotted;}
#clients p a:hover, #clients li a:hover {text-decoration:none; border-bottom:#000 2px solid;}

/*What Clients Say - Testimonials*/
#clients-testimonials {margin-left:28px;}
#clients-testimonials h2 {font-size:.8em; font-weight:bold; color:#fff; padding:0 0 15px; display:inline;}
#clients-testimonials h3 {font-size:1.3em; font-weight:normal; color:#000; padding:0 0 0 40px;}
#clients-testimonials h4 {font-size:1.3em; font-weight:normal; color:#4d4d4d; padding:0 0 0 40px;}
#clients-testimonials-head {margin:0px; padding:10px 0 0 0;}
#clients-testimonials .clients-testimonials-content {margin:30px 0 0 0; padding:10px 0 10px 40px; font-size:1.4em; background:transparent url(../images/layout/quote_left.png) left top no-repeat;}
#clients-testimonials .clients-testimonials-content p {font-size:100%;}
#clients-testimonials .clients-testimonials-client {margin-left:20px; padding:10px; font-size:100%; background:transparent url(../images/layout/quote_right.png) right top no-repeat;}

/*About us*/
#about-us {margin:0 0 0 28px;}
#about-us h2 {font-size: 2em; color:#000; margin:0 0 0.5em 0; font-weight:normal;}
#about-us .left-column {width:100%; margin:0;}
#about-us .right-column {width:100%; margin:0;}

#about-us .team-member {width:160px; background:transparent url(../images/layout/team_bg.png) left top no-repeat; text-align:center; float:left; margin-right:5px;}
#about-us .team-member img {margin-top:15px;}
#about-us .team-member p,#about-us .team-member h3,#about-us .team-member h4 {text-align:left; margin:4px 8px;}
#about-us .team-member h3 {color:#fff; font-size:1.6em;}
#about-us .team-member h4 {color:#000; font-size:1.4em;}

/*Contact Us*/
#contact {margin-left:28px;}
#contact h2 {font-size:2em; font-weight:normal; color:#000; margin:0; padding:0;}
#contact h3 {font-size:1.4em; font-weight:normal; color:#fff; line-height:1.1em;}
#contact .contact-by {margin:0.5em 0 0 0;}
#contact .contact-by a {color:#fff; text-decoration:underline;}
#contact .contact-by a:hover {color:#fff; text-decoration:none;}
#contact .contact-phone, .contact-email, .contact-request, .contact-chat, .contact-find-us, .contact-request-off {list-style-type:none; float:left;width:8em; background:#252525; margin-right:0.5em; width:122px; height:7em; font-size:1em; padding:35px 0 5px 5px; display:inline;}
#contact .contact-request {height:9.5em; background:#252525 url(../images/layout/contact_column_arrow.gif) bottom center no-repeat;}
#contact .contact-request-off {background:#252525 url(../images/layout/contact_request.gif) top center no-repeat;}
#contact .contact-phone {background:#252525 url(../images/layout/contact_phone.gif) top center no-repeat;}
#contact .contact-email {background:#252525 url(../images/layout/contact_email.gif) top center no-repeat;}
#contact .contact-chat {background:#252525 url(../images/layout/contact_chat.gif) top center no-repeat;}
#contact .contact-find-us {background:#252525 url(../images/layout/contact_find.gif) top center no-repeat;}
/*#contact-leftcontent {width:310px; float:left; margin:20px 0 0 40px; font-size:1.4em; font-weight:normal; color:#fff;}
#contact-leftcontent li.phone {list-style: none; padding:7px 0 10px 40px; background-image: url(../images/layout/contact_phone.png); background-repeat: no-repeat; background-position: left top;}
#contact-leftcontent li.email {list-style: none; padding:7px 0 10px 40px; background-image: url(../images/layout/contact_mail.png); background-repeat: no-repeat; background-position: left top;}
#contact-rightcontent li.map {list-style: none; padding:7px 0 10px 40px; }
#contact-rightcontent {width:250px; float:left; margin:20px 0 0 0px; font-size:1.4em; font-weight:normal; color:#fff;}
#contact-rightcontent li.chat {list-style: none; font-weight:normal; padding:7px 0 10px 40px; background-image: url(../images/layout/contact_chat.png); text-decoration:underline; background-repeat: no-repeat; background-position: left top;}
#contact-rightcontent li.find {list-style: none; padding:7px 0 10px 40px; background-image: url(../images/layout/contact_find.png); background-repeat: no-repeat; background-position: left top;}*/
.contact-form  {width:600px; float:left; margin:10px 0 0 40px; font-size:100%; font-weight:normal; color:#fff;}
.contact-form input.input-box {font-size:1.2em; padding:0.2em; background:#fff url(../images/layout/input_box_bg.png) top left repeat-x; border:1px solid #444;}
.contact-form input.input-box:hover {border:#000 1px solid;}
.contact-form input.input-box:focus {border:#000 1px solid;}
.contact-form label.float {margin-left:1.5em; width: 10em; float: left; text-align: left; margin-right: 5em; display: block}
.contact-form .submit input{margin-left: 4.5em;}
.contact-form fieldset {font-size: 100%; border-color: #4d4d4d; border-width: 1px 1px 1px 1px; border-style: solid solid solid solid; padding: 10px; margin: 0;}
.contact-form fieldset legend {font-size: 180%; font-weight: normal; color: #000; margin: 0 0 0 25px; padding: 0 5px;}

/*Register*/
#register {margin:0 28px;}
#register-leftcontent {width:400px; float:left; margin:0; font-size:100%; font-weight:normal; color:#fff;}
#register-rightcontent {width:400px; float:left; margin:0 0 0 28px; font-size:100%; font-weight:normal; color:#fff;}
/*#register-form  {width:330px; float:left; font-size:.7em; font-weight:normal; color:#fff;}*/
#register-form label {font-size:1.3em; width:11em; float:left; text-align:left; margin-right:1em; display: block;}
#register-form input {font-size:1.3em; padding:0.2em; background:#fff url(../images/layout/input_box_bg.png) top left repeat-x; border:1px solid #444; width:200px; margin:0.5em 0;}
/*#register-form label.right {margin-left:1em; width: 6em; float: left; text-align: left; margin-right: 1em; display: block;}*/
#register .input-btn {margin:0 80px 0 0; text-align:right; padding:1em;}
#register .input-btn input{font-size:16px; float:none;}
#register-form .dropdown {border:#444 1px solid; margin:0.5em 0;}
/*#register-submit {padding:10px; }*/
#register-form fieldset {font-size:100%; border-color: #4d4d4d; border-width: 1px 1px 1px 1px; border-style: solid solid solid solid; padding: 10px; margin:0;}
#register-form fieldset legend {font-size:1.8em; font-weight: normal; color: #000; margin: 0 0 0 25px; padding: 0 5px;}
#register-bottomcontent {width:690px; float:left; margin:20px 0 0 0px; font-size:1.4em; font-weight:normal; color:#fff;}
#register-bottomform  {width:690px; display:inline; float:left; font-size:.7em; font-weight:normal; color:#fff;}
#register-bottomform label {margin-left:1.5em; width: 7em; float: left; text-align: left; margin-right: 2em; display: block;}
#register-bottomform .submit input{margin-left: 4.5em;}
#register-bottomform fieldset {font-size: 100%; border-color: #4d4d4d; border-width: 1px 1px 1px 1px; border-style: solid solid solid solid; padding: 10px; margin:0;}
#register-bottomform fieldset legend {font-size: 180%; font-weight: normal; color: #000; margin: 0 0 0 25px; padding: 0 5px;}
#register .error {color:#f00;}

/*Product*/
#product {margin:0}
#product h1 {font-size:4em; font-weight:bold; color:#000; margin:0}
#product h2 {font-size:2em; font-weight:bold; color:#000; margin:0}
#product h3 {font-size:1.5em; font-weight:bold; color:#000;}
#product h3.side-panel-title {font-size:1.8em; font-weight:normal; color:#fff;}
#product h4 {font-size:1.1em; font-weight:bold; color:#000;}
#product-video {}
#product-video-left {display:none;}
#product-video-right {width:100%}
#product-video-right ul.tags {font-size:1.2em; margin:0; line-height:normal;}
#product-video-right ul.tags a {color:#000;}
#product-video-right ul.tags li {display:inline; margin-right:1em;}
#product-video-player {display:none;}
#product #product-video-right {padding:0}
#product #product-video-right li {list-style-type:none;}
#product-info {margin-top:20px;}
#product ul {margin:0.2em 0 0.2em 4.5em; font-size:1.3em; line-height:1.5em}
#product ol {margin:0.2em 0 0.2em 4.5em; font-size:1.3em; line-height:1.5em}
#product-info-links-container {margin:0; margin-bottom:20px;}
#product-info-links {background-color:transparent; padding:0; width:100%; margin-left:auto; margin-right:auto;}
#product-info-links ul {list-style:none; margin:0; padding:0; font-size:100%;}
#product-info-links ul li {float:left;}
#product-info-links a {padding:0; font-size:1.2em; display:block; font-weight:bold; display:none;}
#product-info-links a.info_btn {border:0; border:0; font-size:1.2em; font-weight:bold; color:#fff; text-decoration:none; display:none;}
#product-info-links a:hover.info_btn {text-decoration:underline;}
#product-info-links a.on {border:0; color:#000; text-decoration:none; font-size:2.6em; display:block}!important
#product img.elearning {border:#292929 3px solid;}
#product #related a {text-decoration: underline;}
#product #related a:hover {text-decoration: none;}
#product #related ul {list-style-type:none;margin:1em 0 0 1em;}
#product #related ul li{clear:both}
#product #related ul li img.related {margin:0 10px 10px 10px; padding:6px; float:left; border:#333 1px solid;}
#product #related ul li h4 {font-size:1.2em; font-weight:bold; color:#000; padding:0;}
#product #related ul li h5 {font-size:1em; font-weight:normal; color:#E8E8E8; padding:0;}
#product #postamble {margin-top:20px;}
#product #preamble {margin-bottom:20px;}
#product .bestseller {font-size:40%;}

/*Error*/
#errorpage {margin:0 28px;}
#errorpage h1 {font-size:2.5em; font-weight:normal; color:#fff; margin:0px;}
#errorpage h2 {font-size:1.8em; font-weight:normal; color:#000; margin-left:40px; padding-top: 10px;}
 
/*News-story*/
#newsstory {width:100%;}
#newsstory h2 {font-size:1.5em; font-weight:normal; display:block; color:#000; margin:0 0 0.4em 0; padding:0;}
#newsstory h3 {font-size:1em; font-weight:bold; color:#000; margin:0.3em 0;}
#newsstory p {font-size:100%;}
#newsstory ul {margin:1em 0 1em 4em;}
#newsstory ul li {font-size:100%; margin:0.4em 0;}
/*#newsstory-head {margin:0px; padding:10px 0 0 0;}
#newsstory-head a {font-size:1em; font-weight:normal; color:#b7b7b7; border-bottom:2px solid #4d4d4d;}*/
#newsstory-image,.newsstory-image {width:160px; float:left; margin:20px 0 0 0;}
#newsstory-content {width:100%;}
.newsstory-description {font-size:100%;}
.date {color:#000;}
.date span {color:#000;}
.date a {text-decoration:none; color:#000; font-weight:bold;}
.date a:hover {color:#000;}

/*News*/
#news {width:100%;}
#news h2 {font-size:2em; color:#000; font-weight:normal;}
#news h3 {font-size:1.2em; font-weight:bold; color:#fff; margin:0;}
/*#news-head {margin:0px; padding:10px 0 0 0;}*/
#news-image, .news-image {width:160px; float:left; margin:20px 0 0 0px;}
/*#news-content {width:500px; float:left; display:inline; margin:20px 0 0 20px; font-size:100%; font-weight:normal; color:#000;}
a.news-head {font-weight:bold;}*/
#news .date {font-size:1.1em;}
.news-content {width:500px; float:left; display:inline; margin:20px 0 0 20px; font-size:100%; font-weight:normal; color:#000;}
.short-description {font-size:1.3em;}

/*My VA*/
#my-va h1 {font-size:4em; font-weight:normal; color:#fff; margin:0 28px 7px 28px; display:inline;}
#my-va h2 {font-size:2.2em; color:#fff; font-weight:normal; margin:0 0 7px 0}
#my-va h2.column {color:#000;}
#my-va h3 {font-size:1.2em;}
#my-va .my-va-content {margin:0 28px;}
#my-va .intro-left {width:170px; float:left;}
#my-va .intro-right {width:170px; float:right;}
#my-va #my-va-intro {display:inline; width:360px; border:0; float:right; padding:0}
#my-va #my-va-intro p {font-size:1.6em;}
#my-va #my-va-intro ul {margin:0; padding:0; width:175px;}
#my-va #my-va-intro ul li {list-style:none; list-style-type:none; font-size:1.1em; padding:0; margin:0;}
#my-va #notification {display:inline; font-size:1.1em; padding-left:20px; background:transparent url(../images/layout/tick.png) left top no-repeat;}
#my-va-tabs {background-color:transparent; padding:0 5px 0 5px; border-bottom:1px solid #4d4d4d; width:910px; margin-left:auto; margin-right:auto; margin-bottom:20px;}
#my-va-tabs ul {list-style:none; margin:0; padding:0; font-size:100%;}
#my-va-tabs ul li {float:left; margin:5px 0; margin-bottom:-1px;}
#my-va-tabs ul li a {padding:5px 10px 5px 10px; font-size:1.2em; float:left; display:block; font-weight:normal;}
#my-va-tabs a.dcl-tab {padding:5px 20px 5px 19px; font-size:1.2em; float:left; display:block; background:transparent url(../images/layout/dcl_tab.png) left center no-repeat; margin-left:25px;}
#my-va-tabs a.learning-portal-tab {padding:5px 20px 5px 21px; font-size:1.2em; float:left; display:block; background:transparent url(../images/layout/learning_portal_tab.png) left center no-repeat;}
#my-va-tabs a.info_btn {background-color:transparent; border:0; border:0; font-size:1.1em; font-weight:normal; color:#fff; text-decoration:none;}
#my-va-tabs a:hover.info_btn {text-decoration:underline;}
#my-va-tabs a.info_btn.on {border:1px solid #4d4d4d; border-bottom:1px solid #000; color:#000; text-decoration:none; cursor:default; font-size:1.6em; font-weight:bold;}

/*My VA resources*/
#free-resources {width:690px; float: left; margin-left:28px;}
#free-resources h1 {font-size:2.5em; font-weight:normal; color:#fff; margin:0px;}
#free-resources h2 {font-size:1.8em; font-weight:normal; color:#000; margin-left:40px; padding-top: 10px;}
#free-resources h3 {font-size:1.2em; font-weight:bold; color:#fff; margin:0px;}
#free-resources h4 {font-size:.8em; font-weight:normal; color:#000; margin:0px;}
#free-resources-head {margin:0px; padding-bottom:20px;}
#free-resources-resource,.free-resources-resource {margin-left:40px; padding-bottom:50px;}
#free-resources-resource-image,.free-resources-resource-image {padding-right:10px; float:left; width:110px; height:74px;}
#free-resources-resource-content {margin:0px; font-size:1.3em; font-weight:normal; color:#999999; display:inline;}

/*My VA resources item*/
#free-resources-item {width:690px; float: left; margin-left:28px;}
#free-resources-item h1 {font-size:2.5em; font-weight:normal; color:#999999; margin:0px; padding-bottom:5px; border-bottom:2px solid #4d4d4d}
#free-resources-item h2 {font-size:2.5em; font-weight:normal; color:#fff;  display:inline;}
#free-resources-item h3 {font-size:.8em; font-weight:normal; color:#000;}
#free-resources-item-head {margin:0px; padding-bottom:20px;}
#free-resources-item-head div {display:inline;}
#free-resources-item-container {margin-left:40px; margin-top:20px;}
#free-resources-item-container-image img{padding-right:10px; float:left; width:110px; height:74px;}
#free-resources-item-container-content {margin-left:10px; font-size:1.3em; font-weight:normal; color:#999999; display:inline; width:500px; float:left;}
#free-resources-item-container-content ul {margin-left: 0px; padding-top:20px; font-size:.8em;}
#free-resources-item-container-content ul li {list-style-type: none; list-style: none; padding:10px 0 20px 35px; background-image: url(../images/layout/pdf.png); background-repeat: no-repeat; background-position: left top; font-size:1.3em; color:#fff;}

/*My VA hot-topics*/
#hot-topics {width:800px; float: left; margin-left:28px;}
#hot-topics h1 {font-size:1.8em; font-weight:normal; color:#fff; margin: 0; padding: 0;}
#hot-topics h2 {font-size:1.5em; font-weight:normal; color:#000;}
#hot-topics-content {margin-left:40px; padding-top:20px; font-weight:normal; font-size:1.2em;}

/*My VA special-offers*/
#special-offers {width:800px; float: left; margin-left:28px;}
#special-offers h1 {font-size:1.8em; font-weight:normal; color:#fff; margin: 0; padding:0;}
#special-offers h2 {font-size:1.5em; font-weight:normal; color:#000; }
#special-offers-content {margin-left:40px; padding-top:20px; font-weight:normal; font-size:1.2em;}

/*Login*/
#login {width:870px; margin:0 28px;}
#login a {text-decoration:none; border-bottom:#000 1px dotted;}
#login a:hover {text-decoration:none; border-bottom:#000 2px solid;}
#login .form-rows {width:40%; margin:0; padding-right:8em; border-right:#3A3A3A 1px solid; float:left; display:inline}
#login .form-rows-register {width:40%; margin:0; padding-right:1.5em; border:0; float:right; display:inline}
#login .label {float:left; font-size:13px; margin:1em 0 1em 0.5em; padding:0.2em 0; font-weight:bold; display:inline;}
#login .input {float: right; margin:1em 0; padding:0.2em; text-align:left; display:inline;}
#login .error {float:right;}
#login .input input {font-size:1.6em; padding:0.2em; background:#fff url(../images/layout/input_box_bg.png) top left repeat-x; border:1px solid #444;}
#login .input-btn input {float:right; font-size:16px; padding:0.2em;}
a.register-link {font-size:1.8em; font-weight:bold; padding:1em; margin:1em 0; text-decoration:none; border:#888 1px solid;}

/*General*/
#general {margin:0 28px;}
#general ul, #errorpage ul, #contact ul {margin:1em 1em 1em 4em; font-size:1.3em;}
#general ul p {font-size:100%;}
#general ul li {margin:0.4em 0;}
#general ol, #errorpage ol, #contact ol {margin:1em 1em 1em 4em; font-size:1.3em;}
#general ol h2 {font-size:1.3em;}
#general ol p {font-size:100%;}
#general ol ol {list-style-type:lower-roman; font-size:100%;}
#general ol li,#general ol ol li {margin:0.4em 0;}
#general h3 {color:#fff; font-size:1.1em;}
#general ul a, #general ol a {text-decoration:none; border-bottom:#000 1px dotted;}
#general ul a:hover, #general ol a:hover {text-decoration:none; border-bottom:#000 2px solid;}

/*Search*/
#advanced-search {margin: 0 28px;}
#advanced-search label.float {margin-left:1.5em; width: 7em; float: left; text-align: left; margin-right: 5em; color:#fff; display: block}
#advanced-search .label{margin-left:1.5em; font-size:1.2em; float: left; text-align: left; margin-right: 5em; color:#fff; display: block}
#advanced-search-fields {margin-left:15em}
#search-result {margin: 0 28px;}
#search-result a {text-decoration: underline;}
#search-result a:hover {text-decoration: none;}
#search-result .result {padding:0; margin:1em 0 3em 10em;}
/*#search-result li.result h1{font-size:1.2em; font-weight:bold; color:#fff;}*/
#search-result .result h1.advanced{font-size:0.8em; font-weight:bold; color:#fff; display:inline;}
#search-result .result h2{font-size:1.8em; font-weight:bold; color:#fff; display:inline;}
#search-result .result h2{font-size:1.8em; font-weight:bold; color:#fff; display:inline;}
#search-result .result h3{font-size:1.3em; font-weight:normal; color:#E8E8E8; display:inline; margin-left:0.5em;}
#search-result .result h4{font-size:1.2em; font-weight:bold; color:#000; margin-top:0.5em;}
#search-result .result {list-style:none;}
#search-result .result ul {padding-left:2em;}
#search-result .result ul a {font-size:1.1em; text-decoration:none; color:#7d7d7d;}
#search-result .result ul a:hover {color:#fff;}
#search-result .result span {font-size:1.1em; margin-left:0.5em; color:#000; font-weight:bold;}
#search-result .search-result-image {margin:10px; padding:6px; float:left; border:#333 1px solid;}

/*Site map*/
#sitemap {margin:0 28px;}
#sitemap a {}
#sitemap ul {margin: 0 0 0.5em 3em; font-size:1.3em; color:#888;}
#sitemap ul ul, #sitemap ul ul ul {font-size:1em;}
#sitemap ul li {list-style-type: none; margin:1em 0.3em 0; font-weight:bold; background:transparent url(../images/layout/bullet_arrow.png) 0 4px no-repeat; padding-left:25px;}
#sitemap ul li ul li, #sitemap ul li ul li ul li {list-style-type: circle; font-weight:normal; margin:0.3em; background:none; padding-left:0;}

/*Site videos*/
#site-videos {margin:0 0 0 28px;}
#site-videos h2 {font-size: 2em; color:#000; margin:0 0 0.5em 0; font-weight:normal;}

/*Login error*/
#login-error {margin:0 28px;}
.global-logout {color:#fff;border-top:1px solid #D57575; border-left:1px solid #D57575; border-right:1px solid #5B1C1C; border-bottom:1px solid #5B1C1C; text-decoration:none; padding:0.2em 0.5em; font-size:1.7em; background-color:#A63333; margin-top:30px;}
.global-logout:hover {color:#fff; background-color:#D63232; text-decoration:none;}

#print-footer {border-top:#000 3px solid; margin-top:1em;}
#print-footer p {margin:0; padding:0;}

/*******************************
CLASSES
*******************************/

/*MY VA Lists*/
ul.recent_list
{
	margin: 0;
	padding: 0;
}

ul.recent_list li
{
	list-style-type: none;
}

/*search box*/
.search-box {display:inline;}
.search-box input,.search-box select {background:#fff url(../images/layout/input_box_bg.png) top left repeat-x; border:1px solid #444; padding:2px; vertical-align:middle; font-size:1.1em;}
.search-box input.search-btn {background:transparent url(../images/layout/search_btn.gif) top left no-repeat; width:22px; height:22px; outline:none; border:0; vertical-align:middle;}
.search-box input.search-btn:hover {background:transparent url(../images/layout/search_btn.gif) -26px 0 no-repeat;}
.search-box .keywords {color:#666;}
.search-box .keywords:focus {color:#000;}

.flash-player {display:none;}
.top-list {display:block; width:100%; padding:0}
.top-list-row {background:#000 url(../images/layout/top_list_row_bg.png) left bottom repeat-x; width:100%;}
.top-list-row .padding-class {margin:6px 10px; float: left;}

.top-list-row-small {background:#000 url(../images/layout/top_list_row_bg.png) left bottom repeat-x; width:270px;}
.top-list-row-small .padding-class {margin:6px 10px; float: left;}

.top-list-row h5 {font-size:1.2em; font-weight:bold; color:#fff;}
.top-list-row img, .top-list-row-small img {float:left; margin-right:15px;}
.phrase-cloud {width:100%; border:1px solid #2a2a2a; margin-top:15px; float:left;}
.phrase-cloud .padding-class {margin: 8px;}
.phrase-cloud .tags {text-align:center; margin-bottom:1em;}
.phrase-cloud a {margin:0.3em 0.5em;}
.news-promo {width:100%; border:1px solid #2a2a2a; margin-top:15px; float:right;}
.news-promo .padding-class {margin: 8px;}
.news-promo ul {margin:0.5em 3em; font-size:1.1em;}
.news-promo ul div {font-size:1.2em;}
.news-promo ul li {margin:0.8em 0;}
.training-consultant {padding-left:23px; background:transparent url(../images/layout/training_consultant.gif) left center no-repeat;}
.shopping-basket {padding-left:23px; background:transparent url(../images/layout/shopping_basket.gif) left center no-repeat;}
.outside-uk {padding-left:15px; background:transparent url(../images/layout/world.gif) left center no-repeat;}
.site-map {padding-left:14px; background:transparent url(../images/layout/site_map.gif) left center no-repeat;}

.form-submit {margin:1.5em 0 1.5em 13em;}
.form-submit span {font-size:1.2em;}
.form-submit a, .table p a {color:#2e6b9e;}
.form-submit a:hover, .table p a:hover {color:#fff; background-color:#387ac2; text-decoration:none;}
.form-submit a:active, .table p a:active {color:#fff; background-color:#2e639e; text-decoration:none;}

.breadcrumb {margin:0; font-size:1.1em;}
.product-color {height:4px; margin:15px 3px 15px 3px;}
.training-consultant-column1 {width:100%; font-size:100%;}
.training-consultant-column2 {width:100%;  font-size:100%;}
.training-consultant-column1 h2 {font-size: 2em; color:#000; margin:1em 0 0.5em 0; font-weight:normal;}
.training-consultant-column2 ul li {}
.training-consultant-column2 a {text-decoration: underline;}
.training-consultant-column2 a:hover {text-decoration: none;}
.arrow-link {background:transparent url(../images/layout/arrow_link.png) left top no-repeat; text-decoration:none; width:220px; height:90px; padding:18px 0 0 18px; font-size:1.8em; font-weight:bold; display:block; margin:10px 0; text-align:left;}
.quarter-column {width:195px; float:left; padding-left:20px;}
.confirm ul {font-size:1.3em; margin-left:3em;}
.pager {font-size:1.4em; font-weight:bold; color:#000;}
.pager a {padding: 0.3em 0.6em; border:#4B4B4B 1px solid; font-weight:normal; margin:0 0.7em; display:block;}
.pager a:hover {border:#fff 1px solid; text-decoration:none;}
.image-left {float:left; padding:0.2em 0.2em 0.2em 0;}
.image-right {float:right; padding:0.2em 0 0.2em 0.2em;}
.bestseller {padding-left:17px; background:transparent url(../images/layout/bestseller.gif) left center no-repeat; font-weight:bold; margin-left:7px; color:#000;}
.error-home, .error-cats, .error-sitemap {list-style-type:none; float:left;}
.error-home a, .error-cats a, .error-sitemap a {width:8em; background:#252525; margin-right:0.5em; text-align:center; padding:80px 0 12px 0; display:block;}
.error-home a {background:#252525 url(../images/layout/error_home.gif) top center no-repeat;}
.error-cats a {background:#252525 url(../images/layout/error_cats.gif) top center no-repeat;}
.error-sitemap a {background:#252525 url(../images/layout/error_sitemap.gif) top center no-repeat;}
.actions li {font-size:1.3em; list-style-type:disc; margin:0.5em 0 0 2em; font-weight:normal font-weight:bold; line-height:1.4em;}
.no-print {display:none;}

/*Category background colours*/
.colour-attitude {background-color:#306345;}
.colour-change {background-color:#A8B2B7;}
.colour-communication {background-color:#C6168D;}
.colour-customer-service {background-color:#4495D1;}
.colour-diversity {background-color:#98A5D4;}
.colour-fish {background-color:#6C2C91;}
.colour-interviewing {background-color:#FFDD00;}
.colour-leadership {background-color:#F58220;}
.colour-managing-tasks {background-color:#B1063A;}
.colour-negotiation {background-color:#5CA038;}
.colour-performance {background-color:#926C47;}
.colour-teamwork {background-color:#DE3C29;}
.colour-corporate-social {background-color:#175197;}
.colour-finance {background-color:#B08D02;}
.colour-health-safety {background-color:#2F7212;}
.colour-creativity {background-color:#D7DF23;}
.colour-other {background-color:#E52141;}

.preview-btn {
	display:block; 
	width:152px; 
	height:38px; 
	background:#000 url(../images/layout/preview_btn_bg.png) no-repeat 0 0; 
	font-size:1.1em;
	margin-bottom:10px;
	color:#ccc;
	}

.preview-btn span
{
	margin: 3px 5px 2px 20px;
	display: block;
}

.preview-btn:hover {
	background:#000 url(../images/layout/preview_btn_bg.png) no-repeat 0 -40px; 
	text-decoration:none;
	color:#fff;
	}

.product-pdf {
	display:block; 
	width:127px; 
	background:#000 url(../images/layout/product_pdf.png) 0 0 no-repeat; 
	font-size:1.1em;
	padding:3px 5px 2px 20px;
	margin-bottom:10px;
	color:#ccc;
	}
	
.contact-link {
	display:block; 
	width:127px; 
	font-size:1.1em;
	padding:0 5px 2px 20px;
	margin-top:4px;
	color:#7d7d7d;
	}
.contact-link:hover {text-decoration:none; color:#fff;}
.link-chat-live {
	background:transparent url(../images/layout/chat_live_bg.png) left top no-repeat;
	font-size:1.1em;
	}
.link-email {
	background:transparent url(../images/layout/email_bg.png) left top no-repeat;
	}
	
	
.side-panel 
{
	display:none;
}

.side-panel div.inner 
{
	display:block;
	background-color: Transparent;
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom:1px;
}

.side-panel h3 {color:#000; margin:0 10px; font-size:1.6em; font-weight:bold;}
.side-panel p {margin:0 10px;}
.side-panel a {color:#7d7d7d;}

.side-panel-option 
{
	display:block;
	height:auto;
	background:transparent url(../images/layout/side_panels/sp_option_bg.png) left bottom repeat-x;
	margin:6px 3px 0 3px;
	padding:0 8px;
}

.side-panel-option label {display:block; width:auto; float:left; font-size:1.3em; color:#fff; font-weight:bold;}
.side-panel-option input {float:right;}
.side-panel-label {width:14em; float:left; display:inline; border:0;}
.side-panel-input {width:4.5em; float:right; display:inline; border:0;}
.side-panel-option a {margin:2px;}

.side-panel-attitude {background-image:url(../images/layout/side_panels/sp_attitude.png)}
.side-panel-change {background-image:url(../images/layout/side_panels/sp_change.png)}
.side-panel-communication {background-image:url(../images/layout/side_panels/sp_communication.png)}
.side-panel-customer-service {background-image:url(../images/layout/side_panels/sp_customer_service.png)}
.side-panel-diversity {background-image:url(../images/layout/side_panels/sp_diversity.png)}
.side-panel-fish {background-image:url(../images/layout/side_panels/sp_fish.png)}
.side-panel-interviewing {background-image:url(../images/layout/side_panels/sp_interviewing.png)}
.side-panel-leadership {background-image:url(../images/layout/side_panels/sp_leadership.png)}
.side-panel-managing-tasks {background-image:url(../images/layout/side_panels/sp_managing_tasks.png)}
.side-panel-negotiation {background-image:url(../images/layout/side_panels/sp_negotiation.png)}
.side-panel-performance {background-image:url(../images/layout/side_panels/sp_performance.png)}
.side-panel-teamwork {background-image:url(../images/layout/side_panels/sp_teamwork.png)}
.side-panel-corporate-social {background-image:url(../images/layout/side_panels/sp_corporate_social.png)}
.side-panel-finance {background-image:url(../images/layout/side_panels/sp_finance.png)}
.side-panel-health-safety {background-image:url(../images/layout/side_panels/sp_health_safety.png)}
.side-panel-creativity {background-image:url(../images/layout/side_panels/sp_creativity.png)}
.side-panel-other {background-image:url(../images/layout/side_panels/sp_general.png)}

.side-panel-submit {text-align:right; padding:0 8px; margin-bottom:2em;}
.divider {display:block; height:22px; background:transparent url(../images/layout/divider.png) left top no-repeat; margin:12px 0;}
.top-list-column {display:block; float:left; width:282px; border-right:1px solid #2a2a2a; padding-left:20px; margin-bottom:20px;}
.borderless {border:0;}
.paddingless {padding:0;}
.intro {color:#000; font-size:1.8em;}
.notice {border:#000 1px solid; padding:0.6em; margin:0.5em 0; font-size:1.3em;}
.notice p {font-size:100%;}
.failure {font-size:1.3em; font-weight:bold; color:#E8C95E;}
.subtitle {color:#888;}
.subtitle a:hover {text-decoration:none;}
.radio-buttons input {background:none; border:0;}
.input-box {font-size:100%; padding:0.2em; background:#fff url(../images/layout/input_box_bg.png) top left repeat-x; border:1px solid #444;}

/*category links*/
.cat-link {font-size:1.1em; font-weight:bold}
.unknown_category a {color:#404040;} /* ADDDED BY ORIG - TO SEE WHICH ONES HAVEN'T GOT STYLES YET */

.attitude a {color:#306345;}
.change a {color:#A8B2B7;}
.communication a {color:#C6168D;}
.customer-service a {color:#4495D1;}
.diversity a {color:#98A5D4;}
.fish a {color:#6C2C91;}
.interviewing a {color:#FFDD00;}
.leadership a {color:#F58220;}
.managing-tasks a {color:#B1063A;}
.negotiation a {color:#5CA038;}
.performance a {color:#926C47;}
.teamwork a {color:#DE3C29;}
.corporate-social a {color:#175197;}
.finance a {color:#B08D02;}
.health-safety a {color:#2F7212;}
.creativity a {color:#D7DF23;}
.other a {color:#E52141;}

/*input buttons*/
/*button { 
  border:0; 
  cursor:pointer; 
  font-weight:normal; 
  padding:0 ; 
  text-align:center; 
  font-family:Arial, Helvetica, sans-serif;
}
button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
}
button.submit-btn { 
  background:url(../images/layout/button_bg.png) right no-repeat; 
  font-size:1.3em; 
  color:#fff;
  width:122px;
  height:22px;
}
button.submit-btn span { 
  height:50px; 
  line-height:50px;
  background:url(../images/layout/button_bg_l.png) left no-repeat;
  color:#000; 
}
button.submit-btn:hover {
	background:url(../images/layout/button_bg_r.png) right no-repeat; 
}
button.submit-btn:hover span {
	background:url(../images/layout/button_bg_l.png) left no-repeat; 
}*/


.clear 
{
	display:block; 
	clear:both;
}


.contact_submit
{
	margin-top: 20px;
	margin-left: 40px;
}


/*******************************
SLIDING TAB BOXES
*******************************/
		* { margin: 0; padding: 0 }
		/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		


		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: none; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 100%; /* Also specified in  .stripViewer .panelContainer .panel  below */
			clear: both;
			background: #373737;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 100%; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			width: 100%;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 16px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0;
			width:100%;
			/*background:#000 url(../images/layout/top_list_tab_bg.png) left top repeat-x;*/
		}
		
		.stripNav li.tab1 a { background:#000 url(../images/layout/top_list_tab_bg.png) left top repeat-x; border:1px solid #383838; margin-top:-1px; margin-left:-1px;}
		.stripNav li.tab1 a:hover { background:#000 url(../images/layout/top_list_tab_bg_hover.png) left top repeat-x; border:1px solid #383838; text-decoration:none;}
		.stripNav li.tab2 a { background:#000 url(../images/layout/top_list_tab_bg.png) left top repeat-x; border:1px solid #383838;  margin-top:-1px; margin-left:1px}
		.stripNav li.tab2 a:hover { background:#000 url(../images/layout/top_list_tab_bg_hover.png) left top repeat-x; border:1px solid #383838; text-decoration:none;}
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			font-size:20px;
			background: #000;
			color: #000;
			border:0;
			margin:0;
		}
		.stripNav li a.current:hover {
			text-decoration:none;
			cursor:default;
			background:#000;
			border:0;
		}
	
		.stripNavL, .stripNavR { /* The left and right arrows */
			display: none;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: none;
		}
		
		
#popupContainer
{
	display: none;
}