﻿/***********************/
/***** global **********/
/***********************/
body {
  margin:0;
  padding:0;
  color:#dc2823;
  background:#404040 url('images/img_bg.gif') 0 0;
  text-align:center;
}
div, td {
  color:#dc2823;
  font:normal 11px/26px arial,sans-serif;
}
a, a:link, a:active, a:visited {
  color:#fff;
  text-decoration:underline;
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  color:#dc2823;
}


/***********************/
/***** containers ******/
/***********************/
#floater {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  background-color:#404040;
}
#floater-trim1 {
  position:relative;
  width:758px;
  margin:0 auto;
  padding:0;
  text-align:left;
}
#content {
  padding:25px 0 0 0;
  background:url('images/img_bg_fade.gif') repeat-x 0 0;
}
#main {
  margin:15px 0 20px 0;
}
#header {
  margin:421px 0 0 0;
  padding:0;
  height:59px;
  background:url('images/img_red_bar.gif') repeat-x 0 0;
  text-align:center;
}
#world-remember {
  position:absolute;
  top:370px;
  left:320px;
  color:#bbb;
}
#world-remember input {
  vertical-align:middle;
}


/***********************/
/***** text ************/
/***********************/
h1 {
	margin: 0 auto;
	padding: 0;
	width: 208px;
	height: 59px;
	background: url('images/logorev.jpg') no-repeat 0
0;
	text-indent: -9999px;
	text-decoration: none;
}
h2 {
  margin:0;
  padding:0;
  color:#fff;
  font-size:14px;
  text-align:center;
}
h3 {
  display:none;
}
#main p span.on a {
  color:#dc2823;
}


/***********************/
/***** footer **********/
/***********************/
#footer {
  margin:0;
  padding:0;
  position:relative;
  width:780px;
  margin:0 auto;
  padding:0;
  text-align:center;
}
#footer p {
  margin:0;
  padding:5px 20px 80px 20px;
  color:#999;
  font:normal 10px/14px verdana,sans-serif;
}
#footer p a,
#footer p a:link,
#footer p a:visited,
#footer p a:active {
  text-decoration:underline;
}
#footer p a:hover {
  color:#fff;
  text-decoration:none;
}


/***********************/
/***** world ***********/
/***********************/
ul#world {
  position:relative;
  list-style:none;
  margin:0;
  padding:0;
  width:758px;
  height:421px;
  background:url('images/world.jpg') no-repeat 0 0;
}
ul#world li {
  position:absolute;
  display:block;
  margin:0;
  padding:0;
}
ul#world li a {
  position:absolute;
  top:0;
  left:0;
  display:block;
  margin:0;
  padding:0;
  text-indent:-9999px;
  text-decoration:none;
}
li#africa, li#africa a               { width:164px; height:190px; }
li#australia, li#australia a         { width:103px; height:99px; }
li#china, li#china a                 { width:92px; height:87px; }
li#europe, li#europe a               { width:121px; height:90px; }
li#hongkong, li#hongkong a           { width:17px; height:15px; }
li#india, li#india a                 { width:86px; height:80px; }
li#japan, li#japan a                 { width:54px; height:91px; }
li#korea, li#korea a                 { width:24px; height:27px; }
li#middleeast, li#middleeast a       { width:103px; height:90px; }
li#northamerica, li#northamerica a   { width:325px; height:185px; }
li#singapore, li#singapore a         { width:13px; height:15px; }
li#southamerica, li#southamerica a   { width:115px; height:180px; }
li#taiwan, li#taiwan a               { width:15px; height:15px; }
li#unitedstates, li#unitedstates a   { width:131px; height:72px; }
li#malaysia, li#malaysia a           { width:17px; height:16px; }
li#philippines, li#philippines a     { width:17px; height:17px; }
li#thailand, li#thailand a           { width:17px; height:17px; }
li#indonesia, li#indonesia a         { width:17px; height:17px; }

li#africa        { top:156px; left:320px; }
li#australia     { top:268px; left:592px; }
li#china         { top:124px; left:538px; }
li#europe        { top:79px;  left:317px; }
li#hongkong      { top:188px; left:597px; }
li#india         { top:157px; left:498px; }
li#japan         { top:108px; left:608px; }
li#korea         { top:147px; left:610px; }
li#middleeast    { top:136px; left:408px; }
li#northamerica  { top:55px;  left:29px;  }
li#singapore     { top:240px; left:581px; }
li#southamerica  { top:215px; left:183px; }
li#taiwan        { top:182px; left:611px; }
li#unitedstates  { top:126px; left:111px; }
li#malaysia      { top:226px; left:574px; }
li#philippines   { top:215px; left:620px; }
li#thailand      { top:202px; left:574px; }
li#indonesia     { top:246px; left:616px; }

