body { background-color: #f1f1f2; } html, body, div, a, p, span, li, input, textarea { font-family: 'Calibri', arial, sans-serif; font-size:100%; color:#000000; line-height:125%; } h1, h2, h3, h4, h5, h6 { font-family: 'Calibri', arial, sans-serif; font-size:100%; color:#000000; line-height:125%; } a { outline:none; border:none; text-decoration: none; } img { outline:none; border:none; } hr { outline:none; border:none; margin:10px 0; display:block; height:1px; } .backLink { cursor:pointer; } /* fonts size -2 */ .clickList a em { font-size:2px; line-height: 100%; } /* fonts size -1 */ .dualSlider ul li a { font-size:11px; } body h3.profileImageTitle { font-size:10px; } @media (max-width: 1000px) { .dualSlider ul li a { font-size:10px; } } /* fonts size 0 */ .topMenu .menu a, .midMenu .menu a, .menuToggle, .footerHome, .footerPartners, .footerPhone, .footerMail, .footerInner, .footerInner p, .footerInner a, .footerInner a:hover { font-size:12px; } /* fonts size 1 */ .topMenu .menu .sub-menu a, .mosaicTitle h3, .textBlock, .textBlock p, .textBlock li, .profileList h3, .profileList h4, .profileList p, .profileList h5, .profileList a, .contactList h3, .contactList h4, .contactList p, .mapInfoPopup h3, .mapInfoPopup h4, .mapInfoPopup h5, .mapInfoPopup h6, .mapInfoPopup p, .mapList h3, .mapList h4, .mapList p, .clickList li, .testimonialLeft, .testimonialRight, a.newsLink, .navBelow a { /*font-size:12px;*/ font-size:14px; } /* fonts size 2 */ .profileList h1, .profileList h2, .contactList h2, .contactList p strong, .mapInfoPopup h2, .mapList h2, .mapList p strong, .shippingMenu h2, .shippingMenu a, .shipExpandBlock h3, .newsMenu h3 { /*font-size:14px;*/ font-size:16px; } .testimonialRight h3, .testimonialLeft strong { /*font-size:14px !important;*/ font-size:16px !important; } /* fonts size 3 */ .mosaicTitle h2, .testimonialLeft h2, .shipExpandBlock .mosaicTitle h5, .shipExpandBlock .mosaicTitle h6 { /*font-size:17px;*/ font-size:18px; } /* fonts size 4 - NOTE: downscales from 20px */ #browserMessage h4, .footerInner h2, .textBlock h2, .clickList.expandList h3, .newsMenu h2, h2.newsMenuButton { /*font-size:17px;*/ font-size:18px; } .testimonialRight p, .testimonialRight em { /*font-size:17px !important;*/ font-size:18px !important; } /* fonts custom */ #browserMessage h3 { font-size:30px; } .mapInfoPopup h1 { font-size:20px; } .shipExpandBlock h2 { font-size:20px; } @font-face { font-family: 'CalibriRegular'; src: url('fonts/calibri-webfont.eot'); src: url('fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/calibri-webfont.woff') format('woff'), url('fonts/calibri-webfont.ttf') format('truetype'), url('fonts/calibri-webfont.svg#CalibriRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CalibriBold'; src: url('fonts/calibrib-webfont.eot'); src: url('fonts/calibrib-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/calibrib-webfont.woff') format('woff'), url('fonts/calibrib-webfont.ttf') format('truetype'), url('fonts/calibrib-webfont.svg#CalibriBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CalibriItalic'; src: url('fonts/calibrii-webfont.eot'); src: url('fonts/calibrii-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/calibrii-webfont.woff') format('woff'), url('fonts/calibrii-webfont.ttf') format('truetype'), url('fonts/calibrii-webfont.svg#CalibriItalic') format('svg'); font-weight: normal; font-style: normal; } /* z-index **************************************************************************************************** */ .topMenu .menu { z-index:1050; } .topMenu .menuHome { z-index:1040; } .topMenu .menuLogo { z-index:1030; } .topMenu .menuLanguage { z-index:1020; } #header { z-index:1000; } .mapInfoPopup { z-index:500; } .socialBar{ z-index:300; } .dualSlider ul{ z-index:200; } .dualSlider ol { z-index:100; } .columnFiller { z-index:-100; } /* vimeo **************************************************************************************************** */ .windowSml .vimeoTagSmlFix { padding-bottom: 65%; } .vimeoEmbedBorder { border-top: 4px #ffffff solid; } .vimeoEmbed { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; } .vimeoEmbed iframe, .vimeoEmbed object, .vimeoEmbed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* colors **************************************************************************************************** */ .color01.mosaicTitle, .color00 .textBlock { background-color:transparent; } /* colors hex */ .color01.mosaicTitle, .color01 .textBlock { background-color:#fba61c; }/* mustard darker */ /*.color01.mosaicTitle, .color01 .textBlock { background-color:#ffc00f; }*//* mustard lighter */ .color02.mosaicTitle, .color02 .textBlock { background-color:#172e56; }/* mid navy */ .color03.mosaicTitle, .color03 .textBlock { background-color:#ababab; }/* mid grey */ .color04.mosaicTitle, .color04 .textBlock { background-color:#020f2f; }/* dark navy */ .color05.mosaicTitle, .color05 .textBlock { background-color:#00aeef; }/* cyan */ .color06.mosaicTitle, .color06 .textBlock { background-color:#cdced0; }/* light grey */ .color07.mosaicTitle, .color07 .textBlock { background-color:#545454; }/* dark grey */ .color08.mosaicTitle, .color08 .textBlock { background-color:#ffffff; }/* white */ .color09.mosaicTitle, .color09 .textBlock { background-color:#76af39; }/* light green */ /* colors rgba - transparent */ .dualSlider ul li .dualText.color01 { background-color:rgba(255,192,15, 0.75); } .dualSlider ul li .dualText.color02 { background-color:rgba(23,46,86, 0.75); } .dualSlider ul li .dualText.color03 { background-color:rgba(171,171,171, 0.75); } .dualSlider ul li .dualText.color04 { background-color:rgba(2,15,47, 0.75); } .dualSlider ul li .dualText.color05 { background-color:rgba(0,174,239, 0.75); } .dualSlider ul li .dualText.color06 { background-color:rgba(205,206,208, 0.75); } .dualSlider ul li .dualText.color07 { background-color:rgba(84,84,84, 0.75); } /* colors rgba - tiny slider solid color overrides */ @media (max-width: 400px) { .dualSlider ul li .dualText.color01 { background-color:rgba(255,192,15, 1); } .dualSlider ul li .dualText.color02 { background-color:rgba(23,46,86, 1); } .dualSlider ul li .dualText.color03 { background-color:rgba(171,171,171, 1); } .dualSlider ul li .dualText.color04 { background-color:rgba(2,15,47, 1); } .dualSlider ul li .dualText.color05 { background-color:rgba(0,174,239, 1); } .dualSlider ul li .dualText.color06 { background-color:rgba(205,206,208, 1); } .dualSlider ul li .dualText.color07 { background-color:rgba(84,84,84, 1); } } /* dual slider text - for light background colors */ .dualSliderDark h1, .dualSliderDark h2, .dualSliderDark h3, .dualSliderDark h4, .dualSliderDark h5, .dualSliderDark h6, .dualSliderDark p { color:#000000; } .dualSliderDark a { color:#000000; border:1px solid #000000; background-image:url(images/arrow4b.png); } .dualSliderDark a:hover { color:#ffffff; background-color:#000000; background-image:url(images/arrow4a.png); } /* dual slider text - for dark background colors */ .dualSliderLight h2, .dualSliderLight p { color:#ffffff; } .dualSliderLight a { color:#ffffff; border:1px solid #ffffff; background-image:url(images/arrow4a.png); } .dualSliderLight a:hover { color:#000000; background-color:#ffffff; background-image:url(images/arrow4b.png); } /* dark text - for light backgrounds */ .darkText { color:#000000; } .darkText b, .darkText strong { color:#000000; } .darkText h2, .darkText h2 b, .darkText h2 strong { color:#000000; } /* override embeded dark text in light text */ .lightText .darkText h2, .lightText .darkText h3, .lightText .darkText h4, .lightText .darkText h5, .lightText .darkText h6, .lightText .darkText h2 b, .lightText .darkText h3 b, .lightText .darkText h4 b, .lightText .darkText h5 b, .lightText .darkText h6 b, .lightText .darkText h2 a, .lightText .darkText h3 a, .lightText .darkText h4 a, .lightText .darkText h5 a, .lightText .darkText h6 a, .lightText .darkText h2 strong, .lightText .darkText h6 strong, .lightText .darkText h4 strong, .lightText .darkText h5 strong, .lightText .darkText h6 strong { color:#000000; } .darkText p { color:#000000; } .darkText p b, .darkText p strong { color:#000000; } .darkText li { color:#000000; } .darkText a { color:#000000; } .darkText a b, .darkText a strong { color:#000000; } .darkText a:hover { color:#000000; } .darkText a:hover b, .darkText a:hover strong { color:#000000; } .darkText hr { background-color:#000000; } /* link arrows - dark */ .darkText.mosaicTitle a { background-image:url(images/arrow1a.png); } .darkText.blockList a { background-image:url(images/arrow2a.png); } .darkText a .textBlock { background-image:url(images/arrow2a.png); } .darkText .blogBlock a { background-image:url(images/arrow2b.png); } /* link arrows - dark hovers */ .darkText.mosaicTitle a:hover { background-image:url(images/arrow1a.png); color:#ffffff; } .darkText.blockList a:hover { background-image:url(images/arrow2c.png); color:#fba61c; } .darkText a:hover .textBlock { background-image:url(images/arrow2a.png); color:#ffffff; } .darkText .blogBlock a:hover { background-image:url(images/arrow2c.png); color:#fba61c; } /* hovers - class is added and removed by jquery */ .mosaicTitleHover { background-color:#666666 !important; } .mosaicTitleHover a h2, .mosaicTitleHover a strong, .mosaicTitleHover a p { color:#ffffff !important; } /* hovers - css only */ .mosaicBlock a:hover .textBlock, .shipMenuExpandButton:hover, .shipExpandBlock .mosaicTitle:hover { background-color:#666666; cursor:pointer; } .mosaicBlock a:hover .textBlock h2, .mosaicBlock a:hover .textBlock h2 strong, .mosaicBlock a:hover .textBlock p { color:#ffffff; } /* black arrows link ref: background-image:url(images/arrow1b.png); background-image:url(images/arrow2b.png); */ /* block social links */ body .darkText .facebook { background-image:url(images/social1a.png); } body .darkText .facebook:hover { background-image:url(images/social1b.png); } body .darkText .twitter { background-image:url(images/social2a.png); } body .darkText .twitter:hover { background-image:url(images/social2b.png); } /* light text - for dark backgrounds */ .lightText { color:#ffffff; } .lightText b, .lightText strong { color:#ffffff; } .lightText h1, .lightText h2, .lightText h3, .lightText h4, .lightText h5, .lightText h6, .lightText h2 b, .lightText h2 strong { color:#ffffff; } /* override embeded light text in dark text */ .darkText .lightText h2, .darkText .lightText h3, .darkText .lightText h4, .darkText .lightText h5, .darkText .lightText h6, .darkText .lightText h2 b, .darkText .lightText h3 b, .darkText .lightText h4 b, .darkText .lightText h5 b, .darkText .lightText h6 b, .darkText .lightText h2 a, .darkText .lightText h3 a, .darkText .lightText h4 a, .darkText .lightText h5 a, .darkText .lightText h6 a, .darkText .lightText h2 strong, .darkText .lightText h6 strong, .darkText .lightText h4 strong, .darkText .lightText h5 strong, .darkText .lightText h6 strong { color:#ffffff; } .lightText p { color:#ffffff; } .lightText p b, .lightText p strong { color:#ffffff; } .lightText li { color:#ffffff; } .lightText a { color:#ffffff; } .lightText a b, .lightText a strong { color:#ffffff; } .lightText a:hover { color:#ffffff; } .lightText a:hover b, .lightText a:hover strong { color:#ffffff; } .lightText hr { background-color:#ffffff; } /* link arrows - light */ .lightText.mosaicTitle a { background-image:url(images/arrow1a.png); } .lightText.blockList a { background-image:url(images/arrow2a.png); } .lightText a .textBlock { background-image:url(images/arrow2a.png); } .lightText .blogBlock a { background-image:url(images/arrow2a.png); } /* link arrows - light hovers */ .lightText.mosaicTitle a:hover { background-image:url(images/arrow1a.png); color:#ffffff; } .lightText.blockList a:hover { background-image:url(images/arrow2c.png); color:#fba61c; } .lightText a:hover .textBlock { background-image:url(images/arrow2a.png); color:#ffffff; } .lightText .blogBlock a:hover { background-image:url(images/arrow2c.png); color:#fba61c; } /* block social links */ body .lightText .facebook { background-image:url(images/social1a.png); } body .lightText .facebook:hover { background-image:url(images/social1c.png); } body .lightText .twitter { background-image:url(images/social2a.png); } body .lightText .twitter:hover { background-image:url(images/social2c.png); } /* inline links */ .blockInline a, .testimonialLeft a { color:#172e56; font-weight: bold; } .blockInline a:hover, .testimonialLeft a:hover { color:#00aeef; } /* header **************************************************************************************************** */ #header { width: 100%; clear:both; background-color: #f1f1f2; /* * Box show settings: 1 Horizontal Length px 2 Vertical Length px 3 Blur Radius px 4 pread Radius px */ -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3); } .windowLrg #header { position:fixed; } .windowMed #header { position:fixed; } .windowSml #header { position:static; } /* top menu **************************************************************************************************** */ /* top menu generics */ .topMenu { display:block; margin:0 auto; } .topMenu .menu { float:left; display:block; position:relative; } .topMenu .menu li { display:block; margin:0; padding:0; float:left; } .topMenu .menu a{ display:block; margin:10px 0 0 0; padding:0 0 60px 0; width:80px; color:#777777; font-weight: normal; text-transform: uppercase; text-align: center; background-repeat:no-repeat; background-position: center 15px; } .topMenu .menu a:hover { color:#020f2f; } /* large top menu first level */ /* hide standard home link */ .windowLrg .topMenu .menu .menu-item-163 { display:none; } .windowMed .topMenu .menu .menu-item-163 { display:none; } /* top menu bespoke icons */ .windowLrg .topMenu #menu-item-139 > a { background-image:url(images/nav-header1a.png); } .windowLrg .topMenu #menu-item-125 > a { background-image:url(images/nav-header2a.png); } /*.windowLrg .topMenu #menu-item-127 > a { background-image:url(images/nav-header3a.png); }*/ .windowLrg .topMenu #menu-item-2026 > a { background-image:url(images/nav-header4a.png); } .windowLrg .topMenu #menu-item-137 > a { background-image:url(images/nav-header5a.png); } /*.windowLrg .topMenu #menu-item-126 > a { background-image:url(images/nav-header6a.png); }*/ .windowLrg .topMenu #menu-item-128 > a { background-image:url(images/nav-header7a.png); } .windowLrg .topMenu #menu-item-406 > a { background-image:url(images/nav-header8a.png); } .windowLrg .topMenu #menu-item-542 > a { background-image:url(images/nav-header9a.png); } .windowLrg .topMenu #menu-item-543 > a { background-image:url(images/nav-header10a.png); } /* top menu bespoke icons hover*/ .windowLrg .topMenu #menu-item-139 > a:hover { background-image:url(images/nav-header1b.png); } .windowLrg .topMenu #menu-item-125 > a:hover { background-image:url(images/nav-header2b.png); } /*.windowLrg .topMenu #menu-item-127 > a:hover { background-image:url(images/nav-header3b.png); }*/ .windowLrg .topMenu #menu-item-2026 > a:hover { background-image:url(images/nav-header4b.png); } .windowLrg .topMenu #menu-item-137 > a:hover { background-image:url(images/nav-header5b.png); } /*.windowLrg .topMenu #menu-item-126 > a:hover { background-image:url(images/nav-header6b.png); }*/ .windowLrg .topMenu #menu-item-128 > a:hover { background-image:url(images/nav-header7b.png); } .windowLrg .topMenu #menu-item-406 > a:hover { background-image:url(images/nav-header8b.png); } .windowLrg .topMenu #menu-item-542 > a:hover { background-image:url(images/nav-header9b.png); } .windowLrg .topMenu #menu-item-543 > a:hover { background-image:url(images/nav-header10b.png); } /* top menu bespoke icons current*/ .windowLrg .topMenu .current-menu-ancestor#menu-item-139 > a, .windowLrg .topMenu .current-menu-item#menu-item-139 > a { background-image:url(images/nav-header1c.png); } .windowLrg .topMenu .current-menu-ancestor#menu-item-135 > a, .windowLrg .topMenu .current-menu-item#menu-item-125 > a { background-image:url(images/nav-header2c.png); } /*.windowLrg .topMenu .current-menu-ancestor#menu-item-127 > a, .windowLrg .topMenu .current-menu-item#menu-item-127 > a { background-image:url(images/nav-header3c.png); }*/ .windowLrg .topMenu .current-menu-ancestor#menu-item-2026 > a, .windowLrg .topMenu .current-menu-item#menu-item-2026 > a { background-image:url(images/nav-header4c.png); } .windowLrg .topMenu .current-menu-ancestor#menu-item-137 > a, .windowLrg .topMenu .current-menu-item#menu-item-137 > a { background-image:url(images/nav-header5c.png); } /*.windowLrg .topMenu .current-menu-ancestor#menu-item-126 > a, .windowLrg .topMenu .current-menu-item#menu-item-126 > a { background-image:url(images/nav-header6c.png); }*/ .windowLrg .topMenu .current-menu-ancestor#menu-item-128 > a, .windowLrg .topMenu .current-menu-item#menu-item-128 > a { background-image:url(images/nav-header7c.png); } .windowLrg .topMenu .current-menu-ancestor#menu-item-406 > a, .windowLrg .topMenu .current-menu-item#menu-item-406 > a { background-image:url(images/nav-header8c.png); } .windowLrg .topMenu .current-menu-ancestor#menu-item-542 > a, .windowLrg .topMenu .current-menu-item#menu-item-542 > a { background-image:url(images/nav-header9c.png); } .windowLrg .topMenu .current-menu-ancestor#menu-item-543 > a, .windowLrg .topMenu .current-menu-item#menu-item-543 > a { background-image:url(images/nav-header10c.png); } /* top menu special icons */ .topMenu .menuLanguage { display:block; position:absolute; top:0; left:0; height:85px; width:110px; padding:0; background-image:url(images/flag-uk.png); background-repeat:no-repeat; background-position: 0 0; } .topMenu .menuHome { display:block; position:relative; float:left; height:50px; width:50px; padding:25px 10px 0px 10px; margin:0 0 0 30px; background-repeat:no-repeat; background-position: center center; } .topMenu .menuHome { background-image:url(images/button-home1a.png);} .topMenu .menuHome:hover { background-image:url(images/button-home1b.png);} .topMenu .homeCurrent.menuHome { background-image:url(images/button-home1c.png);} .topMenu .menuLogo { display:block; position:relative; float:left; height:83px; width:170px; margin:0 0 0 20px; padding:0; border-left:1px solid #999999; background-image:url(images/logo-058.png); background-repeat:no-repeat; background-position: center right; } /* large top menu second level */ .windowLrg .topMenu ul.sub-menu a { color:#020f2f; } .windowLrg .topMenu ul.sub-menu a:hover { color:#00aeef; } .windowLrg .topMenu ul.sub-menu .current-menu-ancestor > a, .windowLrg .topMenu ul.sub-menu .current-menu-item > a { color:#00aeef; font-weight:bold; background-image:none !important; } .windowLrg .topMenu ul.sub-menu { display:none; } .windowLrg .topMenu li:hover ul.sub-menu { display:block; } .windowLrg .topMenu ul.sub-menu { margin:0; padding:0; } .windowLrg .topMenu ul.sub-menu { position:absolute; background-color:rgba(255,255,255,0.9); } .windowLrg .topMenu ul.sub-menu li { display:block; height:auto; float:none; } .windowLrg .topMenu ul.sub-menu a { width:auto; height:auto; text-align:left; width:160px; } .windowLrg .topMenu ul.sub-menu a { background-image:none !important; border-bottom:1px dotted #d7d7d7; padding:8px 8px 8px 25px; margin:0 ; text-transform: none; } /* large top menu third level */ .windowLrg .topMenu ul.sub-menu ul.sub-menu { } .windowLrg .topMenu ul.sub-menu ul.sub-menu { display:none; } .windowLrg .topMenu li ul.sub-menu li:hover ul.sub-menu { display:block; } .windowLrg .topMenu ul.sub-menu ul.sub-menu { margin:0 0 0 100%; padding:0; position:absolute; top:0; } /* large top menu second level */ /* .windowLrg .topMenu ul.sub-menu a { color:#020f2f; } .windowLrg .topMenu ul.sub-menu a:hover { color:#00aeef; } .windowLrg .topMenu ul.sub-menu li.secondLevel:first-child { padding-top:20px; } .windowLrg .topMenu ul.sub-menu li.secondLevel:last-child { padding-bottom:20px; } .windowLrg .topMenu ul.sub-menu .current-menu-ancestor > a, .windowLrg .topMenu ul.sub-menu .current-menu-item > a { color:#00aeef; font-weight:bold; background-image:none; } .windowLrg .topMenu ul.sub-menu { display:none; overflow:hidden; } .windowLrg .topMenu li:hover ul.sub-menu { display:block; } .windowLrg .topMenu ul.sub-menu { margin:0 -1000% 0 -1000%; padding:0 1000%; } .windowLrg .topMenu ul.sub-menu { position:absolute; background-color:rgba(255,255,255,0.9); } .windowLrg .topMenu ul.sub-menu li { display:block; height:auto; float:none; } .windowLrg .topMenu ul.sub-menu a { width:auto; height:auto; text-align:left; width:160px; } .windowLrg .topMenu ul.sub-menu a { background-image:none; padding:5px 5px 5px 25px; margin:0 ; } */ /* large top menu third level */ /* .windowLrg .topMenu ul.sub-menu li.thirdLevel:last-child { padding-bottom:20px; } .windowLrg .topMenu ul.sub-menu ul.sub-menu { background-image:url(images/dotted-020f2f.gif); background-repeat:repeat-y; background-position: left top; } .windowLrg .topMenu ul.sub-menu ul.sub-menu { display:none; } .windowLrg .topMenu li ul.sub-menu li:hover ul.sub-menu { display:block; } .windowLrg .topMenu ul.sub-menu ul.sub-menu { margin:0 0 0 190px; padding:0; background-color:transparent; position:absolute; top:0; } .windowLrg .topMenu ul.sub-menu ul.sub-menu a { text-transform: none; } */ /* medium top menu **************************************************************************************************** */ /* medium top menu first level */ .windowMed .topMenu .menu { display:block; height:auto; width:290px; float:none; margin:15px 0 0 0; padding:0; float:left; } .windowMed .topMenu .menu li { height:auto; margin:0; padding:0; float:left; } .windowMed .topMenu .menu a{ width:auto; margin:0; padding:5px 5px 5px 15px; float:left; border:none; background-image:url(images/arrow5a.png); background-repeat:no-repeat; background-position: 0 center; } .windowMed .topMenu .menu a:hover { background-image:url(images/arrow5c.png); } .windowMed .topMenu .menu .current_page_ancestor a, .windowMed .topMenu .menu .current_page_item a { background-image:url(images/arrow5b.png); } .windowMed .topMenu .menuHome { display:block; position:relative; float:left; height:30px; width:40px; padding:45px 10px 0 10px; /*margin:0 0 0 60px;*/ margin:0; background-repeat:no-repeat; background-position: center center; } .windowMed .topMenu .menuLogo { display:block; position:relative; float:right; height:80px; width:160px; margin:0; padding:0; border-left:1px solid #999999; background-image:url(images/logo-058.png); background-repeat:no-repeat; background-position: center right; } /* medium top menu second level */ .windowMed .topMenu ul.sub-menu a { color:#020f2f; } .windowMed .topMenu ul.sub-menu a:hover { color:#00aeef; } .windowMed .topMenu ul.sub-menu .current-menu-ancestor > a, .windowMed .topMenu ul.sub-menu .current-menu-item > a { color:#00aeef; font-weight:bold; background-image:none !important; /*background-image:url(images/arrow5d.png) !important; background-repeat:no-repeat; background-position: 8px center; */ } .windowMed .topMenu ul.sub-menu { display:none; } .windowMed .topMenu li:hover ul.sub-menu { display:block; } .windowMed .topMenu ul.sub-menu { margin:20px 0 0 0; padding:0; } .windowMed .topMenu ul.sub-menu { position:absolute; background-color:rgba(255,255,255,0.9); } .windowMed .topMenu ul.sub-menu li { display:block; height:auto; float:none; } .windowMed .topMenu ul.sub-menu a { width:auto; height:auto; text-align:left; width:160px; } .windowMed .topMenu ul.sub-menu a { background-image:none !important; border-bottom:1px dotted #d7d7d7; padding:8px 8px 8px 25px; margin:0 ; text-transform: none; } /* medium top menu third level */ .windowMed .topMenu ul.sub-menu ul.sub-menu { } .windowMed .topMenu ul.sub-menu ul.sub-menu { display:none; } .windowMed .topMenu li ul.sub-menu li:hover ul.sub-menu { display:block; } .windowMed .topMenu ul.sub-menu ul.sub-menu { margin:0 0 0 100%; padding:0; position:absolute; top:0; } /* mobile top bar **************************************************************************************************** */ .mobileMenuButtons { display:none; width:100%; height:30px; background-color:#cccccc; } .menuToggle { display:block; float:right; margin:5px; padding:2px 5px; cursor: pointer; background-color:#999999; color:#ffffff; -webkit-border-radius: 5px; -moz-border-radius-: 5px; border-radius: 5px; behavior: url(../scripts/pie/PIE.htc); } .menuToggle:hover { background-color:#000000; color:#ffffff; } .menuLanguageMobile { display:block; float:left; height:30px; width:60px; background-image:url(images/flag-uk.png); background-size:auto 30px; background-repeat:no-repeat; background-position: 0 0; } /* small top menu **************************************************************************************************** */ /* small top menu first level */ .windowSml .mobileMenuButtons { display:block; } /*.windowSml #menu-top-menu { width: 100%; }*/ .windowSml #menu-top-menu { width: 70%; margin-left:15%; } .windowSml .topMenu .menu { display:none; height:auto; width:auto; float:none; background-color:#ffffff; margin:0; padding:0; } .windowSml .topMenu .menu li { height:auto; margin:0; padding:0; float:none; } .windowSml .topMenu .menu a { color:#020f2f; margin:0; padding:5px 5px 5px 10%; float:none; text-transform: none; border-bottom:2px solid #ffffff; width:auto; text-align: left; background-image:url(images/arrow5a.png); background-color:#d7d7d7; background-repeat:no-repeat; background-position: 5% center; } .windowSml .topMenu .menu a:hover { background-image:url(images/arrow5c.png); } .windowSml .topMenu .menu .current_page_item > a { background-image:url(images/arrow5b.png); background-color:#fba61c; } .windowSml .topMenu .menu .current_page_item > a:hover { background-color:#fba61c; color:#020f2f; } .windowSml .topMenu .menu a:hover{ color:#ffffff; background-color:#999999; } .windowSml .topMenu .menuLanguage { display:none; } .windowSml .topMenu .menuHome { display:none; } .windowSml .topMenu .menuLogo { float:none; margin:10px auto; width:100%; height:110px; padding:0px; border:none; background-image:url(images/logo-250.png); background-repeat:no-repeat; background-position: center center; } /* small top menu second level */ .windowSml .topMenu ul.sub-menu { } .windowSml .topMenu ul.sub-menu a { background-color:#eeeeee; background-image:none !important; border-bottom:2px solid #ffffff; width:auto; } .windowSml .topMenu ul.sub-menu a:hover{ color:#ffffff; background-color:#999999; } .windowSml .topMenu ul.sub-menu .current_page_item > a { background-image:url(images/arrow5b.png); background-color:#fba61c; } .windowSml .topMenu ul.sub-menu .current_page_item > a:hover { background-color:#fba61c; color:#020f2f; } /* small top menu third level */ .windowSml .topMenu ul.sub-menu ul.sub-menu { } .windowSml .topMenu ul.sub-menu ul.sub-menu a { background-color:#ffffff; background-image:none !important; } .windowSml .topMenu ul.sub-menu ul.sub-menu a:hover{ color:#ffffff; background-color:#999999; } .windowSml .topMenu ul.sub-menu ul.sub-menu .current_page_item > a { background-image:url(images/arrow5b.png); background-color:#00aeef; } .windowSml .topMenu ul.sub-menu ul.sub-menu .current_page_item > a:hover { background-color:#00aeef; color:#020f2f; } /* mid menu **************************************************************************************************** */ .midMenu { display:block; margin:0 auto; height:80px; background-color:#ffffff; } .midMenu .menu { display:block; height:80px; margin:0 auto; padding:0; } .midMenu .menu ul { display:block; height:80px; margin:0; padding:0; } .midMenu .menu li { display:block; float:left; margin:0; padding:0; } .midMenu .menu a { color:#555555; font-weight: normal; text-transform: uppercase; text-align: center; display:block; height:40px; margin:10px 0; padding:20px 10px 0 10px; border-left:1px dotted #999999; } .midMenu .menu li:last-child a { border-right:1px dotted #999999; } .midMenu .menu a:hover { color:#020f2f; } .midMenu .flagLink a { display:block; height:40px; background-image:url(images/logo-flag-back-a.png); background-size:50px auto; background-repeat:no-repeat; background-position: center center; } .midMenu .flagLink a:hover { background-image:url(images/logo-flag-back-b.png); } /* medium mid menu */ .windowMed .midMenu { display:block; margin:0 auto; padding:10px 0; height:auto; background-color:#ffffff; overflow: hidden; } .windowMed .midMenu .menu { display:block; height:auto; margin:0 auto; padding:0; } .windowMed .midMenu .menu ul { display:block; height:auto; margin:0; padding:0; } .windowMed .midMenu .menu li { display:block; float:left; margin:0; padding:0; } .windowMed .midMenu .menu a{ width:auto; height: auto; margin:0; padding:5px 5px 5px 15px; float:left; border:none; background-repeat:no-repeat; background-position: 0 center; background-image:url(images/arrow5a.png); } .windowMed .midMenu .menu a:hover { background-image:url(images/arrow5c.png); } .windowMed .midMenu .menu .current_page_item a { background-image:url(images/arrow5b.png); } .windowMed .midMenu .menu li:last-child a { border:none; } .windowMed .midMenu .flagLink a { display:none; } /* small mid menu */ .windowSml .midMenu { height:auto; } .windowSml .midMenu .menu { display:none; height:auto; margin:0; padding:0; float:none; } .windowSml .midMenu .menu ul { height:auto; margin:0; padding:0; float:none; } .windowSml .midMenu .menu li { height:auto; margin:0; padding:0; float:none; border:none; } .windowSml .midMenu .menu a { height:auto; margin:0; padding:5px 5px 5px 10%; float:none; text-align: left; color:#000000; border:none; border-bottom:1px solid #dddddd; background-repeat:no-repeat; background-position: 5% center; background-image:url(images/arrow5a.png); } .windowSml .midMenu .menu a:hover { background-image:url(images/arrow5c.png); } .windowSml .midMenu .menu .current_page_item a { background-image:url(images/arrow5b.png); } .windowSml .midMenu .menu li:last-child a { border:none; border-bottom:1px solid #dddddd; } .windowSml .midMenu .menu a:hover{ color:#ffffff; background-color:#999999; } .windowSml .midMenu .flagLink { display:none; } /* social bar **************************************************************************************************** */ .socialBar { float:left; display:inline; height:40px; margin:0; padding:0 5px 0 100px; } .socialBar { /*background-color:rgba(255,255,255,0.5);*/ } .socialBar { background-color:rgba(0,0,0,0.5); } .windowLrg .socialBar { position:absolute; bottom:0; left:0; } .windowMed .socialBar { position:absolute; bottom:0; left:0; } .windowSml .socialBar { position:relative; } .socialBarInner p { float:left; margin:0; padding:0; } .socialBarInner br { display:none; } .socialBar a { display:block; height:40px; width:40px; float:left; background-repeat:no-repeat; background-position: center center; } .windowSml .socialBar { float:none; height:40px; margin:0; padding:0; background-color:rgba(0,0,0,0.5); } .windowSml .socialBar a { display:block; height:40px; width:40px; float:left; background-repeat:no-repeat; background-position: center center; } .windowSml .socialBarInner { display:block; margin:0 auto; width:200px; } /* social bar visibility */ .mobileSocialBar .socialBar { display:none; } .dualSlider .socialBar { display:block; } .windowSml .mobileSocialBar .socialBar { display:block; } .windowSml .dualSlider .socialBar { display:none; } /* link icons */ .socialLink1 { background-image:url(images/social-bar1a.png); } .socialLink2 { background-image:url(images/social-bar2a.png); } .socialLink3 { background-image:url(images/social-bar3a.png); } .socialLink4 { background-image:url(images/social-bar4a.png); } .socialLink5 { background-image:url(images/social-bar5a.png); } .socialLink6 { background-image:url(images/social-bar6a.png); } /* link icons hover */ .socialLink1:hover { background-image:url(images/social-bar1c.png); } .socialLink2:hover { background-image:url(images/social-bar2c.png); } .socialLink3:hover { background-image:url(images/social-bar3c.png); } .socialLink4:hover { background-image:url(images/social-bar4c.png); } .socialLink5:hover { background-image:url(images/social-bar5c.png); } .socialLink6:hover { background-image:url(images/social-bar6c.png); } /* content **************************************************************************************************** */ #wrapper { visibility: hidden; overflow:hidden; } .windowLrg #container { width: 100%; margin-bottom:4px; } .windowMed #container { width: 100%; margin-bottom:4px; } .windowSml #container { width: 100%; margin-bottom:4px; margin-top:-10px; } #content { width: 100%; display:block; margin:0 auto; } .windowLrg #content { /*width: 960px;*/ width:75%; } .windowMed #content { width: 90%; } .windowSml #content { width: 90%; } /* browser message **************************************************************************************************** */ #browserMessage { display:block; height:300px; padding:50px 0 70px 0; text-align: center; } #browserMessage img { display:block; margin:0 auto 30px auto; } #browserMessage h3 { display:block; margin:5px; color:#172e56; font-weight: bold; } #browserMessage h4 { display:block; margin:5px; color:#ababab; font-weight: normal; } .browserMessageOff { display:none !important; } /* dual slider **************************************************************************************************** */ .dualSlider { visibility: hidden; width:100%; display:block; margin:0; padding:0; position:relative; clear:both; overflow:hidden; } /* dual slider text */ .dualSlider ul { width:100%; display:block; margin:0; padding:0; position:absolute; top:0; left:0; } .dualSlider ul li{ width:100%; display:block; margin:0; padding:0; float:left; } .dualSlider ul li .dualText, .dualSlider ul li .dualTextInner { display:block; margin:0 auto; padding:0; text-align: center; overflow:hidden; } .dualSlider ul li h2 { display:block; margin:0 auto; font-weight: normal; } .dualSlider ul li h2 strong { font-weight: bold; } .dualSlider ul li p { display:block; } .dualSlider ul li a { width:auto; display:block; margin:0 auto; text-align: left; text-transform: uppercase; background-repeat:no-repeat; background-position: right center; } .dualSlider ul li .dualText { -webkit-border-radius: 50%; -moz-border-radius-: 50%; border-radius: 50%; behavior: url(../scripts/pie/PIE.htc); } /* dual slider text sizes - these are adjusted by j-query */ .dualSlider ul li h2 { width:75%; line-height: 110%; } .dualSlider ul li p { width:110px; margin:10px auto; } .dualSlider ul li a { width:80px; padding:2px; } /* tiny slider text overrides */ @media (max-width: 400px) { .dualSlider { height: 320px !important; } .dualSlider ul { height: 320px !important; } .dualSlider li { position:relative; } .dualSlider ul li .dualTextInner { margin-top:10px !important; } .dualSlider ul li h2 { width:90%; } .dualSlider ul li p { width:100%; position:absolute; bottom:-120px; margin:10px auto; } .dualText { -webkit-border-radius: 0 !important; -moz-border-radius-: 0 !important; border-radius: 0 !important; height: 120px !important; width: 100% !important; margin-top: 200px !important; behavior: url(../scripts/pie/PIE.htc); } } /* dual slider images */ .dualSlider ol{ width:100%; display:block; margin:0; padding:0; position:absolute; top:0; left:0; } .dualSlider ol li{ width:100%; display:block; margin:0; padding:0; position:absolute; top:0; left:0; } .dualSlider ol li div{ width:100%; display:block; margin:0; padding:0; } .dualSlider ol, .dualSlider ol li div{ background-repeat:no-repeat; background-size: cover; background-position: center; } /* footer **************************************************************************************************** */ #footer { width:100%; height:300px; display:block; background-color:#020f2f; background-image:url(images/footer.png); background-repeat:no-repeat; background-position: top center; background-size: cover; } .footerInner { color:#ffffff; width: 960px; display:block; margin:0 auto; padding:10px 0; } .footerInner { /* color:#99c1da; */ } .footerInner h2 { color:#ffffff; } .footerInner p { color:#ffffff; } .footerInner a { color:#ffffff; } .footerInner a:hover { color:#ffffff; } .footerColumn1 { float:left; } .footerColumn2 { float:right; } .footerColumn3 { float:right; } .windowLrg .footerColumn1 { width: 300px; } .windowLrg .footerColumn2 { width: 180px; margin-right:20px; } .windowLrg .footerColumn3 { width: 300px; } .windowMed .footerColumn1 { width: 45%; } .windowMed .footerColumn2 { width: 45%; } .windowMed .footerColumn3 { width: 45%; } .windowSml .footerColumn1 { width: 90%; float:left; clear:both; } .windowSml .footerColumn2 { width: 90%; float:left; clear:both; } .windowSml .footerColumn3 { width: 90%; float:left; clear:both; } .footerHome { color:#ffffff; padding:2px 10px 10px 30px; } .footerPartners { color:#ffffff; padding:2px 10px 10px 30px; } .footerPhone { color:#ffffff; padding:2px 10px 10px 30px; white-space: nowrap; } .footerMail { color:#ffffff; padding:2px 10px 10px 30px; } /* footer links icons */ .footerHome { background-image:url(images/footerIcon1a.png); background-repeat:no-repeat; background-position: top left; } .footerPartners { background-image:url(images/footerIcon2a.png); background-repeat:no-repeat; background-position: top left; } .footerPhone { background-image:url(images/footerIcon3a.png); background-repeat:no-repeat; background-position: top left; } .footerMail { background-image:url(images/footerIcon4a.png); background-repeat:no-repeat; background-position: top left; } /* footer links icons hover */ .footerHome:hover { /* background-image:url(images/footerIcon1c.png); color:#fba61c; */ } .footerPartners:hover { /* background-image:url(images/footerIcon2c.png); color:#fba61c; */ } .footerPhone:hover { /* background-image:url(images/footerIcon3c.png); color:#fba61c; */ } .footerMail:hover { /* background-image:url(images/footerIcon4c.png); color:#fba61c; cursor:pointer; */ } .windowSml .footerHome, .windowSml .footerPartners, .windowSml .footerPhone, .windowSml .footerMail { margin:0 0 0 10px; clear:both; } /* mosaic **************************************************************************************************** */ .mosaic { width: 100%; display:block; clear: both; margin:0 auto; } .windowSml .mosaic { margin:4px auto 0 auto; } /* generic blocks **************************************************************************************************** */ .mosaicColumn { } .column100, .column75, .column50, .column25 { display:block; float:left; } .mosaicRow { } .row100, .row75, .row50 { display:block; float:left; width:100%; padding:0; margin:0; } .mosaicFiller { display:none; float:left; width:100%; padding:0; margin:0; } .filler75 { margin-right:4px; margin-bottom:4px; } .filler50 { margin-right:4px; margin-bottom:4px; } .filler25 { margin-bottom:4px; } .windowLrg .mosaicFiller { } .windowMed .mosaicFiller { } .windowSml .mosaicFiller { margin-right:0; } .mosaicBlock { display:block; float:left; position: relative; } .block100 { margin-bottom:4px; } .block75 { margin-bottom:4px; } .block50 { margin-right:4px; margin-bottom:4px; } .block25 { margin-bottom:4px; } .windowLrg .mosaicBlock { } .windowMed .mosaicBlock { } .windowSml .mosaicBlock { margin-right:0; } /* title block **************************************************************************************************** */ .mosaicTitle { display:block; float:left; min-height:40px; position: relative; overflow: hidden; } .block25 .mosaicTitle { display:block; float:none; min-height:40px; } .title100 { margin-bottom:4px; } .title75 { margin-bottom:4px; } .title50 { margin-right:4px; margin-bottom:4px; } .title25 { margin-right:4px; margin-bottom:4px; } .windowLrg .mosaicBlock .mosaicTitle { } .windowMed .mosaicBlock .mosaicTitle { } .windowSml .mosaicBlock .mosaicTitle { margin-right:0; margin-bottom:0;} .mosaicTitle h2 { display:block; padding:8px 10px 10px 10px; margin:0; font-weight: normal; text-transform: uppercase; } .mosaicTitle a { display:block; background-repeat:no-repeat; background-position: right top; } .mosaicTitle a h2 { display:block; padding:8px 50px 10px 10px; margin:0; } .mosaicTitle h2 strong { font-weight: bold; } .mosaicTitle h3 { display:block; padding:13px 0 10px 0; margin:0; background-color:#fba61c; color:#ffffff; position:absolute; top:0; right:0; height:100%; width:100px; font-weight: bold; text-align: center; } .mosaicTitle h3 { border-left:4px solid #ffffff; border-right:4px solid #ffffff; margin-right:10px; } .windowMed h3.profileImageTitle, .windowSml h3.profileImageTitle { display:none; } /* text block **************************************************************************************************** */ .textBlock { display:block; padding:10px; margin:0; overflow:hidden; } a .textBlock { padding:10px 10px 35px 10px; background-repeat:no-repeat; background-position: right bottom; } .textBlock h2 { display:block; padding:0; margin:0 0 5px 0; } .textBlock h2 strong { font-weight:bold; } .textBlock p { display:block; padding:0; margin:5px 0 10px 0; } .textBlock p strong { font-weight:bold; } .textBlock ul { display:block; padding:0; margin:10px; } .textBlock li { list-style: disc; margin:5px 0; } .textBlock li strong { font-weight: bold; } /* profile block **************************************************************************************************** */ .profileList { } .profileInner { padding:10px 10px 0 10px; display:block; clear:both; position:relative; min-height:112px; border-bottom:4px solid #ffffff; } .profileInner:last-child { border-bottom:0; } .windowMed .profileInner { padding:10px 10px 0px 10px; } .windowSml .profileInner { padding:10px 10px 0px 10px; } .profileList h1 { display:block; font-weight:normal; margin:0; padding:10px; background-color: #00aeef; border-bottom:4px solid #ffffff; } .profileList h2 { display:block; /*height:15px;*/ font-weight:bold; margin:0 0 2px 0; padding:0 140px 0 0; } .profileList h3 { display:block; /*height:15px;*/ font-weight:bold; margin:0 0 2px 0; padding:0 140px 0 0; } .profileList h4 { display:block; /*height:30px;*/ font-weight:bold; margin:0; padding:0 140px 0 0; } .profileList p { display:block; margin:0 0 10px 0; padding:0; } .profileList h5 { display:block; height:30px; font-weight:bold; padding:5px 40px 0 0; height:30px; background-repeat:no-repeat; background-position: 75px 3px; cursor: pointer; } .windowLrg .profileList h5 { margin:5px 0; float:left; } .windowMed .profileList h5 { margin:20px 0 5px 0; } .windowSml .profileList h5 { margin:20px 0 5px 0; } .profileExpand { display:none; clear:both; padding:10px 120px 10px 0; } .windowMed .profileExpand { padding:10px 10px 10px 0; } .windowSml .profileExpand { padding:10px 10px 10px 0; } .profileImageBlock { display:block; position: absolute; top:0; right:0; margin:0 !important; padding:0; float:right; } .profileImageBlock p { margin:0; padding:0; } .profileList img { width:100px; height:108px; margin-right:10px; /*float:right;*/ border-left:4px solid #ffffff; border-right:4px solid #ffffff; border-bottom:4px solid #ffffff; } .profileList a { font-weight: bold; text-align: center; display:block; width:100px; padding:4px; /*margin:4px 0 0 0; float:right;*/ } /* profile block colors */ .color01 .profileList { background-color:#fba61c; }/* mustard darker */ .color02 .profileList { background-color:#172e56; }/* mid navy */ .color03 .profileList { background-color:#ababab; }/* mid grey */ .color04 .profileList { background-color:#020f2f; }/* dark navy */ .color05 .profileList { background-color:#00aeef; }/* cyan */ .color06 .profileList { background-color:#cdced0; }/* light grey */ .color07 .profileList { background-color:#545454; }/* dark grey */ .color08 .profileList { background-color:#ffffff; }/* white */ .color09 .profileList { background-color:#76af39; }/* light green */ .lightText .profileList h2, .lightText .profileList h3, .lightText .profileList p, .lightText .profileList p strong, .lightText .profileList p b { color:#ffffff; } .lightText .profileList h4 { color:#fba61c; } .lightText .profileList a { background-color:#fba61c; color:#000000; } .lightText .profileList a.upperLink { background-color:#ababab; color:#000000; } .lightText .profileList a:hover, .lightText .profileList a.upperLink:hover { background-color:#00aeef; color:#ffffff; } .lightText .profileList h5 { background-image:url(images/arrow6a.png); color:#ffffff; } .lightText .profileList h5:hover { background-image:url(images/arrow6c.png); color:#fba61c; } .darkText .profileList h2, .darkText .profileList h3, .darkText .profileList p, .darkText .profileList p strong, .darkText .profileList p b { color:#000000; } .darkText .profileList h4 { color:#ffffff; } .darkText .profileList a { background-color:#020f2f; color:#ffffff; } .darkText .profileList a.upperLink { background-color:#ababab; color:#000000; } .darkText .profileList a:hover, .darkText .profileList a.upperLink:hover { background-color:#00aeef; color:#ffffff; } .darkText .profileList h5 { background-image:url(images/arrow6b.png); color:#000000; } .darkText .profileList h5:hover { background-image:url(images/arrow6a.png); color:#ffffff; } /* contact block **************************************************************************************************** */ .color04 .contactList, .color04 .mapList { background-color:#020f2f; } .contactList, .mapList { padding:0; overflow:hidden; } .contactListBlock { display:block; clear:both; overflow:hidden; position:relative; min-height: 150px; padding:0 0 10px 10px; border-bottom:4px solid #ffffff; } .contactListBlock:last-child { border-bottom:none; } .contactListBlock h2 { display:block; height:15px; font-weight:bold; margin:0 0 2px 0; padding:0; } .contactListBlock h3 { display:block; height:15px; font-weight:bold; margin:0 0 2px 0; padding:0; } .contactListBlock h4 { display:block; height:30px; font-weight:bold; margin:0; padding:0; } .contactListBlock p { display:block; font-weight:normal; padding-top:10px; width:45%; float:left; clear:both; } .contactListBlock p strong { font-weight:bold; } .contactListImage { display:block; width:45%; height:100%; float:right; overflow:hidden; position:absolute; top:0; right:0; margin:0 -10px 0 0; border-left:4px solid #ffffff; background-repeat:no-repeat; background-size: cover; background-position: center; } .contactListBlock p a { } .contactListBlock p a:hover { color:#fba61c; } /* google maps **************************************************************************************************** */ .googleMap { display:block; width:100%; height:0; position: relative; height: 0; overflow: hidden; } .googleMap iframe { display:block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .windowLrg .googleMap { padding: 0 0 75% 0; } .windowMed .googleMap { padding: 0 0 75% 0; } .windowSml .googleMap { padding: 0 0 75% 0; } .mapList .googleMap { width:45%; float:right; margin:0 -10px 0 0; /*border-left:4px solid #ffffff;*/} .windowLrg .mapList .googleMap { padding: 0 0 50% 0; } .windowMed .mapList .googleMap { padding: 0 0 70% 0; } .windowSml .mapList .googleMap { padding: 0 0 70% 0; } /* full image block **************************************************************************************************** */ .fullImageBlock { display:block; margin:0; padding:0;} .fullImage { display:block; margin:0; padding:0; background-repeat:no-repeat; background-size: cover; background-position: center; } /* fixed image block **************************************************************************************************** */ .fixedImageBlock { display:block; margin:0; padding:0;} .fixedImageBlock p { width:100%; } .fixedImageBlock img { width:100%; height:auto; } /* click list block **************************************************************************************************** */ .clickList { display:block; padding:0; } .clickListColumn1 { /*width:48%;*/ border-right: 4px solid #ffffff; } .clickListColumn2 { /*width:48%;*/ } .clickList ul { display:block; float:left; margin:0; padding:0; } .clickList li { list-style: none; margin:0; padding:10px; cursor: pointer; } .clickList li:hover, .clickList li:hover strong, .clickList li:hover a { color: #172e56; } .clickList li.clickListCurrent, .clickList li.clickListCurrent strong, .clickList li.clickListCurrent a { color: #000000; } .clickList li strong { font-weight: bold; } .clickList li strong { font-weight: bold; } /* expandable */ .windowLrg .clickList.expandList { padding:10px 10px 90px 10px; } .windowMed .clickList.expandList { padding:10px 10px 90px 10px; } .windowSml .clickList.expandList { padding:10px 10px 10px 10px; } .clickList.expandList h3 { font-weight: bold; } .clickList.expandList ul { display:block; clear:both; margin:10px 0 0 0; padding:0 0 10px 0; float:none; } .clickList.expandList li { margin:0 0 10px 0; padding:10px 0 10px 0; float:none; /*list-style: disc !important;*/ border-bottom:1px solid #ffffff; height:auto; background-image:url(images/arrow2a.png); background-position:right top; background-repeat: no-repeat; } .clickList.expandList li .expandDiv { display:none; color:#ffffff; padding:10px 40px 10px 0; margin:0; } .clickList.expandList li:hover .expandDiv { color:#ffffff; } .clickList.expandList li .expandDiv a { color:#fba61c; font-weight:bold; } .clickList.expandList li:hover, .clickList.expandList li:hover strong { height:auto; color: #fba61c; background-image:url(images/arrow2c.png); } .clickList.expandList li.clickListCurrent, .clickList.expandList li.clickListCurrent strong { color: #fba61c; } /* click list gallery block **************************************************************************************************** */ .galleryBlock { display:block; width:100%; padding:0; margin:0; position:relative; } .clickGallery { display:block; width:100%; padding:0; margin:0; position:relative; overflow:hidden; } .clickGallery ol { display:block; width:100%; padding:0; margin:0; } .clickGallery li { display:block; width:100%; padding:0; margin:0; position:absolute; top:0; left:0; } .clickGallery div { display:block; width:100%; padding:0; margin:0; background-color: #999999; background-repeat:no-repeat; background-size: cover; background-position: center; } .clickThumbs { } .clickThumbs ul { margin-left:-4px; } .clickThumbs li { margin:0 0 4px 4px; padding:0; display:block; float:left; } .clickThumbs div { display: block; background-repeat:no-repeat; background-size: cover; background-position: center; } .clickGalleryNav { display:block; position:absolute; top:50%; width:100%; height:30px; } .clickGalleryPrev, .clickGalleryNext { display:block; width:30px; height:30px; cursor: pointer; background-repeat:no-repeat; background-image: url("images/gallery-nav1a.png"); } .clickGalleryPrev:hover, .clickGalleryNext:hover { background-image: url("images/gallery-nav1c.png"); } .clickGalleryPrev { float:left; background-position: 0 0; margin-left:10px; } .clickGalleryNext { float:right; background-position: 100% 0; margin-right:10px; } /* image block **************************************************************************************************** */ .imgBlock { display:block; width:100%; padding:0; margin:0; background-color: #999999; background-repeat:no-repeat; background-size: cover; background-position: center; } /* slider block **************************************************************************************************** */ .sliderBlock { display:block; width:100%; padding:0; margin:0; } .sliderBlock .sliderImage { display:block; width:100%; padding:0; margin:0; background-color: #999999; background-repeat:no-repeat; background-size: cover; background-position: center; } body .sliderBlock .flex-direction-nav .flex-next { background: url(images/slider-nav.png) no-repeat 100% 0; } body .sliderBlock .flex-direction-nav .flex-prev { background: url(images/slider-nav.png) no-repeat 0 0; } /* video block **************************************************************************************************** */ .videoBlock { position:relative; padding-bottom:56.25%; padding-top:0; height:0; overflow:hidden; } .videoBlock iframe, .videoBlock object, .videoBlock embed { position:absolute; top:0; left:0; width:100%; height:100%; } /* blog block **************************************************************************************************** */ .blogBlock { } .blogBlock h2 { font-weight:bold; text-transform: uppercase; } .blogBlock .blogTime { margin:0 0 10px 0; display:block; } .blogTime strong { margin:0 0 0 20px; } .blogBlock .blogTitle { font-weight:bold; margin:0 0 10px 0; } .blogBlock p { } .blogBlock a { display:block; margin:0 -10px 0 0; padding:5px 40px 0 0; height:20px; text-align:right; background-repeat:no-repeat; background-position: right top; } .blogBlock a:hover { } .blogBlock hr { } /* list block **************************************************************************************************** */ .blockList { } .blockList h2 { font-weight: bold; text-transform: uppercase; } .blockList a { display:block; margin:5px -10px 5px 0; padding:5px 40px 0 0; height:20px; background-repeat:no-repeat; background-position: right top; } .blockList a { text-align:right; } .blockLinksLeft.blockList a { text-align:left; } .blockList a:hover { } /* inline links block **************************************************************************************************** */ body .inlineLinks a { font-weight:bold; } body .inlineLinks a:hover { font-weight:bold; color:#00aeef; } /* social links **************************************************************************************************** */ body .mosaic .socialLinks { display:block; height:28px; margin:10px 0 0 0; } body .mosaic .socialLinks p { margin:0; padding:0; } body .mosaic .socialLinks br { display:none; } body .mosaic .twitter, body .mosaic .facebook { display:block; margin:0; padding:0; height:35px; width:40px; float:left; background-repeat:no-repeat; background-position: right center; } /* social links - standalone in h2 wrapper */ body .mosaic h2 .socialLinks { display:block; height:26px; margin:-5px auto 0 auto; width:100px; padding-left:20px; } /* testimonials **************************************************************************************************** */ /* testimonials left */ .testimonialLeft { font-weight: normal; color:#000000; display:block; margin:0; padding:10px 50% 10px 10px; background-color:#cdced0; position:relative; } .testimonialLeft h2 { display:block; margin:0; padding:0 10px 10px 0; font-weight: bold; } .testimonialLeft p { display:block; margin:0; padding:0 10px 10px 0; } .testimonialLeft strong { display:block; margin:0 0 5px 0; font-weight: bold !important; } .testimonialLeft br { display:block; margin:5px auto; } .testimonialLeft .divImage { display:block; margin:0; padding:0; position:absolute; right:0; top:0; border-left:4px solid #ffffff; background-repeat:no-repeat; background-size: cover; background-position: center; } .windowSml .testimonialLeft { padding:10px 10px 10px 10px; } .windowSml .testimonialLeft .divImage { position:static; margin:10px -10px -10px -10px; padding:0 10px; border:none; } /* testimonials right */ .testimonialRight { font-weight: normal; color:#ffffff; display:block; margin:0; padding:10px 10px 10px 10px; background-color:#545454; } .testimonialRight p { display:block; margin:0; } .testimonialRight em { display:block; margin:0; line-height:130%; font-style: italic; } .testimonialRight em br { display:block; margin:5px; } .testimonialRight h3 { display:block; margin:10px 5px 10px 0; font-weight:bold; text-align: right; } .testimonialRight br { display:block; margin:5px auto; } .testimonialRight .divImage { display:block; margin:0; padding:0; position:absolute; right:0; top:0; border-left:4px solid #ffffff; background-repeat:no-repeat; background-size: cover; background-position: center; } /* recruitment blog **************************************************************************************************** */ .divImage.partnersLogo { background-size: auto 80%; background-color:#ffffff; } /* recruitment blog **************************************************************************************************** */ .blogExpandBlock { } .blogExpandBlock .blogExpandButton { display:block; margin:5px -10px 5px 0; padding:5px 40px 0 0; height:20px; background-repeat:no-repeat; background-position: right top; text-align:right; cursor: pointer; } .blogExpandBlock .blogExpandButton { background-image:url(images/arrow6a.png); color:#ffffff; } .blogExpandBlock .blogExpandButton-active { background-image:url(images/arrow7a.png); } .blogExpandBlock .blogExpandButton:hover { background-image:url(images/arrow6c.png); color:#fba61c; } .blogExpandBlock .blogExpandButton-active:hover { background-image:url(images/arrow7c.png); } .blogExpandBlock .blogExpand { display:none; } .blogExpandBlock .textBlock h5 a { display:block; margin:5px -10px -11px -10px; padding:10px 50px 10px 10px; text-align: left; height:auto; color:#000000; border-top:4px solid #ffffff; background-color:#fba61c; background-position: right 5px; background-image: url("images/arrow2a.png"); } .blogExpandBlock .textBlock h5 a:hover { background-color:#999999; color:#000000 !important; background-image: url("images/arrow2a.png") !important; } /* ship blog **************************************************************************************************** */ /* shipping menu */ .shippingMenuRow { overflow:hidden; } .shippingMenuRow .textBlock { background-color: #020f2f; padding:0px; } .shipMenuExpandButton { background-image: url("images/arrow1a.png"); background-position: right top; background-repeat: no-repeat; display: block; } .shippingMenu { } .shippingMenu h2 { font-weight:bold; margin:0; padding:5px 10px; background-color: #172e56; } .shippingMenu ul { margin:10px 0 15px 0; } .shippingMenu li { list-style:none; } .shippingMenu a { display:block; padding:5px 10px; border-bottom:1px solid #172e56; background-image: url("images/arrow2a.png"); background-repeat:no-repeat; background-position: right top; } .shippingMenu a:hover { color:#fba61c; background-image: url("images/arrow2c.png"); } /* ship details */ .windowLrg .shipExpandBlock, .windowMed .shipExpandBlock, .windowSml .shipExpandBlock { padding:10px } .shipExpandBlock h2 { display:block; padding:0 0 15px 0; font-weight: bold; } .shipExpandBlock h3 { display:block; padding:0 0 15px 0; font-weight: bold; } .shipExpandBlock .shipExpandButton { display:block; margin:5px -10px 5px 0; padding:0 40px 0 0; height:auto; border-bottom:1px solid #ffffff; background-repeat:no-repeat; background-position: right top; cursor: pointer; } .shipExpandBlock .shipExpandButton { background-image:url(images/arrow6a.png); color:#ffffff; } .shipExpandBlock .shipExpandButton:hover { background-image:url(images/arrow6c.png); color:#fba61c; } .shipExpandBlock .shipExpand { margin:0 0 15px 0; display:none; } .shipExpandBlock .shipExpand p { margin:0 0 5px 0; } /* ship details link blocks */ .shipExpandBlock .mosaicTitle { margin:0 -10px 0 -10px; border-top:4px solid #ffffff; } .windowLrg .shipExpandBlock .mosaicTitle:first-child { margin-right:4px; } .windowMed .shipExpandBlock .mosaicTitle:first-child { margin-right:0; } .windowSml .shipExpandBlock .mosaicTitle:first-child { margin-right:0; } .shipExpandBlock .shipExpandLinks { position:absolute; bottom:0; } .shipExpandBlock .mosaicTitle a { display:block; background-repeat:no-repeat; background-position: right top; } .shipExpandBlock .mosaicTitle h5 { display:block; padding:0; margin:0; font-weight: normal; } .shipExpandBlock .mosaicTitle h5 strong { font-weight: bold; } .shipExpandBlock .mosaicTitle h5 a { display:block; padding:12px 50px 10px 10px; margin:0; } .shipExpandBlock .mosaicTitle h6 { display:block; padding:0; margin:0; font-weight: normal; } .shipExpandBlock .mosaicTitle h6 strong { font-weight: bold; } .shipExpandBlock .mosaicTitle h6 a { display:block; padding:12px 50px 10px 10px; margin:0; } .shipFiller { background-color: #172e56; } /* fleet map **************************************************************************************************** */ #fleetMap { background-color:#020f2f; } .mapFilter { overflow:hidden; display:none; /*height:60px; overflow-y: auto; background-color:#ffffff;*/ } body h2.mapFilterExpand { display:block; padding:5px 70px 0 0; cursor:pointer; background-image: url("images/arrow2a.png"); background-repeat:no-repeat; background-position: right top; } body h2.mapFilterExpand:hover { color:#fba61c; background-image: url("images/arrow2c.png"); } .fleetColumn { float:left; padding:0 10px; margin:0 0 10px 0; display:block; overflow:hidden; border-left:1px solid #ffffff; } @media (max-width: 400px) { .fleetColumn { width:40%; } } /* @media (max-width: 99999px) { .fleetColumn { width:10%; } } @media (max-width: 1200px) { .fleetColumn { width:15%; } } @media (max-width: 800px) { .fleetColumn { width:30%; } } @media (max-width: 400px) { .fleetColumn { width:45%; } } */ .mapFilter p { padding:1px 0; margin:0 0 1px 0; font-weight:bold; cursor:pointer; } .mapFilter p:hover { /*background:#fba61c;*/ color:#fba61c; border-bottom: 1px solid #fba61c; margin:0; } .shipTitle { display:block; margin-top:35px; } .markerTitle { display:block; margin:0 auto; position:relative; text-align:center; } .markerTitleInner { text-align:center; /*font-size:8px;*/ white-space: nowrap; padding:2px 5px; margin:0 auto; /*color:#fba61c; background-color: rgba(0,0,0,0.75);*/ /*color:#020f2f; background-color: rgba(255,255,255,0.9); border:1px solid #020f2f;*/ color:#ffffff; background-color: #020f2f; border:1px solid #ffffff; -webkit-border-radius: 5px; -moz-border-radius-: 5px; border-radius: 5px; } /* test overrides */ .shipTitle { margin-top:44px; margin-left: 30px; } .markerTitle { text-align:left; } .markerTitleInner { color:#ffffff; background-color: transparent; border:none; font-size:12px;} /* info window popups */ .mapInfoPopup { display:none; overflow:hidden; } .windowLrg .mapInfoPopup { position:absolute; top:0; right:0; margin:10px 10px 20px 10px; } .windowMed .mapInfoPopup { position:absolute; top:0; right:0; margin:10px 10px 20px 10px; } .windowSml .mapInfoPopup { position:static; margin:4px 0; } .mapInfoPopupInner { padding:10px; overflow:hidden; color:#ffffff; background-color:rgba(2,15,47,0.9); } .windowLrg .mapInfoPopupInner { border:10px solid rgba(255,255,255,0.7); margin:4px 0 0 0; } .windowMed .mapInfoPopupInner { border:10px solid rgba(255,255,255,0.7); margin:4px 0 0 0; } .windowSml .mapInfoPopupInner { border:0; background-color:#172e56; } .mapInfoPopup h1, .mapInfoPopup h2, .mapInfoPopup h3, .mapInfoPopup h4, .mapInfoPopup h5, .mapInfoPopup h6, .mapInfoPopup p { color:#ffffff; font-weight:bold; display:block; margin:0 0 5px 0; } .mapInfoPopup h2 { color:#fba61c; } .mapInfoPopup p { font-weight:normal } /* clock timer */ .countdown { list-style: none; margin: 10px 0; padding: 10px; display: block; text-align: center; padding:10px; overflow:hidden; background-color:rgba(2,15,47,0.9); } .windowLrg .countdown { border:10px solid rgba(255,255,255,0.7); margin:4px 0 0 0; } .windowMed .countdown { border:10px solid rgba(255,255,255,0.7); margin:4px 0 0 0; } .windowSml .countdown { border:0; background-color:#172e56; } .countdown li { color:#ffffff; display: block; float:left; } .countdown li span { color:#ffffff; font-weight: bold; } .countdown li.seperator { color:#ffffff; } .countdown li p { color:#ffffff; } /* news blog **************************************************************************************************** */ .columnFiller { display:block; position:absolute; top:0; width:100%; } .matchColumnHeights .mosaicColumn { position:relative; } .matchColumnHeights .mosaicBlock { border-bottom:4px solid #ffffff; margin-bottom:0; } /* news menu */ .newsMenu { } .windowLrg .newsMenuOuter { } .windowMed .newsMenuOuter { border-bottom:4px solid #ffffff; } .windowSml .newsMenuOuter { border-bottom:4px solid #ffffff; } .windowLrg .newsMenuInner { display:block; padding:0; } .windowMed .newsMenuInner { display:none; padding:10px 0 0 0; } .windowSml .newsMenuInner { display:none; padding:10px 0 0 0; } .newsMenu .newsExpand { display:none; } .newsMenu .newsExpandButton { display:none; } .newsMenu h2 { clear:both; margin:0 0 10px 0; font-weight:bold; text-transform: uppercase; } h2.newsMenuButton { clear:both; margin:0; padding:0; height:25px; font-weight:bold; text-transform: uppercase; background-image:url(images/arrow6a.png); background-position: top right; background-repeat:no-repeat; } h2.newsMenuButton:hover { color:#fba61c; background-image:url(images/arrow6c.png); } .windowLrg .newsMenu h2 { display:block; } .windowMed .newsMenu h2 { display:none; } .windowSml .newsMenu h2 { display:none; } .windowLrg h2.newsMenuButton { display:none; } .windowMed h2.newsMenuButton { display:block; } .windowSml h2.newsMenuButton { display:block; } .newsMenu h3 { text-transform: uppercase; } .newsMenu h3, .newsMenu ul, .newsMenu li, .newsMenu a { display:block; margin:0; padding:2px 0; } .newsMenu h3 { display:block; clear:both; height:25px; margin:0 0 5px 0; border-bottom:1px #ffffff solid; background-image:url(images/arrow6a.png); background-position: top right; background-repeat:no-repeat; } .newsMenu h3:hover { background-image:url(images/arrow6c.png); } .newsMenu ul { display:none; list-style:none; padding-bottom:20px; } .newsMenu h3:hover, .newsMenu a:hover { color:#fba61c; } h2.newsMenuButton, .newsMenu h3 { cursor: pointer; } /* news list and single page */ .newsListText { position:relative; } .mosaicTitle a.backLink { background-repeat:no-repeat; background-position: left top; padding-left:40px; } .mosaicTitle a.backLink { background-image:url(images/arrow1m.png); } .mosaicTitle a.backLink:hover { background-image:url(images/arrow1m.png); } .newsThumbs { position:absolute; top:0; right:0; display:block; margin:0; padding:0; border-left:4px solid #ffffff; background-repeat:no-repeat; background-size: cover; background-position: center; } a.newsLink { background-position: right top; background-repeat: no-repeat; display: block; height: 20px; margin: 0 -10px 0 0; padding: 5px 40px 0 0; text-align: right; margin-bottom: 20px; } .lightText a.newsLink { background-image: url("images/arrow2a.png"); color: #ffffff; } .lightText a.newsLink:hover { background-image: url("images/arrow2c.png"); color: #fba61c; } .darkText a.newsLink { background-image: url("images/arrow2b.png"); color: #000000; } .darkText a.newsLink:hover { background-image: url("images/arrow2a.png"); color: #ffffff; } .playIcon { width:100%; height:100%; position:absolute; top:0; left:0; background-position: center center; background-repeat: no-repeat; background-image: url("images/playIcon1a.png"); } .playIcon:hover { background-image: url("images/playIcon1c.png"); } /* pagination */ .navBelow { margin-bottom:0; position:absolute; bottom:0; border-top:4px solid #ffffff; } .navBelow div { width:120px; } .navBelow a { } .mosaic .navBelow1 { float:right; } .mosaic .navBelow1 a{ background-image: url("images/arrow1a.png"); color: #ffffff; text-align: left; background-position: right top; padding: 13px 40px 10px 10px; } .mosaic .navBelow1 a:hover { background-image: url("images/arrow1c.png"); color: #fba61c; } .mosaic .navBelow2 { float:left; } .mosaic .navBelow2 a { background-image: url("images/arrow1m.png"); color: #ffffff; text-align: right; background-position: left top; padding: 13px 10px 10px 40px; } .mosaic .navBelow2 a:hover { background-image: url("images/arrow1o.png"); color: #fba61c; } /* news single page */ .newsSingleRow .mosaicColumn { background-color: #ababab; } body .newsSingleRow .mosaicBlock { margin-bottom:0; } .newsImage { margin:0; padding:0; position:absolute; top:0; left:0; height:100%; width:100%; background-repeat:no-repeat; background-size: cover; background-position: center; } .newsGalleryNav { display:block; position:absolute; top:50%; width:100%; height:30px; } .newsGalleryPrev, .newsGalleryNext { display:block; width:30px; height:30px; cursor: pointer; background-repeat:no-repeat; background-image: url("images/gallery-nav1a.png"); } .newsGalleryPrev:hover, .newsGalleryNext:hover { background-image: url("images/gallery-nav1c.png"); } .newsGalleryPrev { float:left; background-position: 0 0; margin-left:10px; } .newsGalleryNext { float:right; background-position: 100% 0; margin-right:10px; } /* inner block links */ body div.inlineLinks a.inlinePDFLink { font-size: 18px; color:#ffffff; display:block; padding:12px 50px 10px 10px; margin:0 -10px -18px -10px; border-top: 4px solid #ffffff; background-color: #76af39; background-repeat: no-repeat; background-position: right top; background-image: url(images/arrow1a.png); } body div.inlineLinks a.inlinePDFLink:hover { background-color: #666666; } body div.inlineLinks a.inlinePDFLink:first-of-type { margin:0 -10px -18px -10px; } body div.inlineLinks a.inlinePDFLink:last-of-type { border-bottom: 4px solid #ffffff; margin:0 -10px 0 -10px; }