/* 
    Document   : style
    Created on : May 6, 2015, 3:20:54 PM
    Author     : Pradnya.Babar
    Description:
        Purpose of the stylesheet follows.
*/


/*@font-face {
  font-family: 'vagrounded';
  src: url('../font/ufonts.com_vag-rounded-thin.ttf') format('truetype');
  src: url('../font/ufonts.com_vag-rounded-thin.woff') format('woff');
}*/

/*@font-face {
    font-family: 'vagrounded';
    src: url('open-sans/ufonts.com_vag-rounded-thin.ttf') format('truetype');
    src: url('open-sans/ufonts.com_vag-rounded-thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'vagrounded';
    src: url('arcelor-font/ufonts.com_vag-rounded-thin.ttf') format('truetype');
    src: url('arcelor-font/ufonts.com_vag-rounded-thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

root { 
    display: block;
}
*/

@font-face {
    font-family: 'arial';
    src: url('alef/arial.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'arial-bold';
    src: url('alef/arialbd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'arial';
    src: url('alef/arial.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'arial-bold';
    src: url('alef/arialbd.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'vagrounded';
  src: url('alef/ufonts.com_vag-rounded-thin.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'helvetica';
  src: url('alef/Helvetica-Condensed-Thin.ttf') format('truetype');
  src: url('alef/Helvetica-Condensed-Thin.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

form {
  margin-bottom: 0 !important;
}

body
{
    font-family:arial;
}

a
{
  font-family:arial;   
  color: #FF3700;
}

a:hover
{
     font-family:arial;
}

a:active
{
     font-family:arial;
}

.master
{
    margin: 0px;
    padding: 0px;
}
.header-border {
  border-top: 2px solid #ff3700;
}
.header
{
    min-height: 110px;
    float:left;
    position: relative;
    width: 100%;
    font-weight: 600;
}

.logo
{
    padding-top: 20px;
}
.top-menu
{
    margin-top: 8px;
}
.top-menu ul
{
    list-style-type: none;
    padding-left: 0px;
    margin-left:0px;
}
.top-menu ul li
{
   display: inline;
}
.top-menu ul li a
{
    font-size:12px;
    color: #696969;
    text-decoration: none;
    font-family: 'arial-bold';
    padding-right: 12px;
    font-weight:500;
}
.search-box
{
    margin-top: 8px;
}
.search-box input {
  width: 207px;
  color: #ff3700;
  font-weight:normal;
  font-family:arial;
}

.search-box .SkinObject {
  color: transparent;
}

.NormalTextBox {
  color: #ff3700;
  font-weight:normal;
}


.header-heading
{
   margin-top: 20px;
   width: 100%;
   float: left;
   position: relative;
}

.header-heading h2
{
    font-size: 22px;
    font-family: arial;
    margin: 0px;
}

.menu {
  background-color: #fff;
  border-bottom: 1px solid #ede9e0;
  border-top: 1px solid #ede9e0;
  float: left;
  min-height: 30px;
  position: relative;
  width: 100%;
}

.navbar-nav > li > a {
  color:#696969 !important;
  font-size: 14px;
  line-height: 17px;
  padding: 6px 29px 6px 29px;
}

.navbar-nav > li > a :first-child
{
    padding-left:0px;
}

.top40
{
    margin-top: 40px;
    float:left;
    width: 100%;
    position: relative;
}




.banner
{
    width: 100%;
    position: relative;
    float: left;
    min-height: 282px;
    margin-bottom:7px;
}

.banner img
{
    width: 100%;
}



.right-content{
    min-height: 800px;
    float: left;
    background-color: yellow;
}

.left-part
{
    width:785px;
    float: left;
    position: relative;
    margin-right:19px;
    min-height: 200px;
}

.right-part
{
    width:176px;
    float: left;
    position: relative;
    min-height: 680px;
    
}

.left-part hr
{
    height: 1px;
    background-color: #e5e5e6;
    width: 100%;
    margin-bottom: 18px;
    margin-top: 18px;
    float: left;
    width:100%;
}

.right-part hr
{
    height: 1px;
    background-color: #ff3700;
    width: 100%;
    margin-bottom: 14px;
    margin-top: 18px;
    float: left;
    width:100%;
}
.right-side-a
{
    font-family: arial;
    font-size: 14px;
    color: #ff3700;
    text-decoration: none !important;
    padding-left:0px;
}
.right-side-a:hover
{
    color:#ff3700;
}
.product-hr
{
    background-color: #e5e5e6 !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}
.right-part > p {
  color: #696969;
  font-family: arial;
  font-size: 12px;
}

.left-part h3
{
    font-family: 'vagrounded';
    font-size: 18px;
    padding-bottom: 10px;
    float:left;
    width: 100%;
    margin:0px;
    font-weight: 500;
    color: #696969;
}

.right-part h2
{
    font-family: 'vagrounded';
    font-size: 20px;
    padding-bottom: 10px;
    float:left;
    width: 100%;
    margin:0px;
    font-weight: 500;
    color: #696969;
}

.orange
{
    color: #ff3700;
}
.gray
{
    color: #696969;
}

.content-box
{
    min-height: 135px;
    position: relative;
    float: left;
    width: 249px;
    margin-top: 10px;
}

.content-box p
{
    color:#696969;
    font-family: arial;
    font-size: 14px;
}

.content-box h5
{
    color:#ff3700;
    float: left;
    font-family: "vagrounded";
    width: 100%;
    font-weight: 500;
}
.content-box img
{
    width: 100%;
}

.offset19
{
    margin-right: 19px;
}

.small-cont-box
{
    width: 115px;
    position: relative;
    float: left;
    min-height: 100px;
}

.small-cont-text
{
    font-size: 12px;
    font-family: arial;
    color: #696969;
}
.rightimage
{
   float:right;
}

.small-cont-heading
{
    font-size: 14px;
    font-family: arial;
    color: #696969;
    font-weight: 500;
}

.footer
{
    background-color: #e5e5e6;
}

.bottm-links-left
{
    padding-left: 0px;
}
.bottm-links ul
{
    list-style-type: none;
    padding-left: 0px;
    margin-top: 10px;
}
.bottm-links ul li
{
    display:inline;
   
}
.bottm-links ul li a
{
    font-family: arial;
    font-size:12px;
    color: #999999;
    text-decoration: none;
    padding: 10px;
}

.bottm-links ul li a:hover
{
    color: #ff3700;
}


.inner-footer
{
    min-height: 130px;
}

.inner-hperlink
{
    color:#ff3700;
    font-size: 12px;
    font-family:arial;
    text-decoration: none !important;
}

.inner-hperlink:hover
{
    color:#ff3700;
}

.footer-right
{padding-right:0px;}

.footer-logo
{
    margin-top: 10px;
    float: right;
}

.products
{
    width: 100%;
    position:relative;
    float: left;
}

.product1
{
    width: 40%;
    position:relative;
    float: left;
}


.product2
{
    width: 60%;
    position:relative;
    float: left;
}

.product2 p
{
    margin-top:10px;
}

.search-box a:focus, .search a:hover {
  color: transparent !important;
  text-decoration: underline;
}

.SkinObject:hover
{
    color:transparent;
}

#dnn_dnnBreadcrumb_lblBreadCrumb > .SkinObject {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  float: left;
  margin: 0;
  padding-left: 0;
  padding-right: 10px;
  padding-top: 5px;
  position: relative;
  width: auto;
  color: #696969;
  font-family: arial;
  font-size: 10px;
  font-weight: 300;
}

.FooterrowNavigationText
{
   color: #ff3700!important;
    font-family: arial;
    font-size: 12px;
    padding: 10px;
    text-decoration: none;
    line-height:45px;
    
}
.FooterrowNavigationText:hover
{
    color: #ff3700;
    text-decoration:none;
}

.list
{
    width:100%;
    float:left;
}

.list ul li
{
    list-style-type:disc;
    padding-top:5px;
    padding-bottom:5px;
}

.list ul li a
{
  font-family: arial;
  font-size: 13px;
  text-decoration: none;
}

/************************ ipad media quries***********************************/

@media (min-width: 767px) and (max-width: 1024px) {

.left-part{ width:75%;}  
.right-part{ width: 21%; margin-top:0px;}
.content-box { width:30%; }
.banner {
  float: left;
  margin-bottom: 7px;
  min-height:150px;
  position: relative;
  width: 100%;
}

.small-cont-box { width: 25%;}

.header-heading img { width:100%;}

}


/************************ iphone media quries***********************************/



@media (min-width: 320px) and (max-width: 480px) {
  
  .banner { float: left; margin-bottom: 7px; position: relative; width: 100%; min-height:50px;}
  
  .left-part { width: 100% !important;}
   
  .content-box {  float: left; margin-top: 10px; min-height: 193px; position: relative; width: 100% !important;padding-left: 15px; padding-right: 15px;}
  
  .right-part { width: 100%; margin-top: 15px;}
  
  .small-cont-box{ width: 40%;padding-bottom: 15px; padding-left:15px;}
  
  .left-part h3 { padding-left: 15px;}
  

  
  .right-part {padding-left:15px;}
  
}

@media (min-width: 480px) and (max-width: 668px) {
  
  .banner { float: left; margin-bottom: 7px; position: relative; width: 100%; min-height:60px;}
  
  .left-part { width: 100% !important;}
   
  .content-box {  float: left; margin-top: 10px; min-height: 193px; position: relative; width: 100% !important;padding-left: 15px; padding-right: 15px; text-align:center;}
  
  .right-part { width: 90%; margin-top: 15px;}
  
  .small-cont-box{ width: 40%;padding-bottom: 15px; padding-left:15px;}
  
  .left-part h3 { padding-left: 15px;}

  
  .resp-head{width:60% !important;}
  
  .right-part {padding-left:15px;}
  
  .content-box img{width:60%; text-align:center;}
  
}



@media (max-width: 320px) 
{
  .banner { float: left; margin-bottom: 7px; position: relative; width: 100%; min-height:50px;}
  .left-part { width: 100% !important;}
   
  .content-box { float: left; margin-top: 10px; min-height: 193px; position: relative; width: 100% !important;padding-left: 15px; padding-right: 15px;}
  
  .right-part { width: 100%; margin-top: 15px;}
  
  .small-cont-box{ width: 80%;padding-bottom: 15px; padding-left:15px; margin: 0px auto;}
  
  .left-part h3 { padding-left: 15px;}
  

  .right-part {padding-left:15px;}
}

/************************************************   inside skin ************************************/
.inside-left {
    float: left;
    padding-bottom: 25px;
    position: relative;
    width: 100%;
}

.inside-right
{
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 16px;
padding-left: 32px;
}
.inside-left h2
{
    font-family: 'vagrounded';
    font-size: 22px;
    color: #696969;
    margin-top: 0px;
}
.inside-left ul
{
    list-style-type: none;
    padding-left: 0px;
    margin-left:0px;
    float:left;
    width:100%;
}
.inside-left ul li
{
    padding-top: 6px;
    padding-bottom: 6px;
}
.inside-left ul li a
{
    font-size: 12px;
    font-family: arial;
    color:#696969;
    text-decoration:none;
   
}

.inside-left ul li a:hover
{
 color:#ff3700;   
}

.inside-left ul ul a:hover
{
 color:#ff3700;   
}

.inside-left >.res
{
    width: 100%;
}

.sep50
{
    height:50px;
}

.inside-banner {
    float: left;
    padding-bottom: 25px;
    padding-left: 32px;
	padding-right: 9px;
    position: relative;
    width: 100%;
}

.inside-banner img
{
    width: 100%;
}
.inside-right h1
{
    font-size: 24px;
    font-family: 'vagrounded';
    color:#ff3700;
}

.inside-right1
{
    /*width: 490px;*/
      width:470px;
    margin-right:35px;
    float: left;
    position: relative;
    
}
.inside-right2
{
    width: 249px;
    float: left;
    position: relative;
}
.introduction
{
    font-family: helvetica;
    font-size: 16px;
    color: #696969;
    margin-bottom: 33px;
    line-height:16px;
}
.inside-txt
{   
    font-family: helvetica;
    font-size: 12px;
    color: #696969;
    line-height:16px;   
}
.inside-right h3
{
    font-size: 14px;
    font-family:'arial-bold';
    color:#696969;
    margin-top: 33px;
}
.inside-form
{
    width: 100%;
    background-color: #ffe1d9;
    float: left;
    position: relative;
    margin-top: 25px;
}
.inside-form input
{
  padding-left: 3px;
  color:#ff3700;
  font-family:arial;
  margin-left:10px;
}
.txt-width
{
    width:92%;
}
.left-offset
{
    margin-right:10px;
    background-color:#ff3700;
    color: #fff !important;
    padding: 3px;
    width: 60px;
    border: none;
}
.inside-form h4
{
    color:#ff3700;
    padding-left: 10px;
}
.graybox
{
    margin-top: 10px;
    background-color: #f0f0f0;
    float: left;
    position:relative;
    width: 100%;
}
.graytitle
{
    font-family:'vagrounded';
    font-size: 16px;
    color:#696969;
    margin-top:15px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-weight:600;
}
.grayorangeheading
{
    font-family: arial;
    font-size: 14px;
    color:#ff3700;
    padding-left: 10px;
}
.grayheading
{
    color:#696969;
    font-size: 16px;
    font-family:'vagrounded';
    padding-left: 10px;
}
.graybox a
{
    color:#696969;
    text-decoration: none;
}

.breadcrumb
{
  float: left;
  min-height: 40px;
  position: relative;
  width: 100%;
  margin-bottom: 0px;
  background-color: #fff;
}

.breadcrumb a
{
    text-decoration:none !important;
    color:#696969;
    font-family:arial;
    font-size:10px;
    font-weight:300;
}

.breadcrumb a:hover
{
     color:#696969;
}

.breadcrumb-inactive
{
    color:#969696;
}

.searchInputContainer a.dnnSearchBoxClearText {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  cursor: pointer;
  display: block !important;
  height: 16px !important;
  margin: 7px 0;
  position: absolute !important;
  right: 10px !important;
  width: 16px !important;
  z-index: 20;
}

.SkinObject {
  /*background-image: url("images/search.png"); */
  background-repeat: no-repeat;
  color: transparent;
  float: right;
  height: 25px;
  margin-left: -20px;
  margin-top: 5px;
  position: absolute;
  /*width: 33px; */
}



.nav > li > a:focus, .nav > li > a:hover {
  background-color: transparent !important;
  text-decoration: none;
}


.resp
{
    width:90%;
}
.sep50 {
  float: left;
  min-height: 50px;
  position: relative;
}
.left-image
{
    margin-top:50px;
    float:left;
    width:100%;
}

@media (max-width: 320px) 
{
    
.left-image {margin-top:20px; float:left;width:100%;margin-bottom:10px; text-align:center;}

.inside-right1 {
  margin-right:0px;
  width: 100%;
}
.inside-right2 {width:100%;}

.resp { width:60%;}

.inside-left ul { width:100%;}
.inside-left ul li a { font-size: 12px;}
.inside-left ul li { text-align: center;}
.inside-left h2 { text-align:center;}
}


@media (min-width: 320px) and (max-width: 480px) {
.left-image {margin-top:20px; float:left;width:100% ;margin-bottom:10px; text-align:center;}

.inside-right1 {margin-right:0px;width: 100%;}

.inside-right2 {width:100%;}

.resp { width:60%;}

.inside-left ul { width:100%;}

.inside-left ul li a { font-size: 12px;}

.inside-left ul li { text-align: left;}

.inside-left h2 { text-align:left;}

}

@media (min-width: 767px) and (max-width: 1024px) {
.search-box input {
  width: 100%;
}

.header-heading img {
  width: 100%;
}

}


#pageTools {
  clear: both;
  float: left;
  font-size: 1.2em;
  padding-bottom: 5px;
  width:100%;
}


.pageToolsContainerLeft {
  cursor: pointer;
  float: left;
  height: 69px;
  margin: 5px 2px;
  width: 20px;
  position:realtive;
}

.insideleftimage {
  background-image: url("images/page-tools-image.jpg");
  border-right: 0 none;
  float:left;
  position:realtive;
  height: 69px;
}

#printContainer, #bookmarkContainer {
  border-bottom: 1px solid #ffd7cc;
}

.inside-right-links {
  float: left;
  padding-left: 7px;
  padding-top: 5px;
  position: relative;
  width: 80%;
}

.inside-right-links a
{
  color: #696969;
  font-family: arial;
  font-size: 12px;
  text-decoration: none;   
}
.social-border {
  border: 1px solid #ffd7cc;
  border-bottom-right-radius: 15px;
}

.middle-social-border
{
    border-bottom:1px solid #ffd7cc;
    border-top:1px solid #ffd7cc;
}
.inside-right-links p
{
    margin-top:3px;
    margin-bottom:3px;
}

.menu-heading
{
    width:100%;
    position:relative;
    float:left;
}

.side-menu
{
    width:100%;
    position:relative;
    float:left;
}

.side-social
{
    width:100%;
    position:relative;
    float:left;
}

.product-heading
{
    width:100%;
    float:left;
    position:relative;
    min-height:40px;
}

@media (min-width: 280px) and (max-width: 666px) 
{
    .side-menu {
                    display:none;
                }

}

@media (min-width: 280px) and (max-width:480px) 
{

.inside-banner {
padding-left: 0;
}

.inside-right {
  padding-left: 0;
}

}

/*************************************************  sidemenu css ****************************************************************/
.MainMenu_MenuContainer a {
  color: #696969;
  font-family: arial;
  font-size: 11px;
  text-decoration: none;
  font-weight:300;
  width: 100% !important;
}

.MainMenu_MenuContainer span {
  font-size: 11px !important;
}

.MainMenu_MenuBar.MainMenu_MenuItem > td {
  border-bottom: 1px solid #e5e5e6;
  font-family: arial;
  font-size: 11px;
  padding-bottom: 6px;
  padding-top: 6px;
  color: #696969;
  line-height:15px;
  font-weight:300;
}

.MainMenu_MenuBar.MainMenu_MenuItemSel > td{
  border-bottom: 1px solid #e5e5e6;
  font-family: arial;
  font-size: 11px;
  padding-bottom: 6px;
  padding-top: 6px;
  color: #ff3700;
  line-height:15px;
  font-weight:300;
}

.MainMenu_MenuContainer {
  border: 1px solid transparent;
}

.MainMenu_MenuContainer {
  height: auto;
  width: 100%;
  display:block !important;
}

.MainMenu_MenuItemSel {
  background-color: transparent !important;
}

.MainMenu_MenuContainer > tbody {
  float: left;
  position: relative;
  width: 100%;
}


.MainMenu_MenuContainer td {
  /*float: left;*/
  width: 100% !important;
  height:auto;
  line-height:27px!important;
  font-family: arial,helvetica,verdana !important;
  font-size: 12px !important;

}

.MainMenu_MenuContainer tr {
  display: block;
  width: 100%;
}
/*************************************************************  breadcrumb ************************************************/\
#dnn_dnnBreadcrumb_lblBreadCrumb > img {
  padding-left: 16px !important;
  width:2%!important;
}

.breadcrumb-img
{
    padding-left:16px;
}


/******************************************************   share market ***************************************/

.side-social iframe {
  float: left;
  position: relative;
  width: 100% !important;
}

.style1 {
  float: left;
  height: auto;
  margin-top: 10px !important;
  position: relative;
  width: 100% !important;
}

.style2 {
  color: #6a6b6d;
  font-family: arial;
  font-size: 12px;
  height: 100% !important;
  width: 100% !important;
}

.home-link
{
    width:100%;
}

.home-link ul {
  list-style-type:none;
  margin-left:0px;
  padding-left:0px;
}

.home-link ul li
{
    padding-top:5px;
    padding-bottom:5px;
    list-style-type:none !important;
}

.home-link ul li a {
  color: #696969;
  font-family: arial;
  font-size: 12px;
  text-decoration:none!important;
}

.home-link ul li a:hover
{
    color:#ff3700;
}

.resp-img
{
    width:100%;
}

.anouncement {
  background-color: #f2f2f2;
}

.art-blockcontent-body a {
  color: #696969 !important;
}

/************************************  Megamenu changes ****************************************************************************/

.MenuWrapperMega li.pf_lvl_0 a {
  color: #696969 !important;
  cursor: pointer;
  font-family: arial !important;
  font-size: 14px !important;
  font-weight: normal;
  line-height: 70% !important;
  text-transform:none !important;
}

.MenuWrapperMega li.pf_lvl_0 a span.MenuText {
  display: block;
  padding: 10px 8px !important;
}


.navbar {
  border: 1px solid transparent;
  min-height: 30px;
  position: relative;
  margin-bottom:0px !important;
  border:none !important;
}


ul#PfNavMega li:hover div ul li ul li a {
  color: #696969 !important;
  line-height: 15px !important;
  text-shadow: none !important;
  font-weight: 300 !important;
  font-size: 11px !important;
  background : rgba(0, 0, 0, 0) url("images/gray-arrow.gif") no-repeat scroll left 10px;
  background-repeat:no-repeat;
  padding-left:8px;
}

ul#PfNavMega li:hover div ul li a {
   color: #ff3700 !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 15px !important;
  text-shadow: none !important;
  border-color:#dcd4c2!important;
}

ul#PfNavMega li a:hover
{
    text-shadow: none !important;
}

ul#PfNavMega li a:active
{
    text-shadow: none !important;
}

ul#PfNavMega a {
 text-shadow: none !important;
}

ul#PfNavMega li:hover div ul li ul li a:hover
{
    color:#ff3700!important; 
    background : rgba(0, 0, 0, 0) url("images/red_arrow.png") no-repeat scroll left 10px;
    
}

ul#PfNavMega div.shadow div
{
    background-color:#f0f0f0 !important;
}

ul#PfNavMega li:hover div ul li ul li ul 
{
    padding-left:0px;
}


/*********************************************** responsive megamenu **************************************/

@media (min-width: 280px) and (max-width: 667px) {

.collapse {
  display: block;
  visibility: visible;
}

.navbar-header {
  display: none;
}

}



/***********************************************************  art menu *********************************************************************/

/* menu structure */

.art-menu
{
  padding: 0 0 0 14px;
}

.art-vmenu li
{display:none; padding-top:2px; padding-bottom:1px}

.art-vmenu li.active
{text-indent:-9999px; display:block;}

.art-vmenu li.active li.active a, .art-vmenu li.active li.active li.active a
{color:#FF3700;}

.art-vmenu li.active li.active li a
{color:#666;}

.art-vmenu li.active li
{display:block;
 text-indent:0px; 
 border-bottom:solid 1px #e5e5e6;
 width:100%;
 padding-left:0px;
 margin-left:0px;
}

.art-vmenu li.active li li
{display:none;}


li.art-vmenu-separator-first
{display:none !important;}

.art-vmenu li.active li.art-vsubmenu-separator
{border-bottom:solid 0px #fff; display:none;}
 
 .art-vmenu li.active li.active li.art-vsubmenu-separator
 {display:none;}
 

.art-vmenu li.active li.active li
{display:inline-block;
 padding-left:15px;
 width:100%;
 border-bottom:solid 1px #e5e5e6;
 border-top:solid 0px #e5e5e6;
 }

.art-vmenu {
  float: left;
  margin-left: 0;
  padding-left: 0;
  width: 100%;
}


.art-nav
{
  position: relative;
  height: 30px;
  z-index: 100;
  margin-bottom:10px;
}

.art-nav .l, .art-nav .r
{
  position: absolute;
  z-index: -1;
  top: 0;
  height: 30px;

}

.art-nav .l
{
  left: 0;
  right: 0;
}

.art-nav .r
{
  right: 0;
  width: 940px;
  clip: rect(auto, auto, auto, 940px);
}


/* end Menu */

/* begin MenuItem */
.art-menu a
{
  position: relative;
  display: block;
  overflow: hidden;
  height: 22px;
  cursor: pointer;
  text-decoration: none;
}

.art-menu .art-menu-li-separator
{
  display: block;
  width: 0;
  height: 30px;
}

.art-menu ul li
{
    margin:0;
    clear: both;
}


.art-menu a .r, .art-menu a .l
{
  position: absolute;
  display: block;
  top: 0;
  z-index: -1;
  height: 90px;

}

.art-menu a .l
{
  left: 0;
  right: 0;
}

.art-menu a .r
{
  width: 400px;
  right: 0;
  clip: rect(auto, auto, auto, 400px);
}

.art-menu a .t
{
 font-family: Arial, Verdana,  Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  margin-left: 10px;
  margin-right: 10px;
  color: #fff;
  margin: 0 9px;
  padding: 0 0 2px 0;
  line-height: 25px;
  text-align: center;
  background-image:url(images/onderlijn_hoofdnav.gif);
  background-repeat:repeat-x;
  background-position:left bottom;
  
  
}
.leftmenu .art-vmenu a .t, .leftmenu .art-vmenu a:link
{
  color: #666666;
  background-image:none;
  font-size:11px;
  line-height:13.2px;
  
  
}

.art-menu a:hover .l, .art-menu a:hover .r
{
  top: -30px;
}

.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
  top: -30px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
  top: -30px;
}
.art-menu a:hover .t
{
  color: #ff3700;
}

.art-menu li:hover a .t
{
  color: #ff3700;
}

.art-menu li:hover>a .t
{
  color: #ff3700;
}

/* end MenuItem */

/* begin MenuSubItem */
.art-menu ul a
{
  display: block;
  text-align: center;
  white-space: nowrap;
  height: 20px;
  width: 180px;
  overflow: hidden;
  line-height: 20px;
  background-image: url('images/subitem.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-width: 0px;
  border-style: solid;
  border-color: #5B7BC8;
}

.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}

.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 20px;
  color: #848689;
  font-family: Arial, Verdana,  Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  margin-left: 10px;
  margin-right: 10px;
  margin:0;
  padding:0;
}


.art-menu ul li a:hover
{
  color: #E9ECF6;
  border-color: #637FC5;
  background-position: 0 -20px;
}


.art-menu ul li:hover>a
{
  color: #ff3700;
  
  background-position: 0 -20px;
}

.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
  color: #ff3700;
}

.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
  color: #ff3700;
}


