/* Navigation CSS */

#navigation {
	height: 37px;
	margin: 0 0 0 0;
	padding: 0;
	width: 760px;
	background: url(../grfx/nav/cart_quantity.gif) top right no-repeat;
}

#navigation ul {
	font-size: 1.0em;
	margin: 0;
	padding: 0;
}

#navigation li a span { 
	display: none;
}

#navigation li {
	float: left;
	list-style: none;
	font-weight: bold; /* font properties added to fool IE */
	margin: 0;
	padding: 0px;
	border: 0px;
}

* html #navigation li {
	font-size: 2px;
}

#navigation li a {
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block;
	height: 37px;
	overflow: auto;
}

/* Links */

#navigation li.home a {
	background: url(../grfx/nav/nav.jpg) 0px 0px no-repeat;
	width: 62px;
}

#navigation li.home a:hover {
	background: url(../grfx/nav/nav.jpg) 0px -37px no-repeat;
}

#navigation li.about a {
	background: url(../grfx/nav/nav.jpg) -62px 0px no-repeat;
	width: 68px;
}

#navigation li.about a:hover {
	background: url(../grfx/nav/nav.jpg) -62px -37px no-repeat;
}

#navigation li.products a {
	background: url(../grfx/nav/nav.jpg) -130px 0px no-repeat;
	width: 96px;
}

#navigation li.products a:hover {
	background: url(../grfx/nav/nav.jpg) -130px -37px no-repeat;
}

#navigation li.services a {
	background: url(../grfx/nav/nav.jpg) -226px 0px no-repeat;
	width: 143px;
}

#navigation li.services a:hover {
	background: url(../grfx/nav/nav.jpg) -226px -37px no-repeat;
}

#navigation li.portfolio a {
	background: url(../grfx/nav/nav.jpg) -369px 0px no-repeat;
	width: 110px;
}

#navigation li.portfolio a:hover {
	background: url(../grfx/nav/nav.jpg) -369px -37px no-repeat;
}

#navigation li.contact a {
	background: url(../grfx/nav/nav.jpg) -479px 0px no-repeat;
	width: 129px;
}

#navigation li.contact a:hover {
	background: url(../grfx/nav/nav.jpg) -479px -37px no-repeat;
}

#navigation li.store a {
	background: url(../grfx/nav/nav.jpg) -608px 0px no-repeat;
	width: 106px;
}

#navigation li.store a:hover {
	background: url(../grfx/nav/nav.jpg) -608px -37px no-repeat;
}

#navigation li.cart_quantity {
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 0;
	margin-left: 19px;
	margin-top: 5px;
}

/* Secondary Navigation CSS */

#secnavigation {
	height: 19px;
	margin: 0;
	padding: 0;
}

#secnavigation ul {
	font-size: 1.0em;
	padding: 0;
}

#secnavigation li a span { 
	display: none;
}

#secnavigation li {
	float: left;
	list-style: none;
	font-weight: bold; /* font properties added to fool IE */
	padding: 0px;
	border: 0px;
}

* html #secnavigation li {
	font-size: 2px;
}

#secnavigation li a {
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block;
	height: 19px;
	overflow: auto;
}

/* Links */

#secnavigation li.spacer {
	background: url(../grfx/nav/secnav_left.gif) 0px 0px no-repeat;
	width: 369px;
	height: 19px;
}

#secnavigation li.icons a {
	background: url(../grfx/nav/secnav.gif) 0px 0px no-repeat;
	width: 110px;
}

#secnavigation li.icons a:hover {
	background: url(../grfx/nav/secnav.gif) 0px -19px no-repeat;
}

#secnavigation li.support a {
	background: url(../grfx/nav/secnav.gif) -110px 0px no-repeat;
	width: 110px;
}

#secnavigation li.support a:hover {
	background: url(../grfx/nav/secnav.gif) -110px -19px no-repeat;
}

#secnavigation li.partners a {
	background: url(../grfx/nav/secnav.gif) -220px 0px no-repeat;
	width: 95px;
}

#secnavigation li.partners a:hover {
	background: url(../grfx/nav/secnav.gif) -220px -19px no-repeat;
}

#secnavigation li.news a {
	background: url(../grfx/nav/secnav.gif) -315px 0px no-repeat;
	width: 76px;
}

#secnavigation li.news a:hover {
	background: url(../grfx/nav/secnav.gif) -315px -19px no-repeat;
}

#side-nav {

}

ul#editions {
	display: block;
	margin: 0;
	padding: 0;
	width: 187px;
	padding-top: 26px;
	background: url('../grfx/editions_sizes.gif') top right no-repeat;
	margin-left: 8px;
	margin-top: 25px;
}
	ul#editions li a {
		display: block;
	}
	ul#editions li a span {
		display: none;
	}

	ul#editions li {
		font-size: 0.9em;
		position: relative;
		list-style-type: none;
		width: 187px; 
		line-height: 24px;
		text-indent: 20px;	
	}

		#editions li.ce a {
			background: url('../grfx/complete-edition-off.gif') top right no-repeat;
			height: 51px;
		}
			#editions li.ce a.selected {
				background: url('../grfx/complete-edition.gif') top right no-repeat;
			}
		
		#editions li.le a {
			background: url('../grfx/large-edition-off.gif') top right no-repeat;
			height: 53px;	
		}
			#editions li.le a.selected {
				background: url('../grfx/large-edition.gif') top right no-repeat;
			}		
		
		#editions li.se a {
			background: url('../grfx/small-edition-off.gif') top right no-repeat;
			height: 37px;	
		}
			#editions li.se a.selected {
				background: url('../grfx/small-edition.gif') top right no-repeat;
			}		

#side-nav li {
	font-size: 0.9em;
	background:url(../grfx/nav/sidenav.gif) top left no-repeat;
	position: relative;
	height: 25px;
	list-style-type: none;
	margin-left: -24px;
	width: 187px; 
	margin-top: -2px;
	line-height: 24px;
	text-indent: 20px;
}

#side-nav li a {
	color: #007fc6;
	font-weight: bold;
	display: block;
}

#side-nav li a:hover, #editions li a:hover {
	text-decoration: none;
}
#side-nav .selected, #side-nav .selected:hover {
	background:url(../grfx/nav/sidenav-selected.gif) top left no-repeat;
	margin-top: -2px;
}

#side-nav .selected a, #side-nav .selected:hover a {
	color: #FFFFFF;
}

#side-nav li:hover {
	background: url(../grfx/nav/sidenav-hover.gif) top left no-repeat;
}

#side-nav ul li {
	text-indent: 40px;
	margin-left: -64px;
}

#side-nav ul li a {
	font-size: 0.9em;
}