/* 
    Document   : redirect.css
    Created on : Apr 1, 2010, 6:02:41 PM
    Author     : Michele Wickham
    Description:
        Styles for the regional redirect page
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
        vertical-align:baseline;
}
body {
	line-height: 1;
}


/* remember to define focus styles! */
:focus {
	outline: 0;
}



  body
  {
    font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
    text-align:ltr; /* LTR */
    direction:ltr; /* LTR */
	  background: url(../images/background/set-map-bg.jpg);
  background-repeat: repeat;
  background-position:0px 90px;
  }
  



  body, caption, th, td, input, textarea, select, option, legend, fieldset
  {
    font-family: Helvetica, Verdana, Arial, Tahoma, "Bitstream Vera Sans", sans-serif;
  }


/** links **/
  /* The order of link states are based on Eric Meyer's article:
   * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
   */
  a
  {
     color: #fff;
     text-decoration:none;
     font-weight: 700;
     font-size: .90em;
  }


/** tables **/

  table
  {
    border-collapse: collapse;
    border-spacing: 0;
    /* width: 100%; */ /* Prevent cramped-looking tables */
  }

  th,
  thead th,
  tbody th
  {
    text-align: left;
    padding-right: 0;
    border-bottom: none;
  }

  tbody
  {
    border-top: none;
  }



/** images **/
  img
  {
    border: 0;
  }

/** horizontal rules **/
  hr
  {
    height: 1px;
    border: 1px solid #666;
    
  }
  
  #firmBanner{
      width:100%;
      text-align:center;
      background-color:#000;
  } 
  
#page-container
{
	position: absolute;
	width: 100%;
}
  
.inner-container
{
	min-width: 994px;
	overflow: hidden;
	height: 800px;
	position:relative;
}

.overflow-container
{
	position: relative;
	width: 1px;
}

.center-region
{
	position:absolute;
	width: 1400px;
	top: -40px;
	left: -703px;
}


#map-container
{
    position: relative;
    text-align: center;
    top:0px;
}

#animax-image-container
{
  display: block;
  position:relative;
  height: 850px;
  width: 1400px;
  z-index: 0;
  top: 120px;

}

#animax-image-container img
{
    float:left;
}

#animax-image-container .na 
{
    position:absolute;
    display: block;
    width: 268px;
    height: 130px;
    left: 329px;
    top: 161px;
    background-image: url(../images/set_northamerica.gif);
    background-position: left top;
    background-repeat: no-repeat;
	cursor: pointer;	

}



#animax-image-container .eu 
{
    position:absolute;
    display: block;
    width: 188px;
    height: 118px;
    left: 597px;
    top: 162px;
    background-image: url(../images/set_europe.gif);
    background-position: left top;
    background-repeat: no-repeat;
	cursor: pointer;	
}
#animax-image-container .ru 
{
    position:absolute;
    display: block;
    width: 327px;
    height: 112px;
    left: 696px;
    top: 167px;
    background-image: url(../images/set_russia.gif);
    background-position: left top;
    background-repeat: no-repeat;
	cursor: pointer;	
}



#animax-image-container .af 
{
    position:absolute;
    display: block;
    width: 188px;
    height: 217px;
    left: 597px;
    top: 280px;
    background-image: url(../images/set_africa.gif);
    background-position: left top;
    background-repeat: no-repeat;
	cursor: pointer;	
}