/* end MenuSubItem */
.dnnsearch a.SkinObject
{    background-image: url("images/button_search.gif");
    background-position: center -3px;
    display: inline-block;
    
    position: relative;
    text-indent: -9909px;
    
    width: 15px;}
    






/* begin Box, Block */
.orange .art-block
{
  position: relative;
  margin: 0 auto;
  min-width: 17px;
  min-height: 17px;
}

.orange .art-block-body
{
  position: relative;
  padding: 7px;
}

.orange .art-block-tr, .orange .art-block-tl, .orange .art-block-br, .orange .art-block-bl, .orange .art-block-tc, .orange .art-block-bc,.orange .art-block-cr, .orange .art-block-cl
{
  position: absolute;
}

.orange .art-block-tr, .orange .art-block-tl, .orange .art-block-br, .orange .art-block-bl
{
  width: 16px;
  height: 16px;
  background-image: url('images/block_s.png');

}

.orange .art-block-tl
{
  top: 0;
  left: 0;
  clip: rect(auto, 8px, 8px, auto);

}

.orange .art-block-tr
{
  top: 0;
  right: 0;
  clip: rect(auto, auto, 8px, 8px);
}

.orange .art-block-bl
{
  bottom: 0;
  left: 0;
  clip: rect(8px, 8px, auto, auto);

}

