html, body {
    margin: 0px;
    padding: 0px;
    height: 100%;
}

body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, hr, table, th, td, form, img, fieldset, input, select, textarea, caption, dl, dd, dt {
    border: none;
    font: 100% Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
	color: #545454;
	list-style: none;
}

body {
	padding: 5px 0;
	text-align: center;
}

a {
    color: #e41819;
	text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1 {
	color: #545454;
	font-size: 1.5em;
	margin: 10px 0 5px 0;
}

h1 em,
h2 em,
h3 em {
	font-style: normal;
}

h1 strong {
    color: #e41819;
	text-transform: uppercase;
	font-weight: bold;
}

h2.dark {
	background: #545454;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 10px;
	font-size: 0.8125em;
	margin: 0 0 0.5em 0;
	position: relative;
}

h2.dark a.advanced {
	display: block;
	position: absolute; 
	top: 0;
	right: 0;
	padding: 5px 15px;
	border-left: 1px solid #fff;
	text-transform: none;
	color: #fff;
	background: transparent url(../images/portal/gradient-dark-gray.png) repeat-x top left;
}

h2.bright {
	background: #dddddd;
	color: #000000;
	text-transform: uppercase;
	padding: 5px 10px;
	font-size: 0.8125em;
	margin: 0 0 0.5em 0;
	position: relative;
}


.hidden {
	display: none;
}

label.hidden {
	display: none;
}


.left {
	float: left;
}

.right {
	float: right;
}

.checkbox_theme {
    float: left;
}

.checkbox_theme label{
    margin-left: 5px;
}

#maincontent {
	float: left;
	width: 730px;
	padding: 0 0 40px 0;
}

#maincontent-map {
	float: left;
	width: 540px;
	padding: 0 0 40px 0;
}

#map {
	width: 400px;
	padding: 430px 0 0 0;
	background: transparent url("../images/portal/map.png") no-repeat;
	float: right;
}

.cancel {
	cursor: pointer;
}

#footer { /*altered by HGH */
	clear: both;
	padding: 40px 0 0 0;
}

#footer div { /*altered by HGH */
	font-size: 0.75em;
	padding: 0 0 3px 0;
}

#footer .separator {
	color: #ccc;
	padding: 0 5px;
	font-size: 1.2em;
}

/***************************************************
 SHADOW
 ***************************************************/

