@charset "utf-8"; /* CSS Document */ #mainMenu ul.chNav li.planning.active { background:url(https://data.chinahighlights.com/css/images/global/bg-nav-hover.png) repeat-x bottom !important; border-radius: 5px 5px 0 0; margin-top:-9px; padding-top:15px; } .themeTitle { font-size:15px; background:#e4e4e4; border-left:7px solid #a6a6a6; padding:5px 0 5px 5px; margin-bottom:1px; margin-top: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; } ul.tourThemes li.active { background-color: #A31022; background-image: none; margin-top: -3px; padding-top: 3px; } ul.tourThemes li.active a { color:white; font-weight: bold; } /*Right Content*/ #contentRight { float:right; width:785px; height:auto; } #contentRight ul.ships { width: 785px; list-style:none; line-height: 20px; margin-top:5px; margin-bottom:40px;} #contentRight ul.ships li{ height:170px; margin-bottom:30px;} #contentRight ul.ships li .leftImage { width:255px; height:150px; float:left; margin-right:10px;} #contentRight ul.ships li .ShipDetails { width: 520px; height:170px; float:right;border-bottom:1px solid #d1d1d1;} #contentRight ul.ships li .ShipDetails span.ShipTitle { font-size:16px; color:#034F8D; width:520px; margin-bottom:10px;} #contentRight ul.ships li .ShipDetails p { margin-bottom: 10px; margin-top:10px;} #contentRight .YangtzeTours { width: 760px;} #contentRight .YangtzeTours 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-top: 5px; padding-left: 10px; color:#545454;} #contentRight .YangtzeTours ul.TourDetails { width:760px; float:left; list-style:none;height: 250px; } #contentRight .YangtzeTours ul.TourDetails li img{ margin-bottom:10px; margin-top:5px; } #contentRight .YangtzeTours ul.TourDetails li { width: 245px; float:left; height:430px;} #contentRight .YangtzeTours ul.TourDetails li span.TourTitle{ width:245px; font-size:15px; color:#0B6096; margin-bottom:10px; line-height:18px; height:40px;} #contentRight .YangtzeTours ul.TourDetails li .Price { color:#545454; margin-bottom:10px; width:245px; margin-top:10px; } #contentRight .YangtzeTours ul.TourDetails li .Price span.PriceDetail { font-size:15px; color:#a31022;} #contentRight .YangtzeTours ul.TourDetails li.middle { width: 245px; float:left; margin-right:10px; margin-left:15px;} #contentRight .YangtzeTours ul.TourDetails li.middle span.TourTitle{ width:245px; font-size:15px; color:#0B6096; line-height:18px; height:40px;} #contentRight .YangtzeTours ul.TourDetails li.middle .Price { color:#545454; margin-bottom:10px; width:245px; margin-top:10px; } #contentRight .YangtzeTours ul.TourDetails li.middle .Price span.PriceDetail { font-size:15px; color:#a31022;} #contentRight .YangtzeTours ul.TourDetails li.middle img{ margin-bottom:10px; margin-top:5px; margin-left:-3px; margin-right:-3px;} /* footer features */ #footerFeature { width:950px; margin: 0 auto; border-top:1px solid #d1d1d1; padding-top:20px; height:100%; overflow: hidden } #footerFeature .featureDetail { background:url(https://data.chinahighlights.com/css/images/citytour/border-right.png) no-repeat right; float: left; width:215px; _width:210px; height:110px; padding: 0 10px 10px 0; text-align:left; margin-right:15px; } #footerFeature .featureDetail.last { background: none; padding-right:0; margin-right:0; width:217px; } #footerFeature .featureDetail .featureTitle { font-size:24px; display: block; margin: 0 0 10px 0; color:#5f8a55; } #footerFeature .featureDetail .featureTitle .more { font-size:11px; } #footerFeature .featureDetail ul { margin-left:0; } #footerFeature .featureDetail ul li { list-style: none; background:url(https://data.chinahighlights.com/css/images/global/green-dot.png) no-repeat left 1px; padding-left:20px; font-size:11px; line-height:16px; margin-bottom:10px; } #footerFeature .featureDetail ul { margin-left:0; } #footerFeature .featureDetail.first li { margin-bottom:8px!important; } #footerFeature .featureDetail ul li.last { background: none; padding-left:0; text-align:right; margin-right:15px; } .inpageTailor { padding: 5px 10px 0 10px!important; } .tourThemes { overflow: hidden; height:100%; margin-bottom:15px; margin-top:-10px; } .tourThemes ul li { width:180px; height:135px; float:left; margin:15px 0px; padding:5px; list-style: none; font-size:14px; font-style:italic; } .tourThemes ul li:hover { background:#FFF; } .tourThemes ul li img { width:175px; height:118px; padding:1px; padding:1px; border:1px solid #d1d1d1; margin:0; height:130px; } .tourThemes ul li span { display: block; margin: 0 auto; text-align:center; width:158px; } .tourThemes ul li a { text-decoration: none; margin-top:0; font-size:14px; font-style:italic; } /* yangtze cruise search */ #searchCruise { width:950px; height:42px; padding:0 15px 2px 15px; background:#e4e4e4; border-radius:4px; margin:0px 0; z-index:10; } #searchCruise .title { color:#0c6197; font-size:18px; height:45px; line-height:33px; float:left; background: url(/image/yangtzeriver/cruise/find-cruise.png) no-repeat; width:170px; margin-left:-15px;} #searchCruise .title span.findCruise { font-size:19px; color:#FFF; margin-left:10px;} #searchCruise .searchlist { padding-left:10px; } #searchCruise .searchlist label { float:left; padding:15px 0 0 10px } #searchCruise .searchlist input, #searchCruise .searchlist select { float:left; width:100px; background: -moz-linear-gradient(center top, #DCE1E7 0%, #C2C4CA 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #D1D1D1; border-radius: 4px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 5px; margin:8px 0 0 5px; } #searchCruise .searchlist select.route { width:180px; } #searchCruise .searchlist select.shipname { width:95px; } #searchCruise .searchlist .searchicon { float:left; padding:8px 0 0 15px; } #searchCruise .searchlist input.dateicon { background:url(https://data.chinahighlights.com/css/images/calender.gif) no-repeat 85px 5px; } #searchCruise .searchlist .calender { float:right; margin:5px 0 0 0;} #searchCruise .searchlist .calender b { font-size:30px; color:#d5d5d5; display: inline-block; float: left; margin-right:5px;} #searchCruise .searchlist .calender span { display: inline-block; margin-top:8px; font-size:14px;} #contentRight .ShipsOffer .shiplist { float: left; height: auto; margin: 0 20px 0 0; width: 175px; margin-bottom: 15px; margin-top: 10px; } #contentRight .ShipsOffer h2 {background: none repeat scroll 0 0 #E4E4E4; border-left: 7px solid #A6A6A6; color: #545454; font-size: 16px; font-weight: normal; height: 30px; line-height: 30px; margin-top: 5px; padding-left: 10px;} #contentRight .ShipsOffer .shiplist img { border-radius: 4px 4px 4px 4px; width: 175px; } #contentRight .ShipsOffer .shiplist ul { color: #000000; float: left; font-size: 14px; list-style: none outside none; margin: 10px 0 0; padding: 0; width: 100%; } #contentRight .ShipsOffer .shiplist ul li a { background: url("data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QNtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6Q0EzODY3QTJFODlGRTIxMTg4RUVFN0VBRDMwOEYwQTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUQ1QjBBOTNBMDY3MTFFMkI4NzQ5MDRCODNCN0E4OEYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUQ1QjBBOTJBMDY3MTFFMkI4NzQ5MDRCODNCN0E4OEYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTQzNTU3MkQyNEEwRTIxMTg4RUVFN0VBRDMwOEYwQTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0EzODY3QTJFODlGRTIxMTg4RUVFN0VBRDMwOEYwQTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYGCAsMCgoLCgoMEAwMDAwMDBAMDg8QDw4MExMUFBMTHBsbGxwfHx8fHx8fHx8fAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAAPAA8DAREAAhEBAxEB/8QAcQABAQEAAAAAAAAAAAAAAAAAAgAIAQEBAQEAAAAAAAAAAAAAAAAAAgEEEAACAgIBAwMFAAAAAAAAAAACAwEFEQQGABITIcEyMUEjFBYRAAEDAwMDBQAAAAAAAAAAAAEAEQISAwQhMUFhcROBkbFCFP/aAAwDAQACEQMRAD8A0ZzG+tqKoKzr6qbcET3baAd4miqPkYD42d/b949OonIgOA67MLHhenRKdD7FnD+4ZWjzSh3+KN5Ppul1YhDNl3bH5AhISbFkGfQxiPp7dBMEOlzBuQvCzINMkDprt6Ic3ozuqNukdudPoFElYbC4GCJERkglhzELHHyn2zlOLjdluBkeK4JUVy+o69uUK2t4UPCnV1c7W/mP1nIe9DglXikJF5k8ZxnGZIpnoBGlhsqu3cj9AnMS81QLEavxp8Bf/9k=") no-repeat scroll -5px center transparent; padding-left: 10px; } #contentRight .ShipsOffer .shiplist ul li span.price { color: #A31022; } #contentRight .ShipsOffer .shiplist ul li span.ShipName a{ text-decoration:none; background:none;margin-left: -10px; } #contentRight .ShipsOffer .shiplist ul li img { height: auto; width: auto; } #contentRight .ShipsOffer .shiplist.last { float: right; margin-right: 0; margin-bottom: 15px; margin-top: 10px; }