.orange .art-block-br
{
  bottom: 0;
  right: 0;
  clip: rect(8px, auto, auto, 8px);
}

.orange .art-block-tc, .orange .art-block-bc
{
  left: 8px;
  right: 8px;
  height: 16px;
  background-image: url('images/block_h.png');
}

.orange .art-block-tc
{
  top: 0;
  clip: rect(auto, auto, 8px, auto);
}

.orange .art-block-bc
{
  bottom: 0;
  clip: rect(8px, auto, auto, auto);
}

.orange .art-block-cr, .orange .art-block-cl
{
  top: 8px;
  bottom: 8px;
  width: 16px;
  background-image: url('images/block_v.png');
}

.orange .art-block-cr
{
  right: 0;
  clip: rect(auto, auto, auto, 8px);
}

.orange .art-block-cl
{
  left: 0;
  clip: rect(auto, 8px, auto, auto);
}


.orange .art-block-cc
{
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  background-color: #FF3700;
}

.orange .art-block
{
  margin: 1px;
}

/* end Box, Block */

/* begin BlockHeader */
.orange .art-blockheader
{
  margin-bottom: 0;
}

.orange .art-blockheader, .orange .art-blockheader h3.t
{
  position: relative;
  height: 26px;
}

.orange .art-blockheader h3.t,
.orange .art-blockheader h3.t a,
.orange .art-blockheader h3.t a:link,
.orange .art-blockheader h3.t a:visited, 
.orange .art-blockheader h3.t a:hover
{
  color: #FFFFFF;
  font-family: Arial, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
}

