/* Main drop down menu */
/* set up the overall width of the menu div, the font and the margins */

.menu {
	width:900px;
	margin:0;
	position:relative;
	z-index:100;
	height:28px;
	background-image:url("images/i/menuBg.png");
	background-repeat:repeat-x;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
    padding:0; 
    margin:0;
    list-style-type: none;
}

/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
    float:left; 
    position:relative;
}

/* Changes background for active menu */
.menu ul li.active {
	background-image:url("images/i/menuBgActive.png");
    background-repeat:repeat-x;
}

.menu ul li ul li.active {
	background-image:none;
}

.menu ul li.active a, .menu ul li.active a:visited {
	color:#ccc;
}

/* style the links to be 112px wide by 28px high. Set the background color and the font size. */
/* Change the width to add menu items 900px diveded by number of links 900 / 8 = 112.5 */
.menu ul li a, .menu ul li a:visited {
    display:block; 
    text-align:center; 
    text-decoration:none; 
    width:112px; 
    height:28px; 
    color:#fff; 
    border:none;
    line-height:28px; 
    font-size:13px;
    font-weight: normal;
    background-image:url("images/i/menuBgDivider.png");
    background-position:right;
    background-repeat:no-repeat;
}
/* Removes Divider for last menu item */
.menu ul li.last a, .menu ul li.last a:visited {
    width:116px; /*last depends on the number of menu items */
	background-image:none;
	background-repeat:repeat-x;
}
/* make the dropdown ul invisible */
.menu ul li ul {
    display: none;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
    color:#ddd; 
    background-image:url("images/i/menuBgHover.png");
    background-repeat:repeat-x;
    font-weight: normal;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
    display:block; 
    position:absolute; 
    top:28px; 
    left:0; 
    width:155px;
    /*background:#8585A4 none repeat scroll 0 0;*/
    background:#112d66 none repeat scroll 0 0;
    /*opacity for IE5+*/
    filter: alpha(opacity=80);
    /*opacity for older Mozilla browsers*/
    -moz-opacity: 0.8;
    /*opacity for mozilla/safari*/
    opacity: 0.8;

}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li.last ul {
    left:-39px; 
}

.menu ul li ul li.last {
    margin-bottom: 5px;
}

/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a, .menu ul li:hover ul li a:visited{
	display:block;
	color:#fff;
	text-align:left;
	font-size:11px;
	line-height:19px;
	text-indent:13px;
	height:20px;
	background-image: url("images/i/arrow.gif");
	background-repeat: no-repeat;
	background-position: left center;
	margin:2px 8px 0;
	padding: 1px 0;
	border-bottom:1px solid #9D9DB6;
	width:145px;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
    color:#f33;
}

/* Top navigation bar */
ul.topnav {
    clear: both;
    display:block;
    margin: 0px;
	position: relative;
	height: 33px;
	background: url("images/i/topmenuTr.png") no-repeat;
	background-position: center top;
	text-align: center;
	width: 555px;
	float: right;
	padding: 2px 0px 20px 0px;
	}
.topnav li {
	display:inline;
}
.topnav li a {
	padding-left:15px;
	padding-right:15px;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	
}
.topnav a:hover {
	text-decoration:underline;
	font-size: 13px;
	}
	
/* --------- Language Navigation ------------ */