.shadow {
	background: #000;
	border: 1px solid #808080;
	opacity: 0.04;
	filter: alpha(opacity=4);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.shadow1 {
	padding: 0 4px;
	left: -4px;
}

.shadow2 {
	padding: 2px 3px;
	top: -2px;
	left: -3px;
}

.shadow3 {
	padding: 3px 2px;
	top: -3px;
	left: -2px;
}

.shadow4 {
	padding: 4px 0;
	top: -4px;
	left: 0;
}

/***************************************************
 BUTTONS
 ***************************************************/

.buttons {
	overflow: hidden;
	padding: 20px 0 0 0;
	clear: both;
	position: relative;
}

.buttonstop {
	overflow: hidden;
	padding: 20px 0 0 0;
	clear: both;
	position: relative;
	width:730px;
}

.searchbuttons {
	overflow: hidden;
	padding: 5px 0 0 0;
	clear: both;
	position: relative;
}

.button {
	background: transparent url("../images/portal/button-green35-right.png") no-repeat top right;
	padding: 0 10px 0 0;
	font-size: 0.8125em;
	float: right;
}

.buttontop 
{
	background: transparent url("../images/portal/button-green35-right.png") no-repeat top right;
	padding: 0 10px 0 0;
	font-size: 0.8125em;
	float: right;
}

.button a {
	display: block;
	background: transparent url("../images/portal/button-green35-left.png") no-repeat top left;
	height: 35px;
	color: #fff;
	padding: 10px 10px 0 20px;
	float: right;
	font-weight: bold;
	cursor: pointer;	/*added by HGH*/
}

.redbutton {
	background: transparent url("../images/portal/button-red-right.png") no-repeat top right;
	padding: 0 10px 0 0;
	font-size: 0.8125em;
	float: right;
}

.redbutton a {
	display: block;
	background: transparent url("../images/portal/button-red-left.png") no-repeat top left;
	height: 35px;
	color: #fff;
	padding: 10px 10px 0 20px;
	float: right;
	font-weight: bold;
	cursor: pointer;	/*added by HGH*/
}

.buttonleft { /*added by MCH */
	background: transparent url("../images/portal/button-green35-right.png") no-repeat top right;
	padding: 0 10px 0 10px;
	font-size: 0.8125em;
	float: left;
}

.buttonleft a { /*added by MCH */
	display: block;
	background: transparent url("../images/portal/button-green35-left.png") no-repeat top left;
	height: 35px;
	color: #fff;
	padding: 10px 10px 0 20px;
	float: left;
	font-weight: bold;
}

.buttonleftsmall { /*added by MCH */
	background: transparent url("../images/portal/button-green25-right.png") no-repeat top right;
	padding: 0 10px 0 10px;
	font-size: 0.8125em;
	float: left;
}

.buttonleftsmall a { /*added by MCH */
	display: block;
	background: transparent url("../images/portal/button-green25-left.png") no-repeat top left;
	height: 35px;
	color: #fff;
	padding: 10px 10px 0 20px;
	float: left;
	font-weight: bold;
}

.redbuttonleft { /*added by MCH */
	background: transparent url("../images/portal/button-red-right.png") no-repeat top right;
	padding: 0 10px 0 10px;
	font-size: 0.8125em;
	float: left;
}

.redbuttonleft a { /*added by MCH */
	display: block;
	background: transparent url("../images/portal/button-red-left.png") no-repeat top left;
	height: 35px;
	color: #fff;
	padding: 10px 10px 0 20px;
	float: left;
	font-weight: bold;
}


.button input { /* Added by HGH */
	display: block;
	background: transparent url("../images/portal/button-red-left.png") no-repeat top left;
	height: 35px;
	color: #fff;
	padding: 10px 10px 0 20px;
	float: right;
	font-weight: bold;
}

.button.left {
	float: left;
}

.button.left a {
	float: left;
}

.button a:hover {
	text-decoration: none;
}

.graybutton {
	background: transparent url(../images/portal/button-disabled-right.png) no-repeat top right;
	padding: 0 10px 0 0;
	font-size: 0.8125em;
	float: right;
}

.graybutton a {
	display: block;
	background: transparent url(../images/portal/button-disabled-left.png) no-repeat top left;
	height: 35px;
	color: #666;
	padding: 10px 10px 0 20px;
	float: right;
	font-weight: bold;
}

.graybutton a:hover {
	text-decoration: none;
	cursor: pointer;
}

.smallbutton {
	color: #fff;
	background: transparent url(../images/portal/button-left.png) repeat-x -10px 0;
	font-size: 0.75em;
	padding: 2px 10px;
	cursor: pointer;
}

.backbutton {
	background: transparent url("../images/portal/button-gray-right.png") no-repeat top right;
	padding: 0 10px 0 0;
	font-size: 0.8125em;
	float: left;
}

.backbutton a {
	display: block;
	background: transparent url("../images/portal/button-gray-left.png") no-repeat top left;
	height: 25px;
	color: #fff;
	padding: 4px 10px 0 15px;
	float: left;
}

.backbutton a:hover {
	text-decoration: none;
}

.backbutton.center {
	float: right;
	margin: 0 20px 0 0; 
}

.backbutton.right {
	float: right;
}

.clearbutton {
	display: block;
	padding: 4px 0 0 0;
}

.searchbutton {
	background: transparent url("../images/portal/searchbutton-right.png") no-repeat top right;
	padding: 0 10px 0 0;
	font-size: 0.75em;
	float: left;
	position: relative;
	top: -1px;
}

.searchbutton a,
.searchbutton input {
	display: block;
	background: transparent url("../images/portal/searchbutton-left.png") no-repeat top left;
	height: 25px;
	color: #828282;
	padding: 1px 5px 3px 15px;
	float: left;
	cursor: pointer;
	overflow: visible;
}

.searchbutton a:hover {
	text-decoration: none;
}

a.cancelbutton {
	display: block;
	float: left;
	font-size: 0.75em;
	padding: 4px 0 0 0;
	cursor: pointer;
}
/***************************************************
 FORM
 ***************************************************/

.form {
	overflow: hidden;
}

.form label.block {
	display: block;
	padding: 0 0 2px 0;
}

.form span.price {
	color: #e41819;
	font-size: 1.3333em;
	font-weight: bold;
	padding: 0 5px;
}

.registrationform {
	width: 483px;
	float: left; 
}

.userList {
	width: 483px;
	float: right; 
}

.userList .buttons {
	padding: 10px 0 0 10px;
}

.registrationform label {
	display: block;
	width: 12em;
	float: left;
	padding: 3px 0 0 0;
}

.registrationform fieldset {
	border: 1px dotted #dedede;
	background: #fafafa;
	padding: 10px;
	margin: 0 0 10px 0;
}

.registrationform .buttons {
	padding: 5px 0 0 11px;
}
.registrationform .button {
	margin-left: 12em;
	font-size: 0.75em;
}

.registrationform .button a {
	color: #fff;
}

.registrationform .row {
	overflow: hidden;
	padding: 3px 0;
	margin: 0;
}

.registrationform .row.hover {
}

.registrationform input.text {
	width: 20em;
	float: left;
}

.registrationform select.medium {
	width: 20.5em;
}

.registrationform div.hint {
	float: left;
	font-size: 0.75em;
	padding: 3px 0 0 10px;
	color: #999;
	font-style: italic;
}

select,
input.text,
textarea.text,
input.datepart {
	border: 1px solid #ccc;
	padding: 2px;
	font-size: 0.75em;
}

select {
	padding: 1px;
}

input.hinted {
	color: #ccc;
}

label {
	font-size: 0.75em;
	padding: 0 10px 0 0;
}

label.checkleft {
	padding: 0 0 0 5px;
}

input.checkbox,
input.radio {
	vertical-align: middle;
}

input.short {
	width: 2em;
}

input.shortdate {
	width: 3em;
}

input.medium {
	width: 15em;
}

select.medium {
	width: 15em;
}

input.datepart {
	width: 2em;
}

textarea.text {
	width: 25em;
	height: 7em;
}

select.countries {
	width: 12em;
}

.optionblock div {
	padding: 0 0 5px 0;
}

.row {
	margin: 0 0 10px 0;
	position: relative;
}

.row.space {
	padding-top: 40px;
}

.orderedrow {
	overflow: hidden; 
	padding: 0 0 5px 0;
}

.orderedrow p {
	padding: 5px 0 0 10px;
	font-size: 0.75em;
}

.orderedrow p .price {
	display: inline-block;
	margin: -15px 0 0 0;
}

.orderedrow .col1 {
	width: 20%;
	float: left;
	overflow: hidden;
}

.orderedrow .col2 {
	width: 30%;
	float: left;
	overflow: hidden;
}

.orderedrow .col3 {
	width: 25%;
	float: left;
	overflow: hidden;
}

.orderedrow label {
	float: left;
	clear: left;
	width: 5em;
	margin: 0 10px 0 0;
}

.orderedrow div.info {
	margin: 0 0 0 10em;
	padding: 5px 0 0 20px;
	clear: both;
}

.orderedrow input {
	/*float: left;  Removed by HGH*/
	margin: 0 10px 0 0;
}

.orderedrow.medium label {
	width: 10em;
}

fieldset.singlerow {
	display: block;
	padding: 10px;
	border-bottom: 1px dotted #dedede;
	clear: both;
}

fieldset.singlerow.last {
	border: none;
}

fieldset.singlerow label {
	display: block; 
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

fieldset.singlerow input.text {
	margin: 0 10px 0 0;
}

fieldset.singlerow .info {
	font-size: 0.75em;
	color: #959595;
}

table.form thead th {
	text-transform: uppercase;
	margin: 0 0 10px 0;
	font-size: 0.75em;
}

table.form tr.thead th {	/* Added by HGH */
	text-transform: uppercase;
	margin: 0 0 10px 0;
	font-size: 0.75em;
}

table.form th {
	padding: 2px 5px 3px 5px;	/* right/left reduced from 10 to 5 by HGH */
	border-right: 1px solid #dedede;
	white-space: nowrap;
}

table.form td {
	padding: 0px 5px 3px 5px;	/* right/left reduced from 10 to 5 by HGH */
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	white-space: nowrap;
}

table.form td p {
	font-size: 0.75em;
}

table.form th.last,
table.form td.last {
	border-right: none;
}

table.form 
{
	margin-bottom: 1em;
	border-bottom: 1px dotted #dedede;
	border-top: 1px dotted #dedede;
	border-left: 1px dotted #dedede;
}

fieldset.block {
	float: left;
	margin: 0 10px 0 0;
	padding: 10px 10px 10px 10px;
	overflow: hidden;
}

fieldset.separator {
	border-bottom: 1px dotted #dedede;
}

fieldset.block.offset {
	padding-left: 30px;
}

fieldset.block a {
	color: #005a93;
	text-decoration: underline;
}

fieldset.block .content {
	padding: 10px 0 0 0;
}

fieldset.block input.left {
	height: 21px;
	width: 20px;
	margin: 0 0 0 -25px;
	padding: 0;
	float: left;
}

fieldset.block.last {
	float: none;
	margin-right: 0;
}

fieldset.block h4 {
	font-weight: bold;
	font-size: 0.75em;
	padding: 0 0 5px 0;
}

fieldset.block h4 em {
	font-weight: normal;
	color: #959595;
	font-style: normal; 
}

fieldset.block h4 strong {
	text-transform: uppercase;
	font-weight: normal;
}

fieldset.block .info {
	color: #959595;
	font-size: 0.75em;
}

fieldset.block p {
	font-size: 0.75em;
	padding: 0 0 5px 0;
}

fieldset.block p label {
	font-size: 1em;
}

fieldset.block.frame {
	border: 1px dotted #dedede;
}

/***************************************************
 CONTAINER
 ***************************************************/

#page {
    width: 976px;
    margin: 0 auto;
    position: relative;
	text-align: left;
}

#body {
	overflow: hidden;
	position: relative;
}

#loading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	font: Arial, Helvetica, sans-serif;
}

#loading_small {
	font: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

#loading_box 
{
	background-color: White;
	width: 150px;
	height: 120px;
	border-style: solid;
	border-color: #e41819;
	border-width: 2px;
	padding-top: 20px;
}

/***************************************************
 HEADER
 ***************************************************/

#header {
	position: relative;
	height: 50px;
}

.b2c #header {
	border-bottom: 7px solid #545454;
}

#header #logo {
	display: block;
    position: absolute;
    top: 0;
    left: 0;
}

#header #logo img {
    display: block;
}

/***************************************************
 SEARCH
 ***************************************************/

#header #search 
{
    float: right;
	margin: 2px 20px 0 0;
}

#header .search-query {
	float: left;
	width: 200px;
    padding: 0.25em;
    border-top: 1px solid #afafaf;
    border-left: 1px solid #afafaf;
    border-bottom: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
	margin: 0 5px 0 0;
    font-size: 0.75em;
}


/***************************************************
 GLOBAL MENU
 ***************************************************/

#header #globalmenu {
    float: right;
}

#header #globalmenu li {
    display: block;
    float: left;
	margin: 0 1px 0 0;
	text-transform: uppercase;
}

#header #globalmenu li.last {
    border-right: none;
}

#header #globalmenu li a {
	color: #fff;
	background: #545454;
    font-size: 0.75em;
    padding: 0.5em 1em;
	display: block;
}

#header #globalmenu li#globalmenu-chat a {
	color: #fff;
	background: #545454;    
    padding: 0 0.5em 0 0.5em;
	display: block;
}

#header #globalmenu li a:hover {
	text-decoration: none;
}

#header #globalmenu li#globalmenu-help a {
	background: #ececec;
	color: #000;
} 

/***************************************************
 MAIN MENU
 ***************************************************/

#mainmenu {
    border-bottom: 0.5em solid #545454;
	font-size: 0.75em;
	height: 1.5em;
	position: relative;
}

