@charset "UTF-8";
/* CSS Document */

* {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

input, select, textarea {
	background-color:#FFFFFF;
}

h1, h2, h3 {
	color:#0099CC;
}
h1 {
	font-size:24px;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:16px;
}
a {
	color:#0099cc;
	outline:none;
}

.left {
	float:left;
}
.right {
	float:right;
}
a:hover {
	text-decoration:none;
}

#sv_container {
	display:block;
	width:990px;
	margin:auto;
	text-align:left;
}
#sv_container a {
	color:#0099cc;
	outline:none;
}
#left_container {
	float:left;
	width:240px;
}

#right_container {
	float:right;
	width:740px;
}
	
#sv_inner {
	float:right;
	width:700px;
	background-color:#CCCCCC;
	margin:0 5px 5px 5px;
	padding:20px;
}

#box_breadcrumb {
	float:right;
	background:url(/sv_templates/images/bg_breadcrumb.gif) no-repeat 0 0;
	width:740px;
	margin:0 5px 5px 5px;
	height:36px;
}
	
#left_link {
	display:block;
	width:150px;
	margin:auto;
}
	
/* hot spot divs output by sv_ads.php */
#link_checkin {
}
#link_rbc {
}
#link_brochure {
}	
#link_signup {
}
#link_eticket {
}

.box_frame {
	border:1px solid #0099cc;
	background-color:#fff;
	margin-bottom:10px;
}
	
.bottom_shade {
	background:url(/sv_templates/images/bg_yellow.jpg) repeat-x;
	background-position:bottom;
	height:45px;
}	

.divider {
	border-bottom:1px solid #0099cc;
	height:5px;
	margin-bottom:5px;
}
	
/* general styles */

.clear {
	clear:both;
}

/* labels  */

.header {
	background:url(/sv_templates/images/marker_gold.gif) no-repeat;
	background-position:20px 10px;
	padding:10px 10px 10px 40px;
	font-size:14px;
	font-weight:bold;
	color:#0099cc;
}
	
#refine_link {
	padding:10px 10px 10px 20px;
	font-size:12px;
	font-weight:bold;
	color:#0099cc;
	/*cursor:pointer;*/
}
#refine_link a:hover {
	text-decoration:none;
}
#refine_link.refine {
	background:url(/sv_templates/images/marker_gold.gif) no-repeat;
	background-position:left;
}
#refine_link.refine_on {
	background:url(/sv_templates/images/marker_gold_on.gif) no-repeat;
	background-position:left;
}
	
.header_blue {
	background-color:#e4f4f9;
	padding:4px 20px;
	font-size:12px;
	font-weight:bold;
	color:#0099cc;
	height:24px;
	line-height:22px;
}
	
span.header_label {
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#0099cc;
}
	
.contents {
	margin:10px 20px;
}
	
.result_label {
	white-space:nowrap;
}

.result_text {
	font-weight:bold;
}

.result_text a {
	color:#0099cc;
}
	
.price_col_1 {
	width:59%;
}
.price_col_2 {
	width:1%;
}
.price_col_3 {
	width:20%;
}
.price_col_4 {
	width:20%;
}
.sub_sub_label {
	color:#0099cc;
	font-size:10px;
}	
	
.text_radio {
	position:relative; 
	top:-2px; 
	font-weight:bold;
}
	
.pricing {
	text-align:right;
}
	
.label_right {
	text-align:right;
}
	
.total {		
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-align:right;
}	
	
.tax {
	text-align:right;
}	
	
.hotel_name a{  /*reserve page hotel name */
	font-size:14px;
	color:#0099cc;
	font-weight:bold;
	padding-right:5px;
	vertical-align:top;
}	

.note {
	font-size:10px;
}
		
.note_red {
	font-size:10px;
	color:#CC0000;
}
	
.note_right, .note_right a {
	float:right;
	font-size:10px;
	font-weight:normal;
	color:#0099cc;
}		
	
.message_window {
	line-height:20px;
}	

/*------------------------ search box styles */

#sv_searchbox {
	/*float:left;*/
	width:230px;
	background-color:#0099cc;
	margin:0 5px 5px 5px;
}

#searchbox_inner {
	background-color:#DEEEFE;
	margin:5px;
	padding:5px;
	border:1px solid #B0C7F8;
}

