﻿/* @override 
	http:/new_royal/css/screen.css
	http:/royal.micstura-hosting.com/css/screen.css
	http:/new_royal/css/screen.css
	http:/royal_final/css/screen.css
*/

/* -------------------------------------------------------------- 

   Title:		Master styles for screen media
  
   Author:		Fabian Socarras - fsocarras@micstura.com
   Client:		Royal Caribbean International
   Project:		Royal Caribbean Home Page Redesign
   Date:		Tuesday; September 8, 2009
  
   Version:		1.0
 
-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http:/www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; display:block; height:1px !important; overflow:hidden; width: 1px; }


/* -------------------------------------------------------------- 

   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body { 
  font-size: 11px;
  color: #333; 
  background: #fff;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #333; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1em; line-height: 1; margin-bottom: .5em; font-weight: bold; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #1546A2; text-decoration: underline; }
a           { color: #1546A2; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes and elements
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { /* Hide stuff without resorting to display:none; */
				visibility:hidden;
				width:0!important;
				height:0!important;
				line-height:0!important;
				padding:0!important;
				margin:0!important;
			}

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none;
}

hr.space {
  background: #fff;
  color: #fff;
  visibility: hidden;
}

/* About Sticky Footer

   These rules allow the footer to stick to the bottom
   of the page, regardless of screen resolution.
 
-------------------------------------------------------------- */

/* @group Sticky Footer */

html, body, #outer_wrapper {height: 100%;}

body > #outer_wrapper {height: auto; min-height: 100%;}

#content_wrapper {padding-bottom: 300px !important;}  /* must be same height as the global footer */

#global_footer {
	background: url(/i/bg_global_footer.jpg) no-repeat top center;
	position: relative;
	margin-top: -260px; /* negative value of footer height */
	margin-left: auto;
	margin-right: auto;
	width: 1010px;
	/*height: 310px;*/
	height: 215px;
	clear:both;
}

#build_details {
	color:#ffffff;margin-left: 60px;
}
/* @end Sticky Footer */

/* ------------------------------------------------------------ */

/* @group General Body Styles */

body { 
  	color: #555555; 
	/*background: transparent; */
	background: #a5dee5 url(/i/rays3.jpg) no-repeat center;	
	background-attachment:fixed;
}

html {
	background: #a5dee5 url(/i/rays3.jpg) no-repeat center;	
	background-attachment:fixed;
}

img, div, h1, .country { behavior: url(../js/iepngfix.htc); } /* IE 6 Transparent PNG fix */

h2 { line-height: 0; margin-bottom: 12px; font-size: 12px;}

/* @end General Body */

/* ------------------------------------------------------------ */

/* @group Page Structure */

#outer_wrapper, #content_wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 1010px;
}

#outer_wrapper {
	width: 1010px;
	margin: 0 auto;
	background: transparent url(/i/bg_canvas_shadow2.png) repeat-y ;
}

#content_wrapper {
	width: 944px;
	padding: 0 9px;
	background: #FFFFFF;
	position: relative;
}

/* @end Page Structure */

/* ------------------------------------------------------------ */

/* @group Header */

#header { 
	background: /*#c9efef */url(/i/bg_global.jpg) no-repeat top left; 
	width: 944px;
	padding: 5px 0 0;
}

#logo, #customer_login, #location_meta { float: left; }

#logo { width: 248px; }
#customer_login { width: 691px; height: 80px; padding-top: 6px; padding-left: 0px;}
#location_meta { width: 265px; padding-top: 6px; }

#logo h1 {
	margin: 0;
	padding-bottom: 5px;
	height: 65px;
	background: url(/i/brand_logo_2.png) no-repeat top left;
}

.login_list { margin: 0; list-style: none; margin-left: 15px; }
.login_list li { display: inline-block; margin-right: 14px; }

.action_link { 
	display:inline-block; 
	background: transparent url(/i/icon_rarrow.png) no-repeat right center;
	padding-right: 7px;
}
.login_list .action_link
{
    background: none; 
}

.welcome {
	font-weight: bold;
	color: #333333;
	padding-bottom: 8px;
}

.customer_meta .member_status {
	padding: 0 5px 0 16px;
	display: inline-block;
	background: url(/i/icon_anchor.png) no-repeat 0;
	color: #333333;
}

.customer_meta .mycruises, .customer_meta .logout  {
	display: inline-block;
	padding-left: 8px;
	margin-right: 8px;
}

span.country {
	font-weight: bold;
	background: url(/i/icon_globe.png) no-repeat 0 50%;
	padding-left: 24px;
	margin-right: 14px;
	display: inline-block;
	color: #0D409F;
}

#global_search .search_field {
	position: relative;
	padding-top: 15px;
}

#global_search .search_field input {color: #666;}

