@import "htmlundo.css";
@import "typo.css";
@import "forms.css";

/* Colors used:
 * Red: #c31230
 * Orange: #fcba30
 * Gray background: #f9f9f9
 * Gray border: #d7d7d7
 * Black: #000
 * Text: #585858
 * Link: #042992
 * White: #fff
 * */

#page {
	width: 990px;
	margin: 0 auto;
}

#branding {
	background: #fff url(../img/header_bg.png) left top no-repeat;
	height: 97px;
	width: 990px;
	position: relative;
}

#menu {
	height: 40px;
	position: relative;
}

#menu .language_selector {
	position: absolute;
	right: 0;
	z-index: 1;
}

#menu .language_selector li a {
	display: block;
	overflow: hidden;
	width: 16px;
	height: 11px;
	background: transparent url(../img/flag_no.png) no-repeat;
	text-indent: -2000px;
	border: 2px solid #fff;
	margin: 0 0 0 1px;
}

#menu .language_selector li a:hover {
	border-color: #fcba30;
}

#menu .language_selector li a.language_dk {
	background-image: url(../img/flag_dk.png);
}

#menu .language_selector li a.language_uk {
	background-image: url(../img/flag_uk.png);
}

#menu .language_selector li a.language_de {
	background-image: url(../img/flag_de.png);
}

#menu .language_selector li a.language_nl {
	background-image: url(../img/flag_nl.png);
}

#menu .language_selector li a.language_pl {
	background-image: url(../img/flag_pl.png);
}

#menu .language_selector li a.selected {
	border: 1px solid #7b7b7b;
	padding: 1px;
	margin-top: 0;
	background-position: 1px 1px;
}

#content {
	width: 990px;
}

#main_content {
	width: 698px; /* 700 - 2 (border) */
	float: left;
}

#rel_info {
	width: 275px;
	margin: 0 0 0 15px;
	float: left;
	background-color: #fff;
}

#skiplink {
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: -500px;
	width: 1px;
}

/* Top branding section */
#branding a {
	width: 140px;
	height: 35px;
	background: url(../img/logo.png);
	top: 9px;
	left: 39px;
	position: absolute;
}

.front #branding a {
	width: 197px;
	height: 48px;
	background: url(../img/logo_big.png);
}

.en #branding a {
	width: 160px;
	background: url(../img/logo_en.png);
}

.en .front #branding a {
	width: 219px;
	background: url(../img/logo_big_en.png);
}

.de #branding a {
	width: 141px;
	background: url(../img/logo_de.png);
}

.de .front #branding a {
	width: 194px;
	background: url(../img/logo_big_de.png);
}

.nl #branding a {
	width: 141px;
	background: url(../img/logo_nl.png);
}

.nl .front #branding a {
	width: 194px;
	background: url(../img/logo_big_nl.png);
}

.pl #branding a {
	width: 141px;
	background: url(../img/logo_pl.png);
}

.pl .front #branding a {
	width: 194px;
	background: url(../img/logo_big_pl.png);
}

.dk #branding a {
	width: 143px;
	background: url(../img/logo_dk.png);
}

.dk .front #branding a {
	width: 196px;
	background: url(../img/logo_big_dk.png);
}

#branding a img {
	display: none;
}

#branding .service {
	background: none;
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
}

/* Navigation */
.navigation li {
	float: left;
	display: block;
}

/* Main menu */
.main_menu {
	position: absolute;
	left: 250px;
	top: -100px;
	background: url(../img/menu_bg_left.png) left bottom repeat-x;
}

.main_menu ul {
	background: url(../img/menu_bg_right.png) right bottom no-repeat;
	float: left;
	margin: 0;
	padding: 0 15px;
}

.main_menu a {
	background: url(../img/menu_seperator.png) left 8px no-repeat;
	display: block;
}

.main_menu a span {
	padding: 7px 10px 15px;
	display: block;
}

.main_menu .first a {
	background: none;
}

.main_menu .active {
	background: url(../img/menu_active.png) center bottom no-repeat;
}

#menu .main_menu .active a,
#menu .main_menu a:hover {
	background: url(../img/menu_active_left.png) no-repeat;
}

#menu .main_menu .active a span,
#menu .main_menu a:hover span {
	background: url(../img/menu_active_right.png) no-repeat top right;
}

#progress {
	position: absolute;
	right: 0;
	background: transparent url(../img/progress_right.gif) right top no-repeat;
}

#progress ul,
#progress ul li,
#progress ul li a {
	height: 23px;
}

#progress ul {
	background: transparent url(../img/progress_left.gif) left top no-repeat;
	margin: 0;
	padding: 0 5px;
}

#progress ul li {
	padding: 4px 16px 7px 4px;
	overflow: hidden;
	display: block;
	background: transparent url(../img/progress_arrow.gif) right top no-repeat;
}

#progress ul .prev {
	background: transparent url(../img/progress_arrow_before_active.gif) right top no-repeat;
}

#progress ul .active {
	background: transparent url(../img/progress_arrow_active.gif) right top no-repeat;
}

#progress ul .last {
	background: none;
	padding-right: 7px;
}

#progress.start ul {
	background-image: url(../img/progress_left_start.gif);
}
#progress.end {
	background-image: url(../img/progress_right_end.gif);
}

/* Section tab navigation */
.section .navigation {
	background: transparent url(../img/tab_panel_top.gif) left bottom no-repeat;
	overflow: hidden;
	margin-bottom: 0;
}

.tickets .navigation {
	width: 636px;
	padding: 0 15px 5px;
}

.cabins .navigation {
	width: 658px;
	padding: 0 0 5px 10px;
}

