/* 

	client: Specialty Group
	design: Rippleffect Studio Ltd
	copyright: Copyright © 2008 Rippleffect Studio Ltd. (3871086). All rights reserved

	css: navigation

*/

/* ukas */

#leftcol #ukas {
	float:left;
	margin:15px 0 0 0;
	padding:0;
	background-color:#fff;
	text-align:center;
	width:250px;
}

#leftcol #ukas img {
	margin:0;
	padding:0;
}

#leftcol #ukas p {
	margin:10px 0 0 0;
	padding:0;
	font-size:1.1em;
}

/* nav structure */

ul#leftnav {
	width:250px;
	margin:0 0 0 0;
	padding:0;
}

ul#leftnav li {
	display:block;
	width:250px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

ul#leftnav li ul {
	width:250px;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	border-top:1px dashed;
	position:relative;
	display:block;
	clear:both;
}

ul#leftnav li ul li {
	border-bottom:1px dashed;
	background-image:url(/assets/images/arrows/grey-right.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:0 0 0 20px;
	width:230px;
	margin:0 0 0 0;
}

ul#leftnav li ul li a {
	text-decoration:none;
	font-size:1.4em;
	font-weight:bold;
	color:#999999;
	margin:0;
	padding:0;
	width:225px;
	margin:1px 0;
	display:block;
	padding:10px 0 8px 5px !important;
}

/* nav formatting */

ul#leftnav h3 {
	font-size:1.7em;
	margin:0 0 0 0;
	position:relative;
	padding:10px 0 10px 0;
	cursor:pointer;
	z-index:5;
	display:block;
	line-height:1.1em;
	clear:left;
}

ul#leftnav p {
	font-size:1.5em;
	line-height:1.2em;
	margin:0 0 -1px 0;
	padding:0;
}

ul#leftnav a.more {
	width:250px;
	height:15px;
	display:block;
	background-repeat:no-repeat;
	background-position:top;
	margin:0 0 -10px 0;
	padding:0;
	position:relative;
}

/* h3 colours */

ul#leftnav li.blue h3 {
	color:#15135f;
}

ul#leftnav li.purple h3 {
	color:#6c1f7e;
}

ul#leftnav li.green h3 {
	color:#5d9732;
}

ul#leftnav li.cyan h3 {
	color:#00adef;
}

ul#leftnav li.teal h3{
	color:#006633;
}

/* a 'more' colours */

ul#leftnav li.blue a.more {
	background-image:url(/assets/images/nav/more-blue.png);
}

ul#leftnav li.purple a.more {
	background-image:url(/assets/images/nav/more-purple.png);
}

ul#leftnav li.green a.more {
	background-image:url(/assets/images/nav/more-green.png);
}

ul#leftnav li.cyan a.more {
	background-image:url(/assets/images/nav/more-cyan.png);
}

ul#leftnav li.teal a.more {
	background-image:url(/assets/images/nav/more-teal.png);
}

/* li & a colors */

ul#leftnav li ul li.active {
	border:0 !important;
	border-bottom:1px dashed !important;
}

ul#leftnav li ul li.active a {
	background-color:#ffffff !important;
	border:1px solid;
	width:223px;
}

ul#leftnav li.blue ul li {
	border-bottom-color:#15135f;
}

ul#leftnav li.blue ul li a {
	background-color:#a9a7c7;
	color:#15135f;
}

ul#leftnav li.blue ul li.active {
	border:1px solid #15135f;
}

ul#leftnav li.purple ul li {
	border-bottom-color:#6c1f7e;
}

ul#leftnav li.purple ul li a {
	background-color:#d8cbe1;
	color:#6c1f7e;
}

ul#leftnav li.purple ul li.active {
	border:1px solid #6c1f7e;
}


ul#leftnav li.green ul li {
	border-bottom-color:#5d9732;
}

ul#leftnav li.green ul li a {
	background-color:#cdddbe;
	color:#5d9732;
}

ul#leftnav li.cyan ul li {
	border-bottom-color:#00adef;
}

ul#leftnav li.cyan ul li a {
	background-color:#cfe8f2;
	color:#00adef;
}

ul#leftnav li.teal ul li {
	border-bottom-color:#006633;
}

ul#leftnav li.teal ul li a {
	background-color:#b2d1c1;
	color:#006633;
}