section, article, aside, header, footer, address, dialog, figure, nav { display:block; } html { width: 100%; overflow-x: hidden; } body { width: 100%; margin: 0; padding: 0;} h1,h2 { margin:0; } img { border:0; } li p { margin: 0 } li p + p { text-indent: 21px; } .highlight { margin-bottom: 28px; } .highlight li { margin: 0 0 1em 60px; } .author span { display: block; } div.clear { clear: both; } #skip { left:0; position:absolute; text-align:center; top:-20px; width:100%; } body.flag { background:url(../images/shipping/bg_body_flag.jpg) no-repeat top left; } body.compass { background:url(../images/shipping/bg_body_compass.jpg) no-repeat top left; } body.wheel { background:url(../images/shipping/bg_body_wheel.jpg) no-repeat top left; } body.sail { background:url(../images/shipping/bg_body_sail.jpg) no-repeat top left; } input[type=text],input[type=password] { background:#EEE none repeat scroll 0 0; font-family: Verdana,Arial,sans-serif; font-size: 11px; padding: 0 6px; width:280px ; height:25px; border:none; } select { background:#EEE none repeat scroll 0 0; font-family: Verdana,Arial,sans-serif; font-size: 11px; border:none; height:25px; padding:0 6px; } input[type=button], .webform-client-form .form-submit { /*float: right;*/ color:#1A4299; font-weight:bold; font-style:italic; font-size:16px; cursor:pointer; display: inline-block; background-color: #eee; padding: 7px 25px; border: solid 1px #ddd; border-radius: 3px; margin-bottom: 25px;} input[type=button]:hover { text-decoration:underline; } input[type=submit] { cursor:pointer; } input[type=submit]:hover { text-decoration:underline; } label.option { font-family: Verdana,Arial,sans-serif; font-size: 11px; } .form-item label { margin: 0 0 5px 0; } .form-checkboxes, .form-radios { margin: 0 0 5px 0; } #maincontent { float: left; clear: both; width: 100%; } #wrap-that-page { height:90%; margin:0 auto; padding:0; width:926px; } #masthead { height:133px; margin-bottom:40px; padding:0; position:relative; z-index:200; } #masthead #masthead-logo { background-color:#fff; display:block; position:absolute; width:2231px; height:133px; top:0; left:0; margin-left:-2000px; text-align:right; } #masthead nav { width:708px; margin-left:232px; } #masthead nav h1, #quicklinks h2 { display:block; margin-left:-10000px; } #masthead #masthead-logo { background-color:#FFFFFF; display:block; height:92px; left:0; padding-right:50px; padding-top:40px; margin-left:-2000px; position:absolute; text-align:right; top:0; width:2182px; } #masthead-menu { height:133px; margin-left:233px; width:707px; z-index:100; } #what-do-you-want-to-do { background:url("../images/shipping/bg_top.png") no-repeat 0 0 transparent; color:#D8DADB; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:19px; height:62px; margin-bottom:1px; padding-left:24px; width:666px; } #what-do-you-want-to-do a { color:#D8DADB; float:right; margin-top:10px; margin-right:10px; text-decoration:none; width:117px; font-size: 14px; } #what-do-you-want-to-do a:hover { color:#4B91CD; } #main-menu { float:left; height:69px; margin:0; padding:0; } #main-menu li { background:url("../images/shipping/bg_menu.png") repeat scroll 0 0 transparent; list-style:none outside none; } #main-menu li { float:left; height:69px; z-index:900; margin:0 1px 0 0; padding:0; position:relative; } #main-menu li li { display: block; clear: both; position: inherit; } #main-menu li.level1 { width:115px; } #main-menu li.active, #main-menu li.active-trail { background:#FFF; } #main-menu li.active a, #main-menu li.active-trail a { color:#4b90cd; } #main-menu li:hover { background: url('images/bg_grey_opac_95.png'); } #main-menu li:hover a, #main-menu li.active-trail a { color:#1a4299; } #main-menu li:hover img { display:none; } #main-menu li a { display:block; color:#004272; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; line-height:20px; font-size:14px; font-weight:bold; text-align:center; text-decoration:none; padding:26px 10px 0 10px; height:43px; } #main-menu li.e-services { width:110px; } #main-menu li.maritime a, #main-menu li.download a, #main-menu li.feedback a { padding:16px 10px 0 10px; height:53px; } #main-menu li.level1 .ulcontainer { display: none; position: relative; float: left; height: auto; clear: both; } #main-menu li.level1 ul.level-2 { background: url('images/bg_grey_opac_95.png'); margin: 0; padding:20px 0 20px 0; float: left; clear: both; display: block; height: auto; } #main-menu li.level1:nth-child(1) ul.level-2 li.level2:last-child { clear: both; } #main-menu li:nth-child(2) ul.level-2 { width:332px; padding-bottom:15px; } #main-menu li:nth-child(3) .ulcontainer { } #main-menu li:nth-child(3) ul.level-2 { width:332px; padding-bottom:15px; } #main-menu li:nth-child(3) ul.level-2 { width:332px; padding-bottom:15px; } #main-menu li:nth-child(4) .ulcontainer { left: -95px; } #main-menu li.level1 .ulcontainer ul li .ulcontainer { left: 0; position: inherit; display: block; } #main-menu li.last ul.level-2 { width:332px; } #main-menu li.level1 li.level2 { padding:0; float: left; clear:both; margin-left: 25px; width: 307px; height: auto; } #main-menu li.level1.first li.level2 { clear: left; } #main-menu li.level1 ul.level-2 li.last { width: 327px; } #main-menu li:nth-child(2) ul.level-2 .column li.level2 { float:right; width:271px; margin-left:0px; margin-right:30px; } #main-menu li:nth-child(3) ul.level-2 .column li.level2 { float:; width:271px; margin-left:30px; margin-right:30px; } #main-menu li.last ul.level-2 .column li.level2 { float:right; width:271px; margin-left:0px; margin-right:30px; } #main-menu li.level1 li.level2 a { padding: 0; height: auto; padding: 2px 0; text-align: left; } #main-menu li.level1 li.level2 ul { float: left; padding: 0; position: inherit; padding-bottom: 5px; } #main-menu li ul.level-2 li { border-bottom: none; background: none; float: right; clear: both; height:auto; } #main-menu li ul.level-2 li.column ul { float: left; clear: both; height: auto; display: block; width: 332px; } #main-menu li ul.level-2 li.column ul li { float: left; clear: both; } #main-menu li ul.level-2 li.column ul li ul { height: auto; } #main-menu li.first ul.level-2 li.column { float: left; clear:both; width:332px; display: block; } #main-menu li ul.level-2 li ul { margin: 0; padding: 0; } #main-menu .first ul.level-2 .column li.last { width:305px; margin-right:25px; } #main-menu li.level1.last ul.level-2 .column li li { border-bottom:none; } #main-menu li.level1 li.level2 a { background: none; color:#1a4299; font-weight: bold; line-height:30px; font-size:15px; font-style:italic; text-decoration: none; } #main-menu li.level1.first li.level2 > a, #main-menu li.success div.ulcontainer ul.level-2 li.column ul li.level2 a { background: none repeat scroll 0 0 transparent; color: #1a4299; font-size: 15px; font-style: italic; font-weight: bold; text-decoration: none; } #main-menu li.success div.ulcontainer ul.level-2 li.column ul li.level2 a:hover { text-decoration: underline; } #main-menu li.level1 li.level2 a:hover { background: none transparent; text-decoration: underline; } /* /* N E W S ----------------------------------------------------------------- */ .news #left { /* background:#FFF;*/} .news #video { border-color:#989898;} .news #video h1 { color:#ed1b2f;} .news #content header { font-size:21px; border-bottom:1px solid #989898;} /* Page detail */ #content .node .leftCol { float: left; width: 160px; padding: 20px; padding-left: 0; font-size: 12px; line-height: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #767676; } #content .node .rightCol { float:left; padding:0; width:440px; } /* DIMS iframes */ #newsletter-subscription-frame { border:0 none; height:740px; margin-top:5px; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; width:640px; overflow-x: hidden; } #content #node-109 .leftCol { width: 105px; } #node-109 iframe { border:0 none; height:800px; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; width:510px; overflow-x: hidden; } #masthead-right { background:url("../images/shipping/bg_block_head.png") repeat scroll 0 0 transparent; width:10000px; height:132px; position:absolute; left:924px; top:0; } #slogan { width:890px; margin-left:-17px; padding:23px 30px 23px 20px; background:url("../images/shipping/bg_slogan.png") no-repeat transparent; display:block; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; } #slogan h1 { color:#c5c7c8; font-size:29px; font-weight:normal; margin:0; } #slogan h1 span { color:#fff; } #slogan h2 { color:#FFF; text-align:right; font-size:27px; font-weight:bold; margin:15px 0 0 0; text-transform: uppercase; } #left { float:left; width:220px; margin:10px 10px 0px -17px; padding:0 10px 33px; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; color:black; background:url('../images/shipping/bg_aside.png') repeat-y top center transparent; } #left nav { margin-top:10px;} #left nav li { list-style-image: none;} #left nav h1 { position:absolute; left:-10000px;} #left nav ul { margin:0 0 45px 10px; padding:0; width:200px; } #left nav ul ul { margin:5px 0 0; padding:0;} #left nav ul ul li { background:url("images/bullet-left.gif") no-repeat 0 17px;} #left nav li a.active, #left nav li a.active-trail { background-color:#004272; border-bottom:1px solid gray; display:block; color:#fff; margin:-5px 0 0 0; padding:5px 10px;} #left nav ul li ul li a.active, #left nav ul li ul li a.active-trail { background:none; font-weight:bold; border-color:#444; } #left nav ul li.expanded a.active-trail, #left nav ul li.menu-mlid-1949.active-trail a { color:#fff; } #left nav ul li.expanded ul li a.active-trail { color:#004272; } #left nav ul li.expanded ul li a.active-trail { margin:0 0 -5px } #left nav li:first-child { border-top:1px solid #444; } #left nav li li:first-child, #left nav ul li ul li { border:0; } #left nav ul li ul li a.active { border:0; font-weight:bold; background:none; } #left nav li { border-bottom:1px solid #444; list-style:none; padding:5px 0px; margin: 0; } #left nav li.active-trail { border-bottom:0; border-top:0; } #left nav li.active-trail.expanded { border-bottom:1px solid #444; } #left nav nav li, #left nav nav li:first-child { border:none; } #left nav li a { font-family:Verdana, Arial,Helvetica,sans-serif; font-size:13px; color:#004272; text-decoration: none; display:block; } #left nav li a:hover { text-decoration: underline; } #left nav li ul li a { padding: 0 0 0 10px; } .rightbox { border-bottom:1px solid #fff; font-size:24px; color:#000; padding-bottom:24px; } .rightbox h4 { padding-top:28px; margin-top:0; font-size: 18px; color:#FF0000;} .homepage .rightbox h4 { color:#000;} .rightbox h2 { color:#ed1b2f; font-size:24px; color:red; margin-bottom:15px;} .rightbox .thumb { float:left; padding-right:8px; } .rightbox .titlelink p { line-height:15px; } .rightbox .titlelink a, .rightbox .titlelink a:visited { color:#4B90CD; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:16px; font-style:italic; font-weight:bold; text-decoration:none; } .rightbox .titlelink a:hover { text-decoration:underline; } .homepage #video h1 { color:#FFF; } #left .advertising_area { margin-top:40px;} /* BLOCK LAST NEWS FOR HOMEPAGE */ #left .view-display-id-block_2 { margin-top:30px; } #left .view-display-id-block_2 .view-content h3 { color:#002060; } #left .view-display-id-block_2 .view-content ul { list-style-type: none; padding:0; margin-left: 0; } #left .view-display-id-block_2 .view-content ul li { font-size:12px;margin: 0px; } #left .view-display-id-block_2 .view-content ul li .readmore { /*color:#1a4299; font-weight:bold; text-decoration:none;*/ display:block; } /* BLOCK TESTIMONIALS FOR HOMEPAGE */ .leftblock { border-top: 1px solid #444; margin: 5px 0 0 10px; width:200px; } .leftblock:first-child { margin-top:0; border:0; } .leftblock h3 { color:#002060; margin-bottom:0px;padding: 0; margin-top:10px; font-size:22px; line-height:32px; } .leftblock p { padding:0; font-size:12px;} .leftblock a { color:#004272; font-weight:bold; text-decoration:none; font-size:12px;} .leftblock a:hover { text-decoration: underline; } #content { line-height:21px; letter-spacing:normal; float:left; width:630px; margin:10px 0 0 0; padding:30px; background: #FFF; display:block; font-family:Verdana,Arial,sans-serif; font-size:12px; } #content a { text-decoration: none; color: #1a4299; } #content a:hover { text-decoration: underline; } #content p { padding-right: 10px; line-height:21px } #content header { border-bottom:1px solid #B2B6B9; line-height:20px; font-size:12px; font-weight:normal; padding:0 0 15px 0;} .homepage #content header { border-bottom:none; padding:0; } .homepage #content header h1 { font-size: 22px } #content header h1 { font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:44px; line-height: 40px; font-weight: normal; } #content header p { margin:0; padding: 10px 0 0 0; font:21px/30px Verdana,Arial,sans-serif; margin-bottom:21px; } #content header h1.front p { padding: 5px 0 0 0; } #content header h2 { font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:44px; font-weight: normal; line-height: normal; margin-top:-5px; } #content header h3 { margin-top: -5px; font-size:21px; font-weight:normal; line-height:24px; } #content .item-list li { position:relative; min-height: 130px; padding-bottom:20px; display:inline-block; list-style:none; float:left; width:190px; margin-right:20px; } * html #content .item-list li { height: 8em; } #content .item-list li.last { margin-right:0px;} #content .item-list { margin:0; padding:0; } #content .item-list li .readmore { position:absolute; bottom: 0px; left:0; } .newsdate { font-weight:bold; text-transform: capitalize; } .red { color:#FF0000; } #files_list { margin:20px 0 0 0; padding:0;} #files_list li { border-left:1px dotted gray; border-bottom:1px dotted gray; float:left; width:136px; list-style:none outside none; padding:10px; } #files_list li .icon { height:130px; margin-top:20px; text-align:center;} #files_list li .icon a { margin:0; } #files_list li a { font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:14px; font-style:italic; font-weight:bold; line-height:18px; padding:0px; } #files_list li .more:hover { text-decoration:underline;} #content a.readmore, #news .news { color:#004272; margin:20px 0 0 0; display:block; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:13px; font-style:italic;font-weight:bold; text-decoration:none; } #content a.readmore:hover, #news .news:hover { text-decoration:underline; } #news { font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; margin:25px 0 0 0; } #news h1 { font-size:24px; line-height:30px; font-weight:bold; margin-top:60px; border-bottom:1px solid #7A7B7D; } #news h2 { padding: 0 0 10px; font-size:22px; font-weight:normal; line-height: 40px; margin:10px 0 0 0; } #news h2 a { font-family:Trebuchet MS, serif; font-size:20px; color:#4b90cd; font-style:italic; text-decoration:none; font-weight:bold; } #news h2 a:hover { text-decoration:underline; } #news article { font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:12px; display:block; background:url("images/dotted.gif") repeat-x bottom left; padding-bottom:20px; } #news article p { font-family:Verdana,arial,sans-serif; font-size:12px; margin:0; padding:0;} #news article .readmore { margin-top:10px; } #news article img { float:left; } #news article .infos { float:right; width:480px; margin:-5px 0 0 0; } #news .news { clear:both; float:right; margin:10px 0 0px 0;} /* Footer ----------------------------------------------------------------------------------------------------------------------------------------- */ #siteinfo { background: url('../images/shipping/footer.png') no-repeat center transparent; color:#fff; float:left; clear:both; width:100%; margin-top:20px; font-family: "Trebuchet MS", Arial, sans-serif; height:100px; padding:69px 0 0 0; } #siteinfo section { margin:0 auto;padding:0; width:928px; display:block;} #siteinfo nav { float:left; margin:0px 30px; padding:20px 0;} #siteinfo nav:first-child { padding-left:5px; margin-left:0;} #siteinfo h1 { font-size:18px; text-transform:lowercase;} #siteinfo ul { margin:0; padding:0; } #siteinfo li { list-style:none; float:left; } #siteinfo li { margin-left:0px; margin-right:40px; } #siteinfo li a { color:#6699cc; border-bottom:1px dotted #fff; font-size:13px; font-weight:bold; font-style:italic; text-decoration:none; } #siteinfo li a:hover { color:#FFF; border-bottom:1px solid #fff;} #sociallinks { width:100px; float:right; padding-top:20px; } #sociallinks a { text-decoration:none; } #siteinfo .facebook-link { display:block; width:145px; height:20px; margin-top:25px; padding:8px 0 0 95px; font-size:12px; background:url('./images/logo_facebook.gif') no-repeat top left; color:#fff; text-decoration:none; font-family: Verdana, arial, sans-serif; } #siteinfo .linkedin-link { display:block; width:145px; height:20px; margin:7px 0 10px; padding:8px 0 0 95px; font-size:12px; background:url('./images/logo_linkedin.gif') no-repeat top left; color:#000; text-decoration:none; font-family: Verdana, arial, sans-serif; } #siteinfo .facebook-link a { text-decoration:none; color: white; } #siteinfo .linkedin-link a { text-decoration:none; color: black; } #siteinfo .social-links { float:right; } #block-user-0 h2 { color:#FFF;} #user-login-form { text-align:left; color:#FFF } #user-login-form a { color:#FFF; text-decoration:none; } #user-login-form a:hover { text-decoration:underline; } #content h2 { font-size:21px; font-weight:bold; line-height:24px; margin:20px 0; font-family:Trebuchet MS, serif; } #content h3 { font-size:21px; font-weight:normal; line-height:24px; font-family:Trebuchet MS, serif; } .pager li { display:inline !important; float:none !important; margin-right:0px !important; padding:0px !important; width:auto !important; min-height:auto !important; } /* SEARCH FORM */ #search-theme-form { float:right; margin-top:20px; margin-right:3px; width:320px; height:24px; display:block; } .ie7 #search-theme-form { margin-top:21px; } .ie8 #search-theme-form { margin-top:19px; } .ie9 #search-theme-form { margin-top:21px; margin-right:1px; } #search-theme-form input[type=submit] { background:none; border:none; font-weight:bold; color:#004272; font-weight:bold; padding:0; width:45px; height:16px; } #search-theme-form input[type=text] { background: url('../images/shipping/bg_search.png'); border:0; width:154px; height:19px; padding:0px 2px; color:#000; } #search-theme-form label { color:#004272; font-size:14px; font-weight:normal; } /* VIDEO CLIPS */ .view-display-id-video_clips { /*clear:both;*/ float:left; width:100%; margin-top: 25px; } .view-display-id-video_clips div { } .view-display-id-video_clips h2 { margin-bottom: 10px; } .videos_list { margin:0; padding:0;} .videos_list li { border-left:1px dotted gray; border-bottom:1px dotted gray; float:left; width:136px; list-style:none outside none; padding:10px; } .videos_list li .icon { height:130px; margin-top:20px; text-align:center;} .videos_list li .icon a { margin:0; } .videos_list li a { font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:14px; font-style:italic; font-weight:bold; line-height:18px; padding:0px; } .videos_list li .more:hover { text-decoration:underline;} #idc-paper { border-top: 1px solid #CDCFD0; margin: 5px 1px 0 5px; padding: 0 5px; } #idc-paper h3 { color:white; } #idc-paper p { color:white; font-size:12px; line-height:18px; margin:0; } /* download button ------------------------------------------------------------------------------------------- */ #btn-dl-ict { position:relative; } #btn-dl-ict span { position: absolute; display: block; height: 16px; width: 15px; background: url('images/icon_download.png'); top:12px; left: 135px; } #btn-dl-ict a { background:url("images/bg_block_top.png") repeat scroll 0 0 transparent; display: block; height:30px; width:350px; margin:0 auto; padding:10px 5px 0 30px; color:#fff; } #btn-dl-ict a:hover { background:url('images/bg-left.png') repeat transparent; } #btn-dl-ict a:active { background:#bbb; } /* tax calculator --------------------------------------------------------------------------------------------- */ #ui-datepicker-div table, #ui-datepicker-div td, #ui-datepicker-div th { padding: 5px; } #ui-datepicker-div { width:200px; } #ui-datepicker-div a { color:#004272; } #webform-client-form-792 .messages { margin:20px 0; } /* page legend ------------------------------------------------------------------------------------------------ */ .legend { font-size: 10px; font-style: italic; margin:50px 0 0 0; border-top:1px solid #B2B6B9; } #content .legend h3 { font-size:12px; } /* content tables --------------------------------------------------------------------------------------------- */ #content table { width: 100%; } #content table tbody tr td { padding:4px 10px; } /*tr td:first-child, tr th:first-child { width:560px; }*/ tbody { border: 0; } td { padding:11px 20px 11px 0; } th, td { line-height:18px; text-align:left; vertical-align:top; } tr:nth-child(odd) { background:#eee; } #content.fullpage { float: none; width: 880px; margin-left: -17px;} .generate_time { font-size:90%; text-align: right; color: #6699CC} .import-alert { margin:20px auto; padding:20px 20px 20px 60px; background: url("../images/shipping/icon_wait.gif") no-repeat 10px 50% transparent; } .import-alert a{ text-decoration: underline !important; } .bordered{border-bottom: 1px solid #B2B6B9;padding:0 0 10px 0;} .view-fleet .view-header h1{margin-top:16px;} .views-field-name{ min-width:100px; } .fullpage header fieldset{ border: 1px solid #B2B6B9; } .fullpage header fieldset ul{ margin:0; padding: 0px 25px; } .fullpage header fieldset ul li{ } .fullpage header fieldset ul li a{ } /* STCW agreements - links */ .view-Agreements td a[target="_blank"]:after {content: url(images/external-link.png);}