.section .navigation li {
	background: transparent url(../img/ticket_tab_left.gif) left top no-repeat;
	float: left;
	display: block;
	margin: 0 1px;
}

.section .navigation li a {
	background: transparent url(../img/ticket_tab_right.gif) right top no-repeat;
	display: block;
	padding: 10px 12px;
}

.cabins .navigation li a {
	padding: 10px 11px;
}

.cabins .bottom span {
	float: left;
	margin: 3px;
}

.cabins .bottom .navigation {
	width: auto;
	background: none;
}

.cabins .bottom .navigation li {
	background: none;
}

.cabins .bottom .navigation li a {
	padding: 2px 7px;
	background: #FDDE9D url(../img/gradient_orange.gif) repeat-x scroll left bottom;
	border: 1px solid #e8e8e8;
}

.cabins .bottom .navigation li.active a {
	border: 2px solid #707070;
	border-top-color: #fff;
}

.tickets .navigation li a {
	width: 125px;
	padding: 10px 0;
}

.tickets .navigation li a span {
	display: block;
}

.section .navigation .active {
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
}

.section .navigation .active {
	background-image: url(../img/ticket_tab_active_left.gif);
}

.section .navigation .active a {
	background-image: url(../img/ticket_tab_active_right.gif);
}

.tickets .navigation .first,
.tickets .navigation .last,
.tickets .navigation .first a,
.tickets .navigation .last a {
	background: none;
	height: 20px;
	padding-top: 10px;
}

.section .tab_panel {
	background: #fff url(../img/tab_panel_bottom.gif) left bottom no-repeat;
	padding: 0 2px 2px;
	margin-bottom: 4px;
}

/* Specific areas */
.section,
.cart,
.conditions,
.service {
	background-color: #f9f9f9;
	margin-bottom: 15px;
	padding: 15px;
}

.food {
	padding: 14px;
}

.cabins {
	position: relative;
}

.food,
.payment,
.passengers,
.cabins,
.tickets,
.price_calendar {
	padding-bottom: 0;
	overflow: hidden;
}

.tickets,
.cabins,
.food,
.payment,
.passengers,
.receipt,
.price_calendar {
	border: 1px solid #d7d7d7;
}

.tickets ul li {
	text-align: right
}

.passengers .person,
.passengers .cabin {
	border-top: 1px solid #d7d7d7;
	float: left;
	margin-top: -5px;
	padding-top: 5px;
}

.passengers .cabin .group {
	clear: left;
	border-left: 1px solid #d7d7d7;
	padding-left: 20px;
	margin-left: 20px;
}

.food .box {
	width: 304px;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
	clear: none;
}

.food .box.last { margin-right: 0; }

.food ul {
	overflow: hidden;
	width: 301px;
}

.food li {
	margin-right: 10px;
	float: left;
}

#main_content .cabins .travel_method {
	padding-top: 7px;
}

.cabins .travel_method strong {
	float: left;
	padding-right: 10px;
}

.cabins .travel_method label {
	width: auto;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-right: 5px;
}

.cabins .tab_panel {
	padding: 10px;
	margin-bottom: 25px;
}

.cabins .tab_panel .top {
	width: 644px;
	border-top: none;
	border-left: none;
	border-right: none;
	margin: -10px -9px 15px;
	float: left;
	position: relative;
}

.cabins .bottom {
	background: #fff url(../img/bottom_bg.gif) repeat-x;
	margin: 0 -9px -6px;
	padding: 0 9px;
	position: relative;
	width: 646px;
}

.food .box h2 {
	width: 302px;
}

.cabins .active {
	background: transparent url(../img/arrow_orange.gif) 487px 0 no-repeat;
}

.package {
	width: 646px;
	overflow: hidden;
	margin: 5px 0;
	background: transparent url(../img/arrow_gray.gif) 487px 0 no-repeat;
}

.package .cabin,
.package .price {
	float: left;
	background: #fcfcfc url(../img/gradient_gray.gif) left bottom repeat-x;
	padding: 5px;
	border: 1px solid #e8e8e8;
}

.package dl.hidden {
		display: none;
}

.active .cabin,
.active .price {
	background: #fdde9d url(../img/gradient_orange.gif) left bottom repeat-x;
	border-color: #fcad08;
}

.package .cabin {
	margin-right: 12px;
	width: 476px;
	border-right: none;
}

.package .cabin img {
	float: left;
	margin-right: 10px;
}

.package .price {
	width: 144px;
	padding: 0;
	clear: none;
	position: relative;
}

.payment .cards {
	float: right;
	width: 280px;
	text-align: right;
}

.payment .cards img {
	margin: 0 2px;
}

.controls {
	clear: both;
	padding: 10px 0 0;
	margin: 0 -5px;
	position: relative;
}

.controls .previous,
.controls .next {
	position: relative;
	width: 338px;
	overflow: hidden;
	padding-bottom: 15px;
}

.wide .controls .previous,
.wide .controls .next {
	width: 484px;
}

.controls .previous,
.controls .previous .button,
.controls .previous p {
	float: left;
}

.only_one .previous {
	float: none;
}

.controls .next,
.controls .next .button,
.controls .next p {
	float: right;
}

.controls p {
	display: block;
	clear: both;
	margin: 0 7px;
}

/* right column */
.products,
.total {
	padding: 10px 15px;
	width: 215px;
}

.products {
	background: transparent url(../img/rounded_white_bottom.gif) left bottom no-repeat;
}

.total {
	background: transparent url(../img/rounded_gray_bottom.gif) left bottom no-repeat;
	position: relative; /* must be relative to abolutize the price in total */
}

.products .first {
	background: transparent url(../img/rounded_white_top.gif) left top no-repeat;
}

