/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#topbar, {
	display:block;
	width:960px;
}

.menu ul, .menu li > div {
	visibility: hidden;
	display: none;
}
.menu li:hover > ul, .menu li:hover > div {
	visibility: visible;
	display: block;
}

/* Shadows */
.left-corner,
.right-corner {
	display:block;
	width: 0px;
	height: 0px;
	border-style: solid;
	position: relative;
	top: 49px;
	float: left;
	opacity: 0.58;
	filter:alpha(opacity=58);
}
.left-corner {
	border-color: transparent #888 transparent transparent;
	border-width: 0 9px 9px 0;
	float: left;
	left: 1px;
}
.right-corner {
	border-color: #888 transparent transparent transparent;
	border-width: 9px 9px 0 0;
	float: right;
	right: 1px;
}

/* Reset  */
.menu, .menu ul {
	margin:0;
	padding:0;
	list-style:none;
}
.menu li, .menu ul a {position:relative;}
.menu > li {
	float:left; 
	margin:10px 5px 0 0;
}
.menu > li:last-child {
	margin:10px 0 0 0;
}
.menu > li.floatr {float:right;}
.menu li > a {display:block;}
.menu > li > ul.right { right: 5px; left: auto }
.menu > li > ul.cols1 { right: 5px; left: auto }
.menu ul {
	position:absolute;
	display:none;
	width:170px;
}
.menu ul ul {
	top:0;
	left:170px;
}
.menu li:hover > ul {display:block;}
#navigation ul li:first-child { margin-left: -8px; }
#navigation ul li ul li:first-child,
#navigation ul li ul li ul li:first-child { margin-left: 0; }
#current {
	background-color: #169fe6;
	border-right: 1px solid #169fe6;
	margin-left: -1px;
	padding-left:21px;
	z-index: 8;
	position: relative;
}
.menu a {text-decoration:none;}
.menu > li > a {
	
	padding:5px 15px 3px 15px;
	font-size:12px;
	line-height:18px;
	text-transform:uppercase;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	background:#f5f5f5;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
}

