/* ///////////////////////////////////////////////////////////////////////////////////
////////////////////  BEGIN  UNIVERSAL ELEMENTs   ///////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////*/


/*********  Colour scheme ****************************

#EE7B01 -- Asterias Orange LOGO
#006BB5 -- Asterias BLUE LOGO
#ED7802 -- Other text Orange 
#385B89 -- Menu blue
#2D486F - Default Text

****************************************************** */

* { margin:0; padding:0; }


body{font-size:76%;}


table, form, div {	font-size:100%;}

body, table, form {
	margin-left: 0em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	font-family: Verdana, "Lucida Grande",Geneva,Arial,Helvetica,sans-serif;
	word-spacing: -0.05em; 
	font-weight: normal;
	color:#555555;
}


img {border:none;}
img.team_member{float:left; padding:8px;}
img.float_left_pad{float:left; padding:8px;}


p {margin:0; padding:0; line-height:1.3; font-size:1em; padding-right:0.8em; padding-bottom:0.5em; text-align:left; }
p.please_note{color:#666666; font-style: italic;}
p.grey{color:#666666; }
p.small{font-size:0.9em; line-height:1.2;}
p.small_print{color:#666666; font-size:0.9em; font-style: italic;}
p.monthly_brief{font-size:0.9em; padding:0; margin:0; line-height:1.1;}
p.width_75percent{width:75%;}
p.width_90percent{width:90%;}
p.quote{color:#666666; width:340px; padding-left:10px; padding-bottom:0.2em; font-style:italic; line-height:1.1;}
p.quote_source{color:#555555; width:340px; padding-left:10px; padding-bottom:0.1em; font-weight:bold; line-height:1.1; text-align:right;}
p.float {float:left; padding-left:10px;}
p.totalprice {text-align:right; padding-right:5px; margin-top:7px; font-size:1.2em; }


/* GENERIC CLASS */
.clear { clear:both; }
.noborder { border:none; }
.float_left { float:left; }
.float_right { float:right; }
.align_right {text-align:right;}
.align_left {text-align:left;}
.align_center {text-align:center; }
div.form_row{ width:100%; padding:2px; float:left;} /* used to contain error message inside form*/
div.nugget_container{margin-top:1em;/* padding-top:10px; padding-bottom:10px; text-align:center; border:#FF0000 1px solid; float:left; */} /* used to add consistent distance between loaed nuggets*/
.green {color:#006600;}
.more_readable p{line-height:1.5;}
.col_left{float:left; width:28%; }
.col_mid{float:left; width:28%; }
.col_right{float:left; width:28%; }

.bold {font-weight:bold;}
.sold_out{ background:url(../images/training/sold_out2.gif) 27% no-repeat; line-height:1.5;}
.sold_out_fr{ background:url(../images/training/sold_out2_fr.gif) 27% no-repeat; line-height:1.5;}
/*******************/

label {display: block;
float:left;
margin:0;
margin-right:4px;
text-align: right;
font-size:0.9em;
font-weight:bold;}

label.label_100px {
display: block;
float:left;
margin:0;
text-align: right;
font-size:0.9em;
font-weight:bold;
width:100px;}


FORM{padding: 0px; margin: 0px; }

INPUT,
TEXTAREA,
OPTION,
SELECT {
margin:0px;
padding:0px;
padding-left:1px;
padding-right:1px;
}

input.submit-button
{
height:1.6em;
width:auto;
color: #FFFFFF;
float: right;
background-color: #006BB5;
font-weight:bold;
font-size:0.9em;
border:none;
} 

input.normal
{
width:auto;
color: #333333;
background-color: #FFFFFF;
font-weight:bold;
border:#333333 1px solid;
} 


h1, h2, h3, h4, h5, h6  { 
font-family: Arial, Helvetica, sans-serif !important;
color:#EE7B01;  
margin:0em;
padding:0em;
font-style:normal;
font-weight:normal;
}

h1 {font-size:1.2em;
	padding-bottom:0.2em;
	font-weight: bold;
	font-style:italic;
}

h1 span.blue_logo { color:#006BB5;}
h1 span.blue_menu { color:#385B89;}
h1 span.grey { color:#CCCCCC;}

h1.paragraph_heading {color:#2D486F; font-size:1em; font-weight:bold; padding:0; margin:0; font-style:normal;}

h1.list_heading {color:#2D486F; font-size:1.1em; font-weight:bold; padding:0; margin:0; font-style:normal; font-stretch:expanded;}
h1.blue_logo{ color:#006BB5;}
h1.blue_menu{ color:#385B89;}
h1.grey{color: #999999;}
/*
h1.info_invest{ width:100%; font-size:1.1em; color: #555555; border: #555555 solid 1px; font-style:normal; padding:1px; margin-bottom:10px; margin-top:10px; padding-left:4px; float:left; background:url(../images/nav/heading1_arrow.gif) no-repeat 99% 75% #F7F7F7; }
*/
h1.orderform{ width:100%; font-size:1.1em; color: #FFFFFF; border: #000066 solid 1px; font-style:normal; padding:1px; margin-bottom:10px; margin-top:10px; padding-left:4px; float:left; background:url(../images/nav/heading1_arrow.gif) no-repeat 99% 75% #006BB5; clear:left;}
h1.cart_nug{ width:95%; font-size:1.1em; padding:2px; padding-left:7px; color: #FFFFFF; border: #000066 solid 1px; font-style:normal; margin-bottom:10px; /*nbackground:url(../images/nav/heading1_arrow.gif) no-repeat 99% 75% #006BB5; */background:url(../images/bkg/asterias_header_bkg2.jpg) repeat-x bottom #006BB5;}

h2.header{ width:97%; font-size:1.1em; color: #FFFFFF; border: #000066 solid 1px; font-style:normal; padding:1px; margin-bottom:10px; margin-top:10px; padding-left:4px; float:left; background:url(../images/nav/heading1_arrow.gif) no-repeat 99% 75% #006BB5}

h2 {font-size:1.1em; padding-bottom:0.2em; color: #385B89; font-weight: bold; vertical-align:middle;}
h2.thin {font-size:1.1em; padding-bottom:0.2em; color: #385B89; font-weight: normal; vertical-align:middle;}

h2.small {font-size:0.9em; padding-bottom:0.2em; color: #385B89; font-weight: bold; vertical-align:middle; font-style: italic;}

h2 span.blue_logo { color:#006BB5;}
h2 span.blue_menu { color:#385B89;}
h2 span.grey { color: #999999;}

h3 {font-size:1em; font-weight: bold; color: #385B89;}
h3.blue_logo{ color:#006BB5;}
h3.blue_menu{ color:#385B89;}
h3.black{ color:#333;}
h3.grey{color: #999999;}
h3.list_heading {color:#2D486F; font-size:1em; font-weight:bold; padding:0; margin:0; font-style:normal;}
h3 span.orange_logo { color:#EE7B01;}

h4 {font-size:1.1em; font-weight: bold;}
h4.blue_logo{ color:#006BB5;}
h4.blue_menu{ color:#385B89;}
h4.grey{color: #999999;}
h4.grey2{color:#666666;}

a:link {color:#2D486F;text-decoration: none;}
a:visited {color:#2D486F; text-decoration: none;}
a:hover {color: #2D486F; text-decoration: underline;}
a:active {color:#2D486F;text-decoration: underline;	}

a.green:link {color:#006600;text-decoration: none;}
a.green:visited {color:#006600; text-decoration: none;}
a.green:hover {color: #006600; text-decoration: underline;}
a.green:active {color:#006600;text-decoration: underline;	}


ul{margin: 0px; padding: 0px; display: list-item;
font-style:normal;
list-style:none;
text-indent: 0px;
text-align: left;
}

hr {border:  #CCCCCC dashed 1px; margin:3px; padding:0; width:95%;}


fieldset {background:url(../images/bkg/fieldset_bkg1.jpg) bottom repeat-x; padding:4px; border:#D3D2C7;}


/************* GENERAL BOXES  ******************************************************************************************/

#box{width: 100%; background: #F7F7F4; padding:7px; float:left; margin-bottom:1em; border: #DEDED1 solid 1px;}
#box div.nug_cal{background: #F7F7F4; padding:4px; width:95%;}
#box div.product_info{background: #F4F4F7;}
#box_dedicated_modules{width:100%; padding:7px; float:left; margin-bottom:1em; border: #DEDED1 solid 1px; background: #F7F7F4 url(../images/bkg/div_bkg_cube2.gif) top right no-repeat; }
#box_hand_writing {position:relative; width:98%; padding:7px; float:left; margin-bottom:1em; border: #DEDED1 solid 1px; background: #F7F7F4 url(../images/bkg/div_bkg_writing_hand.gif) top right no-repeat; }
#box hr{border:#999999 1px dashed; margin-top:2em; margin-bottom:2em;}
#box_checkout{background: #FCFAED; padding:5px; border:#FF9900 1px solid;}

div.login_box{width: 96%; background: #F7F7F4; padding:4px; padding-left:2px; float:left; margin-bottom:1em; border: #DEDED1 solid 1px;}




div.top_right_nugget{
width: 99%;
padding:0;
padding-left:1em;
float:left; 
border-left:#FF9900 1px dashed;
text-align:left;
font-weight:normal;
}

div.top_right_nugget p {padding-left:5px; padding-right:5px;}

div.top_right_nugget ul {
margin:0px;
padding:0px;
list-style:none;
display:block;
margin-bottom:1em;
font-size:0.9em;
font-weight:normal;
font-weight:100;
}

div.top_right_nugget ul li {
font-weight: normal;
background: url(../images/nav/blu_circle2.gif) no-repeat 6px 1px; /*distance of image from left margin */
padding-left:19px;/*distance of text from left margin */
/*display:list-item;*/
list-style:none;
margin-bottom:6px;
}

div.top_right_nugget ul li a{font-weight: normal;}


/* This is the box where the order NUGGET appears - top right - */
div.cart_nugget{width: 100%; /*background: #F4F4F7; */ background: #F4F4F7; padding:2px; float:left; border: #000066 solid 1px; font-size:0.9em; text-align:left; padding-bottom:10px; margin-bottom:5px;}
div.cart_nugget p {padding-left:5px; padding-right:5px; color:#777777;}
div.cart_nugget p.heading {padding-left:2px; padding-right:5px; color:#333333; font-weight:bold;}
div.cart_nugget h3 {padding-left:5px; padding-right:5px; font-size:1.2em; font-weight:normal; }


div.cart_nugget ul {
margin:0px;
padding:0px;
list-style:none;
display:block;

}

div.cart_nugget li {
background: url(../images/nav/blu_circle2.gif) no-repeat 6px 1px; /*distance of image from left margin */
padding-left:19px;/*distance of text from left margin */
font-size:1em;
color:#006600;
display:list-item;
list-style:none;
margin-bottom:6px;
}


div.info_box{width: 100%; background: #F9F9F7; padding:7px; float:left; border: #CFCFD6 dashed 1px;}
div.info_box h2{ color:#333333;}
div.checkout{width: 100%; background: #F9F9F7; padding:7px; float:left; border: #CFCFD6 solid 1px;}

div.box_transparent{width: 100%; background: #F7F7F4; padding:7px; float:left; margin-bottom:1em; border: #DEDED1 solid 1px;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
}


#checkout_nav{width:100%; padding:0; background: #E8EAF0; text-align:center; border-top:#000066 solid 1px; border-bottom:#000066 solid 1px; float:left;}
#checkout_nav div.repeat{width:22%; padding:4px; float:left; text-align:center;}
#checkout_nav div.repeat_selected{width:22%; padding:4px; float:left; text-align:center; background:url(../images/nav/orange_arrow2.gif) top center no-repeat;}
#checkout_nav p{padding:0; margin:0; text-align:center;}



#page_nav{}

/**********************************************************************************************************/


div#promotions {width:100%; padding:5px; padding-top:10px; background: #F7F7F7 bottom repeat-x; font-size:0.9em; float:left; border-bottom: #FF9900 2px solid; }
h1.promotions {width:100%; background: url(../images/bkg/asterias_header_bkg3.jpg) repeat-x bottom #F5A742; color:#FFFFFF !important; padding:2px; padding-left:6px; font-size:1.1em; font-style:normal; margin-bottom:1px;}
div#promotions p { padding-left:4px; color:#333333; padding-bottom:12px;}

div#promotions ul {
margin-left:0px;
padding:0px;
list-style:none;
display:block;

}

div#promotions ul li {
background: url(../images/nav/blu_circle2.gif) no-repeat 5px 2px; /*distance of image from left margin */
padding-left:17px;/*distance of text from left margin */
display:list-item;
list-style:none;
}


/***********************************************************************************************************************/
/*********************************************  MX KOLLECTION CSS **************************************************/
/***********************************************************************************************************************/

/* Special items : error containers, field hints, required table cell  */
	.KT_field_error {	color:#800000;
		font-weight: bold;
		clear:left;
		background: #FFFFCC;
		border: #800000 1px dashed;
		padding:4px;
		margin:3px;}
	
	.KT_field_hint {
		color:#0000cc;
		font-size: 10px;
	}
	.KT_tngtable td.KT_required {
	}
	/* span containing the "*" for required field labels */
	.KT_tngtable label span.KT_required {
		padding: 0 2px;
		color: #cc0000;
		font-family: Courier New, Courier, monospace;
		font-weight: normal;
	}


/* The client-side error displaying */

	/* How the label should change on error */
	.form_validation_field_error_label {
		/* color:#cc0000; */
	}

	/* How the input's container (TD) should change on error */
	.form_validation_field_error_container {
		/* border: 2px solid black; */
	}

	/* How the input textfield should change on error */
	.form_validation_field_error_text {
		/* border:2px solid #cc0000; */
	}

	/* The actial error message style */
	.form_validation_field_error_error_message {
		color:#800000;
		font-weight: bold;
		clear:left;
		background:url(../images/nav/error.gif) 1% 20% no-repeat #FFFFCC;
		border: #800000 1px dashed;
		padding:2px;
		margin:2px;
		float:none;
		text-align:right;
	}
	form.form_validation_form_error table {
		border: 2px solid red;
	}

/* The server-side error displaying */
/* topmost error div */
#KT_tngerror {
	padding: 5px 10px 5px 50px;
	margin:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #CC0000;
	font-size: 12px;
	border:1px solid red;
	background-color:#FFFFE4;
	background-image:url(images/error.gif);
	background-repeat:no-repeat;
	background-position:left;
}

/* trace container ( iniitally collapsed), and "Submit this to InterAKT... " area */
#KT_tngdeverror, #KT_tngtrace {
	padding: 5px 10px 5px 5px;
	margin:5px;
	border:1px solid black;
	font-family:Courier, sans-serif;
	font-size: 12px;
	background-color:#FAFAFA;
}

	/* alignment and borders for the form submit buttons */
	#KT_tngdeverror #KT_needhelp {
		text-align: right;
	}

	#KT_tngdeverror label, #KT_tngtrace label {
		display: block;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
	}

	#KT_tngtrace ul {
		padding-left:10px;
		margin-left:10px;
	}

	#KT_tngtrace_details {
		display: none;
	}

#KT_tngwarning {
	padding: 10px 10px 10px 50px;
	margin:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #0000CC;
	font-size: 12px;
	border:1px solid blue;
	background-color:#E4FFFF;
	background-image:url(images/warning.gif) ;
	background-repeat:no-repeat;
	background-position:left;
}



/*********************************************************************************
************  -- BEGIN WEB PAGE LAYOUT -- ****************************************
*********************************************************************************/


#wrapper {
top:0px;
left:0px;
width:100%;
margin:0px;
padding:0px;
float:left;
}


#header{position:relative; width:100%; height:117px; z-index:2;}

#header_message{position:absolute; left:345px; top:7px; width:602px; height:70px; z-index:99;}


#header_top{
position: relative;
left:0px; top:0px;
margin:0px;
padding:0px;
width:100%;
height:98px;
text-align:right;
background:url(../images/header/header5.jpg) no-repeat;
/* background:url(../images/header/header_xmas.jpg) no-repeat;  ************  XMAS DECORATION 2006*/
z-index:1;
}

/* testing new headers ********************************************************************************/


#header_top1{
position: relative;
left:0px; top:0px;
margin:0px;
padding:0px;
width:100%;
height:98px;
text-align:right;
background:url(../images/header/header2.jpg) no-repeat;
/* background:url(../images/header/header_xmas.jpg) no-repeat;  ************  XMAS DECORATION 2006*/
z-index:1;
}

#header_top2{
position: relative;
left:0px; top:0px;
margin:0px;
padding:0px;
width:100%;
height:98px;
text-align:right;
background:url(../images/header/header5.jpg) no-repeat;
/* background:url(../images/header/header_xmas.jpg) no-repeat;  ************  XMAS DECORATION 2006*/
z-index:1;
}

#header_top3{
position: relative;
left:0px; top:0px;
margin:0px;
padding:0px;
width:100%;
height:98px;
text-align:right;
background:url(../images/header/header8.jpg) no-repeat;
/* background:url(../images/header/header_xmas.jpg) no-repeat;  ************  XMAS DECORATION 2006*/
z-index:1;
}




#menu_top {
position: relative;
width:100%;
text-align:left;
background:url(../images/bkg/asterias_header_bkg2.jpg) repeat-x bottom #006BB5;
border-bottom:#000066 1px solid;
float:left;
z-index:3;}



#menu_top_nav {
position: relative;
width:90%;
text-align:right;
font-weight:bold;
font-size:0.9em;
padding:0.2em;
color:#FFFFFF;
}
	
#menu_top a { color:#FFFFFF; }



#menu_top_building{ position: absolute; left:91%; bottom:-1px; width:110px; height:115px; z-index:101;
background: url(../images/header/building_top.gif) no-repeat; }
 
 
#editable_body {
 position: relative;
 width:1150px;
 margin:0;
 background: #ffffff;
 float:left;
}

#editable_body_flex {  /* for FULLY resisable pages such as pop ups etc.. */
 position: relative;
 width:95%;
 margin:0;
 left:0px; top:0px;
 margin-top:1em;
 background: #ffffff;
 float:left;
}


#editable_body div.menu_left {
position: relative;
left:0px; top:0px;
width:200px;
margin:0px;
padding:0px;
margin-top:0.8em;
padding-left:5px;
float:left;
}

#editable_body div.body {
position: relative;
left:0px; top:0px;
margin:0px;
padding:0px;
margin-top:1em;
width:650px;
float:left;
}


#editable_body div.home {
position: relative;
left:0px; top:0px;
margin:0px;
padding:0px;
width:850px;
margin-top:1em;
float:left;
}

#editable_body div.body_kart {
position: relative;
left:0px; top:0px;
margin:0px;
padding:0px;
margin-top:1em;
width:750px;
float:left;
}

#editable_body div.menu_right {
position: relative;
left:0px; top:0px;
margin:0px;
padding:0px;
margin-top:1em;
width:230px;
float:left;
}


#footer_wrapper{
position: relative;
background-position:0% 100%;
background-repeat:no-repeat;
width:100%;
 height:50px; 
margin-top:20px;
float:left;

/*XMAS DECORATION 2006
background-image:url(/images/xmas/footer_xmas.jpg);  
height:80px;
margin-top:5px;
 */
}

#footer {
position:absolute;
left:10px;
bottom:0px;
width:100%;
height:1.4em;
padding-top:0.1em;
font-size:0.85em;
float:left;
clear: left;
background:url(../images/bkg/asterias_header_bkg2.jpg) repeat-x bottom #006BB5;
border-bottom:#000066 1px solid;
border-top:#000066 1px solid;
margin-bottom:2px;
color:#FFFFFF;
}


#footer_img {
position:absolute;
left:0px;
bottom:2px;
background-image:url(../images/footer/footer_bkg2.gif);
background-position:0% 100%;
background-repeat:no-repeat;
height:70px;
width:70px;
z-index:100;
}


#footer span.left {text-align:left; float:left; padding-left:60px;}
#footer span.right {text-align:right; float:right; margin-right:25px;}
#footer a { color:#FFFFFF;}


/************  -- end WEB PAGE LAYOUT -- ****************************************
*********************************************************************************/

#page {	width:98%; margin:0px; margin-left:20px; padding:0px; 	}
	
#page ul {
margin:0px;
padding:0px;
font-style:normal;
font-weight:bold;
list-style:none;
display:block;
text-indent: 0px;
text-align: left;
padding-bottom:1em;
}

#page li {
background-image: url(../images/nav/orange_arrow.gif);
background-repeat:no-repeat;
background-position: 6px 1px; 
margin:0px;
padding:0px;
padding-left:22px;
font-style:normal;
font-weight:normal;
display:list-item;
list-style:none;
line-height:1.3;
text-indent: 0px;
text-align: left;
}

#page li.square {
background-image: url(/images/nav/copy.gif);
background-repeat:no-repeat;
background-position: 3px 1px; 
line-height:1.5;
padding-bottom:0.2em;
}


#page ul li.small {font-size:0.9em;}

#page div.normal{ width:95%;  float: left; }	
#page div.left{ width:48%;  float: left; }	
#page div.right{ width:48%;  float: right; }	

#page div.index{width:100%;  float: left; }

#page div.index_info_invest{width:32%; float: left; padding:10px; border-right:#FF9900 1px dashed;}
#page div.index_info_invest ul {
width:80%;
margin:0px;
padding:0px;
list-style:none;
display:block;
text-indent: 0px;
text-align: left;
}

#page div.index_info_invest li {
background-image: url(../images/nav/orange_arrow.gif);
background-repeat:no-repeat;
background-position: 6px 1px; 
margin:0px;
margin-top:8px;
padding:0px;
padding-left:22px;
display:list-item;
list-style:none;
line-height:1.3;

}

#page div.index_training{width:32%;  float: left; padding:10px; padding-left:15px; border-right:#FF9900 1px dashed;}
#page div.index_promotion{width:25%;  float: left; padding:10px; padding-left:15px; }


/* ############  NEW HOME PAGE DIVS  ########################## */
#page div.index_graph{width:37%;   float: left; padding:5px; /*border:1px #999999 solid; */}
#page div.index_table{width:30%;   float: left; padding:5px;  /*border:1px #FF0000 solid;*/}
#page div.index_intro{width:30%;   float: left; padding:5px;  /*border:1px #FF0000 solid;*/}
#page div.index_monthly_news{width:28%; float: left; padding-left:10px;   border-left:#FF9900 1px dashed;}
#page div.index_monthly_news h2 {margin:0; padding:0; margin-top:0.4em; font-style:normal; font-size:0.95em;}
#page div.index_monthly_news p {margin:0; padding:0; font-size:0.9em; font-style:italic; }


#page div.index_info_invest_new{width:28%;   float: left; padding:10px;  border-right:#FF9900 1px dashed;}
#page div.index_hf_training{width:32%;   float: left; padding:10px; border-right:#FF9900 1px dashed; }
#page div.index_matket_access{width:30%; float: left; padding:10px; }



/****************************************************************/


#page div.index_left{width:46%; padding:0px;  float: left; background: #F4F4F0; padding:5px;}

/* info invest home page */
#page div.monthly_news{width:39%; padding:0px;  float: left; /* background: #F5F5F5; */ padding:5px; }
/*h2.monthly_brief{ color:#2D486F; font-weight: bold; padding:0; margin:0; font-style:normal;}*/
#page div.monthly_brief{width:54%; padding:0px; float: left; }
/* END info invest home page */
#page div.newuser{ width:94%;padding-left:20px;  float: left; background: url(../images/bkg/fieldset_bkg10.jpg) no-repeat 100% 0%;}
#page div.training{width:94%; padding-left:20px; float: left;}
#page div.training_no_img{width:94%; float: left;}
#page div.training_img1{ width:94%; float: left; background: url(../images/bkg/fieldset_bkg8.jpg) no-repeat 95% 0%;}

#page div.training_venue{ width:94%; float: left;}
#page div.training_venue_left{width:57%; padding:0px;  float: left; padding:5px;}
#page div.training_venue_right img{ border:#999999 1px solid;}
#page div.training_venue_right{width:30%; padding:0px; float: left; padding:5px;}

#page div.cart{width:94%; float: left; }
#page div.orders{width:94%;  float: left; }

/*-------------------------------------- PRODUCT INFO SECTION -------------------------------------------------------------*/

#page div.product_info{ width:95%; float: left;  }
#page div.product_info_repeat{ width:100%; padding-left:10px; border-bottom:#CCCCCC 1px dashed; }
#page div.product_info_repeat_over{ width:100%; padding-left:10px; border-bottom: #CCCCCC 1px dashed; background: url(../images/bkg/div_bkg_product_info_repeat_over.gif) no-repeat 0% 0%; cursor:pointer; }
#page div.product_info_img_repeat{ width:25%; float: left; text-align:center;}

#page div.product_info_details_repeat{ width:70%; padding-left:10px; float: left; }
#page div.product_info_details{ width:64%; padding-left:10px; float: right; }
#page div.product_info_details label{width:27%; padding:2px; text-align:right; color: #333333; font-size:0.9em; font-weight:bold; }
#page div.product_info_details p{width:66%; padding:2px; color: #333333; background: #F4F4F7; margin-bottom:3px; float:left;}
#page div.product_info_img{ width:32%; float: left; text-align:center; }

/*-------------------------------------- CONSULTANCY SECTION -------------------------------------------------------------*/


#page div.consultancy{ width:95%;  float: left; }	


/*-------------------------------------- CHECK OUT INFO SECTION -------------------------------------------------------------*/

#page div.order_confirmation{ width:100%; float: left;  }
#page div.order_confirmation label{width:30%; padding:2px; text-align:right; color: #333333; font-size:0.9em; font-weight:bold; float:left; }
#page div.order_confirmation p{width:65%; padding:2px; color: #333333; background: #F4F4F7; margin-bottom:3px; float:left;}

#page div.invoice { width:85%; border:#777777 1px solid; padding:15px; }

/*----------------------------------------------------------------------------------------------*/

#page div.info_invest{ width:95%; float: left; }
#page div.clear{clear:both;}

/*-----------------   this will format all tables on the website  ------------------- */

.cart {width:100%; float:left;}

.cart td{
height:1.6em;
margin-bottom:0.1em;
background-color: #FFFFFF;
border-bottom: #C0C5CB 1px solid;
font-size: 0.9em;
padding:3px;
}
.cart td.spacer{
height:1.6em;
margin-bottom:none;
background-color: #FFFFFF;
border-bottom:none;
font-size: 0.9em;
padding:3px;
}
.cart td.bold{font-weight:bold;}
.cart td.title{font-weight:bold; font-size:1em; font-weight:normal;}
.cart td.sold_out{ background:url(../images/bkg/sold_out_bkg.gif) center no-repeat; height:30px;}
.cart td.sold_out_fr{ background:url(../images/bkg/sold_out_bkg_fr.gif) center no-repeat; height:30px;}
.cart table tr.xxx{background-color:#FBF3DB;}	


.cart th{
color:#FFFFFF;
height:1.6em;
text-align:left;
background-color: #006BB5;
border-top: #000066 1px solid;
border-bottom:#000066 1px solid;
background-image:url(../images/nav/heading1_arrow.gif);
background-position:98% 75%;
background-repeat:no-repeat;
margin-top:1em;
margin-bottom:0.1em;
font-size: 0.9em;
font-weight:bold;
padding-left:0.4em;
padding-right:1em;
padding-top:0.1em;
}


#asterias_table table {width:100%; }
#asterias_table table.asterias_table1 {width:100%; }

#asterias_table td{
height:1.6em;
margin-bottom:0.1em;
background-position:0% 0%;
background-repeat:repeat-x;
border-bottom: #C0C5CB 1px solid;
padding-top:0.1em;
padding-left:0.2em;
}
#asterias_table td.course{width:55%;}
#asterias_table td.module{width:80%;}
#asterias_table td.sold_out{ background:url(../images/bkg/sold_out_bkg.gif) center no-repeat; height:30px;}

#asterias_table th{
color:#FFFFFF;
height:1.5em;
text-align:left;
background-color: #6183A5;
border-top: #CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
background-image:url(../images/nav/heading1_arrow.gif);
background-position:98% 75%;
background-repeat:no-repeat;
margin-top:1em;
margin-bottom:0.1em;
font-weight:bold;
padding-left:0.4em;
padding-right:1em;
padding-top:0.1em;

}

/* NEW Style for new home page table */
table.hf_data {width:100%; border:none; font-size:0.9em; }

table.hf_data th{border:1px solid #fff; padding:0.2em; padding-left:4px;   background:#e2e1e1; border-top:#999 1px solid; border-bottom:#999 1px solid; /*border-top:#000066 1px solid; */color:#444; text-align:center; font-size:1em;}

table.hf_data td{border:none; padding:0.1em; background:#F7F7F7; border:1px solid #fff; }
table.hf_data tr.even td{background: #EFF1F1; }

table.hf_data td.source{ font-style:italic; }
table.hf_data td.data{ text-align:center; }



/*-----------------   END Nugegts menu boxes ------------------- */

/******************************************************************************
***************   LIST LINKS  ************************************************/


div.info-invest_nug{width: 100%; background: #FFFFFF; padding:2px; float:left; font-size:0.9em; text-align:left;}
div.info-invest_nug p {padding-left:5px; padding-right:5px;}
div.info-invest_nug ul {
margin:0px;
padding:0px;
list-style:none;
display:block;
float:left;
}
div.info-invest_nug li {
background: url(../images/nav/blu_circle2.gif) no-repeat 2px 1px; 
padding-left:15px;
font-size:1em;
color:#006600;
font-weight:normal;
display:list-item;
list-style:none;
margin-bottom:2px;
}

div.info-invest_nug li.country {
background: #E8EAF0;
padding:2px;
font-size:1.1em;
color:#006600;
font-weight:bold;
display:list-item;
list-style:none;
margin-top:10px;
margin-bottom:2px;
}

/**********  record_navigation  ****************************/
#record_navigation
{font-size:0.9em;
padding-bottom:10px;
padding:4px;
color:#272E49;
float:left;
}
#record_navigation a {font-weight:bold;}
#record_navigation span.span_left {float:left; font-weight:bold;}
#record_navigation span.span_right {float:right;}
#record_navigation a {font-weight:bold;}
/**********  record_navigation  ****************************/


/************************************************************************************
*********************--- Asterias Bullet Lists ---- *****************************/


#asterias_bullet1 ul {
margin:0px;
padding:0px;
font-style:normal;
font-weight:bold;
list-style:none;
display:block;
text-indent: 0px;
text-align: left;
float:left;

}

#asterias_bullet1 li {
background-image: url(../images/nav/orange_arrow.gif);
background-repeat:no-repeat;
background-position: 6px 1px; /*distance of image from left margin */
margin:0px;
padding:0px;
padding-left:22px;/*distance of text from left margin */
font-style:normal;
font-weight:normal;
display:list-item;
list-style:none;
text-indent: 0px;
text-align: left;
}

#asterias_bullet1 li.printer {background-image: url(../images/icons/bullet_printer.gif); 
background-position: 0px 0px; /*distance of image from left margin */
padding-left:26px;/*distance of text from left margin */
padding-top:4px;/*distance of text from left margin */
}

#asterias_bullet1 li.pdf {background-image: url(../images/icons/bullet_pdf.gif); 
background-position: 0px 0px; /*distance of image from left margin */
padding-left:26px;/*distance of text from left margin */
padding-top:5px;/*distance of text from left margin */
}

#asterias_bullet1 li.email {background-image: url(../images/icons/bullet_email.gif); 
background-position: 0px 0px; /*distance of image from left margin */
padding-left:26px;/*distance of text from left margin */
padding-top:5px;/*distance of text from left margin */
}
 
#asterias_bullet1 li.book_online {background-image: url(../images/icons/bullet_form.gif); 
background-position: 0px 0px; /*distance of image from left margin */
padding-left:26px;/*distance of text from left margin */
padding-top:5px;/*distance of text from left margin */
}


#forms_template1 {width:100%;}
	
#forms_template1 form {margin: 0px; padding: 0px;	}

#forms_template1 label {
float: left;
text-align: right;
padding:2px;
margin:1px;
font-size:0.9em;
font-weight:bold;
color:#333333;
width:150px;

}

#forms_template1 input, 
#forms_template1 select, 
#forms_template1 textarea {
	display: block;
	float: left;
	margin:1px;
	padding:2px;
	margin-left:5px;
}


#forms_template1 br {clear:both;}

#forms_template1 input.submit_right
{
padding:1px;
margin:2px;
float:right;
} 

#forms_template1 input.submit_left{
color: #FFFFFF;
background-color: #006BB5;
border: inset;
font-weight:bold;
text-align:center;
font-size:1.1em;
padding:0;

} 

#forms_template1 input.remember_me
{
color: #FFFFFF;
border: inset;
font-weight:normal;
text-align:center;
font-size:1.1em;
padding:0;
border:none;

} 


/*


/************************************************************************************
*********************--- Asterias product_description ---- *****************************/

#product_description { width:100%;}
#product_description h2 { color:#222222; font-size:1.2em; font-weight:bold; margin-top:0.5em; padding-bottom:0.5em;}
#product_description p {line-height:1.4; color:#333333; text-align:justify; margin-left:1em; padding-bottom:1em;}
#product_description ul {
margin:0px;
padding:0px;
margin-left:25px;
font-style:normal;
font-weight:bold;
list-style:none;
display:block;
text-indent: 0px;
text-align: left;
padding-bottom:1em;
}

#product_description li {
background-image: url(../images/nav/orange_arrow.gif);
background-repeat:no-repeat;
background-position: 6px 1px; /*distance of image from left margin */
margin:0px;
padding:0px;
padding-left:22px;/*distance of text from left margin */
font-style:normal;
font-weight:normal;
display:list-item;
list-style:none;
text-indent: 0px;
text-align: left;
line-height:1.4;
}

#product_description ul li ul li {
background: url(../images/nav/orange_circle.gif) no-repeat;
background-position: 6px 1px; /*distance of image from left margin */
margin:0px;
padding:0px;
padding-left:22px;/*distance of text from left margin */
font-style:normal;
font-weight:normal;
display:list-item;
list-style:none;
text-indent: 0px;
text-align: left;
line-height:1.2;
}

/*---------------------------------------------------------------- */

/*********************************************************************************************
**     This is the default skin for the collapsible widget. 
**     The CSS is on purpose verbose, so that in-page CSS will have as little bad influence 
**     on the widget as possible.
*********************************************************************************************/
/**
 * The outer recipient of the collapsible widget.
 */
div.collapsible {background-color: #FFFFFF; zoom: 1; /* workaround to fix IE "hasLayout / margin collapse" issues */ }


/***************************************************************
 * The "body" region of the widget (the one that holds the content).
 * This area is visible only when the widget is in "open" state.
 */
div.collapsible div.collapsibleBody {display: none; overflow: hidden; zoom: 1; /*workaround to fix IE "hasLayout / margin collapse" issues*/ }

/** * The CONTENT of the widget itself. */
div.collapsible div.collapsibleBody div.collapsibleContent {background:/*url(../images/bkg/menu_bkg.jpg) repeat-y*/ #F7F7F7; float:left; width:100%;}

/**  * The clickable area of the widget (the one that expands/collapses the content). */
div.collapsible h3,
div.collapsible h3 a {
	margin: 0px;
	padding: 0px;
	display: block;
	text-decoration:none;
	overflow: auto; /* workaround to fix IE "link-block-no-layout" issue */
	

}


/**  * The labels inside the clickable area (also used for displaying the arrow icon of the skin).  */
div.collapsible h3 a {
	font-size: 1.1em;
	text-decoration: none;
	padding:1px;
	padding-left:8px;
	color: #ffffff !important;
	background-image: url(../includes/jaxon/widgets/collapsible/img/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	outline-style: none;
	border-bottom:#000066 1px solid;
	border-top:#000066 1px solid;
	}

div.collapsible h3 a.list {background-image: url(../images/nav/plus.gif); background-color: #006BB5;
border-bottom:none;
font-size:1.1em;
font-style:normal; 
text-decoration:none; }

/** 
 * The headers inside the clickable area (recipients for the labels).
 */
div.collapsible h3 {
font-weight: normal;
width: 100%; /* workaround to fix IE "link-block-no-layout" issue */
background:url(../images/bkg/asterias_header_bkg2.jpg) repeat-x bottom #006BB5;
/*
border-bottom:#000066 1px solid;
border-top:#000066 1px solid;
*/
}


/****************************************
 *  Collapsible in "OPEN" state:
 *  the widget enters the open state 
 *  after the user has expanded it.
 ****************************************/
 
/**
 * The "body" region of the widget (shown only in "open" state).
 */
div.collapsible_open div.collapsibleBody {display: block;}

/**
 * The labels inside the clickable area (change the arrow icon while in "open" state).
 */
div.collapsible_open h3 a {	background-image: url(../includes/jaxon/widgets/collapsible/img/arrow_up.gif); text-decoration:none;}

div.collapsible_open h3 a.list {background-image: url(../images/nav/minus.gif);}



/****************************************
 *  DEGRADABLE CSS
 *  When JavaScript is off, the content
 *  of the "body" region of an inline
 *  collapsible widget must be visible.
 ****************************************/

/**
 *  The "body" region of the widget (enforced to be visible).
 */
div.collapsible_phprendering div.collapsibleBody {
	display: block;
}

/**
 * The labels inside the clickable area (enforced up arrow icon).
 */
div.collapsible_phprendering h3 a {
	background-image: url(../includes/jaxon/widgets/collapsible/img/arrow_up.gif);
}



/****************************** ---- new set for collapsible LIST ----- *********************************************/
#nav  {line-height:1.3; font-family:Arial, Helvetica, sans-serif !important;}

#nav a:link {color:#555555;text-decoration: none;}
#nav a:visited {color:#555555; text-decoration: none;}
#nav a:hover {color: #2D486F; text-decoration: underline;}
#nav a:active {color:#555555;text-decoration: underline;	}

#nav ul {padding:4px;}

#nav ul li {font-size:0.9em; font-weight:bold; padding:2px; border-bottom: 1px solid #E1E1E1; } 

#nav ul li.submenu {font-weight: bold; /*background:url(../images/nav/heading1_arrow.gif) no-repeat 99% 75% #006BB5; background:url(../images/bkg/asterias_header_bkg2.jpg) repeat-x bottom #006BB5; */
padding-left:2px; color: #EE7B01 !important; margin-top:12px;}

#nav ul li.selected {color:#2D486F !important;}

div.panel{width:96%; border-left: #E5E5E5 dashed 1px;  border-right:#E5E5E5 solid 1px;  border-top:none; padding:0; margin:0; float:left; background:#fff; margin-bottom:10px; background:#f7f7f7; border-bottom: #FF9900 2px solid; }

div.panel div.panel_body{width:96%; /*border:#999 solid 1px;*/ padding:4px; float:left;}

div.panel h1{ width:98%; background: url(../images/bkg/asterias_header_bkg3.jpg) repeat-x bottom #F5A742; color:#FFFFFF !important; padding:2px; padding-left:6px; font-size:1.1em; font-style:normal; margin-bottom:1px; }

/****************************  JQUERY COLLAPSIBLE MENUES *****************************************/		

#menu_collapsible, #menu_collapsible ul {line-height:1.3; font-family:Arial, Helvetica, sans-serif !important; list-style:none; width: 190px; background:#fff; }

#menu_collapsible ul li{line-height:1.3; margin-bottom:1em; }

#menu_collapsible ul li a {
background:url(../images/bkg/asterias_header_bkg2.jpg) repeat-x bottom #006BB5;
/*border: #009933 1px solid;*/
color: #ffffff;
padding: 0.2em 0.6em;
display: block;
margin:0;
margin-bottom:1px;
margin-top:0.5em;
text-decoration: none;
font-size:1em; font-weight:bold; 
border-top: 1px solid #E1E1E1;  
}

#menu_collapsible ul li a:link {}
#menu_collapsible ul li a:visited {}
#menu_collapsible ul li a:hover { background:#006BB5;}
#menu_collapsible ul li a:active { }


#menu_collapsible ul li {margin:0; padding:0; list-style:none; display:block; /*border: #fff 1px solid;*/ width:100%;}

#menu_collapsible ul li.submenu {font-weight: bold; padding-left:3px; color: #EE7B01 !important; padding-top:0.8em; font-size:0.9em;   }

#menu_collapsible ul li ul {border-bottom: #555 1px solid;margin:0; padding:0;  margin-bottom:1em; background:#f7f7f7;}

#menu_collapsible ul li ul a { color: #55614c; padding:2px; margin:0; padding-left:3px; text-decoration: none; width:180px; font-size:0.9em;}
#menu_collapsible ul li ul a:link {color:#555;background:none;}
#menu_collapsible ul li ul a:visited {color:#555;background:none; }
#menu_collapsible ul li ul a:hover {color: #2D486F; text-decoration:underline;background:none;}
#menu_collapsible ul li ul a:active {color:#555;background:none;}

/****************************  JQUERY COLLAPSIBLE MENUES *****************************************/