#global_search .search_field button.button {
	position: absolute;
}

/* @end Header */

/* ------------------------------------------------------------ */

/* ------------------------------------------------------------ */

/* @group Hero */

#hero {
	width: 944px;
	height: 345px;
	margin: 0 auto;
	margin-bottom: 10px;
	position: relative;
}

#flash_content {
	margin: 0;
	height: 345px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0 !important;
}

/* No Javascript */

#no_javascript_hero img {
	display: block;
	padding-bottom: 8px;
}

#no_javascript_alerts {
	border: 1px solid #cccccc;
	width: 942px;
	padding: 5px 0;
}

#alert_container {
	padding-left: 120px;	
}

.travel_alert_message, .alert_items {
	display: inline-block;
	padding-right: 20px;
}

#alert_container input, #alert_container select {
	margin: 0;
	font-size: 11px;
}

#alert_container select {width: 200px;}

/* @end Hero */

/* ------------------------------------------------------------ */

/* @group Buckets (Above) */

#bucket_above { 
	margin-bottom: 16px;
	width: 946px;
}

.bucket_above_top { height: 12px; }
.bucket_above_bottom { height: 8px; clear: both; }
.col_wrapper { padding: 0 10px 0 10px; }

#bucket_above .col {float: left;}
#bucket_above .col_1 {margin-right: 8px;}
#bucket_above .col_2 {margin-right: 8px; }

/* @group Quick Vacation Search */

#quick_vacation_search, #quick_vacation_form { overflow: hidden; }

#quick_vacation_form .colLeft, #quick_vacation_form .colRight { float: left; }

#quick_vacation_form .colLeft { width: 205px; }
#quick_vacation_form .colRight { width: 110px; }

.select_fields select {
	width: 190px;
	margin-bottom: 5px;
	font-size: 11px;
}

.select_fields { padding-bottom: 5px; }

.departure_ports span.help {
	display: inline-block;
	vertical-align: top;
	line-height: 0;
}

.departure_ports { padding-bottom: 5px; }

.sailings_cruisetours span {
	display: inline-block;
	padding-right: 10px;
}

.best_price { text-align: center; padding-bottom: 10px;}
.best_price .best_price_logo { display: block; }

.save_online { text-align: center;padding-left: 14px;padding-bottom: 10px;}
.save_online span.save_online_logo {display: block;	}

.special_rates { padding-left: 10px; }
.special_rates p { margin-bottom: 5px; }
.check_special_rates { 
	padding-left: 11px; 
	background: url(/i/icon_plus.gif) no-repeat 0;
	color: #1546a2;
	cursor: pointer;
}

.special_rates_form div.origin span {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	background: #F0F5F5;
	color: #669dc2;
	padding-left: 5px;
	display: block;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	font-weight: bold;
}

.special_rates_form table {
	width: 210px;
	margin-bottom: 10px;
}
.special_rates_form table td { padding: 0; }
.special_rates_form table td.checkbox { width: 22px; vertical-align: top; }

.special_rates_form select {
	font-size: 11px;
}

#quick_vacation_form .submit_form {
	clear: both;
	overflow: hidden;
}

#quick_vacation_form .submit_form span { display: inline-block; padding-top: 5px;}

#quick_vacation_form span.advanced_search { margin-right: 20px; }
#quick_vacation_form span.submit_button { margin-right: 40px; }
#quick_vacation_form span.submit_button { margin-right: 40px; }
#quick_vacation_form span.calendar_view { 	 
	padding-left: 25px;
}

/* Special Rates Box */
#special_rates_box {
	background: #ffffff;
	width: 210px;
	border: 2px solid #cccccc;
	padding: 5px 10px;
	display: none;
}

.special_rates_copy p {
	text-align: center;
	margin-bottom: 8px;
}
.special_rates_copy span {
	display: block;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}

.special_rates_form {
	padding-bottom: 10px;
}

.special_rates_controls span {
	display: inline-block;
	cursor: pointer;
}

.special_rates_controls .apply_rates {
	margin-left: 60px;
}

#special_rates_box {
	position: absolute;
	z-index: 50 !important;
	clear: both;
}

.clear_special_rates {
	clear: both;
}


/* @end Quick Vacation Search */

/* @group Countdown to Cruise */

#countdown_to_cruise div.customize_cruise a {
	display: inline-block; 
	margin-bottom: 12px;
}

.customize_cruise {
	display: inline;
	overflow: hidden;
}

.customize_cruise .custom_col_1, .customize_cruise .custom_col_2, 
.reservation_steps .custom_col_1, .reservation_steps .custom_col_2 {
	float: left;
}

.customize_cruise .custom_col_1, .reservation_steps .custom_col_1 {
	width: 190px;
}

.customize_cruise .custom_col_2, .reservation_steps .custom_col_2 {
	width: 84px;
}

