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.

230 lines
20 KiB
CSS

/*Great Wall 页面框架*/
body { margin:0px; padding:0px 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; background: url(/image/costa/bg-costa-head.png) no-repeat top right #004b6a; color:#545454; }
body.withPadding { margin:0px; padding:90px 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; background: url(/image/costa/bg-costa-head.png) no-repeat top right #004b6a; color:#545454; }
body.withPadding #topNav { width:950px; height:90px; margin: -90px auto 0 auto; }
.clear { clear:both; }
img { border: none}
.call { color:#a31022; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
#wrapper { width:950px; margin:auto; margin-bottom:-50px; }
#contentHeader { width:950px; background:url(/image/costa/bg-content-head.PNG) no-repeat; height:145px; }
#header { width:958px; background-image:url(/image/panda/headSmall.png); height:227px; }
#logo { width:950px; margin: 0 auto 50px auto; padding-left:10px; }
#topNav { width:950px; height:90px; margin: 0 auto; }
.topNav { width:155px; height:22px; float:right; margin:5px 20px 0 0; color:#fff; font-size:11px; font-weight:bold; padding:5px 0 0 10px; background-image: url(/image/yangtzeriver/bg-contact.png); background-repeat: repeat-x; }
.topNav a { color:#fff; }
#topNav a:hover { text-decoration: none; color:#a31022; }
#main { width:922px; background:#fff; padding: 10px 14px; }
#main p { color:#545454; font-size:12px; line-height: 18px; margin-bottom:5px; }
#photoSwtich { width: 922px; height: 264px; margin:1px auto; }
#costaIntro { margin: 15px 0 25px 0; }
#costaIntro a { color:#545454; }
#costaIntro a:hover { color:#004B6A; text-decoration: none; font-weight: bold; }
#costaIntro .costaSummary { background:url(/image/costa/bg-costa.png) no-repeat; width:344px; height:278px; padding: 10px 12px; float:left; margin-right: 30px; }
#costaIntro .costaClassica { background:url(/image/costa/bg-classica.png) no-repeat; width:226px; height:273px; padding: 10px; float:left; margin: 3px 31px 0 0; position: relative; }
#costaIntro .costaClassica .aBox { position:absolute; width:244px; height:120px; left: 0px; top: 35px; }
#costaIntro .costaRomantica .aBox { position:absolute; width:244px; height:120px; left: 0px; top: 35px; }
#costaIntro .costaRomantica { background:url(/image/costa/bg-romantica.png) no-repeat; width:226px; height:273px; padding: 10px; float:left; margin: 3px 0 0 0; position:relative }
#costaIntro h1 { color:#004b6a; font-size: 18px; margin: 5px 0 -6px 0; }
#costaIntro h2 { color:#004b6a; font-size:14px; margin: 0 0 140px 0; }
#costaIntro h2 a { color:#004b6a; font-size:14px; margin: 0 0 140px 0; text-decoration: none }
#costaIntro h2 a:hover { text-decoration: underline }
table.costaRoute { width:100%; margin-bottom: 15px; }
table.costaRoute th { color:#fff; padding: 8px; font-size:13px; border-right: 1px solid #fff; }
table.costaRoute th.first { background:url(/image/costa/bg-th.png) left repeat-x; height: 34px; }
table.costaRoute th.middle { background:url(/image/costa/bg-th-2.png) left repeat-x; }
table.costaRoute th.last { background: url(/image/costa/bg-th.png) right repeat-x; border-right: none; }
table.costaRoute td { border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; padding: 8px 15px; font-size:12px; }
table.costaRoute td.last { border-right: 1px solid #d1d1d1; }
table.costaRoute td a { color:#545454; }
table.costaRoute td a.font11 { font-size:11px; }
table.costaRoute td a:hover { color:#004B6A; text-decoration: none; }
table.costaRoute tr.withColor { background:#eff8fc; }
#allDestination { margin: 5px 0 15px 0; }
#allDestination h2 { background:url(/image/costa/icon-anchor.png) no-repeat left; padding: 5px 0 5px 35px; font-size: 16px; color:#297798; border-bottom:1px solid #d1d1d1; }
#allDestination .singleDes { width:180px; float: left; margin: 5px 30px 20px 20px; *margin: 5px 20px 20px 20px;/*ie6*/
position:relative; }
#allDestination .singleDes h4 { background: url(/image/costa/bg-white.png) no-repeat; width:170px; height:30px; padding: 10px 0 0 10px; position:absolute; top: 0; margin: 0; font-size:13px; color:#fff; cursor:pointer; *right: 0;
}
*+html #allDestination .singleDes h4 a { color:#fff; text-decoration: none!important; border-bottom: none!important; }
#allDestination .singleDes h4:hover { background: url(/image/costa/bg-yellow.png) no-repeat; width:170px; height:30px; padding: 10px 0 0 10px; position:absolute; top: 0; margin: 0; font-size:13px; color:#fff; }
*+html #allDestination .singleDes h4 { background: url(/image/costa/bg-white.png) no-repeat; width:170px; height:30px; padding: 10px 0 0 10px; position:absolute; top: 0; right: 0px; margin: 0; font-size:13px; color:#fff; cursor:pointer } /* FOR IE 7 */
#footerIcon { background:url(/image/costa/costa-bottom.png) no-repeat left; width: 100%; height:205px; padding-top: 50px; }
/*--Content Left--*/
#contentLeft { width: 200px; float: left; }
#contentLeft ul { margin-left:0; padding-left:0; }
#contentLeft ul li { list-style: none; margin-bottom:5px; }
.terms { border:1px solid #86CDE1; margin: 15px 0; }
.terms h3 { background:#EFF8FD; color:#545454; font-size:14px; margin: 0 0 5px 0; padding: 6px 0 7px 6px; text-align:center; }
.terms ol { margin: 5px 0 5px 10px; padding-left:13px; padding-right:5px; }
.terms ol li { font-size:11px; line-height: 18px; margin-bottom:5px; color:#1D78B7; }
.terms ol li span { color:#545454; }
/*--Main Content--*/
#mainContent { float:right; width: 702px; position: relative; }
#mainContent h1 { font-size:24px; margin: 0 0 5px 0; border-bottom:1px solid #86cde1; color:#545454; font-weight:500; padding-bottom:3px }
.telephone { position:absolute; top: -5px; right: -7px; background:url(https://data.chinahighlights.com/pic/24-7-call.gif) no-repeat left; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: bold; padding: 15px 0 0px 40px; width: 218px; }
.telephone .number { font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color:#a31022; }
#mainContent .cruiseSummary { border-top: 1px solid #d1d1d1; padding-top:20px; margin:10px 0 20px 0; }
#mainContent .cruiseSummary .cruisePhoto { float: left; width: 465px; height:333px; background:url(/image/costa/bg-photo.jpg) no-repeat; }
#mainContent .cruiseSummary .cruisePhoto .bigPhoto { width: 447px; height:253px; margin:9px auto 0 auto; }
#mainContent .cruiseSummary .cruisePhoto .smallPhoto { height: 62px; width:432px; margin:auto; padding-left: 15px }
#mainContent .cruiseSummary .cruisePhoto .smallPhoto img { width: 65px; height:45px; padding: 12px 6px 5px 5px; float: left; margin-right:10px; cursor: pointer }
#mainContent .cruiseSummary .cruisePhoto .smallPhoto img:hover { width: 65px; height:45px; padding: 12px 6px 5px 5px; float: left; margin-right:10px; background:url(/image/costa/bg-photo-current.png) no-repeat; }
#mainContent .cruiseSummary .cruisePhoto .smallPhoto img.active { width: 65px; height:45px; padding: 12px 6px 5px 5px; float: left; margin-right:10px; background:url(/image/costa/bg-photo-current.png) no-repeat; }
#mainContent .cruiseSummary .cruiseFact { float:right; width:225px; height:333px; background:url(/image/costa/bg-fact.png) no-repeat; }
#mainContent .cruiseSummary .cruiseFact h3 { font-size: 14px; margin: 5px 0 20px 15px; color:#545454; }
#mainContent .cruiseSummary .cruiseFact ul { margin: 10px 0 5px 0; padding-left:10px; }
#mainContent .cruiseSummary .cruiseFact ul li { font-size:11px; background:url(/image/costa/bule-triangle.png) no-repeat left 5px; list-style: none; line-height: 18px; margin-bottom:5px; padding-left:12px; }
.cruiseItinerary { border-bottom:1px dashed #d1d1d1; margin-bottom:10px; position:relative }
.cruiseItinerary .bookButton { width:200px; height:70px; position:absolute; bottom: 5px; right: 15px; cursor:pointer }
.cruiseItinerary h2 { color:#1d78b7; font-size:21px; margin: 5px 0 5px 0; font-weight:500; }
.cruiseItinerary h4 { background:url(/image/costa/blue-dot.png) no-repeat left; padding-left:15px; font-size:14px; font-weight: normal; margin: 0 0 5px 0 }
.cruiseItinerary h4 a { color:#545454; }
.cruiseItinerary h4 a:hover { text-decoration: none; }
.cruiseItinerary h5 { background:url(/image/costa/icon-calendar.png) no-repeat left 3px; padding: 5px 0 5px 25px; font-size:12px; font-weight: normal; margin: 5px 0; }
.cruiseItinerary h5 span { font-size:11px; font-weight: bold; }
.cruiseItinerary .detailItinerary { width:465px; float: left; margin:5px 0 15px 0; }
.cruiseItinerary .cruiseMap { width:228px; float: right; margin: 5px 0; border: 1px solid #a7d1e3; }
.cruiseItinerary .cruiseMap img { margin-bottom:5px;}
.cruiseItinerary .cruiseMap a { color:#545454; font-size:11px; font-weight: bold; text-decoration: none}
.cruiseItinerary .cruiseMap a:hover { color:#a31022;}
.cruiseItinerary .detailItinerary table { border-top: 3px solid #a7d1e3; width:100%; font-size:11px; }
.cruiseItinerary .detailItinerary table th { border-bottom:1px solid #a7d1e3; padding: 6px; }
.cruiseItinerary .detailItinerary table td { padding: 3px; border-bottom:1px solid #d1d1d1; text-align: center }
.left { text-align:left!important; padding-left:10px!important; }
table.cruisePrice { margin:3px 0 15px 0; width:465px; border-top: 3px solid #a7d1e3; border-left: 1px solid #a7d1e3; border-bottom:1px solid #a7d1e3; }
table.cruisePrice th { background:#eff8fd; font-size:11px; text-align:left; padding: 3px; border-bottom:1px solid #f1f1f1; }
table.cruisePrice td { font-size:11px; border-right: 1px solid #a7d1e3; border-bottom:1px solid #f1f1f1; padding: 3px; }
table.cruisePrice td.redPrice { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#a31022; text-align:center; }
/*----Footer Info----*/
#footer { margin-left:0px; }
#bottom { width:100%; padding-bottom:50px; }
#bottomIn { width:950px; margin:auto auto 0 auto; font-size:11px; color:#666; padding-top: 10px; padding-bottom: 10px; border-top: 3px solid #bbbbbb; text-align:center; background:#fff; }
#bottomIn img { border:none; margin: 5px; }
#bottomIn p { margin:0 0 5px 0; line-height:15px; }
#bottomIn a:link, #bottomIn a:visited, #footer a:hover { color:#666666; border:none; }
#bottomIn a:hover { color:#a31022; text-decroration:none }
#bottombg { width:956px; height:15px; margin: 0 auto 0 auto; *margin-top: -3px;
background:url(/image/costa/bg-bottom.png) no-repeat -1px; }
.videoArea { width:330px; margin:0 5px; float:right; font-size:11px; color:#666; line-height:14px; }
.photoArea { width:auto; margin:0 0 0 5px; float:right; font-size:11px; color:#666; line-height:14px; }
Photo Name here .roundCorner { -moz-border-radius:5px; }
.faqAnswer { background:url("https://data.chinahighlights.com/css/images/faq/a-bg.gif") no-repeat scroll -10px top #F6F6F6; margin-bottom:15px; padding:10px 10px 10px 50px; }
.faqquestion { background:url("https://data.chinahighlights.com/css/images/faq/q-bg.gif") no-repeat scroll left top #E7F1F4; margin-bottom:0px; padding:12px 10px 12px 50px; font-size: 14px; color:#444; }
.faqquestion a { color:#444; text-decoration:none; }
.faqquestion a:hover { color:#a31022; text-decoration:under-line; }
#sideBar .facts { border:1px solid #e8e8e8; padding:5px 0 5px 4px; background:#f9f9f9; width: 100%; }
#sideBar .facts a { color:#444; }
#sideBar .facts a:hover { color:#a31022; text-decoration:none; }
#sideBar .facts h2 { font-size:15px; text-transform: none; padding:0; }
#sideBar .facts ul { list-style:none; margin:0; padding:0; }
#sideBar .facts ul li { font-size:11px; color:#666; line-height:14px; margin-bottom:7px; list-style-image:url(https://data.chinahighlights.com/css/images/arrow-gray.gif); margin-left:12px; }
/*首页广告播放样式 */
.container { width:922px; height:284px; overflow:hidden; position:relative; margin: 0 0 20px 0; }
.slider { position:absolute; }
.slider li { list-style:none; display:inline; padding-bottom:0; }
.slider img { width:922px; height:264px; display:block; border:0 }
.slider2 { width:3000px; height:264px; }
.slider2 li { float:left; }
.num { position:absolute; right:5px; bottom:-8px; *bottom:3px;
background: none; }
.num li { float: left; color: #fff; text-align: center; line-height: 16px; width: 16px; height: 16px; font-family: Arial; font-size: 12px; cursor: pointer; overflow: hidden; margin: 3px 1px; border: 1px solid #666; background-color: #666; filter:alpha(opacity=70);/*IE*/ -moz-opacity:0.7;/*FF*/ opacity: 0.7;/*all broswer*/ }
.num li.on { color: #fff; line-height: 21px; width: 21px; height: 21px; font-size: 16px; margin: 0 1px; border: 0; background-color: #a31022; font-weight: bold; }
/* Costa Cruise Inquiry Forms */
#mainContentLeft { width:660px; float: left; }
#mainContentLeft h1 { border-bottom:1px solid #86CDE1; color:#545454; font-size:24px; font-weight:500; margin:0 0 5px; padding-bottom:3px; }
#mainContentRight { float: right; width:250px; }
#mainContentRight .otherContact { margin-bottom:10px; border:1px solid #A7D1E3; }
#mainContentRight .otherContact h5 { background:#EFF8FD; margin: 0 0 5px 0; padding: 8px 0 8px 5px; }
#mainContentRight .otherContact ul { margin-left:0; padding-left:5px; }
#mainContentRight .otherContact ul li { font-size:11px; background:url(/image/costa/bule-triangle.png) no-repeat left 5px; list-style: none; line-height: 18px; margin-bottom:5px; padding-left:12px; }
#mainContentLeft a { color:#545454; }
#mainContentLeft a:hover { text-decoration: none; }
.roundCorner { -moz-border-radius: 4px; }
.simpleinfoBox { width:650px; height: 200px; padding:5px; font-size:11px; line-height: 16px; color:#545454; }
.simpleTailor { margin:0px 0 8px 0; }
.simpleTailor h2 { font-size:18px; font-weight: bold; }
.selectList { background:url(https://data.chinahighlights.com/css/images/bg-tailor-1.png) no-repeat left; padding: 15px 0 0 70px; width:585px; height:48px; }
.contactInfo { background:url(https://data.chinahighlights.com/css/images/bg-tailor-3.png) no-repeat left; padding: 8px 0 0 70px; width:585px; height:38px; }
.howtoContact { width:660px; margin:10px 0; position:relative; }
.leftList { width:490px; float: left; margin:5px 0; font-size:12px; }
.requiredArea { position:absolute; top:-7px; right:44px; font-weight: bold; }
.title { float: left; width: 200px; margin: 5px 10px 13px 0; text-align:right; clear: both; }
select { background: #fff; border:1px solid #7E9DB9; padding:2px 5px; color:#333; font-family:Verdana, Geneva, sans-serif; }
select:focus { border:1px solid #FC0; }
.select258 { width:258px; padding:3px 0 4px 0 }
.select258 option { padding-left:5px; font-size:11px; margin-bottom:2px; }
.select258 option.optionTitle { font-style:italic; font-weight: bold; border-bottom:1px solid #f1f1f1; padding-bottom:1px; margin: 5px 0; }
.select120 { width:126px; font-size:11px; padding:3px 0 4px 0 }
input { background: #fff; border:1px solid #7E9DB9; padding:3px; color:#333; font-family:Verdana, Geneva, sans-serif; }
input.readonly { background:#f1f1f1; border:1px solid #7E9DB9; margin-bottom:8px; }
input:focus { border:1px solid #FC0; }
input.checkbox { margin-right:5px; border: none; vertical-align: middle; }
input.radio { margin: -3px 5px 0 0; vertical-align:middle; border:none; }
.input135White { width:135px; padding:3px 0 3px 7px; background:#fff; }
.input246 { width:249px; }
textarea { width: 245px; padding: 5px; height: 120px; border:1px solid #7E9DB9; background:#fff; margin-top:8px; font-family:Verdana, Geneva, sans-serif; font-size:12px; }
/*---------Contact Info---------*/
.fullname { background: url(https://data.chinahighlights.com/css/images/fullname.gif) no-repeat 5px; width: 170px; padding-left:20px; }
.nationality { background: url(https://data.chinahighlights.com/css/images/nationality.gif) no-repeat 5px; width:228px; padding-left:25px; }
.email { background: url(https://data.chinahighlights.com/css/images/email.gif) no-repeat 5px; width:228px; padding-left:25px; }
.phone2 { background: url(https://data.chinahighlights.com/css/images/telephone.gif) no-repeat 5px; width:230px; padding: 5px 0 4px 25px; }
.calendar { background: url(https://data.chinahighlights.com/css/images/calender.GIF) no-repeat scroll 100px center; width:115px; }
/* Form Submit Button */
.tailormadeSubmit { display:block; -moz-border-radius:5px; -moz-border-radius:5px; border:#D1D1D1 1px solid; background:url(https://data.chinahighlights.com/css/images/deals/bg-red.gif) repeat-x bottom; text-decoration:none; color:#a31022; width: 180px; text-align: center; padding:8px 10px; margin: 15px 15px 15px 230px; }
.tailormadeSubmit:hover { display:block; background: url(https://data.chinahighlights.com/css/images/buttunRed2.GIF) repeat-x bottom; padding:8px 10px; }
.tailormadeSubmit a { font-size: 14px; font-weight: bold; color: #fff!important; background: url(https://data.chinahighlights.com/css/images/arrow-right.gi) no-repeat right 60%; text-decoration: none; padding: 5px 20px 5px 0px; }
.whatyouChoose { margin: 0 0 5px 0; }
.whatyouChoose .reservePhoto { width: 200px; float: left; }
.whatyouChoose .cruiseInfo { float: right; width: 450px; }
.whatyouChoose h3 { font-size:15px; margin: 0 0 5px 0; }
.whatyouChoose h4 { background:url(/image/costa/blue-dot.png) no-repeat left; padding-left:15px; font-size:14px; font-weight: normal; margin: 0 0 5px 0 }
.whatyouChoose .titleInfo { width: 100px; float: left; text-align:right; font-size:11px; font-weight: bold; margin: 8px 8px 5px 0; clear: both; }
.itinerary { margin-bottom:8px; }
.whatyouChoose .cruiseInfo select { border:1px solid #7E9DB9; background:#fff; margin-bottom:8px; -moz-border-radius: 4px; padding-right:0; }
.whatyouChoose .cruiseInfo select:focus { border:1px solid #FC0; }
.select200 { width:248px; }
.select80 { width:80px; }
.radio { vertical-align:middle; margin-bottom:0; margin-top:-3px; border: none; }
/*-- Room Type --*/
.roomType { margin: 10px 0; border-top: 2px dashed #86CDE1; padding-top:10px; }
.roomType ul { float: left; width: 230px; margin: 0; padding:0; font-size:12px; }
.roomType ul li { list-style: none; line-height: 18px; margin-bottom:5px; }
.roomType ul li span { display: block; width:20px; height:10px; margin-right:5px; float: left; margin-top:5px; }
.i1 { background: #fefe8e; }
.i2 { background: #ffe404; }
.i3 { background: #f3bf07; }
.i4 { background: #ff6d00; }
.i5 { background: #f90101; }
.e1 { background: #9e0637; }
.e2 { background: #f7d0e5; }
.e3 { background: #ee78b5; }
.e4 { background: #7c0da7; }
.e5 { background: #dee4f4; }
.is { background: #d2d1b5; }
.ms { background: #f9ca9c; }
.s { background: #c8252a; }
.gs { background: #68090f; }
.deckPlan { margin:10px 0 30px 0; }
.deckPlan h2 { color:#1D78B7; font-size:18px; font-weight:500; margin:5px 0 10px 0; }
.deckPlan h2 span { font-size:12px; font-weight: normal; margin-left: 200px; background:url(/image/costa/hand.gif) no-repeat; padding: 3px 0 3px 18px; }
.deckPlan h2 span a { color:#1D78B7; }
.deckPlan h2 span a:hover { text-decoration: none; }
.roomtypeIntro { background:url(/image/costa/ask-mark.gif) no-repeat left; padding-left:15px; font-size:11px; margin: -5px 0 5px 0; }
.roomtypeIntro a { color:#545454; }
.roomtypeIntro a:hover { text-decoration:none; }
/* shore excursion */
.shoreExcursion { border-bottom:2px solid #d1d1d1; margin:10px 0; position:relative; padding-bottom:10px; }
.shoreExcursion h2 { color:#1d78b7; font-size:21px; margin: 5px 0 5px 0; font-weight:500; }
.shoreExcursion h3 { background:url(/image/costa/blue-dot.png) no-repeat left; padding-left:15px; font-size:14px; font-weight: normal; margin: 0 0 5px 0 }
.shoreExcursion h3 a { color:#545454; }
.shoreExcursion h3 a:hover { text-decoration: none; }
.shoreExcursion h4 { font-size: 14px; font-weight:600; margin: 10px 0 5px 0; border-bottom:1px solid #d1d1d1; padding: 0 0 2px 5px; }
ul.excursionIntro { margin: 0; padding: 0; }
ul.excursionIntro li { list-style: none; line-height: 15px; margin-bottom:3px; font-size:11px; }
ul.excursionIntro li span { margin-right:8px; }
.shoreExcursion p { line-height:20px!important; margin-bottom:5px!important; }
/* photo preview */
#preview { position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; z-index:9999; }
#preview img { z-index:9999; }