﻿/* new global gateway stylesheet */

body.HAT-widebg{background:none !important}

/* override header height in IE */
#HAT-subheader{_height:28px !important;margin-bottom:0px;}

/* Hide No-Javascript version if Javascript */
body.has_js .no-script {display: none;}
body.has_js #ggw{background:url(/homepage/pix/bg/bg-global-gateway-vnav2.jpg) no-repeat center -1700px;width:993px;height:459px;margin-top:10px;_margin-top:0px;margin-bottom:20px;position:relative;}
body.has_js .postload #ggw{background-position:center top !important;}

/* CSS-based "Image-map" links - 2009-06-24 - jwg */
#jp-link{ 
	position: absolute;
	top: 376px; 
	left: 333px; 
	width: 322px; 
	height: 17px; 
	z-index: 999;
	/*border: 1px solid yellow;*/
	display:none;
}


/* START background */
#ggw{background:url(/homepage/pix/bg/bg-global-gateway-vnav.jpg) no-repeat;width:993px;height:459px;margin-top:10px;_margin-top:0px;margin-bottom:20px;position:relative;z-index:3;}
#ggw .no-script{position:absolute;top:100px;left:25px;}
#ggw .no-script h2{color:#fff;padding:0 65px 8px 0;background:transparent url(/homepage/pix/bg/img-small-map.png) no-repeat right 0;_background-image:url(/homepage/pix/bg/img-small-map.gif);}
#ggw .no-script-list{/* hidden via javascript */ font-size:.85em;background:#fff;opacity:.7;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;zoom:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
* html #ggw .no-script-list{width:780px;}
#ggw .no-script-list ul{float:left;padding:1em;}
#ggw .no-script-list a{color:#707070;}
#ggw .no-script-list:after{content:"";display:block;clear:both;visibility:hidden;}
.top-div{width:997px;height:12px;text-align:center;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/homepage/pix/bg/img-marquee-top.png', sizingMethod='image');}
.btm-div{position:absolute;width:997px;height:12px;text-align:center;bottom:-1px;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/homepage/pix/bg/img-marquee-bottom.png', sizingMethod='image');}
.top-div[class]{background:url(/homepage/pix/bg/img-marquee-top.png) no-repeat;}
.btm-div[class]{background:url(/homepage/pix/bg/img-marquee-bottom.png) no-repeat;}
#ggw.HAT-rtl .btm-div {left:0;}
/* END background */

/* START location select */
#local-outer{position:absolute; top:20px;text-align:center;width:204px;height:24px;display:none;}
.has_js #local-outer{display:block;left:-9000px;} 
.has_js .postload #local-outer{left:20px; top:35px;}
#local-wrapper{margin:0 auto;position:relative;display:table;display:-moz-inline-box;*width:expression(document.getElementById('local-left').offsetWidth+document.getElementById('country-select-map').offsetWidth+document.getElementById('local-text').offsetWidth+document.getElementById('country-select-div').offsetWidth+document.getElementById('local-right').offsetWidth);}
/*legacy*/
#local-left{float:left;background:url(/homepage/pix/bg/img-lang-select-bg-left.png) no-repeat top;width:5px;height:41px; display:none;}
/*legacy*/
#local-right{float:left;background:url(/homepage/pix/bg/img-lang-select-bg-right.png) no-repeat top;width:5px;height:41px; display:none;}
#local-inner{float:left;}


#country-select-map{float:left;height:41px;background:url(/homepage/pix/bg/img-lang-select-bg.png) repeat-x top; display:none;}/*legacy*/
#country-select-map img{margin:8px 0 0 2px;}/*legacy*/

#ggw .choose-location{float:left;height:26px; _height:24px; background:url(/homepage/pix/bg/sprite-loc-selector-bg.gif) no-repeat top left; _background:none; width:224px;}
#ggw.HAT-rtl .choose-location{background-position:0 -26px;}

#ggw .choose-location h2{font-size:100%;color:#0860a8; width: 220px; margin:4px 5px 0 5px;white-space:nowrap; text-align: left;}
#country-select-div{height:25px;background:url(/homepage/pix/bg/sprite-loc-selector-bg.gif)  no-repeat top left; _background:none;}

#ggw.HAT-rtl .choose-location h2{ text-align: right;}


#country-selector{
/*min-width:18em;*/
position:absolute;
z-index:10000;
color:#1979bf; 
_font-family:Arial Unicode MS;
opacity:0;
filter:alpha(opacity=0);
top:1px;
//top:0;
left:0;
width:224px;
color:#1979bf;
margin:4px 2px;
_margin:4px 0;
}
/** FF 2.0 specific hack for select menu to show **/
#country-selector[id=COUNTRY-SELECTOR] { opacity:1; }

#country-selector option{
filter:alpha(opacity=1);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
padding:0 2px; 
margin-bottom:5px;
font-size:0.9em;
}
#ggw.HAT-rtl #country-selector{
_margin:0;
_right:0;
_left:auto;
}


