﻿#mainnav { position:relative; z-index: 1000; padding:0px; font-family: Arial; font-size: 11px; height:33px; margin-top:10px; }

#mainnav a { display: block; color:#5d5142; text-decoration: none; text-transform:lowercase; }
#mainnav a:hover { color: #B13131; text-decoration:underline;}
#mainnav .col-container { position: absolute; top: 33px; padding: 0; background:url(/images/main_nav_level_2_background.png) no-repeat 100% 100%;
    width: 800px; display: none; }
#mainnav .col { float: left; border-left:none; margin: 12px 0 8px 12px; }
#mainnav .level-1-item1 .col-container {  width: 676px;}
#mainnav .level-1-item1 .col { height: 330px; }
#mainnav .level-1-item2 .col-container {  width: 356px;}
#mainnav .level-1-item2 .col { height: 345px; }
#mainnav .level-1-item3 .col-container {  width: 356px;}
#mainnav .level-1-item3 .col { height: 350px; }
#mainnav .level-1-item4 .col-container {  width: 460px;}
#mainnav .level-1-item4 .col { height: 275px; }
#mainnav .level-1-item4 .col-3 ul li ul, #mainnav .level-1-item4 .col-3 ul li a {width:135px; }
#mainnav .level-1-item5 .col-container {  width: 400px;}
#mainnav .level-1-item5 .col { height: 270px; }
#mainnav .level-1-item5 .col-2 ul li ul, #mainnav .level-1-item5 .col-2 ul li a {width:170px; }
#mainnav .level-1-item6 .col-container {  width: 560px;}
#mainnav .level-1-item6 .col { height: 250px; }
#mainnav .level-1-item6 .col-3 ul li ul {width:170px; }
#mainnav .level-1-item7 .col-container {  width: 565px;}
#mainnav .level-1-item7 .col-2 ul li ul, #mainnav .level-1-item7 .col-2 ul li a {width:137px; }
#mainnav .level-1-item7 .col { height: 212px; }
#mainnav .level-1-item8 .col-container {  width: 770px; position:absolute; left:-307px;}
#mainnav .level-1-item8 .col ul li ul {width:145px; }
#mainnav .level-1-item8 .col { height: 335px; }
#mainnav .level-1-item9 .col-container {  width: 747px; position:absolute; left:-357px;}
#mainnav .level-1-item9 .col ul li ul {width:175px; }
#mainnav .level-1-item9 .col-3 ul li ul, #mainnav .level-1-item4 .col-3 ul li a {width:250px; }
#mainnav .level-1-item9 .col { height: 275px; }
#mainnav .level-1-item10 .col-container {  width: 390px; position:absolute; left:-128px;}
#mainnav .level-1-item10 .col ul li ul {width:145px; }
#mainnav .level-1-item10 .col { height: 240px; }
#mainnav .level-1-item11 .col-container {  width: 190px; position:absolute; left:-102px;}
#mainnav .level-1-item11 .col ul li ul {width:155px; }
#mainnav .level-1-item11 .col { height: 425px; }


/** Level 1 **/
#mainnav ul { padding: 0; margin: 0; z-index: 999; height: 33px; border-bottom: 1px solid #FFF;}
#mainnav ul li { padding: 0; margin: 0; float: left; position: relative; z-index: 999;  }
#mainnav ul li:hover {visibility:inherit; z-index:999;}/*this tried to fix ie7 issue*/
#mainnav ul li a { margin: 0; text-indent: 0; line-height: 33px; height: 33px; text-indent: -9999px; 
    border-top: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent;}
