/*****************************************************
                CORPORATE MENU 2b2f3a
*****************************************************/
#mainNav,
#mainNav ul,
#mainNav li,
#mainNav a {
  margin: 0 auto;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none; 
  font-family: Calibri, sans-serif;
  font-size: 97%;
  position: relative;

}

#mainNav {
  width: auto;
  background: #fff;
  margin:0% 1.5% 2% 0%;
  float:right;
}


#mainNav > ul {
  border: 1px solid #9EA8BF;  
  background: #d2d8e6;  
  border-bottom:3px solid #657292;
}

#mainNav > ul:after {
  clear: both;
  content: '';
  display: table;
}

#mainNav a.home-icon{
	background:url('../images/home_icon.png') no-repeat center 11px;
	display: block;
	overflow: hidden;
	padding-left: 16px;
	padding-right: 16px;
	text-indent: -9999px;
    border-radius: 8px 0 0 0;    
}



@media only screen and (max-width: 960px) {

        #mainNav {
            clear: both;
            width: 100%;
            background: #fff;
            margin:0% 0% 0% 0;
        }
      #mainNav > ul {
        max-height: 32px;
        overflow: hidden;
        -webkit-transition: max-height 0.5s;
        transition: max-height 0.5s;   
      }
      #mainNav.expand ul {
        max-height: 900px;
      }

     #mainNav a.home-icon{
	    background:url('../images/home_icon.png') no-repeat 7px 11px;	    
	    text-indent: 15px;    
    }

}


#mainNav > ul > li {
  border-right: 1px solid #9EA8BF;
  -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2);
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2);
  float: left;
}




#mainNav > ul > li.mobile {
  display: none;
}


#mainNav > ul > li.corp-active, #mainNav > ul > li:hover {  background: #b0b8cb;   }

#mainNav > ul > li.corp-active, #mainNav > ul > li:last-child:hover {
    /*background: #d2d8e6;*/
}


@media only screen and (max-width: 960px) {
  #mainNav > ul > li {
    border-right: 0 none;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    display: block;
    float: none;
    border-top:1px solid #9EA8BF;
  }
  #mainNav > ul > li.mobile {
    display: block;
    background:url('../images/icon-menu.png') 99% center no-repeat;
  }
  #mainNav > ul > li.mobile span {
    float: right;
    font-style: normal;  
  }

    #mainNav > ul > li:first-child {
       border-top:none;
    }

    #mainNav ul ul li {
        padding: 8px 0 !important;
    }  
   
}


#mainNav > ul > li:last-child {
  border-right: 0 none;
  /*-moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;*/
}


#mainNav > ul > li:last-child ul, #mainNav > ul > li ul.open-right {
  left: auto;
  right: -1px;
  border-radius: 8px 0 8px 8px;
  
}


#mainNav > ul > li.mobile {
  border-right: 0 none;
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}
#mainNav > ul > li > a {   
  font-size: 90%;
  display: block;
  color: #000;     
  display: block;
  padding: 10px 8px 10px 8px;
  font-weight: bold;
}

#mainNav > ul > li.has-sub > a {
    background:url('../images/menu_arrow.png') no-repeat 95% center;   
   padding-right: 22px;
    
}



#mainNav > ul > li > a:hover {
  text-decoration: none;  
}



#mainNav > ul > li.corp-active {
  border-bottom: none;
}
#mainNav > ul > li.corp-active > a {  color: #000; }


/* Sub menu */
#mainNav ul ul {
  background: #f9f9f9;
  border: 1px solid #657292;  
  -webkit-border-radius: 0 8px 8px 8px;
  -moz-border-radius:  0 8px 8px 8px;
  border-radius:  0 8px 8px 8px;
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  padding: 5px 12px;
  display: none;
  position: absolute;  
  left: -1px;
  width: 200px;
  z-index: 1;
}

@media only screen and (max-width: 960px) {
  #mainNav ul ul {
    position: relative;
    top: 0;
    width: 100%;
    padding-left:0;
    padding-right:0;
  }

    li#search input {
        margin-bottom: 2.5%;
    }

    #mainNav ul ul li {
       padding-left:15px !important;
       /*padding-right:15px !important;*/
    }

    #mainNav ul ul li a {
       text-decoration:none !important;
    }


     #mainNav ul ul li {
      border-top:1px solid #ccc !important;
    }

    #mainNav ul ul li:first-child {
        border-top:none !important;
    }

    #mainNav ul ul {
        border:none;
        border-radius:0;
    }
}