#mainmenu ul {
	overflow: hidden;
	position: absolute;
	bottom: -0.5em;
	right: -0.25em;
	background: #fff;
	padding: 0 0 0 0.25em;
}

#mainmenu li {
    display: block;
    float: left;
	margin: 0 0.25em 0 0;
	text-transform: uppercase;
	font-weight: bold;
}

#mainmenu li a {
	display: block;
	padding: 0 0 0.5em 3em;
    border-bottom: 0.5em solid #545454;
	color: #000;
}

#mainmenu li a:hover {
	text-decoration: none;
}

#mainmenu li.selected a {
    color: #e41819;
	border-color: #e41819; 
}

/***************************************************
 SUB MENU

 ***************************************************/


.submenu {
	font-size: 0.75em;
	height: 2em;
	position: relative;
}

.submenu ul {
	overflow: hidden;
	position: absolute;
	bottom: -0.5em;
	right: -0.25em;
	background: #fff;
	padding: 0 0 0 0.25em;
}

.submenu li {
    display: block;
    float: left;
	margin: 0 0.25em 0 0;
	text-transform: uppercase;
	font-weight: bold;
}

.submenu li a {
	display: block;
	padding: 0.25em 0 0.25em 3em;
	color: #000;
}

.submenu li a:hover {
	text-decoration: none;
}

.submenu li.selected a {
    color: #e41819;
	border-color: #e41819; 
}

/***************************************************
 SUB MENU AGENT
 ***************************************************/

#submenu_agent {
	font-size: 0.75em;
	height: 2em;
	position: relative;
	margin-top: 5px;
}

#submenu_agent ul {
	overflow: hidden;
	background: #fff;
	padding: 0 0 0 0.25em;
}

#submenu_agent li {
    display: block;
    float: left;
	margin: 0 2.25em 0 0;
	font-weight: bold;
}

#submenu_agent li a {
	display: block;
	padding: 0 0 0.5em 0em;
	color: #545454;
}

#submenu_agent li a:hover {
	text-decoration: none;
}

#submenu_agent li.selected a {
    color: #e41819;
	border-color: #e41819; 
}

/***************************************************
 PATH
 ***************************************************/

#path {
	overflow: hidden;
	margin: 2px 0 0 0;
}

#path li {
	font-size: 0.75em;
	float: left;
	color: #959595;
}

#path li div {
	padding: 0.5em 1em;
}

#path li.first {
	text-transform: uppercase;
	color: #e41819;
}

#path li.current {
	color: #000;
	background: #ddd url("../images/portal/path-arrow-left.png") no-repeat left;
}

#path li.current div {
	padding: 0.5em 1.5em 0.5em 2.5em;
	background: transparent url("../images/portal/path-arrow-right.png") no-repeat right;
}

/***************************************************
 BOOKING FILTER NAVIGATION
 ***************************************************/

#booking-filter-navigation {
	border-bottom: 1px solid #e41819;
	overflow: hidden;
	text-transform: uppercase;
	display: block;
	padding: 5px 0 0 0;
}

#booking-filter-navigation h1 {
	float: left;
	margin: 0 20px 0 0;
}

#booking-filter-navigation li {
	float: left;
	display: block;
	font-size: 0.75em;
}

#booking-filter-navigation li a {
	display: block;
	padding: 0.75em 1em;
	background: #fbfbfb;
	color: #545454;
	border-left: 1px solid #d3d3d3;
	border-top: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	margin: 0 0.5em 0 0;
}

#booking-filter-navigation li a:hover {
	text-decoration: none;
}

#booking-filter-navigation li.selected a {
	background: #e41819;
	border-color: #e41819;
	color: #fff;
}

/***************************************************
 BOOKING FILTER CONTENT
 ***************************************************/

#booking-filter-content {
	overflow: hidden;
	padding: 5px 0 0px 0;		/* Changed by HGH (reduced bottom from 30 to 0) */
}

#booking-filter-content .arrow {
	background: transparent url("../images/portal/choose-arrow.png") no-repeat center;
	width: 50px;
	height: 15em;
	float: left;
	font-size: 0.75em;
	padding: 2.5em 0 1px 0;
}

#booking-filter-content h2 {
	color: #fff;
 	background: #545454;
	padding: 0.75em 1em;
	text-transform: uppercase;
	font-size: 0.75em;
}

#booking-filter-content .column {
	width: 292px;
	float: left;
	overflow: hidden;
	position: relative;
}

#booking-filter-content .widecolumn 
{
    margin-top: 10px;
    width: 976px;
    clear: both;
	height: auto;
	overflow: auto;
}

#booking-filter-content .column .overlay {
	opacity: 0.75;
	filter:alpha(opacity=75);
	position: absolute;
	width: 292px;
	height: 15em;
	background: #fff;
	z-index: 50;
	top: 0;
	left: 0;
}

/* Added by Compodeal */
.content-inactive {
	opacity: 0.75;
	filter:alpha(opacity=75);
	position: absolute;
	width: 292px;
	height: 15em;
	background: #fff;
	z-index: 50;
	top: 0;
	left: 0;
}

#booking-filter-content .content {
	height: 12.5em;
	overflow: auto;
	border-left: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
}

#booking-filter-content .widecontent {
	overflow: auto;
	border-left: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
}

#booking-filter-content .enclosingcontent {
	border-left: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
    margin-bottom: 3px;
    margin-top: 3px;
    padding:3px;
    clear: both;
}

.rightaligned {
	float: right;
}

.subcontent 
{
	background: #fff;
}

#booking-filter-content div.select div {
	cursor: pointer;
	font-size: 0.75em;
}

#booking-filter-content div.select div img { /* Added by HGH*/
	margin-top: -20px;
	margin-left: 5px;
	display: inline;
	float: left;
}

#booking-filter-content div.select div a {
	display: block;
	color: #545454;
	margin-left: 15px;	/* Added by HGH*/
	padding: 0.5em 1em;
	outline: none;
}

#booking-filter-content div.select div a:hover 
{
	color: #000000;
	background-color: #fafafa;
	text-decoration: none;
}

#booking-filter-content div.select div.odd {
	background: #f6f6f6;
}

#booking-filter-content div.select div.odd a:hover {
	background: #e9e9e9;
}

#booking-filter-content div.select div.selected a,
#booking-filter-content div.select div.selected a:hover {
	background: #e41819;
	color: #fff;
}

.pass_container
{
	margin: 3px;
}

/***************************************************
 CALENDAR
 ***************************************************/

.calendar {
	overflow: hidden;
	background: #f6f6f6;
}

/***************************************************
 DATE NAVIGATION
 ***************************************************/

.date-navigation {
	overflow: hidden;
	font-size: 0.8125em;
}

.date-navigation a:hover {
	text-decoration: none;
}

.date-navigation .previous,
.date-navigation .next {
	width: 25px;
	height: 25px;
	border-left: 1px solid #ededed;
	border-top: 1px solid #ededed;
	border-right: 1px solid #ededed;
	background: #fbfbfb url("../images/portal/datenav-arrow-right.png") no-repeat center;
	float: left;
}

.date-navigation .previous {
	background-image: url("../images/portal/datenav-arrow-left.png"); 
}

.date-navigation .date {
	height: 21px;
	background: #545454;
	padding: 4px 1em 0 1em;
	border-top: 1px solid #545454;
	color: #fff;
	text-transform: uppercase;
	float: left;
}

.date-navigation .date-minical {
	height: 21px;
	background: #545454;
	padding: 0px 1em 4px 1em;
	border-top: 1px solid #545454;
	color: #fff;
	text-transform: uppercase;
	float: left;
}

.minidate-next
{
    margin-top: 5px;
    margin-left: 5px;
}

/***************************************************
 SHIP
 ***************************************************/

.ships {
	float: left;
	width: 740px;
}

#ship {
	border: 1px solid #ededed;
	background: #fbfbfb;
	padding: 0 10px 10px 10px;
	overflow: hidden;
	margin: 0 0 20px 0;
}

#ship h2 {
	font-size: 1.25em;
	margin: 1em 0 0.25em;	/* Bottom margin added HGH*/
}

#ship h2 strong {
	text-transform: uppercase;
	color: #e41819;
	font-size: 1.2em;
}

