/*Main Menu*/
#navbar
{
	list-style-type:none;
	float:right; 
	width:680px;
	height: 34px;
	margin-top: 25px;
	background: transparent url(images/menu/nav_bar_bg.png) left top no-repeat;
} 
#navbar li {
	display:block;
	float:left;
	margin:0 0 0 4px;
	padding:0 0 0 6px;
}
#navbar ul {
	list-style-image:none;
	list-style-position:outside;
}
#navbar a {
	display:block;
	float:left;
	font-size:16px;
	height:34px;
	line-height:34px;
	margin:0;
	padding:0 10px;
	text-decoration:none;
	cursor: pointer;
}
#navbar a:hover,#navbar a.current {
	text-decoration:none;
	cursor: pointer;
}
#navbar span {
	display:block;
	float:left;
	margin:0;
	padding:0 6px 0 0;
}

#navbar li:hover a,#navbar a.current {
	background:transparent url(images/menu/nav_bar_hover.png) 50% 0 no-repeat;
	cursor: pointer;
} 

/*Booking Steps*/
#booking-step{
	padding: 0;
	float:left;
	font-size: 14px;
}

#booking-step li{
	display: inline;
}

#booking-step li a{
	float: left;
	text-decoration: none;
	height: 25px; 
	padding-top: 5px;
	padding-left: 5px;
	width: 225px;
	background:url(images/menu/step.png) no-repeat left top;
	cursor: pointer;
}

#booking-step li a.inactive
{
	text-decoration: none;
	cursor: default;
	cursor: pointer;
}
#booking-step li a.current
{
	background:url(images/menu/step.png) no-repeat 0px -30px;
	cursor: pointer;
}

/*Customer Menu*/
#customer-menu
{
	float:left; 
	width:920px;
	height: 30px;
	margin: 0;
	padding: 0;
}

#customer-menu ul {
	list-style-type: none;
} 
#customer-menu li {  
	display: inline;
}
#customer-menu li a{
    background: transparent url('images/menu/customer_menu_right.png') no-repeat scroll top right; 
    cursor: pointer;
}
#customer-menu li a, #customer-menu li a.selected {
	display: block;
	float: left;
	height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 42px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	text-decoration: none;
	cursor: pointer;
}
#customer-menu li a span, #customer-menu li a.selected span
{
	display: block;
	line-height: 30px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding-left: 10px;
	cursor: pointer;
	cursor: pointer;
}
#customer-menu li a span
{
	background: transparent url('images/menu/customer_menu_left.png') no-repeat top left; 
}
#customer-menu ul li a:hover, #customer-menu li a.selected
{
    background: transparent url('images/menu/customer_menu_right.png') no-repeat scroll right -30px; 
	cursor: pointer;
}             
#customer-menu ul li a:hover span, #customer-menu li a.selected span{
    background: transparent url('images/menu/customer_menu_left.png') no-repeat scroll left -30px; 
	cursor: pointer;
}



/*User Menu*/
.user-page-menu
{
	float:left; 
	width:920px;
	height: 30px;
	margin-bottom: 20px;
	padding: 0;
}

.user-page-menu ul {
	list-style-type: none;
} 
.user-page-menu li {  
	display: inline;
}
.user-page-menu li a{
    background: transparent url('images/menu/customer_menu_right.png') no-repeat scroll top right; 
	cursor: pointer;
}
.user-page-menu li a, .user-page-menu li a.selected {
	display: block;
	float: left;
	height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 42px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	text-decoration: none;
	cursor: pointer;
}
.user-page-menu li a span, .user-page-menu li a.selected span
{
	display: block;
	line-height: 30px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding-left: 10px;
	cursor: pointer;
}
.user-page-menu li a span
{
	background: transparent url('images/menu/customer_menu_left.png') no-repeat top left; 
}
.user-page-menu ul li a:hover, .user-page-menu li a.selected
{
    background: transparent url('images/menu/customer_menu_right.png') no-repeat scroll right -30px; 
	cursor: pointer;
}             
.user-page-menu ul li a:hover span, .user-page-menu li a.selected span{
    background: transparent url('images/menu/customer_menu_left.png') no-repeat scroll left -30px; 
	cursor: pointer;
}


/*Tabs*/
#tabs {
	float:left;
	width:100%;
	line-height:normal;
	border-bottom-width:1px;
	border-bottom-style: dotted;
 }
#tabs ul {
	margin:0;
	padding:10px 10px 0 0;
	list-style:none;
 }
#tabs li {
	display:inline;
	margin:0;
	padding:0;
	font-size: 1.2em;
 }
#tabs a {
	float:left;
	background:url(images/tabs/menu-tab-left.gif) no-repeat left top;
	margin-right:3px;
	padding:0 0 0 4px;
	text-decoration:none;
	cursor: pointer;
 }
#tabs a span {
	float:left;
	display:block;
	background:url(images/tabs/menu-tab-right.gif) no-repeat right top;
	padding: 6px 20px 6px 15px;
 }
  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */

#tabs a:hover span,#tabs a.current span {
	cursor: pointer;
}
#tabs a:hover,#tabs a.current {
	background-position:0% -42px;
	cursor: pointer;
 }
#tabs a:hover span,#tabs a.current span {
	background-position:100% -42px;
	cursor: pointer;
 }