#mainNav ul ul li {
  padding: 4px 0;
}

#mainNav ul ul a {
  color: #666;
  display: block;
  font-size: 90%;
  font-weight: bold;
}

#mainNav ul ul a:hover {
  color: #000000;
  text-decoration:underline;  
}

  
#mainNav  li.third-level > a {
   background: transparent url('../images/menu_arrow.png') 90% center no-repeat !important;
   width:auto !important;
}



#mainNav ul ul ul {  
   background: #e4e3e3;
   border: none;
  -webkit-border-radius: 0;
  -moz-border-radius:  0;
  border-radius:  0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 5px 0px 5px 0px; 
  position: relative;   
  left: 0px;
  width: 100%;
  z-index: 1;
}


#mainNav ul ul ul li a{ padding-left:12px; }




/*****************************************************
                 BUSINESS UNITS NAVIGATION
*****************************************************/

#bizUnitMenu {
    margin:0 auto;
    width:100%;     
    font-size:75%;
    border-bottom:2px solid #E67817;
    /*-webkit-box-shadow: 0px -1px 6px 0px #a3a0a3;
    -moz-box-shadow: 0px -1px 6px 0px #a3a0a3;
    box-shadow: 0px -1px 6px 0px #a3a0a3;*/
}

#bizUnitMenu ul {
    display:table;
    list-style: none;
    position:relative;
     width:100%;
}

#bizUnitMenu ul li {    
    display:table-cell;
    text-align:center;      
    vertical-align:middle; 
    font-weight:600;    
}

#bizUnitMenu > ul  > li > a  {
   display:block;
   padding:4px 0 4px 0; 
   background-color:#000; 
   color:#fff;
   border-right: 1px solid #b1bedb;
   letter-spacing: 4px;   
}

#bizUnitMenu > ul > li:last-child > a {
     border-right:none;    
}

#bizUnitMenu > ul  > li > a:hover  {    
   color:#E67817;
}




@media (min-width: 1025px){
     
/*
	 #bizUnitMenu > ul > li ul li {
        width:50px;
    }
*/	
	#bizUnitMenu > ul > li:first-child ul li:nth-child(2) { 
        width:150px; 
    }
	
	#bizUnitMenu > ul > li:first-child ul li:nth-child(3) { 
        width:112px; 
    }
	
    #bizUnitMenu > ul > li > ul li a {
        padding:0px 5px 0px 5px;
    }
}



#bizUnitMenu > ul > li > ul li a {
   display:block;
   /*padding:10px 7px 0px 7px;*/  
   background-color:#E67817;
   color:#fff;
   border-right: 1px solid #b1bedb;
   border-radius:0 !important;
   -moz-border-radius:0 !important;
   -webkit-border-radius:0 !important;  
   
   height:30px;
   padding-top:15px;
}

#bizUnitMenu > ul > li > ul li a.double-space{  padding-top:9px; height:36px; }


#bizUnitMenu > ul > li > ul li a:hover, .current-unit  {   
   background-color:#d2d8e6 !important; 
   color:#000 !important;
}


#bizUnitMenu > ul > li:last-child > ul li:last-child a {
    border-right: none !important;  
      
}




#bizUnitMenu a.home-icon{
	background:url('../images/home_icon.png') no-repeat center 4px;
	display: block;
	overflow: hidden;
	padding-left: 14px;
	padding-right: 14px;
	text-indent: -9999px;	
    background-color:#007AC3;
}




@media (min-width: 1026px){
       #bizUnitMenu > ul > li:first-child{ border-right: 4px solid #fff; }
       a#refinery, #bizUnitMenu > ul > li:first-child > a { border-right: none !important; }
   
}





/*****************************************************
                 BUSINESS UNITS MENU
*****************************************************/

.RadMenu_Default {
   -webkit-box-shadow: 0 10px 6px -6px #999;
	-moz-box-shadow: 0 10px 6px -6px #999;
	box-shadow: 0 10px 6px -6px #999;
	margin-bottom:15%; 
}

.RadMenu_Default a {
    cursor:pointer !important;
}

.RadMenu_Default > ul.rmRootGroup {
    border:none;
    background:#d2d8e6 none;
                
}


.RadMenu_Default > ul.rmRootGroup > li > a:hover {   
    border-color: #657292 !important;    
}


.RadMenu_Default .rmGroup, .RadMenu_Default .rmMultiColumn, .RadMenu_Default .rmGroup .rmVertical { 
    border-color: #657292 !important;
    background: #fff !important;
}


