/******************************************************************************************
 *********************                     GENERIC                   **********************
 ******************************************************************************************/


h3.debug { clear: both; margin-top: 20px; padding-top: 20px; border-top: 0px dotted #666; color: #666;}
.debug { font-size: 70%;  color: #666;margin: 0; }
.clear { clear: both;}
.debug {  }
iframe { width: 1px; height: 1px; border: none; }

/********** CMS **********/

.editor_edit { float: right; }


/***************************** DEFINING THE MAIN LOOK & FEEL ******************************/

body {
	width: 874px; margin: 0 auto 0 auto; 
/*	font-family: Lucida Grande,Arial,Trebuchet MS,Tahoma, Verdana, sans-serif; font-size: 11px;*/
	font-family: Verdana, Tahoma, sans-serif; font-size: 11px;
	color: #414141;
}


#site_notify p,
#site_errors p { padding: 5px 20px; margin: 2px 0;font-weight: bold; }
#site_notify p { background: #77b874; color: white;  }
#site_errors p { background: #b52b00; color: white;  }
#site_notify a { color: #ffd; }
#site_notify .small {font-size: 80%; font-weight: normal;}

a { cursor: pointer;  }

strong { font-weight: bolder; font-style: auto;}
em { font-style: italic; }

.italic { font-style: italic;}
.italic strong { font-style: italic; }

#print { 
	display: block; text-indent: -9999px; width: 40px; height: 40px;
	background: url(/img/generic/print.jpg) no-repeat 0 0;
	float: right;
} 

#hatch { color: #777; text-decoration: none; float: right; margin-right: 220px; padding-bottom: 20px;}

.to_options { padding: 10px; border: 1px solid #666; background: #eee; font-weight: bold; }

#content_section p.price_label { 
	margin-top: 10px; margin-bottom: 10px; padding: 5px; border: 2px solid #5e4a6f; 
	background: #383768 url(/img/generic/price.png) repeat-x 0 0; font-weight: bold; color: white;
  width: 180px; font-size: 1.2em;
}


/********** MAIN AND CONTENT *********/

#supercontainer { }

#content,
#content_section { border-bottom: 1px solid #ccc;}
#content .c_container,
#content_section .c_container{ padding-bottom: 20px; }
#main { width: 665px; background: transparent url(/img/generic/main_shadow.png) repeat-y right top; }
#main p { line-height: 1.4 }

#abstract {
	padding: 24px 36px;
	border-bottom: 1px solid #c6c6c6;
}

/********** TABLES *******/
/********** FORMS ********/

input.txt,
input.number,
textarea { border: 1px solid #ccc;}
input.validation-failed { border: 1px solid #b42625; background-color: #fff0f0;}
.validation-advice { font-weight: bold; color: #b42625; }
label.required { font-weight: bold; }
input.txt:focus,
input.number:focus,
textarea:focus { border: 1px solid #9d875e;}
input.number { text-align: right width: 50px; padding: 3px 5px; }

/********** POPUPS *******/
/********** PANELS *******/

.right_panel { display: inline; float: right; width: 209px; }
.left_panel { display: inline; float: left; width: 665px; }
.right_panel h2 { font-size: 15px;}

/********** HEADER *******/

#header { 
	width: 874px; height: 84px;
	background: url(/img/generic/header_bg.png) repeat-y;
	position: relative;
}
#header_contact { 
	width: 155px; height: 35px; 
	padding-right: 40px; padding-top: 0px;
	position: absolute;	bottom: 10px; right: 10px;
	color: white; text-align: right;
	background: url(/img/generic/phone.gif) no-repeat bottom right; 
	font-size: 1.2em; font-weight: bold; 
}
#header_contact a {
	color: white;
	white-space: nowrap;
}
#logo { margin-top: 15px;}


/********** FOOTER *******/

#addthis { text-align: right; }

#footer { padding-bottom: 14px; background: url(/img/generic/body_bg.png) no-repeat bottom center;}
#leaders_digest { 
	background: url(/img/generic/blog_icon.jpg) no-repeat 40px 10px; position: relative;
	padding-bottom: 15px; width: 665px; padding-top: 14px; 
}
#leaders_digest #link_blog { 
	padding-left:47px; float: left; width: 173px; height: 110px; display: block;
	font-size: 12px; font-weight: bold; color: #333e50; text-indent: -9999px;
}
#leaders_digest .digest { 
	float: left; display: block;
	width: 440px;
}
#leaders_digest .container { background: url(/img/generic/leader_digest_hr.gif) no-repeat center bottom; }
#leaders_digest p { padding: 0; margin: 0 20px 0 5px; color: #616161; margin-bottom: 5px;}
#leaders_digest a { text-decoration: none; color: #616161; }
#leaders_digest .title a { color: #616161; font-weight: bold; }
#leaders_digest .date a { color: #284160;}
#leaders_digest .more { text-align: right; }
#leaders_digest .more a { color: #284160;}