#animax-image-container .md 
{
    position:absolute;
    display: block;
    width: 115px;
    height: 80px;
    left: 759px;
    top: 280px;
    background-image: url(../images/set_mideast.gif);
    background-position: left top;
    background-repeat: no-repeat;
	cursor: pointer;	
	z-index:30;
}
#animax-image-container .md-left 
{
    position:absolute;
    display: block;
    width: 39px;
    height: 80px;
    left: 720px;
    top: 274px;
    background-image: url(../images/set_mideast-3.gif);
    background-position: left top;
    background-repeat: no-repeat;
	cursor: pointer;	
}
#animax-image-container .md-right 
{
    position:absolute;
    display: block;
    width: 50px;
    height: 69px;
    left: 785px;
    top: 274px;
    background-image: url(../images/set_mideast-5.gif);
    background-position: left top;
    background-repeat: no-repeat;
	cursor: pointer;	
}
#animax-image-container .as 
{
    position:absolute;
    display: block;
    width: 273px;
    height: 276px;
    left: 785px;
    top: 239px;
    background-image: url(../images/set_asiapacific.gif);
    background-position: left top;
    background-repeat: no-repeat;
	cursor: pointer;	
}

#animax-image-container .ma
{
    position:absolute;
    display: block;
    width: 268px;
    height: 26px;
    left: 335px;
    top: 291px;
    background-image: url(../images/set_midamerica-1.gif);
    background-position: left top;
    background-repeat: no-repeat;
	cursor: pointer;
}

#animax-image-container .sa 
{
    position:absolute;
    display: block;
    width: 208px;
    height: 241px;
    left: 395px;
    top: 316px;
    background-image: url(../images/set_latinamierica.gif);
    background-position: left top;
    background-repeat: no-repeat;
	cursor: pointer;
}




.na-text
{
    position:absolute;
    color: #fff;
    font-weight: 800;
    font-size: 14px;
	top: 80px;
	left: 60px;
    padding: 10px 0 0 12px;
        background: url(../images/northamerica-button.png);
		width:121px;
	text-align:left;
	height:32px;
	background-repeat:no-repeat;
}

.sa-text
{
    position:absolute;
    color: #fff;
    font-weight: 800;
    font-size: 14px;
	top: 60px;
        background: url(../images/latam-button.png);
    padding: 10px 0 0 12px;
	width:121px;
	text-align:left;
	height:32px;
	background-repeat:no-repeat;
}


.eu-text
{
    position:absolute;
	top: 50px;
	left: 20px;
    color: #fff;
    font-weight: 800;
    font-size: 14px;
        background: url(../images/europe-button.png);
    padding: 10px 0 0 12px;
	width:98px;
	text-align:left;
	height:32px;
	background-repeat:no-repeat;
}
.ru-text
{
    position:absolute;
	top: 25px;
	left: 60px;
    color: #fff;
    font-weight: 800;
    font-size: 14px;
        background: url(../images/europe-button.png);
    padding: 10px 0 0 12px;
	width:98px;
	text-align:left;
	height:32px;
	background-repeat:no-repeat;
}


.af-text
{
    position:absolute;
    color: #fff;
    font-weight: 800;
    font-size: 14px;
	top:30px;
	left: -5px;
     padding: 10px 0 0 12px;
	        background: url(../images/africa-button.png);
			height:32px;
			width:72px;
			text-align:left;
	background-repeat:no-repeat;
}

.md-text
{
    position:absolute;    
    font-weight: 800;
    font-size: 14px;
	top: 0px;
	left: -10px;
	    color: #fff;
    font-size: 14px;
        background: url(../images/mideast-button.png);
    padding: 10px 0 0 12px;
	width:166px;
	text-align:left;
	height:32px;
	background-repeat:no-repeat;
	z-index:10;
}

.as-text
{
    position:absolute;    
    font-weight: 800;
    font-size: 14px;
	top: 70px;
	left: 90px;
	    color: #fff;
    font-size: 14px;
        background: url(../images/asia-button.png);
    padding: 10px 0 0 12px;
	width:166px;
	text-align:left;
	height:32px;
	background-repeat:no-repeat;
}
#map-labels {
	width:780px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#map-labels .copyright
{
    position:absolute;
	color: #ffffff;
    top: 155px;
    font-size: .75em;
    font-weight: normal;
	z-index: 10;
}

