/* -------------------------------------------------------------- 
  
   print.css
   * Version: Look tour 2.1 (24/09/2008)

   Created on 24 September 2008, 10:08
   @author viggy chaowei tao
-------------------------------------------------------------- */

body {
  line-height: 1.2;
  font-family: Arial, Helvetica, Verdana, sans-serif;   
  color: #000;
  background: none;
  font-size: 9pt;
}


/* Layout
-------------------------------------------------------------- */

.container {
  background: none;
}

hr { 
  background:#ccc; 
  color:#ccc;
  width:100%;
  height:2px;
  margin:2em 0;
  padding:0;
  border:none;
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Text
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0.2cm 0; }
code { font:.9em "Courier New", Monaco, Courier, monospace; } 

ul { margin: 0; list-style-position: inside; padding: 0; }
ol { margin: 0; list-style-position: inside; padding: 0; }

a img { border: none; }
p img.top { margin-top: 0; }

blockquote {
  margin:1.5em;
  padding:1em;
  font-style:italic;
  font-size:.9em;
}

.small  { font-size: .9em; }
.large  { font-size: 1.1em; }
.quiet  { color: #999; }
.hide   { display:none; }


/* Links
-------------------------------------------------------------- */

a:link, a:visited {
  background: transparent;
  font-weight:700;
  text-decoration: none;
}

a:link:after, a:visited:after {
  content: " (" attr(href) ") ";
  font-size: 90%;
}

.container { width: 16cm; margin: 0 auto; } /* total width is 16cm */
.ad_top { display: none; }
.ad_side { display: none; }
.mcafee { display: none; }
.content_box { clear: both; }   /* clear for footer */
.content { clear: both; }  /* clear for tools */
#header h1 { font-size: 14pt; text-align: center; }
#footer { font-size: 7pt; line-height: 1.2; border-top: 1px solid #000; margin: 0.3cm 0; padding: 0.3cm 0; }
#footer ul li { float: left; margin-right: 0.3cm; }

#search_box, .ad_side, .googleHorizontalAd, .footer_ad {display:none; }

#tools { border-top: 1px solid #000; padding: 0.3cm 0; font-size: 7pt; line-height: 1.3; }
#tools h2 { font-size: 8pt; line-height: 1; }
#tools ul li { float: left; margin-right: 0.3cm; }
#tools .tools_module { clear: both; }

#crumbler h1 { display: block; font-size: 9pt; }

#product_display a:link:after,
#product_display a:visited:after{
   content: "";
}
.product_details .side_column { width:5cm; float:left; margin-right:1cm; }
.product_details .detail_column { width:9cm; float:left; margin-right:1cm; }