#ship .image {
	width: 230px;
	float: left;
	margin: 0 20px 0 0;
}

#ship .image img {
	display: block;
}

#ship .content {
	overflow: hidden;
}

#ship #basket {
	float: left;
}

#ship .moreinfo {	/* Added by HGH */
	/*text-decoration: underline;*/
	cursor: pointer;
}

#ship .travelinfo	/* Added by HGH */
{
	text-transform: uppercase;
	font-size: 0.75em;
	margin-bottom: 1em;
}

#ship .sailinginfo	
{
    border: dotted 1px red;
    font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9em;
	margin-bottom: 1em;
	padding: 2px;
}

#ship .promotioninfo
{
	text-transform: uppercase;
	font-size: 0.75em;
	margin-bottom: .5em;
}

#ship .promotioninfo span
{
    font-weight: bold;
}

/***************************************************
 CABIN SELECTION
 ***************************************************/

#cabin-select {
	width: 468px;
	border-left: 1px solid #ebebeb;
	margin: 0;
	float: left;
}

#cabin-select caption {
	color: #fff;
 	background: #545454;
	padding: 0.75em 1em;
	text-transform: uppercase;
	text-align: left;
	font-size: 0.75em;
}

#cabin-select th,
#cabin-select td {
	padding: 0.25em 10px;
	text-align: center;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

#cabin-select thead th {
	font-size: 0.875em;
	text-transform: uppercase;
}

#cabin-select thead th sub {
	display: block;
}

#cabin-select tbody th,
#cabin-select tbody td {
	font-size: 0.75em;
	background: #f6f6f6;
}

#cabin-select tbody th {
	text-align: left;
}

#cabin-select .suite a {
	display: block;
	float: left;
	text-decoration: underline;
	position: relative;
	color: #005a93;
}

#cabin-select thead th.cabins 
{
	font-weight: bold;
}

#cabin-select tbody td.cabins 
{
	font-size: 0.8em;
	font-weight: bold;
}

#cabin-select tfoot th 
{
	font-size: 0.75em;
	text-align: right;
}

#cabin-select tbody td.price {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	background: #fff;	
	cursor: pointer;
}

#cabin-select tbody td.price a
{
	text-decoration: underline;
	color: #005a93;
}

#cabin-select tbody td.price a:hover
{
	text-decoration: underline;
}

#cabin-select tbody td.price.hover {
	background: #d4d4d4;
}

#cabin-select tbody td.price.selected {
	color: #fff;
	background: #e41819;
}

#cabin-select tbody td.price.none a
{
	text-decoration: none;
	cursor: default;
}

#cabin-select tbody td.price.none
{
	cursor: default;
}

#cabin-select tbody td.price.none.hover
{
	background: #fff;	
}

/***************************************************
 LOGIN
 ***************************************************/

#login {
	float: right;
	width: 224px;
	border: 1px solid #e41819;
	background: #fff;
	margin: 0 0 40px 0;
}

#login h3 {
	font-size: 1.125em;
	color: #e41819;
	text-transform: uppercase;
	padding: 10px;
}

#login p {
	font-size: 0.75em;
	padding: 0 0 5px 0;
}

#login .buttons {
	padding: 0;
}

#login .button,
#login .button a,
#login .graybutton,
#login .graybutton a {
	float: none;
	text-align: center;
}

#login fieldset {
	padding: 0 10px 5px 10px;
}

#login fieldset .row {
	overflow: hidden;
}

#login fieldset label {
	display: block;
	float: left;
	padding: 3px 0 0 0;
}

#login fieldset input {
	float: right;
}

/***************************************************
 BASKET
 ***************************************************/

#basket {
	float: right;
	width: 224px;
	border: 1px solid #e41819;
	background: #fff;
	margin: 0 0 40px 0;
}

#booking-filter #basket {
	margin: 1.6em 0 1em 0;  
}  

#basket h3 {
	font-size: 1.125em;
	color: #e41819;
	text-transform: uppercase;
	padding: 10px;
}

#basket table th h3 {
	background: #eee;
	color: #626262;
	padding: 5px 5px;
	font-size: 0.9em;
	margin: 0 0 0 0;
	text-align:left;
}

#basket h5 {
	font-size: 1em;
	margin-left: 10px;
}

#basket table {
	font-size: 0.75em;
	width: 100%;
	margin: 0 0 10px 0;
}

#basket table thead th
{
    padding: 0;
}

#basket table th,
#basket table td {
	padding: 3px 0 3px 5px;	/*Left margin changed from 10 to 5 by HGH*/
	vertical-align: top;
	text-align:left;
}

#basket table .odd .first th,
#basket table .odd .first td {
	border-top: 1px dotted #dedede;
	text-align:left;
}

#basket table .odd .last th,
#basket table .odd .last td {
	border-bottom: 1px dotted #dedede;
	text-align:left;
}

#basket table .odd th,
#basket table .odd td {
	background: #f6f6f6;
	text-align:left;
}

#basket table td em {
	font-style: normal;
	color: #959595;
}

#basket table .first th,
#basket table .first td {
	padding-top: 10px;
	text-align:left;
}

#basket table .last th,
#basket table .last td {
	padding-bottom: 10px;
	text-align:left;
}

#basket table .title th,
#basket table .title td {
	font-weight: bold;
}

#basket table .ship td {
	color: #005a93;
}

#basket table td.price {
	padding-right: 10px;
	text-align: right;
}

#basket table td.amount {
	padding: 3px 0 3px 10px;
}

#basket table td.amount input {
	border: 1px solid #ededed;
	background: #fff;
	width: 1.5em;
	height: 1.4em;
	padding-top: 0.1em;
	text-align: center;
	font-weight: bold;
}

#basket .delete {	/* Added by HGH */
	padding-right: 5px;
}

#basket table td h4 {
	font-weight: bold;
}

#basket table tr.total td {
	border-top: 1px dotted #dedede; 
}


#basket table tr.totalsum td {
	border-top: 1px dotted #5e5e5e; 
}

#basket table tr.total h4,
#basket table tr.total .price {
	font-weight: bold;
	font-size: 1.1666em;
}

#basket .call {
	background: #e41819;
	padding: 10px;
}

#basket .call h4 {
	font-size: 1.125em;
	color: #fff;
	text-transform: uppercase;
}

#basket .call p {
	font-size: 0.75em;
	color: #fff;
	text-transform: uppercase;
}

#basket ul.messages {
	margin: 0 0 10px 0;
}

#basket ul.messages li {
	color: #e41819;
	font-weight: bold;
	list-style: square;
	margin: 0 0 5px 20px;
	font-size: 0.875em;
}

#basket .button {
	float: none;
	margin: 0 10px;
}

#basket .button a {
	float: none;
	text-align: center;
}

/*compodeal*/
#basket .basketerror 
{
	color: #e41819;
	font-weight: bold;
	font-size: 0.875em;
	margin: 10px;
}

#infobox {
	/*float: right;
	width: 350px;*/
	width: 705px;
	border: 1px solid #e41819;
	background: #fff;
	margin: 0 0 40px 0;
} 

#infobox h3 {
	font-size: 1.125em;
	color: #e41819;
	text-transform: uppercase;
	padding: 0px;
}


/*************************************
PRICE FORMATTINGS
**************************************/
#basket table tr.odd td.priceholder {
	padding-right: 10px;
	text-align: right;
}

#basket table tr td.priceholder{
	padding-right: 10px;
	text-align: right;
}

#basket table tr.prices td.priceholder{
	padding-right: 10px;
	text-align: right;
}

#basket table tr.total td.priceholder {
	padding-right: 10px;
	text-align: right;
}

#basket table tr.total .first td.priceholder {
	padding-right: 150px;
	text-align: right;
}

#basket table tr.totalsum .first td.priceholder {
	padding-right: 10px;
	text-align: right;
}

#basket table tr.totalsum .last td.priceholder {
	padding-right: 10px;
	text-align: right;
}

#basket table tbody.odd tr.totalsum .last td.priceholder{
	padding-right: 10px;
	text-align: right;
}

#basket table td h4.priceholder{
	padding-right: 0px;
	text-align: right;
}

/***************************************************
 MESSAGES AND WARNINGS 
 ***************************************************/