#our_clients h3 { 
	padding-left:47px; padding-top: 15px;float: left; width: 173px; 
	font-size: 12px; font-weight: bold; color: #333e50;
}
#our_clients ul { list-style: none; }
#our_clients li { 
	display: block; width: 140px; height: 45px; float: left; position: relative;
}
#our_clients li div{	position: absolute; background-position: center center; background-repeat: no-repeat; width: 140px; height: 45px; }

#footer #shortcuts { list-style: none; }
#footer #shortcuts li { display: block; width: 125px; line-height: 20px; float: left; position: relative; }
#footer #shortcuts a { color: #888; text-decoration: none; } 

/********** MENU *********/

#main_menu {
	padding-top: 15px;
	height: 21px;
	position: absolute;
	bottom: 0;
	right: 209px;
}
#main_menu ul { padding: 0; margin: 0;}
#main_menu li {
	display: inline; float: left; padding: 0 15px;
	line-height: 21px; 
	font-weight: bold; font-size: 12px;
	font-family: Trebuchet MS, Arial;
	background: url(/img/generic/menu_line.gif) no-repeat bottom left;
}
#main_menu li.selected { background-image: url(/img/generic/menu_line_selected.gif);}
#main_menu li a { 
	text-decoration: none; color: #a7b3bf;
	display: block; 
	padding: 0 5px;
}
#main_menu li a:hover,
#main_menu li.selected a { color: white;}

/********** BANNER *******/

#banner {  width: 665px; height: 157px; background: url(/img/generic/banner_bg.jpg) no-repeat 0 0; }

#banner_menu { float: right; margin: 0; padding: 0; margin-top: 120px; }
#banner_menu li { float: left; display: inline; position: relative;}
#banner_menu li ul { 
	background: url(/img/spacer.gif) no-repeat; border: 1px solid #ccc; border-top: none;
	display: none; z-index: 200; position: absolute; margin: 0; padding: 0; left: 0; top: 37px; 
}
#banner_menu li.over ul,
#banner_menu li:hover ul { display: block;}
#banner_menu li li { float: none; position: static; display: block; padding: 0; margin: 0;}
#banner_menu li a { display: block; line-height: 29px; padding: 8px 14px 0px 20px; margin-right: 6px; background: url(/img/generic/tab_inactive_l.gif) no-repeat top left; text-decoration: none; }
#banner_menu li { background: url(/img/generic/tab_inactive_r.gif) no-repeat top right;}
#banner_menu li.over,
#banner_menu li:hover { background: url(/img/generic/tab_active_r.gif) no-repeat top right;}
#banner_menu li.over a,
#banner_menu li:hover a { background-image : url(/img/generic/tab_active_l.gif)}
#banner_menu li.current a { background-image : url(/img/generic/tab_current_l.gif)}
#banner_menu li.current { background: url(/img/generic/tab_current_r.gif) no-repeat top right;}
#banner_menu li li a,
#banner_menu li.over li a,
#banner_menu li:hover li a,
#banner_menu li.current li a{ line-height: normal; padding: 10px 20px; margin: 0; width: 220px;  border-top: 1px solid #ccc; background: white; text-decoration: none; color: #555;}
#banner_menu li li a:hover,
#banner_menu li.over li a:hover,
#banner_menu li.current li a:hover,
#banner_menu li:hover li a:hover { background: #eaeaea;}

/********** RIGHT PANEL **/