.RadMenu_Default .rmLevel1 a.rmLink { padding-left:2px !important; padding-right:0px !important; }
.RadMenu_Default .rmLevel1 span.rmText { padding-left:2px !important; padding-right:10px !important; }

.RadMenu_Default .rmScrollWrap .rmVertical a.rmLink  { padding-left:2px !important; padding-right:0px !important; }
.RadMenu_Default .rmScrollWrap .rmVertical span.rmText  { padding-left:2px !important; padding-right:0px !important; }

.RadMenu_Default .rmScrollWrap .rmVertical li.rmLast { margin-bottom:2px;  }

.RadMenu_Default a.rmRootLink span.rmText{  white-space: normal !important;  }

.RadMenu_Default a.rmLink.double-line span.rmText
{ 
	line-height:1.2em !important; 
	padding-top:2px !important;	
    padding-bottom:2px !important;	
}

.RadMenu_Default  a.rmLink.double-line span.rmText
{ 	
	padding-top:4px !important;	
    padding-bottom:5px !important;	
}


.RadMenu_Default .rmRootGroup li a.rmRootLink.double-line.extra .rmText 
{ 
	background:none;
	background:url('../images/radsideArrow.png') no-repeat 100% 14px;   
}

.RadMenu_Default .rmRootGroup li:hover a.rmRootLink.double-line.extra .rmText
{  	
	background:url('../images/radsideArrow.png') no-repeat 100% -22px;   
}

.RadMenu_Default .rmRootGroup li a.rmRootLink.double-line.extra-extra .rmText 
{ 
	background:none;
	background:url('../images/radsideArrow.png') no-repeat 100% 21px;   
}

.RadMenu_Default .rmRootGroup li:hover a.rmRootLink.double-line.extra-extra .rmText
{  	
	background:url('../images/radsideArrow.png') no-repeat 100% -15px;   
}

.RadMenu_Default > ul.rmRootGroup > li ul li a .rmText, .RadMenu_Default > ul.rmRootGroup > li ul li a  {
    background-image:none !important;   
}

.RadMenu_Default > ul.rmRootGroup > li ul li a:hover {
    background-color:#d2d8e6 !important;
    border-top:1px solid #9EA8BF !important;
    border-bottom:1px solid #9EA8BF !important;
 }

.RadMenu_Default > ul.rmRootGroup > li ul li:first-child a { 
    border-top:none !important;
    
 }


.RadMenu_Default > ul.rmRootGroup > li ul li:last-child a { 
    border-bottom:none !important;
    
 }






/*****************************************************
                 BUSINESS UNITS MOBILE MENU
*****************************************************/

/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; 
                display: block; 
                vertical-align: middle; 
                float: left; 
                /*padding: 0.438em 0.625em 0.438em 0.625em;*/ 
                padding:0.6em 2.5% 0.6em 2.5%; 
                line-height: 1.125em; 
                cursor: pointer;
}
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: right; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { 
    display: block; 
    width: 1.125em; 
    height: 0.125em; 
    -webkit-border-radius: 1px; 
    -moz-border-radius: 1px; 
    border-radius: 1px; 
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); 
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); 
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul, .slicknav_nav li { display: block; }

.slicknav_nav li { border-bottom:1px solid #6c6b6b; position:relative; }

.slicknav_nav .slicknav_arrow { 
    font-size: 0.85em; 
    /*margin: 0 0 0 0.4em;*/  
    position:absolute;
   top: 0px;
    right: 0px;
    width: 30px;
    display: block;
    /*height:24px;*/
    background-color:rgba(0, 0, 0, 0.25);
     text-align:center;  
     padding-top:5px; 
      padding-bottom:5px; 
     z-index:999;
     margin:4px 5px 5px 5px;
     border:1px solid #636363;

}

.slicknav_nav .slicknav_arrow:hover {
     color:#222;
}


.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block; }
.slicknav_nav .slicknav_item a { display: inline  }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:16px;	
}
/* Button */
.slicknav_btn {
	/*margin: 5px 5px 6px;*/	
    margin:0 !important;
	text-decoration:none;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	/*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/  
	background-color: #222222;
    width:95%;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #FFF;
	font-weight: bold;	
	text-shadow: 0 1px 3px #000;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #E67817;
}
.slicknav_menu {
	background:#4c4c4c;
	padding:5px 0px 5px 0px;
}
.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;
	/*font-size:0.875em;*/
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 0px;
    background-color:#E67817;
}
.slicknav_nav .slicknav_item {
	/*padding:5px 10px;*/ 
	/*margin:2px 5px;*/
    /*margin:0px 0px 0px 0px;*/
}
.slicknav_nav a{
	padding:8px 10px 8px 10px;
    /*padding:5px 20px;*/
	/*margin:2px 5px;*/
    margin:0px 0px 0px 0px;
	text-decoration:none;
	color:#fff;
}

