#coursemodule
{
	font:110% Arial, Helvetica, sans-serif; 
	line-height:160%;
	float: left;
	width:490px;
	padding: 0px 0px 0px 15px;	
	margin:0px 0px 0px 0px;
	background-color: #F6F6F6;
}

/* List Expander */

#coursemodule ul.listexpander 
{
	float: left;
	padding: 0px 0px 0px 0px !important;
	margin: 10px 0px 0px 0px !important;
	height: 249px;
	width:480px;
	overflow-y: scroll;
}

#coursemodule ul.listexpander
{
	/*
	Uncomment this if you want to initially hide the child lists. 
	If you do, Javascript disabled and CSS enabled browsers will not be able to use this list.
	display:none;
	*/ 
}
#coursemodule ul.listexpander li
{
	margin: 0px 0px 0px 0px;
	cursor:pointer;
	font-weight:bold;
	width:100%;
	padding: 0px 0px 0px 0px;
	width: 450px;
}

#coursemodule ul.listexpander p
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	font-size: 1em;
}

/* first level */

#coursemodule ul.listexpander li, 
#coursemodule ul.listexpander li.collapsed
{
	background:url(/digitalAssets/0/423_collapsed.jpg) no-repeat !important;
}
 
#coursemodule ul.listexpander li.expanded
{
	background:url(/digitalAssets/0/424_expanded.jpg) no-repeat !important;
}

/* second level */

#coursemodule ul.listexpander li ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#coursemodule ul.listexpander li ul li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background-image: none !important;
	background-color: #ECEDED !important;
	font-weight: normal;
	width: 430px;
}