.total dl {
	background: transparent url(../img/rounded_gray_top.gif) left top no-repeat;
}

.products .first,
.total dl {
	margin: -10px -15px 0;
	padding: 10px 15px 0.5em;
}

.products p {
	margin: 0 0 0.5em;
	font-weight: bold;
}

.products dt,
.total dt {
	float: left;
	width: 60px;
}

.total dt {
	width: 150px;
}

.products dd {
	margin-left: 65px;
	width: 150px;
	position: relative;
}

.total dd {
	margin-left: 155px;
	width: 60px;
	position: relative;
}

.products dd span.price,
.total dd span.price {
	position: absolute;
	right: 0;
}

.products p.active {
		font-weight: bold;
}

.products em { /* price */
	text-align: right;
	display: block;
}

.total h2 {
	clear: both;
	margin-bottom: 3px;
	padding-top: 3px;
}

.total em { /* price */
	position: absolute;
	right: 10px;
}

#main_content .receipt .box_light {
	padding-top: 0;
}

.receipt .box h2 {
	margin: 0 -10px;
}

.receipt h2 span {
	left: 7em;
	position: absolute;
}

.receipt h2 span span {
	position: static;
}

.receipt .box {
	position: relative;
	padding-bottom: 0;
}

.receipt ul {
	margin-left: -10px;
	margin-bottom: 30px;
	padding-left: 7em;
}

.receipt li {
	border-top: 1px solid #e8e8e8;
	clear: left;
	padding: 5px 0;
}

.receipt li.no_border {
	border-top: none;
}

.receipt li .title {
	left: 10em;
	position: absolute;
}

.receipt li .content {
	margin-left: 8em;
	margin-bottom: 5px;
	float: left;
}

.receipt .box_light li .content {
	margin-left: 13em;
}

.receipt li .travelers {
	float: left;
	margin-left: 2em;
}

/* General styles */
#menu h1 {
	width: 200px;
	margin-bottom: 10px;
	position: relative;
}

hr {
	height: 1px;
	background-color: #e8e8e8;
	color: #e8e8e8;
	border: 0;
	margin: 10px 0;
}

.box {
	border: 1px solid #7b7b7a;
	padding: 10px;
	background-color: #fff;
	margin-bottom: 15px;
	overflow: hidden;
	clear: both;
}

.box h2,
.top { /* top is used for boxes without heading e.g. cabins */
	display: block;
	border: 1px solid #e8e8e8;
	margin: -10px -10px 15px;
	padding: 10px;
	background: #fcfcfc url(../img/box_header_bg.gif) left bottom repeat-x;
}

.top {
	padding-bottom: 0;
}

.section .box_light {
	border: 1px solid #d7d7d7;
	background: #fff;
	padding: 10px 10px 0;
	margin-bottom: 15px;
}

.button,
.only_one .previous .button {
	width: 158px;
	background: transparent url(../img/btn_blue_top.png) left top no-repeat;
	float: left;
}

.button a,
.only_one .previous .button a {
	width: 158px;
	background: transparent url(../img/btn_blue_bottom.png) left bottom no-repeat;
	display: block;
	padding: 20px 0;
	text-align: center;
}

.button input,
.only_one .previous .button input {
	width: 158px;
	background: transparent url(../img/btn_blue_bottom.png) left bottom no-repeat;
	display: block;
	padding: 20px 0;
	text-align: center;
	border: 0;
	cursor: pointer;
}

.previous .button {
	background-image: url(../img/btn_gray_top.png);
}

.previous .button a,
.previous .button input {
	background-image: url(../img/btn_gray_bottom.png);
}

.button_wide {
	background: url(../img/btn_blue_wide.png) left top no-repeat;
	margin-bottom: 15px;
}

.button_wide a {
	display: block;
	padding: 12px 0 12px 20px;
}

.small {
	width: auto;
	background-image: url(../img/btn_small_left.png);
}

.tickets .small {
	margin-bottom: 14px;
}

.tickets h1 {
	clear: both;
}

.small a,
.small input {
	width: auto;
	padding: 5px 9px 6px;
	background: url(../img/btn_small_right.png) right top no-repeat;
}

.print {
	width: auto;
	background-image: url(../img/btn_blue_small_left.png);
	position: absolute;
	top: 10px;
	right: 10px;
}

.print a {
	width: auto;
	padding: 5px 12px;
	background: url(../img/btn_blue_small_right.png) right top no-repeat;
}

.right {
	float: right;
}

.left {
	float: left;
}

/* Tables */
table {
	font-size: 0.75em;
	background-color: #fff;
}

table th {
	text-align: left;
}

table th,
table td {
	padding: 8px 10px;
}

table .flex fieldset { background-color: #c7caee; }

table .low fieldset { background-color: #fee4ad; }

table .flex,
table .low {
	padding: 0;
}

table .flex fieldset,
table .low fieldset {
	display: block;
	margin: 4px 2px 0;
}

.tickets table {
	width: 660px;
	margin: 0 auto 5px;
	border-collapse: collapse;
}

.tickets thead .first { background: url(../img/tlc_lightgray.gif) left top no-repeat; }
.tickets thead .last { background: url(../img/trc_lightgray.gif) right top no-repeat; }
.tickets .first span { background: transparent url(../img/blc_lightgray.gif) left bottom no-repeat; }
.tickets .last span { background: transparent url(../img/brc_lightgray.gif) right bottom no-repeat; }
.tickets tr th { background: transparent url(../img/bg_lightgray.gif) left top repeat-x; }

.tickets thead .first span,
.tickets thead .last span {
	padding: 8px 10px;
	display: block;
	font-size: 1em;
}

.tickets thead .first,
.tickets thead .last {
	padding: 0;
}

.tickets td {
	border-bottom: 1px solid #f4f4f4;
}

/* Front page styles (some of these will be needed for normal content pages as well) */
.front #branding {
	background-image: url(../img/header_tall.png);
	height: 118px;
}

.front #menu {
	height: 20px;
	position: absolute;
	width: 990px;
	z-index: 2;
}

