﻿/*******************************************************************************

* Base Styles - DON'T CHANGE THESE!!!                                          *

*                                                                              *

* These rules are used to reset the CSS default properties so things render    *

* identically (or as close we we can get them) in different browsers.          *

*******************************************************************************/



body									{ margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 }

h1, h2, h3, h4, h5, h6, p,

ul, ol, dl, form, fieldset,

table, address, blockquote				{ margin: 0 0 1.22em 0; padding: 0; }

ul ul, ul ol, ol ol, ol ul				{ margin-bottom: 0 }

ul, ol, blockquote						{ margin-left: 1.75em }

blockquote								{ margin-right: 2.75em }

fieldset 								{ padding: 0.5em }

table									{ border-collapse: collapse; border-spacing:0 }

th										{ text-align: left }

select,input,textarea					{ font: inherit }





/******************************************************************************* 

* CMS Common                                                                   *

*******************************************************************************/



#content form dt								{margin-bottom:-1.4em;}

#content form dd								{ padding-left:200px; margin-bottom:5px; }

#content form dd  *								{ width:400px; }



#content form dd.checkbox input,

 #content form dd.radio input					{ width:30px; }





dd.radio, 

 dd.checkbox 							{ position: relative }



dd.radio label, 

 dd.checkbox label						{ padding-left: 24px; padding-top:3px;}

dd.radio input,

 dd.checkbox input						{ position: absolute; left: 190px; _left:0; }



img										{ border:none; }

img.center								{ margin:auto; clear:both; display:block; float:none; }

img.right								{ float:right; margin:0 0 25px 25px; clear: right; }	

img.left								{ float:left; margin:0 25px 25px 0; clear: left; }







/******************************************************************************* 

* Page Structure                                                               *

*******************************************************************************/

