@charset "utf-8";
/* CSS Document */

#header {
	padding-top: 78px;
	background: url("../images/header.jpg") no-repeat top left;
	width: 755px;
}
#navigation {
	background: url("../images/navigation_bg.gif") no-repeat top left;
	height:35px;
	width: 755px;
	margin-top:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#navigation ul.nav {
	list-style-type:none;
	height:28px;
	padding-top:3px;
	margin-left:0px;
	margin: 0 0 0 10px;
}
#navigation ul.nav img {
	border:none;
}
#navigation #pictoLoyalty {
	position:relative;
	display:block;
	width:44px;
	height:28px;
	margin-left:2px;
	margin-right:2px;
	top:-1px;
}
#navigation ul.nav li {
	display:inline;
	float:left;
	background: url("../images/dot.gif") no-repeat top left;
}
#navigation ul.nav li span {
	background: url("../images/nav_separator.gif") no-repeat top left;
	display:block;
	height:18px;
	width:4px;
	float:left
}
#navigation ul.nav li a {
	display:block;
	float:left;
	text-decoration:none;
	font-size:9px;
	font-weight:bold;
	color:#000;
	height:18px;
	vertical-align:top;
}
#navigation ul.nav li a img {
	height:18px;
	width:6px;
	vertical-align:middle;
}
#navigation ul.nav li.aon a, #navigation ul.nav li.aoff a:hover {
	background: transparent url("../images/nav_bg_on.gif");
	color:#ffffff;
}
#navigation ul.nav li.aon a img.inter_right, #navigation ul.nav li.aoff a:hover img.inter_right {
	background: transparent url("../images/nav_bg_right_on.gif");
}
#navigation ul.nav li.aon a img.inter_left, #navigation ul.nav li.aoff a:hover img.inter_left {
	background: transparent url("../images/nav_bg_left_on.gif");
}
#navigation ul.nav li.aoff a img.inter_right, #navigation ul.nav li.aoff a img.inter_left {
	background: url("../images/dot.gif");
}
#navigation ul.nav li.aon a.none, #navigation ul.nav li.aoff a.none, #navigation ul.nav li.aon a:hover.none, #navigation ul.nav li.aoff a:hover.none {
	position:relative;
	background: url("../images/dot.gif") no-repeat top 4px;
}