.front #content {
	padding-top: 20px;
}

.front #main_content {
	width: 958px;
	border: 1px solid #d7d7d7;
	background-color: #f9f9f9;
	margin-top: -1px;
	padding: 25px 15px;
	clear: both;
}

.front .wide_content {
	float: left;
	margin-bottom: 30px;
	width: 100%;
}

.front .wide_content img,
.front .wide_content .slideshow {
	border: 1px solid #d7d7d7;
	margin-left: 20px;
}

.front .wide_content .slideshow object {
	display: block;
}

.front .wide_content .offer_box {
	border: 1px solid #d7d7d7;
	background-color: #fbeed4;
	margin-left: 20px;
	width: 472px;
	float: right;
}

.front .wide_content .offer_box img {
	border: none;
	margin: 0 8px 0 0;
	float: left;
}

.offer_box h2 {
	margin: 0.5em 0 0;
	line-height: 1;
}

.offer_box h3 {
	margin: 0.5em 0 0;
}

.offer_box ul {
	margin-bottom: 0.5em;
}

.offer_box span {
	display: block;
}

.front .wide_content .button {
	margin-left: -8px;
}

.front #inner_content {
	width: 654px;
	border: 1px solid #d7d7d7;
	background-color: #fff;
	margin-top: -1px;
	padding: 25px 15px 10px;
	float: left;
	clear: left;
}

.front #inner_content h3 {
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 0;
	padding: 6px 0;
}

.front #inner_content h4 {
	padding-top: 6px;
}

.front #inner_content .line h4 {
	padding-top: 0;
}

.front #inner_content .small {
	margin-right: 7px;
}

.front .filter .gray {
	background-color: #e9e9e9;
	font-size: 1em;
	width: 100%;
	float: left;
	display: block;
}

.front .filter input {
	margin: 5px 5px 5px 8px;
	float: left;
	clear: left;
}

.front .filter label {
	padding: 5px 0 2px;
	float: left;
}

.front .vertical fieldset {
	float: left;
	width: 270px;
}

.front .vertical h2 {
	margin: 0.5em;
	float: left;
	display: inline;
}

/* filtered inner content */
.front #inner_content.filtered {
	clear: none;
	padding-top: 8px;
}

.front .filtered h2 span {
	padding: 0 10px;
}

.front #inner_content .line {
	padding: 10px 0;
	background: url(../img/col_gray.gif) repeat-y top right;
}

.front #inner_content .line img {
	float: left;
	margin-right: 10px;
	border: 1px solid #d7d7d7;
}

.front #inner_content .line img.no_frame {
	margin-right: 0;
	margin-bottom: 20px;
	border: none;
}

.front #inner_content .line .with_image {
	float: left;
	width: 316px;
	margin-bottom: 1em;
}

.front #inner_content .line .no_image {
	float: left;
	width: 458px;
	margin-bottom: 1em;
}

.front #inner_content .line .details {
	float: right;
	width: 166px;
	padding: 0 10px 10px;
}

.front #inner_content .line .details sup {
	font-size: 0.66em;
}

.front #inner_content .line ul {
	margin: 0;
}

.front #inner_content .multi_line ul {
	position: absolute;
}

.front #inner_content .line li {
	margin: 5px 0;
	background: none;
	padding: 0;
}

.front #rel_info {
	background: #f9f9f9;
	float: right;
	width: 245px;
	margin-bottom: -15px;
}

.row {
	clear: both;
	float: left;
	position: relative;
	margin: 0 -9px;
	background: url(../img/bg_three_col.png) repeat-y 10px top;
	width: 990px;
}

.front #rel_info .section,
.row .section {
	border: 1px solid #d7d7d7;
	background: #fff;
	padding: 0;
}

.front #rel_info .phone {
	background: none;
	border: none;
}

.row .section {
	width: 303px;
	margin: 0 10px;
	float: left;
	border-bottom: none;
}

.row img {
	float: left;
	margin: 12px 10px 0;
	border: 1px solid #d7d7d7;
}

.row .with_image {
	float: left;
	width: 221px;
	padding: 8px 0 50px;
}

.row .with_image .button {
	position: absolute;
	bottom: 12px;
}

.row .with_image a {
	display: block;
}

.row p {
	margin: 0;
}

.front #rel_info .section h3,
.row .section h3 {
	background: #fcfcfc url(../img/box_header_bg.gif) repeat-x left bottom;
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 0;
	padding: 10px 20px;
}

.front #rel_info .phone h3 {
	background: none;
	border: none;
}

#rel_info .link_only a {
	background: #fcfcfc url(../img/box_header_bg.gif) repeat-x left bottom;
	display: block;
}

#rel_info .link_only span {
	background: url(../img/link_arrow.gif) no-repeat right center;
	padding: 10px 20px;
	margin-right: 10px;
	display: block;
}

.row .section h3 span,
.front #rel_info .phone h3 span {
	display: block;
}

.front #rel_info .section img,
#map_canvas {
	margin: 1px;
}

.front #rel_info .section p,
.front #rel_info .section li,
.front .row .section li {
	padding: 5px 20px;
	margin: 0;
}

.front #rel_info table,
.front .row table {
	border-collapse: collapse;
	width: 100%;
}