#searchbox_inner .label, .contents .label {
	font-size:12px;
	font-weight:bold;
	color:#0A1B57;
	padding:1px;
}
	
#searchbox_inner .select_wide {
	font-size:11px;
	width:160px;
}	
	
#searchbox_inner .select_narrow {
	font-size:11px;
	width:100px;
}	

	
#searchbox_inner .text_depart {
	font-size:11px;
	width:130px;
}	

#searchbox_inner_left {
	float:left;
	width:170px;
}	

#searchbox_inner_right {
	float:right;
	width:170px;
}	
	
#searchbox_inner .checkbox {
	vertical-align:middle;
}
	
.searchbox_left {
	float:left;
	width:110px;
	margin-right:8px;
	white-space:nowrap;
}
	
.searchbox_right {
	float:left;
	width:130px;
	margin-right:8px;
	white-space:nowrap;
	/*margin-left:8px;*/
}		
	
.searchbox_left span, .searchbox_right span {
	font-size:11px;
	font-weight:normal;
	color:#0A1B57;
	padding:3px;
	line-height:13px;
	white-space:nowrap;
}		
.nobdr {
	border:none;
	padding:0px;
	margin:0px;
	background-color:#DEEEFE;
}

/* ids for search fields */
#gateway_select {
}
#dest_select {
}
#hotel_select {
}
#date_select {
}
#duration_select {
}
#star_select {
}
#price_select {
}

/* ids for additional search options */
#all_inclusive {
}
#adults_only {
}
#beach {
}
#casino {
}
#family {
}
#golf {
}
#flex {
}
#kitchenette {
}
#miniclub {
}
#oceanview {
}
#spa {
}
#weddings {
}

#search_header {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:20px 0 3px 10px;
}		
	
#calendar, #date_select img, #eticket_date img {
	vertical-align:middle;
	padding-left:3px;
	cursor:pointer;
}
		
/* ---------------------------------input box style */
		
.text_box {
	width:140px;
	font-size:12px;
}
	
.text_box_name {
	width:130px;
	font-size:12px;
}	
	
.address_box {
	width:200px;
	font-size:12px;
}
		
.select_province, .select_country {
	width:140px;
	font-size:12px;
}
	
/* --------------------------------- breadcrumb styles */

#box_breadcrumb .nav {
	float:right;
	text-align:right;
	font-size:14px;
	font-weight:bold;
}

.breadcrumb {
	float:left;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding:9px 20px;
}
	
.breadcrumb.on {
	float:left;
	color:#ffcc33;
	background:url(/sv_templates/images/breadcrumb_tab.gif) no-repeat;
	background-position:50% 1px;
}
	
/*---------------------------------------------------- table styles  */

.column_border {
	border-bottom:1px solid #0099cc;
}
	
.option_update {
	/* requested removal 5/08
	background:url(/sv_images/option_update.jpg) no-repeat;*/
	height:50px;
}	
	
/*----------------------------------------------------- btn styles */

.btn_update a{
	float:right;
	height:25px;
	background:url(/sv_templates/images/btn_update_S.gif) no-repeat;
	background-position: left top;
	padding:0 20px 0 30px;
	font-size:12px;
	font-weight:bold;
	color:#0099cc;
	line-height:22px;
}	
	
.btn_refine a{
	float:left;
	height:25px;
	background:url(/sv_templates/images/btn_update_S.gif) no-repeat;
	background-position: left top;
	padding:0 20px 0 30px;
	font-size:12px;
	font-weight:bold;
	color:#0099cc;
	line-height:22px;
}	
.price_refine {
	font-size:11px;
	font-style:italic;
	color:#0099cc;
	padding-left:20px;
}		
.price_refine a {
	font-size:11px;
	font-style:italic;
	color:#0099cc;
}		

.btn_continue	a {
	float:left;
	background:url(/sv_templates/images/btn_update_L.gif) no-repeat;
	background-position:left top;
	padding:0 20px 0 35px;
	font-size:12px;
	font-weight:bold;
	color:#0099cc;
	line-height:25px;
	height:30px;
	margin-left:20px;
}
	
#sv_searchbox .btn_search {
	background:url(/sv_templates/images/btn_search.gif) no-repeat;
	background-position:left top;
	padding:0 20px 10px 35px;
	height:30px;
	margin:10px;
}
	