.clear_customize.cruise {
	clear: both;
}

/* Countdown to Cruise Logged In */

#countdown_to_cruise.logged_in .embarkation_countdown {
	font-weight: bold;
	font-size: 16px;
	color: #f87f1a;
	margin-bottom: 5px;
}

#countdown_to_cruise.logged_in h3 {
	margin-bottom: 2px;
	font-size: 11px;
	font-weight: bold;
}

#countdown_to_cruise.logged_in .reservation_meta { margin-bottom: 5px; }
#countdown_to_cruise.logged_in .reservation_meta span { display: block; }
#countdown_to_cruise.logged_in .reservation_links { margin-bottom: 20px; }
#countdown_to_cruise.logged_in .reservation_links span {
	display: inline-block;
	font-weight: bold;
	padding: 0 8px;
}

#countdown_to_cruise.logged_in .reservation_links span.first { padding-left: 0; }
#countdown_to_cruise.logged_in .reservation_steps {padding-bottom: 30px;}

/* @end Countdown to Cruise */

/* @group Hot Deals */

#hot_deals .email_textfield {
	position: relative;
	padding-bottom: 10px;
}

#hot_deals .email_textfield input {color: #666;}

#hot_deals .email_textfield button {
	position: absolute;
	top: 0;
	left: 205px;
}

#hot_deals label {
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 2px;
	display: inline-block;
	color: #222;
}

#hot_deals_list {
	padding-bottom: 12px;
}

#hot_deals_list ul {
	list-style: none;
	margin: 0 0 2px 0;
}

#hot_deals_list li strong {
	color: #222;
}

#hot_deals_list li em {
	font-family: Georgia, "Times New Roman", Times, serif;
	display: inline-block;
	padding: 0 2px;
}

#twitter_deals {
	background: url(/i/bg_twitter_separator.png) no-repeat top left;
	padding-top: 10px;
}

#twitter_deals .twitter_pic, #twitter_deals .twitter_copy {float: left;}
#twitter_deals .twitter_pic {
	width: 43px;
}

/* @end Hot Deals */

/* @end Buckets (Above) */

/* @group Buckets (Below) */

#bucket_below { 
	margin-bottom: 35px;
	width: 946px;
}

.bucket_below_top { height: 12px; }
.bucket_below_bottom { 
	height: 8px;
	clear: both; 
	overflow: hidden;
}

#bucket_below .col {float: left;}
#bucket_below .col_1 {margin-right: 8px;}
#bucket_below .col_2 {width: 628px; }

/* @group Ready to Book */

#ready_to_book strong {color: #222;}
#ready_to_book a { font-weight: bold; }
#ready_to_book .book_online { padding: 0 0 0px 0; display: inline-block;}

#ready_to_book .left_book_link {
	width: 130px;
	_width: 140px;
	*width: 140px;
	float: left;	
}

#ready_to_book .center_book_link {
	width: 7px;
	float: left;
	padding: 0 9px;
}

#ready_to_book .right_book_link {
	width: 160px;
	_width: 150px;
	*width: 150px;
	float: left;
}

#ready_to_book .right_book_link span {
	display: inline-block;
	padding-right: 5px;
}

#ready_to_book .clear_book_links {
	clear: both;
}

body.international #ready_to_book .pcs_image {
	float: left;
	width: 50px;
}

body.international #ready_to_book .pcs_info {
	float: left;
	padding-top: 5px;
}

body.international #ready_to_book .pcs_info span {
	display: inline-block;
	padding-right: 10px;
}

.pcs_image img {
	display: block;
}


	
/* @end Ready to Book */

/* @group Connect With Royal */

.connect_links ul {
	margin: 0;
	list-style: none;
}

.connect_links ul li a {
	display: block;
	padding: 4px 6px 12px 30px;
	_padding: 2px 6px 12px 30px;
	 
}

div.connect_links {
	float: left;
	width: 156px;
}


/* @end Connect With Royal */

/* @group Gold Anchor News Horizontal */


#gold_anchor_news {
	overflow: hidden;
	display: inline;
}

.anchor_col_1, .anchor_col_2 {
	float: left;
}

.anchor_col_1 { width: 240px; margin-right: 30px; }
.anchor_col_2 { width: 285px; }
.anchor_copy { padding-top: 15px; }
.anchor_copy h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 3px 0;
}

#gold_anchor_news.logged .anchor_box_1 {
	padding-bottom: 11px;
}

body.international #gold_anchor_news.logged .anchor_box_1 {
	padding-bottom: 20px;
}

#gold_anchor_news.logged .anchor_box_1 .anchor_copy {
	width: 130px;
}

#gold_anchor_news.logged .anchor_box_1.anchor_box_3 .anchor_copy {
	width: 100px;
}