.front #rel_info ul,
.front #rel_info table {
	margin-bottom: 5px;
}

.front #rel_info table th,
.front #rel_info table td {
	padding: 8px 0 8px 20px;
}

.front .row table th,
.front .row table td {
	padding: 4px 0 4px 20px;
}

.front #rel_info .list,
.front .row .list {
	background-color: #f9f9f9;
}

.front #rel_info .list li.even,
.front #rel_info .list tr.even td,
.front #rel_info .list th,
.front .row .list li.even,
.front .row .list tr.even td,
.front .row .list th {
	background-color: #fff;
}

.offers {
	float: left;
}

.offers a {
	text-decoration: none;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	display: block;
	position: relative;
	float: left;
	margin: 1px;
	width: 241px;
}

.filtered .offers a {
	width: 651px;
	margin: 5px 1px;
	border: 1px solid #d7d7d7;
}

.row .offers a {
	width: 301px;
}

.offers a:hover {
	cursor: pointer;
	background-color: #fbeed4;
}

.filtered .offers img {
	float: left;
	margin: 5px;
}

.offers span {
	font-size: 1em;
	display: block;
}

.offers .title {
	color: #000;
	float: left;
	padding: 8px 0 0 20px;
}

.filtered .offers .title {
	padding: 4px 0 4px 10px;
	width: 385px;
}

.offers .text {
	color: #585858;
	float: left;
	clear: left;
	padding: 0 0 8px 20px;
	white-space: nowrap;
}

.section.offers .text {
	width: 160px;
	white-space: normal;
}

.filtered .offers .text {
	padding: 4px 0 8px 10px;
	clear: none;
	width: 385px;
	white-space: normal;
}

.filtered .offers a .title span,
.offers .text span {
	color: #000;
	padding-top: 5px;
}

.offers .price {
	background: #fdcc67 url(../img/price_tag.png) repeat-x top left;
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 100%;
}

.row .offers .price {
	width: 66px;
}

.filtered .offers .price {
	padding: 0 10px;
	width: 90px;
}

.offers .amount {
	font-size: 1.25em;
	font-weight: bold;
	text-align: right;
	padding: 0 5px;
}

.row .offers .amount {
	padding-right: 10px;
}

.filtered .offers .amount {
	font-size: 2em;
	font-weight: normal;
	padding: 0;
}

.row .offers .text,
.row .offers .title,
.row .section h3,
.front .row table th,
.front .row table td,
.front .row .section li {
	padding-left: 10px;
}

.offers .description {
	font-size: 0.9166em;
	color: #fff;
	text-align: center;
}

.filtered .offers .description {
	font-size: 1em;
	color: #000;
	text-transform: uppercase;
	text-align: left;
}

.filtered .offers .from {
	margin-top: 25px;
}

.front h1 {
	float: left;
	margin: 0;
	padding: 4px 0 6px;
}

.front .tabs {
	float: left;
	margin: 0 0 0 10px;
	position: relative;
}

.front .tabs a {
	background: transparent url(../img/tab_gray_left.png) left top no-repeat;
	float: left;
	display: block;
	margin: 0 2px;
	border-bottom: 1px solid #d7d7d7;
}

.front .tabs a span {
	background: transparent url(../img/tab_gray_right.png) right top no-repeat;
	display: block;
	padding: 10px 12px;
}

.front .tabs a:hover {
	background-image: url(../img/tab_gray_left_active.png);
}

.front .tabs a:hover span {
	background-image: url(../img/tab_gray_right_active.png);
}

.front .tabs a.active {
	border-bottom: 1px solid #f9f9f9;
	margin-bottom: 0;
	background: #f9f9f9 url(../img/tab_gray_left_active.png) left top no-repeat;
}

.front .tabs a.active span {
	background: url(../img/tab_gray_right_active.png) right top no-repeat;
	/*font-weight: bold;*/
	color: #c31230;
}

.front #main_content .tabs a {
	background-image: url(../img/tab_gray_left_active.png);
}

.front #main_content .tabs a span {
	background-image: url(../img/tab_gray_right_active.png);
}

.front #main_content .tabs a:hover {
	background-image: url(../img/tab_gray_left.png);
}

.front #main_content .tabs a:hover span {
	background-image: url(../img/tab_gray_right.png);
}

.front #main_content .tabs a.active {
	border-bottom: 1px solid #fff;
	background: #fff url(../img/tab_gray_left.png) left top no-repeat;
}

.front #main_content .tabs a.active span {
	background-image: url(../img/tab_gray_right.png);
}

.front .destinations {
	background: url(../img/destinasjoner-kart.jpg) no-repeat;
	min-height: 257px;
	margin: -25px -15px 30px;
	padding: 25px 680px 0 15px;
	width: auto;
}

.front .destinations_new {
	background: url(../img/destinasjoner-new.jpg) no-repeat;
	min-height: 257px;
	margin: -25px -15px 30px;
	padding: 25px 680px 0 15px;
	width: auto;
}

.front #promotions {
	width: 608px;
	float: right;
	margin: 0;
	padding: 232px 0 15px 0;
	position: relative;
	/*overflow: hidden;*/
}

.front #promotions h2,
.front #promotions p,
.front #promotions a,
.front #promotions span,
.front #promotions strong {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
}

.front #promotions_main {
	position: absolute;
	margin-top: -300px;
	left: 0;
	height: 300px;
}

.front #promotions_main object {
	outline: none;
}

.front #promotions_main img {
	display: block;
	position: absolute;
	bottom: 0;
}

.front #promotions_small {
	float: left;
	overflow: hidden;
	width: 360px;
}

