#course_content
{
	height: auto;
	background: url(../images/cata_content_bg.gif) repeat-y left top;
	margin-left: 10px;
	padding-bottom : 10px;
}
#left_content
{
	
	width: 700px;
	float: left;
	height:auto;
}
#left_content_top
{
	width:698px;
	height:27px;
	padding-top: 0px;
	float:left;
	margin-left: 2px; margin-top: 1px;
	margin-bottom: 0px;
}
#select_status_bar
{
	text-align:center;
	padding-top: 4px;
	float:left;
	background-color:#c1c1c1;
	height:23px;
	padding-right: 10px; 
	padding-left: 8px;
}
#select_status_bar .select_top
{
	padding-right: 0px; 
	margin-left: 10px;
	font-size:9pt;
	font-family:arial;
	color:#434343;
	
}
#selected_status_bar
{
	float:left;
	text-align:center;
	padding-top: 4px;
	background-color:#eacd7a;
	height:23px;
	padding-right: 10px;
	padding-left: 2px;
}
#selected_status_bar .selected_top
{
	color:#990033;
	font-size:9pt;
	padding-right: 0px; 
	margin-left: 10px;
	height:27px;
	font-family:arial;
	font-weight:bold;
}
#selected_hide_status_bar
{
	float:left;
	text-align:center;
	padding-top: 4px;
	background-color:#fff3d0;
	height:23px;
	padding-right: 10px;
	padding-left: 16px; 
}
#selected_hide_status_bar .selected_hide_top
{
	color:#990033;
	font-size:9pt;
	padding-right: 0px; 
	margin-left: 10px;
	height:27px;
	font-family:arial;
	font-weight:bold;
}
#select_status_bar_img
{
	padding-top: 0px;
	margin-top: 0px; 
	width: 14px;
	float:left;
}
#select_status_bar_img img.img_status_on
{
	position:absolute;
	
}
#select_status_bar_img img.img_status_off
{
	position:absolute;
	
}
#select_status_bar_img img.img_status_hide
{
	position:absolute;
	
}
#left_content_top .select_top
{
	padding-top: 6px; padding-left: 10px; padding-right: 8px;
}

#left_content_info
{
	padding-left:18px;
	width: 680px;
	float:left;
}
#right_content
{
	width: 220px;
    padding-left: 14px; 
	margin-top: 0px;
	float:right;
	height:auto;
	background:url(../images/right_content_bg.gif);
	border: 1px #d1d1d1 solid;
}
#cata_banner
{
	float:left;
	width:652px;
	height:60px;
	background:url(../images/course-cataloggue.gif);
	margin-left: 6px;
}
#cata_banner_left
{
	width:396px;
	float:left;
	text-align:center;
	padding-top: 12px;
	font-size:14px;
	color:white;
	font-weight:bold;
}
#cata_banner_right
{
	width:256px;
	float:right;
	height:50px;
	padding-top: 12px;
	font-size:13px;
	text-align:center;
	font-weight:bold;
}
#head_content
{
  
  font-size:16px;
  font-weight:bold;
  float:left;
  width: 550px;
  margin-left: 6px;
}
#head_content a
{
	color:#cc9900;
}
#head_content_group
{
	margin-top: 0px; 
	padding-top: 4px; 
	margin-bottom: 6px;
	float:left;
	width: 638px;
	margin-left: 6px;
	font-size:14px;
  font-weight:bold;
}
#cata_content
{
	background-color:#eefeff;
	width:636px;
	height:116px;
	float:left;
	padding-bottom: 0px; 
	margin-bottom: 10px;
	border: 1px #d1d1d1 solid;
	margin-left: 6px;
}
#cata_content div.active
{
	background-color:#ffffff;
}
#cata_content_left
{
	width:368px;
	float:left;
}
#cata_content_left ul.ul_1
{
	padding-left: 20px;
	font-weight:bold;
}
#cata_content_left ul.ul_2
{
	margin-top:-10px;
	padding-left: 34px;"
}
#cata_content_left ul.ul_3
{
	margin-top:-4px;
	padding-left: 34px;
}
#course_details_bt
{
	width:54px;
	height:34px;
	background:url(../images/course_detail_off.gif) top left no-repeat;
	text-align:center;
	padding-top: 2px;
	float:left;
}
#course_details_bt:hover
{
	background:url(../images/course_detail_on.gif) top left no-repeat;
}
#course_select_bt
{
	float:left;
	width:116px;
	height:32px;
	background:url(../images/course_select_off.gif) top left no-repeat;
	text-align:center;
	padding-top: 7px;
	margin-top: 4px;
}
#course_select_style
{
	font-size:11px;color:white;font-weight:bold;
}
#course_select_bt:hover
{
	background:url(../images/course_select_on.gif) top left no-repeat;
}
#cata_content_right
{
	width:268px;
	float:right;
}
#cata_content_right ul.ul_right{ 
	margin-top:-10px;
	padding-left: 0px;
}
#cata_content_right span.ul_right_1
{ 
	text-decoration: line-through;
	margin-left: 16px;
}
#cata_content_right span.ul_right_2
{ 
	margin-left: 30px;
	font-size:16px;
	font-weight:bold;
	color:#990033;
}
#cata_content_right span.ul_right_3
{ 
	margin-left: 18px;
}
#cata_content_right span.ul_right_4
{ 
	font-size:11px;color:white;font-weight:bold;
}

