.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


#submenu
{
	border-bottom: 1px solid #D5E1E8;
	background: #def3ff;
	background: #eef8ff;
}
#submenu ul
{
	background: #def3ff;
	width: 100%;
}
#submenu ul li a
{
	background: #def3ff;
	padding: 4px 120px 4px 10px !important;
	border: 1px solid white;
	float: left;
}
#submenu ul li
{
	border-right: 1px solid #C5D1D8;
	float: left;
}
#submenu ul li a:hover
{
	background: #d0e8f8;
}

.box
{
	clear: both;
}

#crumbtrail
{
	display: none;
}

#g3dcrumbtrail
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat scroll 0 0;
	color:#D0D0D0;
	margin-left:1em;
	padding:8px 12px;
	text-indent:-1em;
}

body#g3d.blue .boxout_action{

	background: #c3fa9b;
}


#toolsnav_outer
{
}

#toolsnav
{
	float: left;
	font-size: 95%;
	background: #eee;
	border-right: 4px solid #eee;
	border-bottom: 4px solid #eee;
	border-left: 4px solid #eee;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 7px;
	margin-left: 0px;

}
#toolsnav div
{
	float: left;
	padding: 0px;
	border-bottom: 1px solid white;
}
#toolsnav ul
{
	margin: 0;
	padding: 0;
}
#toolsnav li
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#toolsnav b
{
	width: 28px;
	float: left;
}
#toolsnav a
{
	position: relative;
	z-index: 5;
	text-decoration: none;
	display: block;
	padding: 8px 14px;
	color: #555;
	width: 180px;
}
#toolsnav li a:hover
{
	color: #000;
}


/*---------------------------------------------------------------------
 * Column colours 
 *-------------------------------------------------------------------*/

#toolsnav_1
{
	background: #faf89c;
}
#toolsnav_1 h3
{
	color: #8e8d59;
}
#toolsnav_1 li a:hover
{
	background: #f4f27a;
} 
#toolsnav_1 li a.active
{
	background: #ece955;
}



#toolsnav_2
{
	background: #c5f6f7;
}
#toolsnav_2 h3
{
	color: #708c8c;
}
#toolsnav_2 li a:hover
{
	background: #b0f0f1;
} 
#toolsnav_2 li a.active
{
	background: #a0e5e8;
}




#toolsnav_3
{
	background: #fbcee4;
	border-right: 1px solid white;
}
#toolsnav_3 h3
{
	color: #8f7582;
}
#toolsnav_3 li a:hover
{
	background: #f8b8d7;
} 
#toolsnav_3 li a.active
{
	background: #f2a0c0;
}



#toolsnav .active h3
{
	background-repeat: no-repeat;
	background-position: 14px 8px;
	text-indent: -100em;
	overflow: hidden;
	height: 38px;
	width: 150px;
}
#toolsnav_1.active h3
{
	background-image: url(/static/images/3d/tools/1.understanding.gif);
}
#toolsnav_2.active h3
{
	background-image: url(/static/images/3d/tools/2.maximising.gif);
}
#toolsnav_3.active h3
{
	background-image: url(/static/images/3d/tools/3.makeit.gif);
}

#toolsnav h3 a
{
	background-repeat: no-repeat;
	height: 200px;
	background-position: 10px 8px;
	text-indent: -100em;
	overflow: hidden;
	width: 12px;
}
#toolsnav_1 h3 a
{
	background-image: url(/static/images/3d/tools/1.understanding.side.gif);
}
#toolsnav_2 h3 a
{
	background-image: url(/static/images/3d/tools/2.maximising.side.gif);
}

#toolsnav_3 h3 a
{
	background-image: url(/static/images/3d/tools/3.makeit.side.gif);
}


#customnav b
{
	float: left;
	width: 1.5em;
}

#customnav a
{
	display: block;
	float: left;
	width: 9em;
	margin-left: 0.5em;
}

#customnav a.active
{
	text-decoration: none;
	font-weight: bold;
}




h3.collapsed, h3.expanded
{
	cursor: pointer;
	background-image: url(/static/images/blue/arrow_icon_standard.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	padding: 0 0 0 25px;
}

.listcontent
{
	padding-left: 25px;
}

ul
{
	margin-left: 1em;
}
li
{
	padding-left: 0.5em;
	margin-left: 0;

}