.heroimage
{
    height: 198px; 
    color:#ffffff;
}
    .heroimage h1
    {
        margin:0 0 5px 0;        
        font-weight:normal;
        font-size:2.2em;
    }
    .heroimage p
    {
        font-size:1.1em;
    }


ul#Breadcrumb
{
    background: url(../../img/header/breadcrumb-bg.gif) bottom left repeat-x;
    list-style: none;
    margin: 0 10px 10px 10px;
    padding: 0 10px 6px 10px;
}

    ul#Breadcrumb li
    {
        display: inline;
    }

        ul#Breadcrumb li a
        {
            padding-right:10px ; 
            margin-right:5px;
            background: url(../../img/button/arrow-right.gif) right center no-repeat;
            font-weight:bold;
        }


#MainContent
{
    width: 484px;
    padding: 0 10px;
} 
    #MainContent h1
    {
        font-size:2.8em;
        color: #EA5357;
        font-weight:normal;
        margin:10px 22px;
        padding-right:15px !important;
        
    }
    #MainContent h2
    {
        font-size:1.4em;
        color: #EA5357;
        font-weight:normal;
        margin-bottom:10px;
        margin-left:22px;
        margin-right:22px;
    }
    #MainContent h3
    {
        font-size:1.3em;
        color: #EA5357;
        font-weight:normal;
        margin-bottom:10px;
        margin-left:22px;
        margin-right:22px;        
    }    
    #MainContent h4
    {
        font-size:1.1em;
        color: #EA5357;
        font-weight:normal;
        margin-bottom:10px;
        margin-left:22px;
        margin-right:22px;        
    }
    
    #MainContent img.imageLeft
    {
        float: left;
        margin: 0 10px 10px 0;
    }
    #MainContent img.imageRight
    {
        float: right;
        margin: 0 0 10px 10px;
    }   
    
    #MainContent p
    {        
        margin-left:21px;
        margin-right:21px;
        font-size:1.1em;
    }
    
        #MainContent p a
        {
            color:#E43728;
        }
        
            #MainContent p a.arrowRed,
            #MainContent p a.arrowRed:link,
            #MainContent p a.arrowRed:visited
            {   
                color:#6C6B59;
            }
            #MainContent p a.arrowRed:hover
            { 
                color:#E43728;
            }
    
     #MainContent p.introParagraph,
     #MainContent p.introParagraphDivider
     {
        font-size:1.8em;
        color:#838371;
        margin-bottom:10px; 
     }
     
         #MainContent p.introParagraphDivider         
         {
            padding-bottom:20px;
            background: url(../../img/body/form-divider.gif) center bottom no-repeat;
         }     
     
     #MainContent ul
     {
            margin:0 22px 10px 42px;
             font-size:1.1em;
     }
         #MainContent ul li
         {
            margin:2px 0;            
            list-style-image:url(../../img/body/bullet.gif); 
         }
            
            #MainContent li a
            {
                color:#E43728;
            }
         
         
             #MainContent ul li ul{ margin-left:15px;  font-size:1em;}
             #MainContent ul li ul li
             { 
                 
                list-style-image:url(../../img/body/bullet2.gif);
             }
      
     
     #MainContent div.divider
     { 
        height:20px;
        margin:10px 0; 
        background: url(../../img/body/form-divider.gif) left top no-repeat;
     }
     
    #MainContent div.boxGrey
    {
        padding:10px;
        background:#F5F6F5;
        margin:0 22px 10px 22px;    
    }    
    
        #MainContent div.boxGrey h2,
        #MainContent div.boxGrey h3
        {
            color:#E43728;
            margin-bottom:0.8em;
            margin-left:5px;
            font-size:1.5em;
            font-weight:normal;
        }
     
         #MainContent div.boxGrey ul
         {
                margin:0 0 10px 22px;
         }
          
    #MainContent div.boxQuote,
    #MainContent blockquote,
    #MainContent q
    {
        padding:0 0 10px 0;
        background:#F5F6F5;
        margin:0 22px 10px 22px;    
    }
        #MainContent div.boxQuote p,
        #MainContent blockquote p,
        #MainContent q p
        {
            background:url(../../img/boxes/quote-marks.gif) top left no-repeat;
            padding:15px 30px 0 30px;
            margin:0 0 0 0;
        }
        
        #MainContent div.boxQuote p.author,
        #MainContent blockquote p.author,
        #MainContent q p.author
        {
            background:none;
            padding:15px 30px 0 30px;
            margin:0 0 0 0;
        }

    #MainContent div.col{ 
	    width:150px;
		float:left; 
		padding-right:10px
	}	
	
	#MainContent div.colLast
	{	    
		padding-right:0;
    }
	
	#MainContent div.collapse,
	#MainContent div.dividerBox
    { 
        background:url(../../img/body/form-divider.gif) top left no-repeat;
        padding:10px 0 8px 0 ;
    }
    #MainContent div.collapseGrey,
    #MainContent div.dividerBoxGrey
    { 
        background:url(../../img/body/form-divider-grey.gif) top left no-repeat #F9F9F8;   
        padding:10px 0 8px 0 ;  
    }
	
	/* Collapsibles */
   #MainContent div.collapse h3,
   #MainContent div.dividerBox h3,
   #MainContent div.dividerBoxGrey h3
    { 
        color:#E43728;
        font-size:1.4em;
        margin-left:22px;
        margin-right:22px;
        margin-bottom:5px;
    }
    
    
        #MainContent div.dividerBox h3 img,
        #MainContent div.dividerBoxGrey h3 img
        {            
            float: right;        
            margin-top:-20px;
        }
    
      #MainContent div.collapse h3 a:link, 
      #MainContent div.collapse h3 a:visited
      {
        color:#E43728; text-decoration:none; 
        padding-left:20px;
        background:url(../../img/button/open.gif) left 3px no-repeat;
        display:block; 
      }        
      #MainContent div.dividerBox h3 a:link, 
      #MainContent div.dividerBox h3 a:visited,
      #MainContent div.dividerBoxGrey h3 a:link, 
      #MainContent div.dividerBoxGrey h3 a:visited 
      {
        color:#E43728; text-decoration:none;   
      }
      
      #MainContent div.collapse h3 a:hover,
      #MainContent div.dividerBox h3 a:hover,
      #MainContent div.dividerBoxGrey h3 a:hover{ text-decoration:underline; }
      
      #MainContent div.dividerBox a.arrowRed,
      #MainContent div.dividerBoxGrey a.arrowRed{ font-size:0.9em; }
      
      
 
   #MainContent div.open h3 a{ background:url(../../img/button/close.gif) left 3px no-repeat !important;}
    
    
    
    
    
    /* Carousel styles */
    
    #CarouselOverlay div.header
    {
        background:url(../../img/boxes/news_header.gif) left top repeat-x #DAD9D3;	
        padding:5px;
        text-align:right;       
    }
    
    #CarouselOverlay div.content
    {
        padding:10px 10px 0 10px;
        text-align:left;     
    }
    
    #MainContent #CarouselOverlay 
    {
        padding:0px;  
        position:static;
        width:490px; overflow:hidden;
        margin-bottom:10px;
    }
    
        #MainContent #CarouselOverlay h1
        {
            margin:0 0 5px 0;
        }
    
        #CarouselOverlay div.content div.image
        {
            float:left;
            width:260px;
            padding-bottom:10px;
        }
        #CarouselOverlay div.content div.details
        {
            float:left;
            width:250px;
        }
        
        #MainContent #CarouselOverlay div.content div.details
        {
            width:210px;
            margin-top:-5px;
        }
            
            #MainContent #CarouselOverlay div.content div.details h1
            {
                display:none;
            }
            
            #CarouselOverlay div.content div.details h1,
            #CarouselOverlay div.content div.details h2
            {
                margin:0;
                font-size:26px;
                color: #EA5357;
                font-weight:normal; 
                line-height:28px;
            }
            
            
            #CarouselOverlay div.content p
            {
                font-size:1.1em;
                margin-left:0 !important;
            }
            
            #CarouselOverlay div.content p.introParagraph,
            #CarouselOverlay div.content p.introParagraphDivider
            {
                font-size:1.8em;
                line-height: 1.0em;
                color:#838371;
                margin:5px 0 !important; 
            }
            
            #CarouselOverlay div.content p a
            { 
                color:#E43728;
            }
            
            #CarouselOverlay div.content p a.arrowRed:link,
            #CarouselOverlay div.content p a.arrowRed:visited
            {   font-size:0.9em;
                background-position:left 1px;
                padding-bottom:2px;
                color:#6C6B59;
                display:block;
            }
            #CarouselOverlay div.content p a.arrowRed:hover
            { 
                color:#E43728;
            }
            
    #CarouselOverlay div.logos
    {
        padding:10px 0px 2px 13px;
        text-align:left;
        background:url(../../img/boxes/company-detail-bg.gif) top left repeat-x #C7C7C6;
        border-top:1px solid #dddddd;
    }
        
    #MainContent #CarouselOverlay div.logos
    {
        padding:10px 0 10px 10px;        
        margin-right:5px;
    }    
    
        #CarouselOverlay div.logos h3
        {
            text-align:center;
            padding-bottom:10px;
            color:#6C6B59;
            font-size:1.5em;
            font-weight:normal;
            margin:0;
        }
        
        #CarouselOverlay div.logos a:link,        
        #CarouselOverlay div.logos a:visited
        {
            padding:0px; 
            margin-right:8px;            
        }    
        #CarouselOverlay div.logos a:hover
        {
            cursor:default !important; 
        }   
        
        /*
        #MainContent #CarouselOverlay div.logos a:link,        
        #MainContent #CarouselOverlay div.logos a:visited
        {
            margin:0 8px 8px 0;
        }  
        */
        #CarouselOverlay div.logos img,        
        #CarouselOverlay div.logos img
        {
            margin:0 8px 8px 0;
            background:#FFFFFF;
        }
        
        #CarouselOverlay div.logos a:hover img
        { 
            /*border:1px solid #CBCBCB; 
            padding:0;  */
        }
        
        #CarouselOverlay div.logos img.IconSmall
        {
            border-left:5px solid #ffffff;
            border-right:5px solid #ffffff;
        }
        #CarouselOverlay div.logos img.IconDouble
        {
            border-left:10px solid #ffffff;
            border-right:10px solid #ffffff;
        }
        
        
    #MainContent div.imageLeft
    {
        float:left;
        padding:0 0 10px 22px;
    }
            
    #MainContent div.imageRight
    {
        float:right;
        padding:0 22px 5px 0;
    }
    
    #MainContent div.imageHero
    {
        padding:0 22px 5px 0;
    }
    
        #MainContent div.imageHero p,
        #MainContent div.imageLeft p,
        #MainContent div.imageRight p
        {
            margin:0;
            padding:5px;
            background:#F8F8F6;
            font-size:0.95em;
            color:#6C6B59;
            width: 432px;
        }
    
    
    #MainContent div.companyListing
    {        
        background:url(../../img/body/form-divider.gif) top left no-repeat;
        padding:20px 0 8px 0 ;        
    }
    
     
            
    
    /* Rollover images */
    a.rolloverDubai:link, 
    a.rolloverDubai:visited
    {
     display:block;
     width:442px;
     height:295px;
     background:url(../../img/en/dubai-map.gif) left top no-repeat #f3f3f3;
     text-decoration:none !important;
     margin:0 auto 1em auto;
     cursor:default;
    }
    
    a.rolloverDubai:hover
    {
     background-position:left bottom;
     text-decoration :none !important;
    }
    a.rolloverDubai img
    {
        display: none;
    }
    
    
    a.rolloverEarthHour:link, 
    a.rolloverEarthHour:visited
    {
     display:block;
     width:442px;
     height:331px;
     background:#f3f3f3 left top no-repeat;
     text-decoration:none !important;
     margin:0 auto 1em auto;
     cursor:default;
    }
    
    a.rolloverEarthHour:hover
    {
     background-position:left bottom;
     text-decoration :none !important;
    }
    a.rolloverEarthHour img
    {
        display: none;
    }