#cata_scroll
{
	display: auto;
  margin-top: 0px; 
  width: 661px; 
  height:660px; 
  margin-bottom: 0px;
  float:left;
  margin-bottom: 10px;
  overflow-y: scroll; 
  
}
.slide-out-div
{
	line-height: 1; 
	position: absolute; 
	height: 75px; 
	top: 240px; 
	right: 10px;
	
}
.slide-out-div .handle
{
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px#888;
	box-shadow: 0 0 5px 5px #888;
	background: url("../images/popout.png") no-repeat scroll 0% 0% transparent; 
	width: 27px; 
	height: 75px; 
	display: none; 
	text-indent: -99999px; 
	outline: medium none; 
	position: absolute; 
	top: 0px; 
	right: 0px;
	margin-left: 0px;
}
#top-font-style
{
	font: italic 13px Arial;
	float:left;
	margin-top: 0px; margin-left: 4px; margin-right: 4px;
}
.moc
{
	float:left;
	font: italic 22px/22px Georgia,"Times New Roman",Times,serif;
}

#btn_check_out
{
	background: url("../images/btnCheckOut_on.gif") no-repeat scroll left top transparent;
    float: left;
    height: 24px;
    margin-top: 4px;
    padding-top: 12px;
    padding-left: 14px;
    margin-left:33px;
    width: 144px;
	
	color: #990033;
    font-size: 12px;
    font-weight: bold;
	background-color:#ffffff;
	filter:alpha(opacity=60);
  /* CSS3 standard */
	opacity:0.6;
	border-radius: 5px 5px 5px 5px;
}



#btn_apply
{
	background: url("../images/apply_off.gif") no-repeat scroll left top transparent;
    float: left;
    height: 22px;
    margin-top: 4px;
	margin-right: 7px;
    padding-top: 3px;
    text-align: center;
    width: 60px;
	float: right;
	text-align: center;
	color: #ffffff;
    font-size: 11px;
    font-weight: bold;
}
#btn_apply:hover
{
	background:url(../images/apply_on.gif) top left no-repeat;
}

#discount_applied{
	background-color: #FFFFFF;
    float: left;
    height: 56px;
    margin-bottom: 10px;
    margin-left: 3px;
    padding-bottom: 0;
    width: 217px;
	display:none;
	padding-left: 5px;
}

#course_name{
	background-color: #D2CDEF;
    float: left;
    height: auto;
    margin-bottom: 10px;
	margin-top: 5px;
    margin-left: 3px;
    padding-bottom: 0;
    width: 222px;
}

#shopping_cart{
background-color: rgb(238, 223, 253); 
border: 1px solid rgb(209, 209, 209); 
float: right; height: 326px; margin-top: 2px;
padding-left: 10px; 
width: 222px;
}
#left{
	float: left;
    width: 98px;
}

#inputbox
{
background: url("../images/textbox.gif") repeat scroll right top transparent;
    height: 20px;
    margin: 0 0 1em;
    width: 96px;
	border: 1px solid #c1b5cd;
}

#shoppingcart_content
{
 background-color: rgb(238, 223, 253); 
 border: 1px  solid rgb(209, 209, 209); 
 float: right; 
 height: auto;
 margin-top: 2px;
 padding-left: 3px;
 width: 230px;
 padding-bottom:10px;
}
#shoppingcart_title
{
 background-color: rgb(256, 256, 256); 
 border: 1px dotted rgb(129, 103, 156); 
 float: left; 
 height: 40px;
 padding-top:5px; 
 text-align: center;
 width: 220px;
 padding-left: 0px; 
 margin-top: 8px;
 margin-left:3px; 
 margin-bottom:5px
}