/*
 * Guide (a.k.a. Sidebar)
 *************************************************************************** */


#guide {
	float: left;
	width: 240px;
}

/*
 * Modules
 *************************************************************************** */
#guide #modules {
	border-top: 1px solid;
}

#guide #modules div {
	border-bottom: 1px solid;
	margin: 0;
	padding: 15px 15px 15px 20px;
}
#guide #modules div h3 {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0.25em 0;
	text-transform: uppercase;
}
#guide #modules div h4 {
	font-size: 1em;
	margin: 0.25em 0;
}
#guide #modules div p {
	margin: 1em 0;
}
#guide #modules div p strong.telephone {
	display: block;
	margin: 0.75em 0 0 0;
}

#guide #modules div img {
	float: left;
	margin: 0 10px 10px 0;
}
#guide #modules div ul {
	list-style-type: none;
	list-style-position: inside;
}
#guide #modules div ul li {
	background: 2px 5px no-repeat;
	padding: 2px 0 2px 15px;

}
#guide #modules div ul li a {
	text-decoration: none;
}
#guide #modules div ul li a:hover {
	text-decoration: underline;
}
#guide #modules div ul li a.current_page {
	font-weight: bold;
}
#guide #modules div ul.bottom-links {
	font-size: 1em;
	list-style-position: outside;
}
#guide #modules div ul.bottom-links li {
	padding: 0.5em 0 0 0;
}
#guide #modules div ul.bottom-links li a {
	text-decoration: underline;
}
#guide #modules div#our_partners {
	width: 205px;
}
#guide #modules div#our_partners ul.bottom-links {
	width: 85px;
	float: left;
	clear: right;
	margin: 0 10px 0 0;	
}
#guide #modules div#newsletter form fieldset {
	border: 0;
}
#guide #modules div#newsletter form legend {
	display: none;
}
#guide #modules div#newsletter form label {
	display: block;
}
#guide #modules div#newsletter form input#newsletter_email {
	border: 1px solid;
	width: 200px;
	margin: 0.5em 0;
}
#guide #modules div#newsletter form label#lbl_signup {
	display: none;
}
#guide #modules div#newsletter form input#signup {
	float: right;
}


/*
 * "Shop By" Navigation (Inside Guide)
 *************************************************************************** */

/*
 Root
*/
#nav_shop_by h2{
	text-indent: -9000px;
	height: 32px;
	border-top: solid 1px;
	background-position: left center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 5000;
}




#nav_shop_by #closed,							/* Set main width of both CLOSED and OPENED navs in the guide */
#nav_shop_by #opened{
	width: 240px;
}

#nav_shop_by #opened,							/* Remove all bullets */
#nav_shop_by #opened ul,
#nav_shop_by #closed,
#nav_shop_by #closed ul{
	list-style-type: none;
}

#nav_shop_by #closed a,							/* Make all anchors block level elements and remove underlines */
#nav_shop_by #opened a{
	text-decoration: none;
	display: block;
}

#nav_shop_by #closed a {
	padding:0 0 0 25px;
	margin:0 0 0 -25px;
}

#nav_shop_by #closed li.hover,					/* Default all list-items with mouseovers to look like anchors */
#nav_shop_by #opened li.hover{
	cursor: pointer;
}

#nav_shop_by #closed ul,						/* First flyout width and padding */
#nav_shop_by #opened ul{
	width: 160px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#nav_shop_by #closed ul{						/* First flyout borders and colour, CLOSED guide nav*/
	border-top: solid 1px;
	border-right: solid 1px;
	border-bottom: solid 1px;
	border-left: none;
}

#nav_shop_by #opened ul{						/* First flyout borders and colour, OPENED guide nav */
	margin: -1px 0 0 -1px;
	border-top: solid 1px;
	border-right: solid 1px;
	border-bottom: solid 1px;
	border-left: none;
}

#nav_shop_by #closed ul li,						/* Basic list item setup, NO COLOURS */
#nav_shop_by #opened li{
	margin-left: 9px;
	padding: 2px 0 2px 25px;
	border-top: solid 1px;
	border-right: none;
	border-bottom: solid 1px;
	border-left: solid 1px;
}

#nav_shop_by #closed ul li{						/* CLOSED first flyout colours */
	background: 10px 5px no-repeat;
}

#nav_shop_by #closed ul li.hover{
	background: 10px 5px no-repeat;
}

#nav_shop_by #closed ul li ul{
	margin: -1px 0 0 -1px;
}
#nav_shop_by #closed ul li ul li{
	background: 10px 5px no-repeat;
}

#nav_shop_by #closed ul li ul li.hover{
	background: 10px 5px no-repeat;
}

#nav_shop_by #opened li{						/* Remove left margin so that highlight goes all the way to the edge */
	margin-left: 0;
	padding-left: 34px;
}

#nav_shop_by #opened li .ellipsis{
	padding-left: .25em;
}

#nav_shop_by #opened li.hover .ellipsis{
	display: none;
}

#nav_shop_by #opened li ul li{					/* Reset margin and padding for subsequent levels */
	margin-left: 9px;
	padding-left: 25px;
}

#nav_shop_by #opened li{						/* OPENED colours */
	background: 21px 5px no-repeat;
}

#nav_shop_by #opened li.hover{					/* OPENED hover colours */
	background: 21px 5px no-repeat;
}
								
#nav_shop_by #opened li ul li{					/* OPENED first level colours (inversing background image to inverse colours)*/
	background: 10px 5px no-repeat;				/* fixing bullet position to correspond with padding change */
}

#nav_shop_by #opened li ul li.hover{			/* OPENED first level hover colours (inversing background image to inverse colours)*/
	background: 10px 5px no-repeat; 			/* fixing bullet position to correspond with padding change */
}

#nav_shop_by #opened li.selected,				/* Open up Selected nodeset */
#nav_shop_by #opened li.selected ul,
#nav_shop_by #opened li.selected ul li{
	display: block;
}

#nav_shop_by #opened li.selected{
	padding: 0;
}

#nav_shop_by #opened li.selected a{
	padding: 3px 0 4px 34px;
	font-weight: bold;
	background: 19px 8px no-repeat;
}

#nav_shop_by #opened li.selected ul li a{
	padding: 1px 0 3px 10px;
	font-weight: normal;
	background: transparent;
}

#nav_shop_by #opened li.selected ul{
	border: none;
	padding: 0 0 0 43px;
	margin: 0;
	margin-top: -1px;
	width: 196px;
}

#nav_shop_by #opened li.selected ul li{
	padding: 0;
	margin: 0;
}