#gold_anchor_news.logged .anchor_box_2.anchor_box_4 .anchor_copy {
	width: 130px !important;
}

#gold_anchor_news.logged .anchor_box_2 .anchor_copy {
	width: 140px;
	float: right;
}

.anchor_box_1, .anchor_box_2 {
	overflow: hidden;
}

.anchor_box_1 .anchor_copy {
	float: left;
	width: 140px;
	padding-right: 5px;
}

.anchor_box_1 .anchor_image {
	float: right;
}

.anchor_col_1 .anchor_box_2 .anchor_copy {
	float: right;
	width: 140px;
	padding-right: 5px;
}

.anchor_box_2 .anchor_image {
	float: left;
}

.anchor_col_2 .anchor_box_1 .anchor_copy {
	float: left;
	width: 140px;
	padding-right: 5px;
}

.anchor_col_2 .anchor_box_2 .anchor_copy {
	width: 160px;
	float: right;
}

.anchor_image {
	border: 1px solid #ddd;
	padding: 3px;
	background: #fff;
}

.anchor_image img {
	display: block;
	border: 1px solid #ddd;
}

.anchor_divider {
	clear: both;
}

.clear_anchors {
	height: 1%;
	clear: both;
}

/* @end Gold Anchor News Horizontal */

/* @end Buckets (below) */

/* @group Buckets Logged In */

/* Bucket Containers */

#bucket_container_left, #bucket_container_right {
	float: left;
	overflow: hidden;
	display: inline;
}

/* bucket_container_left */
#bucket_container_left {
	width: 670px;
	margin-right: 14px;
}

/* Buckets Above Logged In */

#bucket_above_logged {
	margin-bottom: 16px;
}


.bucket_above_top_logged {
	height: 12px;
}

.bucket_below_top_logged {
	height: 12px;
}

.bucket_above_bottom_logged {
	height: 8px;
	clear: both;
	overflow: hidden;
}


.bucket_below_bottom_logged {
	height: 8px;
	clear: both;
	overflow: hidden;
}


#bucket_above_logged .col, #bucket_below_logged .col {
	float: left;
}

/* Logged In Above Buckets Columns */

#bucket_above_logged .col.col_1, #bucket_below_logged .col.col_1 {
	width: 345px;
	margin-right: 14px;
}

#bucket_above_logged .col.col_2, #bucket_below_logged .col.col_2 {
	width: 311px;
	margin: 0;
}


/* Logged In Below Buckets Columns */


/* bucket_container_right */
#bucket_container_right {
	width: 259px;
}

#bucket_container_right .bucket_right_top {
	height: 12px;
}

#bucket_container_right .bucket_right_bottom {
	height: 9px;
	overflow: hidden;
	clear: both;
}

/* @end  Buckets Logged In */


/* ------------------------------------------------------------ */

/* @group Fat Footer */

.footer_divider {
	height: 20px;
	clear: both;
	overflow: hidden;
}

#fat_footer {
	width: 944px;
	float: left;
	background: url('/i/bg_fat_footer.jpg') no-repeat top left;
}

#fat_footer div.col { float: left; margin: 0; padding-top: 17px; }

#fat_footer div.col.col_1 { width: 149px; padding-left: 16px; margin-right: 7px;}
#fat_footer div.col.col_2 { width: 166px; margin-left: 7px; }
#fat_footer div.col.col_3 { width: 152px; margin: 0 7px 0 15px; }
#fat_footer div.col.col_4 { width: 144px; margin-left: 7px; }
#fat_footer div.col.col_5 { width: 259px; margin-left: 15px; padding-top: 0;text-align:center;}

.fat_footer_list { margin: 0; list-style: none; }
.fat_footer_list a { color: #888; }

#fat_footer div.col.col_5 p { padding-right: 26px; margin-bottom: 0; }
#fat_footer div.col.col_5 img { display: inline-block; margin: 10px 0 14px 0; }

#fat_footer div.divider {
	clear: both;
	background: url(/i/bg_fat_footer_border.jpg) no-repeat bottom left;
	padding-top: 23px;
	margin-bottom: 11px;
	height: 2px;
}

/* @end Fat Footer */

.footerlogos {
    text-align:center;
    width:1010px;
    height:60px;
}

/* ------------------------------------------------------------ */

/* @group Corporate Footer */

#corporate_footer {
	width: 944px;
	float: left;
	/*margin-bottom: 3.12em;*/
}

#corporate_footer div.col { float: left; }
#corporate_footer div.col.col_1 { width: 167px; }
#corporate_footer div.col.col_2 { width: 467px; }
#corporate_footer div.col.col_3
{
	background: url("../i/bg_brands.png") no-repeat top left;
	height: 39px;
	/height: 45px;
	padding: 6px 0 0 12px;
	width: 296px;
	/width: 308px;
}

