/* * Amazium V1.0.0 * Copyright 2011, Mike Ballan * www.amazium.co.uk */ /***** Standard 960px *****/ /***** C5 CSS fix for conflicts *****/ .ccm-ui .row { overflow:visible; width: auto;} .ccm-ui a.btn { background-color: #E6E6E6; color: #333333;} /* fix arrows in IE7 */ /*body { overflow:hidden; position:relative; }*/ /***** Contact START *****/ .footer-out { display: none; } .menu-btn { display:none;} .iphone-btn { display:none;} .number_replace a { cursor:default;} .contact .number_replace a:hover { opacity: 1; color:#fff !important;} .contact { margin:0; padding:0; background:#58585a url('/packages/jellyfish_website/themes/jellyfish/images/contact-arrow.png') no-repeat center 10px; overflow:hidden; height:0;} .contact-padding { padding:30px 0 0 0; } .contact .heading-two { margin:0 0 20px; padding:0; color:#FFF; background:none; font-size:35px; line-height:33px; } .contact .heading-three { margin:0 0 10px 0; padding:0 0 0 40px; color:#FFF; background:none; font-size:24px; line-height:31px;} .contact .heading-three a { color:#FFF; } .contact .heading-three a:hover { color:#bdbdbd;} .contact p, .in-page-contact p { margin:0; font-size:18px; line-height:22px; color:#999; font-family:"FS Pimlico Web Bold", Helvetica, Arial, sans-serif; } .contact-email a:hover { text-decoration: underline;} .in-page-contact .heading-three a { margin:0 0 10px 0; padding:0 0 0 32px; color:#666666; font-size:24px; line-height:31px;} a.contact-btn-close { padding:9px 33px 0 0; color:#FFF; text-align:right; background:#58585a url('/packages/jellyfish_website/themes/jellyfish/images/icon-close.jpg') no-repeat right 0px; display:block; font-weight:bold; height:32px; } .heading-three.contact-phone { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/icon-contact-phone.png') no-repeat left top; } .heading-three.contact-email { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/icon-contact-email.png') no-repeat left top; } .contact #form-result { display:none; text-align:center; } .contact #form-result h2 { color:#fff;} .top-nav a.contact-btn { margin:0 0 0 279px; padding:7px 28px 7px 7px; display:inline-block; float:left; font-family:FS Pimlico Web Bold, Helvetica, Arial, sans-serif; color:#999; font-size:16px; background:#FFF url('/packages/jellyfish_website/themes/jellyfish/images/btn-arrow-down.gif') no-repeat right; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-radius:0px 0px 4px 4px; -webkit-border-radius:0px 0px 4px 4px; -moz-border-radius:0px 0px 4px 4px; cursor:pointer; } .top-nav a:hover.contact-btn, .top-nav a.contact-btn.selected { background:#58585a url('/packages/jellyfish_website/themes/jellyfish/images/btn-arrow-up.gif') no-repeat right; color:#FFF; text-decoration:none; } .top-navigation li.navigation-blog { font-size:12px;margin:-10px 0 0 0; } /***** Contact END *****/ .main-number { color:#666; } .main-header { margin:0 auto; padding:0 0 40px 0; width:100%; color:#999; font-size:16px; font-family:"FS Pimlico Web Bold", Helvetica, Arial, sans-serif; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/shadow-bottom.png') no-repeat center bottom; position:relative; z-index: 50; } .training-wrapper { margin-top: -26px; } .training-wrapper #spotlight-edit-mode { margin-top:26px; } /* offsets the negative margin in the rule above when editing the training pages */ .top-nav { color:#666; font-weight:bold; text-align:right; } .top-nav a:link, .top-nav a:visited, .top-nav a:active { color:#999; text-decoration:none; outline:0; } .top-nav a:hover { color:#999; text-decoration:underline; outline:0; } .top-nav img { padding:20px 0 0 0; float:left; } .top-nav p { padding:20px 0 0 0; line-height:10px; } .small-nav { font-size:11px; font-family:Helvetica, Arial, sans-serif; font-weight:normal; line-height:10px; } .telephone { font-size:24px; } .light-grey { color:#999; } ul.main-navigation { margin:0; padding:0; width:944px; list-style-type:none; float:right; text-align:right; font-size:14px; } .main-navigation li { margin:0; padding:0 0 0 15px; display:inline-block; text-align:left; } .main-navigation li.navigation-agency { background:none; padding:0; float:left; } .main-navigation li.navigation-home { display:none; } a.icon-home { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/nav-home.gif') no-repeat 0 4px; } a.icon-generic, a.icon-agency { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/navigation-agency.gif') no-repeat 0 10px; } a.icon-ppc { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/navigation-ppc.png') no-repeat 4px 8px; } a.icon-seo-social, a.seo-penalty-hub { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/navigation-seo-social.png') no-repeat 4px 9px; } a.icon-analytics { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/navigation-analytics.png') no-repeat 4px 9px; } a.icon-training { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/navigation-training.png') no-repeat 4px 9px; } a.icon-creative { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/navigation-creative.png') no-repeat 4px 10px; } a.icon-display { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/navigation-display.png') no-repeat 4px 11px; } a.icon-blog { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/nav-blog.png') no-repeat 0 7px; width:45px; } .navigation-agency a { padding:11px 0 10px 20px; display:block; text-decoration:none; color:#555;} .navigation-ppc a { padding:11px 30px 10px 37px; display:block; text-decoration:none; color:#555;} .navigation-generic a { padding:11px 15px 10px 37px; display:block; text-decoration:none; color:#555;} .navigation-seo-social a { padding:11px 15px 10px 37px; display:block; text-decoration:none; color:#555;} .navigation-analytics a { padding:11px 15px 10px 37px; display:block; text-decoration:none; color:#555;} .navigation-training a { padding:11px 0px 10px 37px; display:block; text-decoration:none; color:#555;} .navigation-creative a { padding:11px 15px 10px 37px; display:block; text-decoration:none; color:#555;} .navigation-display a { padding:11px 15px 10px 37px; display:block; text-decoration:none; color:#555;} .navigation-generic a:hover { opacity:0.5;} .navigation-agency a:hover { opacity:0.5;} .navigation-ppc a:hover { opacity:0.5;} .navigation-seo-social a:hover { opacity:0.5;} .navigation-analytics a:hover { opacity:0.5;} .navigation-training a:hover { opacity:0.5;} .navigation-creative a:hover { opacity:0.5;} .navigation-display a:hover { opacity:0.5;} .main-navigation .navigation-blog {display:none;} .main-navigation .navigation-blog a { margin:0 0 0 6px; padding:11px 4px 10px 8px; display:none; text-decoration:none; color:#FFF; font-weight:bold; text-transform:uppercase; } .main-navigation .navigation-blog a:hover { color:#EEE; opacity:0.5;} .top-navigation .navigation-blog a { margin:0 0 0 6px; padding:11px 4px 10px 8px; display:block; text-decoration:none; color:#FFF; font-weight:bold; text-transform:uppercase; } .top-navigation .navigation-blog a:hover { color:#EEE; opacity:0.5;} /* blog pagination */ #blogPagination { text-align: center; } #blogPagination .prevPage { float:left; } #blogPagination .nextPage { float:right; } #blogPagination .pagination { width:24px; display:inline-block; } #blogPagination .currentPage { font-weight:bold; } .arrow-bg { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/ppc-arrow-left-colour.gif') no-repeat center top; } .ppc .arrow-bg { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/ppc-arrow-left.gif') no-repeat center top; } .seo-social .arrow-bg, .seo-penalty-hub .arrow-bg { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/seo-social-arrow-left.png') no-repeat center top; } .analytics .arrow-bg { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/analytics-arrow-left.png') no-repeat center top; } .training .arrow-bg { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/training-arrow-left.png') no-repeat center top; } .creative .arrow-bg { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/creative-arrow-left.png') no-repeat center top; } .display .arrow-bg { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/display-arrow-left.png') no-repeat center top; } .arrow-bg-right { background:transparent url(/packages/jellyfish_website/themes/jellyfish/images/ppc-arrow-right-colour.gif) no-repeat center top; } .arrow-bg-ppc-right { background:transparent url(/packages/jellyfish_website/themes/jellyfish/images/ppc-arrow-right.png) no-repeat center top; } .arrow-bg-seo-social-right, .arrow-bg-seo-penalty-hub-right { background:transparent url(/packages/jellyfish_website/themes/jellyfish/images/seo-social-arrow-right.png) no-repeat center top; } .arrow-bg-analytics-right { background:transparent url(/packages/jellyfish_website/themes/jellyfish/images/analytics-arrow-right.png) no-repeat center top; } .arrow-bg-training-right { background:transparent url(/packages/jellyfish_website/themes/jellyfish/images/training-arrow-right.png) no-repeat center top; } .arrow-bg-creative-right { background:transparent url(/packages/jellyfish_website/themes/jellyfish/images/creative-arrow-right.png) no-repeat center top; } .arrow-bg-display-right { background:transparent url(/packages/jellyfish_website/themes/jellyfish/images/display-arrow-right.png) no-repeat center top; } .main-body { margin:0 8px 50px 8px; float:right; } .main-body ul li { padding:0 0 0 15px; text-transform:none; font-weight:normal; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/side-arrow-info.gif') no-repeat 0 3px; } .main-body #disqus_thread ul li { background:transparent; } .ppc .main-body ul li { background-image:url(/packages/jellyfish_website/themes/jellyfish/images/btn-right-ppc.gif); } .seo-social .main-body ul li, .seo-penalty-hub .main-body ul li { background-image:url(/packages/jellyfish_website/themes/jellyfish/images/btn-right-seo-social.gif); } .creative .main-body ul li { background-image:url(/packages/jellyfish_website/themes/jellyfish/images/btn-right-creative.gif); } .analytics .main-body ul li { background-image:url(/packages/jellyfish_website/themes/jellyfish/images/btn-right-analytics.gif); } .display .main-body ul li { background-image:url(/packages/jellyfish_website/themes/jellyfish/images/btn-right-display.gif); } .training .main-body ul li { background-image:url(/packages/jellyfish_website/themes/jellyfish/images/btn-right-training.gif); } .ppc .main-body ul li a, .seo-social .main-body ul li a, .seo-penalty-hub .main-body ul li a, .creative .main-body ul li a, .analytics .main-body ul li a, .display .main-body ul li a, .training .main-body ul li a { color:#6D6D76; text-decoration:underline; } .main-body ol { counter-reset:li; margin-left:0; padding-left:0; } .main-body ol > li { position:relative; margin:0 0 15px 30px; padding:9px 8px 0px 8px; list-style:none; } .main-body ol > li:before { content:counter(li); counter-increment:li; position:absolute; top:-2px; left:-30px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:30px; margin-right:8px; padding:4px; color:#fff; background:#666; font:20px FS Pimlico Web Bold, Helvetica, Arial, sans-serif; text-align:center; } .main-body li ol, .main-body li ul { margin-top:6px; } .main-body ol ol li:last-child { margin-bottom:0; } .ppc .main-body ol > li:before { background:#3f8117; } .seo-social .main-body ol > li:before, .seo-penalty-hub .main-body ol > li:before { background:#ffa92e; } .analytics .main-body ol > li:before { background:#4955a2; } .creative .main-body ol > li:before { background:#c53c54; } .display .main-body ol > li:before { background:#8b3f8e; } .training .main-body ol > li:before { background:#00aef0; } a .work, .work { margin:0 0 16px 0; padding:5px 4px 5px 5px; height:207px; width:185px; overflow:hidden; background-color:#FFF; border:1px solid #E5E5E5; text-decoration:none;} a .work h4, .work h4 { margin:10px 0 4px 6px; color:#666; font-size:18px; text-decoration:none; line-height:18px;} a .work p, .work p { margin:0 0 0 6px; font-size:13px; line-height:16px; color:#999; text-decoration:none; padding-right: 5px;} a .work p.btn, .work p.btn { margin:6px 0 0 6px; color:#666666; background-color:#ffffff; background-image:url(/packages/jellyfish_website/themes/jellyfish/images/side-arrow-info.gif); padding-left:0; padding-right:13px;} a .work img:hover, .work img:hover { opacity:0.5;} a .work.no-thumbnail, .work.no-thumbnail { height:99px; } a .client-logo { margin:0 0 16px 0; padding:4px; height:108px; overflow:hidden; background-color:#FFF; border:1px solid #E5E5E5; } a .client-logo h4 { margin:10px 0 10px 6px; color:#666; } a .client-logo p { margin:0 0 0 6px; font-size:13px; line-height:16px; color:#999; } .work p, .client-logo p { padding:0; } .main-body ul.breadcrumb { margin:0 0 10px 0; padding:0 0 0 15px; font-size:11px; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/bread-home.gif') no-repeat left top; height:20px; } .main-body ul.breadcrumb li { margin:0; padding:0 0 0 2px; display:block; float:none; line-height:13px; color:#999; text-decoration:none; background:none; float:left; } @media only screen and (max-width: 767px) { .main-body ul.breadcrumb li:last-of-type { display: none; } .blog .main-body ul.breadcrumb li:last-of-type { display: block; } } .main-body ul.breadcrumb li a { margin:0; padding:0 10px 0 0; color:#333; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/bread-divider.gif') no-repeat right 2px; text-decoration:none;} .case-logo { float:right; margin:0; border:none; } /* START Side Nav */ .side-nav { margin:28px 50px 0 8px; padding:0; width:262px; } .side-nav h2 { margin:0 0 15px 0; font-size:20px; line-height:28px; text-transform:none; color:#FFF; } .generic .side-nav h2 { margin:0 0 15px 0; font-size:20px; line-height:28px; text-transform:none; color:#666; } .side-nav h3 { margin:0; font-size:20px; text-transform:uppercase; background:none; } .side-nav li { margin:0; font-size:13px; } ul.nav li.side-nav-more { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/side-arrow-more.gif') no-repeat right 12px; } ul.nav ul.nav li { text-transform:none; } ul.nav li a { margin:0; padding:6px 6px 6px 0; display:block; float:none; line-height:20px; text-decoration:none; color:#666; border-bottom:1px solid #e5e5e5; font-weight:600; } ul.nav li a:hover, ul.nav li a.nav-selected, ul.nav li a.nav-path-selected { color:#3f8117;} ul.nav li ul { margin:0 0 15px 0; } ul.nav li li { text-transform:none; font-weight:normal; background:transparent url('../images/btn-right-ppc.gif') no-repeat 0 6px; } ul.nav li li a { margin:0; padding:5px 0 5px 15px; display:block; float:none; font-size:12px; line-height:12px; text-decoration:none; color:#666; font-weight:normal; } ul.nav li li a:hover, ul.nav li li a.nav-selected, ul.nav li li a..nav-path-selected { color:#3f8117; text-decoration: underline;} ul.nav li ul ul { margin: 0 0 0 15px; } ul.nav li li li { text-transform:none; font-weight:normal; background:none; } ul.nav li li li a { margin:0; padding:4px 0 4px 15px; display:block; float:none; font-size:12px; line-height:16px; text-decoration:none; color:#999; } ul.nav li li li a:hover, ul.nav li li li a.nav-selected, ul.nav li li li a.nav-path-selected { color:#3f8117; text-decoration: underline;} .ppc ul.nav li a:hover, .ppc ul.nav li a.nav-selected, .ppc ul.nav li a.nav-path-selected { color:#3f8117;} .ppc ul.nav li li { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/btn-right-ppc.gif') no-repeat 0 6px; } .ppc ul.nav li li a:hover, .ppc ul.nav li li a.nav-selected, .ppc ul.nav li li a..nav-path-selected { color:#3f8117; text-decoration: underline;} .ppc ul.nav li li li a:hover, .ppc ul.nav li li li a.nav-selected, .ppc ul.nav li li li a.nav-path-selected { color:#3f8117; text-decoration: underline;} .seo-social ul.nav li a:hover, .seo-social ul.nav li a.nav-selected, .seo-social ul.nav li a.nav-path-selected, .seo-penalty-hub ul.nav li a:hover, .seo-penalty-hub ul.nav li a.nav-selected, .seo-penalty-hub ul.nav li a.nav-path-selected { color:#ffa92e;} .seo-social ul.nav li li, .seo-penalty-hub ul.nav li li { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/btn-right-seo-social.gif') no-repeat 0 6px; } .seo-social ul.nav li li a:hover, .seo-social ul.nav li li a.nav-selected, .seo-social ul.nav li li a.nav-path-selected, .seo-penalty-hub ul.nav li li a:hover, .seo-penalty-hub ul.nav li li a.nav-selected, .seo-penalty-hub ul.nav li li a.nav-path-selected { color:#ffa92e; text-decoration: underline;} .seo-social ul.nav li li li a:hover, .seo-social ul.nav li li li a.nav-selected, .seo-social ul.nav li li li a.nav-path-selected, .seo-penalty-hub ul.nav li li li a:hover, .seo-penalty-hub ul.nav li li li a.nav-selected, .seo-penalty-hub ul.nav li li li a.navp-ath-selected { color:#ffa92e; text-decoration: underline;} .analytics ul.nav li a:hover, .analytics ul.nav li a.nav-selected, .analytics ul.nav li a.nav-path-selected { color:#4955a2; } .analytics ul.nav li li { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/btn-right-analytics.gif') no-repeat 0 6px; } .analytics ul.nav li li a:hover, .analytics ul.nav li li a.nav-selected, .analytics ul.nav li li a.nav-path-selected { color:#4955a2; text-decoration: underline;} .analytics ul.nav li li li a:hover, .analytics ul.nav li li li a.nav-selected, .analytics ul.nav li li li a.nav-path-selected { color:#4955a2; text-decoration: underline;} .training ul.nav li a:hover, .training ul.nav li a.nav-selected, .training ul.nav li a.nav-path-selected { color:#00aef0; } .training ul.nav li li { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/btn-right-training.gif') no-repeat 0 6px; } .training ul.nav li li a:hover, .training ul.nav li li a.nav-selected, .training ul.nav li li a.nav-path-selected { color:#00aef0; text-decoration: underline;} .training ul.nav li li li a:hover, .training ul.nav li li li a.nav-selected, .training ul.nav li li li a.nav-path-selected { color:#00aef0; text-decoration: underline;} .creative ul.nav li a:hover, .creative ul.nav li a.nav-selected, .creative ul.nav li a.nav-path-selected { color:#c53c54; } .creative ul.nav li li { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/btn-right-creative.gif') no-repeat 0 6px; } .creative ul.nav li li a:hover, .creative ul.nav li li a.nav-selected, .creative ul.nav li li a.nav-path-selected { color:#c53c54; text-decoration: underline;} .creative ul.nav li li li a:hover, .creative ul.nav li li li a.nav-selected, .creative ul.nav li li li a.nav-path-selected { color:#c53c54; text-decoration: underline;} .display ul.nav li a:hover, .display ul.nav li a.nav-selected, .display ul.nav li a.nav-path-selected { color:#8b3f8e; } .display ul.nav li li { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/btn-right-display.gif') no-repeat 0 6px; } .display ul.nav li li a:hover, .display ul.nav li li a.nav-selected, .display ul.nav li li a.nav-path-selected { color:#8b3f8e; text-decoration: underline;} .display ul.nav li li li a:hover, .display ul.nav li li li a.nav-selected, .display ul.nav li li li a.nav-path-selected { color:#8b3f8e; text-decoration: underline;} /* END Side Nav */ .top-navigation .column { margin:20px 3px 0; } .top-navigation .column.grid_12 { width:953px; } ul.top-navigation { float:right; } ul.top-navigation li { padding:0 10px; float:left; color:#999; border-right:1px solid #ccc; } ul.top-navigation li.last { padding:0 0 0 10px; border:none; } ul.top-navigation li a.contact-btn { margin:0; background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-arrow-down.gif") no-repeat scroll right center #FFFFFF; color:#999; cursor:pointer; font-family: FS Pimlico Web Bold,Helvetica,Arial,sans-serif; font-size:16px; padding: 7px 28px 7px 7px; } ul.top-navigation li a.contact-btn.selected { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-arrow-up.gif") no-repeat scroll right center #FFFFFF; } ul.top-navigation li.contact-us { border-left: 1px solid #ccc; padding-left: 5px; } /* START Search box */ #top-search-box { margin:0; padding:0; background-color:#FFF; border-bottom:1px dotted #999; text-align:left; overflow:hidden; width:186px; } #top-search-box [type="text"] { padding:0; width:150px; border:none; background-color:#FFF; font:16px FS Pimlico Web regular, Helvetica, Arial, sans-serif; color:#999; -webkit-appearance:none; } #search-submit { margin:0; padding:0; float:right; } #search-box { margin:0 0 20px 0; padding:2px 2px 2px 30px; background:#FFF url('/packages/jellyfish_website/themes/jellyfish/images/search.jpg') no-repeat 6px 6px; border:1px solid #e5e5e5; text-align:left; overflow:auto; } #search-box [type="text"] { padding:5px 0 0 0; width:190px; border:1px solid #FFF; background-color:#FFF; font:12px Helvetica, Arial, sans-serif; color:#666; font-style:italic; -webkit-appearance:none; } h3.search-message { padding:18px 0 0 0; line-height:16px; } .img-search { float:left; margin:0 16px 16px 0; border:none; } /* END Search box */ .pagination { text-align:center; } .page-center .btn.pages, .page-center .btn.currentPage { background-image:none; padding-right:12px; margin-left:5px;} .page-center .btn.currentPage { background-color:#999999; } .page-left { padding:0 0 10px 0; float:left; overflow:auto; display:block; text-decoration:none; } .page-right { padding:0 0 10px 0; float:right; overflow:auto; display:block; text-decoration:none; } .page-left .btn { padding: 3px 12px 3px 30px; margin:0; display:inline-block; font-family:FS Pimlico Web Bold, Helvetica, Arial, sans-serif; color:#ffffff; background:#254a13 url(/packages/jellyfish_website/themes/jellyfish/images/btn-left.gif) no-repeat left; cursor:pointer; } .page-right .btn { padding: 3px 30px 3px 12px; margin:0; display:inline-block; font-family:FS Pimlico Web Bold, Helvetica, Arial, sans-serif; color:#ffffff; background:#254a13 url(/packages/jellyfish_website/themes/jellyfish/images/btn-right.gif) no-repeat right; cursor:pointer; } .page-left span.ltgray, .page-right span.ltgray { display:none; } .summary { margin:10px 0 20px 0; padding:10px 0 10px 0; display:block; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/hr.jpg') repeat-x 0 bottom; font-size:13px; overflow:hidden;} .summary-image { float:left; width:186px; } .summary-text { float:right; width:421px; } @media only screen and (max-width: 959px) { .summary-text { width:301px; } } @media only screen and (max-width: 768px) { .summary-text { width:100%; } } .summary p { line-height:16px; } .summary h2, .summary h2 a { margin:0; padding:0; font-size:24px; color:#666; line-height:24px; background:none; } .summary img { border:1px solid #e5e5e5; } .summary span { font-weight:bold; } #stylized-form span { margin:10px 0 0 0; padding:0 5px 0 0; display:block; float:left; overflow:hidden; color:#999; font-size:14px; font-style:italic; } .wrapper-contact { margin:0 0 10px 0; background-color:#464648; border:1px solid #464648; -webkit-border-radius:4px; -moz-border-radius:4px; color:#FFF; font-family:FS Pimlico Web Bold, Helvetica, Arial, sans-serif; } .wrapper-contact.first-name { margin:41px 0 10px 0; } .wrapper-contact label { padding:0; display:block; text-align:left; width:88px; float:left; font-size:16px; font-weight:bold; color:#FFF; font-family:FS Pimlico Web Bold, Helvetica, Arial, sans-serif; margin: 8px; } .wrapper-contact [type="text"], .wrapper-contact [type="email"], .wrapper-contact [type="number"] { margin:5px 0; padding:4px 2px 4px 5px; width:188px; border:solid 1px #464648; border-left:solid 1px #666; background-color:#464648; color:#FFF; font-family:FS Pimlico Web Bold, Helvetica, Arial, sans-serif; font-size:16px; -webkit-appearance:none; } .wrapper-contact textarea { margin:5px 0; padding:4px 2px 4px 5px; width:189px; border:solid 1px #464648; border-left:solid 1px #666; background-color:#464648; color:#FFF; font-family:FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-size:16px; resize:none; -webkit-appearance:none; } a.btn-form, input.btn-form { margin:0; padding:7px; border:none; display:inline-block; float:right; overflow:auto; font-size:18px; color:#464648; background:#FFF url(/packages/jellyfish_website/themes/jellyfish/images/btn-arrow.png) no-repeat 8px 8px; font-family:FS Pimlico Web Bold, Helvetica, Arial, sans-serif; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; cursor:pointer;} input.btn-form:hover { color:#FFF; background:#464648 url(/packages/jellyfish_website/themes/jellyfish/images/btn-arrow-hover.png) no-repeat 8px 8px; } .ppc .related { margin:0 0 50px 0; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/ppc-arrow-related.gif') no-repeat center 70px; } .seo-social .related, .seo-penalty-hub .related { margin:0 0 50px 0; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/seo-social-arrow-related.gif') no-repeat center 70px; } .analytics .related { margin:0 0 50px 0; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/analytics-arrow-related.gif') no-repeat center 70px; } .training .related { margin:0 0 50px 0; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/training-arrow-related.gif') no-repeat center 70px; } .creative .related { margin:0 0 50px 0; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/creative-arrow-related.gif') no-repeat center 70px; } .display .related { margin:0 0 50px 0; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/display-arrow-related.gif') no-repeat center 70px; } .related-links a { background:url(/packages/jellyfish_website/themes/jellyfish/images/btn-right-ppc.gif) no-repeat 0 6px; color: #666666; font-size: 12px; font-weight: normal; line-height: 12px; margin: 0; padding: 5px 0 5px 15px; text-decoration: none; border-bottom: 1px solid #E5E5E5; display:block; } .related-links a:first-child { border-top: 1px solid #E5E5E5; } .ppc .related-links a { background-image:url(/packages/jellyfish_website/themes/jellyfish/images/btn-right-ppc.gif);} .seo-social .related-links a, .seo-penalty-hub .related-links a { background-image:url(/packages/jellyfish_website/themes/jellyfish/images/btn-right-seo-social.gif);} .creative .related-links a { background-image:url(/packages/jellyfish_website/themes/jellyfish/images/btn-right-creative.gif);} .display .related-links a { background-image:url(/packages/jellyfish_website/themes/jellyfish/images/btn-right-display.gif);} .analytics .related-links a { background-image:url(/packages/jellyfish_website/themes/jellyfish/images/btn-right-analytics.gif);} .training .related-links a { background-image:url(/packages/jellyfish_website/themes/jellyfish/images/btn-right-training.gif);} .thumbnail { border:1px solid #E5E5E5; width:195px; } .footer { margin:0 auto; padding:60px 0 20px 0; width:100%; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/shadow-top.png') no-repeat center top; font-size:12px; line-height:16px; } .footer h2 { margin:0 0 10px 0; padding:0; font-size:16px; border-bottom:1px solid #e5e5e5; } .footer-links { background:none; } .footer-newsletter { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/footer-newsletter.jpg') no-repeat left 4px; } .footer-twitter a { color:#12c5e0; } .footer-call { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/footer-call.jpg') no-repeat left 4px; } p.footer-contact { padding:0; margin:0; line-height:25px; } .footer-contact a { font-size:30px; line-height:30px; font-family:"FS Pimlico Web Bold", Helvetica, Arial, sans-serif; color:#666; } a.footer-email { font-size:20px; line-height:20px; font-family:"FS Pimlico Web Regular", Helvetica, Arial, sans-serif; color:#666; } a.footer-email:hover { color:#000; text-decoration: underline;} p.footer-media { margin:20px 0 0 0; } .digital-journeys-footer { float:right; } .footer ul { margin:5px 0 15px 0; } .footer ul li { margin:0 6px 0 0; text-transform:none; font-weight:normal; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/side-arrow-blog.gif') no-repeat 0 7px; display:inline-block; width:144px; } .footer ul li a { margin:0; padding:0 0 0 15px; display:block; float:none; line-height:25px; text-decoration:none; color:#666; border-bottom:1px solid #e5e5e5; } .footer ul li a:hover { color:#c53c54; text-decoration: underline;} .footer ul.footer-links { margin:0; } .footer ul.footer-links li { width:140px; float:left; } #stylized-form-footer { margin:0 0 20px 0; padding:0; overflow:auto; } .wrapper-footer [type="text"] { margin:0; padding:10px; background-color:#FFF; width:200px; float:left; display:block; -webkit-border-radius:4px; -moz-border-radius:4px; color:#666; border:solid 1px #e5e5e5; font-family:FS Pimlico Web Bold, Helvetica, Arial, sans-serif; } a.btn-footer-form, input.btn-footer-form { margin:0; padding:7px; border:none; display:inline-block; float:right; font-size:16px; color:#FFF; background-color:#666; font-family:FS Pimlico Web Bold, Helvetica, Arial, sans-serif; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; cursor:pointer;} input.btn-footer-form:hover { color:#FFF; background-color:#3f8117; overflow:hidden; } ul#twitter_update_list li { margin:0 0 10px 0; padding:0; display:block; width:304px; text-align:left; background:none; } ul#twitter_update_list li a { padding:0; color:#12c5e0; display:inline-block; border:none; line-height:16px; } .worked-for { padding:40px 0 0 0; text-align:center; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/logo-divider.gif') no-repeat center 40px; } .worked-for img { padding:0 4px 0 4px; } .worked-for img:hover { opacity:0.5;} .lower-footer { margin:0 auto; padding:25px 0 0 0; width:100%; position:absolute; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/shadow-bottom.png') no-repeat center top; } .lower-footer ul { margin:0 0 20px 0; float:left;} .lower-footer ul li { margin:0; padding:0 0 0 10px; text-transform:none; font-size:11px; color:#999; font-weight:normal; background:none; display:block; float:left; } .lower-footer ul li a { margin:0; padding:0 10px 0 0; display:block; float:none; line-height:16px; text-decoration:none; color:#999; border-right:1px solid #e5e5e5; } .lower-footer ul li a:hover, .lower-footer ul li a.selected { color:#333; } .footer-arrows { height:120px; overflow:hidden; } .footer-arrows a { position:relative; top:143px; margin:0 20px; } .accreditation img { margin:0 8px; top:0; position:inherit; } /*** Common styles ***/ .highlight-box { margin:10px 0 20px 0; padding:20px 20px 10px 20px; background-color:#C1C1C1; color:#FFF; } .highlight-box ul { margin-bottom:0; } .highlight-box ul li { background:transparent url(/packages/jellyfish_website/themes/jellyfish/images/side-arrow-white.gif) no-repeat 0 3px; } .highlight-box h2 { margin-top:0; text-transform:none; color:#FFF; } .highlight-box h3 { margin-top:0; text-transform:none; color:#FFF; } .highlight-box h4 { margin-top:0; text-transform:none; color:#FFF; } .highlight-box a { color:#FFF; text-decoration:underline; } .highlight-box.blank { border:1px solid #e5e5e5; background:#ffffff; color:#6D6D76;} .highlight-box.blank ul li { background:transparent url(/packages/jellyfish_website/themes/jellyfish/images/side-arrow-info.gif) no-repeat 0 3px; } .anchor-box { margin-bottom:5px; height:73px; display:table-cell; width:204px; margin:0 2px 5px;} .anchor-box.short { height:55px; } .anchor-box.has-link { background-image:url(/packages/jellyfish_website/themes/jellyfish/images/btn-right.gif); background-position:right 49px; background-repeat:no-repeat;} .anchor-box.short.has-link { background-position: right 31px;} .anchor-box p { color:#ffffff; padding:10px 41px 10px 10px; font-size: 13px; line-height: 18px; vertical-align:middle;} a .anchor-box:hover { background-color:#58585a; color:#fff;} .block-right { width:270px; float:right; margin: 0 0 15px 24px; padding:15px 15px 0; } .block-left { width:270px; float:left; margin: 0 24px 15px 0; padding:15px 15px 0; } .block-left + .block-right { margin-left:0; } .testimonial { line-height:16px; } .testimonial p { font-size:28px; line-height:30px; font-family:FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-weight:600; color:#FFF; } .testimonial-author { color:#FFF; font-size:13px;} .profile { font-size:14px;} .profile h1 { background:0; margin-bottom:10px;} .profile h2 { margin-bottom:0;} .profile img { width:140px; } .profile ul { margin-left:-10px; margin-right:-10px; border-top:1px solid #E5E5E5;} .profile ul li { background:none !important; padding:8px 6px 8px 0; margin:0 10px; width:auto; border-bottom:1px solid #E5E5E5;} .portfolio span { border:solid 1px #f1f1f1; display:block; } .sitemap-nav li ul { margin-left:5px; } .iphone { display:none; } /***** Rollover *****/ .rollover { overflow:hidden; position:relative; } .rollover .visible { background-repeat: no-repeat; background-position: right 7px; background-image:url("/packages/jellyfish_website/themes/jellyfish/images/btn-down-ppc.gif");} .ppc .rollover .visible { background-image:url("/packages/jellyfish_website/themes/jellyfish/images/btn-down-ppc.gif");} .seo-social .rollover .visible, .seo-penalty-hub .rollover .visible { background-image:url("/packages/jellyfish_website/themes/jellyfish/images/btn-down-seo-social.gif");} .creative .rollover .visible { background-image:url("/packages/jellyfish_website/themes/jellyfish/images/btn-down-creative.gif");} .analytics .rollover .visible { background-image:url("/packages/jellyfish_website/themes/jellyfish/images/btn-down-analytics.gif");} .display .rollover .visible { background-image:url("/packages/jellyfish_website/themes/jellyfish/images/btn-down-display.gif");} .training .rollover .visible { background-image:url("/packages/jellyfish_website/themes/jellyfish/images/btn-down-training.gif");} .rollover .visible.selected { background-image:url("/packages/jellyfish_website/themes/jellyfish/images/btn-up-ppc.gif"); } .ppc .rollover .visible.selected { background-image:url("/packages/jellyfish_website/themes/jellyfish/images/btn-up-ppc.gif"); } .seo-penalty-hub .rollover .visible.selected, .seo-social .rollover .visible.selected { background-image:url("/packages/jellyfish_website/themes/jellyfish/images/btn-up-seo-social.gif"); } .creaitve .rollover .visible.selected { background-image:url("/packages/jellyfish_website/themes/jellyfish/images/btn-up-creative.gif"); } .analytics .rollover .visible.selected { background-image:url("/packages/jellyfish_website/themes/jellyfish/images/btn-up-analytics.gif"); } .display .rollover .visible.selected { background-image:url("/packages/jellyfish_website/themes/jellyfish/images/btn-up-display.gif"); } .training .rollover .visible.selected { background-image:url("/packages/jellyfish_website/themes/jellyfish/images/btn-up-training.gif"); } .rollover h4 { font-size:18px !important; margin-bottom:5px;} .rollover:hover { cursor:pointer;} .rollover .hidden { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/hr.jpg') repeat-x 0 bottom; margin-bottom: 20px;} .stButton { margin:0 !important; } .social-links { float:right; } .video-left { float:left;} .video-right { float:right; } .video-middle { text-align:center;} .video-right:after { clear:both;} .offices { background:url("/packages/jellyfish_website/themes/jellyfish/images/jellyfish-uk.gif") no-repeat right 0; } .three-offices h2 { padding:0 0 10px 0; } .three-offices .thumbs img { width:100%; height:auto; } .img-left + .img-right { float:right; margin: 0 0 20px 0; } .slideshare-container { position:relative; margin:0 0 15px 0; padding:0; height:893px; overflow:hidden;} .slideshare-container iframe, .slideshare-container object, .slideshare-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } .media { margin:0 20px 20px 0; float:left; } .media img { width:186px; height:auto; } .column.grid_3_5.related-links { width:192px; } .column.grid_3_5.related-case-study { width:416px; } .related-case-study a .work, .work { float:left; margin:0 7px 0 0; } /***** Edit modes *****/ #edit-mode { margin:0;} .jelly-hq { margin:0 0 8px 0; float:left; width:608px; height:250px; overflow:hidden; display:block; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/office-hq-bg.jpg') no-repeat 0 0; } .jelly-hq-sa { margin:0 0 8px 0; float:left; width:608px; height:250px; overflow:hidden; display:block; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/office-sa-bg.jpg') no-repeat 0 0; } .jelly-uk { margin:0 8px 8px 0; float:left; width:197px; display:block; height:380px; } .jelly-us { margin:0 8px 8px 0; float:left; width:197px; display:block; height:380px; } .jelly-sa { margin:0 0 8px 0; float:left; width:197px; display:block; height:380px; } /**** FORM ON CONTACT US PAGE ****/ .in-page-contact .wrapper-contact { background-color: #c7c8ca; border: 1px solid #c7c8ca;} .in-page-contact .wrapper-contact label { margin:11px 8px 8px; color:#58585a;} .in-page-contact .wrapper-contact.first-name { margin-top:0;} .in-page-contact .wrapper-contact [type="text"], .in-page-contact .wrapper-contact [type="email"], .in-page-contact .wrapper-contact [type="number"] { background-color: #c7c8ca; border-color: #c7c8ca #c7c8ca #c7c8ca #999999; color:#58585a;} .in-page-contact .wrapper-contact textarea { background-color: #c7c8ca; border-color: #c7c8ca #c7c8ca #c7c8ca #999999;} .in-page-contact input.btn-form { background:#464648; color:#fff;} .in-page-contact input.btn-form:hover { background:#999999;} #in-page-stylized-form span { color: #999999; display: block; float: left; font-size: 14px; font-style: italic; margin: 10px 0 0; overflow: hidden; padding: 0 5px 0 0; } #in-page-form-result { display:none;} /****** SEARCH Related only ******/ .ias_loader { text-align:center; margin: 5px 0; } .img-search-person { float: left; margin: 5px; width: 65px; } .search-read-more { clear: both;} .summary.post h2 a { font-size: 21px; } .btn.ppc-class { background-color: #3F8117;} .btn.seo-class { background-color: #FFA92E;} .btn.creative-class { background-color: #C53C54;} .btn.display-class { background-color: #8B3F8E;} .btn.analytics-class { background-color: #4955A2;} .btn.training-class { background-color: #00aef0;} .summary.post h2.ppc-class a { color: #3F8117;} .summary.post h2.seo-class a { color: #FFA92E;} .summary.post h2.creative-class a { color: #C53C54;} .summary.post h2.display-class a { color: #8B3F8E;} .summary.post h2.analytics-class a { color: #4955A2;} .summary.post h2.training-class a { color: #00aef0;} /***** Content under left nav - training *****/ DIV.leftnavtraining H3{margin:20px 0 10px;padding:0;color: #00AEF0;font-family:"FS Pimlico Web Regular",Helvetica,Arial,sans-serif;text-transform:none;font-weight:bold;font-size:18px;line-height:1;} DIV.leftnavtraining UL.cta LI{padding:0 0 0 15px;line-height:21px;} DIV.leftnavtraining HR{margin:0 0 10px;} BODY.training UL.nav LI DIV.leftnavtraining UL.training_pdf LI{float:left;display:inline;margin:0;width:100%;background: url("/packages/jellyfish_website/themes/jellyfish/images/hr.png") 0 bottom repeat-x;padding:9px 0;overflow:auto;} DIV.leftnavtraining UL.training_pdf LI IMG{float:left;} DIV.leftnavtraining UL.training_pdf LI DIV{float:right;width:64%;} DIV.leftnavtraining UL.training_pdf LI DIV H3{margin:0 0 4px;padding:0;color: #00AEF0;font-family:"FS Pimlico Web Regular",Helvetica,Arial,sans-serif;text-transform:none;font-weight:bold;font-size:18px;line-height:1;} DIV.leftnavtraining UL.training_pdf LI DIV A.btn{font-weight:bold;line-height:1.5;max-width:120px;} DIV.leftnavtraining UL.training_pdf LI DIV A.btn:hover{color:#fff;} DIV.leftnavtraining UL.training_pdf LI.analyticstraining DIV H3{color:#44519f;} DIV.leftnavtraining UL.training_pdf LI.analyticstraining DIV A.btn{background-color:#44519f;} DIV.leftnavtraining UL.training_pdf LI.adwordstraining DIV H3{color:#3c7d39;} DIV.leftnavtraining UL.training_pdf LI.adwordstraining DIV A.btn{background-color:#3c7d39;} DIV.leftnavtraining UL.training_pdf LI.seotraining DIV H3{color:#f2a32d;} DIV.leftnavtraining UL.training_pdf LI.seotraining DIV A.btn{background-color:#f2a32d;} DIV.leftnavtraining UL.training_pdf LI.socialtraining DIV H3{color:#e6791e;} DIV.leftnavtraining UL.training_pdf LI.socialtraining DIV A.btn{background-color:#e6791e;} DIV.leftnavtraining UL.training_pdf LI.conversiontraining DIV H3{color:#29305c;} DIV.leftnavtraining UL.training_pdf LI.conversiontraining DIV A.btn{background-color:#29305c;} .monthwrapper a { color: #FFFFFF !important; text-decoration: none !important; } .day > a { text-decoration: none !important; } .places > a { text-decoration: none !important; } /* Region select */ .region-select { height: 13px; overflow: hidden; width: 40px; position: relative; background: url(../images/flags1.png) 24px -1px no-repeat; float: left; margin-left: 230px; margin-top: 6px; } .region-select.open { background-position: 24px -18px; } .region-select a { display: block; height: 13px; margin-bottom: 5px; position: relative; } .region-select a[href*=".co.uk"] { background: url(../images/flags1.png) -16px top no-repeat; } .region-select a[href*=".co.za"] { background: url(../images/flags1.png) -16px bottom no-repeat; } .region-select a[href*=".net"] { background: url(../images/flags1.png) -16px center no-repeat; } /* Apply for role */ .apply-for { font-size: 20px; line-height: 20px; font-family: "FS Pimlico Web Regular", Helvetica, Arial, sans-serif; color: #666; } .apply-form { } .apply-form.valid-wrapper { border: 0 !important; } .apply-form fieldset { border: 1px solid #c8c7cc; padding: 5px 10px; border-radius: 3px; width: 70%; margin-bottom: 10px; } .apply-form fieldset .form-value{ padding: 0px 10px; line-height: 30px; } .apply-form fieldset.apply-error { border: 1px solid #c53c54 !important; } .apply-form fieldset.apply-valid { border: 1px solid #3f8117 !important; } .apply-form label.apply-error { width: 100%; margin: 0; padding: 0; line-height: 12px; font-family: Arial; font-size: 12px; color: #c53c54; border-right: 0; } .apply-form label { width: 21%; float: left; border-right: 1px solid #f1f1f1; box-sizing: border-box; font-family: "FS Pimlico Web Bold", Helvetica, Arial, sans-serif; height: 30px; font-size: 16px; line-height: 31px; color: #58585a; } .apply-form input { -webkit-appearance: none; border: 0; width: 79%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0; margin: 0; height: 30px; padding: 0 0 0 5px; } p.req-field { color: #d8d8d8; font-size: 12px; font-style: italic; } fieldset.upload { position: relative; border-color: #00adf2; padding: 0; height: 42px; padding-right: 3%; } fieldset.upload label { border: 0; display: block; height: inherit; background: #00adf2; color: #ffffff; text-align: center; line-height: 43px; } fieldset.upload span.fileinput-button { background: none; color: #58585a; position: absolute; top: 0; right: -167px; padding: 0; margin: 0; width: 25%; border: 1px solid #c8c7cc; border-radius: 3px; box-sizing: border-box; overflow: hidden; display: block; height: 44px; } fieldset.upload span.fileinput-button:hover { background: #00ADF6; } fieldset.upload span.fileinput-button:hover span.browse { color: #ffffff; } fieldset.upload span.browse { display: block; position: absolute; top: 11px; left: 25px; font-size: 20px; color: #868686; } fieldset.upload input { opacity: 0; width: 113px; height: 44px; padding: 0; cursor: pointer; padding: 44px 0px; filter: alpha(opacity=0); HEIGHT: 100%; } fieldset.upload input.fileupload { position: relative; z-index: 999; } fieldset.upload span.cv-filename { display: block; margin: 10px 0 0 0; padding: 0 0 0 100px; } input.up-btn { display: inline-block; background: #464648; padding: 10px; color: #ffffff; font-family: "FS Pimlico Web Bold", Helvetica, Arial, sans-serif; font-size: 20px; border-radius: 3px; width: auto; height: auto; cursor: pointer; } input.up-btn:focus { outline: 0; } .up-btn:hover { background: #00adf2; color: #ffffff; } p.note { color: #00adf2; font-size: 12px; margin-top: 5px; } /* Apply for role - Thank You */ h1.apply-thanks { background: none; color: #00adf2; } a.more-jobs { display: inline-block; background: #00adf2; padding: 10px; color: #ffffff; font-family: "FS Pimlico Web Bold", Helvetica, Arial, sans-serif; font-size: 20px; border-radius: 3px; margin: 20px 0 0 0; } /*** Case studies ***/ /* full width video */ .video-row-fullwidth { } .video-row-fullwidth a.video-wrapper.iframe { display: block; position: relative; top: 0; left: 0; } .video-row-fullwidth img.playBtn { position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -63.5px; z-index: 1; } /***** iPad Smaller than 959px *****/ @media only screen and (min-width: 768px) and (max-width: 959px) { .contact p { font-size:16px; } a.contact-btn { margin:0 0 0 183px; } h2.contact-phone { background:transparent url('../images/icon-contact-phone.png') no-repeat left top; } h2.contact-email { background:transparent url('../images/icon-contact-email.png') no-repeat left top; } ul.main-navigation { width:760px; } ul.main-navigation li {padding: 0 0 0 4px;} .top-navigation .column.grid_12 { padding:0 0 0 4px; width:756px; } .navigation-ppc a, .navigation-seo-social a, .navigation-analytics a, .navigation-training a .navigation-creative a, .navigation-display a { padding:11px 5px 10px 35px; display:block; text-decoration:none; color:#666; font-weight:bold; } .arrow-bg { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/ppc-arrow-left-colour-ipad.gif') no-repeat center top; } .ppc .arrow-bg { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/ppc-arrow-left-ipad.gif') no-repeat center top; } .seo-social .arrow-bg, .seo-penalty-hub .arrow-bg { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/seo-social-arrow-left-ipad.gif') no-repeat center top; } .analytics .arrow-bg { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/analytics-arrow-left-ipad.gif') no-repeat center top; } .training .arrow-bg { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/training-arrow-left-ipad.gif') no-repeat center top; } .creative .arrow-bg { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/creative-arrow-left-ipad.gif') no-repeat center top; } .display .arrow-bg { background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/display-arrow-left-ipad.gif') no-repeat center top; } .arrow-bg-philosophy, .arrow-bg-right { background:transparent url(/packages/jellyfish_website/themes/jellyfish/images/philosophy-arrow-right-ipad.gif) no-repeat center top; } .arrow-bg-ppc { background:transparent url(/packages/jellyfish_website/themes/jellyfish/images/ppc-arrow-right-ipad.png) no-repeat center top; } .arrow-bg-seo-social-right, .arrow-bg-seo-penalty-hub-right { background:transparent url(/packages/jellyfish_website/themes/jellyfish/images/seo-social-arrow-right-ipad.png) no-repeat center top; } .arrow-bg-analytics-right { background:transparent url(/packages/jellyfish_website/themes/jellyfish/images/analytics-arrow-right-ipad.png) no-repeat center top; } .arrow-bg-training-right { background:transparent url(/packages/jellyfish_website/themes/jellyfish/images/training-arrow-right-ipad.png) no-repeat center top; } .arrow-bg-creative-right { background:transparent url(/packages/jellyfish_website/themes/jellyfish/images/creative-arrow-right-ipad.png) no-repeat center top; } .arrow-bg-display-right { background:transparent url(/packages/jellyfish_website/themes/jellyfish/images/display-arrow-right-ipad.png) no-repeat center top; } .side-nav { margin:26px 4px 0 4px; padding:0; width:208px; } .main-body { margin:0 4px 50px 4px; float:right; } #search-box [type="text"] { width:135px; } #stylized-form span { margin:10px 0 0 0; display:block; float:left; overflow:hidden; color:#999; font-size:14px; font-style:italic; } .wrapper-contact { margin:0 0 10px 0; background-color:#464648; -webkit-border-radius:4px; -moz-border-radius:4px; color:#FFF; font-family:FS Pimlico Web Bold, Helvetica, Arial, sans-serif; } .wrapper-contact label { width:80px; font-size:16px; margin:6px; } .wrapper-contact [type="text"], .wrapper-contact [type="email"], .wrapper-contact [type="number"] { width:140px; margin:0; } .wrapper-contact textarea { width:145px; margin:0; } a.btn-form, input.btn-form { padding:5px; } .block-right { width:210px; } .block-left { width:210px; } .worked-for { padding:40px 0 0 0; text-align:center; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/logo-divider-ipad.gif') no-repeat center 40px; } .worked-for img { padding:0 2px 0 2px; width:110px; height:auto; } .footer-contact a { font-size:26px; line-height:28px; font-family:"FS Pimlico Web Bold", Helvetica, Arial, sans-serif; color:#666; } .footer ul li { width:116px; } ul#twitter_update_list li { margin:0 0 10px 0; padding:0; display:block; width:248px; text-align:left; background:none; } ul#twitter_update_list li a { padding:0; display:inline-block; border:none; line-height:16px; } .lower-footer ul li { font-size:10px; } .footer ul.footer-links li { width:118px; } .accreditation img { width:auto; height:32px; } .top-navigation .column { margin:20px 0 0; } .column .grid_3_5.anchor-box { margin:0 2px 5px; width:246px; } a .work, .work { width:150px; height:220px; } .offices { background:url("/packages/jellyfish_website/themes/jellyfish/images/jellyfish-uk.gif") no-repeat -25px 0; } .three-offices canvas { display:none; } .img-left object, .img-right object { width:240px; } .slideshare-container { height:723px; } .video { margin:0 10px 10px 0; float:left; } .video img { width:156px; height:auto; } .column.grid_3_5.related-links { width:160px; } .column.grid_3_5.related-case-study { width:336px; } .jelly-hq { margin:0 4px 8px 0; float:left; width:236px; height:380px; overflow:hidden; display:block; background:none; } .jelly-uk { margin:0 0 8px 4px; float:left; width:236px; display:block; height:380px; } .jelly-us { margin:0 4px 8px 0; float:left; width:236px; display:block; height:380px; } .jelly-sa { margin:0 0 8px 4px; float:left; width:236px; display:block; height:380px; } .in-page-contact .wrapper-contact label { margin:6px 6px 4px;} DIV.leftnavtraining UL.training_pdf LI DIV{width:60%;} /* Region select */ .region-select { margin-left: 30px; background: url(../images/flagsX2.png) 25px top no-repeat; background-size: 36px auto; height: 15px; } .region-select.open { background-position: 25px -17px; } .region-select a[href*=".co.uk"] { background: url(../images/flagsX2.png) -20px 1px no-repeat; background-size: 36px auto; } .region-select a[href*=".co.za"] { background: url(../images/flagsX2.png) -20px bottom no-repeat; background-size: 36px auto; } .region-select a[href*=".net"] { background: url(../images/flagsX2.png) -20px center no-repeat; background-size: 36px auto; } /* Apply for role */ fieldset.upload span.fileinput-button { right: -127px; } fieldset.upload span.browse { left: 15px; } .apply-form label { font-size: 12px; } } /***** iPhone (portrait 300px) *****/ @media only screen and (max-width: 767px) { h1 { font-size:30px; line-height:32px; } .top-nav { margin:0; } a.contact-btn-close.iphone-hide, .small-nav, .telephone, .iphone-hide, .accreditation, ul.top-navigation { display:none; } .top-navigation .column.grid_12 { width:300px; } img.jellyfish-logo { padding:5px 0 0; } img.jellyfish-logo:hover { opacity:0.5;} .top-nav img { float: left; padding:14px 0 0; } .menu-btn { display:block; float:right; margin:0 4px 0 0; } .iphone-btn { display:block;} .main-navigation-wrapper { overflow:hidden; position: relative; } .main-navigation-bg { display:none;} .contact p { font-size:16px; } .top-nav a.contact-btn { margin:0; float:right; } .contact-padding { padding:10px 0 0 0; } ul.main-navigation { width:auto; float:none; text-align:left; } ul.main-navigation { width:auto; float:none; text-align:left; } .main-navigation-bg { padding:20px 0 0; background:transparent url('../images/nav-bg-01.gif') no-repeat 0 10px; } .main-navigation .navigation-blog {display:inline-block;} .main-navigation li { margin:0; padding:0 0 2px 0; display:inline-block; background:none; } .main-navigation li.navigation-home { display:inline-block; } .main-navigation li.navigation-agency { background:none; padding:0; float:none; } .navigation-home a, .navigation-agency a, .navigation-ppc a, .navigation-seo-social a, .navigation-analytics a, .navigation-training a, .navigation-creative a, .navigation-display a { margin:0 5px 5px 0; padding:10px; display:inline-block; text-decoration:none; color:#666; font-weight:bold; } .main-navigation .navigation-blog a { margin:0 5px 5px 0; padding:10px; display:inline-block; text-decoration:none; color:#666; font-weight:bold; } a:link.icon-home { background:transparent url('../images/nav-home.gif') no-repeat 5px -4px; } a:link.icon-agency { background:transparent url('../images/navigation-agency.gif') no-repeat 12px 0; } a:link.icon-ppc { background:transparent url('../images/navigation-ppc.gif') no-repeat 5px 0px; } a:link.icon-seo-social, a:link.icon-seo-penalty-hub { background:transparent url('../images/navigation-seo-social.gif') no-repeat 5px 0px; } a:link.icon-analytics { background:transparent url('../images/navigation-analytics.gif') no-repeat 5px 0px; } a:link.icon-training { background:transparent url('../images/navigation-training.gif') no-repeat 8px 0px; } a:link.icon-creative { background:transparent url('../images/navigation-creative.gif') no-repeat 5px 0px; } a:link.icon-display { background:transparent url('../images/navigation-display.gif') no-repeat 7px 2px; } a:link.icon-blog { background:transparent url('../images/nav-blog-s.gif') no-repeat 5px 0px; } a:link.icon-home, a:link.icon-agency, a:link.icon-ppc, a:link.icon-seo-social, a:link.icon-seo-penalty-hub, a:link.icon-analytics, a:link.icon-training, a:link.icon-creative, a:link.icon-display, a:link.icon-blog { padding:2px 0 12px 38px; width:105px; text-align:left; text-transform:none; } .navigation-home a:hover { color:#333; } .navigation-philosophy a:hover { color:#333; } .navigation-ppc a:hover { color:#3f8117; } .navigation-seo-social a:hover { color:#ffa92e; } .navigation-analytics a:hover { color:#4955a2; } .navigation-training a:hover { color:#00aef0; } .navigation-creative a:hover { color:#c53c54; } .navigation-display a:hover { color:#8b3f8e; } .navigation-blog a:hover { color:#333; } .arrow-bg-philosophy, .arrow-bg-right, .arrow-bg-ppc, .arrow-bg-seo-social-right, .arrow-bg-seo-penalty-hub-right, .arrow-bg-analytics-right, .arrow-bg-training-right, .arrow-bg-creative-right, .arrow-bg-display-right, .philosophy .arrow-bg, .arrow-bg, .ppc .arrow-bg, .seo-social .arrow-bg, .seo-penalty-hub .arrow-bg, .analytics .arrow-bg, .training .arrow-bg, .creative .arrow-bg, .display .arrow-bg { background:none; } #stylized-form, #stylized-form .column { margin:0; } .wrapper-contact.first-name { margin:15px 0 10px 0; } .wrapper-contact { margin:0 0 10px 0; } .wrapper-contact label { margin:5px 0 5px 5px; padding:0; width:85px; font-size:16px; } .wrapper-contact [type="text"], .wrapper-contact [type="email"], .wrapper-contact [type="number"] { margin:0; padding:4px 2px 4px 0; width:190px; font-size:16px; } .wrapper-contact textarea { margin:0; padding:4px 2px 4px 0; width:190px; font-size:16px; } a.btn-form, input.btn-form { margin:5px 0 0 0; padding:7px; border:none; display:inline-block; float:right; overflow:auto; font-size:18px; color:#464648; background:#FFF url(/packages/jellyfish_website/themes/jellyfish/images/btn-arrow.png) no-repeat 8px 8px; font-family:FS Pimlico Web Bold, Helvetica, Arial, sans-serif; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; cursor:pointer;} input.btn-form:hover { color:#FFF; background:#464648 url(/packages/jellyfish_website/themes/jellyfish/images/btn-arrow-hover.png) no-repeat 8px 8px; } .iphone-btn { float:right; margin:0 5px 0 0; } .wrapper-contact [type="text"], .wrapper-contact [type="email"], .wrapper-contact [type="number"] { font-size:14px; } .wrapper-contact textarea { margin:0; font-size:14px; } .side-nav { margin:26px 0 0 0; width:300px; } .side-nav h2 { color:#666; } .side-nav li { margin:0; font-size:13px; background:url(/packages/jellyfish_website/themes/jellyfish/images/side-arrow-blog.gif) no-repeat right 12px transparent; } .main-body { margin:0 0 50px 0; float:none; } .block-right, .block-left { margin:0 0 15px 0; padding:15px; font-size:13px; letter-spacing:1px; line-height:16px; width:270px; float:none; } .worked-for { padding:40px 0 0 0; text-align:center; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/logo-divider-iphone-horz.gif') no-repeat center 47px; } .worked-for img { padding:0 2px 0 2px; width:143px; height:auto; } .footer-contact a { font-size:26px; line-height:28px; font-family:"FS Pimlico Web Bold", Helvetica, Arial, sans-serif; color:#666; } h2.footer-twitter { margin:20px 0 0 0; } .footer ul li { width:142px; } ul#twitter_update_list li { margin:0 0 10px 0; padding:0; display:block; width:300px; text-align:left; background:none; } ul#twitter_update_list li a { padding:0; color:#8b3f8e; display:inline-block; border:none; line-height:16px; } .accreditation img { width:auto; height:22px; } .lower-footer ul { margin:0 0 5px 0; } .footer ul.footer-links li { width:144px; } .img-left, .img-right { float:none; margin:0 0 15px 0; } .summary { margin:0 0 20px 0; padding:0 0 15px 0; display:block; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/hr.jpg') repeat-x 0 bottom; font-size:13px; overflow:hidden;} .summary img { display:none; } .social-links { margin:0 0 10px 0; float:none; } h3.search-message { padding:10px 0 0 0; line-height:16px; } a .work, .work { height:245px; width:130px; margin:0 0 5px 0; padding:4px; } .iphone { display:block; } #search-submit { padding:5px; } #search-box [type="text"] { font-size:15px; } .top-navigation .column { margin:20px 0 0; } .column .grid_3_5.anchor-box { margin:0 2px 5px; width:146px; height:100px; } .offices { padding:160px 0 0 0; background:url("/packages/jellyfish_website/themes/jellyfish/images/jellyfish-uk-iphone.gif") no-repeat 0px 0; } .offices canvas, .three-offices canvas { display:none; } .offices .grid_3_5 { width:300px; } .three-offices .grid_3_5 { margin:0 0 20px 0; padding:0 0 10px; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/hr.png') repeat-x 0 bottom; width:300px; } .max-image + .img-full { display:none; } .slideshare-container { display:none; } .video { margin:0 10px 10px 0; float:left; } .video img { width:140px; height:auto; } .column.grid_3_5.related-links { width:295px; } .column.grid_3_5.related-case-study { width:295px; } .related-case-study a .work, .work { float:left; margin:0 7px 0 0; } .related-case-study h3 { margin:20px 0 10px; } .footer { padding:40px 0 20px 0; } .footer h2 { margin:20px 0 10px; padding:0; } .footer ul.footer-links li { width:140px; } .jelly-hq { margin:0 4px 8px 0; float:left; width:146px; height:380px; overflow:hidden; display:block; background:none; } .jelly-uk { margin:0 0 8px 4px; float:left; width:146px; display:block; height:380px; } .jelly-us { margin:0 4px 8px 0; float:left; width:146px; display:block; height:380px; } .jelly-sa { margin:0 0 8px 4px; float:left; width:146px; display:block; height:380px; } .footer-out { bottom: 0; display: block; overflow: hidden; position: fixed; width: 100%; z-index: 300; } .footer-in { width: 300px; font-size: 14px; font-weight: bold; margin: 0 auto; overflow: hidden; padding: 0; } .footer-blue { background-color: #02bdf1; color: #FFFFFF; float: left; height: 40px; width: 150px; } .footer-purple { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-right-white2.gif") no-repeat scroll right center #5865a9; width: 150px; float: left; height: 40px; } .footer-in a:link, .footer-in a:visited, .footer-in a:active, .footer-in a:hover { color: #FFFFFF; display: block; text-decoration: none; font-size: 17px; margin: 8px 7px 7px 9px; } /* Region select */ .region-select { display: none; } /* Apply for role */ .apply-form fieldset { width: 95%; } fieldset.upload { padding-right: 4%; } .apply-form label { font-size: 11px; } fieldset.upload span.fileinput-button { top: 88px; left: 0; } p.note { margin-top: 110px; } } /***** iPhone (landscape 420px) *****/ @media only screen and (min-width: 480px) and (max-width: 767px) { .contact-padding { padding:20px 0 0 0; } .main-navigation-bg { background:transparent url('../images/nav-bg-02.gif') no-repeat 0 13px; } .top-navigation .column.grid_12 { width:456px; } .side-nav { margin:26px 0 0 0; width:456px; } .block-right, .block-left { margin:0 0 15px 0; padding:15px; font-size:13px; letter-spacing:1px; line-height:16px; width:426px; float:none; } .worked-for { padding:40px 0 0 0; text-align:center; background:transparent url('/packages/jellyfish_website/themes/jellyfish/images/logo-divider-iphone-land.gif') no-repeat -100px 50px; } .worked-for img { padding:0 2px 0 2px; width:145px; height:auto; } .footer-contact, .footer-contac a { font-size:26px; line-height:28px; font-family:"FS Pimlico Web Bold", Helvetica, Arial, sans-serif; color:#666; } h2.footer-twitter { margin:20px 0 0 0; } .footer ul li { width:220px; } ul#twitter_update_list li { margin:0 0 10px 0; padding:0; display:block; width:456px; text-align:left; background:none; } ul#twitter_update_list li a { padding:0; color:#8b3f8e; display:inline-block; border:none; line-height:16px; } .img-left { float:left; margin:0 15px 15px 0; } .img-right { float:right; margin:0 0 15px 15px; } .accreditation img { width:auto; height:44px; } .social-links { float:right; } a .work, .work { height:215px; width:130px; margin:0 0 8px 0; padding:4px; } .offices { padding:0; background:url("/packages/jellyfish_website/themes/jellyfish/images/jellyfish-uk.gif") no-repeat -44px 0; } .three-offices .thumbs img { height:auto; width:120px; } .video img { width:140px; height:auto; } .column.grid_3_5.related-links { width:145px; } .column.grid_3_5.related-case-study { width:295px; } .related-case-study h3 { margin:0 0 10px; } .jelly-hq { margin:0 4px 8px 0; float:left; width:224px; height:380px; overflow:hidden; display:block; background:none; } .jelly-uk { margin:0 0 8px 4px; float:left; width:224px; display:block; height:380px; } .jelly-us { margin:0 4px 8px 0; float:left; width:224px; display:block; height:380px; } .jelly-sa { margin:0 0 8px 4px; float:left; width:224px; display:block; height:380px; } .footer-out { bottom: 0; display: none; overflow: hidden; position: fixed; width: 100%; z-index: 300; } .footer-in { width: 456px; font-size: 14px; font-weight: bold; margin: 0 auto; overflow: hidden; padding: 0; } .footer-blue { background-color: #02bdf1; color: #FFFFFF; float: left; height: 50px; width: 228px; } .footer-purple { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-right-white2.gif") no-repeat scroll right center #5865a9; width: 228px; float: left; height: 50px; } .footer-in a:link, .footer-in a:visited, .footer-in a:active, .footer-in a:hover { color: #FFFFFF; display: block; text-decoration: none; font-size: 27px; margin: 11px 12px 12px 20px; } /* Region select */ .region-select { display: none; } } /********************************************************************* NEW TRAINING PAGES CSS *********************************************************************/ html { -webkit-font-smoothing: antialiased; } /***** TABS *****/ .tabscontainer { width:100%; overflow:auto; padding-bottom: 10px; } ul.courseinfotabs { float:left; display:inline; margin:0; padding:0; width:100%; } ul.courseinfotabs li { float:left; display:inline; margin:0; padding:0; width:100%; } ul.courseinfotabs li h3 { float:left; display:inline; margin:0 5px 0 0; padding:0 0 0 20px; width:100%; font-family:FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-size:20px; background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-right-white.gif") right center no-repeat #CCC; height:40px; line-height:43px; color:#676767; -webkit-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; } ul.courseinfotabs li h3:hover { cursor:pointer; background:url("/packages/jellyfish_website/themes/jellyfish/images/btn-down-tabs.gif") right 18px no-repeat #e0e1e2;color:#676767;} ul.courseinfotabs li.current h3 { font-size:22px; cursor:pointer; background:url("/packages/jellyfish_website/themes/jellyfish/images/btn-down-tabs.gif") right 18px no-repeat #5865a9;color:#fff; line-height:48px; } .AnalyticsInsights ul.courseinfotabs li.current h3 { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-down.gif") no-repeat scroll right 18px #02a9dd; } .AnalyticsInsightsOverseas ul.courseinfotabs li.current h3 { background-color: #02a9dd; } .GoogleTagManager ul.courseinfotabs li.current h3 { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-down.gif") no-repeat scroll right 18px #e64d47; } ul.courseinfotabs li.current h3:hover { color:#fff; } ul.courseinfotabs li div { margin:0; padding:20px; float:left; display:inline; width:100%; border-top:10px solid #5865a9; background:#fafafa; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } ul.courseinfotabs li div { border-top: 10px solid #02a9dd; } ul.courseinfotabs li div h4 { font-family:FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-size:27px; color:#5865a9; margin:0px 0 20px; padding-top: 10px} .AnalyticsInsights ul.courseinfotabs li div h4 { color: #02a9dd; } .AnalyticsInsightsOverseas ul.courseinfotabs li div h4 { color: #02a9dd; } .GoogleTagManager ul.courseinfotabs li div h4 { color: #e64d47; } .downloadlink.pdfDownload { margin-bottom:10px; } ul.courseinfotabs li div a.downloadlink, .downloadlink.pdfDownload { float:left; clear:both; display:inline; margin:25px 0 0; padding:0 0 0 64px; background: url("/packages/jellyfish_website/themes/jellyfish/images/pdf-icon.png") 0 0 no-repeat; line-height:46px; font-family:FS Pimlico Web Bold, Helvetica, Arial, sans-serif; font-size:16px; font-weight:normal; color:#4f4f4f; text-decoration:none; } ul.courseinfotabs li div a.downloadlink span { border-bottom:1px solid #4f4f4f; } ul.courseinfotabs li ul { float:left; display:inline; margin:0;padding:0;border-top:1px solid #dcdcdc;} .downloadlink.pdfDownload { margin-bottom:10px; } .training .main-body ul.courseinfotabs li ul li { margin:0; padding:0 5% 0 4%; float:left !important; display:inline; width:41%; border-bottom:1px solid #dcdcdc; line-height:30px; background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-right-analytics.gif") 0 11px no-repeat; font-size:13px; } .AnalyticsInsights .main-body ul.courseinfotabs li ul li { background: url(/packages/jellyfish_website/themes/jellyfish/images/btn-right-training.gif) 0 11px no-repeat; } .AnalyticsInsightsOverseas .main-body ul.courseinfotabs li ul li { background: url(/packages/jellyfish_website/themes/jellyfish/images/btn-right-training.gif) 0 11px no-repeat; } .GoogleAnalytics .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-GoogleAnalytics.gif") 4px 9px no-repeat; background-size:7px 11px; } .GoogleAnalyticsOverseas .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-GoogleAnalytics.gif") 4px 9px no-repeat; background-size:7px 11px; } .ConversionOptimization .main-body ul.courseinfotabs li ul li, .ConversionOptimisation .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-OptimisationTraining.gif") 4px 9px no-repeat; background-size:7px 11px; } .ConversionOptimizationOverseas .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-OptimisationTraining.gif") 4px 9px no-repeat; background-size:7px 11px; } .GoogleAdwords .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-GoogleAdwordsTraining.gif") 4px 9px no-repeat; background-size:7px 11px; } .GoogleAdwordsOverseas .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-GoogleAdwordsTraining.gif") 4px 9px no-repeat; background-size:7px 11px; } .SEO .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-SEOTrainingCourses.gif") 4px 9px no-repeat; background-size:7px 11px; } .SEOOverseas .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-SEOTrainingCourses.gif") 4px 9px no-repeat; background-size:7px 11px; } .SocialMedia .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-SocialMediaTraining.gif") 4px 9px no-repeat; background-size:7px 11px; } .SocialMediaOverseas .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-SocialMediaTraining.gif") 4px 9px no-repeat; background-size:7px 11px; } .TailoredCourses .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-default.gif") 4px 9px no-repeat; background-size:7px 11px; } .GoogleTagManager .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-right-gtm.gif") 0 11px no-repeat; width: 100%; box-sizing: border-box; } .TailoredCourses ul.courseinfotabs li div h4 { color: #00AEF0; } .TailoredCourses ul.courseinfotabs li div { border-top: 10px solid #00AEF0; } .training-google-analyticscolor { color:#4756A0; } .training-conversion-optimizationcolor, .training-conversion-optimisationcolor { color:#29325A; } .training-google-adwordscolor { color:#398938; } .training-seocolor { color:#EFA13D; } .training-social-mediacolor { color:#DF762E; } .training-tailoredcolor { color:#02A9DD; } /*js styles*/ .tabscontainer.initialised ul { position:relative; } .tabscontainer.initialised ul li { float:none; } .tabscontainer.initialised ul li h3 { position:absolute; top:0; left:0; width:140px; } .tabscontainer.initialised ul li h3.first { left:0; } .tabscontainer.initialised ul li h3.second { left:165px; } .tabscontainer.initialised ul li h3.third { left:330px; } /* GTM */ .GoogleTagManager .tabscontainer.initialised ul li h3.third { left: 165px; } .GoogleTagManager .tabscontainer.initialised ul { margin-bottom: 30px; } .GoogleTagManager h5 { color: #666; font: 13px "Helvetica", Arial, sans-serif; font-weight: bold; } .tabscontainer.initialised ul li DIV { margin-top:40px; } /* Change tab style on Tailored Training page */ .TailoredTraining UL.courseinfotabs LI DIV { margin:0 !important;border:none;background:none;padding:0 0 0 5px; } .TailoredTraining UL.courseinfotabs LI DIV H4 { margin-top:0;color:#00AFEC; } .TailoredTraining .main-body UL.courseinfotabs LI UL LI { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-right-training.gif") 0 11px no-repeat; } .courseprice { color: #6f7170; float:right; font-family: FS Pimlico Web Bold,Helvetica,Arial,sans-serif; font-size: 16px; font-weight: normal; line-height: 20px; margin: 18px 0 0; padding: 0; text-decoration: none; width: 290px; } .courseprice .price { font-size: 30px; } .courseprice .ppp { padding-left: 3px; } .courseprice .vat { padding-left: 3px; font-size: 12px; } /***** EVENTBRITE BOOKINGS *****/ .eventbritebookings { margin-bottom:0px; background: none repeat scroll 0 0 #FFF; overflow: hidden; width: 100%; } .eventbritebookings h3 { margin:0 0 10px; padding:10px 0; font-family:FS Pimlico Web Bold, Helvetica, Arial, sans-serif; font-size:27px; color:#838383; line-height:1; text-transform:capitalize; } .training .main-body ul.calendarpages { margin:0 -10px -20px; display:inline-block; background:url("/packages/jellyfish_website/themes/jellyfish/images/date-blank.jpg") repeat 10px 0 transparent; width:105%; } .training .main-body ul.calendarpages li { margin:0 10px 35px; padding:0; float:left; display:inline; width:87px; height:176px; background:none; background-color:#FFF; position:relative; top:0; left:0; } .training .main-body ul.calendarpages li .date-top { position:absolute; top:0; left:0; height:25px; width:100%; background:url("/packages/jellyfish_website/themes/jellyfish/images/date-top.png") no-repeat scroll center 0 transparent; } .training .main-body ul.calendarpages li .monthwrapper { position:absolute; top:10px; left:0; margin:0; width:100%; padding:0; background-color:#666; height:38px; } .training .main-body ul.calendarpages li .monthwrapper p { position:absolute; top:0; left:0; margin:0; width:100%; padding:0; font-family:FS Pimlico Web Bold, Helvetica, Arial, sans-serif; font-size:20px; color:#fff; line-height:39px; text-align:center; } .GoogleAnalytics .main-body ul.calendarpages li .monthwrapper { background-color:#4756A0; } .ConversionOptimization .main-body ul.calendarpages li .monthwrapper, .ConversionOptimisation .main-body ul.calendarpages li .monthwrapper{ background-color:#29325A; } .GoogleAdwords .main-body ul.calendarpages li .monthwrapper { background-color:#398938; } .SEO .main-body ul.calendarpages li .monthwrapper { background-color:#EFA13D; } .SocialMedia .main-body ul.calendarpages li .monthwrapper { background-color:#DF762E; } .TailoredCourses .main-body ul.calendarpages li .monthwrapper { background-color:#02A9DD; } .GoogleAnalyticsOverseas .main-body ul.calendarpages li .monthwrapper { background-color:#4756A0; } .ConversionOptimizationOverseas .main-body ul.calendarpages li .monthwrapper{ background-color:#29325A; } .GoogleAdwordsOverseas .main-body ul.calendarpages li .monthwrapper { background-color:#398938; } .SEOOverseas .main-body ul.calendarpages li .monthwrapper { background-color:#EFA13D; } .SocialMediaOverseas .main-body ul.calendarpages li .monthwrapper { background-color:#DF762E; } .TailoredCoursesOverseas .main-body ul.calendarpages li .monthwrapper { background-color:#02A9DD; } UL.calendarpages LI DIV.daywrapper { position:absolute; top:50px; left:0; float:left;display:inline;margin:0;padding:0;width:87px;background:url("/packages/jellyfish_website/themes/jellyfish/images/day-bg2.gif") bottom right no-repeat #fff;text-align:center;} UL.calendarpages LI A.bookbut { position:absolute; top:125px; left:0; float:left; display:inline; margin:15px 0 0; padding:0; width:87px; background:#444; text-align:center; color:#fff; font-family:FS Pimlico Web Bold, Helvetica, Arial, sans-serif; font-size:15px; line-height:30px; text-decoration:none; border:none; -webkit-border-radius:3px; border-radius:3px; } UL.calendarpages LI DIV.daywrapper P.day { font-family:FS Pimlico Web Bold, Helvetica, Arial, sans-serif; font-size:50px; color:#838383; padding:15px 0 10px; line-height:20px; } UL.calendarpages LI DIV.daywrapper P.places { font-size:12px; color:#666; line-height:12px; margin:10px 0 0; } .eventbritebookings div.eventbritebookings-toggle { margin:9px 0 20px; float:right; } .eventbritebookings div.eventbritebookings-toggle a { font-size:13px; color:#888; padding:0 0 2px 0; margin:0 5px 0 0; border-bottom:1px solid #888; } .eventbritebookings div.eventbritebookings-toggle a:hover { color:#00AFEC; border-color:#00AFEC; } .eventbritebookings div.eventbritebookings-toggle a.current { padding:7px 10px 5px; background:#00afec; text-align:center; color:#fff; font-family:FS Pimlico Web Bold, Helvetica, Arial, sans-serif; font-size:15px; line-height:34px; text-decoration:none; border:none; -webkit-box-shadow: inset -1px -1px 5px 1px #009cd3; box-shadow: inset -1px -1px 5px 1px #009cd3; -webkit-border-radius: 5px; border-radius: 5px;} /***** TRAINING HEADER *****/ DIV.training-header{margin-bottom:40px;} DIV.training-header DIV.item{padding-bottom:2px;background:url("/packages/jellyfish_website/themes/jellyfish/images/colourband1.jpg") bottom right no-repeat #fff;} DIV.training-header DIV#spotlight{width:944px;height:328px;} div.training-header div#spotlight div.item img, div.training-header div#spotlight img { width: 100%; height: auto; } DIV.training-header DIV#spotlight-wrapper{position:relative;} DIV.training-header DIV.spotlight-nav{position:absolute;bottom:11px;right:0;z-index:9;} DIV.training-header DIV.spotlight-nav a{ width:15px; height:15px; background:#ccc; border:1px solid #58585a; text-indent:-9999px; float:left; display:inline; margin-right:8px;} DIV.training-header DIV.spotlight-nav a.activeSlide { background:#fff;} /* optimization */ .ConversionOptimization ul.courseinfotabs li div, .ConversionOptimisation ul.courseinfotabs li div { border-top:10px solid #29325A; } .ConversionOptimization ul.courseinfotabs li.current h3, .ConversionOptimisation ul.courseinfotabs li.current h3 { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-down.gif") no-repeat scroll right 18px #29325A; } /*.ConversionOptimisation UL.calendarpages LI A.bookbut { box-shadow: -1px -1px 5px 1px #29325A inset; background: none repeat scroll 0 0 #29325A; }*/ .ConversionOptimization .training .main-body ul.calendarpages li div.monthwrapper p, .ConversionOptimisation .training .main-body ul.calendarpages li div.monthwrapper p { background: url("/packages/jellyfish_website/themes/jellyfish/images/month-bg-r.gif") no-repeat scroll right top #FFFFFF; } .ConversionOptimization ul.courseinfotabs li div h4, .ConversionOptimisation ul.courseinfotabs li div h4 { color: #29325A; } .ConversionOptimization .training .main-body ul.courseinfotabs li ul li, .ConversionOptimisation .training .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-right-analytics.gif") no-repeat scroll 0 11px transparent; } /* optimization */ .ConversionOptimizationOverseas ul.courseinfotabs li div { border-top:10px solid #29325A; } .ConversionOptimizationOverseas ul.courseinfotabs li.current h3 { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-down.gif") no-repeat scroll right 18px #29325A; } /*.ConversionOptimizationOverseas UL.calendarpages LI A.bookbut { box-shadow: -1px -1px 5px 1px #29325A inset; background: none repeat scroll 0 0 #29325A; }*/ .ConversionOptimizationOverseas .training .main-body ul.calendarpages li div.monthwrapper p { background: url("/packages/jellyfish_website/themes/jellyfish/images/month-bg-r.gif") no-repeat scroll right top #FFFFFF; } .ConversionOptimizationOverseas ul.courseinfotabs li div h4 { color: #29325A; } .ConversionOptimizationOverseas .training .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-right-analytics.gif") no-repeat scroll 0 11px transparent; } /* adwords */ .GoogleAdwords ul.courseinfotabs li div { border-top:10px solid #398938; } .GoogleAdwords ul.courseinfotabs li.current h3 { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-down.gif") no-repeat scroll right 18px #398938; } /*.GoogleAdwords UL.calendarpages LI A.bookbut { box-shadow: -1px -1px 5px 1px #398938 inset; background: none repeat scroll 0 0 #398938; }*/ .GoogleAdwords .training .main-body ul.calendarpages li div.monthwrapper p { background: url("/packages/jellyfish_website/themes/jellyfish/images/month-bg-r.gif") no-repeat scroll right top #FFFFFF; } .GoogleAdwords ul.courseinfotabs li div h4 { color: #398938; } .GoogleAdwords .training .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-right-analytics.gif") no-repeat scroll 0 11px transparent; } /* adwords overseas */ .GoogleAdwordsOverseas ul.courseinfotabs li div { border-top:10px solid #398938; } .GoogleAdwordsOverseas ul.courseinfotabs li.current h3 { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-down.gif") no-repeat scroll right 18px #398938; } /*.GoogleAdwordsOverseas UL.calendarpages LI A.bookbut { box-shadow: -1px -1px 5px 1px #398938 inset; background: none repeat scroll 0 0 #398938; }*/ .GoogleAdwordsOverseas .training .main-body ul.calendarpages li div.monthwrapper p { background: url("/packages/jellyfish_website/themes/jellyfish/images/month-bg-r.gif") no-repeat scroll right top #FFFFFF; } .GoogleAdwordsOverseas ul.courseinfotabs li div h4 { color: #398938; } .GoogleAdwordsOverseas .training .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-right-analytics.gif") no-repeat scroll 0 11px transparent; } /* COURSES BANNER */ .courses-banner .cone { position: absolute; right: 20px; bottom: 20px; } .courses-banner { padding:20px; position:relative; } .SEO .courses-banner {background: #EFA13D;} .SEOOverseas .courses-banner {background: #EFA13D;} .SocialMedia .courses-banner {background: #DF762E;} .SocialMediaOverseas .courses-banner {background: #DF762E;} .TailoredCourses .courses-banner {background: #00AEF0;} .GoogleAdwords .courses-banner {background: #398938;} .GoogleAdwordsOverseas .courses-banner {background: #398938;} .ConversionOptimization .courses-banner, .ConversionOptimisation .courses-banner {background: #29325A;} .ConversionOptimizationOverseas .courses-banner {background: #29325A;} .GoogleAnalytics .courses-banner {background: #4756A0;} .GoogleAnalyticsOverseas .courses-banner {background: #4756A0;} .courses-banner p { font-size:24px; line-height:28px; } .courses-banner .tel_nr { font-size: 24px; } /* SEO */ .SEO ul.courseinfotabs li div { border-top:10px solid #EFA13D; } .SEO ul.courseinfotabs li.current h3 { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-down.gif") no-repeat scroll right 18px #EFA13D; } /*.SEO UL.calendarpages LI A.bookbut { box-shadow: -1px -1px 5px 1px #EFA13D inset; background: none repeat scroll 0 0 #EFA13D; }*/ .SEO .training .main-body ul.calendarpages li div.monthwrapper p { background: url("/packages/jellyfish_website/themes/jellyfish/images/month-bg-r.gif") no-repeat scroll right top #FFFFFF; } .SEO ul.courseinfotabs li div h4 { color: #EFA13D; } .SEO .training .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-right-analytics.gif") no-repeat scroll 0 11px transparent; } /* SEOOverseas */ .SEOOverseas ul.courseinfotabs li div { border-top:10px solid #EFA13D; } .SEOOverseas ul.courseinfotabs li.current h3 { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-down.gif") no-repeat scroll right 18px #EFA13D; } /*.SEOOverseas UL.calendarpages LI A.bookbut { box-shadow: -1px -1px 5px 1px #EFA13D inset; background: none repeat scroll 0 0 #EFA13D; }*/ .SEOOverseas .training .main-body ul.calendarpages li div.monthwrapper p { background: url("/packages/jellyfish_website/themes/jellyfish/images/month-bg-r.gif") no-repeat scroll right top #FFFFFF; } .SEOOverseas ul.courseinfotabs li div h4 { color: #EFA13D; } .SEOOverseas .training .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-right-analytics.gif") no-repeat scroll 0 11px transparent; } /* social media */ .SocialMedia ul.courseinfotabs li div { border-top:10px solid #DF762E; } .SocialMedia ul.courseinfotabs li.current h3 { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-down.gif") no-repeat scroll right 18px #DF762E; } /*.SocialMedia UL.calendarpages LI A.bookbut { box-shadow: -1px -1px 5px 1px #DF762E inset; background: none repeat scroll 0 0 #DF762E; }*/ .SocialMedia .training .main-body ul.calendarpages li div.monthwrapper p { background: url("/packages/jellyfish_website/themes/jellyfish/images/month-bg-r.gif") no-repeat scroll right top #FFFFFF; } .SocialMedia ul.courseinfotabs li div h4 { color: #DF762E; } .SocialMedia .training .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-right-analytics.gif") no-repeat scroll 0 11px transparent; } /* social media Overseas*/ .SocialMediaOverseas ul.courseinfotabs li div { border-top:10px solid #DF762E; } .SocialMediaOverseas ul.courseinfotabs li.current h3 { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-down.gif") no-repeat scroll right 18px #DF762E; } /*.SocialMediaOverseas UL.calendarpages LI A.bookbut { box-shadow: -1px -1px 5px 1px #DF762E inset; background: none repeat scroll 0 0 #DF762E; }*/ .SocialMediaOverseas .training .main-body ul.calendarpages li div.monthwrapper p { background: url("/packages/jellyfish_website/themes/jellyfish/images/month-bg-r.gif") no-repeat scroll right top #FFFFFF; } .SocialMediaOverseas ul.courseinfotabs li div h4 { color: #DF762E; } .SocialMediaOverseas .training .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-right-analytics.gif") no-repeat scroll 0 11px transparent; } /* GoogleAnalytics */ .GoogleAnalytics ul.courseinfotabs li div { border-top:10px solid #4756A0; } .GoogleAnalytics ul.courseinfotabs li.current h3 { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-down.gif") no-repeat scroll right 18px #4756A0; } /*.GoogleAnalytics UL.calendarpages LI A.bookbut { box-shadow: -1px -1px 5px 1px #4756A0 inset; background: none repeat scroll 0 0 #4756A0; }*/ .GoogleAnalytics .training .main-body ul.calendarpages li div.monthwrapper p { background: url("/packages/jellyfish_website/themes/jellyfish/images/month-bg-r.gif") no-repeat scroll right top #FFFFFF; } .GoogleAnalytics ul.courseinfotabs li div h4 { color: #4756A0; } .GoogleAnalytics .training .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-right-analytics.gif") no-repeat scroll 0 11px transparent; } /* GoogleAnalyticsOverseas */ .GoogleAnalyticsOverseas ul.courseinfotabs li div { border-top:10px solid #4756A0; } .GoogleAnalyticsOverseas ul.courseinfotabs li.current h3 { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-down.gif") no-repeat scroll right 18px #4756A0; } /*.GoogleAnalyticsOverseas UL.calendarpages LI A.bookbut { box-shadow: -1px -1px 5px 1px #4756A0 inset; background: none repeat scroll 0 0 #4756A0; }*/ .GoogleAnalyticsOverseas .training .main-body ul.calendarpages li div.monthwrapper p { background: url("/packages/jellyfish_website/themes/jellyfish/images/month-bg-r.gif") no-repeat scroll right top #FFFFFF; } .GoogleAnalyticsOverseas ul.courseinfotabs li div h4 { color: #4756A0; } .GoogleAnalyticsOverseas .training .main-body ul.courseinfotabs li ul li { background: url("/packages/jellyfish_website/themes/jellyfish/images/btn-right-analytics.gif") no-repeat scroll 0 11px transparent; } /* GTM */ .GoogleTagManager ul.courseinfotabs li div { border-top: 10px solid #e64d47; } /***** H1 *****/ .GoogleAnalytics h1 { color:#4756a0; padding:0 0 60px 90px; background:url("/packages/jellyfish_website/themes/jellyfish/images/google-analytics-h1.png") 0 0 no-repeat; font-size:34px; } .GoogleAnalytics h1 + p { margin-top:-72px; font-family:FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-size:26px; color:#666; padding-left:90px; } .GoogleAnalyticsOverseas h1 { color:#4756a0; padding:0 0 60px 90px; background:url("/packages/jellyfish_website/themes/jellyfish/images/google-analytics-h1.png") 0 0 no-repeat; font-size:34px; } .GoogleAnalyticsOverseas h1 + p { margin-top:-72px; font-family:FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-size:26px; color:#666; padding-left:90px; } .ConversionOptimization h1, .ConversionOptimisation h1 { color:#29325a; padding:0 0 60px 90px; background:url("/packages/jellyfish_website/themes/jellyfish/images/conversion-optimisation-h1.png") 0 0 no-repeat; font-size:34px; } .ConversionOptimization h1 + p, .ConversionOptimisation h1 + p { margin-top:-72px; font-family:FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-size:26px; color:#666; padding-left:90px; } .ConversionOptimizationOverseas h1 { color:#29325a; padding:0 0 60px 90px; background:url("/packages/jellyfish_website/themes/jellyfish/images/conversion-optimisation-h1.png") 0 0 no-repeat; font-size:34px; } .ConversionOptimizationOverseas h1 + p { margin-top:-72px; font-family:FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-size:26px; color:#666; padding-left:90px; } .GoogleAdwords h1 { color:#398938; padding:0 0 60px 90px; background:url("/packages/jellyfish_website/themes/jellyfish/images/adwords-h1.png") 0 0 no-repeat; font-size:34px; } .GoogleAdwords h1 + p { margin-top:-72px; font-family:FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-size:26px; color:#666; padding-left:90px; } .GoogleAdwordsOverseas h1 { color:#398938; padding:0 0 60px 90px; background:url("/packages/jellyfish_website/themes/jellyfish/images/adwords-h1.png") 0 0 no-repeat; font-size:34px; } .GoogleAdwordsOverseas h1 + p { margin-top:-72px; font-family:FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-size:26px; color:#666; padding-left:90px; } .SEO h1 { color:#efa13d; padding:0 0 60px 90px; background:url("/packages/jellyfish_website/themes/jellyfish/images/seo-h1.png") 0 0 no-repeat; font-size:34px; } .SEO h1 + p { margin-top:-72px; font-family:FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-size:26px; color:#666; padding-left:90px; } .SEOOverseas h1 { color:#efa13d; padding:0 0 60px 90px; background:url("/packages/jellyfish_website/themes/jellyfish/images/seo-h1.png") 0 0 no-repeat; font-size:34px; } .SEOOverseas h1 + p { margin-top:-72px; font-family:FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-size:26px; color:#666; padding-left:90px; } .SocialMedia h1 { color:#df762e; padding:0 0 60px 90px; background:url("/packages/jellyfish_website/themes/jellyfish/images/social-media-h1.png") 0 0 no-repeat; font-size:34px; } .SocialMedia h1 + p { margin-top:-72px; font-family:FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-size:26px; color:#666; padding-left:90px; } .SocialMediaOverseas h1 { color:#df762e; padding:0 0 60px 90px; background:url("/packages/jellyfish_website/themes/jellyfish/images/social-media-h1.png") 0 0 no-repeat; font-size:34px; } .SocialMediaOverseas h1 + p { margin-top:-72px; font-family:FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-size:26px; color:#666; padding-left:90px; } .TailoredCourses h1 { color:#02a9dd; padding:0 0 60px 90px; background:url("/packages/jellyfish_website/themes/jellyfish/images/tailored-h1.png") 0 0 no-repeat; font-size:34px; } .TailoredCourses h1 + p { margin-top:-72px; font-family:FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-size:26px; color:#666; padding-left:90px; } .AnalyticsInsights h1 { color:#02a9dd; padding:0 0 60px 90px; background:url("/packages/jellyfish_website/themes/jellyfish/images/digital-insights-h1.png") 0 0 no-repeat; font-size:34px; } .AnalyticsInsights h1 + p { margin-top:-72px; font-family:FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-size:26px; color:#666; padding-left:90px; } .AnalyticsInsightsOverseas h1 { color:#02a9dd; padding:0 0 60px 90px; background:url("/packages/jellyfish_website/themes/jellyfish/images/digital-insights-h1.png") 0 0 no-repeat; font-size:34px; } .AnalyticsInsightsOverseas h1 + p { margin-top:-72px; font-family:FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-size:26px; color:#666; padding-left:90px; } .GoogleTagManager h1 { color: #e64d47; padding: 0 0 60px 90px; background: url("/packages/jellyfish_website/themes/jellyfish/images/digital-gtm-h1.png") 0 0 no-repeat; font-size: 34px; } .GoogleTagManager h1 + p { margin-top: -72px; font-family: FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-size: 26px; color: #666; padding-left: 90px; } /***** LEFT NAV *****/ .training-side-nav h2 { font-family:FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-size:30px; color:#838383; font-weight:normal; } .training-side-nav ul { border-top:1px solid #E5E5E5; margin-bottom:20px !important; } .training-side-nav ul li { margin:0; padding:0; background:#555; border-bottom:1px solid #E5E5E5; background:#fff; } .training-side-nav ul li a { font-family:FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-size:17px; font-weight:normal; color:#666; border:none; line-height:1; padding:22px 15px 22px 55px; } .training-side-nav ul li a:hover { color:#4756A0; } .training-side-nav ul li.GoogleAnalytics { background:url("/packages/jellyfish_website/themes/jellyfish/images/icon-google-analytics.png") 0 9px no-repeat; } .training-side-nav ul li.GoogleAnalytics a:hover, .training-side-nav ul li.GoogleAnalytics a.nav-selected { color:#4756A0; background:url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-GoogleAnalyticsTraining.gif") right 22px no-repeat; } .training-side-nav ul li.GoogleAnalyticsOverseas { background:url("/packages/jellyfish_website/themes/jellyfish/images/icon-google-analytics.png") 0 9px no-repeat; } .training-side-nav ul li.GoogleAnalyticsOverseas a:hover, .training-side-nav ul li.GoogleAnalyticsOverseas a.nav-selected { color:#4756A0; background:url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-GoogleAnalyticsTraining.gif") right 22px no-repeat; } .training-side-nav ul li.ConversionOptimization, .training-side-nav ul li.ConversionOptimisation { background:url("/packages/jellyfish_website/themes/jellyfish/images/icon-conversion-optimisation.png") 0 9px no-repeat; } .training-side-nav ul li.ConversionOptimization a:hover, .training-side-nav ul li.ConversionOptimization a.nav-selected, .training-side-nav ul li.ConversionOptimisation a:hover, .training-side-nav ul li.ConversionOptimisation a.nav-selected { color:#29325a; background:url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-OptimisationTraining.gif") right 22px no-repeat; } .training-side-nav ul li.ConversionOptimizationOverseas { background:url("/packages/jellyfish_website/themes/jellyfish/images/icon-conversion-optimisation.png") 0 9px no-repeat; } .training-side-nav ul li.ConversionOptimizationOverseas a:hover, .training-side-nav ul li.ConversionOptimizationOverseas a.nav-selected { color:#29325a; background:url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-OptimisationTraining.gif") right 22px no-repeat; } .training-side-nav ul li.GoogleAdwords { background:url("/packages/jellyfish_website/themes/jellyfish/images/icon-adwords.png") 0 9px no-repeat; } .training-side-nav ul li.GoogleAdwords a:hover, .training-side-nav ul li.GoogleAdwords a.nav-selected { color:#398938; background:url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-GoogleAdwordsTraining.gif") right 22px no-repeat; } .training-side-nav ul li.GoogleAdwordsOverseas { background:url("/packages/jellyfish_website/themes/jellyfish/images/icon-adwords.png") 0 9px no-repeat; } .training-side-nav ul li.GoogleAdwordsOverseas a:hover, .training-side-nav ul li.GoogleAdwordsOverseas a.nav-selected { color:#398938; background:url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-GoogleAdwordsTraining.gif") right 22px no-repeat; } .training-side-nav ul li.SEO { background:url("/packages/jellyfish_website/themes/jellyfish/images/icon-seo.png") 0 9px no-repeat; } .training-side-nav ul li.SEO a:hover, .training-side-nav ul li.SEO a.nav-selected { color:#efa13d; background:url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-SEOTrainingCourses.gif") right 22px no-repeat; } .training-side-nav ul li.SEOOverseas { background:url("/packages/jellyfish_website/themes/jellyfish/images/icon-seoOverseas.png") 0 9px no-repeat; } .training-side-nav ul li.SEOOverseas a:hover, .training-side-nav ul li.SEOOverseas a.nav-selected { color:#efa13d; background:url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-SEOTrainingCourses.gif") right 22px no-repeat; } .training-side-nav ul li.SocialMedia { background:url("/packages/jellyfish_website/themes/jellyfish/images/icon-socialmedia.png") 0 9px no-repeat; } .training-side-nav ul li.SocialMedia a:hover, .training-side-nav ul li.SocialMedia a.nav-selected { color:#df762e; background:url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-SocialMediaTraining.gif") right 22px no-repeat; } .training-side-nav ul li.SocialMediaOverseas { background:url("/packages/jellyfish_website/themes/jellyfish/images/icon-socialmedia.png") 0 9px no-repeat; } .training-side-nav ul li.SocialMediaOverseas a:hover, .training-side-nav ul li.SocialMediaOverseas a.nav-selected { color:#df762e; background:url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-SocialMediaTraining.gif") right 22px no-repeat; } .training-side-nav ul li.TailoredCourses { background:url("/packages/jellyfish_website/themes/jellyfish/images/icon-tailored.png") 0 9px no-repeat; } .training-side-nav ul li.TailoredCourses a:hover, .training-side-nav ul li.TailoredCourses a.nav-selected { color:#02a9dd; background:url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-default.gif") right 22px no-repeat; } .training-side-nav ul li.AnalyticsInsights { background:url("/packages/jellyfish_website/themes/jellyfish/images/icon-insights.png") 0 9px no-repeat; position:relative;} .training-side-nav ul li.AnalyticsInsights a:hover, .training-side-nav ul li.AnalyticsInsights a.nav-selected { color:#02a9dd; background:url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-default.gif") right 22px no-repeat; } .training-side-nav ul li.GoogleTagManager { background:url("/packages/jellyfish_website/themes/jellyfish/images/icon-gtm.png") 0 9px no-repeat; position: relative; } .training-side-nav ul li.GoogleTagManager a:hover, .training-side-nav ul li.GoogleTagManager a.nav-selected { color:#e64d47; background: url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-gtm.gif") right 22px no-repeat; } /* .training-side-nav ul li.AnalyticsInsights:before { background:url("/packages/jellyfish_website/themes/jellyfish/images/training_new.png") 0 0px no-repeat; width: 38px; height: 38px; position: absolute; content: ""; top: 11px; z-index: -1; right: 38px; } */ .training-side-nav ul li.AnalyticsInsightsOverseas { background:url("/packages/jellyfish_website/themes/jellyfish/images/icon-insights.png") 0 9px no-repeat; position:relative;} .training-side-nav ul li.AnalyticsInsightsOverseas a:hover, .training-side-nav ul li.AnalyticsInsightsOverseas a.nav-selected { color:#02a9dd; background:url("/packages/jellyfish_website/themes/jellyfish/images/training-side-nav-arrow-default.gif") right 22px no-repeat; } .training-side-nav ul li.AnalyticsInsightsOverseas:before { background:url("/packages/jellyfish_website/themes/jellyfish/images/training_new.png") 0 0px no-repeat; width: 38px; height: 38px; position: absolute; content: ""; top: 11px; z-index: -1; right: 38px; } /***** Customer feedback *****/ .customer-feedback { margin:20px 0 30px; } .customer-feedback h3 { margin:0 0 10px; color:#00afec; text-transform:none; } .customer-feedback a { border:none; } .customer-feedback span { color: #666666; font-family:FS Pimlico Web Bold,Helvetica,Arial,sans-serif; font-size:35px; line-height:35px; vertical-align:top; } /***** Training form *****/ .trainingcontactform { background:#5763ab; padding: 16px; padding-bottom: 61px; margin-top: 10px; } .trainingcontactform h3 { margin:0 0 1px; font-size:30px; color:#ffffff; text-transform:none; padding: 0px;} .trainingcontactform p { font-size:12px; color:#ffffff; line-height:16px; } .trainingcontactform .checkboxes { font-size:12px; color:#ffffff; line-height:16px; } .trainingcontactform .wrapper-block input[type="text"] { font-family:Arial,Helvetica,sans-serif; background-color:#ffffff; font-size:16px; line-height:1; color:#666 !important; border:none; color:#FFF; width:100%; margin:0 0 4px; padding:10px; -webkit-box-shadow: inset 1px 1px 1px 1px #adadad; box-shadow: inset 1px 1px 1px 1px #adadad; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .trainingcontactform .wrapper-block input.error { background:#e87685; } .trainingcontactform .wrapper-block label.hidden { display:none; } .trainingcontactform .wrapper-block input.btn-form-red { margin:5px 0 10px; padding:10px; font-size:25px; border:solid 1px #00aeef; background:#00aeef url("/packages/jellyfish_website/themes/jellyfish/images/btn-right-white2.gif") no-repeat right; color:#FFF; width:100%; cursor:pointer; text-decoration:none; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; float:right; font-family:FS Pimlico Web Bold, Arial; text-align:left;padding:5px 10px;border-width:0 1px 1px 0;-webkit-box-shadow: inset -1px -1px 1px 1px #00aeef;box-shadow: inset -1px -1px 1px 1px #00aeef; } .training-page-contact-form .checkboxes { margin:16px 0 0 0; } .training-page-contact-form .checkboxes ul { margin-bottom:0; } .training-page-contact-form .checkboxes li { background:none; } .training-page-contact-form .checkboxes label, .training-page-contact-form .checkboxes input { display:inline;width:auto; font-family: FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-size: 14px;} .training-page-contact-form .checkboxes p { font-size:13px; font-family:Arial,Helvetica,sans-serif !important; } .trainingcontactform span a {color:#ffffff; margin-bottom: 8px; display: block; font-family: FS Pimlico Web Regular,Helvetica,Arial,sans-serif; font-size: 39px; line-height: 39px;} .trainingcontactform .invalid-wrapper { border: none !important; } .trainingcontactform .valid-wrapper { border: none !important; } .trainingcontactform .wrapper-block input.error { background: #e87685; color:#ffffff;} .trainingcontactform .wrapper-block input.error::-webkit-input-placeholder { /* WebKit browsers */ color: #ffffff; } .trainingcontactform .wrapper-block input.error:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ffffff; } .trainingcontactform .wrapper-block input.error::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ffffff;} .trainingcontactform .wrapper-block input.error:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ffffff;} .extralinks {margin-top:-19px;} .extralinks li {margin: 0; font-size: 13px; background: url(/packages/jellyfish_website/themes/jellyfish/images/training_blue_side_arrow.gif) no-repeat right 12px transparent; } .training-page-form-result { display:none; } .training-page-form-result h3 { font-size:32px; color:#00afec; line-height:1; margin-bottom:0; text-transform:none; } .training-page-form-result form p { font-size:10px; color:#666; } .training-page-form-result p { line-height: 21px; font-size: 18px; } /***** Meet the training team *****/ .meettrainingteam { position:relative; width:100%; background:url("/packages/jellyfish_website/themes/jellyfish/images/meettrainingteam.png") bottom right no-repeat #fff; min-height:200px; overflow:hidden; } .meettrainingteam h3 { font-size:32px; color:#838383; line-height:1; margin-bottom:0; text-transform:none; } .meettrainingteam p { position:absolute; left:0; bottom:20px; color:#00afec !important; text-decoration:underline !important; border:none !important; } /***** Find us *****/ .finduslink { margin:30px 0 !important; border:none !important; display:block; overflow:hidden; } .finduslink img { width:100%; height:auto; } /***** Accreditations *****/ .training-accreditations h3 { font-size:28px; color:#838383; line-height:1; margin-bottom:12px; text-transform:none; } .training-accreditations img { margin:0 6px 6px 0; width:78px; height:auto; } /***** FEEFO REVIEWS *****/ div.feefo-toggle {display:none;} .feeforeviews h2 { float:left; font-size:27px; color:#00afec; line-height:1; padding-right: 20px; } .feeforeviews img.feefologo { float: right; margin-top: 0px; } .feeforeviews table { display:inline-block; margin:20px 0; overflow:hidden; width:100%; } .feeforeviews table th { font-weight:bold; color:#1d1d1d; padding-bottom:15px; text-align:left; } .feeforeviews table th:first-of-type { width:110px; } .feeforeviews table tr { border-bottom:1px dashed #c8c8c8; } .feeforeviews table tr td { padding:10px 0; color:#6D6D76; font:15px "Helvetica",Arial,sans-serif; line-height:21px; } .feeforeviews table tr td span { background:none repeat scroll 0 0 #159B4B; border-radius:18px; color:#FFFFFF; display:inline-block; font-weight:bold; height:15px; margin-right:3px; padding:2px; text-align:center; width:15px; line-height:16px; } .feeforeviews div.feefo-toggle a { font-size:13px; color:#888; padding:0 0 2px 0; margin:0 5px 0 0; border-bottom:1px solid #888; } .feeforeviews div.feefo-toggle a:hover { color:#00AFEC; border-color:#00AFEC; } .feeforeviews div.feefo-toggle a.current { padding:5px 10px; background:#00afec; text-align:center; color:#fff; font-weight:600; font-size:15px; line-height:34px; text-decoration:none; border:none; -webkit-box-shadow:inset -1px -1px 5px 1px #009cd3; box-shadow:inset -1px -1px 5px 1px #009cd3; -webkit-border-radius:5px; border-radius:5px; } /***** CSS TWEAKS FOR TRAINING2013 *****/ .training2013 .arrow-bg{background:none;} .training2013 .side-nav{margin-top:0;} #spotlight .copy { display:none; } @media only screen and (max-width: 767px) { #spotlight .copy { display:block; } } /***** Smalller font for training form labels *****/ /***** Screen Bigger than 1200px *****/ @media only screen and (min-width:1200px) { .training-page-contact-form .checkboxes label, .training-page-contact-form .checkboxes input { font-size: 18px; } } /***** iPad Smaller than 959px *****/ @media only screen and (min-width: 768px) and (max-width: 959px) { /***** TABS *****/ .training .main-body UL.courseinfotabs LI UL LI{float:left !important;padding:0 5% 0 4%;width:91%;} div.meettrainingteam { background-size: 200% auto; } div.training-header div#spotlight { width: 760px; height: 244px; } .training-side-nav ul li.ConversionOptimization, .training-side-nav ul li.ConversionOptimisation { background-position:0 17px; } .training-side-nav ul li.ConversionOptimizationOverseas { background-position:0 17px; } .tabscontainer.initialised ul li h3 { width:100px; font-size:16px; } .tabscontainer.initialised ul li h3.first { width:100px; left:0; } .tabscontainer.initialised ul li h3.second { width:100px; left:125px; } .tabscontainer.initialised ul li h3.third { width:100px; left:250px; } .GoogleTagManager .tabscontainer.initialised ul li h3.third { width: 100px; left: 125px; } /***** Accreditations *****/ .training-accreditations h3 { font-size:26px; } .training-accreditations img { width:60px; } /***** H1 *****/ .GoogleAnalytics h1, .ConversionOptimization h1, .ConversionOptimisation h1, .GoogleAdwords h1, .SEO h1, .SocialMedia h1, .TailoredCourses h1, .AnalyticsInsights h1, .GoogleTagManager h1 { font-size:28px; } /***** H1 *****/ .GoogleAnalyticsOverseas h1, .ConversionOptimizationOverseas h1, .GoogleAdwordsOverseas h1, .SEOOverseas h1, .SocialMediaOverseas h1, .TailoredCoursesOverseas h1 { font-size:28px; } .training .main-body ul.calendarpages li, UL.calendarpages LI DIV.daywrapper, UL.calendarpages LI A.bookbut { width:84px; } .training .main-body ul.calendarpages { background-size:104px 211px; } .courseprice { width: 100%; } .courses-banner .cone { width:80px; } .courses-banner p { font-size: 21px; line-height: 23px; } .training-side-nav ul li.AnalyticsInsights:before { right: 0; top: -16px; z-index: 1; } } /***** iPhone (portrait 300px) *****/ @media only screen and (max-width: 767px) { /***** TABS *****/ .training .main-body UL.courseinfotabs LI UL LI { float:left !important;padding:0 5% 0 6%;width:91%; } DIV.tabscontainer.initialised UL LI H3 { width:auto; } DIV.feeforeviews IMG.feefologo { margin-top:-25px; } DIV.training-header DIV#spotlight { width:300px;height:98px; } DIV.feeforeviews IMG.feefologo { margin-top:0; } .feeforeviews img.feefologo { float:none; } .tabscontainer.initialised ul li h3 { padding: 0 0 0 10px; font-size:16px; } .tabscontainer.initialised ul li h3.first { width:90px; left:0; } .tabscontainer.initialised ul li h3.second { width:90px; left:105px; } .tabscontainer.initialised ul li h3.third { width:80px; left:210px; } .GoogleTagManager .tabscontainer.initialised ul li h3.third { width: 100px; left:105px; } ul.courseinfotabs li div a.downloadlink { font-size:14px; line-height:45px; } .courseprice { width: 100%; } .training .main-body ul.calendarpages { background-size:105px 211px; } /***** H1 *****/ .GoogleAnalytics h1, .ConversionOptimization h1, .ConversionOptimisation h1, .GoogleAdwords h1, .SEO h1, .SocialMedia h1, .TailoredCourses h1 { font-size:26px; } /***** H1 *****/ .GoogleAnalyticsOverseas h1, .ConversionOptimizationOverseas h1, .GoogleAdwordsOverseas h1, .SEOOverseas h1, .SocialMediaOverseas h1, .TailoredCoursesOverseas h1 { font-size:26px; } UL.calendarpages LI DIV.daywrapper { width:86px; } UL.calendarpages LI DIV.daywrapper P.day { font-size:55px; line-height:34px; } .training .main-body ul.calendarpages li { width:86px; } .training .main-body ul.calendarpages li .monthwrapper p { margin:0; padding:0; font-family:FS Pimlico Web Regular, Helvetica, Arial, sans-serif; font-size:20px; color:#fff; font-weight:600; line-height:45px; text-align:center; } UL.calendarpages LI A.bookbut { width:86px; } .training-wrapper { margin-top: 0; } .training .main-body ul.calendarpages li, UL.calendarpages LI DIV.daywrapper, UL.calendarpages LI A.bookbut { width:85px; } UL.calendarpages LI DIV.daywrapper P.day { padding: 9px 0 0; } DIV.leftnavtraining UL.training_pdf LI DIV{float:left;margin-left:18px;} .GoogleAnalytics h1, .ConversionOptimization h1, .ConversionOptimisation h1, .GoogleAdwords h1, .SEO h1, .SocialMedia h1, .TailoredCourses h1, .AnalyticsInsights h1, .GoogleTagManager h1 { font-size: 28px; } .GoogleAnalytics h1 + p, .ConversionOptimization h1 + p, .ConversionOptimisation h1 + p, .GoogleAdwords h1 + p, .SEO h1 + p, .SocialMedia h1 + p, .TailoredCourses h1 + p, .AnalyticsInsights h1 + p, .GoogleTagManager h1 + p { padding-left: 90px; font-size: 24px; } .GoogleAnalyticsOverseas h1, .ConversionOptimizationOverseas h1, .GoogleAdwordsOverseas h1, .SEOOverseas h1, .SocialMediaOverseas h1, .TailoredCoursesOverseas h1 { font-size: 28px; } .GoogleAnalyticsOverseas h1 + p, .ConversionOptimizationOverseas h1 + p, .GoogleAdwordsOverseas h1 + p, .SEOOverseas h1 + p, .SocialMediaOverseas h1 + p, .TailoredCoursesOverseas h1 + p { padding-left: 90px; font-size: 24px; } /*.social-links { display: none; }*/ /*Removed on 4th Dec 2013 by request of Craig */ DIV.training-header { display: none; } .courses-banner .cone { width:78px; } .courses-banner p {font-size: 22px; line-height: 24px;} .training-page-contact-form .checkboxes label, .training-page-contact-form .checkboxes input { font-size: 18px; } } /***** iPhone (landscape 420px) *****/ @media only screen and (min-width: 480px) and (max-width: 767px) { /***** TABS *****/ .training .main-body UL.courseinfotabs LI UL LI{float:left !important;padding:0 5% 0 4%;width:91%;} DIV.tabscontainer.initialised UL LI H3{width:140px;} DIV.feeforeviews IMG.feefologo{margin-top:-40px;} DIV.training-header DIV#spotlight{width:456px;height:148px;} DIV.feeforeviews IMG.feefologo { margin-top:-5px; } .feeforeviews img.feefologo { float:right; } .tabscontainer.initialised ul li h3 { padding: 0 0 0 20px; width:100px; font-size:16px; } .tabscontainer.initialised ul li h3.first { width:100px; left:0; } .tabscontainer.initialised ul li h3.second { width:100px; left:125px; } .tabscontainer.initialised ul li h3.third { width:100px; left:250px; } .GoogleTagManager .tabscontainer.initialised ul li h3.third { width: 100px; left: 125px; } ul.courseinfotabs li div a.downloadlink { font-size:18px; line-height:45px; } .courseprice { color: #6F7170; width: 100%; } .training .main-body ul.calendarpages li, UL.calendarpages LI DIV.daywrapper, UL.calendarpages LI A.bookbut { width:99px; } .training .main-body ul.calendarpages { background-size:119px 211px; } .courses-banner .cone { width:78px; } .courses-banner p { font-size: 21px; line-height: 23px; } } @media only screen and (max-width: 480px) { /* Apply for role */ .apply-form fieldset { width: 92%; } .apply-form label { width: 30% !important; font-size: 11px !important; } .apply-form label.apply-error { width: 100% !important; } .apply-form input { width: 70% !important; } fieldset.upload { padding-right: 6%; } fieldset.upload label { width: 26%; } fieldset.upload span.fileinput-button { width: 104px; } fieldset.upload span.browse { left: 21px; } input.up-btn { width: auto !important; } /* More space at bottom of training pages body tag so that Sticky Footer doesn't overlap with regular footer and 'back to top' link */ body.training { margin-bottom: 70px; padding-bottom: 70px; } .training #toTop { margin-bottom: 40px; } } /*Client Page Update Styles Dan Marksteiner 20/10/2014*/ .main-body ul .work-item{ padding:0; margin:0; background:none; height:145px; position:relative; } .main-body ul .work-item .more-icon{ display:none; } .work-item:nth-child(3n) .client-item-wrap{ background:none; } .work-item .client-bottom-wrap{ padding:5px 0 10px; background:url("/packages/jellyfish_website/themes/jellyfish/images/clients_bg_top.jpg") no-repeat right top; box-sizing:border-box; } .work-item .client-item-wrap{ padding:0 5px; background:url("/packages/jellyfish_website/themes/jellyfish/images/clients_bg_side.jpg") no-repeat right top; box-sizing:border-box; } .work-item:nth-child(1) .client-bottom-wrap, .work-item:nth-child(2) .client-bottom-wrap, .work-item:nth-child(3) .client-bottom-wrap{ background:none; } .work-item .client-link{ display:block; } .client-image{ width:196px; height:auto; display:block; max-width:205px; margin:auto; } .service-icon{ display: inline-block; width: 20px; height: 20px; margin-left: 3px; } .service-wrapper{ position:absolute; bottom:5px; margin-left: -2px; text-align: center; width: 100%; } @media only screen and (max-width: 960px) { .main-body ul .work-item{ height:160px; } .work-item .client-item-wrap { height:150px; } .work-item .client-image{ width:100%; height:auto; display:block; } .work-item:nth-child(3n) .client-item-wrap{ background:url("/packages/jellyfish_website/themes/jellyfish/images/clients_bg_side.jpg") no-repeat right top; } .work-item:nth-child(2n) .client-item-wrap{ background:none; } .work-item:nth-child(3) .client-bottom-wrap{ background:url("/packages/jellyfish_website/themes/jellyfish/images/clients_bg_top.jpg") no-repeat right top; } } @media only screen and (max-width: 479px) { .service-wrapper { display: none;} .work-item{ width:148px !important; height:94px !important; } .work-item .client-item-wrap { height:94px; } .work-item .client-bottom-wrap, .work-item .client-item-wrap{ background-size:148px 104px; } .work-item:nth-child(3n) .client-item-wrap{ background:url("/packages/jellyfish_website/themes/jellyfish/images/clients_bg_side.jpg") no-repeat right top; background-size:148px 104px; } .work-item:nth-child(3) .client-bottom-wrap{ background:url("/packages/jellyfish_website/themes/jellyfish/images/clients_bg_top.jpg") no-repeat right top; background-size:148px 104px; } .work-item:nth-child(2n) .client-item-wrap{ background:none; } } /*Training Page PDF Overlay Styles Dan Marksteiner 05/11/2014*/ .lightbox-hidden-content{ display:none; } .training-lightbox, .analytics-lightbox { background:#fff; width:100%; height:100%; margin:0 auto 25px auto; z-index:999999; max-width:495px; padding:40px 30px 20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; } .training-lightbox .training-lightbox-heading, .analytics-lightbox .analytics-lightbox-heading { margin:0 0 25px 0; } .training-lightbox h2, .analytics-lightbox h2 { font-family:"FS Pimlico Web Bold", Helvetica, Arial, sans-serif; font-size:35px; line-height:42px; color:#58585a; margin:0; } .training-lightbox p, .analytics-lightbox p { font-family:"FS Pimlico Web Bold", Helvetica, Arial, sans-serif; font-size:18px; line-height:23px; color:#999999; padding:0; margin-top:10px; } .training-lightbox .training-lightbox-skip p , .analytics-lightbox .training-lightbox-skip p { color:#666; } .training-lightbox a{ color:#00aeef; text-decoration:underline; } .analytics-lightbox a{ color:#4955a2; text-decoration:underline; } .training-lightbox .training-lightbox-form, .analytics-lightbox .analytics-lightbox-form { margin:0 0 50px 0; } .training-lightbox .input-wrap, .analytics-lightbox .input-wrap { min-width:318px; padding-right:15px; float:left; } .training-lightbox input[type="email"], .analytics-lightbox input[type="email"] { font-family:"FS Pimlico Web Regular", Helvetica, Arial, sans-serif; font-size:17px; color:#9c9e9a; background:#f4f4f4; padding:10px; width:100%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } .training-lightbox input[type="submit"], .analytics-lightbox input[type="submit"] { font-family:"FS Pimlico Web Bold", Helvetica, Arial, sans-serif; font-size:26px; color:#fff; padding:5px 30px 5px 15px; border:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; float:right; cursor:pointer; } .training-lightbox input[type="submit"] { background:url("/packages/jellyfish_website/themes/jellyfish/images/submit-arw.jpg") no-repeat right center #00aeef; } .analytics-lightbox input[type="submit"] { background:url("/packages/jellyfish_website/themes/jellyfish/images/analytics-sumit-arrow.png") no-repeat right center #4955a2; } .training input.error, .analytics input.error { border:2px solid #ff7575; } .training label.error, .analytics label.error { margin-top:5px; color:#ff7575; display:block; } .training .training-lightbox-thanks, .analytics .analytics-lightbox-thanks { display:none; } .training #fancybox-outer, .analytics #fancybox-outer { border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; } .training #fancybox-wrap, .analytics #fancybox-wrap { border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; } .training #fancybox-content, .analytics #fancybox-content { border:0 !important; margin-left:10px; } .training #fancybox-close, .analytics #fancybox-close { background:url("/packages/jellyfish_website/themes/jellyfish/images/training-lightbox-close.png") no-repeat right top; top:15px; right:15px; } .training .fancybox-bg, .analytics .fancybox-bg { z-index:-1; } .training #fancybox-bg-w, .analytics #fancybox-bg-w { left:-15px; } .training #fancybox-bg-e, .analytics #fancybox-bg-e { right:-15px; } @media only screen and (max-width: 960px) { .training-lightbox, .analytics-lightbox { max-width:240px !important; padding:40px 10px 20px !important; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .training-lightbox h2, .analytics-lightbox h2 { font-size:31px; line-height:36px; } .training-lightbox .input-wrap, .analytics-lightbox .input-wrap { min-width:100%; width:100%; padding-right:0; margin-bottom:20px; } .training-lightbox input[type="email"], .analytics-lightbox input[type="email"] { min-width:100%; width:100%; max-width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .training-lightbox input[type="submit"], .analytics-lightbox input[type="submit"] { float:left; width:100%; text-align:left; } }