.menu > li:hover > a {
	color:#039;
	background:#FFFFFF;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;	
}
.menu ul > li.has-sub:hover > a {
	color:#039;
	background:#FFFFFF;
}
ul.menu li a {
	-webkit-transition: background-color 80ms ease-in-out;
	-moz-transition: background-color 80ms ease-in-out;
	-o-transition: background-color 80ms ease-in-out;
	-ms-transition: background-color 80ms ease-in-out;
	transition: background-color 80ms ease-in-out;
}
.menu ul li a {
	-webkit-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
	-moz-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
	-o-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
	-ms-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
	transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
}
.menu > li > a { border-right:1px solid #666; }
.menu > li > a:hover { border-right:1px solid #707070; /*margin: 0 0 0 -1px;*/ }
.menu > li > a img, .menu li > ul > li > a img {
	border:0;
	margin-right:7px;
}

.menu li a:last-child{
	margin-right:0;
	padding-right:0;
}

/* Sub Menu */
.menu ul {
	background:#f5f5f5;
	border:1px solid #ccc;
	border-top:none;
	left:-1px;
	z-index: 999;
	border-radius: 0 0 2px 2px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
}
.menu ul a {
	color: #000;
	font-size: 12px;
	padding: 4px 9px;
	border-top: 1px solid #ccc;
}
.menu ul a:hover {
	background:#fff;
	color:#003399;
}
.menu ul a.subTitle{
	color:#000;
	background: #BCCCDC;
	text-decoration:underline;
	font-weight:bold;
	text-transform: uppercase;
	font-size:11px;
	border-radius:0;
}
.menu .has-sub:hover > a:after, .menu .has-sub.hover > a:after {
    border-color: transparent transparent transparent #003399;
}

.menu .has-sub > a:after {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #808080;
    position: absolute;
    top: 50%;
    right: 5%;
    margin-top: -4px;
    -webkit-transform: rotate(360deg); 
}
.menu ul li.has-sub:hover {
	background:#fff;
	color:#003399;
}

	
/* Mega Menu */
.menu .cols1,  .menu .cols2, .menu .cols3, .menu .cols4, .menu .cols5 {
	position:absolute;
	display:none;
	overflow:auto;
	z-index: 999;
	background: #fff;
}

.menu .cols1, .menu .col1 {width:160px;}
.menu .cols1b, .menu .col1b {width:130px;}
.menu .cols2, .menu .col2 {width:320px;}
.menu .cols3, .menu .col3 {width:480px;}
.menu .cols4, .menu .col4 {width:640px;}
.menu .cols5, .menu .col5 {width:800px;}
.menu > li.floatr > ul.cols1, ul.cols2, ul.cols3, ul.cols4, ul.cols5 {right:0;}
.menu > li:hover > ul.cols1, ul.cols2, ul.cols3, ul.cols4, ul.cols5 {display:block;}
.menu .col1, .menu .col2, .menu .col3, .menu .col4, .menu .col5 {float:left;}

.menu li > ul.cols1,ul.cols2, ul.cols3, ul.cols4,ul.cols5  {
	background-color:#fff;
	border:1px solid #e0e0e0;
	border-top:none;
	left:-1px;
	padding:10px;
}

ul.cols1 a:hover, ul.cols2 a:hover, ul.cols3 a:hover, ul.cols4 a:hover, ul.cols5 a:hover {
	background: none;
	border: none;
}

ul.cols1 a, ul.cols2 a, ul.cols3 a, ul.cols4 a, ul.cols5 a {
	background: none;
	border: none;
}

ul.cols1 p a, ul.cols2 p a, ul.cols3 p a, ul.cols4 p a, ul.cols5 p a {
	padding: 0;
}

.menu h4 {
	font-size: 13px;
	color: #888;
	font-weight: normal;
	margin: 0px 10px 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e0e0e0;
	letter-spacing: 0;
}

.menu h5 {
	font-size: 13px;
	margin: 8px 10px -3px 10px;
}
.menu h5 a{
	color:#444;
	font-size: 13px;
	padding:0;
	margin: 8px 0px -3px 0px;
}
.menu h5 a:hover{
	color:#444;
	font-size: 13px;
	padding:0;
	text-decoration:underline;
	margin: 8px 0px -3px 0px;
}
.menu ol {
	list-style:none;
	margin: 3px 10px;
	padding: 0;
}
.menu ol li{
	list-style:none;
}
.menu ol a {
	color: #777;
	font-size: 12px;
	padding: 3px 0;
	line-height: 15px;
}

.menu ol a:hover {
	color: #444;
}
.menu p {
	font-size: 12px;
	line-height: 18px;
	margin: 9px 10px;
	padding: 0;
}
.menu p a {
	color: #888;
	text-decoration: underline;
}
.menu p a:hover {
	color: #555;
}

/* NAVIGATION --------------------------------------------------------*/
nav {
	display:block;
	padding-top:0;
	margin-top:0;
	float:right;
}
.topMenu{
	display:block;
	margin:0px 0 0px 10px;
	padding:0;
	list-style:none;
}

.topMenu li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

.topMenu ul li a, .topMenu ul li >li a{
	border-bottom:1px solid #666;
}
.topMenu ul li:last-child a  {
	border-bottom:none;
}
.topMenu li.last a{
	margin:10px 0 0 0;
}
.topMenu li a {
	display:block;
	margin:10px 5px 0 0;
	padding:3px 15px 3px 15px;
	font-size:12px;
	line-height:18px;
	letter-spacing:.04em;
	text-transform:uppercase;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	background-color:#E9E9E9;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;	
}
.topMenu li a:hover, .topMenu li.active a{
	color:#039;
	background:#FFFFFF;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;	
}
.topMenu li.active a, .topMenu li a:hover{
	color:#039;
	background:#FFFFFF;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;	
}
.topMenu li li a{
	width:170px;
	float:none;
	margin:0;
	padding:5px 10px;
	font-size:12px;
	font-weight:normal;
	text-transform:none;
	color:#000;
	background-color:#E9E9E9;
	border-radius:0;
}	
.topMenu li li a:hover{
	color:#039;
	background-color:#FFF;
}
.topMenu li li a.subTitle{
	color:#000;
	background: #BCCCDC;
	text-decoration:underline;
	font-weight:bold;
	border-bottom:1px solid #FFFFFF;
	text-transform: uppercase;
	font-size:11px;
	border-radius:0;
}
.topMenu li ul{
	z-index:9999;
	position:absolute;
	left:-999em;
	height:auto;
	width:170px;
	background-color:#E9E9E9;
	border:1px solid #666;
	border-collapse:collapse;
}
.topMenu li ul a{width:150px;}

.topMenu ul ul{
	margin:-30px 0 0 170px;
}



.topMenu li:hover ul ul{left:-999em;}

.topMenu li:hover ul, .topMenu li li:hover ul{left:auto;}

.topMenu li:hover{position:static;}       
		
/**********  New Menu Test  **********/

/*  Navigation Title  */

.blue-bg{
	background:#003399;
}

.navTitle {
	border:0;
	padding:0;
	margin:0;
}
.navTitle p{
	padding:7px 0px 5px 10px;
	margin:0;
	overflow:hidden;
	background:#003399;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}
.navTitle span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	/*padding:2px 5px 2px 10px;*/
	color:#FFF;
}
.navTitle span.blue{
	color:#003399;
}
.navTitle a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	/*padding:2px 5px 2px 10px;*/
	color:#FFF;
	text-decoration:none;
}
.navTitle a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	/*padding:2px 5px 2px 10px;*/
	color:#FFF;
	text-decoration:underline;
}