.right_panel #products { margin-bottom: 20px; }
.right_panel #iso_logo { 
	float: right; margin-right: 23px;
	display: block; width: 100px; height: 85px; text-indent: -9999px;
	background: url(/img/generic/iso.gif) no-repeat left top;
}
.right_panel #iso_logo:hover { background-position: left bottom; }

.right_panel { background: url(/img/generic/right_panel_bg.png) repeat-x bottom left; padding-bottom: 30px;}
.right_panel #products  h2 {
	color: #9d7fbb;
	margin: 13px 40px 20px 20px;
}
 #products  h3,
 #products  li a {
	padding: 5px 10px;
}
 #products li a {
	display: block; 
	background: #fafafa; border-bottom: 1px solid #e0e0e0; 
	text-decoration: none;
	color: #8d8d8d;
}
#products li a:hover { background: #f0f0f0; text-decoration: underline; }
#products .special li a { background: #ede0f8; color: #463e4d; border-bottom: 1px solid #b7a2c9 }
#products .special li a:hover { background: #e8daf4}
#products ul.special { margin-bottom: 5px; border-bottom: 1px solid #503c61; }
#products h3 {
	border-top: 1px solid #cbcbcb;border-bottom: 1px solid #e1e1e1;
	background: #f0f0f0 url(/img/generic/product_menu_section.png) repeat-x 0 0;
	padding-top: 10px;	
	color: #284160;
	font-size: 13px;
}
#products h3.special { 
	background-image: url(/img/generic/product_menu_training_resources.png);
	background-color: #3b2b4f; border-top: 0px;
}
#products h3 a{
 color: #284160;
 text-decoration: none;
}
#products h3.special a,
#products h3.special { color: white; }

#promotion_div { 
	background: white url(/img/generic/promotion_heading.gif) no-repeat top left;
	width: 163px; padding-top: 73px;
	margin: 20px auto;
	border: 1px solid #b5b5b5;
	color: #284160;
}
#promotion_div h3 {
	margin: 0 5px 5px 5px;	
	padding: 0;
}
#promotion_div p { 
	margin: 5px;
}
#promotion_div input,
#promotion_div label { width: 137px; margin: 0 5px; }

#free_best_practice { 
	display: block; width: 180px; height: 100px; margin: 25px auto; clear: both; 
	text-indent:-9999px;
	background: url(/img/generic/bestpractice.png) no-repeat 0 0;
}
#free_best_practice:hover { background-position: left bottom; }

/********** USER_MENU ****/

#user_menu {
	background: #ebe7de;
	width: 80%;
	height: 33px;
	font-size: 120%;
}
.left_panel #user_menu ul { margin-left: 0px; padding-left: 0px; }
#user_menu li {
	display: inline; float: left;
	margin-left: 20px; line-height: 33px;
}
#user_menu_shopping_bag { padding-left: 20px; background: url(/img/generic/shopping_bag.gif) no-repeat left top; }


/********** BREAD CRUMBS */

#bread_crumbs { line-height: 47px; width: 732px;}
#bread_crumbs ul { margin-left: 20px; list-style: none; }
#bread_crumbs li { float: left; margin-right: 5px; }


/********** PRODUCT ******/


/********** CMS PAGES  ******************************************************/

.standard .left_panel h1, 
.standard .left_panel h2, 
.cms .left_panel h1, 
.cms .left_panel h2 { 
	margin: 20px 20px 10px;
}
.standard .left_panel h1,
.cms .left_panel h1 { 
	font-size: 16px;
}