/**MOD **/
.slicknav_nav > li ul li a {
    padding:8px 20px;
}

.slicknav_nav li a {
    width: 100% !important;
}

.slicknav_nav > li ul li:last-child {
      border:none !important;
}

.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
    /*overflow:hidden;*/
    display:block !important;
}
.slicknav_nav .slicknav_item:hover {
	/*-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;*/
	background:#ccc;
	color:#fff;	
   
}

.slicknav_nav .slicknav_item a:hover {	
	color:#222;	
    text-decoration:underline;
}


.slicknav_nav a:hover{
	/*-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;*/
	background:#ccc;
	color:#222;
}

span.bold-txt {
    font-weight: 600;
    font-size:1.05em;
}
.slicknav_nav .slicknav_txtnode {
     /*margin-left:15px;*/  
     margin-left:0; 
     padding:8px 10px;
}

.slicknav_menu {
	display:none;
}

ul.contact-text li {
    border:none !important;
    padding:03px 15px !important;
}

ul.contact-text li a {
   display:inline;
   background:none !important;
   padding:0 !important;
   text-decoration:underline;
   color:#fff !important;
}

ul.contact-text li a:hover {
    color: #ccc !important;
    text-decoration:dotted !important;
}



/*****************************************************
                MEDIA QUERIES
*****************************************************/

@media only screen and (min-width:881px) and (max-width: 980px) {
    #bizUnitMenu > ul > li > ul li a {         
       /*padding:14px 7px 0px 7px;*/
       /*height:34px;*/       
       /*vertical-align:middle;*/
      /*padding-top:14px;*/     
    }

}



/*@media only screen and (max-width: 1026px) {*/
@media (max-width: 1025px){
     #bizUnitMenu ul li {  display:block !important; text-align:center; position:relative; }
     #bizUnitMenu > ul  > li > a  { 
        position: relative;
        display: block;
        padding:12px 0 12px 0;                                
        background:#E67817;     
         border-top:1px solid #000; 
        border-right: none;
        z-index:2;
        overflow:hidden;
    }

     #bizUnitMenu > ul > li:first-child > a { border-top:none;  }
       
    #bizUnitMenu > ul  > li > a:hover  {  color:#fff; background-color:#000;  } 




    #bizUnitMenu > ul > li  ul { display:none;  }

    #bizUnitMenu > ul > li > ul li a, #bizUnitMenu > ul > li > ul li a.double-space {        
      padding:0;
      height:auto;
    }

    #bizUnitMenu > ul > li > ul li a.double-space { padding:6px 0; }

    #bizUnitMenu { border-top:2px solid #000;    }

    #bizUnitMenu ul { width:100%; }

   

   

    #bizUnitMenu > ul > li > ul li { border-bottom:1px solid #ccc;  }
    #bizUnitMenu > ul > li > ul li:last-child { border-bottom:none;  }

    


   #bizUnitMenu  span.touch-button {         
        position: absolute;
        z-index: 999;
        top: 0px;
        right: 0px;
        width: 32px;
        height: 100%;
        display: block;
        background: url('../images/plus_minus_icons.png') 50% 8px rgba(0, 0, 0, 0.175) no-repeat;
        text-align: center;
        cursor:pointer;
        height:26px !important;
        margin:6px 5px 5px 5px;
        border:1px solid #b1bedb;
    }

        


    

     #bizUnitMenu > ul > li > ul li a {
       display:block !important;
       padding:12px 0 12px 0;  
       background-color:#687b86;
       color:#fff;
       border-right: none;   
    }

    #bizUnitMenu li.active-unit span.touch-button { 
         background:url('../images/plus_minus_icons.png') 50% -12px rgba(0, 0, 0, 0.175) no-repeat; 
    }



    #bizUnitMenu > ul > li > a.current-unit + ul + span.touch-button {
        border:1px solid #999;
    }
    
}


@media all and (min-width: 0px) and (max-width: 420px) {
    #bizUnitMenu  ul  li {        
        text-align:left;        
    }

    #bizUnitMenu  ul  li  a {        
        padding-left:10px !important;        
    }

    
}