.message {
	border: 1px solid #139a0d;
	padding: 10px 10px 0 10px;
	margin: 0 0 20px 0;
	background: #fbfbfb;
	overflow: hidden;
}

.message_basket 
{
    width: 214px;
	border: 1px solid #ffa800;
	padding: 5px;
	margin: 0 0 20px 0;
	background: #fbfbfb;
	overflow: hidden;
	float: right;
}

.message_basket .icon 
{
    float:left;
	width: 25px;
	height: 25px;
	margin-right: 5px;
	background-image: url("../images/portal/icon_warning_yellow.png");
}

.message_small {
	border: 1px solid #139a0d;
	padding: 4px 10px 4px 10px;
	margin: 5px 0 0px 0;
	background: #fbfbfb;
	overflow: hidden;
}
.message .icon {
	width: 57px;
	height: 57px;
	background: transparent url("../images/portal/message-note.png") no-repeat top;
	float: left;
	margin: 0 10px 0 0;
}

.message .icon.triangle {
	background-image: url("../images/portal/message-note.png");
}

.message .icon.smiley {
	background-image: url("../images/portal/message.png");
}

.message.warning {
	border-color: #ffa800;
}

.message.warning .icon {
	background-image: url("../images/portal/message-warning.png");
}

.message.validation {
	border-color: #ffa800;
	padding: 10px 10px 10px 10px;
	color: #545454 !important;
	font-weight: bold;
}

.message.validation .icon {
	width: 25px;
	height: 25px;
	background-image: url("../images/portal/icon_warning_yellow.png");
}

.message.validation ul 
{
	margin: 0;
	padding: 0;
	margin-left: 90px;
	list-style: disc;
}

.message.validation li
{
	list-style: disc;
}

.message-info {
	border: none;
	background: #eee;
	padding: 20px 20px 10px 20px;
}

.message h2 {
	font-size: 1.25em;
	margin: 0 0 5px 0;
}

.message h2 strong {
	color: #139a0d;
	text-transform: uppercase;
}

.message.warning h2 strong {
	color: #ffa800;
}

.message .content {
	float: left;
	padding: 0 0 5px 0;
}

.message .content p {
	font-size: 0.75em;
	margin: 0 0 5px 0;
	line-height: 1.5em;
}

.message .more {
	float: right;
}

.message .more p {
	font-size: 0.75em;
	padding: 0 0 0.5em 0;
	float: right;
}

.message .more .button {
	clear: both;
}

.message .form {
	margin: 0 0 5px 0;
}

/***************************************************
 PASSENGERS
 ***************************************************/

#passengers .visa h4 {
	margin: 0 0 10px 0;
}

/***************************************************
 BOOK VOYAGE
 ***************************************************/

#book-voyage {
	width: 476px;
	margin: 0 auto;
	text-align: left;
}

#book-voyage .travel-type {
	padding: 0 0 20px 0;
}

#book-voyage #port-to-port,  
#book-voyage #cruise {  
	display: none;  
}  

#book-voyage .calendars {
	overflow: hidden;
}

#book-voyage .calendars .calendar {
	background: #fff;
}

#book-voyage .calendar1 {
	float: left;
	width: 228px;
	margin: 0 20px 0 0;
}

#book-voyage .calendar2 {
	float: left;
	width: 228px;
}

#book-voyage select {
	width: 228px;
}

#book-voyage .return {
	height: 1.5em;
	margin: 15px 0 5px 0;
}

.campaignlist 
{	
	margin: 0px 0 0px 0;
}

.section .promoselections
{    
	border-color: #dedede;
	border-style: solid;
	border-width: 2px;
	padding: 5px;
	margin-bottom: 3px;
}

.section.promoselections.selected
{    
	border-color: #139a0d;
	border-width: 2px;
}

.promoselections_description
{
    padding: 5px;
    float: left;
    width: 460px;
}

.promoselections_pricebox
{
    margin: 5px;
}


.promoprice_subhead
{
    color: #139a0d;
    font-size: 1.0em;
    font-weight: bold;
    margin-bottom: 5px;
}

.standardprice_subhead
{
    color: #545454;
    font-size: 1.0em;
    font-weight: bold;
    margin-bottom: 5px;
}

#travel-details .meals .content {
	display: none;
}

/***************************************************
 SECTION
 ***************************************************/

.section {
	clear: both;
	overflow: hidden;
	padding: 0 0 20px 0;
}

.section.inactive {
	opacity: 0.25;
	filter: alpha(opacity=25);
}

.section.last {
	padding-bottom: 0;
}

.section.visa .form {
	background: transparent url("../images/portal/creditcardlogos.png") no-repeat top right; 
}

.intro {
	margin: 0 0 20px 0; 
}

.intro .buttons {
	padding: 10px 0;
}

.intro .backbutton {
	float: right;
	margin: 0 0 0 10px;
}

.intro .buttons .backbutton {
	float: left;
	margin: 0 10px 0 0;
}

.intro h2 {
	font-size: 1.125em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 5px 0;
	color: #323232;
}

.intro p {
	font-size: 0.75em;
	padding: 0 0 5px 0;
}

.intro ul {
	font-size: 0.75em;
}

.intro ul li {
	background: transparent url(../images/portal/bullet.png) no-repeat left;
	padding: 2px 0 2px 15px;
	margin: 0 0 0 5px; 
}

.section h3 {
	background: #eee;
	color: #626262;
	padding: 5px 10px;
	font-size: 0.8125em;
	margin: 0 0 0.5em 0;
}

.section h3 strong {
	text-transform: uppercase;
	color: #000;
	font-weight: normal;
}

.section .section-end {
	background: #eee;
	color: #626262;
	padding: 5px 10px;
	font-size: 0.75em;
	margin: 0;
	text-align: right;
}

.section .section-end a {
	text-decoration: underline;
}
.section a {
	color: #005a93;
}

.section a.readmore {
	display: block;
	font-size: 0.75em;
	text-decoration: underline;
}

.section .description {
	overflow: hidden;
}

.section .description h4 {
	font-size: 1.125em;
	padding: 10px 0;
}

.section .description p {
	font-size: 0.75em;
	margin: 0 0 5px 0;
}

.section .description a.readmore {
	font-weight: bold;
}

.section .item {
	overflow: hidden;
	margin: 0 0 20px 0;
}

.section .item.last {
	margin-bottom: 0;
}

.section .item.separator {
	border-bottom: 1px dotted #dedede;
	padding-bottom: 20px;
}

.section .car {
	border-top: 1px dotted #dedede;
	border-bottom: 1px dotted #dedede;
	margin: 10px 0 0 0;
	padding: 5px 10px;
	font-size: 0.75em;
}

.section .image {
	float: left;
	width: 167px;
	margin: 0 10px 0 0;
}

.section .image img {
	display: block;
}

.section .image p {
	font-size: 0.6875em;
	color: #959595;
}

.section .image .image1 {
	float: left;
}

.section .image .image2 {
	float: right;
}

.section .details {
	overflow: hidden;
	padding: 0 0 0 10px;
}

.section .details2 {
	overflow: hidden;
	padding: 0 0 0 10px;
}


.section .excursion {
	padding: 0 0 0 10px;
	overflow: hidden;
}

.section .excursion h4 {
	color: #e41819;
	text-transform: uppercase;
	font-size: 0.875em;
}

.section .excursion h5 {
	color: #000;
	text-transform: uppercase;
	font-size: 0.75em;
	padding: 0 0 10px 0;
}

.section .excursion p {
	font-size: 0.75em;
	color: #636363;
	padding: 0 0 10px 0;
}

.section .excursion p.price {
	color: #e41819;
	padding: 5px 0;
	border-top: 1px dotted #dedede;
	border-bottom: 1px dotted #dedede;
}

.section .excursion p.price strong {
	font-size: 1.3333em;
	font-weight: bold;
}

.section .content {
	overflow: hidden;
}

.section .details h4 {
	font-size: 1.125em;
	color: #323232;
	padding: 0 0 10px 0;
}

.section .details ul {
	font-size: 0.75em;
}

.section .details ul li {
	margin: 0 0 5px 0;
	position: relative;
}