.front #promotions_small .promotion {
	border: 1px solid #e1e1e1;
	background: #f6f6f6 url(../img/promotion_bg.png) repeat-x;
	margin: 10px 0 0 0;
	position: relative;
	padding: 10px;
}

.front #promotions_small .promotion h2 {
	font-size: 1.125em;
}

.front #promotions_small .promotion p {
	font-size: 0.75em;
	color: #545454;
}

.front #promotions_small .promotion .price {
	position: absolute;
	display: block;
	top: 10px;
	right: 10px;
	color: #c31230;
}

.front #promotions_small .promotion .price strong {
	font-size: 3em;
	vertical-align: text-top;
	position: relative;
	top: -5px;
}

.front #map {
	width: 236px;
	height: 187px;
	background: transparent url(../img/rutekart.png) no-repeat;
	position: relative;
	float: right;
	margin: 10px 0 0 0;
}

.dk .front #map {
	background: transparent url(../img/rutekart_dk.png) no-repeat;
}

.front #map h2 {
	padding: 10px 0 0 10px;
	color: #c31230;
	font-size: 0.8125em;
}

.front #map a {
	display: block;
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 0.6875em;
}

#footer {
	float: left;
	margin-top: 10px;
	width: 100%;
}

#footer li {
	padding: 0 5px;
	border-left: 1px solid #000;
	margin-bottom: 15px;
}

#footer .first {
	padding-left: 0;
	border: none;
}

#footer .last {
	float: right;
	border: none;
}

.order {
	width: 360px;
	background: none;
	padding: 0;
	float: left;
}

.order .navigation {
	background: none;
	position: absolute;
	z-index: 1;
}

.order .navigation li a {
	padding: 5px 8px;
}

.order .navigation .active {
	border-bottom: 1px solid #fccb64;
	margin-bottom: 0;
	margin-left: 0;
	background-image: url(../img/tab_orange_left.png);
}

.order .navigation .active a {
	background-image: url(../img/tab_orange_right.png);
	font-weight: bold;
	color: #c31230;
}

.order .tab_panel {
	background: #fccb64 url(../img/order_box_bg.gif) repeat-x bottom left;
	padding: 9px 9px 65px;
	border: 1px solid #fcba31;
	clear: both;
	overflow: hidden;
	min-height: 337px;
	margin: 0 0 20px;
	position: relative;
	top: 26px;
}

.order .tab_panel fieldset.trip {
	background: url(../img/order_line_hor.gif) repeat-x bottom left;
	padding: 0;
	position: relative;
}

.order .tab_panel label {
	margin: 0;
	padding: 0 10px 5px 3px;
}

.order .wide select {
	margin-right: 0;
	width: 161px;
}

.order .tab_panel fieldset.travelers,
.order .tab_panel fieldset.horizontal {
	background: url(../img/order_line_hor.gif) repeat-x top left;
	padding: 10px 0;
	width: 100%;
	clear: both;
}

.order .tab_panel fieldset.horizontal {
	padding-bottom: 0;
	position: relative;
}

.order .tab_panel fieldset.buttons {
	bottom: 15px;
	left: 9px;
	position: absolute;
	width: 343px;
}

.order .buttons .small {
	position: absolute;
	bottom: 6px;
	background-image: url(../img/btn_small_left_on_orange.png);
}

.order .buttons .small input {
	background-image: url(../img/btn_small_right_on_orange.png);
	overflow: visible;
}

.order .buttons .next {
	float: right;
}

.order .buttons .next .button {
	background-image: url(../img/btn_blue_top_on_orange.png);
	width: 170px;
}

.order .buttons .next input {
	float: right;
	background-image: url(../img/btn_blue_bottom_on_orange.png);
	width: 170px;
	padding: 13px 0;
}

.order .horizontal .radio {
	padding-bottom: 3px;
}

.order .tab_panel fieldset.calendar {
	width: 161px;
	float: left;
	margin: 6px 0;
	position: relative;
}

.order .tab_panel fieldset.out {
	padding-right: 8px;
}

.order .tab_panel fieldset.return {
	background: url(../img/order_line_vert.gif) repeat-y top left;
	padding-left: 9px;
}

.order .tab_panel .calendar .group {
	padding-bottom: 5px;
}

.order .tab_panel .calendar table {
	background: none;
	border-collapse: collapse;
	margin-bottom: 0;
	clear: both;
}

.order .tab_panel th, .order .tab_panel td {
	padding: 0;
	text-align: center;
}

.order .tab_panel th {
	background: url(../img/order_th_bg.gif) repeat-x top left;
	padding: 1px 0 0;
}

.order .tab_panel td {
	border: 1px solid #a5a292;
	background-color: #fff;
}

.order .tab_panel td a {
	text-decoration: none;
	width: 22px;
	display: block;
	padding: 3px 0;
}

.order .tab_panel td.oob {
	border: none;
	background-color: #fcc145;
}

.order .tab_panel td.oob a {
	color: #fcc145;
	cursor: default;
}

.order .tab_panel td.empty a,
.order .tab_panel td.sold_out a {
	color: #bfbfbf;
	cursor: default;
}

.order .tab_panel td a.active {
	color: #000;
	background-color: #fdd88a;
}

.order .tab_panel td a:hover {
	background-color: #c31230;
	color: #fff;
}

.order .tab_panel td.oob a:hover {
	background-color: #fcc145;
	color: #fcc145;
}

.lightbox .order .tab_panel td.oob,
.lightbox .order .tab_panel td.oob a,
.lightbox .order .tab_panel td.oob a:hover {
	background-color: #fff;
	color: #fff;
}

.order .tab_panel td.empty a:hover,
.order .tab_panel td.sold_out a:hover {
	background-color: #fff;
	color: #bfbfbf;
}