/* stacking order */
ul#world li ul           { z-index:24; }
ul#world li ul li a      { z-index:25; }

li#europe        { z-index:23; }

li#northamerica { z-index:20; }
li#unitedstates { z-index:21; }

li#china    { z-index:20; }
li#korea    { z-index:21; }
li#hongkong { z-index:21; }
li#taiwan   { z-index:21; }
li#japan    { z-index:21; }
li#malaysia { z-index:21; }
li#thailand { z-index:21; }

li#africa a:hover, li#africa.on a               { background:url('images/africa.gif') no-repeat 0 0;
}
li#australia a:hover, li#australia.on a         { background:url('images/australia.gif') no-repeat 0 0;
}
li#china a:hover, li#china.on a                 { background:url('images/china.gif') no-repeat 0 0;
}
li#europe a:hover, li#europe.on a               { background:url('images/europe.gif') no-repeat 0 0;
}
li#hongkong a:hover, li#hongkong.on a           { background:url('images/hongkong.gif') no-repeat 0 0;
}
li#india a:hover, li#india.on a                 { background:url('images/india.gif') no-repeat 0 0;
}
li#japan a:hover, li#japan.on a                 { background:url('images/japan.gif') no-repeat 0 0;
}
li#korea a:hover, li#korea.on a                 { background:url('images/korea.gif') no-repeat 0 0;
}
li#middleeast a:hover, li#middleeast.on a       { background:url('images/middleeast.gif') no-repeat 0 0;
}
li#northamerica a:hover, li#northamerica.on a   { background:url('images/northamerica.gif') no-repeat 0 0;
}
li#singapore a:hover, li#singapore.on a         { background:url('images/singapore.gif') no-repeat 0 0;
}
li#southamerica a:hover, li#southamerica.on a   { background:url('images/southamerica.gif') no-repeat 0 0;
}
li#taiwan a:hover, li#taiwan.on a               { background:url('images/taiwan.gif') no-repeat 0 0;
}
li#unitedstates a:hover, li#unitedstates.on a   { background:url('images/unitedstates.gif') no-repeat 0 0;
}
li#malaysia a:hover, li#malaysia.on a           { background:url('images/malaysia.gif') no-repeat 0 0;
}
li#philippines a:hover, li#philippines.on a     { background:url('images/philippines.gif') no-repeat 0 0;
}
li#thailand a:hover, li#thailand.on a           { background:url('images/thailand.gif') no-repeat 0 0;
}
li#indonesia a:hover, li#indonesia.on a         { background:url('images/indonesia.gif') no-repeat 0 0;
}

/* top-level dialog/popups */
ul#world li ul {
  position: absolute;
  display: none;
  border: 1px solid #333;
}
ul#world li ul,
ul#world li ul li,
ul#world li ul li a {
  padding: 0 !important;
  margin: 0 !important;
}
ul#world li ul li {
  background: #e32b25 url('images/popup_bg.jpg') !important;
  border: 1px solid #752621;
}
ul#world li ul li,
ul#world li ul li a {
  height: 18px !important;
  position: relative !important;
  display: block !important;
  float: left;
}
ul#world li ul li a,
ul#world li ul li a:hover {
  background: transparent !important;
  text-align: center;
  text-indent: 0 !important;
  line-height: 13pt;
/*
  top: -5px;
  height: 23px !important;*/


}
ul#world li ul li a:hover {
  color: #333;
}
ul#world li ul li.titlebar {
  background: #333 url('images/titlebar_bg.jpg') !important;
  width: 121px !important:
}
ul#world li ul li.titlebar a {
  color: #999;
  font-weight: normal;
  text-align: left;
  width: auto;
  margin-left: 3px !important;
}
ul#world li ul li.titlebar a.right {
  width: auto;
  float: right;
  margin-left: 0px !important;
  margin-right: 3px !important;
}

/* popup offsets to center in country */
li#europe ul {
  top: 14px;
}

/* helpers */
.show {
  display: block !important;
}

/* tweaks */
ul#world li a:active,
ul#world li ul li a:active,
:focus {
  outline: none;
  -moz-outline-style: none;
}