/* Home
-------------------------------------------------------------- */
.home_deal { float: left; width: 4.6cm; margin-right: 0.5cm; }
.home_deal_title { font-size: 12pt; font-weight: bold; }
.home_deal_rows { clear: both; margin-bottom: 0.3cm; border-bottom: 1px solid #000000; }
.home_deal .go_there { float: right; }

#in_the_spotlight { width: 9cm; }
#in_the_spotlight img { float: left; margin-right: 0.3cm; }
#todays_specials, #latest_reviews, #whats_new { margin-right: 0; }
#everyday_specials img { float: left; margin-right: 0.1cm; }
#everyday_specials span { float: left; }
#search_tours { width: 16cm; margin-right: 0; clear: both; }
#search_tours .column_left { float: left; width: 7cm; }
#search_tours .column_right { float: left; }


/* Category
-------------------------------------------------------------- */
.actions_bar { clear: both; margin: 0.3cm 0; padding: 0.3cm 0; border-top: 1px solid #000; }
.actions_bar .sort_by { float: left; width: 7cm; }
.actions_bar .page_num { float: left; width: 3cm; }
.actions_bar .pagination { float: left; width: 5.5cm; }
.prev_next { display: none; }

.product_row { clear: both; border-top: 1px solid #000; margin: 0.2cm 0; padding: 0.2cm 0; }
.product_row .title_row { font-weight: bold; clear: both; }
.product_row .title_row span { float: left; width: 3.5cm; text-align: center; }
.product_row .title_row span.prod_name { width: 9cm; text-align: left; }
.product_row .bref_row { clear: both; margin: 0.2cm 0; }
.product_row .bref_row span { float: left; width: 3.5cm; text-align: center; }
.product_row .bref_row span.prod_name { width: 9cm; text-align: left; }
.product_row .bref_row span.price em { display: block; }
.product_row .prod_details { clear: both; }
.product_row .prod_details .prod_img { width: 3cm; float: left; margin-right: 0.1cm; }
.product_row .prod_details .prod_summary { float: left; width: 12cm; }

.prod_summary .limited_offer { text-align: center; color: red; }
.product_row .options { clear: both; margin: 0.3cm 0; }
.product_row .options a { float: left; width: 7cm; }
.product_row .options .btn { float: right; }


/* Product display
-------------------------------------------------------------- */
.print_page { display: none; }
#product_display .lowest_price { display: none; }

#product_display .product_intro { clear: both; margin: 0.5cm 0 0.3cm 0; padding: 0.3cm 0; border-top: 1px solid #333; }
#product_display .product_intro img { float: left; margin-right: 0.1cm; }
#product_display .product_intro h1 { float: left; font-size: 14pt; margin: 0; }
#product_display .product_intro .title_row { margin-bottom: 0.2cm; }
#product_display .product_intro .detail_row { clear: both; }
#product_display .product_intro .side_column .review_box .review_by { display: block; text-align: right; margin-top: 0.2cm; font-style: italic; font-size: 8pt; }
#product_display .product_intro .side_column .review_box a { display: block; text-align: right; font-size: 8pt; }
#product_display .product_intro .side_column { float: left; width: 5cm; margin-right: 0.2cm; }
#product_display .product_intro .side_column img { float: none; }
#product_display .product_intro .detail_column { float: left; width: 10cm; }
#product_display .product_intro .detail_column .tag_line { text-align: center; }
#product_display .product_intro .pricing_table { margin-bottom: 1cm; }
#product_display .product_intro .pricing_table p { text-align: center; }
#product_display .product_intro .pricing_table p span { float: left; width: 3cm; }
#product_display .product_intro .pricing_table .table_header { font-weight: bold; }
#product_display .product_intro .pricing_table .title { font-weight: bold; text-align: right; }
#product_display .product_intro .pricing_table .lowest { font-weight: bold; }
#product_display .product_intro .pricing_table .promo { font-weight: bold; color: red; }

.product_details p strong { margin-right: 0.3cm; }
.product_details p { margin: 0 0 0.3cm 0; }

#product_display #tabs { clear: both; }
#product_display #tabs li { display: none; }
#product_display #tabs li.on { display: inline; font-size: 14pt; }

#product_display .product_review .review_by { text-align: right; }
#product_display .product_review .review_item { border-top: 1px solid #333; }

/* Voucher
-------------------------------------------------------------- */
#voucher .voucher_header { background-color: #336699; color: #fff; /*padding: 30px 15px 20px 15px; */}
#voucher .voucher_header h1 { font-size: 20pt; color: #fff; margin: 0; }
#voucher p { line-height: 1.2; margin: 0 0 0.2cm 0; }

#voucher .btn { display: none; }
#voucher .must_print { display: none; }
#voucher .voucher_item { border-bottom: 2px dashed #336699; border-left: 2px dashed #336699; border-right: 2px dashed #336699; padding: 5px; }
#voucher .voucher_item .description { border-bottom: 2px solid #333; padding-bottom: 0.3cm;}

#voucher .bar_code { float: right; width: 3.5cm; }
#voucher .comfired_number { float: left; width: 7cm; margin: 0 0 0.2cm 0; }
#voucher .comfired_number span { border: 2px solid #333; float: left; font-size: 16pt; }
#voucher .lead_passenger { float: left; width: 7cm; margin: 0 0 0.2cm 0; }
#voucher .tour_details { clear: both; }
#voucher .tour_details p { border: 2px solid #333; }
#voucher .tour_details_list { margin-top: 0.2cm; }
#voucher .tour_details_list .tour_name { font-weight: bold; }
#voucher .tour_details_list .date { font-weight: bold; }
#voucher .tour_details_list p strong { float: left; width: 4cm; }
#voucher .tour_details_list p span { float: left; width: 10cm; }

#voucher .signature { clear: both; }
#voucher .sign_box { height: 3cm; border: 2px solid #333; }

/* --------------------------------------------------------------

   # Popup pages:
   1. Print voucher

-------------------------------------------------------------- */

.popup { margin: 0 auto; width: 600px; background-color: #fff; }
.popup .section { text-align: left; }
.popup .print_voucher { padding: 10px 15px; }
.popup .print_voucher .head_line { text-align: center; }
.popup .print_voucher h4 { margin: 10px 0 5px 0; font-weight: bold; }
.popup .voucher_summary { margin: 30px 0; }
.popup .voucher_summary p { margin: 0 0 5px 0; }
.popup .voucher_summary .module_title { text-transform: uppercase; font-weight: bold; font-size: 1.2em; text-align: center; }
.popup .voucher_summary p strong { float: left; width: 140px; margin-right: 10px; text-align: right; }
.popup .voucher_summary p span { float: left; width: 380px; }
.popup .voucher_summary p span.price { padding-left: 150px; }


/*    2. Compare tours
-------------------------------------------------------------- */
#header img { width: 16cm; }
#content_box.comparison { background: #FFFFFF none repeat scroll 0 0; }

.comproduct .comno { clear: both; }
.comparison h1 { font-size: 1.5em; color: #1D5288; margin: 0 0 5px 0; }
.comparison .selectedtours { margin: 0; color: #555555; }

.compare_arrows { display: none; }
.compare_progress { display: none; }

#compare_tours { width: 16cm; font-size: 0.9em; }
.comparecol { float: left; width: 3.15cm; border: 1px solid #c3d9ff; margin: 0 0 0 2px; padding: 0.05cm; }

.comparerow { padding: 0.05cm; border-top: 1px solid #cccccc; }
.comparetit { border-top: 1px solid #cccccc;  color: #555555; background-color: #efefef; font-size: 1.1em; padding: 0.05cm; }

.comparemenu { cursor: default; background-color: #e9e9e9; width: 2cm; font-weight: bold; margin: 0; }

.comparemenu .comparerow { padding-left: 0.05cm; color: #555555; }
.comparemenu .comparetit { color: #1D5288; }
.comparemenu .comremove { border-top: 1px solid #e9e9e9; }

.comproduct { border-top: 0 none; }
.comproduct p { margin: 0 0 5px 0; }
.comproduct .prdimage img { width: 2.7cm; height: 100px; }
.comproduct .comno em { font-size: 1.5em; font-style: normal; font-weight: bold; }
.comproduct .comitem { border: 1px solid #cccccc; background-color: #efefef; padding: 0.05cm; margin-bottom: 5px; }
.comproduct .comitem .prdname a { width: 2.5cm; font-weight: bold; font-size: 1.1em; text-decoration: none; }

.comitem .btn { display: none; }
.comitem .specials span { background-color: #fe0000; color: #ffffff; font-weight: bold; text-transform: uppercase; text-align: center; display: block; }
.comitem .listprice { margin: 0; text-align: right; }
.comitem .ourprice { margin: 0; text-align: right; font-size: 1.1em; font-weight: bold; }
.comitem .yousave { text-align: right; color: #fe0000; }
.comitem .listprice em { float: left; font-style: normal; }
.comitem .ourprice em { float: left; font-style: normal; }
.comitem .yousave em { float: left; font-style: normal; }

.comproduct .alt button { background: transparent url(../images/common/btn_reserve_alt.gif) no-repeat scroll left top; }

.comreviewone span,
.comreviewtwo span { display: block; text-align: right; font-style: italic; margin-top: 5px; }

.removex { display: none; }

.close { text-align: center; padding: 10px; }
.close a { color: #fff; font-weight: bold; text-decoration: underline; }
.close a:hover { text-decoration: none; }


#compare_tours:after,
.compare_arrows:after,
.comparerow:after,
.comproduct .comno:after,
.comproduct .comitem:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#compare_tours,
.compare_arrows,
.comparerow,
.comproduct .comno,
.comproduct .comitem { display: inline-block; }

* html #compare_tours,
* html .compare_arrows,
* html .comparerow,
* html .comproduct .comno,
* html .comproduct .comitem { height: 1%; }

#compare_tours,
.compare_arrows,
.comparerow,
.comproduct .comno,
.comproduct .comitem { display: block; }