.section .details ul.passengers li {
	padding-right: 3em;
}

.section .details ul li .edit {
	position: absolute;
	top: 0;
	right: 0;
}

.section .details ul li .edit a {
	margin: 0 0 0 10px;
}

.section .details ul.cabins {
	padding: 0 0 5px 0;
	color: #636363;
}

.section a.passenger-edit {
	color: #e41819;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

.section .details dl {
	font-size: 0.75em;
}

.section .details dt {
	font-weight: bold;
	width: 15em;
	float: left;
	clear: both;
	margin: 0 0 5px 0;
}

.section .details dt.hidden {
	display:none;
}

.section .details dd {
	margin: 0 0 5px 0;
}

.section .details dd.priceholder {
	margin: 0 80px 5px 0;
	text-align:right;
}

.section .details dd.priceholder.total {
	margin: 0 80px 5px 0;
	text-align:right;
	border-top: 1px dotted black; 
	border-bottom: 1px dotted black; 
	padding-top: 3px; 
	margin-bottom: 3px; 
	height: 22px;
}

.section .details dd.hidden {
    display:none;
}

.section .details2 dl {
	font-size: 0.75em;
}

.section .details2 dt {
	
	width: 15em;
	float: left;
	clear: both;
	margin: 0 0 5px 0;
}


.section .details2 dd {
	margin: 0 0 5px 0;
	font-weight: bold;
}




.section .details table {
	width: 100%;
}

.section .details thead th,
.section .details thead td {
	padding: 0 0 10px 0;
	font-size: 1.125em;
	text-align:left;
}

.section .details table thead th,
.section .details table thead td {
	padding: 0 0 10px 0;
	font-size: 1.125em;
	text-align:left;
}

.section .details thead td small {
	font-size: 0.7777em;
}

.section .details thead td {
	
}

.section .details tbody th,
.section .details tbody td {
	font-size: 0.75em;
	padding: 3px 0;
	text-align:left;
}

.section .details tbody td .backbutton {
	font-size: 1em;
}

.section .details tbody td .backbutton a {
	color: #fff;
	cursor: pointer;
}

.section .details tbody td .clearbutton {
	float: right;
}

.section .details tbody th {
	font-weight: bold;
	width: 10em;
}

.section .details tbody .duration th,
.section .details tbody .duration td {
	border-top: 1px dotted #dedede;
	border-bottom: 1px dotted #dedede;
	padding: 8px 0;
}

.section .details tbody .available td {
	color: #139a0d;
}

.section .details tbody .soldout td {
	color: #e41819;
}

.section .priceboxes {
	clear: both;
	overflow: hidden;
	padding: 20px 0 0 0;
}

.section .pricebox {
	float: right;
	width: 160px;
	margin: 0 0 0 20px;
}

.section .priceboxes .pricebox {
	float: left;
	width: 167px;
	margin: 0 20px 0 0;
}

.section .pricebox.wide {
	width: 228px;
}

.section .pricebox.conf {
	width: 180px;
	margin: 0 0 0 0;
}

.section .pricebox-left {
	float: left;
	margin: 0 10px 0 0;
	width: 167px;
}

.section .pricebox-last,
.section .priceboxes .pricebox-last {
	margin-right: 0;
}

.section .pricebox .content {
	text-align: center;
	border: 1px dotted #e41819;
	padding: 10px;
}

.section .pricebox.select .content {
	padding-bottom: 45px;
}

.section .pricebox .list {
	border: 1px solid #e41819;
	padding-bottom: 45px;
}

.section .pricebox .list h4 {
	font-size: 1.125em;
	color: #e41819;
	text-transform: uppercase;
	padding: 10px 10px 5px 10px;
}

.section .pricebox .list dt {
	display: block;
	width: 6em;
	font-size: 0.75em;
	padding: 0.5em 0 0.5em 10px;
	float: left;
}

.section .pricebox .list dt.odd {
	border-top: 1px dotted #dedede;
	border-bottom: 1px dotted #dedede;
	background: #f6f6f6;
}

.section .pricebox .list dd {
	display: block;
	font-size: 0.75em;
	padding: 0.5em 10px 0.5em 6.5em;
}

.section .pricebox .list dd.odd {
	border-top: 1px dotted #dedede;
	border-bottom: 1px dotted #dedede;
	background: #f6f6f6;
}

.section .pricebox .price {
	font-size: 1.8125em;
	font-weight: bold;
	color: #e41819;
	padding: 4px 0;
}

.section .pricebox p {
	font-size: 0.875em;
	text-transform: uppercase;
	color: #323232;
}

.section .pricebox p em {
	font-style: normal;
	color: #959595;
}

.section .pricebox p small {
	font-style: normal;
	color: #959595;
}

.section .pricebox a.select {
	display: block;
	width: 160px;
	height: 35px;
	background: transparent url(../images/portal/button-select.png) no-repeat;
	color: #fff;
	margin: -35px 0 0 0;
	padding: 10px 0 0 0;
	font-size: 0.75em;
	text-align: center;
	cursor: pointer;
}

.section .pricebox select {
	margin: 10px 0 0 0;
}

.section .pricebox .graybutton {
	margin: 10px 0 0 0;
	float: none;
}

.section .pricebox .graybutton a {
	float: right;
	height: 25px;
	color: #545454;
	float: none;
}

.section .pricebox.wide a.select {
	width: 228px;
	background-image: url(../images/portal/button-select-wide.png);
}

.section .pricebox a.select:hover {
	text-decoration: none;
}
.section .alternative .items {
	overflow: hidden;
}

.section .alternative .item {
	border-bottom: 1px dotted #dedede;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.section .alternative .item.last {
	border: none;
	margin-bottom: 0;
}

.section .alternative .pricebox {
	margin-top: 2.5em;
}

.section .bed {
	display: none;
	padding: 5px 0 0 0;
}

.section .bed .radios {
	padding: 3px 0 0 0;
}

.paxtypeinfo {
	font-size: 0.75em;
	color: #959595;
}

/***************************************************
 PAGER
 ***************************************************/

.pager {
	float: left;
	padding: 5px 10px;
	font-size: 1.0em;
}

.pager a {
	padding: 0 5px;
	color: #005a93;
	text-decoration: underline;
}

.pager .selected {
    color: #e41819;
}

.pager_viewall 
{
	float: right;
	margin-top: -1.8em;
	padding: 5px 10px;
	font-size: 1.0em;
}

.pager_viewall a {
	padding: 0 5px;
	color: #005a93;
	text-decoration: underline;
}

/***************************************************
 FILTER
 ***************************************************/

.filter {
	border: 1px dotted #dedede;
	padding: 10px;
	overflow: hidden;
	margin: 0 0 10px 0;
}

.filter input {
	vertical-align: middle;
}

.filter p {
	font-size: 0.75em;
}

.filter a {
	color: #005A93;
	text-decoration: underline;
}

/***************************************************
 ITEMSELECT
 ***************************************************/

.itemselect {
	display: none;
}

/***************************************************
 CRUISE DEPARTURE
 ***************************************************/

#shipcalendar {
	background: #f6f6f6;
	overflow: hidden;
	margin: 0 0 20px 0;
	position: relative;
}

#shipcalendar .calendarcolumn {
	width: 360px;
	float: left;
	padding-top: 2em;
}

#shipcalendar .calendarcolumn h3 {
	margin-bottom: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
}

#shipcalendar .calendarcolumn table {
	width: 350px;
	margin: 0 5px 10px 5px;
}

#shipcalendar .calendarcolumn table table {
	width: 100%;
	margin: 0;
}

#shipcalendar .calendarcolumn .rcTitlebar {
	background: transparent;
}

#shipcalendar .shipcolumn {
	width: 360px;
	float: right;
}

#shipcalendar .shipcolumn .calendarmessage {
	background: #fff url(../images/please-choose-date.png) no-repeat 10px center;
	margin: 0 5px 5px 0;
	height: 200px;
} 

#shipcalendar .shipcolumn .item {
	display: none;
}

#shipcalendar .shipcolumn h3 {
	padding: 0.5em 1em;
	margin-bottom: 0;
}

#shipcalendar .shipcolumn .section {
	padding-bottom: 0;
}

