.menuBar{	
	margin-left:  auto;
	margin-right: auto;
	width: 		  800px;
	text-align:   left;
}

div.menuBar div#header {
    color: 		  #1A719E;
    font-family:  Verdana;
    font-size:    26px;    
    padding:      10px 10px 10px 0;
}

/* Menu: =Main Site Links
-------------------------------------------------------
*/
div#firstLine{
	position: 			relative;
	height: 			17px;		
	padding:			4px 0 0 0;
	text-align:			right;	
}

div#firstLine ul#siteLinks{	
	list-style-type: none;
	margin: 		 0;	
	padding:		 0;
	display:		 inline;
}

div#firstLine ul#siteLinks li{
	display: 		inline;
	float: 			right;
	margin-left: 	10px;
	font-family: 	Verdana;	
	font-size: 		11px;	
	text-transform: capitalize;
}

div#firstLine ul#siteLinks li.first{	
	margin-left: 0;
}

div#firstLine ul#siteLinks li a{			
	padding-left: 	 10px;
	border-left: 	 1px solid #000000;	/* skinable definition*/
}

div#firstLine ul#siteLinks li.first a{
	border: none;
}

/* Menu: =Rollover Menu
-------------------------------------------------------
*/

/**
 * The default settings for the menu.
 */
div#menu {	
	position: 			relative;
	height: 			30px;
	padding: 			0;
	background-color:	#df0a21; /*skinable definition*/
}

/**
 * The default settings for the lists of menu-items.
 */
div#menu ul{	
	list-style-type:	none;
	padding: 			0;
	margin: 			0;		
}
div#menu ul ul{
	border-bottom: 	1px ridge;
	border-right: 	1px ridge;
	border-left: 	1px ridge;	
}
/**
 * The default settings for the menu-items.
 */
div#menu ul.level0 li{
	position: 			relative;
	float: 				left;	
	margin: 			0;
	margin-top:			6px;
	border: 			none;	
	background-color:   #5c616c; /*skinable definition*/
}

div#menu ul.level1 li, div#menu ul.level2 li {
	clear:			both;
	width: 			180px;
	margin: 		0;
	padding: 		0;
	border-top: 	1px solid;	
}

div.menulinks>div#menu ul.level1 li{
	border-collapse: collapse;
}

/**
 * the fisrt menu-item from level0 must be 20px right-shifted
 */
div#menu ul.level0 li.first{
	margin-left: 	2px;
}

/**
 * settings for the text of the parent menu-item
 */
div#menu ul li.parent a span.parent{
	padding-right: 0.5em;
}
div#menu ul.level0 li a span.quotes{
	font-size: 	 18px;
	position: 	 absolute;	
	float: 		 right;	
	right: 		 0.35em;	
	font-weight: normal;	
}
div#menu ul.level0 li a>span.quotes{
	bottom: 		0.05em;
}

/**
 * The settings for menu-items links.
 */
div#menu ul.level0 li a {	
	position: 		 relative;
	display:		 block;
	margin:			 0;
	padding: 		 4px 5px 5px 5px;
	text-decoration: none;	
	text-align: 	 center;
	font-family:     Verdana, Arial, sans-serif;
	font-weight: 	 bolder;
	border: 		 none;
	color: 			 white;
}

div#menu ul.level0 li:hover a {
	color: 			  black;
	background-color: #F7F3F7;
}

/**
 * The position of the sub-menus.
 */
div#menu ul.level0 ul.level1, div#menu ul.level1 ul.level2 {	
	position: 		absolute;
	left: 			120px;
	top: 			5px;
	margin: 		0;		
}

div#menu ul.level0 ul.level1{
	left: 0;
	top:  23px;
}

div#menu ul.level0 ul.level1 li a {
	display: 		 block;	
	margin: 	 	 0 2px;
	padding: 		 4px 0 4px 0.5em;	
	text-align:		 left;
	border:			 none;				
}

/**
 * Hover effect for menu-items of level1 and level2
 */
div#menu ul.level0 li:hover ul.level1 li:hover a,
div#menu ul.level0 li:hover ul.level1 li:hover ul.level2 li:hover a {
	color: 			  black;
	background-color: #F7F3F7;
}

div#menu ul.level0 li:hover ul.level1 li a,
div#menu ul.level0 li:hover ul.level1 li:hover ul.level2 li a{
	color: 			  white;
	background-color: #5c616c; /*skinable definition*/
}	

/**
 * IE hack for changing the menu-item (color, background) on mouseOver.
 * note: class "over" is used in iemenu.js
 */
div#menu ul.level0 li a.over, div#menu ul.level0 ul.level1 li a.over,
div#menu ul.level1 ul.level2 li a.over {
	color: 			  black;
	background-color: #F7F3F7;
}

/** the roll-over effect **/
div#menu li ul{visibility:	hidden;}
div#menu li:hover>ul{visibility:	visible;}

div#menu ul.level0 li:hover ul.level1{z-index: 2;}
div#menu ul.level1 li:hover ul.level2{z-index: 3;}

div.menulinks{
	position: relative;
}	

div.menulinks ul.rightLinks{
	position: 		absolute;
	top: 			0;
	list-style-type:none;	
	right: 			2px;
	margin-top: 	5px;
	padding-left:	0;
}

div.menulinks ul.rightLinks li {	
	float: 			left;
	padding: 	 	0;
	margin: 	 	0;
}

div.menulinks ul.rightLinks li.first{
	border:			none;
}

div.menulinks ul.rightLinks li a{
	text-decoration:  none;
	color: 			  #FFF;
	background-color: #5c616c; /*skinable definition*/
	position: 		  relative;
	float: 			  left;	
	margin: 		  0;
	margin-top:		  10px;
	border: 		  none;

}

div.menulinks ul.rightLinks li a:hover{
	text-decoration: underline;  	
}

div.menulinks ul.rightLinks li.cart a{
	background-image: 	url(../images/cart.gif);
	background-repeat: 	no-repeat;
	background-position:10% 50%;
	margin:			    0px 2px;
	padding: 		 	5px 10px;
	font-family:     	Verdana;
	text-align: 	 	center;
	color: 			 	white;
	padding-left: 	 	35px;	
}

div.menulinks ul.rightLinks.bolder li{
	font-weight: bolder;
}

div.menulinks ul.rightLinks.capitalize li{
	text-transform: capitalize;
}