@CHARSET "UTF-8";

/* BASE MENU STYLE */

div#navbar ul#menu {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	height: 27px;
	padding-left: 1px;
	padding-right: 1px;
	list-style: none;
	font-size: 12px;
	z-index: 50;
}

div#navbar ul#menu li {
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	width: 146px;
	height: 24px;
	background: transparent url(../images/button_normal.png) -8px 1px no-repeat;
}

div#navbar ul#menu > li:HOVER {
	background: transparent url(../images/button_up.png) -8px 1px no-repeat;
}
	
div#navbar ul#menu > li > a.highlighted {
	background: transparent url(../images/button_up.png) -8px -1px no-repeat;
}
div#navbar ul#menu li.active {
	font-weight: bold;
	background: transparent url(../images/button_down.png) -8px 1px no-repeat;
}

div#navbar ul#menu li a {
	margin-top: 2px;
	display: block;
	height: 22px;
	line-height: 20px;
	width: auto;
	text-align: center;
	text-decoration: none;
}


/** SUBMENUS **/

div#navbar ul#menu li ul {
	font-size: 11px;
	font-weight: normal;
	margin: 1px 0 0 -1px;
	display: none;
	z-index: 60;
}

div#navbar ul#menu li ul li {
	margin: 0;
	padding: 0;
	width: 145px;
	height: 24px;
	background: #ccc url(../images/submenu_normal.png) top left repeat-x;
	border-left: 1px solid #666;
	border-right: 1px solid #444;
}
div#navbar ul#menu li ul li.last {
	border-bottom: 1px solid #444;
}

div#navbar ul#menu li ul li a {
	margin-left: 5px;
	text-align: left;	
}

div#navbar ul#menu li ul li:HOVER {
	background: #ccc url(../images/submenu_up.png) top left repeat-x;	
}


/** ACTIVE PAGE EFFECT **/

body#index_services div#navbar ul#menu li#services,
body#index_delivery div#navbar ul#menu li#delivery,
body#index_quote div#navbar ul#menu li#quote,
body#index_quote div#navbar ul#menu li#quote,
body#index_login div#navbar ul#menu li#account,
body#index_account-index div#navbar ul#menu li#account,
body#index_account-edit div#navbar ul#menu li#account,
body#index_account-quotes div#navbar ul#menu li#account,
body#index_account-orders div#navbar ul#menu li#account,
body#index_register div#navbar ul#menu li#account,
body#index_contact div#navbar ul#menu li#contact {
	line-height: 21px;
	font-weight: bold;
	background: transparent url(../images/button_down.png) -9px 1px no-repeat;
}


/** ICONS **/

div#navbar ul#menu li.icon {
	width: 30px;
	overflow: hidden;	
}

div#navbar ul#menu li.icon a {
	width: 29px;
	padding-left: 29px;
}

div#navbar ul#menu li#index:HOVER {
	background: transparent url(../images/button_icon_home_up.png) 0px 1px no-repeat;
}

div#navbar ul#menu li#index {
	background: transparent url(../images/button_icon_home_normal.png) 0px 1px no-repeat;
}
	
/** ACTIVE ICON EFFECT **/
body#index_index div#navbar ul#menu li#index {
	background: transparent url(../images/button_icon_home_down.png) 0px 1px no-repeat;
}


/** LANGUAGE SELECT **/

div#navbar ul#language-select {
	display: block;
	height: 27px;
	margin: 0;
	padding: 0;
	padding-right: 1px;
	list-style: none;
	float: right;
	font-size: 12px;
	z-index: 50;	
}

div#navbar ul#language-select li {
	margin: 0;
	padding: 0;
	width: 35px;
	position: relative;
	float: right;
	height: 24px;
	overflow: hidden;
}

div#navbar ul#language-select li a {
	margin-top: 2px;
	display: block;
	height: 22px;
	width: auto;
	padding-left: 35px;
	text-decoration: none;
}

div#navbar ul#language-select li#en {
	background: transparent url(../images/button_icon_french_normal.png) 0px 1px no-repeat;
}

div#navbar ul#language-select li#en:HOVER {
	background: transparent url(../images/button_icon_french_up.png) 0px 1px no-repeat;
}

div#navbar ul#language-select li#fr {
	background: transparent url(../images/button_icon_english_normal.png) 0px 1px no-repeat;
}

div#navbar ul#language-select li#fr:HOVER {
	background: transparent url(../images/button_icon_english_up.png) 0px 1px no-repeat;
}