/*CHT Common CSS*/ /*This Code is website common style*/ /*2011-5-13 by SHW*/ * { font-family:Verdana, Arial, Helvetica, sans-serif; } body { background-color:#F6F6F6; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#545454; right:auto; margin:0; } img, ul, ul li { padding:0; margin:0; border:0; } sup, sub { font-style:italic; color:#a31022; } .flightSearchResult { background: url(https://data.chinahighlights.com/css/images/banner/china-flights/flight-result.png) no-repeat scroll center 30px; height:150px;} #headerWrapper #header #logocommunity{width:900px; padding-top:45px; margin:0 0 5px 17px} a.externalLink:link, a.externalLink:hover, a.externalLink:visited { background:url(https://data.chinahighlights.com/css/images/external-link.png) no-repeat scroll right center transparent; padding-right:13px; } .clear { clear:both; width:100%; border:0; line-height:0 } .clearGuide { clear:both; height:5px; width:100% } .red_price { margin:0; padding:0 } .none { display:none; } /*layout*/ #wrapper { width:100%; clear:both; position:relative } #pageIntro { height:25px; position:absolute; top:3px; width:100%; color:#8c8c8c; left:0px; z-index: 5000; } #pageIntro h1 { position:relative; display:block; width:992px; margin:0 auto; font-weight:bold; padding:5px 0 0 10px; font-size:13px; border:none; } #pageIntro p { position:relative; display:block; width:992px; margin:0 auto; font-weight:bold; padding:3px 0 0 10px } #headerWrapper { width:100%; height:100%; position:relative; background:url(https://data.chinahighlights.com/css/images/bg-top.png) repeat-x top } #headerWrapper p { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#545454; font-weight:bold; padding:0px; margin:0px; line-height:26px } #headerWrapper #header { width:992px; margin:auto; position:relative } #headerWrapper #header #headerLinks { width:300px; height:23px; position:absolute; top:0px; left:496px; z-index:5002 } #headerWrapper #header #headerLinks ul { list-style:none; padding:0px; margin:3px 0 0 0; color:#545454; font-size:11px; font-weight:bold } #headerWrapper #header #headerLinks ul li { float:left; display:block; padding:0px 12px 0px 10px; margin-top:5px; border-right:1px solid #545454; } #headerWrapper #header #headerLinks ul li.mobileVersion { background:transparent url(https://data.chinahighlights.com/css/images/webCssPic.png) no-repeat top left; background-position:left -542px; padding-left:15px; border: none; margin-left:10px; padding-top:1px; padding-bottom:1px; margin-top:4px;border-right:1px solid #545454; } #headerWrapper #header #headerLinks ul li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#545454 } #headerWrapper #header #headerLinks ul li.language2 { width:85px; padding:2px 8px 2px 5px; background:url(https://data.chinahighlights.com/pic/menu_arrow.gif) no-repeat 75px; position:relative; cursor:pointer } #headerWrapper #header #headerLinks ul li.language { width:85px; padding:2px 8px 2px 5px; background:url(https://data.chinahighlights.com/pic/bg-language.gif) no-repeat; position:relative; cursor:pointer; position:absolute; top:0; right:183px } #headerWrapper #headerLinks ul li.language #moreLanguage { position:absolute; top:20px; right:-1px; width:95px; padding:2px 0px 2px 4px; background:url(https://data.chinahighlights.com/pic/bg-morelanguage.gif) no-repeat; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; height:95px } #headerWrapper #headerLinks ul li.language #moreLanguage ul { margin:0; padding:0 } #headerWrapper #headerLinks ul li.language #moreLanguage ul li { list-style:none; padding:0; margin-right:5px; margin-left:2px; cursor:pointer; font-weight:normal } #headerWrapper #headerLinks ul li.language #moreLanguage ul li a { text-decoration:none } #headerWrapper #headerLinks ul li.language #moreLanguage ul li a:hover { background-color:#fff; } #headerWrapper #headerLinks ul li.language img, #headerWrapper #headerLinks ul li.language2 img { margin-right:5px } #headerWrapper #headerLinks #tabs ul li { margin:0 0 0 5px; padding:0 } #headerWrapper #headerLinks ul li a { color:#545454; text-decoration:none } #headerWrapper #headerLinks ul li a:hover { text-decoration:underline } /* heed login */ #headLogin { width:125px; height:20px; position:absolute; left: 825px; top: 7px; z-index:9999 } #headLogin .signUp { background:transparent url(https://data.chinahighlights.com/css/images/webCssPic.png) no-repeat top left; background-position:-123px -183px; width:56px; height:20px; float: left; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#fff; text-align:center; padding-top:2px; } #headLogin .logIn { background:transparent url(https://data.chinahighlights.com/css/images/webCssPic.png) no-repeat top left; background-position:left -183px; width:68px; height:20px; float: right; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#fff; text-align:center; padding-top:2px; cursor:pointer } #headLogin .signUp a, #headLogin .logIn a, #headLogin .logout a { text-decoration: none; color:#fff; font-size:11px; } #headLogin .signUp a:hover, #headLogin .logIn a:hover, #headLogin .logout a:hover { color:#fff } #headLogin .logIn span { margin: 3px 12px 0 0; display: block; width:10px; float: right } #headLogin .loginForm { background-image: url("https://data.chinahighlights.com/css/images/main-sprite.png"); background-position: -10px -172px; width:162px; height:172px; padding:10px 30px 0 30px; position:absolute; bottom:-180px; right:-15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; z-index:9999 } #headLogin .loginForm label { clear: both; display: block } #headLogin .loginForm label.last { margin-top:7px; } #headLogin .loginForm strong { font-size:13px; font-family:Arial, Helvetica, sans-serif } #headLogin .loginForm input { width:155px; border:2px solid #d1d1d1; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px; margin: 3px 0 5px 0 } #headLogin .loginForm input.remember { width:auto; vertical-align:middle; margin-bottom:0; margin-top:-3px; margin-right:5px; } #headLogin .loginForm a { color:#545454; display: block; float: right; width:100px; margin: 5px 0 0 0 } #headLogin .loginForm input.loginButton { width: auto; border: none; background: none; padding:0; float: left; width:55px; } #headLogin .logout { width:74px; height:20px; background-image: url("https://data.chinahighlights.com/css/images/main-sprite.png"); background-position: -10px -10px; float: right; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; padding-top:2px; } #headLogin .logged { background-image: url("https://data.chinahighlights.com/css/images/main-sprite.png"); background-position: -10px -50px; width:170px; height:29px; position:absolute; bottom:-36px; right:-10px; padding:8px 20px 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: bold; } #headLogin .logged a { color:#545454; font-family:Arial, Helvetica, sans-serif; font-size:13px; } #headLogin a:hover { text-decoration: none; color:#a31022; } #headerWrapperDown { background-image:url(https://data.chinahighlights.com/css/images/arrowDown.gif); background-repeat:no-repeat; background-position:right 7px } #headerWrapper #header #logo { width:350px; padding-top:60px; position:relative; margin:0 0 5px 7px } #headerWrapper #header #logo a.specialLink { display:block; position:absolute; bottom:0px; left:82px; width:293px; height:20px } #chSearch3 { width:172px; position:absolute; top:5px; right:0px; z-index:9999 } #chSearch3 .headsearchBox { width:130px; float:left; margin-left:10px; *margin-left:5px } #chSearch3 .headsearchBox .onfocus { color:#000 } #chSearch3 .headsearchBox .onblur { color:#999 } .onfocus { color:#000!important; -moz-border-radius:4px } .onblur { color:#999!important; -moz-border-radius:4px } .onblurFlights { color:#999!important; background:url(https://data.chinahighlights.com/css/images/flight/bg-airlines.png) no-repeat right bottom #f7f7f7 !important; -moz-border-radius:4px } #chSearch3 .headsearchBox input { background:#fff; width:112px; float:left; color:#999; padding:1px 5px; margin:0px 0px 0px 5px; border:2px solid #a31022; -moz-border-radius-topleft:4px; -moz-border-radius-bottomleft:4px; filter:alpha(opacity=70); -moz-opacity:0.7 } #chSearch3 .headsearchBox input:focus { border:2px solid #F3CB76 } #chSearch3 .headsearchButton { width:25px; float:left } #headTel { width:340px; height:20px; position:absolute; top:6px; font-size:11px; font-weight:bold; left:10px } #headTel .telNo { font-weight:bold; color:#A31022; font-size:12px } #headTel .telNo2 { text-decoration:underline } #menu { width:992px; margin:auto; position:relative; margin-top:0px; margin-bottom:0; z-index:1000 } #menu #mainMenu { width:992px } #menu #mainMenu ul { list-style:none; overflow:hidden; zoom:1 } #menu #mainMenu ul li { float:left; padding-top:5px; color:#545454; font-size:12px; font-weight:bold; margin-right:-6px; margin-right:-8px\9; background:transparent url(https://data.chinahighlights.com/css/images/webCssPic.png) no-repeat top left; background-position:-163px 5px; } #menu #mainMenu ul li a { color:#545454; display:block; float:left; height:38px; padding-left:17px; text-decoration:none; } #menu #mainMenu ul li a span { display:block; cursor:pointer; padding:0 17px 0 0; height:38px; float:left; line-height:38px; background:transparent url(https://data.chinahighlights.com/css/images/webCssPic.png) no-repeat top right; background-position:right -41px; } #menu #mainMenu ul li a:hover, #menu #mainMenu ul li.active a { background:url(https://data.chinahighlights.com/css/images/webCssPic.png) no-repeat top left; background-position:5px -84px; color:#fff } #menu #mainMenu ul li a:hover span { color:#fff; background:transparent url(https://data.chinahighlights.com/css/images/webCssPic.png) no-repeat top right; background-position:right -126px; } #menu #mainMenu ul li.active a span { color:#fff; background:transparent url(https://data.chinahighlights.com/css/images/webCssPic.png) no-repeat top right; background-position:right -126px; } #menu #mainMenu ul li.last { margin-left:1px } #menu #mainMenu ul li.last a span { padding-right:22px; margin-right:-7px } #menu #mainMenu ul li.last a:hover { color:#fff!important } #menu #mainMenu ul li.last a:hover span { color:#fff } #menu #mainMenu ul li.first { margin-right:-5px; background:none; } #menu #mainMenu ul li.first a { background:transparent url(https://data.chinahighlights.com/css/images/webCssPic.png) no-repeat top left; background-position:5px 2px; color:#a31022; } #menu #mainMenu ul li.first a span { color:#a31022; position:relative; padding-right:19px; padding-left:5px } #menu #mainMenu ul li.first a span img { position:absolute; top:18px; right:12px } #menu #mainMenu ul li.first a:hover span { color:#A4081B; background:transparent url(https://data.chinahighlights.com/css/images/webCssPic.png) no-repeat top right; background-position:right -41px; } #menu #subMenu { width:982px; padding:0px; position:relative; height:28px; /*overflow:hidden;*/ background:#a31022; *margin-top:-20px; *+margin-top:0px; margin:0 0 0 5px } #menu #subMenu ul.subMenu { list-style:none; padding:0px; margin:0px 0 0 18px; display:block; width:952px; height:28px; color:#fff; font-size:11px } #menu #subMenu ul.subMenu li { float:left; margin:6px 0 0 6px } #menu #subMenu ul.subMenu li a { color:#fff; font-size:11px; text-decoration:underline; padding:0 10px 0 10px } #menu #subMenu ul.subMenu li a:hover { text-decoration:none } #menu #subMenu ul.subMenu li.active { background:transparent url(https://data.chinahighlights.com/css/images/arrowTop.gif) center 16px no-repeat; font-weight:bold } #menu #subMenu ul.subMenu li.active a { text-decoration:none } #menu #subMenu .customerCenterInfo { width:950px; position:absolute; top:28px; left:0; border-bottom:1px solid #b8b8b8; border-right:1px solid #b8b8b8; border-left:1px solid #b8b8b8; background:#FFF; padding:15px; z-index:999 } #menu #subMenu .customerCenterInfo a { color:#545454 } #menu #subMenu .customerCenterInfo .smalllogForm { width:200px; padding:10px 15px 10px 15px; background:#e8e8e8; float:left; margin-right:10px } #menu #subMenu .customerCenterInfo h5 { font-size:14px; padding:0; margin:0 } a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active { background:transparent url(https://data.chinahighlights.com/css/images/sprites.gif) no-repeat 5px -400px; padding-left:21px; color:#545454; text-decoration:underline } a.morelink:hover { background:transparent url(https://data.chinahighlights.com/css/images/sprites.gif) 5px -500px; color:#a31022; text-decoration:none } .morelink span { position:absolute; left:-9999px; width:900px } .moreBold { font-weight:bold } /*------content-------*/ #content { width:992px; margin:0 auto; position:relative; background:#fff url(https://data.chinahighlights.com/css/images/bg-content-main.gif) repeat-y center; padding-bottom:1px; } #content #contentHead { width:952px; background:url(https://data.chinahighlights.com/css/images/bg-content-head.gif) no-repeat top; padding:5px 20px 10px 20px; position:relative } #content #contentHead #subNav { font-size:11px; color:#A31022; padding:5px 0px 3px 5px; position:relative; clear:both } #content #contentHead #subNav a { text-decoration:underline; background-image: url("https://data.chinahighlights.com/css/images/main-icon-sprite.png"); background-position: 33px -166px; background-repeat: no-repeat; padding:2px 8px 4px 5px; color:#444 } #content #contentHead #subNav a:hover { color:#a31022; text-decoration:none } #content #contentHead #subNav a.moreCatagory:hover { color:#444; -moz-border-radius:2px; text-decoration:underline; background-image:url(https://data.chinahighlights.com/css/images/arrowDown.gif); background-repeat:no-repeat; background-position:95% 8px; padding:2px 12px 4px 5px; background-color:#f1f1f1; border:1px solid #dfdfdf } #content #contentHead #subNav a.allTours { border:1px solid #d1d1d1; padding:1px 5px 3px 5px; text-decoration:none; background:#f1f1f1; -moz-border-radius-topleft:4px; -moz-border-radius-bottomleft:4px } #content #contentHead #subNav a.allTours2 { border:1px solid #d1d1d1; border-bottom:1px solid #f1f1f1; padding:1px 5px 3px 5px; text-decoration:none; background:#f1f1f1; -moz-border-radius-topleft:4px; z-index:9999 } h1 { font-family:Verdana, Geneva, sans-serif; font-size:22px; color:#545454; border-bottom:#D2D2D2 1px solid; padding:0px 0px 3px 8px; margin:18px 0px 5px 0px; padding-right:280px; display:block } h1.newstitle { font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; margin-bottom:5px; display:block; padding-right:280px } h1 a { color:#545454; text-decoration:none } h1 a:hover { color:#a31022 } h2 { font-size:18px; color:#545454; padding:0px; margin:20px 0px 5px 0px } h2 a { font-size:18px; color:#545454; padding:0px; margin:20px 0px 5px 0px; text-decoration:none } h2 a:hover { color:#a31022 } h3 { font-family:Verdana, Geneva, sans-serif; font-size:15px; color:#545454; padding:0px; margin:0px; margin:12px 0px 0px 0px } h4 { font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#545454; padding:0px; margin:0px; margin:10px 0px 0px 0px } #content p { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:250px; padding:0px; line-height:18px; margin-top:0 } #content p a { color:#545454; text-decoration:underline } #content p a:hover { color:#a31022; text-decoration:none; width:240px } #content p a.readmore { text-decoration:underline; padding-left:10px } #content .quote { background-color:#F1F1F1; border-left:#a31022 5px solid; padding:8px 8px 5px 12px; margin:0 0 10px 0px; overflow:hidden } #content #mainContent { width:660px; margin-left:20px; display:inline; float:left; position:relative } #content #mainContent p { color:#444; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; line-height:20px; margin-bottom:10px } .bookMarktools { position:absolute; right:8px; top:55px; } .bookMarktools a { color:#545454; text-decoration:none; } .bookMarktools a:hover { color:#a31022; } span.bookMark { font-size:11px; font-weight:normal; display:block; float:right; } span.bookMark a { background-image:url(https://data.chinahighlights.com/pic/tools-bookmark-gray.GIF); background-repeat:no-repeat; background-position:0 2px; padding:0 15px 0 17px; } span.bookMark a:hover { background-image:url(https://data.chinahighlights.com/pic/tools-bookmark.GIF); } span.sendFriend { font-size:11px; font-weight: bold; display:block; float:right; background-image: url("https://data.chinahighlights.com/css/images/main-icon-sprite.png"); background-position: -10px -105.5px; background-repeat: no-repeat; padding:3px 0 3px 18px; } span.facebookLike { display: block; float: right; } span.facebookShare { display: block; float: right; background-image: url("https://data.chinahighlights.com/css/images/main-icon-sprite.png"); background-position: -10px -69px; background-repeat:no-repeat; padding:3px 0 3px 18px; margin-right:10px; } #tollFree { width:255px; *width:310px; height:25px; position:absolute; top:40px; right:10px; font-weight:bold; font-size:11px; background-image: url("https://data.chinahighlights.com/css/images/main-icon-sprite.png"); background-position: 268px -4px; background-repeat: no-repeat; z-index:5000; border:2px solid #c2c2c2; padding:5px 0 0 3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomleft:3px; cursor:pointer } #tollFree2 { width:255px; *width:310px; height:25px; position:absolute; top:40px; right:10px; font-weight:bold; font-size:11px; z-index:500; border:2px solid #fff; padding:5px 0 0 3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomleft:3px; cursor:pointer } #tollFree a, #tollFree2 a { color:#6b6b6b; text-decoration:none } #tollFree .moreContact { position:absolute; top:30px; right:-2px; border:2px solid #c2c2c2; border-top:none; background:url(https://data.chinahighlights.com/css/images/bg-800.png) repeat-x bottom #fff; width:200px; padding:5px 5px 20px 5px; z-index:99999; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px } #tollFree .moreContact img { margin-bottom:8px } #tollFree .moreContact p { font-size:11px; font-weight:bold; line-height:18px } #tollFree .moreContact .telephone { background-image: url("https://data.chinahighlights.com/css/images/main-icon-sprite.png"); background-position: -9px -251.5px; background-repeat: no-repeat; margin:5px 0; padding-left:28px } #tollFree .moreContact .skype { background-image: url("https://data.chinahighlights.com/css/images/main-icon-sprite.png"); background-position: -10px -289px; background-repeat: no-repeat; padding:5px 0 5px 28px } #tollFree .moreContact .email { background:url(https://data.chinahighlights.com/pic/e-nail.gif) no-repeat 3px } #tollFree .moreContact .beijingTime { margin:8px 0 0px 0; font-size:12px; background-image: url("https://data.chinahighlights.com/css/images/main-icon-sprite.png"); background-position: -10px -211.5px; background-repeat: no-repeat; padding-left:28px } #tollFree .moreContact .timeZone { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#a31022; margin-top:5px } #tollFree .moreContact .closeButton { width:15px; height:15px; position:absolute; bottom:5px; right:5px } .phone { width:120px; background-image:url(https://data.chinahighlights.com/pic/24-7-call.gif); background-repeat:no-repeat; padding:15px 0 10px 45px; *padding:-25px 0 25px 45px; *margin-top:20px; font-size:18px; color:#a31022; font-family:Arial, Helvetica, sans-serif; *z-index:500 } /*------footer-------*/ #footer { width:100%; margin:0 auto 0 auto; *margin-top:-5px; background:url(images/bg-footer.gif) repeat-x bottom; padding-bottom:10px; position:relative; z-index:1 } #footer #bottom { width:992px; height:163px; text-align:center; background:url(images/bg-bottom.png) no-repeat bottom; padding:15px 0 50px 0; *padding-top:10px; margin:auto } #footer #footerContent { width:992px; margin:auto; text-align:center } #footer #footerContent p { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#515151; text-align:center; padding:0px; margin:0px; line-height:22px } #footer #footerContent p img { margin:5px 0 5px 10px } #footer #footerContent p a { color:#515151; text-decoration:underline } #footer #footerContent p a:hover { text-decoration:none; color:#a31022 } #footer #bottom #footerPromo { width:900px; height:163px; position:relative; background: none; padding:0; margin:0px 71px 0 61px; text-align:left; z-index:1000 } #footer #bottom #footerPromo img { margin-right:25px; } #footersearch { background-image: url("https://data.chinahighlights.com/css/images/main-sprite.png"); background-position: -10px -107px; width:615px; height:45px; margin:10px auto; } #footersearch1 { background-color:#FF0000; width:615px; height:45px; margin:10px auto; } #footersearch .footersearchBox { width:490; } #footersearch .footersearchBox input { width: 450px; height:25px; border:none; float: left; color:#000; padding: 5px; margin:5px 0 0 10px; opacity:0.5; font-family:Arial, Helvetica, sans-serif; font-size:20px; } #footersearch .footersearchButton { width:100px; float:left; margin:4px 0 4px 23px; } /* CH footer members list */ .ourMembers { margin: 20px auto; font-size:11px; font-weight: bold; width:92%; text-align:left; } .ourMembers img { margin: 10px 10px 0 0; width:auto; } .ourMembers .security { float: left; border-right:1px solid #999; width:195px; margin-right:12px; } .ourMembers .members { float: left; border-right:1px solid #999; width:310px; margin-right:12px; } .ourMembers .payment { float: left; width:360px; margin-right:12px; } .ourMembers .follow { float:left; width:160px; } .ourMembers a { color:#545454; } .truste { background-image: url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position: -10px -10px; display: block; float: left; width:95px; height:26px; margin: 10px 10px 0 0; } .mcafee { background-image: url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position: -10px -56px; width:76px; height:29px; display: block; float: left; margin: 10px 10px 0 0; } .iata { background-image: url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position: -10px -105px; display: block; float: left; width: 45px; height:30px; margin: 10px 10px 0 0; } .ustoa { background-image: url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position: -10px -155px; display: block; float: left; width:103px; height:21px; margin: 10px 10px 0 0; } .pata { background-image: url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position: -10px -196px; display: block; float: left; width:70px; height:30px; margin: 10px 10px 0 0; } .asta { background-image: url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position: -10px -246px; display: block; float: left; width:48px; height:30px; margin: 10px 10px 0 0; } .visa { background-image: url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position: -10px -296px; display: block; float: left; width:48px; height:30px; margin: 10px 10px 0 0; } .masterCard { background-image: url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position: -10px -346px; display: block; float: left; width:54px; height:33px; margin: 10px 10px 0 0; } .jcb { background-image: url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position: -10px -399px; display: block; float: left; width:35px; height:27px; margin: 10px 10px 0 0; } .paypal { background-image: url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position: -10px -446px; display: block; float: left; width:98px; height:25px; margin: 10px 10px 0 0; } .moneybookers { background-image: url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position: -10px -491px; display: block; float: left; width:57px; height:31px; margin: 10px 10px 0 0; } .germany { background-image: url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position: -10px -541px; padding-left:22px; margin-right:5px; } .french { background-image: url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position: -10px -573px; padding-left:22px; margin-right:5px; } .spanish { background-image: url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position: -10px -605px; padding-left:22px; margin-right:5px; } .japanese { background-image: url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position: -10px -637px; padding-left:22px; margin-right:5px; } /* social media icon */ .facebook { background-image: url("https://data.chinahighlights.com/css/images/social-media-sprite.png"); background-position: -10px -10px; display: block; float: left; width:34px; height:34px; margin:0 6px; } .twitter { background-image: url("https://data.chinahighlights.com/css/images/social-media-sprite.png"); background-position: -10px -65px; display: block; float: left; width:34px; height:34px; margin:0 6px; } .linkedin { background-image: url("https://data.chinahighlights.com/css/images/social-media-sprite.png"); background-position: -10px -120px; display: block; float: left; width:34px; height:34px; margin:0 6px; } .youtube { background-image: url("https://data.chinahighlights.com/css/images/social-media-sprite.png"); background-position: -10px -174px; display: block; float: left; width:34px; height:35px; margin:0 6px; } .chblog { background-image: url("https://data.chinahighlights.com/css/images/social-media-sprite.png"); background-position: -10px -229px; display: block; float: left; width:34px; height:35px; margin:0 6px; } /* Mcafee Security */ .securityArea { width:320px; height:32px; position:absolute; left: 650px; top: -8px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#333; } .mcafeeIcon { width:120px; height:32px; font-size:11px; float: left; } .mcafeeHotel { width:115px; height:32px; position:absolute; left: 530px; top: 70px; } .mcafeeHotel2 { width:115px; height:32px; position:absolute; left: 820px; top: -38px; } .mcafeeFlight { width:115px; height:32px; position:absolute; left: 610px; top: 40px; } .TrusteIcon { width:181px; float: left; text-align:right; margin-top:-5px; } .TrusteIcon span { margin-top:4px; display: block } /*boxy-wrapper*/ .boxy-wrapper { position:absolute; } .boxy-wrapper.fixed { position:fixed; } .boxy-modal-blackout { position:absolute; background-color:#666; left:0; top:0; } .boxy-wrapper { empty-cells:show; } .boxy-wrapper .top-left, .boxy-wrapper .top-right, .boxy-wrapper .bottom-right, .boxy-wrapper .bottom-left { width:10px; height:10px; padding:0 } .boxy-wrapper .top-left { background:url('images/boxy-nw.png'); } .boxy-wrapper .top-right { background:url('images/boxy-ne.png'); } .boxy-wrapper .bottom-right { background:url('images/boxy-se.png'); } .boxy-wrapper .bottom-left { background:url('images/boxy-sw.png'); } .boxy-wrapper .top-left { #background:none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/boxy-nw.png'); } .boxy-wrapper .top-right { #background:none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/boxy-ne.png'); } .boxy-wrapper .bottom-right { #background:none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/boxy-se.png'); } .boxy-wrapper .bottom-left { #background:none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/boxy-sw.png'); } .boxy-wrapper .top, .boxy-wrapper .bottom { height:10px; background-color:black; opacity:0.6; filter:alpha(opacity=60); padding:0 } .boxy-wrapper .left, .boxy-wrapper .right { width:10px; background-color:black; opacity:0.6; filter:alpha(opacity=60); padding:0 } .boxy-wrapper .title-bar { background-color:white; padding:6px; position:relative; } .boxy-wrapper .title-bar.dragging { cursor:move; } .boxy-wrapper .title-bar h2 { font-size:14px; color:#545454; line-height:1; margin:0; padding:0; } .boxy-wrapper .title-bar .close { color:black; position:absolute; top:6px; right:6px; font-size:90%; line-height:1; cursor:pointer } .boxy-inner { background-color:white; padding:0 } .boxy-content { padding:15px; } .boxy-wrapper .question { width:350px; min-height:80px; } .boxy-wrapper .answers { text-align:right; } .boxy_bottom { text-align:right; font-size:13px; color:#545454; font-weight:bold; cursor:pointer }