﻿/************************************
VIDEOARTS.COM GLOBAL STYLESHEET
*************************************
MAIN ELEMENTS
************************************/

body {
	font-size:62.5%; /* Resets 1em to 10px */
	font-family:Arial, Helvetica, sans-serif; 
	color:#c9c9c9; 
	background:#535353;
	margin:0;
	padding:0;
	}
body a {color:#fff; 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;}
p a {border-bottom:#ccc 1px dotted;}
p a:hover {border-bottom:#ccc 2px solid; text-decoration:none;}
a.pdf-download {background:transparent url(../images/layout/pdficon_small.gif) left center no-repeat; padding-left:22px;}
h2 {color:#e13a3e; 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:#313131 url(../images/layout/bg_gradient.png) left top repeat-x; text-align: center;}
#header {width:946px; height:115px; margin-left:auto; margin-right:auto; text-align: left;}
#main {width:946px; margin-left:auto; margin-right:auto; background:#000 url(../images/layout/main_bg.png) left top no-repeat; padding:0.5em 0 2em 0; text-align: left;}
#main-modal {width:100%; margin-left:auto; margin-right:auto; background:#000; padding:0.5em 0 2em 0;}
#footer {background:#535353 url(../images/layout/footer_bg.png) left top repeat-x; border-top:1px solid #000; text-align:center;}
#footer h4 {color:#b9b9b9; 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 {width:195px; float:left; padding-left:40px;}
#footer-links {margin-left:auto; margin-right:auto; width:946px; text-align:left;}
#footer-strap {margin-left:auto; margin-right:auto; width:946px; height:50px; background:transparent url(../images/layout/longer_lasting_learning.png) left top no-repeat; margin-top:10px; padding-top:10px; font-size:1.1em; color:#ccc;}
#footer-strap ul {margin:0; padding:0 0 0 270px;}
#footer-strap ul li {display:inline; border-right:#757575 1px solid; padding:0.2em 0.3em 0.2em 0.4em; margin:0; float:left;}
#footer-strap ul li.end-link {border-right:none;}
#footer-strap a {font-size:100%;}
#page-title {font-size:4em; margin-bottom:0.2em;}
#page-title div {display:inline;}
#page-title h1 {display:inline; color:#fff; font-size:100%; font-weight:normal;}
#page-title h1.advanced{display:inline; color:#fff; font-size:0.8em; font-weight:normal;}
#page-title a {color:#b7b7b7; border-bottom:#2a2a2a 3px solid}
#page-title a:hover {text-decoration:none; color:#fff; border-bottom:#999 3px solid}
#content-nav {font-size:1.2em; 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.3em; border-left:#e13a3e 2px solid; padding-left: 0.3em;}
#content-nav ul li.selected a:hover {cursor:default; text-decoration:none;}
#main-content {width:710px; float:left;}


/*******************************
TEMPLATE DIVIDERS & THEIR ELEMENTS
*******************************/
#homepage {margin:0 28px;}
#homepage h1 {color:#fff; margin:-2px 0 0 0; font-size:3em; font-weight:normal;}
#homepage h2 {color:#e13a3e; font-size:1.8em; font-weight:bold;}
#homepage h2.strapline {color:#888; font-size:1.8em; font-weight:normal; margin:0 0 6px 0;}
#homepage p {line-height:normal;}
#homepage h2.promo {font-size:2em; margin:15px;}
#homepage p.promo {font-size:1.6em; color:#fff; margin:15px;}
#homepage div.promo {font-size:1.6em; color:#fff; margin:15px;}
#homepage a.promo {font-size:2em; color:#fff; padding:10px; border:none; margin:10px 15px; display:block; background:#e52141 url(../images/layout/arrow_mask.gif) right center no-repeat; font-weight:bold;}
#homepage a.promo:hover, #homepage a.promo2:hover, #homepage a.promo_blue:hover {font-size:2em; color:#000; padding:10px; border:none; margin:10px 15px; display:block; background:#fff url(../images/layout/arrow_mask.gif) right center no-repeat; font-weight:bold; text-decoration:none;}
#homepage a.promo:active, #homepage a.promo2:active, #homepage a.promo_blue:active {color:#fff; background:#3c3c3c url(../images/layout/arrow_mask.gif) right center no-repeat;}

#homepage a.promo2 {font-size:2em; color:#fff; padding:10px; border:none; margin:10px 15px; display:block; background:#ffff00 url(../images/layout/arrow_mask.gif) right center no-repeat; font-weight:bold;}
#homepage a.promo_blue {font-size:2em; color:#fff; padding:10px; border:none; margin:10px 15px; display:block; background:#4495D1 url(../images/layout/arrow_mask.gif) right center no-repeat; font-weight:bold;}

#menu {width:165px; float:right; padding:80px 30px 0 0; display:inline;}
#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:#e13a3e; 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:#e13a3e; font-weight:bold; padding:0}
#menu li.selected a:hover {color:#e13a3e; font-weight:bold; text-decoration:none; cursor:default;}
#menu h3 {background:#e52141 url(../images/layout/heading_callout.gif) left bottom no-repeat; color:#fff; font-size:1.4em; font-weight:normal; margin-top:1.5em; padding:1px 2px 10px 3px;}
#menu li.quote-option {border:0; font-weight:normal; margin:0.5em 0; font-size:1em;}
#menu li.quote-option a {display:inline; padding:0; color:#7d7d7d;}
#menu li.quote-option a:hover {text-decoration:underline;}
#menu label {float:left; font-size:1.2em; font-weight:bold;}
#menu input {float:right;}

/*Services - home*/
#service {margin-left:28px;}
#service h2 {font-size: 2em; color:#e13a3e; margin:0 0 0.5em 0; font-weight:normal;}
#service h2 a {color:#e13a3e; border-bottom:#e13a3e 1px dotted;}
#service h2 a:hover {text-decoration:none; border-bottom:#e13a3e 2px solid;}
#service h3 {font-size: 1.2em; color:#e13a3e; margin:0px;}
#service p {font-size:1.3em;}
#service .custom-content {}
#service .product-types {}
#service ul.product-types {margin-left:0;}
#service ul li ul.product-types li {font-size:1.3em; padding:8px 0 8px 48px; font-weight:normal; list-style-type:none; margin:0.5em 0; color:#c9c9c9;}
#service .product-types .disc {background:transparent url(../images/layout/product_disc.gif) left center no-repeat;}
#service .product-types .packs {background:transparent url(../images/layout/product_pack.gif) 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:#c9c9c9;}
#service-courselist {width:660px; float:left; margin:0; font-weight:normal; color:#c9c9c9; 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:#c9c9c9; border: 1px solid #222; padding:10px;}
#service .service-box {margin:0; padding:0; color:#c9c9c9;}
#service .service-box li {list-style-type:none; width:320px; float:left; margin-bottom:10px; 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:#e13a3e;}
#service .intro-para {font-size:1.5em; font-weight:bold; color:#fff;}

/*Services*/
#services {margin-left:28px;}
#services h2 {font-size: 2em; color:#e13a3e; margin:0.7em 0 0 0; font-weight:normal;}
#services h3, #about-us h3, #general .training-consultant-column1 h3, #general .training-consultant-column2 h3 {font-size:1.5em; font-weight:bold; color:#fff; margin:0px; padding:0.2em; background-color:#272727;}
#services h4 {font-size:1.5em; font-weight:bold; color:#e13a3e; display:inline;}
/*#services h5 {font-size:1.3em; font-weight:normal; color:#e13a3e; 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, .training-consultant-column1 p.intro-para {font-size:1.5em; font-weight:normal; background:#e13a3e url(../images/layout/intro_para_corner.png) left top no-repeat; color:#fff; padding:6px 13px; line-height:1.3em;}
#services-leftcontent li, #services-rightcontent li {font-size:1.3em; background:transparent url(/images/layout/bullet_arrow.gif) 0 4px no-repeat; list-style-type:none; padding-left:25px; margin:0.5em 0; 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:320px; float:left; margin:1em 0 0 0; font-weight:normal; color:#c9c9c9;}
#services-rightcontent {width:320px; float:right; display:inline; margin:1em 0 0 0; font-weight:normal; color:#c9c9c9;}
#services-blendedmenu {width:200px; float:left; display:inline; margin:20px 0 0 40px; 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.gif); 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.gif); 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.gif); 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.gif); 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:#c9c9c9;}
#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.gif); background-repeat: no-repeat; background-position: left;}
#services ol,#my-va ol {margin-left:25px;}
#services ol li,#my-va ol li {list-style-type:decimal ; font-size:1.3em; background:none; padding-left:0; margin:0 0 0.4em 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,
#services td {border:none; padding:4px 7px;}
#services th {text-align:center; background-color:#000; font-weight:bold; color:#e13a3e; 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; background:transparent url(../images/layout/loading_l.gif) center 53px no-repeat;}
#categories ul.categories_list li.li-attitude img {padding-bottom:0; border-bottom:7px solid #306345;}
#categories ul.categories_list li.li-change img {padding-bottom: 0; border-bottom:7px solid #A8B2B7;}
#categories ul.categories_list li.li-communication img {padding-bottom: 0; border-bottom:7px solid #C6168D;}
#categories ul.categories_list li.li-customer-service img {padding-bottom: 0; border-bottom:7px solid #4495D1;}
#categories ul.categories_list li.li-diversity img {padding-bottom: 0; border-bottom:7px solid #98A5D4;}
#categories ul.categories_list li.li-fish img {padding-bottom: 0; border-bottom:7px solid #6C2C91;}
#categories ul.categories_list li.li-interviewing img {padding-bottom: 0; border-bottom:7px solid #FFDD00;}
#categories ul.categories_list li.li-leadership img {padding-bottom: 0; border-bottom:7px solid #F58220;}
#categories ul.categories_list li.li-managing-tasks img {padding-bottom: 0; border-bottom:7px solid #B1063A;}
#categories ul.categories_list li.li-negotiation img {padding-bottom: 0; border-bottom:7px solid #5CA038;}
#categories ul.categories_list li.li-performance img {padding-bottom: 0; border-bottom:7px solid #926C47;}
#categories ul.categories_list li.li-teamwork img {padding-bottom: 0; border-bottom:7px solid #DE3C29;}
#categories ul.categories_list li.li-corporate-social img {padding-bottom: 0; border-bottom:7px solid #175197;}
#categories ul.categories_list li.li-finance img {padding-bottom: 0; border-bottom:7px solid #B08D02;}
#categories ul.categories_list li.li-health-safety img {padding-bottom: 0; border-bottom:7px solid #2F7212;}
#categories ul.categories_list li.li-creativity img {padding-bottom: 0; border-bottom:7px solid #D7DF23;}
#categories ul.categories_list li.li-other img {padding-bottom: 0; border-bottom:7px 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; color:#000;}
#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;}

/*Topics*/
#topics {margin: 0 28px;}
/*#topic h2 {margin-bottom:-20px;}*/
#topics a.h2 {color:#e13a3e;}
#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 #preamble {font-size:1.2em; }
.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:#e13a3e; 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:#e13a3e; margin:0px;}
#atoz h2 a {color:#e13a3e;}
#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:#e13a3e; border-bottom: 1px solid #4d4d4d;}
.atoz-title a {font-size:.8em; font-weight:normal; padding:2px; color:#c9c9c9; text-decoration:none;}
.atoz-content {width:460px; 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.gif); background-repeat: no-repeat; background-position: left top;}
.atoz-backtotop {float:right; margin:0px 0 0 40px; font-weight:normal; padding:2px; color:#c9c9c9;}
.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:#e13a3e; margin:0 0 0.5em 0; font-weight:normal;}
#clients h3 {font-size:1.6em; font-weight:bold; color:#fff; 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:#c9c9c9;}
#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 {border-bottom:#ccc 1px dotted;}
#clients p a:hover, #clients li a:hover {border-bottom:#ccc 2px solid; text-decoration:none;}

/*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:#e13a3e; 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:#e13a3e; margin:0 0 0.5em 0; font-weight:normal;}
#about-us .left-column {width:320px; float:left; margin:0;}
#about-us .right-column {width:320px; float:right; 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:#e13a3e; font-size:1.4em;}

/*Contact Us*/
#contact {margin-left:28px;}
#contact h2 {font-size:2em; font-weight:normal; color:#e13a3e; 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; border-bottom:#ccc 1px dotted;}
#contact .contact-by a:hover {color:#fff; border-bottom:#ccc 2px solid; 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 select {padding:0.2em; background:#fff; border:1px solid #444;}
.contact-form input.input-box:hover {border:#e13a3e 1px solid;}
.contact-form input.input-box:focus {border:#e13a3e 1px solid;}
.contact-form label.float {margin-left:1.5em; width: 10em; float: left; text-align: left; margin-right: 5em; display: block}
.contact-form label.float1 {margin-left:0em; 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: #e13a3e; margin: 0 0 0 25px; padding: 0 5px;}
.contact-form  .label {margin-left:220px;}
.contact-form  .inputlabel {font-size:14pt; color:#a00}
.contact-form  table.inputlabel1 {float:left;font-size:14pt; color:#a00}

.contact-form  .terms {clear:both;float:left;margin-top:10px;}

/*Product*/
#product {margin:0}
#product h1 {font-size:4em; font-weight:normal; color:#fff; margin:0 28px;}
#product h2 {font-size:2em; font-weight:normal; color:#fff; margin:0 28px;}
#product h3 {font-size:1.5em; font-weight:normal; color:#e13a3e;}
#product h3.side-panel-title {font-size:1.8em; font-weight:normal; color:#fff;}
#product h4 {font-size:1.1em; color:#e13a3e;}
#product-video {margin:0 20px;}
#product-video-left, #product-video-right {width:156px; float:left;}
#product-video-right ul.tags {font-size:1.1em; margin:0; line-height:normal;}
#product-video-right ul.tags a {color:#7d7d7d;}
#product-video-right ul.tags a:hover {color:#fff; text-decoration:none;}
#product-video-player {width:587px; float:left; text-align:center; background:transparent url(../images/layout/video_player_bg.png) top center no-repeat;}
#product #product-video-right {padding:0 3px;}
#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 30px 0 30px; border-bottom:1px solid #4d4d4d; margin-bottom:20px;}
#product-info-links {background-color:transparent; padding: 0 30px 0 30px; width:860px; 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; margin:5px; margin-bottom:-1px;}
#product-info-links a {padding:5px 20px 5px 20px; font-size:1.2em; float:left; display:block; font-weight:bold}
#product-info-links a.info_btn {background-color:#000; border:0; border:0; font-size:1.2em; font-weight:bold; color:#fff; text-decoration:none;}
#product-info-links a:hover.info_btn {background-color:#000; text-decoration:underline;}
#product-info-links a.info_btn.on {background-color:#000; border:1px solid #4d4d4d; border-bottom:1px solid #000; color:#e13a3e; text-decoration:none; cursor:default; font-size:1.6em;}
#product img.elearning {border:#292929 3px solid;}
#product #related a {text-decoration:none; border-bottom:#ccc 1px dotted;}
#product #related a:hover {text-decoration:none; border-bottom:#ccc 2px solid;}
#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:#e13a3e; 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%;}
#product .input-btn, #menu .input-btn {padding:0 .25em 0 .25em; width:auto; overflow:visible; background-color:#e52141; color:#fff; border:0; cursor:pointer; -moz-border-radius:3px;-webkit-border-radius:3px;}

/*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:#e13a3e; margin-left:40px; padding-top: 10px;}
 
/*News-story*/
#newsstory {margin-left:28px;}
#newsstory h2 {font-size:1.5em; font-weight:normal; display:block; color:#e13a3e; margin:0 0 0.4em 0; padding:0;}
#newsstory h3 {font-size:1em; font-weight:bold; color:#e13a3e; 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 ol {padding-left:3em;}
#newsstory ol li {margin:0.5em 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 0px;}
#newsstory-content {width:500px; float:left; display:inline; margin:10px 0 0 20px; font-size:1.3em; font-weight:normal; color:#c9c9c9;}
.newsstory-description {font-size:100%;}
.date {color:#999;}
.date span {color:#e13a3e;}
.date a {text-decoration:none; color:#c9c9c9; font-weight:bold;}
.date a:hover {color:#fff;}
.newsstory-description a {text-decoration:none; border-bottom:#ccc 1px dotted;}
.newsstory-description a:hover {text-decoration:none; border-bottom:#ccc 2px solid;}

/*News*/
#news {margin-left:28px;}
#news h2 {font-size:1.8em; color:#e13a3e; font-weight:bold; margin:0 0 0.4em 0;}
#news h2 a,#search-result h2 a {color:#fff; border-bottom:#ccc 1px dotted;}
#news h2 a:hover,#search-result h2 a:hover {text-decoration:none; border-bottom:#ccc 2px solid;}
#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:#c9c9c9;}
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:#c9c9c9;}
.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:#e13a3e;}
#my-va h3 {font-size:1.2em;}
#my-va h4 {font-size:1.2em; color:#e13a3e;}
#my-va #my-va-page-title {font-size:2em;}
#my-va #my-va-page-title h2 {font-size:1em;}
#my-va #my-va-page-title a {color:#b7b7b7; border-bottom:#2a2a2a 2px solid;}
#my-va #my-va-page-title a:hover {text-decoration:none; color:#fff; border-bottom:#999 2px solid;}
#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 0 0 11px; margin:0 0.2em; background:transparent url(../images/layout/bullet_triangle.gif) 0 5px no-repeat;}
#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 .greeting {display:inline; font-size:1.5em; font-weight:normal; padding:3px 5px; color:#e13a3e;}
#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 12px 5px 19px; font-size:1.2em; float:left; display:block; background:transparent url(../images/layout/dcl_tab.png) left center no-repeat; margin-left:20px;}
#my-va-tabs a.dcl-tab2 {padding:5px 12px 5px 19px; font-size:1.2em; float:left; display:block; background:transparent url(../images/layout/dcl_tab.png) left center no-repeat;}
#my-va-tabs a.learning-portal-tab {padding:5px 12px 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:#e13a3e; text-decoration:none; cursor:default; font-size:1.6em; font-weight:bold;}
#my-va .upload-date {color:#e13a3e;}

/*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:#e13a3e; 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:#e13a3e; 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:#c9c9c9; display:inline;}
#free-resources-resource-content h3 {margin-bottom:0.3em;}
#free-resources-resource-content h3 a {border-bottom:#ccc 1px dotted; margin-bottom:0.4em;}
#free-resources-resource-content h3 a:hover {border-bottom:#ccc 2px solid; text-decoration:none;}

/*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:#999; 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:1.4em; font-weight:normal; color:#e13a3e;}
#free-resources-item h4 {font-size:1.1em; font-weight:normal; color:#e13a3e;}
#free-resources-item h5 {font-size:1em; font-weight:normal; color:#e13a3e;}
#free-resources-item p {font-size:100%; color:#c9c9c9;}
#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:10px;}
#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:#c9c9c9; display:inline; width:500px; float:left;}
#free-resources-item-container-content ul {margin-left: 0px; padding-top:5px; font-size:100%;}
#free-resources-item-container-content ul li {list-style-type: none; list-style: none; padding:0.7em 0 0.7em 2.5em; background:transparent url(../images/layout/bullet_arrow.gif) 0 12px no-repeat; font-size:100%; color:#c9c9c9;}
#free-resources-item-container-content ol {font-size:100%;}
#free-resources-item-container-content ol li {font-size:100%; padding:0.7em 0 0.7em 1em;}

/*My VA hot-topics*/
#hot-topics {width:800px; float:left; margin-left:28px;}
#hot-topics h1 {font-size:2.2em; font-weight:bold; color:#e13a3e; margin:0; padding:0;}
#hot-topics h2 {font-size:1.8em; font-weight:normal; color:#e13a3e;}
#hot-topics-content {margin-left:40px; padding-top:5px; font-weight:normal; font-size:100%;}

/*My VA special-offers*/
#special-offers {width:800px; float: left; margin-left:28px;}
#special-offers h1 {font-size:2.2em; font-weight:bold; color:#e13a3e; margin:0; padding:0;}
#special-offers h2 {font-size:1.8em; font-weight:normal; color:#e13a3e; }
#special-offers-content {margin-left:40px; padding-top:5px; font-weight:normal; font-size:100%;}

/*General*/
#general {margin:0 28px;}
#general ul, #errorpage ul, #contact ul {margin:1em 1em 1em 4em; font-size:1.3em;}
#general .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.1em;}
#general .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; border:0;}
#general .buttons li a:hover {border:0; text-decoration:underline;}
#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:#c9c9c9 1px dotted;}
#general ul a:hover, #general ol a:hover {text-decoration:none; border-bottom:#c9c9c9 2px solid;}
#general .notice {border:#E8C95E 1px solid; padding:0.6em; margin:0.5em 0; font-size:1.3em;}
#general .notice p {font-size:100%;}
#general .notice ul,#general .notice ol {font-size:100%;}

/*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.gif) 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:#e13a3e; margin:0 0 0.5em 0; font-weight:normal;}

#print-footer {display:none;}

/*******************************
CLASSES
*******************************/

/*MY VA Lists*/
ul.recent_list
{
	margin: 0;
	padding: 0;
}

ul.recent_list li
{
	list-style-type: none;
}

/*search box*/
.search-box {display:block; margin-top:5px;}
.search-box input.input-box,.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:inline; width:512px; height:288px; float:left;}
.flash-player-site-vids {display:inline; width:512px; height:288px;}
.top-list {display:inline; width:360px; height:288px; border:1px solid #373737; float:right; padding:0}
.top-list-row {background:#000 url(../images/layout/top_list_row_bg.png) left bottom repeat-x; width:360px;}
.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; background:transparent url(../images/layout/img_loading_s.gif) center ceter no-repeat;}
.phrase-cloud {width:512px; height:196px; 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:361px; height:196px; 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;}
.sme {padding-left:17px; background:transparent url(../images/layout/sme.gif) left center no-repeat;}
.faqs {padding-left:16px; background:transparent url(../images/layout/faqs.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 28px; font-size:1.1em;}
.product-color {padding-top:4px; margin:15px 3px 15px 3px;}
.training-consultant-column1 {width:425px; /*width:500px;*/ float:left; font-size:100%;}
.training-consultant-column2 {width:425px; /*width:350px;*/ float:right; font-size:100%;}
.training-consultant-column1 h2 {font-size: 2em; color:#e13a3e; margin:1em 0 0.5em 0; font-weight:normal;}
.training-consultant-column1 h4, .training-consultant-column2 h4 {font-size:1.5em; color:#e13a3e;}
.training-consultant-column2 ul li {}
.training-consultant-column2 a {}
.training-consultant-column2 a:hover {}
.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:#e13a3e;}
.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:#F7E7B7;}
.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; background:transparent url(/images/layout/bullet_arrow.gif) 0 4px no-repeat; list-style-type:none; padding-left:25px; margin:0.5em 0; font-weight:bold; line-height:1.4em;}
.actions li a {text-decoration:none;}
.actions li a:hover {text-decoration:none; border-bottom:#ccc 2px solid;}
.request_submit .input-btn, .submit .input-btn, .input-btn {padding:0 .25em 0 .25em; width:auto; overflow:visible; background-color:#e52141; color:#fff; border:0; cursor:pointer; -moz-border-radius:3px;-webkit-border-radius:3px;}
.request_submit .input-btn-sec, .submit .input-btn-sec, .input-btn-sec {padding:0 .25em 0 .25em; width:auto; overflow:visible; background-color:#bbb; color:#333; border:0; cursor:pointer; -moz-border-radius:3px;-webkit-border-radius:3px;}

/*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;}

.fl-preview-btn {
	/*width:156px;*/
	display:block;
	background:#000 url(../images/layout/fl_callout_btn.gif) no-repeat left bottom;
	padding-bottom:5px;
	font-size:1.1em;
	margin-bottom:10px;
	}
.fl-preview-btn-inner {
	display:block;
	padding-top:1px;
	background:#000 url(../images/layout/fl_callout_btn.gif) no-repeat 0 0;
	}
.fl-preview-btn span.txt
{
	margin: 3px 10px 2px 18px;
	display: block;
}
.fl-preview-btn:hover {
	text-decoration:none;
	color:#fff;
	}
.fl-preview-btn .fl-preview-btn-inner:hover {
	background:#000 url(../images/layout/fl_callout_btn.gif) no-repeat 0 -100px; 
	}

.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;
	}
	
.product-options {
	display:block; 
	width:127px; 
	font-size:1.1em;
	padding:0 5px 2px 20px;
	margin-top:4px;
	color:#7d7d7d;
	}
.product-options: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 
{
	width:228px; 
	border:0; 
	float:right; 
	margin-right:33px; 
	background-color: Transparent;
	background-position: left top;
	background-repeat: no-repeat;
	padding-top:5px;
}

.side-panel div.inner 
{
	display:block;
	background-color: Transparent;
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom:1px;
}

.side-panel h3 {color:#e13a3e; 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 0;}

.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:#e13a3e; font-size:1.8em;}
.failure {font-size:1.3em; font-weight:bold; color:#e13a3e; margin: 1em 0; background-color:#222; padding:0.3em; border:#333 1px solid;}
.required {background-color:#222; border:0; padding:0; font-size:100%; display:block; clear:both;}
.required-msg {display:block; background:transparent url(../images/layout/required_arrow.gif) left top no-repeat; color:#EB8D76; padding:4px 4px 4px 20px; font-size:100%; margin-left:2em; min-height:0; width:100%; border:0; font-weight:normal;}
.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;}
.quote-box {background:#222; color:#e13a3e; font-size:1.5em; padding:0.6em 0.8em; font-weight:bold;}

/*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: 361px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 250px;
			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: 700px; /* 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: 364px;
		}
		
		.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:178px;
			/*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: #e13a3e;
			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;
		}
		
		
#welcomemsg {float:right;font-size:1.2em;font-weight:bold;margin-bottom:10px;padding-right:10px;}		
label.transparent {color:#000}


.price_container
{
	margin-left: 5px;	
}

.dvd_price
{
	color: #FFFFBF;
	margin-left: 7px;
}

.dvd_price_new
{
	margin-left: 7px;
	color: #FF0066;
}

.dvd_price2
{
	color: #FFFFFF;
}

.dvd_price_normal
{
	color: #ffffff;
}

.dvd_price_new2
{
	color: #FF0066;
}

.price_label
{
	display: inline;
	font-size: 1.3em;
	font-weight: bold;
}