.has_js #ggw.HAT-rtl #local-outer{right:-9000px;left:auto;} 
.has_js .postload #ggw.HAT-rtl #local-outer{right:20px;left:auto;}



/*  Location select RTL  */
#ggw.HAT-rtl #local-inner{direction:rtl;float:right;*float:left;position:relative;_width:202px;}
#ggw.HAT-rtl #country-select-div{float:right;}
#ggw.HAT-rtl .choose-location{float:right; width:225px;}
#ggw.HAT-rtl #country-select-map{float:right;}

/* END location select */



/* START SOT */

body.has_js #ggw.HAT-rtl{background:url(/homepage/pix/bg/bg-global-gateway-vnav-rtl2.jpg) no-repeat center -1700px;width:993px;height:459px;margin-top:10px;_margin-top:0px;margin-bottom:20px;position:relative;}
#sot {position:absolute;height:275px;width:639px;color:#fff;margin-left:14px; top:35px; left:245px;}
#ggw.HAT-rtl #sot {left:105px;}
#sot span#sottxt {position:absolute; left:-9000px;}
/*leagacy */
#sot span#gfx {display:block;width:639px;background: transparent url(/homepage/pix/bg/bg-sot.gif) no-repeat left top;}

#sot span#gfx{line-height:45px;}
#ggw.HAT-rtl #sot span#sottxt {right: -9000px; left:auto;}

/* END SOT */

/* START sections */
#ggw .sections{/* shown via javascript */
	position:absolute;top:73px; left:-9000px; width: 230px; background: url(/homepage/pix/bg/sprite-gateway-nav-l-tall.gif) no-repeat scroll 0 top;z-index:100;}
.postload #ggw .sections {left:19px; height:339px;}
#ggw .sections .sections-container {display:block; height:305px; width:230px; margin-top:5px;position:relative;}