body									{ background:url("body-back.jpg") 50% 0 no-repeat #05161D; margin:0; font-family:"Arial", "Helvetica", "Sans-Serif"; font-size:.87em; color:#666 }



#container								{ width: 940px; background:#fff; margin: auto; padding:13px 20px 0 20px; overflow:hidden }

#header									{ position:relative; background:url("dhb_cruise_park_txt.png") 100% 10px no-repeat  }

/*#lang									{ position:absolute; top:-5px; left:576px; background:url("flags.png") 4px 0 no-repeat  }

#header									{ position:relative; background:url("images/header-helvetica.jpg") 100% 50px no-repeat }*/

#navigation								{ overflow:hidden; margin-bottom:22px; _float:left; width: 940px; text-align:center; }

#footer									{ clear:both; font-size:80%; color:#666; padding:5px 0;  border-top:1px solid #eee}

#content								{ width:700px; float:right; padding-bottom:15px; position:relative;}

#related								{ width:183px; background:#F5F5F5;  padding-bottom:15px; padding:20px; margin-bottom:15px;}



  

/******************************************************************************* 

* Tables				                                                       *

*******************************************************************************/



#content table 							{ width:100%; border:0px solid #48d; font-size:90%; border-collapse:separate }

#content th,

#content td								{ padding:0.25em 0.35em; border:0px solid #48d; }

#content tr.alt							{ }

#content td	h2							{ }



#content th								{  color: #000 }

#content a.back							{ color:#0E5993; text-decoration:none; background:url("sub-nav-li-a.png") 0 .3em no-repeat; padding-left:10px; position:absolute; top:5px; right:0;}



.accessibility							{ display:none; }



/******************************************************************************* 

* Common Styles                                                                *

*******************************************************************************/



#header h1								{ margin: 0 }

#header img								{ border:none; }

#header form							{ padding:0; margin:0; position:absolute; background:url("search-box-back.png") bottom left no-repeat #EEF3F7; top:-13px; padding:10px 15px; right:0; width:243px; }

#header fieldset						{ padding:0; border:none; margin:0; }

#header fieldset input					{ margin-left:50px; width:150px; }

#header fieldset input.button			{ background:none; border:none; cursor:pointer;  margin:0; width:30px; color:#758490; text-transform:uppercase; margin-left:5px; margin-right:0;}

#header form h2							{ display:none; }

#lang									{ position:absolute; top:-5px; left:576px; background:url("flags.png") 4px 0 no-repeat  }

#lang a									{ float:left; margin:0 5px; width:32px; height:24px; overflow:hidden; text-indent:-1000em}



#navigation	a.skip						{ position: absolute; left:-1000em }

#navigation	ul							{ list-style: none; margin:0; }

#navigation	li							{ display: inline; position:relative; float:left; }

#navigation	li a						{ float:left; padding:8px 18px; font-size:120%; border-right:1px solid #4C85B4; border-left:1px solid #143E5F; color:#fff; text-decoration:none; text-shadow: 1px 1px 0px #000; background: url("nav-back.png") 0 0 repeat-x #5089B8; }



#navigation	li:last-child	a			{ border-right:none; }

#navigation li:first-child a			{ border-left:none; }

#navigation	li a:hover					{ background:url("nav-hover-back.png") bottom left repeat-x #0A2F4D; }

/*#navigation li:first-child a	 		{  -moz-border-radius-topleft: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-radius-topleft: 7px; -webkit-border-radius-bottomleft: 7px; border-radius: 7px; border-left:0;}

#navigation li:last-child a				{  -moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-radius-topright: 7px; -webkit-border-radius-bottomright: 7px; border-radius: 7px; }

*/

#navigation								{ position:relative; }

#navigation span						{ display:block; width:5px; height:5px; text-indent:-10000em; z-index:100}

#navigation span.tl						{ position:absolute; top:0; left:0; background:url("tl.png") 0 0 no-repeat; }

#navigation span.tr						{ position:absolute; top:0; right:0;background:url("tr.png") 0 0 no-repeat; }

#navigation span.bl						{ position:absolute; bottom:0; left:0; background:url("bl.png") 0 0 no-repeat; }

#navigation span.br						{ position:absolute; bottom:0; right:0; background:url("br.png") 0 0 no-repeat;  }



#footer	ul								{ list-style: none; margin-left: 0 }

#footer	li								{ display: inline; margin-right: 1em }

#footer p								{ margin-bottom:5px; clear:both; }

#footer a								{ color:#666; text-decoration:none; }



.bertha									{ overflow:hidden; width:960px; border:0px solid red; margin:0 -10px; }



#footer .footer-links ul				{ margin:10px; width:140px; float:left; margin-bottom:35px; _margin:10px 9px; }

#footer .footer-links ul ul				{ margin:0px; float:none;}

#footer .footer-links ul li	h3					{ font-size:110%; color:#333;  }

#footer .footer-links ul li	ul li				{ float:none;  margin-bottom:5px; margin:0 0 5px 0; display:block;  }

#footer .footer-links ul li	ul li a				{ color:#999; }



.breadcrumbs							{ display:none; }



#related ul								{ padding-bottom:5px; border-bottom:1px solid #eee;  list-style:none; margin:0 0 15px 0;  }

#related ul ul								{ margin:8px 0 10px 10px; }



#content a,

 #related a,

 #related dt								{ color:#0E5993; text-decoration:none; }



 #related a								{ display:block; _display:inline-block;  _border:1px solid #F5F5F5; margin:0 -20px 10px -20px; _margin-bottom:5px; padding:0 20px 0 35px; }

  #related a.active,

 #related a:hover						{ background-color:#E6E6E6;  }

 #related a								{ background:url("sub-nav-li-a.png") 23px .3em no-repeat; _display:inline-block;}

 


 #related h2							{ font-size:125%; margin-bottom:15px }

 

 #related li li							{ margin:0 0 8px; padding:0 0; background:none; }

 

 h1, h2, h3								{ font-weight:normal; line-height:1.1; letter-spacing:-1px; }

 

  #content h1							{ font-size:140%; color:#333; margin-bottom:15px;}

 #content h2							{ color:#333; font-size:130%; margin-bottom:15px;}

  #content h3							{ font-size:100%; }

  



  #content .cruise-search form			{ }

#content .cruise-search form dt 						{ float:left; clear: both; width: 35%; padding-top:0px; margin-right:4%; }

#content .cruise-search form dd 						{ float: left; margin:2px 0 5px 0; width: 200px; padding:0;}

#content .cruise-search form dd *						{ width:200px; }

#content .cruise-search form dd select					{ margin-bottom:5px; }





form									{ margin:0; padding:0; }

fieldset								{ margin:0; padding:0; border:none;}

#content fieldset input							{ margin-bottom:10px; }



#related ul.sub-nav a					{ background-image:url("related-arrow.png") } 

  

/******************************************************************************* 

* News Widget			                                                       *

*******************************************************************************/

  

#related .news-articles					{ position:relative; }

#related .news-articles a.feed			{ position:absolute; top:0; right:0; width:16px; height:16px; text-indent:-100000em; padding:0; background:none;}  

 

body #article-rating  						{ float: left; width:100%; border-top:1px solid #ddd; padding-top:15px; margin-top:15px; }

body #article-rating p 						{ float: left; }

body #article-rating ul 						{ float: right; list-style:none; margin:-10px 0 0 0; padding:0 }

body #article-rating ul li					{ margin:0; padding:0; float:left; }

body #article-rating ul li a 				{ float:left; display:block; width:33px; margin:0; height:31px; text-indent:-10000em;  background:url("rating-star.gif") 0 0 no-repeat #ddd;  }

body #article-rating ul li a.selected		{ background-color:#447CAB; }

body #article-rating ul:hover li a.selected	{ background-color:#f90; }



/******************************************************************************* 

* Comments						                                               *

*******************************************************************************/

body .news-article-comment-form	,

body .news-article-comments			{  background:#F5F5F5;  padding:20px; margin-bottom:15px; clear:both;}

body .news-article-comment			{  background:#fff;  padding:10px;}





/******************************************************************************* 

* Ferry & Cruise Tables			                                               *

*******************************************************************************/



#content .weather ul					{ list-style:none; margin:0; }



#content .ferry-tt tr.alt,

 #content .cruise-tt tr.alt				{ background: #F5F5F5;  }



#content .ferry-tt table,

  #content .cruise-tt table				{ width:100%; border:2px solid #0E5993; font-size:90% }



#content .ferry-tt th,

 #content .cruise-tt th					{ background: #0E5993; color: #fff }



/* SEARCH FOR CRUISES */



#related .cruise-search					{ border:0px solid red; } 

#related .cruise-search	dd				{ margin:5px 0 5px 0; }

#content  .cruise-search form			{ background:#F5F5F5; padding:10px; width:400px; margin:auto; }

#content  .cruise-search form div		{ clear:both; margin-top:20px;}

#content  .cruise-search form dt		{ margin-bottom:10px; }

 

/******************************************************************************* 

* Page Specific Styles                                                         *

*******************************************************************************/



#content  table						{ width:100%; }



#content .dp-job-list	li a			{ display:block;  }

#content .dp-job-list	li span		{ display:block; font-size:90%; }



/************* Home  */



body.home #related	h3					{ margin-bottom:10px; }

body.home #related	h3 a				{ color:#333; background:none; padding:0;  }

body.home #related ul					{ border:0; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:10px; }

body.home #related ul li				{ margin-bottom:5px; }

body.home #related ul li a				{ margin-bottom:0; }

body.home #related ul li a.more			{ background:none; padding:0; margin-left:0px; }



body.home #content .news-articles	{ float:left; width:310px; }

body.home #content .news-articles span	{ color:#000; font-size:90%; display:block; margin-bottom:10px; }

body.home #content .news-articles ul	{ list-style:none; margin:0;}

body.home #content .news-articles ul li	{ margin-bottom:20px; }

body.home #content .news-articles a		{ font-size:100%; }

body.home #content .news-articles h3	{ margin-bottom:5px; }

body.home #content .widgets	ul			{ margin:0; list-style:none; clear:both; padding-left:115px; }

body.home #content .dp-job-list ul		{ background:url("news-decoration-image.jpg") 0 0 no-repeat;  }

body.home #content .widgets			{ width:350px; float:right; border-left:1px solid #eee; padding-left:20px; }

body.home #content .widgets	h3		{ margin-bottom:5px; }

body.home #content .widgets span	{ color:#000; margin-bottom:10px; }

body.home #content .weather ul 		{ background:url("weather-decoration-image.jpg") 0 0 no-repeat;  }

body.home #content .weather h3		{ color:#333; }



/************* Home Panels */



body.home #content .quick-links		{  width:700px; height:264px; margin-bottom:20px; position:relative; overflow:hidden;}

body.home #content .quick-links	ul	{  list-style:none; border:0px solid red; margin:0; background:url("home-banners/menu.png") 0 0 no-repeat; width:700px; position:absolute; top:236px; }

body.home #content .quick-links	ul li	{ display:inline; }

body.home #content .quick-links	ul li a	{ width:175px; float:left; text-indent:-10000em; color:#fff; overflow:hidden; height:28px;}

body.home #content .quick-links .panel	{ height:223px; padding-left:539px; padding-top:15px; padding-right:15px;}

body.home #content .quick-links .panel.a { background:url("home-banners/1.jpg") 0 0 no-repeat; }

body.home #content .quick-links .panel.b { background:url("home-banners/2.jpg") 0 0 no-repeat; }

body.home #content .quick-links .panel.c { background:url("home-banners/3.jpg") 0 0 no-repeat; }

body.home #content .quick-links .panel.d { background:url("home-banners/4.jpg") 0 0 no-repeat; }

body.home #content .quick-links	ul.selected-0 { background:url("home-banners/menu.png") 0 0 no-repeat; }

body.home #content .quick-links	ul.selected-1  { background-position:0 -29px; }

body.home #content .quick-links	ul.selected-2  { background-position:0 -58px; }

body.home #content .quick-links	ul.selected-3  { background-position:0 -87px; }

body.home #content .quick-links .panel a		{ background:url("home-banners/find-out-more.png") 0 0 no-repeat; width:91px; height:24px; float:left; text-indent:-10000em}

body.home #content .quick-links .panel h2		{ display:none; }

body.home #content .quick-links span		{ background:url("home-banners/image-tab.png") 0 0 no-repeat; display:block; text-align:center; width:178px; height:47px; position:absolute; top:20px; left:0; padding:5px 10px; color:#fff;}

body.home #content .quick-links span b		{ font-size:140%; display:block; letter-spacing:-1px; font-weight:normal}

body.home #content .quick-links span em		{ font-size:80%; font-style:normal}



/************* Splash Pages */



body.splash #content td					{ width:32%; vertical-align:top;}

body.splash #content td img				{ margin-bottom:15px; }



body.tn #content ul								{ list-style:none; margin:0; }

body.tn #content ul li							{ margin-bottom:15px; }	

body.tn #content ul li span						{ color:#333; margin-bottom:10px}

body.tn #content ul li h3						{ margin-bottom:5px; }



.login form,                                                                                                                                                         

.login-reminder form    { border:1px solid #eee; padding:15px; margin-bottom:25px; }





/************* CSS3 */



#navigation,

 #related,

 .news-article-comments,

 #content  .cruise-search form								{ -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px;  border-radius: 7px;}







.flvplayer-playlist { display: none }


.floatRight { clear:left; float:right }
.floatLeft { clear:left; float:left }
.breadcrumb {
	color:#0E5993;
	text-decoration:none;
	background:url("sub-nav-li-a.png") 0 .3em no-repeat;
	padding-left:10px;
	position:absolute;
	top:5px;
	right:0;
	font-size: 11px;
}


.actCHECKOUTEM {background-color:#009999;}
.actCHECKOUTBG {background-color:#eeeeee;}

.actlarger{
	font-size: larger;
	color:#000000;
}

.actsmaller{
	font-size: smaller;
	color:#000000;
}

.actxxsmall{
	font-size:9px;
	color:#000000;
}

.actxsmall{
	font-size:12px;
	color:#000000;
}

.actxsmall2{
	font-size:10px;
	color:#FFFFFF;
}

.actsmall{
	font-size:10px;
	color:#000000;
}

.actregular{
	font-size:12px;
	color:#000000;
}

.actlarge{
	font-size:14px;
	color:#000000;
}

.actxlarge{
	font-size:16px;
	color:#000000;
}

.actxxlarge{
	font-size:18px;
	color:#000000;
}

.actwarningcolor{color:#ff3300;}
.actrequiredcolor{color:#ff3300;}
.actsearchhighlightcolor{color:#ff0000;}
.actrequired{color:#ff3300;}
.actwarning{color:#ff3300;}
.actwelcome{color:#000000;}


.root2{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#0E5993;

.verdanaBlue13{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
color:#0E5993;
}

.verdanaBlue12{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#0E5993;
font-weight:bold
}
/*cope with inheritance bugs*/
body, table, th, td{
color:#000000;
font-size:10px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}