#corporate_nav { margin: 0; list-style: none; }
#corporate_nav li { display: inline; line-height: 3.7;}
#corporate_nav li a {
	color: #888;
	display: inline-block;
	margin-right: 17px;
}

#corporate_footer div.col.col_3 p { }

/* @end Corporate Footer */

/* ------------------------------------------------------------ */

/* @group Misc Styles */

.left_justify { text-align: left; }
.right_justify { text-align: right; }
.center_justify { text-align: center; }

strong {color: #1646a2;}

.textfield {
	border: 1px solid #ccc;
	margin: 0;
	padding: 3px;
	width: 190px;
	background: url(/i/bg_textfield.png);
}

button.button {
	border: none;
	background: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

/* @end Misc Styles */

/* @group Non Javascript Styles */

#noJs {margin:0 auto; background-color:#FFF; padding:5px 0;}
#noJs .error {margin:0 auto; padding:7px 38px 7px 70px; width:540px; border:1px solid #ff0000; color:#cc0000; line-height:13px; background:url(/i/icon_system_error.gif) no-repeat 40px; text-align:left;}
/* @end No Javascript */
.action_link IMG
{
    position: relative;
    top: 2px;
}
#seo_links {
    position: relative;
    top: 110px;
    left: 33px;
    color: #888888;
    line-height: 14px;
    width: 924px;
    height: 75px;
    background: #D9F3F4;
    padding: 10px;
    font-size: 10px;
}
#seo_links A, #seo_links A:hover
{
    text-decoration: none;
    color: #888888;
    font-size: 10px;
}
#seo_links A:hover {
    text-decoration: underline;
}
#block_news {
    position: relative;
    left: 360px;
}
#hot_deals_outer {
    width: 250px;
}
.act_off_title {
    display: block;
    width: 176px;
    height: 21px;
    float: left;
    cursor:pointer;
}
.act_off_price {
    color:#1546A2;
    font-weight:bold;
    font-size:14px;
    text-decoration:underline;
}
a.act_off_link {
    color:#555555;
}
a.act_off_link:hover {
    color:#555555;
    text-decoration:none;
}
#loadingRcclDiv {
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 380px;
	height: 200px;
	background: url(/i/loading.gif) no-repeat top left;
	position: relative;
	z-index: 100;
	display: none;
}
#loadingRcclDiv IMG {
	position: absolute;
	top: 151px;
	left: 84px;
}

.minispace {font-size:16px;}

