@charset "utf-8"; /* CSS Document */ /* spotlight 4 guide home */ #spotlight { width:765px; margin:0 auto 15px auto; height:400px;} #spotlight h2{ background: none repeat scroll 0 0 #E4E4E4; border-left: 7px solid #A6A6A6; font-size: 16px; font-weight: normal; height: 30px; line-height: 30px; margin: 10px 0; padding-left: 10px;} #spotlight .leftlargebox{ float: left; margin: 0 auto -10px; width: 375px; } #spotlight .leftlargebox .lefttopBox { width: 375px; height:155px; margin-bottom:10px; margin-right:10px; position: relative;} #spotlight .leftlargebox .lefttopBox .leftTitle { background: url("https://data.chinahighlights.com/css/images/bg-tour-highlights.png") repeat scroll 0 0 transparent; font-size:15px; top:0px; left:1px; background:url(https://data.chinahighlights.com/css/images/bg-tour-highlights.png) repeat; color:#fff; padding:5px 0; height: 23px; width: 374px; margin-top:-1px; position: absolute;} #spotlight .leftlargebox .lefttopBox .leftTitle a { color: #FFF; text-decoration: none; margin-left: 5px; float: left; } #spotlight .leftlargebox .lefttopBox img{ width: 375px; height:155px; margin-top: -1px;} #spotlight .leftlargebox .leftbottom1 { width: 180px; height:175px; margin-right: 10px; float:left; position: relative;} #spotlight .leftlargebox .leftbottom1 .leftbottomTitle { background: url("https://data.chinahighlights.com/css/images/bg-tour-highlights.png") repeat scroll 0 0 transparent; font-size:15px; top:0px; left:1px; background:url(https://data.chinahighlights.com/css/images/bg-tour-highlights.png) repeat; color:#fff; padding:5px 0; height: 38px; width: 179px; margin-top:-1px; position: absolute;} #spotlight .leftlargebox .leftbottom1 .leftbottomTitle a { color: #FFF; text-decoration: none; margin-left: 5px; float: left;} #spotlight .leftlargebox .leftbottom1 img{ width: 180px; height:175px;} #spotlight .leftlargebox .leftbottom2 { width: 180px; height:175px; float:right; position: relative;} #spotlight .leftlargebox .leftbottom2 .leftbottomTitle { background: url("https://data.chinahighlights.com/css/images/bg-tour-highlights.png") repeat scroll 0 0 transparent; font-size:15px; top:0px; left:1px; background:url(https://data.chinahighlights.com/css/images/bg-tour-highlights.png) repeat; color:#fff; padding:5px 0; height: 38px; width: 179px; margin-top:-1px; position: absolute;} #spotlight .leftlargebox .leftbottom2 .leftbottomTitle a { color: #FFF; text-decoration: none; margin-left: 5px; float: left;} #spotlight .leftlargebox .leftbottom2 img{ width: 180px; height:175px;} #spotlight .rightlargebox{ float: right; margin: -331px auto -10px; width: 375px; } #spotlight .rightlargebox p{ text-align:right;} #spotlight .rightlargebox .rightbox1 { width: 180px; height:332px; padding-bottom:8px; border:#dfdfdf solid 1px; float:left; position: relative;} #spotlight .rightlargebox .rightbox1 img{ width: 180px; height:230px;margin-bottom: 10px;} #spotlight .rightlargebox .rightbox1 span{ font-size: 18px; color: #04679A; font-family: Verdana,Geneva,sans-serif;} #spotlight .rightlargebox .rightbox1 span a{ text-decoration:none; color: #04679A; float: left; margin-left: 8px;} #spotlight .rightlargebox .rightbox1 span a:hover { color:#A31022;} #spotlight .rightlargebox .rightbox2 { width: 180px; height:332px; padding-bottom:8px; border:#dfdfdf solid 1px; float:right; position: relative;} #spotlight .rightlargebox .rightbox2 img{ width: 180px; height:230px; margin-bottom: 10px;} #spotlight .rightlargebox .rightbox2 span{ font-size: 18px; color: #04679A; text-align:right; font-family: Verdana,Geneva,sans-serif;} #spotlight .rightlargebox .rightbox2 span a{ color: #04679A; float: left; margin-left: 8px; text-align: left; text-decoration: none;} #spotlight .rightlargebox .rightbox2 span a:hover { color:#A31022;} #sideBar { width:175px; padding-bottom:40px; margin-top:1px; float:left;} /* nav left */ .navtitle { background: none repeat scroll 0 0 #DFDFDF; float: left; font-size: 15px; line-height: 18px; padding: 5px 0 5px 5px; width: 170px; } #sideBar .navLeft{ width:100%; height:auto; float:left; border-top:3px solid #a31022;} #sideBar .navLeft ul{list-style:none; margin:0; padding:0;} #sideBar .navLeft ul li{ list-style:none; margin:0; line-height:20px; border-top:1px solid #fff; border-bottom:1px dotted #ccc;} #sideBar .navLeft ul li a{color:#a1a1a1; font-weight: bold; text-decoration:none; padding:5px 0 5px 20px; background:#fff url(https://data.chinahighlights.com/css/images/sprites.gif) no-repeat 8px -692px; float:left; width:155px;} #sideBar .navLeft ul li a:hover{color:#FFF; background:#a31022;} #sideBar .navLeft ul li a.active{background-color:#F4F4F4; color:#A31022;} .leftAds{width:175px; float:left; margin:10px 0;} .leftAds .imgcont{ position:relative;} .leftAds img{width:175px;} .leftAds span{position:absolute; bottom:0; background:url(https://data.chinahighlights.com/pic/nrb-bg.png); left:0; color:#FFF; width:100%; height:25px; line-height:25px; text-align:center; font-size:16px;} .themeTitle { background: none repeat scroll 0 0 #E4E4E4; border-left: 7px solid #A6A6A6; font-size: 15px; margin-bottom: 1px; padding: 5px 0 5px 5px; } ul.tourThemes { margin: 5px 0; } ul.tourThemes li { border-bottom: 1px solid #D1D1D1; line-height: 18px; list-style: none outside none; margin-bottom: 3px; padding-bottom: 3px; padding-left: 15px; } ul.tourThemes li a { text-decoration: none; } * { margin: 0; padding: 0; } .whyusboxTitle { background: url("https://data.chinahighlights.com/css/images/guide/tour-info-title.jpg") no-repeat scroll 0 0 transparent; float: left; font-size: 18px; height: 27px; margin-top: 10px; padding-top: 5px; text-align: center; width: 100%; } .whyusBox ul { border-color:#CCCCCC; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; float: left; padding: 10px; } .whyusBox ul li { background: url("https://data.chinahighlights.com/pic/square-red.gif") no-repeat scroll left 6px transparent; float: left; line-height: 16px; list-style: none outside none; margin-bottom: 5px; padding-left: 12px; } .ourPromise { font-size: 11px; margin: 0 0 15px; padding-bottom: 10px; width:163px; } .ourPromise .promiseTitle { background: none repeat scroll 0 0 #E4E4E4; border-left: 7px solid #A6A6A6; font-size: 15px; margin-bottom: 1px; padding: 5px 0 5px 5px; } .ourPromise ul { margin: 5px 8px; } .ourPromise ul li { background: url("https://data.chinahighlights.com/pic/green-mark.png") no-repeat scroll left 5px transparent; line-height: 18px; list-style: none outside none; margin-bottom: 8px; padding-left: 22px; } #topAttractions { background-color:#FFF; border-bottom: 10px; border-bottom-color:#dfdfdf; } #topAttractions .things { padding-bottom:8px; border:#dfdfdf solid 1px; width: 249px; float:left; margin:0 4px 10px 0px; height:370px; } #topAttractions .things .box { padding: 0 10px;} #topAttractions .things img{width:249px; margin-left:-10px; height:205px; margin-bottom: 5px;} #topAttractions .things .box span{font-size: 19px; color: #04679A;} #topAttractions .things .box span a{font-size: 19px; color: #04679A; text-decoration:none;} #topAttractions .things .box span a:hover{font-size: 19px; color: #A31022;} #topAttractions .things p { line-height: 18px; float:left; padding:5px 0; } #topAttractions .things .box ul li{background: url("https://data.chinahighlights.com/css/images/drop-1.GIF") no-repeat scroll 0 6px transparent !important; list-style: none outside none; padding-left: 15px; line-height: 23px;} .TopSellers{width:100%;} .TopSellers h2{background: #e4e4e4; border-left: 7px solid #A6A6A6; font-size:16px; font-weight:normal; height:30px; line-height:30px; padding-left:10px; margin:10px 0 0 0;} .TopSellers ul{ list-style:none; width:100%; margin:10px 0; float:left; border-bottom:1px solid #CCC;} .TopSellers ul img{width:280px; height:120px; border:none; float:left;} .TopSellers ul img.moredetail{width:177px; height:32px; margin:10px 280px 0 0; display:inline; float:right;} .TopSellers ul li{width:470px; float:right; line-height:150%; color:#545454;} .TopSellers ul li.routetitle{ color:#083c7d; font-size:14px; font-weight:bold;} .TopSellers2{width:100%;} .TopSellers2 h2{background: #e4e4e4; border-left: 7px solid #A6A6A6; font-size:16px; font-weight:normal; height:30px; line-height:30px; padding-left:10px; margin:10px 0 0 0;} .TopSellers2 ul{ list-style:none; width:100%; margin:10px 0; float:left; } .TopSellers2 ul img{ width:250px; height:200px; border:none; float:left; margin-right: 10px; } .TopSellers2 ul img.moredetail{ width:177px; height:32px; margin:10px 350px 0 0; display:inline; float:right; } .TopSellers2 ul li{ width:480px; float:left; line-height:150%; color:#545454; padding-left: 5px; margin-bottom:8px; } .TopSellers2 ul li a{ text-decoration:none;} .TopSellers2 ul li.TopSellers2title{border-left:7px solid #A6A6A6; background:#E4E4E4; height:25px; line-height:25px;} .TopSellers2 ul li.listicon{padding-left:14px; background:url(https://data.chinahighlights.com/pic/arrow-r.GIF) no-repeat 0 6px; font-size:13px;} .TopSellers2 ul li.routetitle{ color:#083c7d; font-size:14px; font-weight:bold;} .inpageTailor{padding: 5px 10px 0 10px!important;} #maincontentWide .mainContent {width: 765px; float:right;} .mainContent h2{ background: none repeat scroll 0 0 #E4E4E4; border-left: 7px solid #A6A6A6; font-size: 16px; font-weight: normal; height: 30px; line-height: 30px; margin: 10px 0; padding-left: 10px;} .mainContent .short h2 { background: none repeat scroll 0 0 #E4E4E4; border-left: 7px solid #A6A6A6; font-size: 16px; font-weight: normal; height: 30px; line-height: 30px; margin: 10px 0; padding-left: 10px; width:440px;} .mainContent span { margin-left:5px;}