.order .tab_panel th span, .order .tab_panel td span {
	font-size: 1em;
}

.order .travelers select {
	width: 110px;
}

.order #vehicle_info select,
.order #calendar_vehicle_info select {
	width: 110px;
	float: left;
	margin-right: 3px;
}

.order #vehicle_info #vehicle_type,
.order #calendar_vehicle_info #calendar_vehicle_type {
	width: 224px;
}

.order .group {
	clear: left;
}

.order .tab_panel fieldset.cruise {
	padding-bottom: 7px;
}

.order .tab_panel fieldset.cruise select {
	width: 100%;
	margin-bottom: 3px;
}

.blocks {
	background: #fcfcfc  url(../img/blocks_bg.png) left bottom no-repeat;
	margin: 0 -2px 10px -1px;
	padding-right: 2px;
	overflow: hidden;
	clear: both;
}

.blocks .section {
	width: 233px;
	float: left;
	min-height: 130px;
	margin: 0 0 4px 13px;
	border-top: 1px solid #e3e3e2;
	background: none;
	padding: 2px;
	background-color: transparent ! important;
}

.blocks .first {
	margin-left: 2px;
}

.blocks h3 {
	border-bottom: 1px solid #e3e3e2;
	padding: 10px;
	margin-bottom: 2px;
	background: #fcfcfc url(../img/box_header_bg.gif) left bottom repeat-x;
	width: 213px;
}

.blocks table.list {
	width: 100%;
	background: transparent;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 5px 0 4px 0;
}

.blocks table.list th,
.blocks table.list td {
	padding: 2px 0 2px 10px;
	margin: 0;
}

.blocks table.list thead th {
	padding-bottom: 10px;
}

.blocks table.list tfoot td {
	padding-top: 10px;
	margin: 0;
	color: #424242;
}

.blocks table.list tr.even td {
	background-color: #fff;
}

.blocks label {
	font-size: 0.75em;
	display: block;
	padding: 10px;
}

.blocks input.text {
	margin: 0 0 0 10px;
	padding: 5px;
	width: 195px;
}

.blocks input.hint {
	color: #8d8d8d;
}

.blocks .button {
	float: right;
	margin: 5px 10px 0 0;
}

/* Lightbox */
#overlay {
	background-color: #666;
	height: 100%;
	opacity: 0.4;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

div.lightbox {
	position: absolute;
	width: 338px;
	background: url(../img/lightbox_top.png) center top no-repeat;
	padding: 6px 0;
	left: -500px;
	z-index: 11;
}

div.lightbox .content {
	background: #fddc98 url(../img/lightbox_bg.png) center top repeat-x;
	border-left: 2px solid #e51337;
	border-right: 2px solid #e51337;
	padding: 11px;
	margin: 0 10px;
}

div.lightbox .close {
	color: #fff;
	background: url(../img/lightbox_close_bottom.png) no-repeat top left;
	text-decoration: none;
	position: absolute;
	bottom: 8px;
	right: 12px;
	padding: 2px 5px 0;
	cursor: pointer;
}

div.lightbox .close:hover {
	text-decoration: underline;
}

div.lightbox .close span {
	font-size: 1.25em;
	font-weight: bold;
}

div.lightbox .bottom {
	background: url(../img/lightbox_bottom.png) center bottom no-repeat;
	width: 338px;
	height: 6px;
	margin-top: -3px;
}

div.lightbox .pointer {
	width: 12px;
	height: 19px;
	position: absolute;
	top: 10px;
}

div.lightbox .point_left {
	background: url(../img/lightbox_pointer.png) left top no-repeat;
	left: 0;
}

div.lightbox .point_right {
	background: url(../img/lightbox_pointer_right.png) left top no-repeat;
	right: 0;
}

/* big version */
#lightbox-big {
	width: 438px;
	background-image: none;
	padding: 0;
}

#lightbox-big .big {
	background: #fff;
	padding: 20px 11px 20px 31px;
	border: 8px solid #c31230;
	float: left;
}

#lightbox-big .bottom {
	display: none;
}

#lightbox-big .close {
	top: 0;
	right: 0;
	bottom: auto;
	background: #fff url(../img/lightbox_close_top.png) no-repeat bottom left;
	padding: 0 4px 2px 6px;
}

#lightbox-big .content {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	padding-right: 20px;
	max-height: 500px;
	overflow: hidden;
	overflow-y: auto;
	width: 360px;
}

#lightbox-big .order {
	overflow: hidden;
}

#lightbox-big .tab_panel {
	background: none;
	border: none;
	min-height: 230px;
}

#lightbox-big .tab_panel fieldset.trip {
	background: none;
	border-bottom: 1px solid #c3c3c3;
}

#lightbox-big .tab_panel fieldset.travelers,
#lightbox-big .tab_panel fieldset.horizontal {
	background: none;
	border-top: 1px solid #c3c3c3;
}

#lightbox-big .tab_panel fieldset.out {
	padding-left: 0;
}

#lightbox-big .tab_panel fieldset.return {
	background: none;
	border-left: 1px solid #c3c3c3;
	padding-right: 0;
}

#lightbox-big .calendar {
	background: none;
}

#lightbox-big .next .button {
	background-image: url(../img/btn_red_top.png);
}

#lightbox-big .next input {
	background-image: url(../img/btn_red_bottom.png);
}

/* adaptable width lightbox */
#lightbox-big.auto-wide {
	width: auto;
	padding: 0;
}

#lightbox-big.auto-wide .big {
	padding: 20px;
}

#lightbox-big.auto-wide .content {
	width: auto;
	max-height: none;
	padding: 1px;
}