#slideshow {
	width: 944px;
	height: 347px;
	margin: 0 auto 0 auto;
	position: relative;
}
#slideshow .showContent
{
	width: 944px;
	height: 346px;
	overflow: hidden;
}
#slideshow .showContent .showContentInner
{
	background: url("../i/slide/bg_slideshow_pattern.png") repeat-x top left;
	width: 944px/*9000px*/;
	height: 346px;
	float:left;
}
#slideshow .showContent .showItem
{
    display: none;
	cursor: pointer;
	width: 944px;
	height: 346px;
	float:left;
}
#slideshow #showNav
{
	background: url("../i/slide/bg_slidecontrol_l.png") no-repeat top left;
	bottom: 20px;
	float: left;
	left: -35px;
	position: absolute;
	height: 64px;
}
#slideshow #showNav a,
#slideshow #showNav a:hover
{
	text-decoration: none;
}
#slideshow #showNav a#p,
#slideshow #showNav a#n
{
	background: url("../i/slide/bg_prev.png") no-repeat 18px 6px;
	display: block;
	height: 29px;
	width: 49px;
	float: left;
	margin: 25px 0 0 5px;
}
#slideshow #showNav a#n
{
	background-image: url("../i/slide/bg_next.png");
	left: 57px;
	margin-left: 3px;
}
#slideshow #showNav #dotlist
{
	background: url("../i/slide/bg_slidecontrol_m.png") repeat-x top left;
	float: left;
	height: 64px;
	padding: 25px 24px 0 12px;
	margin-left: 9px;
}
#slideshow #showNav #dotlist .dot
{
	background-image: url("../i/slide/dot.png");
	cursor: pointer;
	float: left;
	height: 12px;
	margin: 9px 5px 0 5px;
	line-height: 12px;
	padding: 0;
	width: 12px;
}
#slideshow #showNav #dotlist .dota
{
	background-image: url("../i/slide/dota.png");
	cursor: default;
	height: 18px;
	margin: 7px 2px 0 2px;
	width: 18px;
}
#slideshow #showNav #navL
{
	background: url("../i/slide/bg_slidecontrol_r.png") no-repeat top left;
	height: 64px;
	float: left;
	padding: 25px 0 0 20px;
}
#divWiz
{
	/*background: url("../i/bg_wiz.jpg") no-repeat 5px 5px;*/
	background: url(/i/wiz_bg_pattern.jpg) repeat;
	border: 5px solid white;
    line-height: 16px;
    width:280px;
    height:255px;
    position:absolute;
    right: 18px;
    top: 53px;
    padding: 5px;
    background-color: #FFFFFF;
	box-shadow: 0 0 18px -3px #0D112C;
	-moz-box-shadow: 0 0 18px -3px #0D112C; /* Firefox */
	-webkit-box-shadow: 0 0 18px -3px #0D112C; /* Safari and Chrome */	
}
#divWiz SELECT {
    width: 252px;
    color: Black;
    font-size: 13px;
    margin-bottom: 2px;
}
#divWiz div#quick_vacation_search
{
	margin: 17px 0 6px 15px;
}
#divWiz #fWizard 
{
	padding: 0 16px 0 12px;
}
#divWiz #fWizard b
{
	margin: 0 0 2px 0;
}
#divWiz #fWizard .wiz_submit {
    position: relative;
    left: 115px;
    top: 18px;
}
span.action_link a.deIco #flagCh,
span.action_link a.deIco #flagAt
{
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}
span.action_link a.chIco #flagDe,
span.action_link a.chIco #flagAt
{
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}
span.action_link a.atIco #flagDe,
span.action_link a.atIco #flagCh
{
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}
.offercontainer
{
	/width: 945px !important;
}
.offercontainer .offer
{
	cursor: pointer;
	background: #d7f1f3; /* Old browsers */
	background: -moz-linear-gradient(top, #d7f1f3 0%, #a5dee5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7f1f3), color-stop(100%,#a5dee5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d7f1f3 0%,#a5dee5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d7f1f3 0%,#a5dee5 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #d7f1f3 0%,#a5dee5 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7f1f3', endColorstr='#a5dee5',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #d7f1f3 0%,#a5dee5 100%); /* W3C */
	float: left;
	width: 180px;
	height: 106px;
	margin: 0 1px 0 0;
	padding: 10px 14px 14px 14px;
	position: relative;
	overflow: hidden;
	
	/width: 208px;
	/height: 130px;
}
.offercontainer .offer:hover
{
	background: #a5dee5; /* Old browsers */
}
.offercontainer .offer .bdr
{
	background: url('../i/bg_ocorner.gif') no-repeat top right;
    height: 49px;
    position: absolute;
    right: 0;
    top: 0;
    width: 49px;
}
.offercontainer .offer h1,
.offercontainer .offer p
{
	margin: 0;
	padding: 0;
}
.offercontainer .offer p
{
	font-family: Arial;
	font-size: 14px;
	line-height: 17px;
	height: 52px;
	/height: 53px;
}
.offercontainer .offer h1
{
	margin-bottom: 6px;
	/margin-bottom: 5px;
	font-size: 24px;
}
.offercontainer .offer a
{
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
	color: #061556;
}
.offercontainer .offer p.price
{
	font-size: 11px;
	font-weight: bold;
	height: auto;
}
.offercontainer .offer p.price a
{
	font-size: 38px;
}
.offercontainer .info
{
	cursor: default;
	width: 289px;
	/width: 317px;
	margin: 0;
}
.offercontainer .info:hover
{
	background: #d7f1f3; /* Old browsers */
	background: -moz-linear-gradient(top, #d7f1f3 0%, #a5dee5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7f1f3), color-stop(100%,#a5dee5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d7f1f3 0%,#a5dee5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d7f1f3 0%,#a5dee5 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #d7f1f3 0%,#a5dee5 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7f1f3', endColorstr='#a5dee5',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #d7f1f3 0%,#a5dee5 100%); /* W3C */
}
.offercontainer .info h1
{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 9px;
	text-transform: uppercase;
}
.offercontainer .info a,
.offercontainer .info b,
.offercontainer .info p
{
	font-size: 12px;
	height: auto;
}
.offercontainer .info a
{
	color: #0073BB;
}
.offercontainer .info b
{
	display: block;
	margin-bottom: 1px;
}
.offercontainer .info span
{
	font-size: 14px;
}
.offercontainer .info p
{
	margin: 5px 0 0 0;
}
.offercontainer .info p.txt
{
	margin-top: 7px;
}
#divSucheHilfeArrow
{
	border-color:#FBE8B3 transparent;
	border-width:0 15px 15px;
	content:"";
	position:absolute;
	border-style:solid;
	display:block;
	width:0;
	right: -28px;
	top: 62px;

	/right: -11px;
	
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
#divSucheHilfeArrow
{	
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.8369701987210297e-16, M12=-1, M21=1, M22=-1.8369701987210297e-16, SizingMethod='auto expand')";
   
   /* IE6 and 7 */ 
   filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=-1.8369701987210297e-16,
            M12=-1,
            M21=1,
            M22=-1.8369701987210297e-16,
            SizingMethod='auto expand');
            
}
#divSucheHilfeInner
{
	line-height: 1.5; 
	font-family:Arial;
	font-size:11px;
	color:#041656;
	border: 1px solid #ECBB08;
	width: 145px;
	height:147px;
	background: #FBE8B3 none;
	padding: 15px 0 0 8px;
	margin: 0 0 0 12px;
	box-shadow: -2px 3px 1px 1px #929292;
	-o-box-shadow: -2px 3px 1px 1px #929292; /* Opera */
	-moz-box-shadow: -2px 3px 1px 1px #929292; /* Firefox */
	-webkit-box-shadow: -2px 3px 1px 1px #929292; /* Safari and Chrome */
	
	/width: 153px;
	/height: 162px;
	
}
.box
{
	border: 1px solid #DDDDDD;
	width: 298px;
	height: 260px;
	padding: 5px;
	box-shadow: 0 0 1px 1px #F5F5F5;
	*width: 310px;
	*height: 272px;
	*padding-bottom: 0px;
	_width: 310px;
	_height: 272px;
	_padding-bottom: 0px;
}
.box .boxInner
{
	background: #d1eef2; /* Old browsers */
	background: -moz-linear-gradient(top, #d1eef2 0%, #ebf8f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1eef2), color-stop(100%,#ebf8f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d1eef2 0%,#ebf8f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d1eef2 0%,#ebf8f9 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #d1eef2 0%,#ebf8f9 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1eef2', endColorstr='#ebf8f9',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #d1eef2 0%,#ebf8f9 100%); /* W3C */
	margin-bottom: 2px;
	padding-bottom: 5px;
	*background: #d1eef2; /* Old browsers */
}
.box #fb
{
	background-color: #EBF8F9;
	border:none;
	overflow:hidden;
	width:298px;
	height:260px;
}
.box .boxInner h2
{
	color: #2B3163;
	font: bold 18px Arial;
	letter-spacing: -1px;
	text-transform: uppercase;
	margin: 0 0 7px 10px;
	padding-top: 11px;
}
.box .boxInner div.offer
{
	padding-left: 12px;
}
.box .boxInner div.offer a
{
	border-bottom: 1px solid #A5DEE5;
	font: 12px/25px Arial;
	display: block;
	width: 272px;
	color: #555555;
	clear: right;
	position: relative;
}
.box .boxInner div.offer a.last
{
	border-bottom: none;
}
.box .boxInner div.offer a:hover
{
	text-decoration: none;
	font-weight: bold;
}
.box .boxInner div.offer a div
{
	position: absolute;
	right: 0;
	padding: 0;
	top: 0;
}
.box .boxInner div.offer a div span
{
	color: #0073BA;
	font-weight: bold;
	text-decoration: underline;
}
.box #newsletter
{
	padding-top: 11px;
	padding-left: 12px;
}
.box #newsletter a
{
	border: none;
	font: bold 12px/14px Arial;
	color: #2B3163;
	padding-left: 1px;
}
.box #newsletter form
{
	margin: 7px 0 19px 0;
	*margin-bottom: 17px;
	_margin-bottom: 17px;
	float: left;
	*width: 280px;
	_width: 280px;
}
.box #newsletter form input
{
	float: left;
	height: 28px;
	width: 72px;
	display: block;
}
.box #newsletter form input#email
{
	border: 1px solid #7F9DB9;
	width: 190px;
	font: 13px/15px Arial;
	color: #7F7F7F;
	padding: 1px 0 1px 3px;
	margin-right: 10px;
}
.box #aboutBox
{
	color: #555555;
	*padding-bottom: 28px;
}
.box #aboutBox h2
{
	margin-bottom: 11px;
}
.box #aboutBox b
{
	font: bold 12px/17px Arial;
	margin-left: 12px;
	display: block;
}
.box #aboutBox ul
{
	/*list-style-image: url('../i/bul2.gif');*/
	list-style-type: none;
	margin-left: 12px;
	margin-top: 3px;
}
.box #aboutBox ul li
{
	background: url('../i/bul2.gif') no-repeat 1px 7px;
	font: 12px/22px Arial;
	padding-left: 15px;
}
.box #aboutBox a
{
	background: url('../i/bul2.gif') no-repeat left 9px;
	display: block;
	font: bold 12px/25px Arial;
	margin-bottom: 23px;
	*margin-bottom: 0px;
	margin-left: 13px;
	padding-left: 9px;
}
#bucket_below .box
{
	height: 170px;
	*height: 182px;
	_height: 182px;
}
.cas .boxInner
{
	background: #F9F3D1;
	padding-bottom: 25px;
	*padding-bottom: 26px;
	_padding-bottom: 26px;
}
.cas .boxInner h2
{
	margin-bottom: 10px;
}
.event .boxInner img,
.cas .boxInner img
{
	background: #FFFFFF none;
	border: 1px solid #DDDDDD;
	margin-left: 10px;
	margin-right: 12px;
	padding: 3px;
	/*height: 72px;
	width: 72px;*/
}
.cas .boxInner img
{
	float:left;
}
.event .boxInner a
{
	float:left;
}
.event .boxInner p,
.cas .boxInner p
{
	font: 12px/17px Arial;
	margin: 0 0 16px 0;
	padding: 1px 0 0 0;
}
.cas .boxInner p.casp
{
	font-weight: bold;
	color: #0073BA;
}
.wide
{
	width: 616px;
	/width: 628px;
}
.box div.b50l,
.box div.b50r
{
	float: left;
	width: 303px;
	*width: 308px;
	_width: 308px;
	margin: 0;
	padding: 0;
}
.box div.b50l
{
	border-right: 1px dotted #A2A2A2;
	padding-right: 5px;
}
.box div.b50r
{
	float: right;
	width: 307px;
}
.event .boxInner h2
{
	margin-bottom: 13px;
}
.event .boxInner p
{
	margin: 0;
}
.event .boxInner a
{
	font: bold 12px/14px Arial;
	padding-left: 12px;
	*padding-left: 7px;
	_padding-left: 7px;
}
.event .boxInner a.img
{
	margin: 0;
	padding: 0;
}
.event .boxInner img
{
	margin: 2px 10px 14px 11px;
}
.event .boxInner p a
{
	padding: 0;
	line-height: 17px;
}
#fat_footer
{
	background: url("../i/bg_footer.gif") no-repeat top left;
	padding-top: 22px;
}
#fat_footer .col
{
	background: #f8f8f8; /* Old browsers */
	background: -moz-linear-gradient(top, #f8f8f8 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f8f8f8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f8f8f8 0%,#ffffff 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f8f8f8 0%,#ffffff 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f8f8f8 0%,#ffffff 100%); /* W3C */
}
#fat_footer div.col
{
	padding-top: 11px;
}
#fat_footer div.col.col_1,
#fat_footer div.col_1
{
	margin-right: 0;
	padding-right: 3px;
	padding-left: 9px;
}
#fat_footer div.col_1 h4,
#fat_footer div.col_1 ul
{
	/margin-left: 9px;
}
#fat_footer div.col.col_2,
#fat_footer div.col.col_4,
#fat_footer div.col_2,
#fat_footer div.col_4
{
	margin-left: 0;
	padding-left: 7px;
}
#fat_footer div.col_2 h4,
#fat_footer div.col_4 h4,
#fat_footer div.col_2 ul,
#fat_footer div.col_4 ul
{
	/margin-left: 7px;
}
#fat_footer div.col.col_2,
#fat_footer div.col_2
{
	width: 144px;
}
#fat_footer div.col.col_3,
#fat_footer div.col_3
{
	margin: 0;
	padding: 11px 0 0 15px;
	/width: 176px;
}
#fat_footer div.col_3 h4,
#fat_footer div.col_3 ul
{
	/margin-left: 15px;
}
#fat_footer div.col.col_4,
#fat_footer div.col_4
{
	width: 140px;
	/width: 153px;
}
#fat_footer div.col.col_5,
#fat_footer div.col_5
{
	background: none;
	margin-left: 10px;
	text-align: left;
	width: 308px;
}
#fat_footer div.box
{
	padding: 0;
	border: none;
	box-shadow: none;
	-o-box-shadow: none; /* Opera */
	-webkit-box-shadow: none; /* Safari and Chrome */
	height: auto;
}
#fat_footer div.box .boxInner
{
	background: #def4f5; /* Old browsers */
	background: -moz-linear-gradient(top, #def4f5 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#def4f5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #def4f5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #def4f5 0%,#ffffff 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #def4f5 0%,#ffffff 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#def4f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #def4f5 0%,#ffffff 100%); /* W3C */
}
#fat_footer div.box .boxInner h2
{
	padding-top: 7px;
	margin-left: 9px;
}
#fat_footer div.box .boxInner div.connect_links
{
	margin: 2px 0 0 0;
	padding: 0 0 0 12px;
	width: 142px;
	/width: 152px;
}
#fat_footer div.box .boxInner .connect_links ul li
{
	padding: 0 0 20px 29px;
}
#fat_footer div.box .boxInner .connect_links ul li a
{
	display: inherit;
	padding: 4px 0 0 0;
}
#fat_footer div.divider
{
	padding-top: 25px;
}
#divWizInner { width: 1000px; position: absolute; left: -90px; top: 235px; z-index: 10; }
