You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

546 lines
19 KiB
CSS

@charset "utf-8";
/* CSS Document */
body {
padding:0px;
margin:0 0 20px 0;
font-family: Verdana, Geneva, sans-serif;
font-size:18px;
color:#545454;
font-size:12px;
background-color: #ededed;
background-repeat: no-repeat;
line-height: 18px;
}
.clear { clear:both; }
#header {
width:960px;
height:555px;
display: block;
margin: 0 auto;
padding: 0 0 10;
position: relative;
*line-height: 20px;
background: url(/css/images/deals/banner-hainan.jpg) no-repeat 2px 0;
}
#header img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding:0 0 0 27px; }
#header h1 {
color: #194772;
font-size: 42px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;
float: left;
margin-top: 190px;
padding: 170px 0 0 30px;
*height:20px;
*padding-bottom:10px;
}
#header .inautumn {
color:#a70303;
font-size: 32px;
font-weight: bold;
font-family: Georgia;
font-style: oblique;
display: block;
padding-left: 40px;
float: left;
width: 500px;
*height:20px;
*padding-bottom:10px;
}
#header .headerinfo {
color:#000000;
font-size: 17px;
font-family: Verdana, Arial, Helvetica, sans-serif;
float: left;
display: block;
margin: 10px 0px 10px;
clear: both;
*font-size:15px;
*width:900px;
*margin:0 0 0 30px;
}
#header .mainTitle { font-size:24px; vertical-align: 60%; }
.savepic { color: #b43232; font-size: 20px; text-align: center; }
img { border: none; }
#top { width:100%; height:79px; background-image:url(/css/images/flight-tour-promotion/top-bg-1.png); margin-bottom:20px; }
#top-in { width:945px; height:72px; margin:auto; background-image:url(/css/images/flight-tour-promotion/top-bg-2.jpg) no-repeat; position: relative }
.logo { width:74px; height:62px; padding-top:10px; float:left; }
#nav { float:right; }
.sponsoredBy { color:#194772; font-family:Arial, Helvetica, sans-serif; font-size:20px; }
.sponsoredBy strong { font-size:32px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
.promoWords { float: left; display: block; font-size:20px; color:#fff; margin:14px 10px; }
#nav #topnav { width:160px; height:25px; background:#7C7C7C; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#fff; text-align:center; padding:8px 0 0 0; position:absolute; right:0; top:0 }
#nav #topnav a { color:#fff; text-decoration:none; }
#nav #topnav a:hover { text-decoration:underline; }
#nav #mainnav { width:755px; margin-top:40px; }
#nav #mainnav ul { padding:0px; margin:8px 0 0 0; list-style:none; }
#nav #mainnav ul li { float:left; }
#nav #mainnav ul li a { display:block; padding:5px 8px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; margin-right:5px; color:#454545; }
#nav #mainnav ul li a:hover { background-color:#7C7C7C; color:#FFF; }
#main {
width:950px;
margin: 0 auto;
background: url(images/deals/mainbg1.jpg) repeat-y -4px;
}
.tour { width:899px; background-color:#DEDEDE; padding:2px; -moz-border-radius:6px; }
.tour h2 { margin:0; font-family:Verdana, Geneva, sans-serif; font-size:18px; font-weight: normal; color:#545454; padding:8px 0 8px 8px; }
.package { width:100%; background-color:#FFF; }
.package1 { font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#055F9E; font-weight:bold; text-align:center; border-bottom:#d1d1d1 1px solid; padding:8px 0 8px 0; }
.package2 { border-bottom:#d1d1d1 1px solid; font-family:Verdana, Geneva, sans-serif; font-size:12px; padding:8px 0 8px 0; text-align:center; line-height:22px; }
.package2 a { color:#545454; }
.package2 a:hover { color:#a31022; text-decoration:none }
#qaArea { height:100%; overflow:hidden; clear: both; width: 920px; margin: 20px 0 0 15px; }
#qaArea .questionBox { background:url(/css/images/flight-tour-promotion/bg-question.jpg) no-repeat; width:549px; height:264px; float: left; }
#qaArea .questionBox li { margin-bottom: 15px; margin-top: 20px; list-style-image: url(/pic/square.png); }
#qaArea .questionBox .questionTitle { color:#045f9e; font-size:22px; padding:5px 0 0 15px; }
#qaArea .questionBox .qaDetail { margin: 10px 0; height:190px; overflow-y: scroll; width:529px; padding:10px; }
.qaList { border-bottom: 2px dashed #d1d1d1; padding: 0 5px 15px 5px; margin-bottom:15px; margin-right:10px; }
.qaList .question { font-size:14px; position:relative }
.qaList .question .questionContent { float: left; width:465px; display: block; margin-bottom:5px; }
.qaList .question .qTitle { display: block; float: left; font-size:20px; color:#a31022; width: 27px; height:27px; text-align:center; margin-top:-8px; }
.qaList .question .whoAsked { font-size:11px; color:#666; display: block; margin: 3px 0 0 0; padding-left:27px; font-style:italic; clear:both; }
.qaList .question .whoAsked a { background:url(/pic/reply.png) no-repeat left; padding:2px 0 2px 23px; font-size:12px; color: #545454; margin-left:10px; }
.qaList .answer { background:#f1f1f1; border:1px solid #d1d1d1; position:relative; padding:10px 10px 10px 40px; margin:15px 0 0 27px; line-height:18px; }
.qaList .answer .aTitle { background:#d1d1d1; width:27px; height:26px; font-size:18px; color:#0789bf; position:absolute; top:0; left:0; padding:1px 0 0 0; text-align:center; _left:-10px; }
.qaList .answer .whoReplied { font-size:11px; display: block; margin: 0 0 5px 0; }
#qaBox {
background:url(/css/images/flight-tour-promotion/bg-qa-box-340.png) no-repeat top;
width:330px;
height:240px;
border:0px solid #d1d1d1;
float: right;
color:#545454;
padding: 15px 10px 20px 25px;}
#qaBox .qaTitle { font-size:20px; display: block; margin:0 0 15px 0; }
#qaBox .questionboxTitle { font-size:11px; font-weight: bold; display: block; margin-bottom:10px; }
#qaBox .questionboxTitle a { color:#a31022; text-decoration: underline; }
#qaBox .questionboxTitle a:hover { text-decoration: none; }
#qaBox textarea {
border:1px solid #d1d1d1;
background:#fff;
padding:5px;
width:285px;
height:70px;
margin-top: 5px;
}
#qaBox .name-email { margin: 10px 0; font-size:11px; font-weight: bold; }
#qaBox .name-email input { border:1px solid #d1d1d1; background:#fff; padding:3px; width:170px; margin:0 10px 5px 5px; font-size:12px; }
/* footer info */
#footerFeature { width:903px; margin: 0 auto; border-top:1px solid #d1d1d1; padding-top:20px; height:100%; overflow: hidden }
#footerFeature .featureDetail { background:url(/css/images/citytour/border-right.png) no-repeat right; float: left; width:200px; padding: 0 10px 20px 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:18px; display: block; margin: 0 0 10px 0; }
#footerFeature .featureDetail ul { margin-left:0; padding-left:5px; }
#footerFeature .featureDetail ul li { list-style: none; background:url(/css/images/citytour/green-mark.png) no-repeat left 5px; 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; }
.greatDeals { width:161px; height:161px; position: absolute; top: -30px; right:-30px; }
#copyRight { width:500px; font-size:16px; margin: 10px auto; text-align:center; height:100%; overflow: hidden; }
.iata { background-image: url("/css/images/member-sprite.png"); background-position: -10px -105px; display: block; float: left; width: 45px; height:30px; margin: 10px 40px 0 10px; }
.ustoa { background-image: url("/css/images/member-sprite.png"); background-position: -10px -155px; display: block; float: left; width:103px; height:21px; margin: 10px 40px 0 10px; }
.pata { background-image: url("/css/images/member-sprite.png"); background-position: -10px -196px; display: block; float: left; width:70px; height:30px; margin: 10px 40px 0 10px; }
.asta { background-image: url("/css/images/member-sprite.png"); background-position: -10px -246px; display: block; float: left; width:48px; height:30px; margin: 10px 40px 0 10px; }
.tour-us-list, .tour-us-list1 { width:945px; margin:0px auto 10px 20px; display: block; clear: both; }
.content { width:965px; background-image: url(/css/images/deals/bg-content1.png); background-position: -20px; clear: both; margin: -20px 0 0 -14px; }
.tour-us-list { height:392px; padding-left: 35px; }
.tour-us-list1 { height:420px; background:url(/css/images/deals/bg-us-header2.png) no-repeat; margin: 15px 0 0 -15px; *height:447px;
*margin-left:-15px;
padding-left: 30px; }
.tour-us-list .tourTitle, .tour-us-list1 .tourTitle, .tourTitle1 { display: block; width:850px; height:71px; margin-bottom:20px; padding: 15px 0 0 15px; }
.tour-us-list .tourTitle { background:url(/css/images/deals/bg-tour-title.png) no-repeat left 5px; }
.tour-us-list .tourTitle .mainTitle, .tour-us-list1 .tourTitle .mainTitle, .mainTitle { color:#194772; font-size:27px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight: normal; font-variant: normal; }
.tourTitle .destinations {
display: block;
font-weight: bold;
margin-top:0;
font-size: 12px;
margin-top:5px;
}
.tourTitle .destinations img {
float: right;
margin-top: 0;
margin-right: 5px;
margin-bottom: 0;
margin-left: 5px;
}
.tour-us-list .photoLeft { float: left; width:334px; height:302px; margin-left: -30px; padding-top: 20px; }
.photoLeft-first {
float: left;
width:270px;
height:280px;
margin: 23px 5px 10px 6px;
font-size: 16px;
padding:2px 0;
}
.tour-us-list1 .infoRight .Group-Tours li {
height: auto;
clear: both;
font-size: 14px;
font-weight: bolder;
line-height: 38px;
background-image: none;
margin: 0px;
padding: 0px;
}
.Group-Tours .priceFrom-1 {
padding-top: 10px;
margin-top: 10px;
text-align: left;
width: 350px;
line-height: 30px;
}
.Group-Tours .priceArea {
margin: 0;
}
.group-info {
padding-top: 10px;
padding-bottom: 10px;
background:url("/css/images/flight-tour-promotion/bg-question.jpg") no-repeat scroll 0 0 transparent;
border: 1px solid #DFDFDF;
}
.group-info .group-title {
background-color: #DFDFDF;
padding: 5px 15px 5px 15px;
}
.Group-Tours{
background: url("/css/images/bg-tour-highlights-2.png") repeat scroll 0 0 transparent;
height: 205px;
width: 250px;
color: #FFFFFF;
left: 0;
padding: 10px;
position: relative;
margin-top: -225px;
}
.Group-Tours img {
padding: 5px 0 5px 5px;
float:right;
}
.Group-Tours .youSave {
font-size: 11px;
color: #FFFFFF;
float: left;
text-align: left;
padding-top: 20px;
font-family: Arial, Helvetica, sans-serif;
}
.Group-Tours .youSave a {
color: #FFFFFF;
text-decoration: underline;
}
#main .tour-us-list1 .tourTitle .photoLeft-first .Group-Tours .destinations .savepic {
color: #FFFFFF;
}
.photoLeft-first .Group-title {
font-size: 14px;
color: #194772;
padding:10px 15px 0 15px;
display: block;
font-weight: bold;
}
.photoLeft { float: left; width:310px; height:270px; text-align: center; margin-right: auto; margin-bottom: 10px; margin-left: -5px; padding-top: 5px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; }
.photoLeft p, .photoLeft-first p { color: #545454; font-family: Georgia; font-size: 18px; font-style: oblique; text-decoration: none; }
.tour-us-list1 .photoLeft-first a { padding: 2px;}
.tour-us-list .infoRight, .tour-us-list1 .infoRight { float: right; width:500px; padding:20px 0 0 0; }
.tour-us-list .infoRight .whyRecommend, .tour-us-list1 .infoRight .whyRecommend { color:#194772; font-size:16px; display: block; margin:10px 0; }
.tour-us-list .infoRight p, .tour-us-list1 .infoRight p { line-height:20px; margin:20px 0 10px 0; }
.tour-us-list .infoRight ul, .tour-us-list1 .infoRight ul { margin-left:5px; padding-left:0; }
.tour-us-list .infoRight ul li, .tour-us-list1 .infoRight ul li { list-style: none; line-height:18px; margin-bottom:5px; background:url(/pic/square-blue.png) no-repeat left 5px; padding-left:12px; }
.tour-us-list .priceArea, .tour-us-list1 .priceArea { height:67px; background:#ededed; display: block; float:left; width:500px; padding-left: -10px; margin-left: 15px; }
.tour-us-list .priceArea .priceFrom, .tour-us-list1 .priceArea .priceFrom { float: left; text-align: center; font-size:22px; width:310px; padding-top:10px; background: none repeat scroll 0 0 #D9D9D9; height: 57px; }
.tour-us-list .priceArea .priceFrom strong, .priceFrom-1 strong { color:#a31022; font-size:40px; font-family:Arial, Helvetica, sans-serif; }
.tour-us-list .priceArea .viewMore, .tour-us-list1 .priceArea .viewMore { float: right; width:150px; padding : 14px 10px 0 0; }
.pricetime { font-size: 16px; color: #194772; font-style: italic; font-family: Georgia; }
.priceFrom-1 { width: 320px; _width:300px; *width:300px;
float: left; text-align: center; font-size:22px; }
.pricebar { float:left; }
#bottomBlock {
width:960px;
height:20px;
display: block;
background: url(images/deals/bg-footer-2013.png) no-repeat -10px;
margin: 0 auto;
}
.arrowDownTest { border:#999 1px solid; padding:3px 4px; display:block; position:absolute; background-color:#FFF; color:#a31022; z-index:11000; -moz-border-radius:4px; }
.arrowDown { position:absolute; top:21px; left:4px; }
.destinations .infotitle {
font-size: 16px;
display: block;
width: 240px;
}
#header .headerinfo li {
background: url(images/deals/right.png) no-repeat left;
list-style-type: none;
padding-left: 25px;
}
#main-top {
background: url(images/deals/best-selling.png) no-repeat;
height: 35px;
width: 881px;
float: right;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: oblique;
font-weight: bolder;
color: #ffe400;
font-size: 22px;
padding: 23px 0 0 75px;
*margin: 0 0 0 -17px;
}
#main #contentHead #content .top {
background: url(images/deals/bg-top.png) no-repeat;
height: 10px;
width: 300px;
clear: both;
display: block;
}
#main #contentHead #content {
width: 300px;
padding: 2px;
float: left;
}
#main #contentHead #content .botton {
background: url(images/deals/bg--bottom.png) no-repeat;
height: 10px;
display: block;
background-position: 0px -4px;
}
#main #contentHead {
width: 915px;
display: block;
float: left;
margin: 10px 10px 25px 16px;
}
#content .content-main {
background: url(images/deals/bg-info.png) repeat-y;
display: block;
margin:0;
padding:2px 10px 2px 14px;
}
#content .content-main .img {
margin: 5px 5px 5px 2px;
}
/* festival gp tours */
#festivalTours {
margin: 10px;
}
#festivalTours h2 { font-size:20px; font-weight: normal; margin: 0 0 10px 0; display: block;}
.festivalTours {
width:207px;
float:left;
background-color: #EBEBEB;
background-image: -moz-linear-gradient(center top, #FAFAFA 0%, #EBEBEB 100%);
border: 1px solid #CCCCCC;
box-shadow: 1px 2px 3px 0 #CCCCCC;
padding: 5px;
position: relative;
margin: 0 5px 20px 4px;
}
.festivalTours .tourPic {
padding:2px;
background:#fff;
width:200px;
position:relative;
}
.festivalTours .tourPic img {
width:200px;
height:165px;
}
.festivalTours .tourInfo {
margin:5px 0;
width: 210px;
}
.festivalTours .tourInfo .tourTitle {
float: left;
font-size:16px;
line-height: 18px;
}
.festivalTours .tourInfo .tourTitle a { text-decoration: none; color:#000; }
.festivalTours .tourInfo .tourPrice {
float: right;
width:60px;
padding-right: 5px;
}
.pic {
color:#a31022;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
display: block;
width: auto;
margin-top: 8px;
}
#content .content-main .more-details {
display: block;
text-align: center;
}
#header .info-ps {
clear: both;
display: block;
padding-left: 30px;
width: 900px;
}
.festivalTours .hideBlock { background:url(/css/images/bg-tour-highlights-2.png) repeat; color:#fff; position: absolute; top:0; left:0; width:171px; height:139px; cursor:pointer; padding:15px; }
.festivalTours .hideBlock .destinations {
font-size:15px;
display: block;
margin-bottom:15px;
}
.festivalTours .hideBlock .destinations ul { margin-left:0}
.festivalTours .hideBlock .destinations ul li {
list-style: none;
line-height:15px;
margin:0 0 10px -40px;
width: 180px;
*margin:0 0 10px 0;
}
.festivalTours .hideBlock p { margin-top:10px; display: block; line-height:20px; }
.festivalTours .hideBlock .description { display: block; }
.festivalTours .hideBlock .youSave { width:150px; float: left; position:absolute; bottom:15px; left:15px; }
.festivalTours .hideBlock .youSave b { font-family:Arial, Helvetica, sans-serif; font-size:20px; display: block; margin-top:5px; }
.festivalTours .hideBlock .moreButton { width:100px; float: right; text-align:right; position:absolute; bottom:15px; right:15px; }
.festivalTours .hideBlock .moreButton img { width:auto; height:auto }
.moreDeals { display: block; text-align:right; margin: 5px 0 10px 0; background:url(/pic/doubleArrow.gif) no-repeat right; padding-right:10px;}
.moreDeals a:hover { text-decoration: none;}
.featured-deals .deals-title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bolder;
display: block;
width: 200px;
float: left;
margin-right: 20px;
text-align: center;
padding: 5px 0;
}
.featured-deals {
float: left;
width: 950px;
margin-bottom: 10px;
}
.featured-deals .table {
width: 950px;
float: left;
}
.featured-deals .now {
background-color: #d7eaf8;
color: #0d548a;
}
.featured-deals .table .title {
color: #0d548a;
font-weight: bolder;
font-size: 16px;
text-align: center;
background-color: #d7eaf8;
}
.featured-deals .table td {
padding: 3px 0;
text-align: center;
}
.featured-deals .table .title td {
padding: 5px 0;
}
.featured-deals .table .bold {
font-weight: bolder;
}
.featured-deals .table .red_price {
color: #a41124;
}
.featured-deals table {
border-bottom: 2px solid #D1D1D1;
margin: 0;
width: 610px;
}
.featured-deals td {
border-bottom: 1px solid #D9D9D9;
}
.more {
width: 180px;
margin-right:35px;
float: right;
color: #545454;
padding-bottom: 2px;
background: url(/css/images/tour/arrow.png) no-repeat right -12px;
}
.more:hover {
background-position: right 2px;
color:#B00606;
}
.featured-deals .more{
margin:35px 35px 5px 0;
width: 140px;
}
.featured-deals .deals-title a {
cursor: pointer;
}
.featured-deals .featured {
margin-top: 10px;
}#content .content-main .tillit {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-style: italic;
color: #0c4e8d;
display: block;
clear: both;
margin: 5px 10px;
}
#content .content-main .info{
padding:0 10px;
float:left;
width: 250px;
}
#content .content-main .info p {
margin: 5px 0 0 0;
}
.priceWas { text-decoration: line-through; color:#545454!important; font-size:12px!important; font-family:Verdana, Geneva, sans-serif!important; margin-top:2px!important; text-align:right;}#content .content-main .info span {
color: #a60303;
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
padding:0 5px;
}
#main h2 {
border-bottom: 1px solid #D2D2D2;
color: #545454;
display: block;
font-family: Verdana,Geneva,sans-serif;
font-size: 22px;
padding:0 10px 10px 0;
width: 890px;
margin: 0 30px 5px 20px;
}
#header .save600 {
float: right;
margin-right: -70px;
width: 200px;
}
#header .save-600 {
float: left;
width: 200px;
margin-left: -70px;
}
#header .hainan {
position: absolute;
float: right;
width: 200px;
height:200px;
*padding: 150px 0 0 100px;
*width: 200px;
margin-top: 350px;
margin-left: 700px;
}#header .headerinfo li {
line-height: 21px;
}
.content-main .info s {
margin-left: 10px;
}
.destinations ul {
margin-left: 0px;
}
#qaBox{width:660px; float:left; background:none!important;background:none}
#qa4tour .qaBottom{ background:none!important;background:none}
.qaMaintitle{margin:0!important;}