/* ##  Left Nav  ## */

.railNavHeading { margin:0 0 10px 0; padding:7px 10px; font-size:1.1em; font-weight:bold; border-bottom:1px solid #DBDBDB; }
.railNavHeading span.trigger {display:none;}
.railNavHeading a,
.railNavHeading a:link,
.railNavHeading a:visited {color:#fff; text-decoration:none; font-weight:normal;}
.railNavHeading a:hover, 
.railNavHeading a:active {color:#fff; text-decoration:underline; font-weight:normal;}

.railNav {
    display: block;      
    margin: 0px 0px 20px 0px; 
    padding: 0px 0px 0px 0px; 
    color: #036; 
    list-style-type: none; 

}
ul.railNav > li { 
    display: block;
    background: #403a31;      
    margin: 5px 0px 12px 0px;
    padding: 0px 0px 0px 0px;   
     -webkit-border-top-left-radius: 4px;    
    -moz-border-top-left-radius: 4px;
    border-top-left-radius: 4px;  
      -webkit-border-top-right-radius: 4px;    
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;      
     -webkit-border-bottom-left-radius: 5px;    
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;  
      -webkit-border-bottom-right-radius: 5px;    
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;       
     -moz-transition: all .7s ease-in-out;
     -webkit-transition: all .7s ease-in-out;
     -o-transition: all .7s ease-in-out;
     transition: all .7s ease-in-out;    
}
ul.railNav a, 
ul.railNav a:link, 
ul.railNav a:visited {
    display: block;
    font-size: 1.25em;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;   
    padding: 13px 20px 13px 20px;    
    box-sizing: border-box;
}
ul.railNav a:hover, 
ul.railNav a:active {
    -webkit-transition: scale(1.01); 
    transform: scale(1.01);    
}

ul.railNav a.active, 
ul.railNav a.active:link, 
ul.railNav a.active:visited,
ul.railNav a.on, 
ul.railNav a.on:link, 
ul.railNav a.on:visited {
    -webkit-transition: scale(1.01); 
    transform: scale(1.01);     
}

ul.railNav ul  {
    background: #e6e2da;
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
    list-style-type: none;
     -webkit-border-bottom-left-radius: 3px;    
    -moz-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;  
      -webkit-border-bottom-right-radius: 3px;    
    -moz-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;     
}
ul.railNav ul li {
    margin: 0px 0px 0px 0px;
}

ul.railNav ul li:first-child a {
    padding-top: 14px;
}

ul.railNav ul li:last-child {
    padding-bottom: 17px;
}

ul.railNav ul a, 
ul.railNav ul a:link, 
ul.railNav ul a:visited {
    font-size: 1em;
    color: #333;
    padding: 6px 20px 6px 20px;   
}
ul.railNav ul a:hover, 
ul.railNav ul a:active,
ul.railNav ul a.active,
ul.railNav ul a.on {
    -webkit-transition: none; 
    transform: none;   
    text-decoration: underline;    
}

ul.railNav.store a:hover, 
ul.railNav.store a:active,
ul.railNav.store a.active,
ul.railNav.store a.on {
    -webkit-transition: none; 
    transform: none;   
    text-decoration: none;    
}

.has-child.rail-nav-icon:before {
    position: absolute;
    content: "\a6";
    margin: 5px 5px 5px -5px;
	font-family: 'icomoon';
    float: left;
	speak: none;
    font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.has-child.rail-nav-icon.on:before {
    content: "\a4";
    margin: 5px 5px 5px -5px;
	font-family: 'icomoon';
	speak: none;
    font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.has-child span.active {
    margin-left: 10px;   
}

span.active:active,
span.active:hover,
a.on span.active,
a.on span.active {
    text-decoration: underline;
}

ul.railNav li.on {
    background-color: #d9d2c3;
}

ul.railNav li.on ul {
    margin: 0px 0px 0px 0px;
    padding-left: 15px;
    background-color: #d9d2c3;
}

ul.railNav li.on ul ul {
    margin: 0px 0px 0px -15px;
    padding-top: 5px;
    padding-left: 30px;
    background-color: #ccc4b4;
}

ul.railNav ul ul li:first-child a {
    padding-top: 4px !important;
}

ul.railNav ul ul li:last-child {
    padding-bottom: 5px;
}

ul.railNav ul ul ul li:last-child {
    padding-bottom: 5px;
}

ul.railNav ul ul a, 
ul.railNav ul ul a:link, 
ul.railNav ul ul a:visited {
    color: #333;
    padding: 5px 20px 5px 20px;   
    text-transform: none;
}

/* legacy left rail code
.lnavwrpr { margin:0 10px 30px 10px; font-size:1.1em; line-height:1.2em; }
.lnvgrphdg { margin:15px 0 8px 0; font-size:1.2em; font-weight:bold; }
.lnav { margin:0 0 20px 4px; padding:0; list-style-type:none; }
.lnav a, .lnav a:visited { display:block; padding:6px; text-decoration:none; }
.lnav a.on, .lnav a:hover, .lnav a:focus, .lnav a:active { text-decoration:none; background-color:none; color:#ccc; }
.lnav li { border-bottom:1px dotted #fff; }
.lnav ul  {margin:4px 0 10px 10px; padding:0; list-style-type:none;}
.lnav ul a, .lnav ul a:visited {display:block; padding:0 0 0 7px; text-decoration:none; }
.lnav ul a:hover, .lnav a:focus, .lnav ul a:active { color:#ccc; background:transparent url(/cms/images/lnav-li.gif) no-repeat 0% 50%; }
.lnav ul li { padding:3px 0; border:none; }
*/