@charset "utf-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
	display:block
}
ol,ul{
	list-style:none
}
blockquote,q{
	quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
	content:'';
	content:none
}
table{
	border-collapse:collapse;
	border-spacing:0
}
.skype_pnh_container{
	display:none!important
}
.skype_pnh_print_container{
	display:inline!important
}
body,html{
	background:#FFF;
	color:#000;
	font-family:Arial,Helvetica,sans-serif
}
html{
	font-size:16px;
	-ms-text-size-adjust:16px
}
body{
	font-size:1em;
	line-height:1.45em;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%
}
.container{
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	margin-top: 0px;
	position:relative;
	width:1200px;

	overflow:hidden;
	display:block
}
#about-text,#accreditations,#accredited,#contact,#freight-info,#logo,#main,#meet-team div,#related-info img,#related-info p,#services-menu,#social,#social li,.box,.intros,.intros h2,.intros img,.intros ul,.leaderboard,.office-details,.photo,.ports,.ports h2,.ports p,.ports ul,.sidebar,.sidebar #related-info,blockquote,blockquote img,form,main,nav a,nav strong,nav ul,nav ul li,small{
	display:inline-block;
	zoom:1
}
main,main.container{
	height:auto;
	min-height:600px;
	margin-bottom:40px;
}
#contact,#contact-details nav,#emailinfo,#telephone,button,footer,h1,h2,h3,h4,h5,h6,input,textarea{
	font-family:Roboto,Tahoma,Verdana,Segoe,sans-serif;
	text-transform:uppercase
}
#contact-details,.intros p,.intros ul,.leaderboard h2,.leaderboard-subpg h2,.ports p,.ports ul,nav li:hover ul li a,nav li:hover ul li strong{
	font-family:"Arial Narrow",Abel,Arial,Helvetica,sans-serif;
	font-stretch:condensed
}
p{
	margin-bottom:20px
}
b{
	font-weight: bold;
	margin-bottom:20px
}
i{
	font-style: italic;
	margin-bottom:20px
}
p.last{
	margin-bottom:0
}
blockquote{
	width:550px;
	margin:10px 0 0
}
blockquote:last-child{
	margin:40px 0 0 95px
}
blockquote p{
	margin-bottom:14px
}
blockquote img{
	float:right;
	text-align:top;
	margin-left:20px
}
cite{
	line-height:1.1em
}
cite span{
	display:block
}
h1,h2,h3,h4,h5,h6{
	color: #074e56;
	font-weight:400
}
h1,h2{
	font-size:1.3em;
	margin-bottom:10px
}
h3,h4,h5,h6{
	font-weight:700
}
a{
	color:#000;
	text-decoration:underline;
	outline:0
}
a:visited{
	color:#000
}
a:active,a:focus,a:hover{
	color: #0caaee
}
ul{
	list-style-type:disc;
	list-style-position:inside
}
#nav-wrapper,nav{
	background:#205e7d
}
nav.container{
	overflow:visible
}
nav{
	clear:both;
	width:1200px;
	height:36px
}
nav:after,nav:before{
	content:"";
	display:table
}
nav:after{
	clear:both
}
nav li,nav ul{
	margin:0;
	padding:0
}
nav li{
	position:relative;
	font-size: 1em
}
nav a,nav a:visited,nav strong{
	color: #fffefe;
	text-decoration:none;
	text-transform:uppercase;
	height:36px;
	line-height:36px;
	text-align:center
}
nav .nav-home a,nav .nav-home strong,nav .nav-home:visited{
	width: 120px
}
nav .nav-services a,nav .nav-services strong,nav .nav-services:visited{
	width: 120px
}
nav .nav-special a,nav .nav-special strong,nav .nav-special:visited{
	width: 200px
}
nav .nav-container a,nav .nav-container strong,nav .nav-container:visited{
	width: 210px
}
nav .nav-photo a,nav .nav-photo strong,nav .nav-photo:visited{
	width: 180px
}
nav .nav-employment a,nav .nav-home strong,nav .nav-home:visited{
	width: 140px;
	text-align: center
}
nav .nav-contact a,nav .nav-contact strong,nav .nav-contact:visited{
	width: 130px;
	text-align: center
}
nav .nav-services:active strong,nav .nav-services:focus strong,nav .nav-services:hover strong,nav .nav-special:active strong,nav .nav-special:focus strong,nav .nav-special:hover strong,nav li:active a,nav li:focus a,nav li:hover a{
	background:#52c4cc;
	color: #ffffff;
}
#currentpage a,#currentpage strong{
	color: #ffffff
}
nav a,nav li,nav ul{
	float:left
}
nav li ul{
	display:none
}
nav li:active ul,nav li:focus ul,nav li:hover ul{
	display:block;
	position:absolute;
	z-index:10;
	top:36px;
	left:0;
	width:200px;
	color:#fff;
	border:1px solid #454545;
	background:#000;
	background:rgba(0,0,0,.6)
}
.ie nav li:active ul,.ie nav li:focus ul,.ie nav li:hover ul{
	zoom:1;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#98000000, endColorstr=#98000000);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#98000000, endColorstr=#98000000)"
}
nav li:active ul li,nav li:focus ul li,nav li:hover ul li{
	border-bottom:1px solid #727272;
	font-size:.9em;
	width:200px;
	background:0 0
}
nav li:active ul li:last-child,nav li:focus ul li:last-child,nav li:hover ul li:last-child{
	border-bottom:none
}
nav #currentpage:active ul a,nav #currentpage:active ul strong,nav #currentpage:focus ul a,nav #currentpage:focus ul strong,nav #currentpage:hover ul a,nav #currentpage:hover ul strong,nav li:active ul a,nav li:active ul strong,nav li:focus ul a,nav li:focus ul strong,nav li:hover ul a,nav li:hover ul strong{
	width:180px;
	padding:0 10px;
	height:36px;
	line-height:36px;
	color:#fff;
	text-align:left;
	background:0 0
}
nav li:active ul li:active,nav li:active ul li:focus,nav li:active ul li:hover,nav li:focus ul li:active,nav li:focus ul li:focus,nav li:focus ul li:hover,nav li:hover ul li:active,nav li:hover ul li:focus,nav li:hover ul li:hover{
	background:#343434;
	background:rgba(0,0,0,.6)
}
.ie nav li:active ul li:active,.ie nav li:active ul li:focus,.ie nav li:active ul li:hover,.ie nav li:focus ul li:active,.ie nav li:focus ul li:focus,.ie nav li:focus ul li:hover,.ie nav li:hover ul li:active,.ie nav li:hover ul li:focus,.ie nav li:hover ul li:hover{
	zoom:1;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#98343434, endColorstr=#98343434);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#98343434, endColorstr=#98343434)"
}
nav li:active ul a,nav li:active ul li,nav li:focus ul a,nav li:focus ul li,nav li:hover ul a,nav li:hover ul li{
	float:none
}
form{
	width:280px;
	height:404px;
	background:#52c4cc;
	padding:20px 10px
}
.ie6 form{
	width:277px;
	overflow:hidden
}
form h2{
	color:#fff
}
input,textarea{
	background:#FFF;
	font-size:1em;
	line-height:1em;
	color:#555;
	text-transform:none;
	width:268px;
	margin:5px 0 20px;
	padding:5px;
	border:1px solid #606060;
	outline:0;
	display:block
}
.ie7 input,.ie7 textarea{
	margin:5px 0 19px
}
.ie6 input,.ie6 textarea{
	width:267px
}
input{
	height:16px
}
textarea{
	height:60px
}
input:focus,textarea:focus{
	border:1px solid #999
}
legend{
	display:none
}
label{
	font-weight:400;
	color:#222;
	position:absolute;
	left:-2000px
}
#form_as,#label_as{
	position:absolute;
	left:-2000px
}
.error{
	border:1px solid #cc0001
}
.errors{
	display:none;
	background:0 0;
	color:#cc0001;
	padding:0;
	margin:0
}
::-webkit-input-placeholder{
	color:#555
}
:-moz-placeholder{
	color:#000
}
::-moz-placeholder{
	color:#000
}
:-ms-input-placeholder{
	color:#555
}
.error::-webkit-input-placeholder{
	color:#cc5752
}
.error:-moz-placeholder{
	color:#cc5752
}
.error::-moz-placeholder{
	color:#cc5752
}
.error:-ms-input-placeholder{
	color:#cc5752
}
.button,button,input[type=button],input[type=reset],input[type=submit]{
	display:block;
	width:80%;
	margin:0 auto;
	padding:5px 0;
	border:0;
	background-color:#000;
	text-align:center;
	font-size:1.1em;
	color:#FFF;
	font-weight:400;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
	line-height:normal;
}
.button:visited{
	color:#fff
}
.button:active,.button:focus,.button:hover,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{
	background:#072629
}
button::-moz-focus-inner,input::-moz-focus-inner{
	border:0;
	padding:0;
}
.ie6 button,.ie7 button{
	padding:0
}
header{
	padding:0px;
}
#logo{
	float:left;
	margin-left: 0px;
	margin-top:10px;
	margin-bottom:10px;
}
#contact{
	float:right;
	text-align:right;
	margin:25px

}
#contact p,#email-info{
	display:block;
	font-size:1em;
	line-height:1em;
}
#contact p{
	text-transform:uppercase;
	margin-bottom:10px
}
#telephone{
	color: #1f5f7e;
	font-size:1em;
	text-decoration:none;
	text-transform:uppercase
}
#email-info{
	text-transform:lowercase;
	text-decoration:none;
	color:#000
}
#footer-wrapper,footer{
	background:#f3f3f3
}
footer{
	padding:30px 0 15px;
	font-size:.85em
}
footer section h2{
	font-size:1em;
	line-height:1.1em;
	color:#000;
	font-weight:700;
	margin-bottom:0
}
#accreditations,#social,.office-details{
	float:left;
	vertical-align: middle;
	
}
.office-details{
	width:220px
}
.office-details span{
	display:block;
	text-transform:uppercase;
	line-height:1.1em
}
#social{
	width:510px;
	list-style-type:none
}
#social li{
	width:230px
}
#social a,#social a:visited{
	color:#000
}
#social a:active,#social a:focus,#social a:hover{
	text-decoration:underline
}
#social img{
	vertical-align:top;
	margin-right:10px
}
#accreditations{
	width:470px;
	text-align:right
}
#accreditations img{
	vertical-align:middle;
	margin:0 0 10px 20px
}
small{
	width:100%;
	font-size:.9em;
	text-transform:uppercase;
	text-align:right
}
small a,small a:visited{
	color:#000;
	text-decoration:underline
}
small span{
	margin-left:20px
}
.small-link{
	float:left;
	width:120px;
	text-align:left
}
.leaderboard{
	position:relative;
	float:left;
	width:900px;
	background:#898989
}
.leaderboard img{
	display:block
}
.leaderboard,.leaderboard-subpg,form{
	margin-bottom:40px
}
.leaderboard h2,.leaderboard-subpg h2{
	position:absolute;
	bottom:15px;
	right:10px;
	width:360px;
	padding:10px;
	color:#fff;
	font-size:1.7em;
	line-height:1.2em;
	background:#000;
	background:rgba(0,0,0,.5)
}
.ie .leaderboard h2,.ie .leaderboard-subpg h2{
	zoom:1;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#98000000, endColorstr=#98000000);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#98000000, endColorstr=#98000000)"
}
.intros{
	float:left;
	width:360px;
	padding:0 60px 10px 0;
	margin-bottom:30px
}
.intros+.intros+.intros{
	padding:0 0 10px
}
.intros h2,.intros p,.intros ul,.ports h2,.ports p{
	float:left;
	width:57%
}
.intros p{
	width:50%
}
.intros p,.intros ul,.ports p,.ports ul{
	clear:left;
	font-size:1.1em
}
.intros ul li{
	display:inline;
	list-style-type:none
}
.intros img,.ports img{
	float:right
}
.box{
	clear:both;
	padding:15px;
	background:#ffffff;
	margin-bottom:30px
	color: #b04949;
	color: #ffffff;
}
.box h1,.box h2,.service h2{
	color:#000
}
#about-text{
	width:600px;
	vertical-align:top
}
#freight-info{
	width:495px;
	padding-left:100px
}
#about-text,#freight-info{
	] float:left
}
#freight-info p{
	font-size:1.2em
}
#freight-info p+p+p{
	margin-bottom:0
}
#freight-info img{
	vertical-align:middle
}
#hmrc{
	margin-left:92px
}
#eu{
	margin-left:31px
}
#cont{
	margin-left:125px
}
#accredited{
	width:600px;
	float:left
}
#accredited h2{
	color:#000
}
#accredited img{
	margin-right:40px;
	vertical-align:middle
}
.leaderboard-subpg{
	position:relative;
	width:1200px
}
#main{
	width:860px;
	float:left
}
#about-us,#error404,#privacy,#sitemap,#thank-you{
	margin:30px auto
}
.sidebar{
	float:right;
	width:300px;
	margin-left:40px;
	margin-bottom:30px
}
.ie6 .sidebar,.ie7 .sidebar{
	width:295px
}
.sidebar blockquote{
	width:100%;
	margin:0 0 30px;
	font-size:1.1em
}
.sidebar blockquote p{
	margin-bottom:30px
}
.sidebar blockquote img{
	padding-top:10px
}
#meet-team{
	margin:10px 0 0
}
#meet-team div{
	margin:5px 15px 0 0
}
#meet-team div+div+div+div+div{
	margin:5px 0 0
}
#meet-team h3{
	color:#000;
	font-size:1em;
	font-weight:400;
	text-transform:none
}
.sidebar #related-info{
	width:100%;
	padding-left:0;
	float:none;
	margin:0 0 30px
}
#related-info h2{
	margin-bottom:20px
}
#related-info p{
	font-size:1.2em;
	width:110px;
	float:left;
	clear:both;
	margin:6px 0 14px;
	text-align:left;
}
#related-info p#eu-text{
	margin:9px 0 14px
}
#related-info p.less-text{
	margin:18px 0 16px
}
#related-info img{
	float:left;
}
#services #main,#specialist-services #main{
	margin:0;
	padding:0;
	width:900px;
	float:right
}
#service-container{
	height:100%;
	overflow:hidden
}
#specialist-services #service-container{
	height:100%
}
.service{
	width:100%;
	height:100%;
	margin-bottom:0
}
#specialist-services .service{
	height:100%
}
.service ul{
	list-style-position:outside;
	margin-left:30px
}
.service span{
	text-transform:uppercase
}
.sidebar .intros,.sidebar .intros+.intros+.intros{
	width:100%;
	padding:0
}
.sidebar .intros p{
	width:47%
}
#services-menu{
	float:left;
	width:270px
}
#services-menu ul{
	width:230px;
	margin-top:20px;
	list-style-type:none;
	list-style-position:outside
}
#services-menu li{
	border-bottom:1px solid #000;
	padding:5px 0
}
#services-menu a,#services-menu a:visited{
	color:#000;
	text-decoration:none;
	text-transform:uppercase
}
#services-menu .selected-service,#services-menu .selected-service:visited,#services-menu li:active a,#services-menu li:focus a,#services-menu li:hover a{
	color: #0caaee
}
.ports{
	float:left;
	width:305px;
	padding:0 110px 0 0
}
.ports+.ports{
	width:375px;
	padding:0 30px 0 10px
}
.ports h2{
	color: #0080ff
}
.ports p{
	margin-bottom:0
}
.ports img{
	margin-top:80px
}
.ports ul{
	padding-left:30px
}
.ports ul li{
	display:block;
	list-style-type:none
}
#cont-track{
	width:830px
}
#cont-track a{
	color:#000
}
#cont-track a:active,#cont-track a:focus,#cont-track a:hover{
	color: #0080ff
}
#cont-track img{
	vertical-align:middle
}
#maersk{
	padding-left:180px
}
#hamburg-sud{
	padding-left:40px
}
#cma-cgm{
	padding-left:160px
}
#msc{
	padding-left:200px
}
#googlemap{
	display:inline-block;
	zoom:1;
	width: 600px;
	height: 300px;
	float: right;
}
#map-canvas{
	height: 295px
}
#map-canvas img{
	max-width:none
}
#main-contact{
vertical-align: middle;
	clear: none;
	display: inline;
	float: left
}
#contact-details{
	color: black;
	float: none;
	font-size:1.2em
}
#contact-details h2{
	font-size:1em;
	margin-bottom:0;
	color: black;
	font-weight:700
}
#contact-details span{
	display:block
}
#contact-details dl{
	display:inline-block;
	width: 300px;
	float:left;
	line-height:1.6em
}
#contact-details dd,#contact-details dt{
	display:inline-block;
	float:left
}
#contact-details dt{
	clear:both;
	text-transform:uppercase;
	padding-right:5px
}
#contact-details a{
	text-transform:lowercase;
	color:#000;
	text-decoration:none
}
#address{
	display:inline-block;
	width: 250px;
	float:left
}
#container-dimensions,#photo-gallery{
	margin-top:10px
}
#photo-gallery h1{
	margin-bottom:0
}
.photo{
	float:left;
	width:250px;
	margin-top:30px;
	margin-right:66px
}
.photo img{
	display:block
}
.photo.r4{
	margin-right:0
}
#container-dimensions h1{
	margin-bottom:25px
}
table{
	width:1198px;
	background:#FFF;
	border:1px solid #000
}
caption{
	position:absolute;
	left:-2000px
}
.gross,.payload,.size,.tare{
	background:#f3f3f3
}
.gross,.payload,.tare{
	text-align:center
}
thead,thead td,thead th{
	background:#898989
}
td,th{
	width:148px;
	border:1px solid #000;
	padding:5px;
	vertical-align:middle
}
tbody th{
	text-align:left;
	font-weight:700
}
thead th{
	color:#FFF;
	font-weight:700;
	font-size:.9em;
	border-bottom:none
}
thead th+th+th{
	border-top:none
}
tbody th,td{
	font-size:.8em
}
td:nth-child(5n),td:nth-child(6n),td:nth-child(7n){
	text-align:center
}
thead td{
	border-right:none;
	border-left:none
}
table span{
	text-transform:uppercase
}
sup{
	vertical-align:baseline;
	position:relative;
	top:-.4em;
	font-size:.8em
}
#error404 h1,#error404 h2{
	color:#cc0001
}
#error404 h3{
	color:#000;
	font-weight:400
}
#error404 ul,#privacy ul{
	margin-bottom:25px
}
#error404 li{
	list-style-type:none;
	margin-bottom:20px
}
#sitemap ul a{
	text-transform:none
}
#sitemap ul ul{
	margin-left:25px
}