.orange .art-blockheader h3.t
{
  margin:0;
  padding: 0 10px 0 5px;
  white-space: nowrap;
  line-height: 26px;	
}

/* end BlockHeader */

/* begin Box, BlockContent */
.orange .art-blockcontent
{
  position: relative;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.orange .art-blockcontent-body
{
  position: relative;
  padding: 15px;
}


.orange .art-blockcontent-body, 
.orange .art-blockcontent-body li, 
.orange .art-blockcontent-body a,
.orange .art-blockcontent-body a:link,
.orange .art-blockcontent-body a:visited,
.orange .art-blockcontent-body a:hover
{
  color: #FFFFFF;
  font-family: Arial, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  background-color:#f2f2f2;
}

.orange .art-blockcontent-body p
{
  margin: 6px 0 6px 0;
}

.orange .art-blockcontent-body a
{
  color: #FFFFFF;
  font-family: Arial, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.orange .art-blockcontent-body a:link
{
  color: #FFFFFF;
  font-family: Arial, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.orange .art-blockcontent-body a:visited, .orange .art-blockcontent-body a.visited
{
  color: #FFFFFF;
  font-family: Arial, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
}

.orange .art-blockcontent-body a:hover, .orange .art-blockcontent-body a.hover
{
  color: #FFFFFF;
  font-family: Arial, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
}

.orange .art-blockcontent-body ul li
{
  font-family: Arial, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  line-height: 125%;    
  color: #F9FAFB;

  padding: 0 0 0 23px;
  background-image: url('images/blockcontentbullets.png');
  background-repeat: no-repeat;
}
/*Gray Block*/
.gray .art-block
{
  position: relative;
  margin: 0 auto;
  min-width: 17px;
  min-height: 17px;
}

.gray .art-block-body
{
  position: relative;
  padding: 7px;
}

.gray .art-block-tr, .gray .art-block-tl, .gray .art-block-br, .gray .art-block-bl, .gray .art-block-tc, .gray .art-block-bc,.gray .art-block-cr, .gray .art-block-cl
{
  position: absolute;
}

.gray .art-block-tr, .gray .art-block-tl, .gray .art-block-br, .gray .art-block-bl
{
  width: 16px;
  height: 16px;
  background-image: url('images/grayblock_s.png');

}

.gray .art-block-tl
{
  top: 0;
  left: 0;
  clip: rect(auto, 8px, 8px, auto);
    background-color:#D9DADC;
}

.gray .art-block-tr
{
  top: 0;
  right: 0;
  clip: rect(auto, auto, 8px, 8px);
    background-color:#D9DADC;
}

.gray .art-block-bl
{
  bottom: 0;
  left: 0;
  clip: rect(8px, 8px, auto, auto);
    background-color:#D9DADC;
}

.gray .art-block-br
{
  bottom: 0;
  right: 0;
  clip: rect(8px, auto, auto, 8px);
}

.gray .art-block-tc, .gray .art-block-bc
{
  left: 8px;
  right: 8px;
  height: 16px;
  background-image: url('images/grayblock_h.png');
}

.gray .art-block-tc
{
  top: 0;
  clip: rect(auto, auto, 8px, auto);
}

.gray .art-block-bc
{
  bottom: 0;
  clip: rect(8px, auto, auto, auto);
}

.gray .art-block-cr, .gray .art-block-cl
{
  top: 8px;
  bottom: 8px;
  width: 16px;
  background-image: url('images/grayblock_v.png');
}

.gray .art-block-cr
{
  right: 0;
  clip: rect(auto, auto, auto, 8px);
}

.gray .art-block-cl
{
  left: 0;
  clip: rect(auto, 8px, auto, auto);
}

.gray .art-block-cc
{
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  background-color: #D9DADC;
}

.gray .art-block
{
  margin: 1px;
}

/* end Box, Block */

/* begin BlockHeader */
.gray .art-blockheader
{
  margin-bottom: 0;
}

.gray .art-blockheader, .gray .art-blockheader h3.t
{
  position: relative;
  height: 26px;
}

.gray .art-blockheader h3.t,
.gray .art-blockheader h3.t a,
.gray .art-blockheader h3.t a:link,
.gray .art-blockheader h3.t a:visited, 
.gray .art-blockheader h3.t a:hover
{
  color: #FF3700;
  font-family: Arial, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
}

.gray .art-blockheader h3.t
{
  margin:0;
  padding: 0 10px 0 5px;
  white-space: nowrap;
  line-height: 26px;	
}

/* end BlockHeader */

/* begin Box, BlockContent */
.gray .art-blockcontent
{
  position: relative;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.gray .art-blockcontent-body
{
  position: relative;
  padding: 6px;
}


.gray .art-blockcontent-body, 
.gray .art-blockcontent-body li, 
.gray .art-blockcontent-body a,
.gray .art-blockcontent-body a:link,
.gray .art-blockcontent-body a:visited,
.gray .art-blockcontent-body a:hover
{
  color: #6A6B6D;
  font-family: Arial, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  
   
  background-image: url('images/grayblockcontentbullets.png');
  background-repeat: no-repeat;
}

.gray .art-blockcontent-body p
{
  margin: 6px 0 6px 0;
}

.gray .art-blockcontent-body a
{
  color: #6A6B6D;
  font-family: Arial, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.gray .art-blockcontent-body a:link
{
  color: #6A6B6D;
  font-family: Arial, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.gray .art-blockcontent-body a:visited, .gray .art-blockcontent-body a.visited
{
  color: #6A6B6D;
  font-family: Arial, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
}

.gray .art-blockcontent-body a:hover, .gray .art-blockcontent-body a.hover
{
  color: #6A6B6D;
  font-family: Arial, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
}

.gray .art-blockcontent-body ul li
{
  font-family: Arial, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  line-height: 125%;    
  color: #6A6B6D;

  padding: 0 0 0 23px;
  background-image: none;
  background-repeat: no-repeat;
}

/* end Box, BlockContent */
ul li
{list-style-type:disc;}

.supersidebar {width:280px;
               padding: 0 35px 0 0;}
               
.breadcrumbbox
{background-image:url(images/sidenav_bg_corner.gif);
 background-position:left bottom;
 background-repeat:no-repeat;
 height:30px;
 padding-bottom:52px;
 padding-left:35px;
 padding-top:}
 
 .breadcrumbbox a.SkinObject:nth-child(1)
 {color: Green;}
  .breadcrumbbox a.SkinObject:nth-child(2)
 {color: blue;}


/* begin Box, Post */
.art-post
{
  position: relative;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.art-post-body
{
  position: relative;
  padding: 10px;
}


.art-post
{
  margin: 0;
}

a img
{
  border: 0;
}

.art-article img, img.art-article
{
  border: solid 0 #B2C2D1;
  margin: 7px;
}

.art-metadata-icons img
{
  border: none;
  vertical-align: middle;
  margin: 2px;
}

.art-article table, table.art-article
{
  border-collapse: collapse;
  margin: 1px;
}

.art-article th, .art-article td
{
  padding: 2px;
  vertical-align: top;
  text-align: left;
}

.art-article th
{
  text-align: center;
  vertical-align: middle;
  padding: 7px;
}

pre

{
  overflow: auto;
  padding: 0.1em;
}

/* end Box, Post */

/* begin PostHeaderIcon */
h2.art-postheader
{
  color: #FF3700;
  margin: 5px 0 5px 0;
}

h2.art-postheader, 
h2.art-postheader a, 
h2.art-postheader a:link, 
h2.art-postheader a:visited,
h2.art-postheader a.visited,
h2.art-postheader a:hover,
h2.art-postheader a.hovered
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
}

h2.art-postheader a, h2.art-postheader a:link
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #28536C;
}

h2.art-postheader a:visited, h2.art-postheader a.visited
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #5C7A99;
}


h2.art-postheader a:hover,  h2.art-postheader a.hovered
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #3E81A8;
}

/* end PostHeaderIcon */

/* begin PostBullets */
.art-post ol, .art-post ul
{
  margin: 1em 0 1em 2em;
  padding: 0;
}

.art-post li
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 11px;

}

.art-post li ol, .art-post li ul
{
  margin: 0.5em 0 0.5em 2em;
  padding: 0;
}

.art-post li
{
  color: #666; 
    list-style:disc;
  padding: 0;
}


/* end PostBullets */

/* begin PostQuote */
.art-postcontent blockquote,
.art-postcontent blockquote a,
.art-postcontent blockquote a:link,
.art-postcontent blockquote a:visited,
.art-postcontent blockquote a:hover
{
  color: #1E0A01;
  font-family: Arial, Helvetica, Sans-Serif;
  font-style: italic;
  font-weight: normal;
  text-align: left;
}

.art-postcontent blockquote p
{
   margin: 2px 0 2px 15px;
}

.art-postcontent blockquote
{
   border: solid 0 #FC9764;
  margin: 10px 10px 10px 50px;
  padding: 0 0 0 28px;
  background-color: #FDC9AF;
  background-image: url('images/postquote.png');
  background-position: left top;
  background-repeat: no-repeat;/* makes blockquote not to align behind the image if they are in the same line */
  overflow: auto;
}

/* end PostQuote */

.art-postheader .Head
{color:#FF3700;
 font-size:14px;
 font-weight:bold;}
 
 .leftsidebar
 {padding-left:35px;}
 
/* begin Box, Block */
.orangeline .art-block
{
  position: relative;
  margin: 0 auto;
  min-width: 3px;
  min-height: 3px;
}

.orangeline .art-block-body
{
  position: relative;
  padding: 1px;
}

.orangeline .art-block-tr, .orangeline .art-block-tl, .orangeline .art-block-br, .orangeline .art-block-bl, .orangeline .art-block-tc, .orangeline .art-block-bc,.orangeline .art-block-cr, .orangeline .art-block-cl
{
  position: absolute;
}

.orangeline .art-block-tr, .orangeline .art-block-tl, .orangeline .art-block-br, .orangeline .art-block-bl
{
  width: 2px;
  height: 2px;
  background-image: url('images/lineblock_s.png');
}

.orangeline .art-block-tl
{
  top: 0;
  left: 0;
  clip: rect(auto, 1px, 1px, auto);
}

.orangeline .art-block-tr
{
  top: 0;
  right: 0;
  clip: rect(auto, auto, 1px, 1px);
}

.orangeline .art-block-bl
{
  bottom: 0;
  left: 0;
  clip: rect(1px, 1px, auto, auto);
}

.orangeline .art-block-br
{
  bottom: 0;
  right: 0;
  clip: rect(1px, auto, auto, 1px);
}

.orangeline .art-block-tc, .orangeline .art-block-bc
{
  left: 1px;
  right: 1px;
  height: 2px;
  background-image: url('images/lineblock_h.png');
}

.orangeline .art-block-tc
{
  top: 0;
  clip: rect(auto, auto, 1px, auto);
}

.orangeline .art-block-bc
{
  bottom: 0;
  clip: rect(1px, auto, auto, auto);
}

.orangeline .art-block-cr, .orangeline .art-block-cl
{
  top: 1px;
  bottom: 1px;
  width: 2px;
  background-image: url('images/lineblock_v.png');
}

.orangeline .art-block-cr
{
  right: 0;
  clip: rect(auto, auto, auto, 1px);
}

.orangeline .art-block-cl
{
  left: 0;
  clip: rect(auto, 1px, auto, auto);
}

.orangeline .art-block-cc
{
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background-color: #FFFFFF;
}

.orangeline .art-block
{
  margin:10px 0;
}

/* end Box, Block */

/* begin BlockHeader */
.orangeline .art-blockheader

{
  margin-bottom: 4px;
}

.orangeline .art-blockheader, .orangeline .art-blockheader h3.t
{
  position: relative;
  height: 16px;
}

.orangeline .art-blockheader h3.t,
.orangeline .art-blockheader h3.t a,
.orangeline .art-blockheader h3.t a:link,
.orangeline .art-blockheader h3.t a:visited, 
.orangeline .art-blockheader h3.t a:hover
{
  color: #FFFFFF;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
}

.orangeline .art-blockheader h3.t
{
  margin:0;
  padding: 0 10px 0 5px;
  white-space: nowrap;
  line-height: 16px;	
}

.orangeline .art-blockheader .l, .orangeline .art-blockheader .r
{
  position: absolute;
  height: 16px;
  background-image: url('images/lineblockheader.png');
}

.orangeline .art-blockheader .l
{
  left: 0;
  right: 0;
}

.orangeline .art-blockheader .r
{
  width: 792px;
  right: 0;
  clip: rect(auto, auto, auto, 792px);
}

/* end BlockHeader */

/* begin Box, BlockContent */
.orangeline .art-blockcontent
{
  position: relative;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.orangeline .art-blockcontent-body
{
  position: relative;
  padding: 5px;
}


.orangeline .art-blockcontent-body, 
.orangeline .art-blockcontent-body li, 
.orangeline .art-blockcontent-body a,
.orangeline .art-blockcontent-body a:link,
.orangeline .art-blockcontent-body a:visited,
.orangeline .art-blockcontent-body a:hover
{
  color: #6A6B6D;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 13px;
}

.orangeline .art-blockcontent-body p
{
  margin: 6px 0 6px 0;
}

.orangeline .art-blockcontent-body a
{
  color: #6A6B6D;
  font-family: Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}

.orangeline .art-blockcontent-body a:link
{
  color: #6A6B6D;
  font-family: Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}

.orangeline .art-blockcontent-body a:visited, .orangeline .art-blockcontent-body a.visited
{
  color: #6A6B6D;
  font-family: Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}

.orangeline .art-blockcontent-body a:hover, .orangeline .art-blockcontent-body a.hover
{
  color: #FF3700;
  font-family: Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}

.orangeline .art-blockcontent-body ul li
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  line-height: 125%;    
  color: #6A6B6D;

}/* end Box, BlockContent */

/* begin Box, Block */
.orangeheader .art-block
{
  position: relative;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.orangeheader .art-block-body
{
  position: relative;
  padding: 0;
}

.orangeheader .art-block-cc
{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
}

.orangeheader .art-block
{
  margin: 10px 0; 
}

/* end Box, Block */

/* begin BlockHeader */
.orangeheader .art-blockheader
{
  margin-bottom: 4px;
}

.orangeheader .art-blockheader, .orangeheader .art-blockheader h3.t
{
  position: relative;
  height: 27px;
}

.orangeheader .art-blockheader h3.t,
.orangeheader .art-blockheader h3.t a,
.orangeheader .art-blockheader h3.t a:link,
.orangeheader .art-blockheader h3.t a:visited, 
.orangeheader .art-blockheader h3.t a:hover
{
  color: #FFFFFF;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
}

.orangeheader .art-blockheader h3.t
{
  margin:0;
  padding: 0 10px 0 5px;
  white-space: nowrap;
  line-height: 27px;	
  background-image:url(images/info_bg_corner.gif);
  background-position:right bottom;
  background-repeat:no-repeat;
}

.orangeheader .art-blockheader .l, .orangeheader .art-blockheader .r
{
  position: absolute;
  height: 27px;
  background-image: url('images/headerblockheader.png');
}

.orangeheader .art-blockheader .l
{
  left: 0;
  right: 0;
}


.orangeheader .art-blockheader .r
{
  width: 792px;
  right: 0;
  clip: rect(auto, auto, auto, 792px);
}

/* end BlockHeader */

/* begin Box, BlockContent */
.orangeheader .art-blockcontent
{
  position: relative;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.orangeheader .art-blockcontent-body
{
  position: relative;
  padding: 5px;
}


.orangeheader .art-blockcontent-body, 
.orangeheader .art-blockcontent-body li, 
.orangeheader .art-blockcontent-body a,
.orangeheader .art-blockcontent-body a:link,
.orangeheader .art-blockcontent-body a:visited,
.orangeheader .art-blockcontent-body a:hover
{
  color: #6A6B6D;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 11px;
}

.orangeheader .art-blockcontent-body p
{
  margin: 6px 0 6px 0;
}

.orangeheader .art-blockcontent-body a
{
  color: #6A6B6D;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}

.orangeheader .art-blockcontent-body a:link
{
  color: #6A6B6D;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}

.orangeheader .art-blockcontent-body a:visited, .orangeheader .art-blockcontent-body a.visited
{
  color: #6A6B6D;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}

.orangeheader .art-blockcontent-body a:hover, .orangeheader .art-blockcontent-body a.hover
{
  color: #FF3700;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}

.orangeheader .art-blockcontent-body ul li
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  line-height: 125%;    
  color: #6A6B6D;

  padding: 0 0 0 15px;
  background-image: url('images/headerblockcontentbullets.png');
  background-repeat: no-repeat;
}/* end Box, BlockContent */

.active a:hover
{
    color:#ff3700 !important;
}

.breadcrumb-img > p {
  padding-left: 25px;
}

.art-vmenu li.active li.active li.active li.active a {
  color:#ff3700;
}

.art-vmenu li.active li.active li.active li a {
  color: #666;
}

.art-vmenu li.active li.active li.active li {
  border-bottom: 0 solid #e5e5e6;
  border-top: 1px solid #e5e5e6;
}


.PfNav ul li a
{
   font-family:Arial; 
}


a:link  {
  text-decoration: none;
  color: #FF3700;
}

a:visited   {
  text-decoration: none;
  color: #FF3700;

}

a:active    {
  text-decoration: none;
  color: #FF3700;
  
}

a:hover {
 text-decoration: none;
 color: #FF3700;

}


.SkinObject Span {
  color: #696969;
  /*float: right;*/
  /*height: 25px; */
  /*margin-left: 20px;*/
  /*position: absolute;*/
  /*width: 70px;*/
  
}

.breadcrumb {
   visibility: hidden;
}	


a {
	color: #FF3700;
}


.cookie_body2 {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #262626;
   color: white;
   text-align: center;
   padding-bottom: 20px;
   padding-top: 20px;
}

.cookie_body_hide{
  opacity: 0;
  pointer-events: none;
  transform: scale(0.8);
  transition: all 0.3s ease;
}

.cookie_buttons2 button{
  padding: 10px 20px;
  margin-top: 20px;
  border: none;
  outline: none;
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  background: #636363;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100px;
  float: right;
  right: 4rem;
}

.cookie_body2 {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #262626;
   color: white;
   text-align: left;
   padding: 20px;
}

.cookie_body2 header {
	font-size: 20px;
	padding-bottom: 10px;
}

.cookie_buttons a {
 color: #fff;	
}


.cookie_svg .svg-icon {
	height: 17px;
	width: 17px;
	position: absolute;
	right: 4rem;
    cursor: pointer;	
}

/*
#dnn_ctr780_IFrame_HtmlIFrame {
	visibility: hidden;
}
*/

/* Sustainability */
.sustainability-justified-text {
  text-align: justify;
  /*color: #ff3700;*/
}

.sustainability-heading {
  margin-bottom: 40px;
}

/* Footer */
.amsa-footer {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  flex: 1;
}

.footer-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 1.5rem;
}

.amsa-footer li {
   flex: 0 0 auto;
}

.footer-icon {
  vertical-align: middle;
}

.privacy-item {
  max-width: 310px;
  text-align: left;
  padding-left: 2rem;
}

ul.amsa-footer li a,
.privacy-item a {
  color: #999999 !important;
  text-decoration: none;
}

ul.amsa-footer li a:hover,
.privacy-item a:hover {
  color: #FF3700 !important;
}


@media (max-width: 768px) {
  .footer-container {
    flex-direction: column;
    gap: 2rem;
  }

  .privacy-item {
    padding-left: 0;
    max-width: 100%;
  }