.cms .left_panel h1 {color: #284160; font-size: 13px; font-weight: normal;}
.cms .left_panel h3 {color: #284160; font-size: 11px; font-weight: normal;}
.cms .left_panel #p_right_panel h3 {color: #414141; font-size: 11px; font-weight: bold;}
.cms .left_panel #p_right_panel h3 strong { color: #4d4b8f }

.standard .left_panel h2,
.cms .left_panel h2 { 
	font-size: 120%;
}
.standard .left_panel p,
.cms .left_panel p { 
	margin: 5px 20px 5px;
}
.standard .left_panel ul,
.cms .left_panel ul,
.cms #p_left_panel ul {
	margin-left: 20px; padding-left: 20px; 
	list-style: disc;
}
.cms #p_left_panel ul ul,
.cms #p_left_panel ul ol { margin-bottom: 1.5em; }

.cms .left_panel ol {
	margin-left: 20px; padding-left: 20px; 
	list-style: decimal;
}
.cms .left_panel dl {
	margin: 20px;
}
.cms .left_panel dt {
	font-weight: bold; text-decoration: underline; 
	margin-top: 15px;
	font-size: 110%;
}
.cms .left_panel dt a { color: #000f12 }
.cms .left_panel dd p,
.cms .left_panel dd ul { margin-left: 0;}

.cms .left_panel p.paragraph { margin-top: 20px; }
.cms .left_panel p.paragraph_big_space { margin-top: 60px; }

blockquote {
	 padding-top: 40px;
	 font-family: Helvetica, Verdana, Arial, sans; font-size: 15px; color: #284261/*#775d8f*/;  font-style: italic;
}

blockquote p { margin: 10px 0; }
blockquote em { font-style: italic; font-size: 11px;}

#home .left_panel blockquote {
  padding: 20px 20px 0px 20px;
  width: 517px; float: right;
}

#tlsa_training_solutions_business_games_and_simulations #p_left_panel table { background: #eee; border: 1px solid #888}
#tlsa_training_solutions_business_games_and_simulations #p_left_panel table th { background: #ddd; font-weight: bold; font-size: 1.1em;}

/********** LOGIN/JOIN ***************************/

#join h1,
#login h1 { 
	margin-top: 20px; padding-bottom: 6px; padding-left: 20px;
	font-size: 16px;
}
#join #content h2,
#login #content h2 { 
	margin-top: 20px; padding-bottom: 6px; padding-left: 20px;
	font-size: 14px;
}
#join #content p { margin: 5px 20px;}

#login #help,
#login #content table,
#join #content table {
	width: 325px; padding-bottom: 6px; margin-left: 20px;
}
#join #content input.txt,
#login #content input.txt { font-size: 16px; width: 150px; padding: 5px;}
#join #content td,
#login #content td { padding: 5px;text-align: right;}
#join #content td.input,
#login #content td.input { width: 160px; }
#join #content td.newsletter { text-align: center;}
/*#register_form_submit input,
#login_form_submit input { ont-size: 16px; background: #77643A; border: 2px solid  #333; color: white; font-weight: bold; padding: 5px;}*/
#join #register_div select { width: 160px; }
#join #register_div,
#join #login_div { width: 365px; float: left; display: inline;}

/********************** ABOUT US *******************************/

#about #content { padding-bottom: 15px;}
#about #left_column,
#about #right_column { clear: right;width: 322px; float: left; margin-top: 22px; }
#about #left_column { margin-left: 20px; }
#about #left_column h1,
#about #right_column h1 {margin-top: 10px; color: #284160; font-size: 15px; font-weight: bold;}
#about #left_column h2 {margin-top: 0; color: #284160; font-size: 12px; font-weight: bold;}

* html #about #left_column { margin-left: 0; }

/********************** CONTACT US *******************************/

#contact #content { /* background: url(/img/generic/contact_us_bg.jpg) no-repeat bottom left; */ padding-bottom: 15px; }

#contact #content h1,
#contact #content h3,
#contact #content p { margin-left: 0; }
#contact #content h1 { margin-bottom: 15px; font-size:15px; font-weight:bold; line-height:20px; }
#contact #content h3 { margin-bottom: 0; margin-top: 20px;}
#contact #content p { color: #616161; margin-top: 0; }
#contact #content a { text-decoration: none; color: #616161; }
#contact #content a:hover { text-decoration: underline; }

#contact #content #contact_form_div { float: left; width: 355px; margin-left: 20px;}
#contact #content #contact_details { float: left; width: 260px; }
#contact #content #contact_form { background: white; }

#contact #contact_form .txt {
  width: 200px;
  padding: 3px 5px; line-height: 20px; 
}
#contact #contact_form label { 
	display: block; float: left; width: 100px; 
	line-height: 20px; padding: 3px 5px; 
}
#contact #contact_form #email_content { 
	width: 310px; height: 300px; padding: 3px 5px;
}
#contact #contact_form .submit { margin-left: 110px;}
#contact #contact_form .validation-advice { clear: left; margin-left: 110px; }