#coursemodule ul.listexpander li ul li a
{
	float: left;
	color: #333333 !important;
	text-decoration: none;
	width: 308px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#coursemodule ul.listexpander li ul li p
{
	float: left;
	color: #87888A;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#coursemodule ul.listexpander li ul li p.duration
{
	width: 65px;
}

#coursemodule ul.listexpander li ul li a:hover
{
	text-decoration: underline;
}

#coursemodule ul.listexpander li ul li.even
{
	background-color: transparent !important;
}


/* float fix */

#coursemodule ul.listexpander li:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#coursemodule ul.listexpander li
{
	display: inline-block;
}

/* Hides from IE-mac \*/

* html ul.listexpander li
{
	height: 1%;
}

#coursemodule ul.listexpander li
{
	float: left;
}

#coursemodule p.listexpander
{
	float: right;
	margin: 0px 40px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	cursor: pointer;
	display: inline;
}

#coursemodule p.listexpander a.showall
{
	float: left;
	width: 59px;
	height: 14px;
	background: url(/digitalAssets/0/428_show_all.jpg) no-repeat #F6f6f6;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	color: #999999;
	font-size: 10px;
	line-height: 15px;
}

#coursemodule p.listexpander a.hideall
{
	float: left;
	width: 55px;
	height: 14px;
	background: url(/digitalAssets/0/425_hide_all.jpg) no-repeat #F6f6f6;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
	color: #999999;
	font-size: 10px;
	line-height: 15px;
}

#coursemodule h2
{
	float: left;
	display: inline;
	color: #666666;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#coursemodule div.clearer
{
	float: left;
	line-height: 0;
	font-size: 0;
	clear: both;
}

/* COLOURS */

.djproducts #coursemodule ul.listexpander li
{
	color: #009953;
}

.producerproducts #coursemodule ul.listexpander li
{
	color: #97be0d;
}

.liveproducts #coursemodule ul.listexpander li
{
	color: #e2c600;
}

.schoolsproducts #coursemodule ul.listexpander li
{
	color: #fb0081;
}

div.buttoncontainer
{
	float: left;
	display: inline;
	height: 244px;
	_height: 245px;
	background-color: #f6f6f6;
	width: 144px;
	margin: 0px 0px 0px 0px;
	padding: 20px 17px 0px 8px;
}

div.buttoncontainer p
{
	color: #666666;
	margin: 0px 0px 10px 0px;
	padding: 0px 30px 5px 0px;
	border-bottom: 1px solid #999999;
}

/* COLOURED BUTTONS */

.djproducts div.buttoncontainer a.purchaselg
{
	background-image: url(/digitalAssets/0/441_dj_purchase_lg.jpg);
}

.djproducts div.buttoncontainer a.subscribelg
{
	background-image: url(/digitalAssets/0/442_dj_subscribe_lg.jpg);
}

.djproducts div.buttoncontainer a.tutoriallg
{
	background-image: url(/digitalAssets/0/443_dj_tutorial_lg.jpg);
}

.producerproducts div.buttoncontainer a.purchaselg
{
	background-image: url(/digitalAssets/0/460_producer_purchase_lg.jpg);
}

.producerproducts div.buttoncontainer a.subscribelg
{
	background-image: url(/digitalAssets/0/461_producer_subscribe_lg.jpg);
}

.producerproducts div.buttoncontainer a.tutoriallg
{
	background-image: url();
}

.liveproducts div.buttoncontainer a.purchaselg
{
	background-image: url(/digitalAssets/0/462_live_purchase_lg.jpg);
}

.liveproducts div.buttoncontainer a.subscribelg
{
	background-image: url(/digitalAssets/0/463_live_subscribe_lg.jpg);
}

.liveproducts div.buttoncontainer a.tutoriallg
{
	background-image: url();
}

.schoolsproducts div.buttoncontainer a.purchaselg
{
	background-image: url(/digitalAssets/0/465_schools_purchase_lg.jpg);
}

.schoolsproducts div.buttoncontainer a.subscribelg
{
	background-image: url(/digitalAssets/0/464_schools_subscribe_lg.jpg);
}

.schoolsproducts div.buttoncontainer a.tutoriallg
{
	background-image: url();
}

div.buttoncontainer a
{
	float: left;
	width: 106px;
	height: 18px;
	margin: 0px 0px 1px 0px;
	padding: 6px 0px 0px 37px;
	color: #FFFFFF;
	text-decoration: none;
}

div.buttoncontainer a.moreinfolg
{
	background-image: url(/digitalAssets/0/446_more_info_lg.jpg);
}

div.coursemodulecontainer
{
	float: left;
	background: #f6f6f6;
}

div.buttoncontainer2
{
	width: 173px;
	padding: 0px 17px 0px 134px;
}


div.buttoncontainer2 div.info
{
                display: block;
                height: 16px;
                padding: 2px 0px 0px 0px;           
                margin: 0px 0px 0px 0px;
                border-bottom: 1px solid #B3B3B5;
}

div.buttoncontainer2 div.info p
{
	float: left;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
	border: none;
	font-weight: bold;
	color: #585858;
}

div.buttoncontainer2 div.info p.details
{
	width: 65px;
	font-weight: normal;
	color: #666666;
}

div.buttoncontainer3
{
                width: 145px !important;
                padding: 0px 19px 0px 5px;
}

#coursemodule2
{
	font:110% Arial, Helvetica, sans-serif; 
	line-height:160%;
	float: left;
	width:335px;
	padding: 0px 0px 0px 15px;	
	margin:0px 0px 0px 0px;
	background-color: #F6F6F6;
}

#coursemodule2 p
{
	font-size: 1em;
	line-height: 1.2em;
	color: #666666;
}

#coursemodule2 p.lead
{
	font-weight: bold;
}

div.buttoncontainer2 a.share
{
	width: 52px;
	height: 13px;
	background-image: url(/digitalAssets/0/444_share_bg.jpg);
	background-repeat: no-repeat;
	color: #999999;
	text-align: right;
	padding: 0px 8px 0px 0px;	
	margin: 0px 0px 2px 0px;
}

div.buttoncontainer2 a.requirements
{
	width: 147px;
	height: 13px;
	background-image: url(/digitalAssets/0/445_requirements_bg.jpg);
	background-repeat: no-repeat;
	color: #999999;
	padding: 0px 7px 0px 0px;	
	margin: 0px 0px 0px 0px;
	text-align: right;
}

div.sharecontainer
{
	float: left; 
	margin: 10px 0px 10px 0px;
}