#shipcalendar .shipcolumn .item {
	background: #fff;
	margin: 0 5px 5px 0;
}

#shipcalendar .shipcolumn .pricebox {
	margin: 5px 5px 0 0;
	overflow: hidden;
	width: auto;
	float: none;
}

#shipcalendar .shipcolumn .pricebox .content {
	height: 74px;
}

#shipcalendar .shipcolumn .details {
	background: #fff;
	float: none;
	clear: both;
	padding: 5px;
}

.search {
	overflow: hidden;
	border: 1px dotted #dedede;
	padding: 10px 10px 0 10px;
	margin: 0 0 10px 0;
}

.search .row {
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.search .advanced .row {
	padding: 0 0 10px 0;
}

.search .advanced .button {
	margin-left: 8em;
}

.search label {
	display: block;
	width: 8em;
	float: left;
	padding: 4px 0 0 0;
}

.search .large label {
	padding-top: 8px;
}

.search .searchhint {
	font-size: 0.75em;
	padding: 0 0 10px 8em;
	clear: both;
}

.search .searchhint p {
	font-size: 0.9166em;
	color: #aaa;
}

.search .searchtext {
	width: 15em;
	padding: 4px;
	float: left;
	margin: 4px 10px 0 0;
}

.search a.advanced {
	display: block;
	float: left;
	padding: 8px 0 0 0;
	font-size: 0.75em;
}

.search .button,
.search .button a {
	float: left;
}

.search .button {
	margin-right: 10px;
	font-size: 0.75em;
}

.search span.text {
	font-size: 0.75em;
}

/***************************************************
 LIST TABLE
 ***************************************************/

table.list {
	width: 100%;
	font-size: 0.75em;
}

table.list td,
table.list th {
	padding: 5px 10px;
}

table.list thead th {
	background: #eee;
	text-transform: uppercase;
	border-bottom: 4px solid #fff;
}

table.list tfoot td {
	background: #eee;
	border-top: 4px solid #fff;
}

table.list tbody th {
	text-transform: uppercase;
	border-right: 1px dotted #dedede;
}

table.list tbody td {
	border-right: 1px dotted #dedede;
}

table.list tbody td.last {
	border-right: 1px dotted #fff;
}

table.list tr.sum td {
	background: #eee;
	font-weight: bold;
	text-transform: uppercase;
}

/*dh*/

/***************************************************
 FOOTER
 ***************************************************/


A.menuhead {
	font-size: 0.8em;
	color: #e41819;
	vertical-align: middle;
}

A.menuhead:hover {
	font-size: 0.8em;
	color: #e41819;
	vertical-align: middle;
}

A.activemenuhead {
	font-size: 0.8em;
	color: #e41819;
	vertical-align: middle;
}

A.activemenuhead:hover {
	font-size: 0.8em;
	color: #e41819;
	vertical-align: middle;
}

.dividerBlack {
	padding: 0px 5px 0px 5px;
	vertical-align: middle;
}


/***************************************************
 XFORM
 ***************************************************/
 
 .xform_label
{
	font: 100% Arial, Helvetica, sans-serif;
	font-size: 0.8em; 	
	color: #545454;
}

 .xform_textbox
{
	font: 100% Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #545454; 	
}

 .xform_button
{
	font: 100% Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #545454; 	
}

/***************************************************
 MONTHPICKER
 ***************************************************/
  
#monthpicker {
	border: 1px solid #545454;
	background: #fff;
	position: absolute;
	display: none;
	font-size: 0.6875em;
	text-align: left;
}

#monthpicker .month {
	padding: 5px 10px;
	cursor: pointer;
}

#monthpicker .month.hover {
	background: #efefef;
}

/***************************************************
 GRIDVIEW (Compodeal)
 ***************************************************/
 
.matrise {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
  empty-cells: show;
}

.matrise th {
  border: solid 1px #ffffff;
  color: #ffffff;
  background-color: #545454;
  font-size: 0.9em;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
  text-align: left;
}

.matrise td
{
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.matrise_alt td
{
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #f6f6f6;
}


/**********************************
 CODE BELOW ADDED BY COMPODEAL
 **********************************/


/**********************************
 Content
 **********************************/

#paragraph_0 h2 {
	color: #e41819;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0px 10px 0px;
	border:medium none;
	font-style:normal;
	font-variant:normal;
	line-height:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
	text-align:left;
}

/* fjernet av hgh
.ArticleHeader {
	color: #e41819;
	font-weight: bold;
	font-size: 28px;
	text-transform: uppercase;
	margin: 25px 0 15px 0;
}
*/
.ArticleBody P {
	font-size: 11px;
	line-height: 18px;
}

#articlebody {
	text-align: left;
}

.articlebody {
	text-align: left;
}

.center {
	text-align: center;
	padding-left: 300px;
	width: 100%;
}

.LabelLogoutInfo {
	text-align: left;
	width: 300px;
}

.LabelLogoutTxt {
	text-align: left;
	width: 300px;
}

.Introduction P {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 20px;
} 

.Info {
	float: left;
	width: 260px;
	margin-bottom: 10px;
} 

.Info TD {
	padding: 7px;
	font-size: 11px;
	border-bottom: 1px dashed #323232;
	border-collapse: separate;
} 

.InfoTour {
	float: left;
	width: 100%;
	margin-bottom: 10px;
} 

.InfoTour TD {
	padding: 7px;
	font-size: 11px;
	border-bottom: 1px dashed #343434;
	border-collapse: separate;
}


.InfoPractical P {
	padding: 7px;
	font-size: 11px;
	border-bottom: 1px dashed #323232;
	border-collapse: separate;
	width: 220px;
} 

.brief_left {
	width: 80px;
} 

.pinfo_right {
	width: 130px;
} 

.pinfo_price_right {
	width: 130px;
	color: #E41819;
	font-weight: bold;
} 

A.ReadMoreUrl {
	font-size: 11px;
	color: #E41819;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
} 

.BigImage {
	border-collapse: collapse;
	margin: 0px 20px 0px 0px;
	padding: 0;
}

