hmtl,body,ul,ol,li,q,h1,h2,h3,h4,h5,h6,p,form,a,div,img,span{margin:0;padding:0;border:0;font-size:1em;}
body{color:black;font:62.5% Arial,Verdana,Helvetica,sans-serif;line-height:1.5em;background:#00353e;color:white;}
input,select{font-size:1em;}
.cl{clear:both;margin:0;padding:0;}.dn{display:none;}.vh{visibility:hidden;}
.tdn{text-decoration:none;}.fl{float:left;}.fr{float:right;}.aw{width:auto;}
.all{text-align:left;}
hr{height:1px;}.marginleft10{margin-left:5px;}.marginbottom20{margin-bottom:20px;}
#message{float:left;margin-left:20px;}
p.err{margin:10px 0;font-size:1.2em;}
#errorsList{margin-left:20px;margin-bottom:10px;font-size:1.2em;list-style:inherit;}
/** Footer **/
#fbot{width:968px;padding:0;margin:0px auto;color:#999999;}
#copy{font-size:1.1em;padding:0;float:left;width:700px;}
#copy a{color:#999999;background:inherit;text-decoration:none;padding:0;margin:0 5px;}
#copy a:hover,#copy a.t{color:white;background:inherit;text-decoration:underline;}
/** YAM **/
#yammayap{float:left;width:268px;font-size:1.1em;text-align:right;padding:0;margin-bottom:10px;}
#yammayap a{background:url(../images/yammayap.gif) no-repeat right;padding: 2px 30px 2px 0;color:#999999;text-decoration:none;margin:0;}
#yammayap a:hover{background:url(../images/yammayap-on.gif) no-repeat right;color:white;text-decoration:underline;}

#ctr{background:#00525f;margin:10px auto;width:968px;border:1px solid #4d868f;}
#head{width:968px;background:#0086b6 url(../images/logo.gif) no-repeat top left;float:left;}
#head #pad{float:left;height:106px;width:1px;}
#head #tel{font-size:1.6em;line-height:1.6em;color:#003f87;float:right;padding:10px 50px 0 0;}
#head #tel strong{color:#cc0000;}

#main{width:908px;padding:35px 30px 20px 30px;background:#00525f url(/images/page_bg.gif) no-repeat top left;color:#666666;float:left;}
	.or{color:#ff6633;}
	.bld{color:#cccccc;font-weight:bold;}
	a.bld{text-decoration:none;}
	a.bld:hover{color:white;font-weight:bold;text-decoration:underline;}

.page{background:white;margin:0;padding:0;width:880px;border:8px solid #4d868f;}
.page ul{list-style:none;}


h1{font-size:3em;line-height:1em;font-weight:normal;color:white;padding:5px 20px;margin:0;line-height:1.8em;background:#103f51;width:840px;}
h2{font-size:1.4em;color:#669999;padding:5px 0;margin:0;line-height:1.5em;background:transparent;}
h3{font-size:1.2em;color:#666666;padding:5px 0;margin:0;line-height:1.5em;background:transparent;}
p{font-size:1.2em;color:#666666;padding:5px 0;margin:0;line-height:1.5em;background:transparent;}
label{font-size:1.2em;color:#666666;padding:5px 0;margin:0;line-height:1.5em;background:transparent;display:block;}
a{color:#666666;background:transparent;}
a:hover{color:#333333;background:transparent;text-decoration:underline;}


#navigation {float:left;background:white;width:650px;border:1px solid #4d868f;float:left;padding:0;margin:16px 0 0 295px;}
* html #navigation {float:left;margin:15px 0 0 164px;}
		#navigation ul{list-style-type:none;margin:0;}
		#navigation li{float:left;padding:0;margin:0;}
		
		#bot{background:url(../images/nav_bot.gif) no-repeat bottom;float:left;border:1px solid black;}
		#mnav{display:block;width:640px;}
		#mnav li a {color:#777777;display:block;padding:5px 10px 7px 10px;font-size:1.3em;text-decoration:none;}
		#mnav li a:hover,#mnav li a.t {color:black;text-decoration:underline;background:inherit;}

		#mnav ul {padding:0;margin:0;list-style:none;}		
		#mnav ul li ul {padding:0;margin:0;list-style: none;border: 1px solid #333333;}
		#mnav ul li a {display:block;width:400px;color:#777777;font-size:1.4em;text-decoration:none;}
		 /* all list items */
		#mnav li {float: left;}
		/*width: 20em;*/ /* width needed or else Opera goes nuts */
		
		/* second-level lists */
		#mnav li ul {margin:0;background:white;border: 1px solid #333333;
		position: absolute;
		z-index:999; /* Safari/MAC needs this to be seen above content below */
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		}
		/* lists nested under hovered list items */
		#mnav li:hover ul, #mnav li li:hover ul, #mnav li.sfhover ul, #mnav li li.sfhover ul {background-position: 0 0;left:auto;text-decoration:none;}

		a.mb{overflow:hidden;display:block; width: auto;}


#mnav li ul img{float:left;margin-right:10px;}
#mnav li ul .title{font-size:1em;color:#4d868f;display:block;line-height:1.5em;}
#mnav li ul .img{float:left;width:120px;margin-right:10px;}
#mnav li ul .desc{float:left;width:196px;font-size:0.9em;line-height:1.5em;}
.nav_special{width:350px;border:1px solid #4d868f;border-top:0;}
.nav_special a{border-bottom:1px solid #4d868f;float:left;text-decoration:none;}
.nav_special a:hover{cursor:pointer;}

#mnav a.subnav:hover{background:#e5e5e5;}

/**********************/
#home img{float:left;}
#flashcontent{float:left;height:305px;width:968px;background:#00525f;}

/****/
#status{font-size:1.3em;color:white;padding:5px 20px;width:928px;background:#790203 url(/images/status/bg.gif) no-repeat top;}
#status .intro{padding:5px 0 5px 30px;background:url(/images/status/status.gif) left center no-repeat;float:left;}
#ticker{padding:0;margin:0;}

#fpromos{background:#00525f;width:908px;padding:0px 30px 10px 30px;float:left;}
#fpromos a{float:left;border:8px solid #4d868f;width:176px;margin-right:15px;padding:105px 10px 10px 10px;text-decoration:none;background-color:#103e50;background-repeat:no-repeat;background-position:top left;}
#fpromos a .h1{color:white;font-size:1.6em;padding:5px 0;float:left;display:block;width:166px;}
#fpromos a .title{color:#99cccc;font-size:1.3em;padding:0 0;float:left;display:block;width:166px;}
#fpromos a:hover{border:8px solid white;}

#links{background:#00525f;width:918px;padding:10px 25px 20px 25px;color:#5e929a;float:left;}
#links a{font-size:1.2em;color:#5e929a;margin:0 8px 0 5px;}
#links a:hover{color:white;text-decoration:underline;}

.topimage img{float:left;padding:0;margin:0;}

.hublist{padding:15px;}
.hublist a{float:left;width:400px;padding:10px;text-decoration:none;}
.hublist a:hover{background:#e5e5e5;}
.hublist span{display:block;}
.hublist .img{float:left;margin:0 10px 10px 0;}
.hublist .text{float:left;width:265px;}
.hublist .title{color:#113a4e;font-size:1.6em;padding:0;margin:0;}
.hublist .shortdesc{color:#666666;font-size:1.2em;line-height:1.5em;padding:5px 0 0 0;margin:0;}
.hublist .canbook{font-size:1.2em;color:#cc0000;margin:0;padding:0;}

.selector{padding:0px 10px;float:left;background:url(/images/selector-bg.gif) bottom left;border-bottom:1px solid #cccccc;}
.selector .pad{height:70px;width:1px;float:left;}
.selector .left{width:168px;float:left;border-right:1px solid #cccccc;padding:5px 10px;}
.selector .middle{width:250px;float:left;border-left:1px solid white;border-right:1px solid #cccccc;padding:5px 15px;}
.selector .right{width:355px;float:left;border-left:1px solid white;padding:5px 15px;}
.selector span{display:none;}
.selector a{height:25px;float:left;background-repeat:no-repeat;background-image:url(/images/sprite.gif);margin-right:10px;background-position-y:0;}
.selector a:hover{background-position-y:-25px;}
.selector a.this{background-position-y:-25px;}
.selector #fpoole{background-position-x:-331px;width:61px;}
.selector #fbournemouth{background-position-x:-217px;width:114px;}
.selector #fswanage{background-position-x:-392px;width:84px;}

.selector #wday{background-position-x:0;width:84px;}
.selector #wnight{background-position-x:-85px;width:83px;}
.selector .any{background-position-x:-167px;width:50px;}

.selector #treturn{background-position-x:-476px;width:67px;}
.selector #tsingle{background-position-x:-543px;width:63px;}

.leftmenu{width:220px;float:left;padding:10px;}
.leftmenu li a{float:left;padding:5px 10px;width:200px;text-decoration:none;font-size:1.2em;color:#666666;border-top:1px solid #cccccc;}
.leftmenu li a.heading{background:#eeeeee;font-weight:bold;color:black;}
.leftmenu li a.heading:hover{color:white;background:#4d868f;}
.leftmenu li a:hover,.leftmenu li a.this{color:#4d868f;text-decoration:underline;background:#e5e5e5;}

.cruise{float:left;width:600px;padding:10px 20px;}
.cruise .title{font-size:1.6em;color:#103f51;font-weight:bold;margin:0;padding:0;}
.cruise .from{font-size:0.8em;color:#999999;font-weight:normal;margin:0;padding:0;}
.cruise .price{font-size:1.1em;color:#333333;margin:0;padding:0;}
.cruise .shortdesc{font-size:1.4em;color:#333333;margin:0;padding:10px 0;}
.cruise .description{font-size:1.2em;line-height:1.5em;margin:0;padding:10px 0;}
.cruise ul{line-height:1.5em;list-style:disc;margin-left:20px;}
.cruise .highlight{border:1px solid #cccccc;padding:15px;background:#e1f0f1;}
.cruise .extra{padding:10px 0 0 0;margin:0;display:block;float:left;}
.cruise .extra .img{float:left;margin:0 10px 10px 0;}
.cruise .extra .text{float:left;width:420px;}
.cruise .extra .title{font-size:1.4em;line-height:1.2em;color:#103f51;font-weight:bold;margin:0;padding:0;display:block;}
.cruise .extra .description{font-size:1.2em;color:#666666;margin:0;padding:10px 0;display:block;}
.cruise .extra .price{font-size:1.2em;color:#103f51;margin:0;padding:0;display:block;}

.cruise .timetable{border:1px solid #cccccc;float:left;width:610px;margin:20px 0;}
.cruise .timetable .selector .middle{width:363px;border-left:0;}
.cruise .timetable .selector .right{width:165px;}
.cruise .timetable ul{list-style:none;}
.cruise .timetable .times{display:block;float:left;width:600px;}
.cruise .timetable .heading{color:#103f51;background:#e5e5e5;padding:10px 5px;width:600px;font-weight:bold;font-size:1.1em;}
.cruise .timetable .line{display:block;float:left;width:600px;font-size:1.1em;padding:5px;margin:0;}
.cruise .timetable .line strong{color:#103f51;}
.cruise .timetable .times .date{width:90px;float:left;}
.cruise .timetable .times .depart{width:220px;float:left;}
.cruise .timetable .times .arrive{width:220px;float:left;}
.cruise .timetable .popup{width:50px;float:left;text-align:center;margin:0;padding:0;}
.cruise .timetable .popup select{width:45px;font-size:0.8em;margin:0;padding:0;}
.cruise .timetable .label{width:180px;float:left;padding:5px 0;margin:0;}
.cruise .timetable .field{width:180px;float:left;padding:0;margin:0;}
.cruise .timetable .field span{padding:5px 0;float:left;}
.cruise .timetable .smallfield{width:100px;}
.cruise .timetable .book .label{width:220px;float:left;}


#sub_nav{padding:0;float:left;}
#sub_nav ul{width:880px;margin:0;padding:0;float:left;background:#103f51;}
#sub_nav li{float:left;display:block;margin-right:3px;}
#sub_nav a{width:auto;float:left;padding:5px 10px;background:#39606f;color:#9db1b8;font-size:1.2em;font-weight:normal;text-decoration:none;}
#sub_nav a:hover{text-decoration:underline;color:white;}
#sub_nav a.t{background:white;color:#39606f;}

/* Contact */
#contact #map{height:380px;width:513px;float:left;margin:10px 20px 20px 10px;}
#contact #cform{width:300px;float:left;margin-bottom:20px;}
#contact #cform input{width:160px;}
#contact #cform textarea{width:163px;height:120px;}
#contact #cform #submit{width:auto;margin:10px 0;}
#contact .bournemouth{background:url(../images/contact/map_bournemouth.gif) no-repeat;}
#contact .poole{background:url(../images/contact/map_poole.gif) no-repeat;}
#contact .swanage{background:url(../images/contact/map_swanage.gif) no-repeat;}




/* Ports */
.ports h1.title{background:url(../images/title_ports.gif) no-repeat;}
.ports .intro{background:url(../images/ports/explore-south-coast.jpg) no-repeat top right;padding:20px 280px 0 20px;float:left;font-size:1.3em;}
.ports .box{width:272px;float:left;padding:0;margin:20px 0;padding-top:125px;margin-left:15px;}
.ports #bournemouth{background:#113a4e url(../images/ports/bournemouth-pier.jpg) no-repeat;}
.ports #poolequay{background:#113a4e url(../images/ports/poole-quay.jpg) no-repeat;}
.ports #swanage{background:#113a4e url(../images/ports/swanage-bay.jpg) no-repeat;}
.ports .box h1{color:white;font-size:1.8em;padding:0 10px 0 10px;}
.ports .box h2{color:#99cccc;font-size:1.4em;padding:0 10px 10px 10px;}
.ports .box p{background:#e0eaec;float:left;padding:10px;font-size:1.2em;line-height:1.6em;color:#103f51;}
.ports .box a{background:url(../images/but_findoutmore.gif) no-repeat;float:right;height:25px;width:120px;margin-top:10px;}
.portsdetail h1.title{margin:0 0 20px 0;}

#t_bournemouth{background:white url(../images/ports/t_bournemouth_pier.jpg) no-repeat;width:878px;padding:251px 0 0 0;}
#t_poole{background:white url(../images/ports/t_poole_quay.jpg) no-repeat;width:878px;padding:251px 0 0 0;}
#t_swanage{background:white url(../images/ports/t_swanage_bay.jpg) no-repeat;width:878px;padding:251px 0 0 0;}
#t_bournemouth .main_section h1{background:url(../images/ports/t_bournemouth_pier.gif) no-repeat;height:25px;width:258px;}
#t_poole .main_section h1{background:url(../images/ports/t_poole_quay.gif) no-repeat;height:25px;width:153px;}
#t_swanage .main_section h1{background:url(../images/ports/t_swanage_bay.gif) no-repeat;height:25px;width:168px;}

.ports #pi_links{font-size:1.2em;color:#113a4e;padding:10px 0;line-height:1.6em;}
.ports #pi_links a{color:#999999;text-decoration:underline;}
.ports #pi_links a:hover{color:#113a4e;}

.ports #leftmenu a{width:220px;}
.ports .main_section{width:380px;padding:0 10px;}