#ggw.HAT-rtl .sections{background-image:url(/homepage/pix/bg/sprite-gateway-nav-r-tall.gif);}
#ggw .section{float:left;position:relative;z-index:999; height:78px; width:224px;}
.section h1{position:relative; width:182px;top:-3px;/*padding:0px 15px 0px 24px;*/left:20px; padding-right:15px;font-size:1.3em;}
.section h1 a{display:block;width:100%;height:100%;color:#0860a8; padding-bottom:3px;}
.sections .work h1 {position:absolute;top:12px}
.sections .work h2 {position:absolute;top:31px;}
.sections .play h1 {position:absolute;top:10px}
.sections .play h2 {position:absolute;top:30px;}
.sections .support h1 {position:absolute;top:11px}
.sections .support h2 {position:absolute;top:30px;}
.sections .about h1 {position:absolute;top:8px}
.sections .about h2 {position:absolute;top:28px;} 
.section h2{position:absolute;top:32px; left:24px;/*padding:0px 15px 0px 24px;*/left:20px; padding-right:15px;font-size:.85em;}
#ggw .work{position:absolute;top:0px;margin-top:0px;}
#ggw .play{position:absolute;top:81px;margin-top:0px;}
#ggw .support{position:absolute;top:162px;margin-top:0px;}
#ggw .about{position:absolute;top:249px;margin-top:0px;height:78px;}
#ggw  .navhover-top h1 a, #ggw .navhover h1 a, #ggw .navhover-bot h1 a,
#ggw .navhover2 h1 a, #ggw .navhover2 h2, 
#ggw  .navhover-top h2, #ggw .navhover h2, #ggw .navhover-bot h2, 
#ggw .navhover-top h2 a, #ggw .navhover h2 a,#ggw .navhover-bot h2 a
{color:#fff !important; text-decoration: none !important;}
#ggw .navhover-top{background: url(/homepage/pix/bg/sprite-gateway-nav-l-tall.gif) no-repeat 0 -343px;}
#ggw .navhover{background: url(/homepage/pix/bg/sprite-gateway-nav-l-tall.gif) no-repeat 0 -425px;}
#ggw .navhover2{background: url(/homepage/pix/bg/sprite-gateway-nav-l-tall.gif) no-repeat 0 -425px;}
#ggw .navhover-bot{background: url(/homepage/pix/bg/sprite-gateway-nav-l-tall.gif) no-repeat left -511px;}

#ggw.HAT-rtl .navhover-top{background: url(/homepage/pix/bg/sprite-gateway-nav-r-tall.gif) no-repeat 0 -344px !important;}
#ggw.HAT-rtl .navhover{background: url(/homepage/pix/bg/sprite-gateway-nav-r-tall.gif) no-repeat 0 -427px !important;}
#ggw.HAT-rtl .navhover-bot{background: url(/homepage/pix/bg/sprite-gateway-nav-r-tall.gif) no-repeat 0 -515px !important;}


#ggw .section{_float:none;_position:absolute; cursor: pointer;}
#ggw .play{_top:80px;}
#ggw .support{_top:150px;width:223px;}
#ggw .about{_top:225px;}
/*#ggw .play, #ggw .support, #ggw .about {margin-top:3px;}*/


#ggw .contents{position:absolute; left:213px; top:0; display:none;margin:0px 10px;padding-top:6px;width:203px;font-size:.85em; color:#707070; background:url(/homepage/pix/bg/sprite-gateway-subnav.gif) no-repeat left top;}
#ggw .sections .work .contents {position:absolute; top:2px;}
#ggw .contents-first {margin-top:3px;}
#ggw.HAT-rtl .contents{background-position: -609px top; left:-204px;_left:-190px;}
.contents .body div{background-color:#fff; padding: 0 10px 10px 10px;}
.contents .body .extra{padding: 0;}
#ggw .contents ul{border-right:solid 1px #e7e7e7;border-left:solid 1px #e7e7e7; padding: 0 5px 10px 5px; background-color:#fff;}
#ggw .contents .extra{ background: url(/homepage/pix/bg/sprite-gateway-subnav.gif) no-repeat -406px bottom; padding-bottom:6px;}
#ggw.HAT-rtl .contents .extra{ background-position: -1015px bottom;}
#ggw .contents .extra .frame{border:solid 1px #e7e7e7;border-bottom:none; padding: 0 0 10px 0;}
#ggw .contents .extra h2{font-weight:bold; color:#707070 !important; /*padding:10px;*/ position:static; padding:10px 0px 5px 10px; }
#ggw .contents .extra ul{border:none;}
#ggw .contents .extra *{background-color:#cad7e3;}
#ggw .section:hover li a{color:#0860a8;}
#ggw .section li{padding-left:11px;background:url(/homepage/pix/bg/gg-bullet.gif) no-repeat left 0.3em; color:#707070}
#ggw.HAT-rtl  .section li{background-position: right;}
#ggw .section:hover .contents li a.hoverlink{color:#0860a8;}
#ggw .lang-rtl{text-align:right;}
#footerdiv{font-size:medium;font:small;}

/*setting up rtl menues*/
#ggw.HAT-rtl .contents {
left:-213px;
_left:-190px;
//left:-190px;
}

#ggw.HAT-rtl .contents .extra h2{font-weight:bold; color:#707070 !important; position:static !important; padding:10px 10px 5px 0px; }
#ggw.HAT-rtl .sections {left:auto; zoom:1;position:absolute; height:338px;}
#ggw .section{_float:none;_position:absolute; cursor: pointer;}
.postload #ggw.HAT-rtl .sections {left:auto; right:14px;}
#ggw.HAT-rtl .section {_float:right; text-align:right; left:0;}
#ggw.HAT-rtl .section h1{padding-left:15px;right:10px;}
#ggw.HAT-rtl .section h2{padding-left:15px;right:10px;}
#ggw.HAT-rtl .section li{padding-right:11px;}
#ggw.HAT-rtl .section h1 { font-size: 1.7em;}
#ggw.HAT-rtl .section h2, #ggw.HAT-rtl .contents { font-size: 1.1em;}


#ggw.HAT-rtl .sections .work h1 {position:absolute;top:12px;}
#ggw.HAT-rtl .sections .work h2 {position:absolute;top:32px;}
#ggw.HAT-rtl .sections .play h1 {position:absolute;top:11px}
#ggw.HAT-rtl .sections .play h2 {position:absolute;top:32px;}
#ggw.HAT-rtl .sections .support h1 {position:absolute;top:12px}
#ggw.HAT-rtl .sections .support h2 {position:absolute;top:32px;}
#ggw.HAT-rtl .sections .about h1 {position:absolute;top:5px;}
#ggw.HAT-rtl .sections .about h2 {position:absolute;top:26px;} 

#ggw.HAT-rtl .sections .work .contents {position:absolute; top:0px;}

#cto-link{ position:absolute; left:13px; bottom:16px;}
#cto-link-right{ position:absolute; right:50px; bottom:30px;}

.cto-box{background:url(/homepage/pix/bg/sprite-cta-but.gif) no-repeat -192px -71px; height:23px; float:left; padding-left:15px; }
.cto-box .button{background: url(/homepage/pix/bg/sprite-cta-but.gif) no-repeat scroll right top; height:20px; _height:19px; display:block; padding:4px 40px 0 5px; text-decoration:none; color:#fff;float:left; font-weight: bold; font-size:0.9em;}
.cto-box .button:hover{color:#fff; text-decoration:none;}

.cto-box-green{background:url(/homepage/pix/bg/sprite-cta-green-but.gif) no-repeat -192px -71px; float:left; height:23px; padding-left:15px; }
.cto-box-green .button{background: url(/homepage/pix/bg/sprite-cta-green-but.gif) no-repeat scroll right top; height:20px; _height:19px; display:block; padding:4px 40px 0 5px; text-decoration:none; color:#fff;float:left; font-weight: bold; font-size:0.9em;}
.cto-box-green .button:hover{color:#fff; text-decoration:none;}

.cto-box-test-drive{background:url(/homepage/pix/bg/cta-green-test-drive-btn-cap.png) no-repeat; height:45px; padding-left:47px; float:left;}
.cto-box-test-drive .button{background:url(/homepage/pix/bg/cta-green-test-drive-btn-bg.png) no-repeat scroll right top; height:45px; display:block; padding-top:13px; padding-right: 28px; float: left; text-decoration:none; color:#fff; font-weight: bold; font-size:0.9em;}
.cto-box-test-drive .button:hover{color:#fff; text-decoration:none;}

#ggw.HAT-rtl #cto-link{left:auto; right:16px; top:417px;}
#ggw.HAT-rtl .cto-box{background:url(/homepage/pix/bg/sprite-cta-but.gif) no-repeat -80px -94px; height:23px; float:left; height:23px; padding-left:15px; }
#ggw.HAT-rtl .cto-box .button{background-position: 0 -24px; padding:4px 15px 0 25px;}

.GG-Thai-font .cto-box .button   {font-size: 1.2em;}
.GG-Taiwan-font{font-family:MYuenHK,mingliu,Pmingliu,verdana,sans-serif !important;}
.GG-Taiwan-font .section h2{font-size:100% !important;}
.GG-Taiwan-font .section .contents{font-size:100% !important;}
.GG-Thai-font{font-family:BrowalliaUPC,Cordia UPC,Angsana New !important;}
/*.GG-Thai-font #country-selector{font-size:115%;}*/
.GG-Thai-font .section .contents{font-size:120% !important;}
/* END sections */

#ctalink1, #ctalink2, #ctalink3{position: absolute;}

.mod-search-searchbox-menu-item { overflow-y:hidden;}
.mod-search-searchbox-menu-item-active { overflow-y:hidden; }
.mod-search-searchbox-menu-options-item { overflow-y:hidden;}
.mod-search-searchbox-menu-options-item-active { overflow-y:hidden; }