.ThumbImages {
	width: 116px;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.GalleryTableList {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.GalleryTableCell {
	margin: 0;
	padding: 0;
}

.GalleryTableContent {
	margin: 0;
	padding: 0px 0px 0px 20px;
}

.GalleryTableText {
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0;
}

.CabinDescriptionIntro {
	color: #E41819;
	display: inline;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}

.CabinDescriptionBody {
	margin: 5px 0 0;
	font-size: 11px;
	line-height: 18px;
}

.CabinDescriptionIntro P {
	color: #E41819;
	display: inline;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}

.CabinDescriptionBody P {
	margin: 5px 0 0;
	font-size: 11px;
	line-height: 18px;
}

.rcb_bold 
{
	font-weight: bold;
	color: #323232;
}

div#contentContainer
{
	margin: 20px 15px 0 15px;
}

div#leftContainer
{
	float: left;
	margin-right: 20px;
	width: 370px;
}

div#rightContainer
{
	float: left;
	width: 370px;
}


.multistage_bar {
  background: #e41819;
  color: #fff;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
  font-family: Verdana;
  font-size: 13px;
  font-weight: bold;
  height: 20px;
  width: 100%;
}

.multistage_contentpanel
{
	height: 0px;
	overflow: hidden;
}

.multistage_symbol {
  float: left;
  width: 20px;
  height: 20px;
  border-right: solid 1px #fff;
}

.multistage_help {
  float: left;
  margin-left: 5px;
  width: 5%;
  height: 20px;
  border-right: solid 1px #fff;
}

.multistage_title {
  float: left;
  margin-left: 5px;
  width: 85%;
}

.multistage_close {
  float: right;
  width: 20px;
  height: 20px;  
  border-left: solid 1px #fff;
}

/* A.button {
	display: block;
	background: transparent url("../images/portal/button-left.png") no-repeat top left;
	height: 40px;
	color: #ffffff;
	padding: 10px 10px 0 20px;
	float: right;
  }

A.button:hover {
	text-decoration: none;
} */

.radiolist {
	list-style: none;
	margin: 0;
	padding: 0;
}
.radiolist span {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;	
	width: 200px;
	height: 25px;
	position: relative;
}

.radiolist span.selected .radio-selectstandard,
.radiolist span.selected .radio-select
{ display: none; }

.radio-select 
{
    margin-top: 10px;
	display: block;
	text-align: center;	
	top: 0px;
	left: 45px;
	width: 119px;
	height: 23px;
	background: url("../images/portal/select_button.png") no-repeat 0 0;
	cursor: pointer;
	
}

.radio-selectstandard
{
    margin-top: 10px;
	display: block;
	text-align: center;	
	top: 0px;
	left: 45px;
	width: 119px;
	height: 23px;
	cursor: pointer;
    background: url("../images/portal/select_button_grey.png") no-repeat 0 0;
}

.radio-deselect 
{
    margin-top: 10px;
	display: block;
	text-align: center;	
	top: 0px;
	left: 45px;
	width: 119px;
	height: 23px;
	background: url("../images/portal/selected_button.png") no-repeat 0 0;	
}

.radio-deselectstandard
{
    background: url("../images/portal/selected_button_grey.png") no-repeat 0 0;
}

.radiolist span input { display: none; }

a.radio-selectstandard,
a.radio-select {
	color: white;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	top: 1px;
	right: 10px;	
}

a.radio-deselectstandard,
a.radio-deselect {
	display: none;
	color: white;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	top: 1px;
	right: 10px;
	
}
.radiolist span.selected a.radio-deselectstandard,
.radiolist span.selected a.radio-deselect
{ 
    display: block; 
}

.campaignmultipage
{
    border: solid 1px #828282;
    border-top-width: 0;
    padding: 5px;
}

.underline
{
    text-decoration: underline;
}

.enclosingcontent {
	border-left: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
    margin-bottom: 3px;
    margin-top: 3px;
    padding:3px;
    clear: both;
}

table.tour thead th {
	text-transform: uppercase;
	margin: 0 0 10px 0;
	font-size: 0.75em;
	font-weight: bold;
	border-bottom: 1px solid #828282;
	background: #e8e8e8;
}

table.tour th {
	padding: 2px 5px 3px 5px;	/* right/left reduced from 10 to 5 by HGH */	
	white-space: nowrap;
}

table.tour td {
	padding: 0px 5px 3px 5px;	/* right/left reduced from 10 to 5 by HGH */
	white-space: nowrap;
	border-bottom: 1px solid #828282 !important;
}

table.tour td.middle {
	padding: 0px 5px 3px 5px;	/* right/left reduced from 10 to 5 by HGH */
	white-space: nowrap;
	border-bottom: 0 !important;
}

table.tour 
{
	margin-bottom: 1em;
	border-right: 1px solid #828282;
	border-left: 1px solid #828282;
}

/***************************************************
 Passengers
 ***************************************************/

table.passenger thead th {
	text-transform: uppercase;
	margin: 0 0 10px 0;
	font-size: 0.75em;	
}

table.passenger tr.thead th {	/* Added by HGH */
	text-transform: uppercase;
	margin: 0 0 10px 0;
	font-size: 0.75em;
	text-align: left;
}

table.passenger th {
	padding: 2px 5px 3px 5px;	/* right/left reduced from 10 to 5 by HGH */
	border-right: 1px solid #dedede;	
}

table.passenger td {
	padding: 0px 5px 3px 5px;	/* right/left reduced from 10 to 5 by HGH */
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;	
}

table.passenger td p {
	font-size: 0.75em;
}

table.passenger th.last,
table.passenger td.last {
	border-right: none;
}

table.passenger 
{
	margin-bottom: 1em;
	border-bottom: 0px solid #dedede;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
}

/***************************************************
 End Passengers
 ***************************************************/

/***************************************************
 TWO WEEK CALENDAR
 ***************************************************/

#twoweek-calendar .date-navigation {
	margin: 0 0 0 20px;
}

#twoweek-calendar .headers {
	overflow: hidden;
	padding: 0 0 15px 0;
}

#twoweek-calendar h3 {
	width: 105px;
	float: left;
	text-transform: uppercase;
	color: #000;
	font-size: 0.75em;
	font-weight: bold;
	text-align: center;
}

#twoweek-calendar .weeks {
	background: #fbfbfb;
	border-top: 1px solid #ededed;
	padding: 30px 0 30px 10px;
}

#twoweek-calendar .week {
	overflow: hidden;
	padding: 0 0 8px 0;
}

#twoweek-calendar .day {
	text-align: center;
	width: 102px;
	background: #fff;
	padding: 15px 0 8px 0;
	margin: 0 1px 0 0;
	border: 1px solid #efefef;
	float: left;
	height: 5.7em;
	position: relative;
	line-height: 1;
	color: #959595;
	/*cursor: pointer;  Removed by HGH*/
}

#twoweek-calendar .day .number {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 8px 0;
}

#twoweek-calendar .day .text {
	font-size: 0.875em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

#twoweek-calendar .day .ship {
	font-size: 0.75em;
}

#twoweek-calendar .day .select {
	position: absolute;
	bottom: 1px;
	left: 1px;
	background: #545454;
	color: #fff;
	text-transform: uppercase;
	padding: 3px 0;
	width: 100px;
	font-size: 0.75em;
	cursor: pointer;  /* Added by HGH*/
}

#twoweek-calendar .day .selectbutton { /* Added by HGH */
	color: #fff;
}

#twoweek-calendar .day.available .number,
#twoweek-calendar .day.available .text {
	color: #139a0d;
}

#twoweek-calendar .day.limited .number,
#twoweek-calendar .day.limited .text {
	color: #fa9900;
}

#twoweek-calendar .day.soldout,
#twoweek-calendar .day.soldout .number,
#twoweek-calendar .day.soldout .text {
	background: transparent;
	color: #c6c6c6;
}

/***************************************************
 ONE WEEK CALENDAR
 ***************************************************/

#oneweek-calendar .date-navigation {
	margin: 0 20px;
	position: relative;
}

#oneweek-calendar .date-navigation .date {
	float: none;
	text-align: center;
	position: absolute;
	width: 100%;
	z-index: 1;
}

#oneweek-calendar .date-navigation a {
	z-index: 2;
	position: relative;
}
#oneweek-calendar .date-navigation a.next {
	float: right;
}

#oneweek-calendar .week {
	overflow: hidden;
	padding: 20px 0 8px 0;
	border-top: 1px solid #ededed;
}

#oneweek-calendar .day {
	text-align: center;
	width: 14.2%;
	background: #fff;
	float: left;
}

#oneweek-calendar .day .content {
	padding: 0;
	margin: 0;
	border: 1px solid #fff;
}

#oneweek-calendar .day .content.hover {
	border: 1px solid #d4d4d4;
	background: #fafafa;
}

#oneweek-calendar h2 {
	font-size: 0.875em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 8px 0;
}

#oneweek-calendar .image {
	text-align: center;
	margin: 0 0 8px 0;
}

#oneweek-calendar .image img {
	display: block;
	margin: 0 auto;
}

#oneweek-calendar h3 {
	font-size: 0.75em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 4px 0;
}

#oneweek-calendar .availability,
#oneweek-calendar .departure,
#oneweek-calendar .price {
	font-size: 0.75em;
}

#oneweek-calendar .available .availability span {
	color: #139a0d;
}

#oneweek-calendar .soldout .availability span {
	color: #e41819;
}

#oneweek-calendar .soldout .button {
	background-image: url(../images/portal/button-disabled-right.png);
}

#oneweek-calendar .soldout .button a {
	background-image: url(../images/portal/button-disabled-left.png);
	color: #959595;
}

#oneweek-calendar .price {
	font-weight: bold;
	color: #e41819;
	margin: 0 0 20px 0;
}

#oneweek-calendar .button {
	margin: 0 10px;
}

#oneweek-calendar .button,
#oneweek-calendar .button a {
	float: none;
}

/***************************************************
 END ONE WEEK CALENDAR
 ***************************************************/

.dark_table_header
{
    background-color: #343434;
}

.dark_table_header th
{
    color: #fff !important;
	text-transform: uppercase;	
	font-size: 0.75em;	
}

.excursion_column
{
    padding: 2px;
    margin: 2px;
}

#page_excursion
{
    margin: 10px;
}