@charset "utf-8";
/* travel guide CSS Document */
#banner #nav ul li.guideCurrent { background:url(/css/images/bg-nav-hover.png) no-repeat!important; }
#banner #nav ul li.guideCurrent a { color:#fff; }
.yellowPrice { color:#EB7B39; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }
/* travel guide index */
/* featured travel destinations */
#featuredDestinations { margin: 5px 0 5px 0; }
#featuredDestinations .chinaMap { background:url(/css/images/homepage/map-of-china.png) no-repeat; width:683px; height:398px; position:relative; }
#featuredDestinations .chinaMap .beijing { width:54px; height:29px; background:url(/css/images/homepage/1.png) no-repeat right top; position:absolute; left: 347px; top: 114px; }
#featuredDestinations .chinaMap .shanghai { width:45px; height:65px; background:url(/css/images/homepage/2.png) no-repeat left center; position:absolute; left: 397px; top: 178px; }
#featuredDestinations .chinaMap .xian { width:35px; height:53px; background:url(/css/images/homepage/3.png) no-repeat right center; position:absolute; left: 301px; top: 149px; }
#featuredDestinations .chinaMap .guilin { width:70px; height:31px; background:url(/css/images/homepage/4.png) no-repeat top center; position:absolute; left: 287px; top: 292px; padding-top:10px; }
#featuredDestinations .chinaMap .sichuan { width:39px; height:44px; background:url(/css/images/homepage/5.png) no-repeat top center; position:absolute; left: 249px; top: 227px; padding-top:15px; }
#featuredDestinations .chinaMap .yellowMountain { width:66px; height:35px; background:url(/css/images/homepage/6.png) no-repeat bottom center; position:absolute; left: 357px; top: 251px; padding-top:0px; }
#featuredDestinations .chinaMap .yangtze { width:59px; height:23px; background:url(/css/images/homepage/7.png) no-repeat top right; position:absolute; left: 310px; top: 236px; }
#featuredDestinations .chinaMap .tibet { width:94px; height:40px; background:url(/css/images/homepage/8.png) no-repeat top center; position:absolute; left: 130px; top: 214px; padding-top:10px; }
#featuredDestinations .chinaMap .xinjiang { width:132px; height:50px; background:url(/css/images/homepage/9.png) no-repeat top center; position:absolute; left: 51px; top: 110px; padding-top:15px; }
#featuredDestinations .chinaMap .inner-mogonlia { width:67px; height:35px; background:url(/css/images/homepage/10.png) no-repeat bottom left; position:absolute; left: 269px; top: 117px; }
#featuredDestinations .chinaMap .harbin { width:63px; height:58px; background:url(/css/images/homepage/11.png) no-repeat top left; position:absolute; left: 420px; top: 18px; }
#featuredDestinations .chinaMap .yunnan { width:54px; height:32px; background:url(/css/images/homepage/12.png) no-repeat top right; position:absolute; left: 220px; top: 300px; padding-top:10px; }
#featuredDestinations .chinaMap .hongkong { width:46px; height:45px; background:url(/css/images/homepage/13.png) no-repeat top right; position:absolute; left: 359px; top: 315px; }
#featuredDestinations .chinaMap .hainan { width:33px; height:38px; background:url(/css/images/homepage/14.png) no-repeat top right; position:absolute; left: 311px; top: 343px; padding-top:8px; }
#featuredDestinations .chinaMap .cityList { float: right; width:140px; }
#featuredDestinations .chinaMap .cityList table { margin-top:2px; }
#featuredDestinations .chinaMap .cityList table td { background:url(/css/images/homepage/bg-map-city.png) repeat-x; width:120px; height:26px; height:25px\9;/* for ie8*/ margin-bottom:2px; list-style: none; font-size:11px; font-weight: bold; color:#333; }
#featuredDestinations .chinaMap .cityList table th { background:url(/css/images/homepage/bg-city-number.png) no-repeat; width:28px; height:26px; height:25px\9; /* for ie8*/ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; }
#featuredDestinations .chinaMap .cityList table td a { color:#333; text-decoration: none; }
#featuredDestinations .chinaMap .cityList table td a:hover { color:#a31022; }
#topDestinations { margin: 5px 0; }
#topDestinations .cityDetail { width: 153px; float: left; margin: 5px 20px 10px 10px; text-align:center }
#topDestinations .cityDetail a { text-decoration: none; }
#topDestinations .cityDetail img { width:153px; height:113px; margin-bottom:6px; }
#popularAttractions { margin: 5px 0; }
#popularAttractions .mainAttr { width: 360px; float: left; }
#popularAttractions .mainAttr .attrImg { float: left; width:120px; margin-top:8px; }
#popularAttractions .mainAttr .attrInfo { float: right; width: 230px; font-size:11px; line-height:17px; }
#popularAttractions .mainAttr .attrInfo h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#f87c34; margin: 0 0 5px 0 }
#popularAttractions .mainAttr .attrInfo h3 a { color:#f87c34; text-decoration: none }
#popularAttractions ul { margin:15px 0 0 0; clear: both }
#popularAttractions ul li { list-style: none; background:url(/css/images/yellow-arrow.png) no-repeat 5px; padding-left:18px; float: left; width:160px; line-height:18px; margin-bottom:5px; font-size:11px; }
#chinacultureGuide { margin: 15px 0 5px 0; border:1px solid #d1d1d1; background:#fff; padding-bottom:15px; background:url(/css/images/bg-culture.png) no-repeat right bottom #fff; }
#chinacultureGuide h2 { background:#f1f1f1; padding: 8px 5px; border-bottom: none; margin: 0 0 10px 0; }
#chinacultureGuide .mainAttr { width: 360px; float: left; margin-left:5px; }
#chinacultureGuide .mainAttr .attrImg { float: left; width:120px; margin-top:8px; }
#chinacultureGuide .mainAttr .attrInfo { float: right; width: 230px; font-size:11px; line-height:17px; }
#chinacultureGuide .mainAttr .attrInfo h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#f87c34; margin: 0 0 5px 0 }
#chinacultureGuide .mainAttr .attrInfo h3 a { color:#f87c34; text-decoration: none }
#chinacultureGuide ul { margin:15px 0 0 10px; clear: both }
#chinacultureGuide ul li { list-style: none; background:url(/css/images/yellow-arrow.png) no-repeat 5px; padding-left:18px; float: left; width:160px; line-height:18px; margin-bottom:5px; font-size:11px; }
#travelTools { margin:15px 0; }
#travelTools ul { margin: 0; }
#travelTools ul li { list-style: none; float: left; width:140px; padding: 5px 0 5px 35px; font-size:11px; color:#F97E32; text-decoration: none; line-height:20px; background-position: left 5px; }
#travelTools ul li a { color:#F97E32; }
.tT1 { background-image:url(/image/tavel-tools/l-icon-9.GIF); background-position:5px 3px; background-repeat:no-repeat; }
.tT2 { background-image:url(/image/tavel-tools/l-icon-10.GIF); background-position:5px 3px; background-repeat:no-repeat; }
.tT3 { background-image:url(/image/tavel-tools/l-icon-11.GIF); background-position:5px 3px; background-repeat:no-repeat; }
.tT4 { background-image:url(/image/tavel-tools/l-icon-12.GIF); background-position:5px 3px; background-repeat:no-repeat; }
.tT5 { background-image:url(/image/tavel-tools/l-icon-13.GIF); background-position:5px 3px; background-repeat:no-repeat; }
.tT6 { background-image:url(/image/tavel-tools/l-icon-14.GIF); background-position:5px 3px; background-repeat:no-repeat; }
.tT7 { background-image:url(/image/tavel-tools/l-icon-15.GIF); background-position:5px 3px; background-repeat:no-repeat; }
.tT8 { background-image:url(/image/tavel-tools/l-icon-16.GIF); background-position:5px 3px; background-repeat:no-repeat; }
.tT9 { background-image:url(/image/tavel-tools/l-icon-17.GIF); background-position:5px 3px; background-repeat:no-repeat; }
.tT10 { background-image:url(/image/tavel-tools/l-icon-18.GIF); background-position:5px 3px; background-repeat:no-repeat; }
.tT11 { background-image:url(/image/tavel-tools/l-icon-19.GIF); background-position:5px 3px; background-repeat:no-repeat; }
.tT12 { background-image:url(/image/tavel-tools/l-icon-20.GIF); background-position:5px 3px; background-repeat:no-repeat; }
.tT13 { background-image:url(/image/tavel-tools/l-icon-21.GIF); background-position:5px 3px; background-repeat:no-repeat; }
/* china culture guide*/
#cultureHead { margin: 0 0 10px 0; background:url(/css/images/guide/bg-culture.png) no-repeat center bottom #fff; padding: 10px 140px 30px 10px; }
#cultureHead h3 { color:#446c13; }
#cultureHead ul { margin:5px 0 10px 5px; width:500px; }
#cultureHead ul li { list-style: none; background:url(/css/images/guide/green-arrow.png) no-repeat left; padding-left:15px; line-height:18px; margin-bottom:5px; float: left; width:200px; }
#cultureCategory { margin: 20px 0; clear:both }
#cultureCategory .detailcultureInfo { width:360px; float: left; border:1px solid #d1d1d1; -moz-border-radius:4px; padding-bottom:15px; margin-bottom:20px; }
.floatRight { float: right!important } /* for culture box float right */
#cultureCategory .detailcultureInfo h2 { background:#f1f1f1; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#446c13; margin: 0 0 8px 0; padding: 5px 5px; font-weight: bold; border-bottom: none }
#cultureCategory .detailcultureInfo h2 a { text-decoration: none }
#cultureCategory .detailcultureInfo .imgInfo { width:120px; float:left; margin-left:10px; }
#cultureCategory .detailcultureInfo .contentInfo { float:right; width:210px; font-size:11px; line-height:18px; }
#cultureCategory .detailcultureInfo ul { clear: both; margin: 10px 0 10px 15px; }
#cultureCategory .detailcultureInfo ul li { list-style: none; background:url(/css/images/yellow-arrow.png) no-repeat left; padding-left:15px; width:150px; float: left; line-height:18px; }
#cultureCategory .detailcultureInfo ul li a { font-size:11px; color:#545454; }
/*  travel guide left */
#guideLeft { width:200px; float: left; margin: 25px 0 5px 11px; }
#guideLeft .whyUs { border: 1px solid #d1d1d1; border-top: 5px solid #f87c34; } /* why choose us */
#guideLeft .whyUs h4 { border-bottom:1px solid #d1d1d1; padding: 5px; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin: 0 0 8px 0; }
#guideLeft .whyUs ol { padding-left:15px; margin:0 10px; }
#guideLeft .whyUs ol li { font-size:11px; line-height:15px; margin-bottom:8px; border-bottom:1px dashed #d1d1d1; padding-bottom:8px; }
/* travel guide right */
#guideRight { width:743px; float: right; }
#guideRight ul { margin-left:5px; }
#guideRight ul li { list-style:none; background:url(/css/images/arrow-navigate.gif) no-repeat left; padding-left:12px; line-height:18px; margin-bottom:5px; }
h1 { background:url(/image/webmaster/bg-h1.png) no-repeat; border-bottom:medium none !important; color:#446C13 !important; font-family:Georgia, "Times New Roman", Times, serif !important; font-size:17px !important; height:37px !important; margin:15px 0 10px !important; padding:12px 0 0 30px !important; }
h2 { clear: both; color:#446c13; font-family:Arial, Helvetica, sans-serif; font-size: 18px; border-bottom:1px solid #d1d1d1; padding:0 0 5px 0; font-weight: 500; }
h2 small { font-weight: normal; font-size:12px; }
h2 small a { text-decoration: underline !important; }
h2 small a:hover { text-decoration: none !important; }
#guideRight p { line-height:22px; margin-bottom:8px; font-size:12px; }
#guideRight .cityInfo { margin: 5px 0; padding: 0 10px 0 0; }
.photoBox { border:1px solid #d1d1d1; width:300px; float: right; padding:5px; margin: 0 0 5px 5px; -moz-border-radius:2px; }
.photoBox img { width:300px; }
#guideRight .attractionBox { float: left; width: 168px; margin: 5px 13px 10px 3px; text-align: center; }
#guideRight .attractionBox img { width:168px; height:124px; margin-bottom:5px; }
#guideRight .tourBox { border:1px solid #d1d1d1; margin: 18px 0 10px 0; clear: both; padding-bottom:15px; }
#guideRight .tourBox h2 { clear: both; color:#446c13; font-family:Arial, Helvetica, sans-serif; font-size: 17px; border-bottom:1px solid #d1d1d1; padding:6px 0 6px 5px; font-weight: bold; background:#f1f1f1; margin: 0 0 10px 0; }
#guideRight .tourBox ul { margin-left:10px; }
#guideRight .tourBox ul li { list-style: none; background:url(/css/images/yellow-arrow.png) no-repeat left 5px; padding-left:15px; line-height:20px; margin-bottom:10px; color:#999; font-size:11px; }
#guideRight .tourBox ul li a { color:#545454; font-size: 12px; margin-right:8px; }
/* -- atttraction list --*/
.attractionList { border-bottom:1px solid #d1d1d1; margin: 10px 0 15px 0; padding-bottom:8px; }
.attractionList .listPic { float: left; width:150px; }
.attractionList p a { text-decoration: underline }
.attractionList p a:hover { text-decoration: none; }
.attractionList .listPic img { width:150px; height:113px; }
.attractionList .listContent { width:580px; float: right }
.attractionList .listContent h2 { color:#f87c34; font-family:Arial, Helvetica, sans-serif; font-size: 14px; border: none; margin: 0 0 5px 0; font-weight: bold; }
.attractionList .listContent h2 span { background:url(/pic/pentagon.png) no-repeat left; padding:5px 0 3px 25px; color:#446C13; margin-left:20px; }
.attractionDetail { margin: 5px 0; padding: 0 10px 0 0; }
.attractionDetail .photoShow { width:300px; border:1px solid #d1d1d1; padding:5px; float: right; margin: 0 0 5px 5px; }
.attractionDetail .photoShow .smallPhoto { margin: 10px 0 0 0; }
.attractionDetail .photoShow .smallPhoto ul { margin:0; }
.attractionDetail .photoShow .smallPhoto ul li { list-style: none; float: left; width:74px; margin-right:9px; }
.attractionDetail .photoShow .smallPhoto ul li img { width:74px; height:58px; }
.attractionDetail .photoShow .smallPhoto ul li.last { margin:0; float: right; }
/*-- Map List --*/
#mapList { margin: 10px 0; }
#mapList .detailedMap { width:360px; float: left; margin:5px 10px 20px 0; }
#mapList .detailedMap img { width:360px; }
#mapList .largeMap { max-width:700px; }
#mapList .largeMap img { max-width:700px; }
/*-- Weather Detail --*/
#weatherDetail { margin: 5px 0; }
.header { display: none!important; }
#divHeader { display: none!important; }
#freeCards { margin: 5px 0; }
#freeCards h3 { font-size:15px; border-bottom:1px solid #d1d1d1; padding-bottom:2px; margin: 10px 0 0px 0; }
.greetingCard { float:left; margin-bottom:15px; margin-top:15px; text-align:center; width:220px; padding:15px 0 0 0; -moz-border-radius:4px; }
.greetingCard:hover { background:#f1f1f1; }
.greetingCard img { border: none!important; }
.greetingCard img:hover { border: none!important; }

/* travel photo style */
.relatedImage { border:1px solid #d1d1d1; padding:3px; -moz-border-radius:3px; float: right; margin: 0 0 5px 8px;}

/* tour style */
.hottourList { border-bottom:1px dashed #d1d1d1; padding-bottom:8px; margin: 15px 0 0 0; }
.hottourList .tourlistPic { float: left; width: 115px; margin: 5px 10px 0 0px; }
.hottourList .tourlistPic a { font-size:11px; color:#545454; text-decoration:none }
.hottourList .tourlistPic img { margin-bottom:5px; }
.hottourList .tourlistContent { float: left; width: 450px; }
.hottourList h2 { color:#666; font-size:15px; font-family: "Times New Roman", Times, serif; margin: 0 0 8px 0; font-weight: normal; }
.hottourList h2 a { color:#666; text-decoration: underline; margin-right:8px; font-weight: bold; }
.hottourList h2 a:hover { text-decoration: none }
.hottourList p { margin: 0; padding-right:20px; }
.hottourList ul { margin: 5px 0; }
.hottourList ul li { list-style: none; line-height:15px; margin-bottom:5px; font-size:11px; }