/******************** FAQ **************************************************/


/*********** HOME *******/

#home #content {
	width: 665px;
	padding-bottom: 40px;
	/*background: url(/img/home/main_bg.png) no-repeat bottom right;*/ 
}
#home #abstract { border: none; padding-top: 0px; }
#home #abstract p { margin: 0;}
#home #abstract blockquote p { margin: 10px 0;}

#home .left_panel h2 { margin-left: 0; color: #284160; font-size: 15px; }

/* TRAININGS SECTION */
.trainings { margin-top: 10px; float: left; width: 310px; }
.trainings ul { display: none; }
.left_panel .trainings a.heading {
	display: block; width: 202px; height: 68px;
	background-repeat: no-repeat; background-position: left top;
	text-indent: -9999px; margin: 0;
}
.left_panel .trainings a.heading:hover { background-position: -221px top; }
#training_sales_management_training a.heading { background-image: url(/img/generic/sales_title.gif); }
#training_sales_training a.heading { background-image: url(/img/generic/sales_leadership_title.gif); }
#training_leadership_training a.heading { background-image: url(/img/generic/leadership_management_title.gif); }
#training_training_resources a.heading { background-image: url(/img/generic/training_resources_title.gif); }

.cms .left_panel .trainings ul { margin: 17px 20px 25px 41px; padding: 0; list-style: none;}
.cms .left_panel .trainings li { margin-bottom: 7px;}
.cms .left_panel .trainings p { padding-left: 15px; }
.cms .left_panel .trainings em { font-style: italic; }

/*********************** PRODUCTS AND TRAINING PAGES *************/
body.sales_leadership #content {
	background: url(/img/generic/sales_leaderrship_bg.png) repeat-x bottom left; 
}
body.sales_training #content .c_container { background: url(/img/generic/sales_leaderrship_rbg.png) no-repeat bottom right}
body.leadership_training #content {
	background: url(/img/generic/leaderrship_and_management_bg.png) repeat-x bottom left; 
	border-bottom: 1px solid #777;
}
body.leadership_training #content .c_container { background: url(/img/generic/leaderrship_and_management_rbg.png) no-repeat bottom right}
body.sales_management_training #content {
	background: url(/img/generic/sales_bg.png) repeat-x bottom left; 
	border-bottom: 1px solid #777;
}
body.sales_management_training #content .c_container { background: url(/img/generic/sales_rbg.png) no-repeat bottom right}

/********************** TRAINING AND PRODUCTS *******************************/

#p_left_panel,
#p_right_panel { clear: right; float: left; margin-top: 22px; }
#p_left_panel { width: 220px; margin-left: 40px;}
#p_right_panel { width: 340px; margin-left: 25px; }
#p_right_panel h1 { margin: 0 20px 15px 0;}
#p_right_panel p { margin: 5px 0; }
#about #left_column { margin-left: 20px; }
#about #left_column h1 {margin-top: 0; color: #284160; /*font-size: 13px; font-weight: normal;*/}
#p_left_panel #image { width: 194px; height: 113px; background: url(/img/generic/training1.jpg) no-repeat 0 0; border: 1px solid #ccc;}

#content_section p,
#content_section li,
#content_section td { line-height: 1.5em;}

#content_section #p_right_panel p { text-align: justify; }
#content_section #p_right_panel p.price_label { text-align: center; }
#content_section #p_right_panel td p { text-align: left; }
#content_section #p_right_panel img.right { float: right; margin-left: 10px; }
#content_section #p_right_panel img.left { float: left; margin-right: 10px;}
#content_section li { margin-bottom: 0.5em; }

#content_section h3 { line-height: 1.5em; }

/** SECTIONS */

.section  .left_panel h1 { margin-top: 0;font-weight: bold; font-size: 15px; line-height: 20px;}
.section #content_section { padding-bottom: 15px;}
.section #p_left_panel,
.section #p_right_panel { clear: right; margin-left: 0;}
.section #p_left_panel { width: 205px; margin-right: 20px }
.section #p_right_panel { width: 417px; }
.section .left_panel #p_left_panel ul { width: 160px; list-style: disc; padding-left: 20px; margin-right: 15px; }