#sv_searchbox .btn_search a {
	font-size:12px;
	font-weight:bold;
	color:#fffcef;
	line-height:25px;
}
		
	
/* logos */
.sv_logo {
	float:right;
	width:700px;
	background:url(/sv_templates/images/logo_softVoyage.gif) no-repeat;
	background-position:center;
	padding:20px;
	height:50px;
}
	
	
/*serch result */

.img_hotel {
	padding-right:10px;
}		

	
td.hotel_result {
	vertical-align:bottom;
}
	
td.hotel_description {
	background:url(/sv_templates/images/bg_hotel_result.gif) repeat-x;
	border:solid 1px #fff;
	padding:3px 5px 3px 10px;
}	
	
/* number of passengers */

td.passenger_label {
	text-align:left;
	vertical-align:top;
	width:50%;
	padding-left:20px;
}	
	
td.passenger_form {
	text-align:left;
	width:50%;
}	
	
/* refine search */

.search_refine {
	border-right:1px solid #0099cc;
}	
td.search_refine input {
	height:6px;
}	
		
		
/* style for popup window */
#quebec_popup {
	display:none;
}

#quebec_popup, #select_popup {
	width:600px;
	padding:20px;
	background:url(/sv_templates/images/logo_WV_L.jpg) no-repeat 0 0;
}
	
#quebec_popup .frame, #select_popup .frame {
	border:1px solid #0099cc;
	margin:50px 10px 10px 10px;
	padding:10px;
}		

#quebec_popup .close, #select_popup .close {
	float:right;
	margin-right:10px;
	height:30px;
	background:url(/sv_templates/images/btn_update_S.gif) no-repeat;
	background-position: left top;
	font-size:12px;
	font-weight:bold;
	color:#0099cc;
	line-height:22px;
	padding:0 0 0 30px;
}
	
#meal_popup {
	text-align:left;
}
.meal_desc {
	font-weight:normal;
}
.meal_1, .meal_2 {
	margin-bottom:6px;
	padding:4px 2px 4px 8px;
	background-repeat:repeat-x;
}
.meal_1 {
	background-image:url(/sv_templates/images/bg_yellow_lite.png);
}
.meal_2 {
	background-image:url(/sv_templates/images/bg_blue_lite.png);
}

#options_link {
}
#options_link a:hover {
	text-decoration:none;
}
#flight_options {
}

#waiting {
	width:750px;
	padding:0px;
	text-align:center;
	margin:20px auto;
	/* hide the waiting div by default */
	display:none;
}
#wait_img {
	margin:0px auto;
}
#wait_msg {
	color:#0099CC;
	font-weight:bold;
	font-size:12px;
}
#wait_load {
	margin-top:10px;
}

#thank_you {
	height:30px;
}
#print_msg {
	font-weight:bold;
}
#print_icon a {
	background:url(/sv_templates/images/print_icon.png) no-repeat;
	display:block;
	width:28px;
	height:28px;
	text-indent:-5000px;
}

/* ------------------------ image style */
	
.star_ratings {
	vertical-align:bottom;
}	
	
/* ---------------------------terms and condition overflow */

.terms {
	height:500px;
	overflow:auto;
}	

/* modal window for E-Docs */
#eticket_img {
	cursor:pointer;
	width:136px;
	height:69px;
	border:none;
}

/* modal window */
.modal-overlay {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#009ECF;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	z-index:101;
}
.modal-window {
	position:fixed;
	background:#FFF;
	border:2px solid #009ECF; 
	top:50%;
	left:50%;
	margin:0;
	padding:0;
	z-index:102;
}
.close-window {
	position:absolute;
	width:32px;
	height:32px;
	right:8px;
	top:8px;
	background:transparent url('/images/buttons/close-button.png') no-repeat scroll right top;
	text-indent:-99999px;
	overflow:hidden;
	cursor:pointer;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
}
.close-window:hover {
	opacity:.99;
	filter: alpha(opacity=99);
	-moz-opacity: 0.99;
}

* html .modal-overlay {  
	position: absolute;  
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');  
}  
* html .modal-window {  
	position:absolute;  
	top:expression(document.documentElement.scrollTop + (document.documentElement.clientHeight / 2) + 'px'); 
}