#mainnav ul li a.hover { border-top: 1px solid #ececec; border-right: 1px solid #ececec; border-left: 1px solid #ececec; margin: 0;}
#mainnav ul li a.level-1-item1-a { width: 86px; background: url(/images/IC-sprites-menu.png) no-repeat 0px 10px;}
#mainnav ul li a.level-1-item1-a.hover { background: #F5F5F1 url(/images/IC-sprites-menu.png) no-repeat 0px -36px; }
#mainnav ul li a.level-1-item2-a { width: 63px; background: url(/images/IC-sprites-menu.png) no-repeat -88px 10px;}
#mainnav ul li a.level-1-item2-a.hover { background: #F5F5F1 url(/images/IC-sprites-menu.png) no-repeat -88px -36px;}
#mainnav ul li a.level-1-item3-a { width: 91px; background: url(/images/IC-sprites-menu.png) no-repeat -153px 10px;}
#mainnav ul li a.level-1-item3-a.hover { background: #F5F5F1 url(/images/IC-sprites-menu.png) no-repeat -153px -36px;}
#mainnav ul li a.level-1-item4-a { width: 63px; background: url(/images/IC-sprites-menu.png) no-repeat -246px 10px;}
#mainnav ul li a.level-1-item4-a.hover { background: #F5F5F1 url(/images/IC-sprites-menu.png) no-repeat -246px -36px;}
#mainnav ul li a.level-1-item5-a { width: 54px; background: url(/images/IC-sprites-menu.png) no-repeat -311px 10px;}
#mainnav ul li a.level-1-item5-a.hover { background: #F5F5F1 url(/images/IC-sprites-menu.png) no-repeat -311px -36px;}
#mainnav ul li a.level-1-item6-a { width: 99px; background: url(/images/IC-sprites-menu.png) no-repeat -367px 10px;}
#mainnav ul li a.level-1-item6-a.hover { background: #F5F5F1 url(/images/IC-sprites-menu.png) no-repeat -367px -36px;}
#mainnav ul li a.level-1-item7-a { width: 106px; background: url(/images/IC-sprites-menu.png) no-repeat -468px 10px;}
#mainnav ul li a.level-1-item7-a.hover { background: #F5F5F1 url(/images/IC-sprites-menu.png) no-repeat -468px -36px;}
#mainnav ul li a.level-1-item8-a { width: 76px; background: url(/images/IC-sprites-menu.png) no-repeat -576px 10px;}
#mainnav ul li a.level-1-item8-a.hover { background: #F5F5F1 url(/images/IC-sprites-menu.png) no-repeat -576px -36px;}
#mainnav ul li a.level-1-item9-a { width: 92px; background: url(/images/IC-sprites-menu.png) no-repeat -654px 10px;}
#mainnav ul li a.level-1-item9-a.hover { background: #F5F5F1 url(/images/IC-sprites-menu.png) no-repeat -654px -36px;}
#mainnav ul li a.level-1-item10-a { width: 57px; background: url(/images/IC-sprites-menu.png) no-repeat -748px 10px;}
#mainnav ul li a.level-1-item10-a.hover { background: #F5F5F1 url(/images/IC-sprites-menu.png) no-repeat -748px -36px;}
#mainnav ul li.level-1-item11 {float:right;}
#mainnav ul li a.level-1-item11-a { width: 80px; background: url(/images/IC-sprites-menu.png) no-repeat -922px 10px;}
#mainnav ul li a.level-1-item11-a.hover { background: #F5F5F1 url(/images/IC-sprites-menu.png) no-repeat -922px -36px;}
#mainnav ul li .dropshadow { position:absolute; height: 31px; width: 5px; background:url(/images/main_nav_level_1_drop_shadow.png) no-repeat top left; right: -5px; top: 2px;} 

/** Level 2 **/
#mainnav ul li ul { padding: 0 12px 0 0; margin: 0; border: none; height: auto;  }
#mainnav ul li ul li { padding: 0; margin: 0; float: none;  }
#mainnav ul li ul li a { padding: 0; margin: 0; text-indent: 0;  background: none; border: none; }
#mainnav ul li ul li a.sub-cat-heading { background:none; color: #B13131; padding: 0 10px; width: 120px; height: 13px; line-height: 21px; font-size:12px; font-weight:bold; text-decoration:none; text-transform:none;}
#mainnav ul li ul li a.sub-cat-heading-two-line { background:none; color: #B13131; padding: 0 10px; width: 120px; height: 27px; line-height: 16px; font-size:12px;  font-weight:bold; text-decoration:none;text-transform:none;}
#mainnav ul li ul li a.sub-cat-heading:hover, #mainnav ul li ul li a.sub-cat-heading-two-line:hover {color: #5D5142; text-decoration:underline;}


/** Level 3 **/
#mainnav ul li ul li ul { padding: 5px; margin: 5px; position: relative;  width: 120px; border: none; top: 0; background: none; }
#mainnav ul li ul li ul li { padding: 0; margin: 0; float: none; border: none; }
#mainnav ul li ul li ul li a { padding: 0; margin: 0; background: none; border: none; line-height: 18px; height: 18px; }



.hide {display: none;}
