@charset "utf-8";

html,body {
    height: 100%;
	background-color: #f7f7f7;
	/*background-color: #fff;*/
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    font-size: 12px;
	line-height: 18px;
    margin: 0; 
	color: #555;
}

h1 { color: #222; font-size: 30px; font-weight: normal; line-height: normal; margin: 0;	}
h2 { color: #222; font-size: 24px; font-weight: normal; line-height: normal; margin: 0;	}
h3 { color: #222; font-size: 18px; font-weight: normal; line-height: normal; margin: 14px 0 3px 0; }
h4 { color: #222; font-size: 18px; font-weight: normal; line-height: normal; margin: 0 0 3px 0;	}
h5 { color: #222; font-size: 16px; font-weight: normal; line-height: normal; margin: 14px 0 3px 0; }
h6 { color: #222; font-size: 16px; font-weight: normal; line-height: normal; margin: 0 0 3px 0; }

a {	text-decoration: none; outline: none; color: #0099cc; }
a:link { text-decoration: none; }
a:visited {	text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: underline; }

p { margin: 5px 0 0 0; text-align:justify; }

hr { color: #eee; }


/* Wrapper, header ,logo
----------------------------------------------------------------------------------------------------------------------------------*/

#wrapper { width: 100%; margin: 0 auto; }

#menuOverlay { position:fixed; left:0; top:0; width:100%; visibility:hidden; }

#header { width:920px; height:90px; margin:0 auto; }

#logo { float: left; }
#logo img  { margin: 27px 0 0 5px; }

#countriesDropdownList { float:right; margin: 24px 0 0 0; }


/* Menu
----------------------------------------------------------------------------------------------------------------------------------*/

#menu { width:100%; background-color: #158241; }

#menu ul { width:985px; margin:0 auto; padding:0; list-style-type:none; text-align:center; }
#menu ul li { display:inline; margin:0; padding:0;}

#menu li a { display:inline-block; padding: 20px 45px; color:#fff; font-size:14px; text-decoration:none; }
#menu li a.first { border-left: solid 1px #106633; }

#eu-tab,#na-tab,#sa-tab,#as-tab,#af-tab,#oc-tab { border-left: solid 1px #168743; border-right: solid 1px #106633;}
#eu-tab:hover,#na-tab:hover,#sa-tab:hover,#as-tab:hover,#af-tab:hover,#oc-tab:hover { background-color:#116b35; border-left: solid 1px #116b35; }
#eu-tab.active,#na-tab.active,#sa-tab.active,#as-tab.active,#af-tab.active,#oc-tab.active { background-color:#116b35; border-left: solid 1px #116b35; }


/* Content Container
----------------------------------------------------------------------------------------------------------------------------------*/

#contentContainer { width:100%; height:500px;}
.no-index { background:url(../images/bg_global_map.png); }
.index { padding:0 0 0 0; }
.europe { background:url(../images/bg_europe.gif); }
.north-america { background:url(../images/bg_north-america.gif); }
.south-america { background:url(../images/bg_south-america.gif); }
.asia { background:url(../images/bg_asia.gif); }
.africa { background:url(../images/bg_africa.gif); }
.oceania { background:url(../images/bg_oceania.gif); }

.mainCol { width:920px; height:460px; margin:0 auto; padding:20px 0 0 0; text-align:center; background-position:16px 10px; background-repeat:no-repeat; }

#countryBoxContainer { width:920px; margin-top:20px; }
.countryBox { width:148px; padding:7px 10px 7px 20px; margin:3px; text-align:left; float:left; background:white; filter: alpha(opacity=85); opacity: 0.85; cursor:pointer; }
.countryBox:hover { background:#efefef; }
.countryBox img { border:0; margin-right:2px; vertical-align:middle; }
.countryBoxSelected { background:#397126; color:#FFF; }
.countryBoxSelected:hover { background:#336521; }

.countryBoxDefault { width:280px; height:auto; background:#158241; color:#fff; position:absolute; top:315px; left:0; right:0; padding:30px 60px; margin-left:auto; margin-right:auto; cursor:pointer; }
.countryBoxDefault:hover { background:#116b35; }
.countryBoxDefault img { border:0; margin-right:3px; vertical-align:text-top; }

.countryBoxDefaultCountryText { margin-top:10px; font-size:26px; text-align:center; white-space:nowrap; }

.pageContent { padding:40px; width: 840px; margin-top:-22px; text-align:left; float:left; background:#fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; filter: alpha(opacity=85); opacity: 0.85; }
.pageContent p { margin: 0 0 0 0; text-align:justify; }


/* Footer
----------------------------------------------------------------------------------------------------------------------------------*/

#footer { width:100%; margin:0; text-align:center; font-size:10px; }