#map-labels .header
{
    position:absolute;
    display: block;
	background-repeat:no-repeat;
	text-align:left;
    width: 285px;
    color: #e3e3e3;
    font-weight: 800;
    left: 590px;
    top: 90px;
    padding-top: 125px;
    padding-left: 0px;
    font-size: 18px;
}
#map-labels .logo
{
	background:url(../images/logo.png);
	background-repeat:no-repeat;
	    width: 285px;
		height: 200px;
		position:absolute;
    display: block;
	top:80px;
	left:648px;
}
#map-labels .branding
{
    position:absolute;
    display: block;
	margin-left: 60px;
	top: 60px;
	height:30px;
}

#map-labels .tagline
{
    position:relative;
    color: #20358C;
    text-align: center;
    width: 235px;
    font-size: .7em;
    top: 80px;
    left: 10px;

}

#map-labels .logos
{
    position:absolute;
    display: block;
    width: 680px;
    height: 139px;
    top: 670px;
    padding-top: 2px;
    font-size: .90em;
    padding: 2px;
	z-index: 5;
	left:475px;
}
*html #map-labels .logos
{
	left:120px;
}
*:first-child+html #map-labels .logos
{
	left:120px;
}
#map-labels td
{
    padding: 3px;
    vertical-align: middle;
    color: #ffffff;
    font-size: 1em;
    font-weight: 800;
}


#navigation-overlay
{
    position:absolute;
    z-index: 100;
    top:0px;
    left:0px;

}

#navigation-overlay .shader
{
    display:block;
    z-index: 101;
    height: 1500px;
    width: 2000px;
    background-color: #000000;
    opacity: 0.45;
    filter: alpha(opacity=45);
}

#navigation-overlay .region-container
{
    position: absolute;
    background-image:url(../images/overlay-bg.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-align: left;
    z-index: 140;
    top: 240px;
    left:420px;
    width: 565px;
    height: 400px;
    padding-right: 0px;
    padding-left: 0px;
    overflow:hidden;

}

#navigation-overlay a
{
   color: #20358c;
   font-size: 14px;
}

#navigation-overlay p
{
   color: #20358c;
   font-weight: bold;
   font-size: 10px;
}
#navigation-overlay .region-header
{
    position: relative;
    color: #474646;
    background-repeat:no-repeat;
    font-size: 14px;
    font-weight: bold;
	padding:15px 0 0 10px;
    left:18px;
    height: 28px;
    margin-bottom:10px;
}

#navigation-overlay .close
{
    position: absolute;
	color: #474646;
    left: 440px;
    height: 18px;
    width: 100px;
    top: 15px;
    text-align: right;
    z-index: 500;
   
}

#navigation-overlay .region-sub li,
#navigation-overlay .region-sub-2 li,
#navigation-overlay .region-sub-3 li
{
    height: 25px;
}

#navigation-overlay .region-sub-2
{
    position:relative;
    top: -225px;
    left: 170px;
}
#navigation-overlay .region-sub-3
{
    position:relative;
    top: -450px;
    left: 340px;
}
#navigation-overlay .shadow-container li
{
   margin-left: 40px;
   list-style-image: url('../images/nav_dropdown_itemArrow.gif');
}

li a:hover
{
    text-decoration: underline;
}

.hide-image
{
	position: absolute;
	display:none;
}
/** code for Africa list **/
ul.africa-region-sub,
ul.africa-region-sub-2,
ul.africa-region-sub-3 {
	font-size:9px;
}
#navigation-overlay .africa-region-sub a,
#navigation-overlay .africa-region-sub-2 a,
#navigation-overlay .africa-region-sub-3 a{
	font-size:11px;
}
#navigation-overlay .africa-region-sub li,
#navigation-overlay .africa-region-sub-2 li,
#navigation-overlay .africa-region-sub-3 li
{
    height: 15px;
}

#navigation-overlay .africa-region-sub-2
{
    position:relative;
    top: -270px;
    left: 210px;
}
#navigation-overlay .africa-region-sub-3
{
    position:relative;
    top: -540px;
    left: 365px;
}