#lightbox-big.auto-wide .tab_panel {
	clear: both;
	border-top: 1px solid #d7d7d7;
	margin-top: -1px;
	float: left;
	background-color: #f9f9f9;
}

#lightbox-big.auto-wide h2 {
	margin: 1em 10px 0.5em;
	clear: both;
}

#lightbox-big.auto-wide .button {
	float: right;
}

#lightbox-big.auto-wide .button a,
#lightbox-big.auto-wide .button input {
	padding: 13px 0;
	width: 158px;
}

/* ship plan */
#lightbox-big.auto-wide .simple ul {
	position: absolute;
	right: 25px;
}

#lightbox-big.auto-wide .simple li a {
	padding: 0 5px;
}

#lightbox-big.auto-wide .simple li a.active {
	text-decoration: none;
	color: #545454;
}

#lightbox-big.auto-wide h1 {
	float: none;
}

#lightbox-big.auto-wide .simple h1 {
	position: absolute;
	top: 17px;
	color: #000;
	font-size: 1.125em;
}

#lightbox-big.auto-wide .simple h1 span {
	color: #585858;
	font-size: 1em;
}

#lightbox-big.auto-wide .simple .tab_panel {
	background: none;
	margin-top: 20px;
	padding-top: 10px;
}

#lightbox-big ul.list {
	background-color: #f9f9f9;
}

#lightbox-big ul.list li {
	padding: 3px 0;
}

#lightbox-big ul.list .even {
	background-color: #fff;
}

#lightbox-big ul.list h2 {
	float: left;
	font-weight: bold;
	margin: 3px 6px;
}

#lightbox-big ul.list p {
	padding: 2px 0;
	margin: 0 0 0 7em;
	font-size: 1em;
}

#map_canvas {
	width: 241px;
	height: 230px;
}

.map_form {
	padding: 0 20px 10px;
}

.map_form h4 {
	color: #c41230;
	margin: 10px 0;
}

.map_form #from_adress {
	width: 200px;
	margin-bottom: 10px;
}

.map_form a {
	float: right;
	margin-top: 5px;
}

#inner_content ul,
.article ul {
	margin-bottom: 0.5em;
}

#inner_content li,
.article ul li {
	background: url(../img/list_marker.gif) no-repeat left 4px;
	padding: 0 0 4px 12px;
}

.article ol li {
	margin-left: 24px;
	padding: 0 0 4px;
}

#inner_content dt {
	float: left;
	font-weight: bold;
	padding: 2px 5px 2px 0;
}

#inner_content dd {
	padding: 2px 0;
}

/* time table */
.timetable {
	border-collapse: collapse;
}

.timetable th {
	background-color: #fff;
	border-right: 1px solid #d7d7d7;
	padding: 4px 10px;
}

.timetable td {
	background-color: #f9f9f9;
	border-right: 1px solid #d7d7d7;
	white-space: nowrap;
	padding: 4px 10px;
}

.timetable thead th {
	border: 1px solid #d7d7d7;
	background: #fcfcfc url(../img/box_header_bg.gif) repeat-x left bottom;
	padding: 8px 10px;
}

.timetable .even td {
	background-color: #fff;
}

.timetable .time {
	width: 9em;
	border-color: #ededed;
}

.timetable .last {
	border: none;
}

#contact_form {
	clear: both;
}

#contact_form label,
#contact_form input {
	display: block;
}

#contact_form label {
	padding-top: 10px;
}

#contact_form input {
	width: 20em;
}

#contact_form textarea {
	width: 40em;
	height: 10em;
	display: block;
}

#lightbox-big.auto-wide .menu h2 {
	float: left;
	margin: 0;
}

#lightbox-big.auto-wide .menu span {
	display: block;
	margin-left: 27em;
	text-align: right;
	width: 3em;
}

#lightbox-big.auto-wide .menu p {
	clear: both;
	width: 26em;
}

.button_container {
	padding: 0 20px 10px;
}

.article_content h2 {
	border-bottom: 1px solid #d7d7d7;
	padding: 6px 0;
}

/* JS image slideshow */
.slider-wrap {
	width: 472px;
	float: right;
	border: 1px solid #d7d7d7;
	margin-left: 20px;
}

#main-photo-slider {
	height: 234px;
	overflow: hidden;
}

.stripViewer {
	position: relative;
	overflow: hidden;
	width: 472px;
	height: 205px;
}

.stripViewer .panelContainer {
	position: relative;
	left: 0;
	top: 0;
}

.stripViewer .panelContainer .panel	{
	float: left;
	height: 100%;
	position: relative;
	width: 472px;
}

.slider-wrap .stripNavL,
.slider-wrap .stripNavR,
.slider-wrap .stripNav	{
	display: none;
}

#movers-row	{
	margin: -45px 0 42px 62px;
}

#movers-row div	{
	width: 20%;
	float: left;
}

#movers-row div a.cross-link {
	float: right;
	line-height: 0;
}

.slider-wrap .cross-link	{
	display: block;
	width: 62px;
	margin-top: -11px;
	position: relative;
	padding-top: 11px;
	z-index: 9;
}

.slider-wrap .active-thumb {
	background: transparent url(../img/icon-uparrowsmallwhite.png) top center no-repeat;
}

.front .wide_content .slider-wrap img {
	margin: 0;
	border: none;
}

.front .wide_content .slider-wrap .cross-link img {
	border: 1px solid #fff;
}

th p,
td p {
	margin-bottom: 0;
}

.front th p,
.front td p {
	line-height: 1;
}

#inner_content table {
	border-collapse: collapse;
}

#inner_content th,
#inner_content td {
	border: 1px solid #d7d7d7;
}