/* Starter CSS for Flyout Menu */
#product-info-menu {
  padding: 0;
  margin: 0;
  border: 0; }

#product-info-menu ul, #product-info-menu li {
  list-style: none;
  margin: 0;
  padding: 0; }

#product-info-menu ul {
  position: relative;
  z-index: 200;
  float: left; }

#product-info-menu ul li {
  float: left;
  min-height: 1px;
  line-height: 1.2em;
  vertical-align: middle; }

#product-info-menu ul li.hover,
#product-info-menu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default; }

#product-info-menu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 205;
  width: 100%; }

#product-info-menu ul ul li {
  float: none; }

#product-info-menu ul ul, #product-info-menu ul ul ul {
  top: -1px;
  left: 99%; }

#product-info-menu ul li:hover > ul {
  visibility: visible; }

#product-info-menu ul li {
  float: none; }

#product-info-menu a {
  display: block; }

/* Custom CSS Styles */
#product-info-menu {
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 12px; }
  #product-info-menu:after, #product-info-menu ul:after {
    content: '';
    display: block;
    clear: both; }
  #product-info-menu ul {
    background: #ECECEC;
    border: 1px solid #CCCCCC;
    padding: 4px;
    width: 210px; }
    #product-info-menu ul li {
      color: #003399;
      position: relative; }
	  
      #product-info-menu ul li.hover, #product-info-menu ul li:hover {
        background: #003399 ;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0040C6), color-stop(1, #003399));
        background-image: -webkit-linear-gradient(top, #0040C6, #003399);
        background-image: -moz-linear-gradient(top, #0040C6, #003399);
        background-image: -ms-linear-gradient(top, #0040C6, #003399);
        background-image: -o-linear-gradient(top, #0040C6, #003399);
        background-image: linear-gradient(#0040C6, #003399);
        color: #FFF; }
        #product-info-menu ul li.hover > a, #product-info-menu ul li:hover > a {
          color: #FFF;
          border: 1px solid #002677; }
    #product-info-menu ul ul {
      width: 200px; }
  #product-info-menu a {
    border: 1px solid transparent;
    padding: 3px 10px; }
    #product-info-menu a:link, #product-info-menu a:visited {
      color: #003399;
      text-decoration: none; }
    #product-info-menu a:hover {
      background: #003399;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0040C6), color-stop(1, #003399));
      background-image: -webkit-linear-gradient(top, #0040C6, #003399);
      background-image: -moz-linear-gradient(top, #0040C6, #003399);
      background-image: -ms-linear-gradient(top, #0040C6, #003399);
      background-image: -o-linear-gradient(top, #0040C6, #003399);
      background-image: linear-gradient(#0040C6, #003399);
      color: #FFF; }
    #product-info-menu a:active {
      color: #FFFFFF; }
  #product-info-menu ul ul li  {
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #FFF;	
  }
  #product-info-menu ul ul li:first-child {
	  border-top:none;
  }
  #product-info-menu ul ul li:last-child {
	  border-bottom:none;
  }
  #product-info-menu .has-sub:hover > a:after, #product-info-menu .has-sub.hover > a:after {
    border-color: transparent transparent transparent #FFF;
	}
  #product-info-menu .has-sub > a:after {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #808080;
    position: absolute;
    top: 50%;
    right: 5%;
    margin-top: -4px;
    -webkit-transform: rotate(360deg); }



#navi {
  padding: 0;
  margin: 0;
  border: 0; }

#navi ul, #navi li {
  list-style: none;
  margin: 0;
  padding: 0; }

#navi ul {
  position: relative;
   float: left; 
  }
  #navi a {
  display: block; }