.langmenu {
	width:55px;
	margin:-48px 0px -28px 450px;;
	position:relative;
	z-index:200;
	height:28px;
	float: right;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.langmenu ul {
    padding:0; 
    margin:0;
    list-style-type: none;
}

/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.langmenu ul li {
    float:left; 
    position:relative;
}

/* Changes background for active menu */
.langmenu ul li.active {
/*	background-image:url("images/i/menuBgActive.png");
    background-repeat:repeat-x;*/
}

.langmenu ul li ul li.active {
	background-image:none;
}

.langmenu ul li.active a, .langmenu ul li.active a:visited {
	color:#ccc;
}

/* style the links to be 112px wide by 28px high. Set the background color and the font size. */
/* Change the width to add menu items 900px diveded by number of links 900 / 8 = 112.5 */
.langmenu ul li a, .langmenu ul li a:visited {
    display:block; 
    text-align:center; 
    text-decoration:none; 
    width:112px; 
    height:28px; 
    color:#fff; 
    border:none;
    line-height:20px; 
    font-size:13px;
    font-weight: normal;
}
/* Removes Divider for last menu item */
.langmenu ul li.last a, .langmenu ul li.last a:visited {
    width:116px; /*last depends on the number of menu items */
	background-image:none;
	background-repeat:repeat-x;
}
/* make the dropdown ul invisible */
.langmenu ul li ul {
    display: none;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.langmenu ul li:hover a {
    color:#ddd; 
    font-weight: normal;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.langmenu ul li:hover ul {
    display:block; 
    position:absolute; 
    top:28px; 
    left:0; 
    width:155px;
    /*background:#8585A4 none repeat scroll 0 0;*/
    background:#112d66 none repeat scroll 0 0;
    /*opacity for IE5+*/
    filter: alpha(opacity=80);
    /*opacity for older Mozilla browsers*/
    -moz-opacity: 0.8;
    /*opacity for mozilla/safari*/
    opacity: 0.8;

}
/* make the sub menu ul visible and position it beneath the main menu list item */
.langmenu ul li.last ul {
    left:-39px; 
}

.langmenu ul li ul li.last {
    margin-bottom: 5px;
}

/* style the background and foreground color of the submenu links */
.langmenu ul li:hover ul li a, .langmenu ul li:hover ul li a:visited {
	display:block;
	color:#fff;
	text-align:left;
	font-size:12px;
	line-height:11px;
	text-indent:3px;
	height:16px;
	margin:2px 8px 0;
	padding: 1px 0;
	width:145px;
}
/* style the background and forground colors of the links on hover */
.langmenu ul li:hover ul li a:hover {
    color:#f33;
}

.langmenu img.mini_flag {
	padding: 0px 5px 0px 5px;
}


/* --------- Left Navigation ------------- */
.leftmenu {
	float:left;
	width:150px;
	padding-top:0px;
	text-align:left;
	min-height: 420px;
	position: relative;
	z-index:90;
	}
ul.leftmenu{
	text-indent:10px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
}

.leftmenu-topspacer {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	height: 36px;
	width: 150px;
	
}
.leftmenu li {
    height:59px;
    width: 150px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    list-style-type: none;
}

.leftmenu li.last{
    margin-bottom:59px;
    border-bottom: 1px solid #ccc;
    list-style-type: none;
}

.leftmenu .active {
    background:transparent url("images/i/slider.png") no-repeat scroll left top;
    color:#000;
    height:59px;
    width:171px;
    border-top: none;
    border-right: none;
    position:relative;
    z-index:91;
}

.leftmenu li.last.active {
    border-bottom: none;
}

ul.leftmenu li a {
    display: block;
    line-height:59px;
    color:#666;
    font-size:12px;
    text-align:left;
    text-decoration:none;
    height:59px;
    width: 150px;
}
.leftmenu li a:hover {
color:#000;
}

.shoppingcart {
	display:block;
	margin-top: -48px;
	padding-bottom: 10px;
	width: 925px;
	height: 20px;
	color: #899FC4;
	text-align: right;
	font-size: 11px;
}

div.shoppingcart img {
	display: inline;
	float: right;
	padding: 1px 0px 0px 3px;;
}

/* --------- Left Navigation ------------- original
.leftmenu {
	float:left;
	width:150px;
	padding-top:36px;
	text-align:left;
	}
ul.leftmenu{
	background:transparent url("images/i/botDropdownActiveLi.gif") no-repeat scroll left top;
	text-indent:10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
}
.leftmenu li {
background:transparent url("images/i/botDropdownActiveLi.gif") no-repeat scroll left top;
height:59px;
width:171px;
}

.leftmenu li.last{
margin-bottom:70px;
}

.leftmenu .active {
background:transparent url("images/i/bgDropActDown.jpg") no-repeat scroll left top;
color:#000;
height:59px;
width:171px;
}

.leftmenu li a {
line-height:59px;
color:#666;
font-size:12px;
text-align:left;
text-decoration:none;
}
.leftmenu li a:hover {
color:#000;
}

*/