﻿#header .menu1{position:absolute;top:72px;left:282px;}
#header .menu1 ul{ line-height:normal;}
#header .menu1 ul li{ float:left; font:normal 16px Arial, Helvetica, sans-serif; color:#FFFFFF; background:url(../images/header/menu-divider.gif) no-repeat right 3px;}
#header .menu1 ul li a{ color:#ffffff; text-decoration:none; display:block; padding:11px 15px 0 15px; height:44px; float:left;}
/*#header .menu ul li a:hover{ background:url(../images/header/menu-active.gif) repeat-x 0 0; color:#77e4ff;}*/
#header .menu1 ul li a.active{ background:url(../images/header/menu-active.gif) repeat-x 0 0; color:#ffffff;}


/* Old CSS*/

#menu {height:43px;position:absolute; font-size:11px; margin: 0; z-index:1000; float:left; font-family:arial, sans-serif; left:282px; top:71px;}
#menu table.ie6 {border-collapse:collapse; margin:0; padding:0;}

#menu ul {padding:0; margin:0; list-style: none;}
#menu ul li {float:left; position:relative; z-index:10px;}
#menu ul li.divider{ background:url(../images/menu-divider.gif) no-repeat center; width:3px; height:43px;}
#menu ul li a {display:block; float:left; padding:0 11px 0 0;text-decoration:none; font:normal 16px Arial, Helvetica, sans-serif; color:#FFFFFF; height:43px;line-height:43px; }
#menu ul li a.active{ background:url(../images/header/menu-active.gif) repeat-x 0 0; color:#ffffff;}
#menu ul li a b {display:block; float:left;padding:0 0 0 15px; _padding:0 0 0 13px; text-decoration:none; font:normal 16px Arial, Helvetica, sans-serif; color:#FFFFFF; height:43px; line-height:43px; cursor:pointer;}

#menu ul li div.holder {position:absolute; left:-9999px; z-index:0;}

/*New CSS for top menu */
#menu ul li div .leftSideCS {float:left; margin-left:-15px; background: url(../images/dropLeft.png) no-repeat left 0; _background: url(../images/dropLeft.gif) no-repeat left 0;}
/*New CSS for top menu */

#menu ul li div .leftSide {float:left; margin-left:-75px; background: url(../images/dropLeft.png) no-repeat left 0; _background: url(../images/dropLeft.gif) no-repeat left 0;}
#menu ul li div .rightSide {float:left; margin-left:20px; display:inline; padding:10px 10px 15px 0; background:url(../images/dropRight.png) no-repeat right 0; _background:url(../images/dropRight.gif) no-repeat right 0;}

#menu ul li:hover {position:relative; z-index:10;}
#menu ul li a:hover {color:#757575; background:url(../images/tabCenter.gif) right -44px; position:relative; z-index:10;}
#menu ul li a:hover b {color:#757575; background:url(../images/tabCenter.gif) left -44px;}
#menu ul li a.sub:hover {color:#757575; background:url(../images/tabCenter.gif) right bottom; white-space:nowrap; position:relative; z-index:10;}
#menu ul li a.sub:hover b {color:#757575; background:url(../images/tabCenter.gif) left bottom;}

#menu ul li:hover > a {color:#757575; position:relative;}
#menu ul li:hover a.sub {color:#757575;  background:url(../images/tabCenter.gif) no-repeat right -86px; white-space:nowrap; position:relative; z-index:10;}
#menu ul li:hover a.sub > b {color:#757575; background:url(../images/tabCenter.gif) no-repeat left -86px;}

#menu ul :hover div.holder {position:absolute; top:38px; _top:38px; left:-10px; z-index:-1; margin:0; padding:0;}

#menu ul li.right a:hover div.holder {left:-10px; top:38px; z-index:-1;}
#menu ul li.right:hover div.holder {left:-10px; top:38px; z-index:-1;}

#menu ul li.right1 a:hover div.holder {left:-340px; top:38px; z-index:-1;}
#menu ul li.right1:hover div.holder {left:-340px; top:38px; z-index:-1;}


#menu ul dl {list-style:none; width:193px; padding:0; margin:0;}
#menu ul dl dt { font:normal 12px Arial, Helvetica, sans-serif; color:#004d81; }
#menu ul dl dt a{background:url(../images/menu-arrow.gif) no-repeat 0 5px; font:normal 12px Arial, Helvetica, sans-serif;  color:#004d81;padding:0px 0 22px 18px; display:inline-block; outline:none; margin:2px 0 0 0; height:auto;}
/**/
#menu ul dl dt a:hover{ background:url(../images/menu-arrow.gif) no-repeat 0 5px;font:normal 12px Arial, Helvetica, sans-serif; color:#004d81;padding:0px 0 22px 18px; display:inline-block; outline:none; margin:2px 0 0 0; height:auto;}