.section .left_panel #p_right_panel h2 { margin-left: 0; margin-top: 30px;}

/*.cms .left_panel .trainings li a { text-decoration: none; color: #414141; }
.cms .left_panel .trainings li a:hover { text-decoration: underline; color: black;}*/

#sales_management_training h1,
#sales_training h1,
#leadership_training h1 {
  display: block; width: 215px; height: 68px;
  background-repeat: no-repeat; background-position: top left;
  text-indent: -9999px; margin: 0;
}
#sales_management_training h1 { background-image: url(/img/generic/sales_title.gif); }
#sales_training h1 { background-image: url(/img/generic/sales_leadership_title.gif); }
#leadership_training h1 { background-image: url(/img/generic/leadership_management_title.gif); }


.section #left_column {}

/* fixes for IE */
* html .section #p_left_panel { width: 200px; margin-right: 0;}
* html .section .left_panel #p_left_panel ul { width: 150px; }

/*** TRAINING RESOURCES ***/

#training_resources #p_left_panel,
.training_resources #p_left_panel,
.training_explanation #p_left_panel { padding-top: 70px; background: url(/img/generic/training_resources_title.gif) no-repeat 0 0; }

.training_explanation .left_panel h2 { color: #284160; font-size: 15px; }

.training_explanation .left_panel h2.leadership_training { color: #4d4b8f; }
.training_explanation .left_panel h2.sales_management_training { color: #d99267; }
.training_explanation .left_panel h2.sales_training { color: #ab6668 }

#training_resources #p_right_panel table { border: 1px solid #999;}
#training_resources #p_right_panel table td  { border-left: 1px solid #999;}
#training_resources #p_right_panel table th  { border-left: 1px solid #999; background: #ddd}
#training_resources #p_right_panel table td,
#training_resources #p_right_panel table th { padding: 5px; } 
#training_resources #p_right_panel table a { text-decoration: none; }

* html #training_resources #p_right_panel table { width: 410px; }
/*************************** PROGRAMMES **********************************/

#programme .left_panel h1 { font-size: 16px; margin: 30px 25px 10px; }
#programme #back_to_open_programmes { text-align: right; margin-right: 25px;}
#programme .programme_summary { margin: 20px; width: 623px; }

#programme .programme_summary td { padding: 5px; }
#programme .programme_summary ul { list-style: disc; padding-left: 5px; margin-left: 10px; padding-bottom: 15px; }
#programme .programme_summary ol { list-style-type: decimal; padding-left: 20px; }
#programme .programme_summary ol ul { padding-bottom: 0px; }
#programme .programme_summary .heading { background: #eee; }

/** SUMMARY **/

#programme blockquote.programme_summary { padding: 0; font-size: 13px; margin-top: 5px; }
#programme h2.programme_summary { text-align: center; }



#business_simulation_datacapture { 
  display: block; width: 180px; height: 100px; margin: 10px auto; clear: both; 
  text-indent:-9999px;
  background: url(/img/generic/try_simulation.png) no-repeat 0 0;
}
#business_simulation_datacapture:hover { background-position: left bottom; }

#programme .to_options { margin: 20px; }
#programme #content_section ul { margin-left: 20px; }
#programme #content_section td ul { margin-left: 10px; }
#programme #content_section h2 { font-size: 1.5em; margin-top: 10px; margin-left: 20px; }
#programme #content_section h3 { margin-left: 20px; line-height: 1.5em; }
#programme #content_section td h2 { font-size: 1.2em; margin: 0 0 10px 0 }


/*************************** ADVERTS **********************************/

#adverts_container { height: 130px; font-family: Verdana, Trebuchet MS, Tahoma; font-size: 1.3em; background: white; }
#adverts_container a { color: inherit; text-decoration: none; }
#adverts_container .odd { background: #7d698e; color: white; }
#adverts_container .odd a { color: white; }
#adverts_container .even { background: white; color: #7d698e; }
#adverts_container .even a { color: #7d698e; }
#adverts_container .advertise { padding: 12px; height: 100px; overflow: hidden; }
#adverts_container .advertise_title { font-weight: bold; margin-bottom: 5px;   }
#adverts_container .advertise_content { font-size: 0.9em; }