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.
160 lines
15 KiB
CSS
160 lines
15 KiB
CSS
/* Yangtze Cruise Detail Css Style */
|
|
#mainMenu ul.chNav li.chinaTours.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; }
|
|
#businessMenu ul li a.cruiseIcon{ background:url(https://data.chinahighlights.com/css/images/merge/csg-512dbc176b22d.png) no-repeat 0px -156px; height: 55px; position: absolute; top: -18px;}
|
|
.activeYangtze {background:url(https://data.chinahighlights.com/css/images/global/bg-menu-active.png) repeat-x left!important; color:#fff;}
|
|
.activeYangtze a { color:#fff!important;}
|
|
#cruiseOverview { width:992px; margin:0 auto;}
|
|
#sideBar { float: right!important; width:200px!important;}
|
|
#contentRight { float: left!important; width:735px!important}
|
|
#cruiseInfoDetail { margin-top:-10px;}
|
|
|
|
#footerPromo { display:none !important }
|
|
.yangtzePromo { width:992px; position:relative; height:150px; border:3px solid #c00 }
|
|
.footlinkInfo { position:absolute; bottom:-185px; left:60px; width:900px; height:150px; z-index:9999 }
|
|
.footlinkInfo a { text-decoration:none }
|
|
.footlinkInfo a:hover { text-decoration:underline }
|
|
.footlinkInfo img { margin-right:25px; }
|
|
.footlinkInfo h6 { clear:both; margin:0 0 5px 0; font-size:12px }
|
|
table.priceTable { margin:0 0 10px 0; font-size:inherit!important; width:721px;}
|
|
table.priceTable tr.title {background:#f1f1f1; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
|
|
table.priceTable tr.title th { padding:8px 5px; border-bottom:1px solid #d1d1d1; }
|
|
table.priceTable th a { color:#fff; font-family:Arial, Helvetica, sans-serif; text-decoration:none }
|
|
table.priceTable th a:hover { text-decoration:underline; color:#a31022 }
|
|
table.priceTable td { border-bottom:1px solid #d1d1d1; border-left:1px solid #d1d1d1; text-align:center; padding:5px }
|
|
table.priceTable td select {background-color: #fff; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; width:50px; height:22px; border-radius:2px; }
|
|
table.priceTable td input { vertical-align:middle; margin-bottom:0; margin-top:-3px; margin-right:10px; }
|
|
table.priceTable td.first { text-align:left; border-left: none; }
|
|
table.priceTable td.first img { width:15px;}
|
|
.submitButton { width:200px; display: block; float: right; cursor:pointer; }
|
|
.itineraryChoose { width:100%; margin:10px 0; }
|
|
.itineraryChoose ul { margin:0 0 8px 0 }
|
|
.itineraryChoose li { list-style:none; line-height:18px; margin-bottom:5px; float: left; width:320px;}
|
|
.itineraryChoose li input {vertical-align:middle; margin-bottom:0; margin-top:-3px;}
|
|
.itineraryChoose li a { text-decoration: none }
|
|
.itineraryChoose li a:hover { color:#a31022; text-decoration:underline }
|
|
.cruiseOverview { margin-bottom:10px }
|
|
.cruiseFlashBox { width:250px!important; float:right; margin:0 0 5px 10px; }
|
|
.cruiseFlashBox .viewMore { display: block; margin: 5px 0;}
|
|
.cruiseFlashBox .viewMore a { text-decoration: none; color:#545454;}
|
|
.cruiseFlashBox .viewMore a:hover { text-decoration: underline; color:#a31022;}
|
|
.cruiseSummery { width:345px; float:right }
|
|
#content #mainContent #cruiseInfoDetail .cruiseSummery p { padding:0px; margin-bottom:5x; line-height:14px }
|
|
#cruiseInfoDetail h2 { color:#555; font-size:140%; margin:5px 0 8px; padding-bottom:3px }
|
|
#tourTop .cruiseinfo .ratinginfo { font-size:12px;}
|
|
.cruiseSummery ul { padding-left:5px }
|
|
.cruiseSummery ul li { padding-left:15px; padding-bottom:5px; background-image:url(https://data.chinahighlights.com/pic/tick.gif); background-repeat:no-repeat; background-position:left 3px }
|
|
.cruiseSummery a { color:#545454 }
|
|
.cruiseSummery a:hover { color:#a31022 }
|
|
.tableCruiseFacts { width:200px; margin:0 0 10px 0; border:1px #ddd solid; padding:1px; border-bottom: none; }
|
|
.tableCruiseFacts th { padding:5px; border-bottom:1px #ddd solid; padding:5px 5px; text-align:left }
|
|
.tableCruiseFacts th.first { background:url(https://data.chinahighlights.com/css/images/tour/bg-th-gray-2.png) repeat-x; font-size:15px; font-weight: normal!important; color:#000;}
|
|
.tableCruiseFacts td { padding:5px; border-bottom:1px #ddd solid; padding:5px 5px; text-align:left }
|
|
.tableCruiseFacts th { font-weight:bold }
|
|
.tableCruiseDetail { width:220px; float:right; margin:10px; border-top:1px #ddd solid; border-left:1px #ddd solid; border-right:1px #ddd solid; -moz-border-radius: 4px 4px 4px 4px; }
|
|
.tableCruiseDetail th { padding:5px; line-height:15px; text-align:left; border-bottom:1px #ddd solid; border-right:1px #ddd solid; ; }
|
|
.tableCruiseDetail td { padding:5px; line-height:15px; text-align:left; border-bottom:1px #ddd solid; }
|
|
.tableCruiseDetail th { font-weight:bold; color:#a31022; }
|
|
.twoColumsLeft { width:300px; float:left; background-color:#fff; text-align:justify; padding-right:10px }
|
|
.borderRight { border-right:#d1d1d1 1px solid; margin-right:10px }
|
|
.findCruise { border:#999 1px solid; margin-bottom:15px }
|
|
.findCruise h5 { background:#999; color:#fff; text-align:center; padding:5px }
|
|
.findCruiseContent { padding:5px 10px; background-color:#f4f4f4; padding-bottom:15px }
|
|
ul.tick { padding-left:0px }
|
|
ul.tick li { padding-left:15px; padding-bottom:5px; background:url(https://data.chinahighlights.com/pic/icon-red.gif) no-repeat left 5px; list-style:none; float:left; width:200px; line-height:15px; margin-bottom:5px }
|
|
span.rating { color:#a31022; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold }
|
|
span.priceWas { text-decoration:line-through; font-size:14px }
|
|
span.priceNow { font-size:15px; color:#a31022; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.05em; }
|
|
span.youSave { font-size:14px; font-weight:bold; color:#a31022 }
|
|
span.specialOffer { font-size:11px; color:#3f84c9 }
|
|
span.deals { color:#F00; font-size:10px; font-style:italic; font-weight:normal; left:2px; position:relative; top:-5px }
|
|
span.aveRating { color:#a31022; font-size:18px;}
|
|
.customerRating { font-size:12px; margin: 10px 0 30px 0; clear:both;}
|
|
.customerRating .ratingTitle { margin: 5px 0 8px 0; display: block;}
|
|
span.normalFont { font-size:12px; font-style:italic }
|
|
.find2 { width:170px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6b6b6b }
|
|
.find3 { width:250px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6b6b6b }
|
|
.marginBottom { margin-bottom:15px }
|
|
.makeReservationBox { padding:10px; margin-top:10px; padding-bottom:15px; background:url(https://data.chinahighlights.com/css/images/yangtze/bg-rudder.png) no-repeat right bottom; border:1px solid #d1d1d1 }
|
|
.makeReservationBox h5 { border-bottom:1-px solid #d1d1d1; font-size:13px; background:url(https://data.chinahighlights.com/css/images/arrow4.gif) no-repeat 190px 3px; margin:5px 0 8px 0; border-bottom:1px solid #d1d1d1; padding-bottom:5px }
|
|
.makeReservationBox ul { margin-left:5px }
|
|
.makeReservationBox ul li { list-style:none; background:url(https://data.chinahighlights.com/pic/arrow-r.GIF) no-repeat left 8px; padding-left:12px; line-height:18px; margin-bottom:5px }
|
|
.program { margin-bottom:10px; padding-bottom:10px; text-align:justify }
|
|
.program h3 { font-size:14px; margin:0 0 8px 0 }
|
|
.program img { margin-left:10px; width:200px; }
|
|
.alignLeft { text-align:left }
|
|
#bookCruise { padding:5px; clear: both; border:2px solid #a31022; border-radius:4px; margin:5px 0 15px 0; }
|
|
#bookCruise .bookTitle { font-size:18px; display: block; margin: -5px 0 0 -5px; background:#d1d1d1; width:726px; height:28px; color:#333;background:url(https://data.chinahighlights.com/css/images/tour/bg-th-gray-2.png) repeat-x; padding:5px 0 0 5px;}
|
|
#priceIntro { margin:15px 0 }
|
|
#priceIntro h3 { background:none; margin:5px 0 10px 0; padding-left:5px; font-size:14px }
|
|
#priceIntro .priceincludes { width:345px; float:left; margin:10px 0px; border:1px solid #d1d1d1; background-color:#f1f1f1; -moz-border-radius:4px; padding:5px; height:220px }
|
|
#priceIntro .priceincludes ul { margin-left:5px }
|
|
#priceIntro .priceincludes ul li { list-style:none; background:url(https://data.chinahighlights.com/pic/include.gif) no-repeat left 3px; padding-left:20px; line-height:18px; margin-bottom:5px; font-size:13px; color:#545454 }
|
|
#priceIntro .priceincludes ul li .bgyellow { background:#FFFFE1; border:1px dashed #d1d1d1; padding:5px; -moz-border-radius:4px; margin-top:5px }
|
|
#priceIntro .priceexcludes ul li .bgyellow { background:#FFFFE1; border:1px dashed #d1d1d1; padding:5px; -moz-border-radius:4px; margin-top:5px }
|
|
#priceIntro .priceexcludes { width:345px; float:right; margin:10px 0px; border:1px solid #d1d1d1; background-color:#f1f1f1; -moz-border-radius:4px; padding:5px; height:225px }
|
|
#priceIntro .priceexcludes ul { margin-left:5px }
|
|
#priceIntro .priceexcludes ul.excludes { margin-left:5px }
|
|
#priceIntro .priceexcludes ul li { list-style:none; background:url(https://data.chinahighlights.com/pic/exclude.gif) no-repeat left 3px; padding-left:20px; line-height:18px; margin-top:5px; font-size:11px; color:#545454 }
|
|
/* for cruise room window */
|
|
.roomWindow { margin:5px 0;}
|
|
.roomWindow .imgLeft { width:250px; float: left; display: block; margin-right:15px;}
|
|
.roomWindow dd { margin-top:25px;}
|
|
.roomWindow dd ul { margin-left:5px;}
|
|
.roomWindow dd li { list-style: none; padding-left:12px; line-height:18px; margin-bottom:5px;}
|
|
.signNotes { border:1px solid #d1d1d1; padding:1px; margin:10px 0;}
|
|
.signNotes .signTitle { background:url(https://data.chinahighlights.com/css/images/tour/bg-th-gray-2.png) repeat-x; height:25px; font-size:15px; display: block; color:#000; padding:3px 0 0 5px; margin-bottom:10px;}
|
|
.signNotes ul { margin-left:0}
|
|
.signNotes ul li { list-style: none; border-bottom:1px dashed #d1d1d1; line-height:16px; margin-bottom:5px; padding:0 5px 3px 5px; font-size:11px;}
|
|
|
|
/* itinerary style */
|
|
.itineraryTitle { font-size:16px; margin:5px 0;display: block; color:#333}
|
|
.itineraryTitle .city2city { font-size:14px;}
|
|
table.itinerary { border:1px solid #999; padding:1px; padding-bottom: 0!important; border-bottom: none!important; margin-bottom:15px;}
|
|
table.itinerary th {border-bottom: 1px solid #999; border-right:1px solid #999; padding:5px; font-size:15px;font-weight: normal; }
|
|
table.itinerary th.first { background:url("https://data.chinahighlights.com/css/images/tour/bg-th-gray-2.png") repeat-x scroll 0 0 transparent; font-size:15px; color:#333; width:70px; }
|
|
table.itinerary th.second { background:url("https://data.chinahighlights.com/css/images/tour/bg-th-gray-2.png") repeat-x scroll 0 0 transparent;color:#333; border-right: none!important;}
|
|
table.itinerary td { border-bottom: 1px solid #999; padding:5px; line-height:20px;}
|
|
.pNone p { display: none!important}
|
|
/* yangtze crusie features */
|
|
.whatonShip { display: block; border:1px solid #d1d1d1; padding:1px; margin: 10px 0; }
|
|
.whatonShip .itemTitle { border-bottom:1px solid #d1d1d1; margin: 0 0 10px 0; display: block; background:url(https://data.chinahighlights.com/css/images/tour/bg-th-gray-2.png) repeat-x; height:25px; padding:3px 0 0 5px; font-size:15px; color:#000;}
|
|
.whatonShip ul { margin-left:10px;}
|
|
.whatonShip ul li { list-style: none; background:url(https://data.chinahighlights.com/css/images/mark-icon.png) no-repeat left 6px; padding-left:25px; line-height:22px; margin-bottom:5px; padding-right:5px;}
|
|
|
|
/* yangyze cruise pictures */
|
|
.cruisePhoto { float:left; text-align:center; margin:5px 15px 10px 0; background:#f4f4f4; width:150px; padding:8px }
|
|
.cruisePhoto img { width:150px; height:113px }
|
|
/* recommended cruise for China Dragon series */
|
|
.cruiseTitle { border-bottom:3px solid #a31022; height:20px; margin:20px 0 10px 0; font-size:16px; padding:5px; font-family:Arial, Helvetica, sans-serif; color:#333; }
|
|
.cruiseDeals { margin: 10px 0;}
|
|
.cruiseDeals .ship { width:192px; float:left; margin:10px 5px; position:relative; background:#E4E4E4; border:1px solid #d1d1d1; padding:5px; }
|
|
.recommendIcon { width:90px; height:55px; position:absolute; right:-20px; top:-15px; background:url(https://data.chinahighlights.com/pic/recommend.gif) no-repeat;}
|
|
.cruiseDeals .ship img { margin-bottom:5px; }
|
|
.cruiseDeals .ship .caption { display: block; background:#fff; padding:3px; text-align:center;}
|
|
.cruiseDeals .ship .caption a { color:#545454; margin-right:5px;}
|
|
.cruiseDeals .ship .caption a:hover { text-decoration: none; color:#a31022}
|
|
/* cruise ship videos */
|
|
.shipVideoRight { float: right; width:300px; margin: 0 0 5px 10px; padding:1px; border:1px solid #d1d1d1; font-size:11px; font-weight: bold; }
|
|
/* flash photo */
|
|
.cruiseFlashBoxn{width: 500px!important; float:right; margin:0 0 5px 10px;}
|
|
#gearFlashDiv { height: 323px; width: auto; margin:2px 2px 0 0; }
|
|
#gearFlashDiv img { width:500px; height:323px; }
|
|
#gearFlashDiv #gearFlashImg { width:100%; position: relative; }
|
|
#gearFlashDiv #gearFlashImg img { position: absolute; }
|
|
#gearFlashDiv #gearFlashWords { position: absolute; z-index: 998; width: 100%; left: 0px; bottom: -323px; background-color: #999; filter:alpha(opacity=60);/*IE*/ -moz-opacity: 0.6;/*FF*/ opacity: 0.6;/*all broswer*/ padding: 5px; color:#000; font-weight: bold; width: 130px; }
|
|
#gearFlashDiv #gearFlashMenu { float: right; position: absolute; right: 0px; bottom: -323px; z-index: 999; margin-right:2px; }
|
|
#gearFlashDiv #gearFlashMenu span { color: #fff; text-align: center; display: block; float: left; line-height: 16px; width: 16px; height: 16px; cursor: pointer; overflow: hidden; margin: 3px 1px; border: 1px solid #666; background-color: #666; filter:alpha(opacity=50);/*IE*/ -moz-opacity: 0.5;/*FF*/ opacity: 0.5;/*all broswer*/ }
|
|
#gearFlashDiv #gearFlashMenu .active { color: #fff; line-height: 21px; width: 21px; height: 21px; font-size: 16px; margin: 0 1px; border: 0; background-color: #a31022; font-weight: bold; }
|
|
#latestTips { margin:8px 0; border:1px dashed #a31022; padding:5px }
|
|
#latestTips .lightIcon { background:url(https://data.chinahighlights.com/pic/tip-light.gif) no-repeat; width:15px; height:16px; margin:0 5px 5px 0; display:block; float:left }
|
|
/* right calendar */
|
|
.cruiseCalendarIndex { background:url(https://data.chinahighlights.com/css/images/yangtze/yangtze-cruise-calendar2.png) no-repeat; width:190px; height:200px; padding-top:50px; margin-bottom:15px; }
|
|
.cruiseCalendarIndex ul { margin-left:30px; margin-top:10px }
|
|
.cruiseCalendarIndex ul li { float:left; width:50px; list-style:none; line-height:20px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#CCC }
|
|
.cruiseCalendarIndex ul li a { text-decoration:none; color:#666 }
|
|
.cruiseCalendarIndex ul li.active { background:#d1d1d1; border:1px solid #666; color:#a31022; padding:1px 4px; width:auto; margin-right:28px; -moz-border-radius:4px; margin-left:-7px; margin-bottom:0 }
|
|
.cruiseCalendarIndex ul li.active a { color:#a31022 }
|
|
.cruisetopPrice{font-size: 18px;color: #a31022; width: 500px!important; float: right; margin: 5px 0 5px 10px;}
|
|
.cruisetopPrice img{ height:30px; float:right;}
|
|
|
|
ul.facility li { background: url("https://data.chinahighlights.com/css/images/drop-2.GIF") no-repeat scroll 0 6px rgba(0, 0, 0, 0); margin-bottom:10px; font-size: 14px; padding-left: 15px;} |