#navi ul li {
  float: left;
  min-height: 1px;
  line-height: 1.0em;
  vertical-align: middle; 
  width: 100%;}

#navi ul ul 
{
	border:none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	margin:0px;
	width:206px;
}

#navi ul ul li
{
	padding:0px;
	list-style-type: none;
	position:relative;
	border-bottom:none;
	margin:0px;
	display:block;
/*	float:none;*/
}

#navi ul {
    background: #ECECEC;
    border: 1px solid #CCCCCC;
    padding: 4px;
    width: 210px; }
#navi ul li {
  color: #003399;
  position: relative; }

#navi a {
    border: 1px solid transparent;
    padding: 3px 10px; }
    #navi a:link, #navi a:visited {
      color: #003399;
      text-decoration: none; }
    #navi a:hover {
      background: #003399;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0040C6), color-stop(1, #003399));
      background-image: -webkit-linear-gradient(top, #0040C6, #003399);
      background-image: -moz-linear-gradient(top, #0040C6, #003399);
      background-image: -ms-linear-gradient(top, #0040C6, #003399);
      background-image: -o-linear-gradient(top, #0040C6, #003399);
      background-image: linear-gradient(#0040C6, #003399);
      color: #FFF; }
    #navi a:active {
      color: #FFFFFF; }


#navi .child {
	padding-left:16px;
}


/*---------------------------------   Locations Left Nav -----------------------------------------*/

ul.location-nav {
	display:inline-block;
	width:100%;
}
ul.location-nav li{	
	background-color:#E9E9E9;
	border-bottom: 1px solid #666;
	border-right:1px solid #666;
	border-left:1px solid #666;	
	color:#333;
	display:block;
}
ul.location-nav li a{
	border-top:1px solid #FFF;
	padding:3px 10px 3px 10px;
	font-size:13px;
	line-height:1.6em;
	font-family:Arial,sans-serif;
	text-rendering:optimizeLegibility;
	color:#333;
	display:block;
	text-decoration:none;
}
ul.location-nav li:hover {
	color:#003399;
	background-color:#FFF;
	cursor:pointer;
	text-decoration:none;
}
ul.location-nav li a:hover {
	text-decoration:none;
	color:#003399;
}
ul.location-nav li.heading{
	background: #BCCCDC;
	color: #006;
	font-family:Arial,sans-serif;
}
ul.location-nav li.heading a{
	color: #006;
}
ul.location-nav li.heading:hover{
	text-decoration:underline;
}

ul.location-nav li.sales{
	color: #C44F00;
	background: #BCCCDC;
	font-family:Arial,sans-serif;
}
ul.location-nav li.sales a{
	color: #C44F00;
}
ul.location-nav li.sales:hover{
	text-decoration:underline;
}



/* ----------------------------------------------Column Navigation-------------------------------------*/

#column .subnav {
	display:block;
	width:250px;
	padding:25px;
	background-color:#F9F9F9;
	margin-bottom:30px;
}
#column .subnav h2 {
	margin:0 0 20px 0;
	padding:0 0 14px 0;
	font-size:20px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
	background-color:#F9F9F9;
	line-height:normal;
	border-bottom:1px dotted #666666;
}
#column .subnav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#column .subnav li {
	margin:0 0 3px 0;
	padding:0;
}
#column .subnav ul ul, #column .subnav ul ul ul, #column .subnav ul ul ul ul, #column .subnav ul ul ul ul ul {
	border-top:none;
	padding-top:0;
}
#column .subnav a {
	display:block;
	margin:0;
	padding:5px 10px 5px 20px;
	color:#777777;
	background:url("../images/red_file.gif") no-repeat 10px center #F9F9F9;
	text-decoration:none;
	border-bottom:1px dotted #666666;
}
#column .subnav a:hover {
	color:#FACB0C;
	background-color:#F9F9F9;
}
#column .subnav ul ul a, #column .subnav ul ul ul a, #column .subnav ul ul ul ul a, #column .subnav ul ul ul ul ul a {
	background:url("../images/black_file.gif") no-repeat #F9F9F9;
}
#column .subnav ul ul a {
	padding-left:40px;
	background-position:30px center;
}
#column .subnav ul ul ul a {
	padding-left:50px;
	background-position:40px center;
}
#column .subnav ul ul ul ul a {
	padding-left:60px;
	background-position:50px center;
}
#column .subnav ul ul ul ul ul a {
	padding-left:70px;
	background-position:60px center;
}