#menu ul dl dd {
display:block;
margin:0;
padding:0;
}
#menu ul dd a {
background:url("../images/menu-arrow.gif") no-repeat scroll 0 5px transparent;
color:#004D81;
display:block;
float:none;
font:12px Arial,Helvetica,sans-serif;
height:auto;
margin:0;
padding:3px 0 3px 15px;
text-align:left;
}
#menu ul dd a:hover {
background:url("../images/menu-arrow.gif") no-repeat scroll left 5px transparent;
color:#4DAFE3;
}
#menu ul table td {
vertical-align:top;
}
#menu ul li div .rightSide.widthBig {
width:614px;
}
#menu ul li div .rightSide.widthBig dl {
list-style:none outside none;
margin:0;
padding:0;
width:auto;
}
#menu ul li div .rightSide.widthsmall {
width:193px;
}
#menu ul li div .rightSide.widthBig .colLeft {
background:url("../images/sub-menu-divider.gif") no-repeat scroll right center transparent;
float:left;
width:620px;
}
#menu ul li div .rightSide.widthBig .colLeft h3 {
color:#ABABAB;
font:14px Arial,Helvetica,sans-serif;
}
#menu ul li div .rightSide.widthBig .colLeft h3 a {
background:none repeat scroll 0 0 transparent;
color:#ABABAB;
font:14px Arial,Helvetica,sans-serif;
height:auto;
margin:0 0 11px;
padding:0;
text-decoration:none;
}
#menu ul li div .rightSide.widthBig .colLeft h3 a.platinum {
color:#9FB1BC;
}
#menu ul li div .rightSide.widthBig .colLeft h3 a.gold {
color:#B5BC3A;
}
#menu ul li div .rightSide.widthBig .colLeft h3 a.silver {
color:#ABABAB;
}
#menu ul li div .rightSide.widthBig .colRight {
float:right;
padding:0 0 0 19px;
width:150px;
}
#menu ul li div .rightSide.widthBig .ProductCol {
float:left;
margin:10px 0 0 15px;
overflow:hidden;
width:184px;
}
#menu ul li div .rightSide.widthBig .ProductColImep {
float:left;
margin:10px 0 0 15px;
overflow:hidden;
width:255px;
}
#menu ul li div .rightSide.widthBig .ProductColImep .image {
clear:both;
margin:8px 0 12px;
overflow:hidden;
}
#menu ul li div .rightSide.widthBig .ProductColImep .content {
color:#787878;
font-size:11px;
line-height:normal;
text-transform:none;
}
#menu ul li div .rightSide.widthBig .ProductCol .image {
clear:both;
margin:8px 0 12px;
overflow:hidden;
}
#menu ul li div .rightSide.widthBig .ProductCol .content {
color:#787878;
font-size:11px;
line-height:normal;
text-transform:none;
}
#menu ul li div .rightSide.widthBig .colLeft a.button {
background:url("../images/button/bg_button_a.gif") no-repeat scroll right top transparent;
color:#000000;
display:block;
float:right;
font:11px arial,sans-serif;
padding-right:18px;
text-decoration:none;
white-space:nowrap;
}
#menu ul li div .rightSide.widthBig .colLeft a.button span {
background:url("../images/button/bg_button_span.gif") no-repeat scroll 0 0 transparent;
display:block;
line-height:14px;
padding:5px 0 5px 18px;
white-space:nowrap;
}
#menu ul li div .rightSide.widthBig1 {
width:800px;
}
#menu ul li div .rightSide.widthBig1 dl {
list-style:none outside none;
margin:0;
padding:0;
width:auto;
}
#menu ul li div .rightSide.widthBig1 .colLeft {
float:left;
width:800px;
}
#menu ul li div .rightSide.widthBig1 .colLeft h3 {
color:#ABABAB;
font:14px Arial,Helvetica,sans-serif;
padding:5px 0 0;
}
#menu ul li div .rightSide.widthBig1 .colLeft h3 a {
background:none repeat scroll 0 0 transparent;
color:#ABABAB;
font:14px Arial,Helvetica,sans-serif;
height:auto;
margin:0 0 11px;
padding:0;
text-decoration:none;
}
#menu ul li div .rightSide.widthBig1 .colLeft h3 a.platinum {
color:#9FB1BC;
}
#menu ul li div .rightSide.widthBig1 .colLeft h3 a.gold {
color:#B5BC3A;
}
#menu ul li div .rightSide.widthBig1 .colLeft h3 a.silver {
color:#ABABAB;
}
#menu ul li div .rightSide.widthBig1 .colRight {
float:right;
padding:0 0 0 19px;
width:150px;
}
#menu ul li div .rightSide.widthBig1 .colLeft a.button {
background:url("../images/button/bg_button_a.gif") no-repeat scroll right top transparent;
color:#000000;
display:block;
float:right;
font:11px arial,sans-serif;
padding-right:18px;
text-decoration:none;
white-space:nowrap;
}
#menu ul li div .rightSide.widthBig1 .colLeft a.button span {
background:url("../images/button/bg_button_span.gif") no-repeat scroll 0 0 transparent;
display:block;
line-height:14px;
padding:5px 0 5px 18px;
white-space:nowrap;
}
#menu ul li div .rightSide.widthBig1 .ProductCol {
float:left;
margin:0 0 0 13px;
overflow:hidden;
width:186px;
}
#menu ul li div .rightSide.widthBig1 .ProductCol.nomargin {
margin:0 0 0 5px;
}
#menu ul li div .rightSide.widthBig1 .ProductCol .image {
clear:both;
margin:8px 0 12px;
overflow:hidden;
}
#menu ul li div .rightSide.widthBig1 .ProductCol .content {
color:#787878;
font-size:11px;
height:110px;
line-height:normal;
overflow:hidden;
text-transform:none;
}
.bottomClose {
background:url("../images/dropbottom.png") no-repeat scroll 0 0 transparent;
clear:both;
height:10px;
margin-left:-15px;
width:223px;
}
.adminbottomClose {
background:url("../images/dropbottom.png") no-repeat scroll 0 0 transparent;
clear:both;
height:10px;
margin-left:-75px;
width:223px;
}
#menu ul dl dt a.select {
background:url("../images/menu-arrow01.gif") no-repeat scroll 0 5px transparent;
color:#8A9395;
display:inline-block;
font:12px Arial,Helvetica,sans-serif;
height:auto;
margin:2px 0 0;
outline:medium none;
padding:0 0 22px 18px;
}
#menu ul dl dt a.unselect {
background:url("../images/menu-arrow.gif") no-repeat scroll 0 5px transparent;
color:#004D81;
display:inline-block;
font:12px Arial,Helvetica,sans-serif;
height:auto;
margin:2px 0 0;
outline:medium none;
padding:0 0 22px 18px;
}
.select {
background:url("../images/menu-arrow01.gif") no-repeat scroll 0 5px transparent;
color:#8A9395;
display:inline-block;
font:12px Arial,Helvetica,sans-serif;
height:auto;
margin:2px 0 0;
outline:medium none;
padding:0 0 22px 18px;
}
.unselect {
background:url("../images/menu-arrow.gif") no-repeat scroll 0 5px transparent;
color:#004D81;
display:inline-block;
font:12px Arial,Helvetica,sans-serif;
height:auto;
margin:2px 0 0;
outline:medium none;
padding:0 0 22px 18px;
}
#menu ul dl dt ul.tabs-nested1 {
background:url("../images/tab-border1.gif") repeat-x scroll 0 bottom transparent;
display:block;
height:27px;
margin:0 6px;
padding:0 0 0 9px;
}
* + html #menu ul dl dt ul.tabs-nested1 {
background:url("../images/tab-border1.gif") repeat-x scroll 0 0 transparent;
display:block;
height:27px;
margin:0 6px;
overflow:hidden;
padding:0 0 0 9px;
}
#menu ul dl dt ul.tabs-nested1 li {
display:block;
float:left;
margin:0 -3px 0 0;
padding:0;
line-height:0px;
}
#menu ul dl dt ul.tabs-nested1 li a {
background:url("../images/tab-active2.gif") no-repeat scroll 0 0 transparent;
padding:3px 0 7px;
text-decoration:none;
}
#menu ul dl dt ul.tabs-nested1 li a span {
background:url("../images/tab-active2.gif") no-repeat scroll right 0 transparent;
margin:0 0 0 20px;
padding:3px 20px 7px 0;
}
#menu ul dl dt ul.tabs-nested1 li a.selected {
background:url("../images/tab-inactive2.gif") no-repeat scroll 0 0 transparent;
padding:3px 0 7px;
}
#menu ul dl dt ul.tabs-nested1 li a.selected span {
background:url("../images/tab-inactive2.gif") no-repeat scroll right 0 transparent;
margin:0 0 0 20px;
padding:3px 20px 7px 0;
}
#menu ul dl dt ul.tabs-nested1 li.platinum1 a {
color:#5E5F61;
font-weight:bold;
float:left;
}
#menu ul dl dt ul.tabs-nested1 li.platinum1 a.selected {
border:0 none;
color:#4CB1E9;
font-weight:bold;
float:left;
}
#menu ul dl dt ul.tabs-nested1 li.gold1 a {
color:#5E5F61;
font-weight:bold;
float:left;
}
#menu ul dl dt ul.tabs-nested1 li.gold1 a.selected {
border:0 none;
color:#4CB1E9;
font-weight:bold;
float:left;
}
#menu ul dl {
list-style:none outside none;
margin:0;
padding:0;
width:193px;
}
#menu ul dl dt {
color:#004D81;
font:12px Arial,Helvetica,sans-serif;
}
#menu ul dl dt a {
color:#004D81;
display:inline-block;
font:12px Arial,Helvetica,sans-serif;
height:auto;
margin:2px 0 0;
outline:medium none;
padding:0 0 22px 18px;
}
#menu ul dl dt a:hover {
color:#8A9395;
}
* + html #menu ul li div .rightSide.widthBig .ProductColImep .image {
clear:both;
margin:4px 0 12px;
overflow:hidden;
}
* + html #menu ul li div .rightSide.widthBig .ProductCol .image {
clear:both;
margin:4px 0 12px;
overflow:hidden;
}

