/* *
 * ubiquityleft skin
 * horizontal is default
 * */
 
div.savvynav_ubiquityleft div.ktvertical ul.lev1 {
        width: 248px;
        
}

/* font sizes */
div.savvynav_ubiquityleft a {
	background: url(/siteimages/bg_blue_bar.png) no-repeat;
    color: #fff ;
    display: block;
	font-size:12px;
   
    padding: 6px 0 0 30px;
    width: 248px;
    height: 25px;
}

/* font sizes */
div.savvynav_ubiquityleft a:hover, .browse-options a:focus{
	background-position: 0 -33px;
    text-decoration: none !important;
	padding: 6px 0 0 30px;
	 height: 25px;
}

/* second and following levels font-size */
div.savvynav_ubiquityleft li li a { font-weight: normal;}

/* second and following levels menu item size */
div.savvynav_ubiquityleft li.lev1 ul, div.savvynav_ubiquityleft li.lev1 li {
	width: 180px;
}

/* HACK: fix ie5.5 setting width on inline li's */
div.savvynav_ubiquityleft div.kthorizontal2 ul li ul, div.savvynav_ubiquityleft div.kthorizontal2 ul li li { /* fix ie5.5 setting width on inline li's */
	width: auto;
}




	/* level 2 item styles */
	div.savvynav_ubiquityleft li ul.lev2, div.savvynav_ubiquityleft li li.lev2 ul {
		border: solid 1px #afafaf;
		background:#CCC;
		background-image:none;
	}
	/* second and third level link color */
	div.savvynav_ubiquityleft li li a {
		border-bottom: solid 1px #ffffff;
		color: #555555 ;
		background: none;
	}
 
/* *
 * items that have children:
 * - the main item background is alreay set on the li's 
 *   and we must only overlay an arrow showing if the element has children
 * */



/* *
 * specific to vertical
 * - first level menu items have a different size than the horizontal ones
 * - the borders must be moved from the bottom of the menu to its left
 * - the haschildren arrows must be moved from the left of the text to the right for first level items
 * */