@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;
}