/* ========================================================================================================================== */ /* TABLE OF CONTENTS /* (For the line numbers to match properly, turn off 'Word Wrap') /* ========================================================================================================================== ============================================================================ LINE NUMBER | SECTION NAME ============================================================================ 100 | FRAMEWORK OVER RIDES | - Bootstrap 200 | Standard HTML Style Over rides 250 | Specific styles we have created 300 | Structural Template "Position" Styles 400 | BESPOKE "PAGE SPECIFIC" CSS 600 | JOOMLA CORE COMPONENT OVER RIDES 800 | MODULES 1100 | MAIN NAVIGATION 1200 | - Off Canvas Navigation 1400 | Media Queries 1400 | - 120px -> 767px 1530 | - 120px -> 479px 1630 | - 480px -> 599px 1730 | - 600px -> 767px 1830 | - 768px -> 959px 1930 | - 960px -> 1030px /* TABLE OF CONTENTS - END /* ========================================================================================================================== */ /* ======================================================================== */ /* FRAMEWORK OVER RIDES /* ======================================================================== */ /* =================================== */ /* Bootstrap Over-rides /* ================================== */ .nav-tabs { background-color: #f5f5f5; } .tab-content { background-color: #f5f5f5; padding: 10px; } .nav.nav-tabs, .nav.nav-tabs ul { margin-bottom: 0px; } .well { margin-top: 40px; } a.btn { background-color: #d566ca; background-image: none; box-shadow: none; text-shadow: none; color: #fff !important; border: none; text-transform: uppercase; } p.readmore a.btn { background-color: #d566ca; background-image: none; box-shadow: none; text-shadow: none; color: #fff !important; border: none; text-transform: uppercase; font-size: 7pt; padding: 1px 5px; } a.btn:hover { background-color: #3b444c; } .show-grid { margin-top: 10px; margin-bottom: 20px; } /* ======================================================================== */ /* Standard HTML Style Over rides /* HTML5 Boilerplate v5.2.0 | MIT License | http://h5bp.com/ /* Some styles taken from HTML 5 Boilerplate /* ======================================================================== */ body { min-width: 100px !important; line-height: 1.8em; font-family: 'Open Sans', sans-serif; color: #6E6E6E; margin: 0; padding: 0; background-color: #fcfcfc; font-weight: 300; font-size: 12pt; } h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 1.2em; clear: both; } h1 { text-align: center; color: #3b444c; margin: 80px 0px 50px 0px; font-size: 44px; font-weight: 700; text-transform: uppercase; } h2 { color: #2b4157; font-size: 34px; text-transform: uppercase; } h2.product { width: 100%; display: block; text-align: center; margin: 40px 0px; color: #5f7e9c; } li { line-height: 1.6em; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } a, a:hover, a:visited { color: #d566ca; } a:hover { color: #2b4157; text-decoration: none; } p.small { text-align: center; line-height: 1.4em; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* Remove the gap between images, videos, audio and canvas and the bottom of their containers */ textarea { resize: vertical; } /* Allow only vertical resizing of textareas */ fieldset { border: 0; margin: 0; padding: 0; } /* Remove default fieldset styles */ .hidden{ opacity:0; } .visible{ opacity:1; } .clear { clear: both; border: none; float: none; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* For IE 6/7 only - Include this rule to trigger hasLayout and contain floats */ .section { padding: 60px 0px 60px 0px; text-align: center; } .section h2 { margin: 0em 0 0em 0; } .section h3 { margin: 0em 0 0em 0; } /* These selection rule sets have to be separate */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* apply a natural box layout model to all elements */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* ======================================================================== */ /* Specific styles we have created - available from the JCE class dropdown /* ======================================================================== */ .pageImageRight { float: right; clear: both; margin-left: 20px; margin-bottom: 20px; border: 1px solid #777; width: 320px; margin-top: 7px; } .imageCaptionRight { clear: both; float: right; margin-top: -6px; width: 320px; text-align: center; font-style: italic; } .pageImageLeft { float: left; clear: both; margin-right: 20px; margin-bottom: 20px; border: 1px solid #777; width: 320px; margin-top: 7px; } .imageCaptionLeft { clear: both; float: left; margin-top: -6px; width: 320px; text-align: center; font-style: italic; } .noImageBorder { border: none; } .floatLeft { float: left; margin-left: 0; margin-right: 25px; margin-bottom: 25px; } .floatRight { float: right; margin-right: 0; margin-left: 25px; margin-bottom: 25px; } /* ======================================================================== */ /* Structural Template "Position" Styles /* ======================================================================== */ #outerWrapper { overflow:hidden; position:relative; margin: auto; } #header { background-color: #2b4157; padding: 20px 0px 10px 0px; } #header .span4 { text-align: center; } #header-top { background-color: #222; height: 40px; } #header-top .span12 { min-height: 20px; } .mainContentWrapper { } #mainNavigation { background-color: #f1f1f1; } #banner {} #banner .container-fluid, #moduleBeforeContent .container-fluid, #moduleAfterContent .container-fluid { padding-left: 0px; padding-right: 0px; } #moduleBeforeContent { background-color: #2b4157; } #mainContent { min-height: 270px; margin: 0px 0px 50px 0px; } #breadcrumbs { background-color: #3b444c; padding: 1px 0 1px 0; font-size: 80%; } #breadcrumbs .showHere { color: #fff; } #breadcrumbs .breadcrumbs a { color: #fff; } .moduletable { } .page-header { margin: 2px 0px 30px 0px; } .item-page { position: relative; } .item-page p small { position: absolute; display: block; width: 100%; text-align: center; top: 44px; } .item-image img { border: 1px solid #ccc; margin: 20px; } #top-footer { background-color: #3b444c; } #extraFooterInfo { background-color: #090d15; } /* FOOTER */ #extraFooterInfo .nav.menu li a {color: #fff; } #extraFooterInfo .copywrite p { color: #fff; } .footerSocial { text-align: center; } .footerSocial p.socialIcons { text-align: center; width: 100%; display: block; } .footerSocial p.socialIcons img { width: 40px; margin: 4px; } #bottom-footer { background-color: #3b444c; } #bottom-footer .moduletable { text-align: center; } #bottom-footer .moduletable a { font-size: 8pt; color: #ccc; } #extraBottomFooterInfo { background-color: #3b444c; padding: 20px 0px; } /* ======================================================================== */ /* BESPOKE "PAGE SPECIFIC" CSS /* ======================================================================== */ /* HOME */ #messageBar { background-color: #333; height: 48px; } #messageBar .container { position: relative; } #messageBar p { text-transform: uppercase; color: #fff; line-height: 48px; font-size: 12pt; } #messageBar a { background-color: #3c7c4a; padding: 0px 10px; color: #fff; border-radius: 5px; line-height: 32px; margin-top: 8px; position: absolute; top: 0; right: 0; display: block; width: 95px; text-align: center; } #messageBar a:hover { text-decoration: none; background-color: #4f895b; } .moduletable.homeTopGraphic { padding: 30px 0px; } .moduletable.homeTopGraphic h2 { color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); margin: 80px 0 11px 0; text-align: right; font-weight: 400; line-height: 1.1; } .moduletable.homeTopGraphic h3 { color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) margin-bottom: 0 0 11px 0; text-align: right; font-weight: 300; } .moduletable.homeTopGraphic a.btn { background-color: #90bde3; float: right; padding: 10px 20px; margin-top: 20px; } #productsServices { padding: 60px 0px 60px 0px; } #productsServices h2 { text-transform: uppercase; color: #2b4157; text-align: center;} #productsServices h3 { text-transform: uppercase; color: #2b4157; text-align: center; line-height: 1.2em; font-size: 1.4em;} #productsServices .span4 { background-color: #eee; padding: 24px; text-align: center; border: 1px solid #ccc; border-radius: 5px; margin-top: 24px; } #productsServices .span4 a { min-height: 140px; display: block; } #productsServices .span4 img { width: 50%; } /* HOME - Banners */ .home-banners .span4, .home-banners .span3 { position: relative; background-color: #333; margin: 0; border-right: 1px solid #fff; border-bottom: 1px solid #fff; background-position: center; background-repeat: no-repeat; background-size: cover; } .home-banners .span4 { min-height: 330px; width: 33.33%; } .home-banners .span3 { min-height: 210px; width: 25%; } .home-banners .span4 h3, .home-banners .span3 h3 { position: absolute; bottom: 0; left: 0; right: 0; min-height: 84px; /* background-color: #181b20; */ color: #181b20; margin: 0; padding: 10px; text-transform: uppercase; font-size: 13pt; } .home-banners .span3 h3 { font-size: 12pt; min-height: 40px; } .home-banners .hard-drives { background-image: url(/images/scsi-products/cat-scsi-disk-drives-no-text.jpg); } .home-banners .disk-drives { background-image: url(/images/scsi-products/cat-removable-scsi-disk-no-text.jpg); } .home-banners .tape-drives { background-image: url(/images/scsi-products/cat-scsi-tape-drives-no-text.jpg); } .home-banners .switches { background-image: url(/images/scsi-products/cat-scsi-switches-no-text.jpg); } .home-banners .duplicators { background-image: url(/images/scsi-products/cat-media-duplicators-no-text.jpg); } .home-banners .converters { background-image: url(/images/scsi-products/cat-scsi-converters-no-text.jpg); } .home-banners .flash { background-image: url(/images/scsi-products/cat-slc-flash-no-text.jpg); } @media only screen and (min-width: 120px) and (max-width: 767px) { .home-banners .span4 { width: 100%; border-right: none; } .home-banners .span3 { width: 100%; border-right: none; } } /* NEWS */ .moduletable.latestNews { padding: 20px; } .moduletable.latestNews h3 { text-transform: uppercase; text-align: center; color: #2b4157; margin: 30px 0px; font-size: 38.5px;} /* CASE STUDIES */ .moduletable.caseStudies { padding: 20px; } .moduletable.caseStudies h3 { text-transform: uppercase; text-align: center; color: #2b4157; margin: 30px 0px; font-size: 38.5px;} .allmode-bricks .allmode-title a { color: #2b4157 !important; text-transform: uppercase; } .allmode-bricks .allmode-name, .allmode-bricks .allmode-item > div:first-child { border-color: #999 !important; } /* PRODUCTS */ .span8.mainImageHolder { padding: 20px; } img.productImageMain { border: 1px solid #ccc; margin: 0px 0px; } img.productImageSmall {border: 1px solid #ccc;margin: 20px; } .mechanical-options h3 { font-size: 13pt; height: 70px; margin: 20px 0 0 0; background-color: #2b4157; padding: 10px; color: #f5f5f5; font-weight: 400; } .mechanical-options img { border: 1px solid #2b4157; } /* Sitemap */ #xmap { margin-right: 40px; margin-left: 40px; min-height: 290px; } #xmap h1 { padding-top: 20px; } /* Search Results */ .finder.searchResults { width: 1200px; margin: auto; } .finder.searchResults #search-results { margin-top: 30px; margin-bottom: 100px; } #search-form { margin: auto; width: 40%; background-color: #eee; padding: 20px 10px; margin-top: 40px; } #search-form form { margin: 0px; } #search-form label { font-size: 18px; margin-right: 10px; float: left; margin-bottom: 0px; height: 28px; line-height: 28px; font-weight: 700; } #search-form input[type="text"] { height: 28px; border-radius: 8px 0px 0px 8px; width: 50%; float: left; } #search-form button.btn { border-radius: 0px 5px 5px 0px; background-color: #555 !important; float: left; } #search-form #search-query-explained { padding-bottom: 0px; } .finder.searchResults .list-striped li { margin-bottom: 0px; padding: 10px 12px; } .finder.searchResults .list-striped li h4 { font-size: 110%; margin-top: 0px; } .finder.searchResults p.searchResults { font-size: 16px; line-height: 22px; } .viewResultButton a, .viewResultButton a:hover, .viewResultButton a:visited { background-color: #17b4e9; color: #fff; font-size: 16px; font-weight: 300; padding: 3px 10px; } /* ========================================================================================================================== */ /* JOOMLA CORE COMPONENT OVER RIDES - Usually means we have Overides in the Template/html/com_XXXXX as well /* ========================================================================================================================== */ /* COM_CONTACT =========================================================== */ .contact-category { margin: 40px 20px; } .contact-category h3 { display: none; } .contact-category p:first-of-type { display: none; } .contact-category ul li { width: 48%; margin: 10px 1% 0px 1%; float: left; background-color: #f9f9f9; font-size: 90%; text-align: center; padding: 0px } ul.category li { width: 48% !important; } ul.category li .list-title { text-align: left; font-size: 120%; padding: 0px 10px 0px 10px; } ul.category li .list-title a { text-align: left; font-size: 130%; } dl { margin-bottom: 0px; -webkit-margin-before: 0em; -webkit-margin-after: 0em; } .contact-fields.dl-horizontal dt, .contact-position.dl-horizontal dt { width: auto !important; line-height: 26px; } .contact-fields.dl-horizontal dd, .contact-position.dl-horizontal dd { margin-left: 10px !important; display: inline; line-height: 0px; } .contact-miscinfo { margin: 40px 0px 110px 0px; min-height: 250px; } .contactsBackButton .backbutton { position: relative; } .contact .thumbnail { padding: 0px; border-radius: 0px; margin: 0px 5px 10px 50px; } .contact .thumbnail img { width: 320px; } @media only screen and (min-width: 320px) and (max-width: 479px) { ul.category li .list-title { font-size: 110%; } .contact .thumbnail { margin: 5px; } } @media only screen and (min-width: 480px) and (max-width: 599px) { .contact .thumbnail { margin: 5px; } } /* COM_CONTACT - END =================================================== */ /* COM_CONTENT : /html/com_content/category/blog_children.php =========== */ .subcategory { float: left; width: 31%; margin: 1%; } @media only screen and (min-width: 320px) and (max-width: 479px) { .subcategory { float: none; display: block; width: 96%; margin: 2%; } } @media only screen and (min-width: 480px) and (max-width: 599px) { .subcategory { float: left; width: 46%; margin: 2%; } } @media only screen and (min-width: 600px) and (max-width: 767px) { .subcategory { float: left; width: 46%; margin: 2%; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .subcategory { float: left; width: 46%; margin: 2%; } } .blog .category-desc { border-bottom: 3px solid #bd4cb2; margin: 0 0 30px 0; padding: 0 0 0px 0; } /* .blog .category-desc img { float: left; margin-right: 40px; max-width: 320px; display: none; } */ .blog .category-desc img.userAdded { float: right; border: 1px solid #ccc; margin: 20px; padding: 20px; background-color: #fff; } img.userAddedInContent { border: 1px solid #ccc; margin: 20px; padding: 20px; background-color: #fff; } .blog .items-row [class*="span"] { position: relative; border: 1px solid #ccc; margin-top: 20px; padding: 0; } .blog .items-row [class*="span"] .item { margin: 0; } .blog .items-row [class*="span"] .item .page-header { border: none; margin: 0 0px; } .blog .items-row [class*="span"] .item .page-header h2 { font-size: 85%; line-height: 1.2em; padding: 10px; min-height: 100px; background-color: #f9f9f9; margin: 0 0 -5px 0; } #pageOverride-1181 .blog .items-row [class*="span"] .item .page-header h2 { min-height: 120px; } /* TAPE DRIVE REPLACEMENTS */ #pageOverride-1182 .blog .items-row [class*="span"] .item .page-header h2 { min-height: 90px; } /* MAGNETO OPTICAL, ZIP, FLOPPY & OTHER REMOVABLE DISK DRIVE REPLACEMENTS */ #pageOverride-1165 .blog .items-row [class*="span"] .item .page-header h2 { min-height: 30px; } /* CONVERTERS*/ #pageOverride-1164 .blog .items-row [class*="span"] .item .page-header h2 { min-height: 50px; } /* CONVERTERS*/ #pageOverride-1163 .blog .items-row [class*="span"] .item .page-header h2 { min-height: 70px; } /* CONVERTERS*/ .blog .items-row [class*="span"] .item .page-header a { color: #444; } .blog .items-row [class*="span"] .item .item-image img { margin: 0; border: none; } .blog .items-row .readmore .icon-chevron-right { display: none; } .blog .cat-children .subcategory h3 { text-transform: uppercase; font-size: 14pt; } .blog .cat-children .subcategory h3 a { color: #444; } .blog .cat-children .subcategory h3 img { margin: 0 0 20px 0; border: 1px solid #444; } .blog .cat-children .subcategory .category-desc { min-height: 200px; font-size: 11pt; } /* COM_CONTENT - END =================================================== */ /* ========================================================================================================================== */ /* JOOMLA - ADDITIONAL FRAMEWORKS /* ========================================================================================================================== */ /* REGULAR LABS ============================================================ */ .rl_tabs .tab-content { border: none; background: none; } .rl_tabs ul.nav-tabs { background: none; } .rl_tabs li.rl_tabs-tab { /* difficult to adjust as so many !important used in core css */ } .rl_tabs li.rl_tabs-tab a { background-color: #2b4157; font-size: 11pt; color: #fff !important; } .rl_tabs>.nav>li>a:hover { background-color: #bd4cb2; } .rl_tabs li.rl_tabs-tab.active a { background-color: #fff; color: #2b4157 !important; font-weight: 700; } .rl_tabs .tab-content { background-color: #fff; padding: 10px; } /* REGULAR LABS - END ====================================================== */ /* ========================================================================================================================== */ /* MODULES - CSS for modules /* ========================================================================================================================== */ /* =================================== */ /* Improved AJAX Login and Register /* =================================== */ .moduletable.mod_improved_ajax_login { float: right; } /* =================================== */ /* HEADER - Strapline /* =================================== */ .moduletable.strapline { float: right; margin-top: 26px; } .moduletable.strapline p { color: #fff; } /* =================================== */ /* Back Button /* =================================== */ .backbutton { float: left; margin: 4px 0 0 0; } .backbutton a { color: #fff; text-decoration: none; padding: 6px 4px 5px 4px; text-align: center; display: block; width: 110px; border: none; background-color: #bd4cb2; margin: -4px 0px 0px 0px; } .backbutton a:hover { color: #fff; text-decoration: none; background-color: #3b444c; } /* =================================== */ /* Contact Info at Top /* =================================== */ .moduletable.telephone, #header-top .moduletable .email { float: right; margin: 5px 0px 0px 0px; color: #bababa; font-size: 12pt } .moduletable.telephone a, #header-top .moduletable .email a { color: #fff; font-size: 11pt; margin: 3px; display: block; } .moduletable.telephone .fa-phone, #header-top .moduletable .email .fa-envelope-o { margin-right: 0px; color: #2b4157; background-color: #fff; padding: 4px 5px 4px 6px; border-radius: 50%; font-weight: 700; font-size: 0.9em; } /* =================================== */ /* SECTION NAV /* (See Navigation Section below for detail CSS ) /* =================================== */ .tier2SectionNav { margin-bottom: 65px; } .tier2SectionNav ul { margin: 0px; padding: 0px; list-style: none; list-style-type: none; margin-left: 5px; } .tier2SectionNav li { margin-bottom: 10px; padding: 5px 0px 5px 15px; margin-top: 10px; } .tier2SectionNav li a { display: block; color: #808285; text-decoration: none; font-size: 11pt; } .tier2SectionNav li a:hover { color: #888888; } /* =================================== */ /* Back to top - Created on the fly in "/js/scripts.js" /* =================================== */ .backTotop { position: fixed; bottom: 2em; right: 0px; text-decoration: none; color: #062360; background-color: #ffffff; font-size: 30px; padding: 8px; display: none; opacity: 0.8; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .backTotop:hover { color: #fff; opacity: 1; background-color: #0A6782; } /* =================================== */ /* Joomla News Blog Styles /* =================================== */ .newsItemWrapper { width: 44%; margin: 18px 3% 18px 3%; float: left; position: relative; } .introImageWrapper { width: 33%; float: left; margin-right: 16px; } .introImageWrapper img { border: 1px solid #ddd; border-radius: 5px; } h4.newsflash-title a { color: #666; font-size: 20px; } .readmore { color: #fff; padding: 1px 0px; border-radius: 4px; text-transform: uppercase; font-size: 7pt; position: absolute; right: 2px; bottom: -8px; } /* =================================== */ /* MODULE - Home - NewsFlash /* =================================== */ .moduletable.section-calltoaction { background-color: #333333; padding: 0px 0px 0px 0px; } .moduletable.section-calltoaction p { padding: 11px 0px 11px 0px; color: #ccc; margin: 0; } /* =================================== */ /* MODULE - Home - NewsFlash /* =================================== */ .moduletable.homeNews { background-color: #f0f3f0; padding: 60px 0px 60px 0px; } .moduletable.homeNews .container { text-align: center; } .moduletable.homeNews h2 { text-transform: uppercase; color: #3c7c4a; text-align: center; margin: 0 0 20px 0; font-size: 50px; } .moduletable.homeNews h3 { text-transform: uppercase; color: #ed2724; text-align: center; line-height: 1.2em; font-size: 1.4em; } .moduletable.homeNews .introImageWrapper { width: 33%; float: left; margin-right: 30px; border: 1px solid #ccc; } .moduletable.homeNews .newsItemWrapper h4 { text-align: left; } .moduletable.homeNews .newsItemWrapper p { text-align: left; } .moduletable.homeNews .readmore { background-color: #3c7c4a; } .moduletable.homeNews .readmore:hover { color: #fff; } .moduletable.homeNews .btn { background: none; background-color: #3c7c4a; color: #fff; margin: 50px 0px 0px 0px; } .moduletable.homeNews .newsItemWrapper { width: 46%; margin: 9px 2% 9px 2%; float: left; position: relative; background-color: #e5e5e5; padding: 19px 3% 19px 3%; border-radius: 5px; min-height: 270px; } .moduletable.homeNews .readmore { color: #fff !important; padding: 2px 9px; border-radius: 5px; text-transform: uppercase; font-size: 10pt; position: absolute; right: 20px; bottom: 20px; } /* =================================== */ /* HOME - Mini-Gallery /* =================================== */ .moduletable.section-mini-gallery { background-color: #f0f3f0; padding: 60px 0px 60px 0px; text-align: center; } .moduletable.section-mini-gallery .container { text-align: center; } .moduletable.section-mini-gallery h2 { color: #555; } .moduletable.section-mini-gallery h3 { color: #ccc; padding: 10px; } .moduletable.section-mini-gallery h4 { color: #eee; font-size: 16pt; padding: 10px 10px; } .moduletable.section-mini-gallery p { color: #bbb; padding: 10px; font-size: 13pt; } .moduletable.section-mini-gallery .row-fluid { margin-bottom: 15px; } /* =================================== */ /* HOME - Products /* =================================== */ .moduletable.section-product { background-color: #f0f3f0; padding: 60px 0px 60px 0px; text-align: center; } .moduletable.section-product .container { text-align: center; } .moduletable.section-product h2 { color: #555; } .moduletable.section-product h3 { color: #ccc; padding: 30px; font-weight: 400; } .moduletable.section-product h4 { color: #eee; font-size: 16pt; padding: 10px 10px; } .moduletable.section-product p { color: #bbb; padding: 10px; font-size: 13pt; } .moduletable.section-product .row-fluid { margin-bottom: 15px; } /* =================================== */ /* HOME - Accreditations /* =================================== */ .moduletable.section-accreditations { background-color: #555555; padding: 60px 0px 60px 0px; text-align: center; } .moduletable.section-accreditations .container { text-align: center; } .moduletable.section-accreditations h2 { color: #999; } .moduletable.section-accreditations h3 { color: #ccc; padding: 10px; } .moduletable.section-accreditations h4 { color: #eee; font-size: 16pt; padding: 10px 10px; } .moduletable.section-accreditations p { color: #bbb; padding: 10px; font-size: 13pt; } .moduletable.section-accreditations .row-fluid { margin-bottom: 15px; } /* =================================== */ /* HOME - Team /* =================================== */ .moduletable.section-team { background-color: #333; padding: 60px 0px 60px 0px; text-align: center; } .moduletable.section-team .container { text-align: center; } .moduletable.section-team h2 { color: #777; } .moduletable.section-team h3 { color: #fff; padding: 10px; } .moduletable.section-team h4 { color: #eee; font-size: 16pt; padding: 10px 10px; } .moduletable.section-team p { color: #bbb; padding: 10px; font-size: 13pt; } .moduletable.section-team .thumbnail { text-align: center; border: 0; box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; } /* =================================== */ /* HOME - Banners (Pulling in WidgetKit) /* =================================== */ .moduletable.section-banners .uk-overlay-panel.uk-overlay-right.uk-overlay-fade { position: relative; top: -251px; padding: 15px; height: auto !important; background-color: #fff; margin: auto; right: auto; left: auto; bottom: auto; width: 510px; left: 180px; opacity: 0.9; } .moduletable.section-banners .uk-overlay-panel.uk-overlay-right.uk-overlay-fade h3 { margin: 0 0 7px 0; padding: 0; color: #bd4cb2; text-align: right; font-size: 24pt; font-weight: 700; text-transform: uppercase; } .moduletable.section-banners .uk-overlay-area-content>:last-child, .moduletable.section-banners .uk-overlay-panel.uk-flex>*>:last-child, .moduletable.section-banners .uk-overlay-panel>:last-child, .moduletable.section-banners .uk-overlay>:first-child { font-weight: 600; margin: 0; color: #333; text-align: right; font-size: 13pt; line-height: 1em; } /* =================================== */ /* HOME - News /* =================================== */ .moduletable.homeNews { background-color: #eeeeee; padding: 60px 0px 60px 0px; } .moduletable.homeNews h2 { text-transform: uppercase; color: #3c7c4a; text-align: center; margin-bottom: 40px; } .moduletable.homeNews h3 { text-transform: uppercase; color: #2b4157; text-align: center; line-height: 1.2em; font-size: 1.4em; } .moduletable.homeNews .readmore { background-color: #3c7c4a; } /* =================================== */ /* HOME - Accreditations /* =================================== */ .moduletable.section-accreditations { background-color: #fff; padding: 60px 0px 60px 0px; } .moduletable.section-accreditations h2 { text-transform: uppercase; color: #2b4157; text-align: center; margin-bottom: 40px; } .moduletable.section-accreditations h3 { text-transform: uppercase; color: #2b4157; text-align: center; line-height: 1.2em; font-size: 1.4em; } .moduletable.section-accreditations .span4, .moduletable.section-accreditations .span3 { text-align: center; } /* =================================== */ /* HOME - Case Studies - NOT DONE /* =================================== */ .moduletable.homeCaseStudies { background-color: #eee; padding: 60px 0px 60px 0px; } .moduletable.homeCaseStudies h2 { text-transform: uppercase; color: #3b444c; text-align: center; margin-bottom: 40px; } .moduletable.homeCaseStudies h3 { text-transform: uppercase; color: #2b4157; text-align: center; line-height: 1.2em; font-size: 1.4em; } .moduletable.homeCaseStudies .readmore { background-color: #3b444c; } /* =================================== */ /* HOME - Basic Span Columns /* =================================== */ .moduletable.section-basic-columns { background-color: #3b444c; padding: 60px 0px 60px 0px; text-align: center; } .moduletable.section-basic-columns h2 { } .moduletable.section-basic-columns h3 { color: #FFC107; padding: 10px; } .moduletable.section-basic-columns h4 { color: #eee; } .moduletable.section-basic-columns p { color: #bbb; padding: 10px; font-size: 13pt; text-align: center; line-height: 20px; } .moduletable.section-basic-columns a.btn { /* float: right; */ } .moduletable.section-basic-columns .span4 p:first-of-type { text-align: center; font-size: 3em; color: #eee; } /* =================================== */ /* HOME - Basic Tabs /* =================================== */ .moduletable.section-basic-tabs { background-color: #2b4157; padding: 60px 0px 60px 0px; text-align: center; } .moduletable.section-basic-tabs h2 { color: #3b444c; } .moduletable.section-basic-tabs h3 { color: #FFC107; padding: 10px; } .moduletable.section-basic-tabs h4 { color: #eee; } .moduletable.section-basic-tabs p { color: #bbb; padding: 10px; font-size: 13pt; text-align: center; line-height: 20px; } .moduletable.section-basic-tabs a.btn { /* float: right; */ } .moduletable.section-basic-tabs .span4 p:first-of-type { text-align: center; font-size: 3em; color: #eee; } /* =================================== */ /* HOME - Testimonials WidgetKit /* =================================== */ .moduletable.section-testimonials { background-color: #fff; padding: 60px 0px 60px 0px; text-align: center; } .moduletable.section-testimonials h2 { color: #555; } .moduletable.section-testimonials h3 { color: #FFC107; padding: 10px; } .moduletable.section-testimonials h4 { color: #eee; } .moduletable.section-testimonials p { color: #bbb; padding: 10px; font-size: 13pt; text-align: center; line-height: 20px; } .moduletable.section-testimonials a.btn { /* float: right; */ } .moduletable.section-testimonials .span4 p:first-of-type { text-align: center; font-size: 3em; color: #eee; } .moduletable.section-testimonials .uk-slidenav-position { padding: 0px 0px; } .moduletable.section-testimonials .sliderTestimonialText { font-style: italic; font-family: initial; font-size: 17pt; padding: 0px 10%; line-height: 1.4em; } .moduletable.section-testimonials .sliderTestimonialPerson { color: #5381ac; font-weight: 700; } .moduletable.section-testimonials .sliderTestimonialPerson img { width: 60px; border-radius: 50%; margin: 10px; border: 1px solid #ccc; } .moduletable.section-testimonials .uk-slidenav-position p.small a { text-decoration: none; font-weight: 400; font-size: 11pt; } .moduletable.section-testimonials .uk-slidenav-position p.small a:hover { color: #5381ac; } /* =================================== */ /* HOME - Form /* =================================== */ .moduletable.section-form { background-color: #ccc; padding: 60px 0px 60px 0px; text-align: center; } /* =================================== */ /* FOOTER - Logo /* =================================== */ #extraBottomFooterInfo .moduletable.companyLogo p { text-align: right; } #extraBottomFooterInfo .moduletable.companyLogo img { max-width: 280px; } /* =================================== */ /* HONE - SLC Compact Flash /* =================================== */ .slc-compact-flash h3 { color: #d566ca; font-size: 230%; text-transform: uppercase; } .slc-compact-flash .uk-text-large p { margin: 40px 0 60px 0; color: #fff; } /* ========================================================================================================================== */ /* MAIN NAVIGATION /* ========================================================================================================================== */ .navigation { position:relative; margin: 0px 0px 0px -15px !important; padding: 0px; font-weight: normal !important; font-style: normal !important; float: left; } .navigation ul { margin: 0em; padding: 0em; width: 100%; list-style-type: none; list-style-image: none; } .navigation li { float: left; position: relative; display: inline; text-align: center; list-style-type: none; list-style-image: none; padding: 0; margin: 0 16px; } .navigation li .expandTier { display:none; } .navigation li.parent a { padding-right: 30px; } .navigation li.parent:after { content: "\f0d7"; color: #f1f1f1; font-size: 14px; font-family: FontAwesome; position: absolute; right: 14px; top: 0px; bottom: 0px; margin: auto; line-height: 14px; height: 15px; border-radius: 3px; } /* style the links for the top level */ .navigation a, .navigation a:visited { text-decoration: none; color: #181b20; font-size: 90%; display: block; font-weight: 300; padding: 6px 1.0em 40px 1.0em; height: 36px; line-height: 36px; text-transform: uppercase; } /************************************************/ /* 2ND LEVEL /************************************************/ /* hide the sub levels and give them a positon absolute so that they take up no room */ .navigation ul ul { visibility: hidden; position: absolute; top: 45px; left: 0px; width: 380px; z-index: 6; text-align: left; margin: 0px; padding: 0px; font-size: 10px; border: none; border-top: none; background-color: #3b444c; } .navigation li:last-child ul { left: -125px; } .navigation ul ul li { margin: 0px; padding: 0px; } .navigation ul ul li.parent:after { content: "\f0da"; color: #f1f1f1; font-size: 14px; font-family: FontAwesome; position: absolute; right: 14px; top: 0px; bottom: 0px; margin: auto; line-height: 14px; height: 15px; border-radius: 3px; } /* position the third level flyout menu for a left flyout */ .navigation ul ul.left { left:-77px; z-index: 10; } /* style the second level background a tags*/ .navigation ul ul a, .navigation ul ul a:hover, .navigation ul ul a:visited, .navigation ul ul a.drop, .navigation ul ul a.drop:visited, .navigation ul ul li.current a { height: auto; color: #f5f5f5; line-height: 30px; padding: 10px 10px 10px 10px; width: 380px; text-align: left; display: block; margin: 0px; z-index: 6; border-bottom: 1px solid #777; font-weight: 300 !important; font-style: normal !important; font-size: 140%; background: none !important; } /* =================================== */ /* THIRD LEVEL /* =================================== */ .navigation ul ul ul { left: 380px; background-color: #777; top: 0px; /* width: 280px; */ z-index: 10; border: none; } .navigation ul ul ul a, .navigation ul ul ul a:visited { background-color: #777; border-bottom: 1px solid #fff; color: #fff; text-align: left; z-index: 10; width: 380px; font-weight: normal !important; font-style: normal !important; } /* style the top level hover */ /* .menu :hover > a :::: styles tier one when hovering tier 2 */ .navigation a:hover, .navigation li.current a, .navigation li.active.deeper > a, .menu :hover > a { color: #fff; text-decoration: none; background-color: #bd4cb2;} .navigation ul ul :hover > a { text-decoration: none; z-index: 6; } .navigation ul ul a:hover { text-decoration: none; color: #d566ca !important; z-index: 6; background-image: none; background-color: #222 !important; } /* style the second level hover */ .navigation ul ul ul a:hover { color: #222 !important; background: none !important; }/* style the third level hover */ /* =================================== */ /* DON'T EDIT THESE ONES BELOW /* =================================== */ .navigation ul li:hover ul, .navigation ul a:hover ul { visibility:visible; } /* make the second level visible when hover on first level list OR link */ .navigation ul :hover ul ul { visibility:hidden; } /* keep the third level hidden when you hover on first level list OR link */ .navigation ul :hover ul :hover ul { visibility:visible; } /* make the third level visible when you hover over second level list OR link */ .navigationtable { position:absolute; top:0; left:0; } /* style the table so that it takes no part in the layout - required for IE to work */ /* BOOTSTRAP OVERRIDES */ .moduletable.navigation .nav>li>a:hover, .moduletable.navigation .nav>li>a:focus { background-color: #d506ca; color: #fff !important; } /* ======================================================================== */ /* Off Canvas Navigation /* ======================================================================== */ #offCanvasNavButtonWrapper { display: none; float:left; margin: 0px; cursor: pointer; text-align: center; font-size: 10pt; padding: 7px; position: absolute; top: 00px; left: 0px; background-color: #3b444c; text-transform: uppercase; font-weight: 700; border-radius: 0px; } #offCanvasNavButton { width: auto; padding: 1px 8px 0px 8px; height: 26px; margin-left: 0px; color: #fff; float: left; } #offCanvasNavButtonWrapper img { background: none; border: none; } #offCanvasNavButtonWrapper.closeReposition { margin-left: -240px; background-color: #fff; } #offCanvasNavButtonWrapper.closeReposition #offCanvasNavButton { color: #3b444c; } /****** The actual navigation when it is 'off canvas' ********/ .navigation.offCanvas { left: -220px; top: 100px; opacity: 1; width: 190px; background: none; } .navigation.offCanvas h3 { margin-bottom: 20px; color: #fff; padding-bottom: 0px; font-size:130%; } .navigation.offCanvas li { text-align: left; width: 100%; margin-left: 0px;} .navigation.offCanvas li.active.deeper:before, .navigation.offCanvas li.active.deeper:after, .navigation.offCanvas li.current:before, .navigation.offCanvas li.current:after, .navigation.offCanvas li:hover:before, .navigation.offCanvas li:hover:after { content: none; } .navigation.offCanvas li.parent { position: relative; } .navigation.offCanvas li .expandTier { position: absolute; top: 3px; right: 0px; display: block; padding: 2px 5px 3px 5px; color: #fff; cursor: pointer; border-radius: 5px; background: #2b4157 !important; } .navigation.offCanvas li ul li .expandTier { position: absolute; top: 0px; right: 5px; display: block; padding: 1px 7px 0px 7px; color: #fff; cursor: pointer; border-radius: 3px; background: #2b4157 !important; } /* Tier 1 EXPAND icons */ .navigation.offCanvas li .expand-icon-closed:before { content: "\f078"; } .navigation.offCanvas li .open .expand-icon-open:before { content: "\f077"; } /* Tier 2 EXPAND icons */ .navigation.offCanvas li li .expand-icon-closed:before { content: "\f067"; } .navigation.offCanvas li li .open .expand-icon-open:before { content: "\f068"; } /* Tier 3 EXPAND icons */ .navigation.offCanvas li li li .expand-icon-closed:before { content: "\f078"; } .navigation.offCanvas li li li .open .expand-icon-open:before { content: "\f077"; } .navigation.offCanvas li a { font-weight: 300; margin-left:0px; margin-bottom: 0px; background: none; color: #666; border-bottom: 1px solid #2b4157; border-top: 1px solid #2b4157; height: auto !important; padding: 10px 0px 10px 10px; font-size: 100%; width: 100% !important; line-height: 14px; } .navigation.offCanvas li.active > a,.navigation.offCanvas .navigation li.current > a { margin-left: 0px; color: #2b4157 !important; font-weight: 700; background: none; line-height: 1.2em; } .navigation.offCanvas li a:hover { color: #fff; margin-left: 0px; } .navigation.offCanvas li li { margin-left: 0px !important; background: none; } /* Tier 2 - Needs to be visible as this navigation is mainly for MOBILES - :hover does not work! ********/ .navigation.offCanvas ul ul { background-color: #f1f1f1; position: relative; top:0px; border: none; max-height: 0em; opacity: 0; visibility: hidden; overflow: hidden; width: 100%; margin-left: 0px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out; } .navigation.offCanvas ul ul a { background: none !important; padding-left: 10px; border:none; padding-right: 10px; font-size: 12px; border-bottom: 1px solid #eee; color: #474747; } .navigation.offCanvas ul ul.show { max-height: 100em; opacity: 1; visibility: visible; margin-bottom: 20px; padding-top: 5px; border-top: 2px solid #222; } .navigation.offCanvas ul ul a:hover { background: none !important; margin-left: 7px; padding-top: 0px; padding-bottom: 5px; line-height: 17px; margin-top: 5px; margin-bottom: 5px; } .navigation.offCanvas ul ul ul { display: block; left: 0px; } .navigation.offCanvas ul ul ul.show { background-color: #2b4157; } .navigation.offCanvas ul ul ul a { border-bottom: 1px solid #ddd; color: #eee; line-height: 1.2em; font-size: 8pt; margin: 0 20px; width: 85% !important; } .navigation.offCanvas ul ul ul ul.show { background-color: #fff; } .navigation.offCanvas ul ul ul ul a { border-bottom: 1px solid #ccc; } .navigation.offCanvas li:last-child ul { left:0px; } #outerWrapper.offCanvas { left:240px; overflow: visible; } /* Off Canvas Navigation - END /************************************************/ /* ======================================================================== */ /* Sub-navigation /* ======================================================================== */ ul.nav.menu.subNavigation { border-top: 5px solid #ffb758; background-color: #f5f5f5; min-height: 80vh; margin: 0; } .nav.menu.subNavigation>li>a { display: block; font-size: 90%; padding: 10px 10px 10px 10px; border-bottom: 2px dotted #ccc; color: #3b444c; } .nav.menu.subNavigation>li.current.active>a { border-bottom: 2px dotted #ccc; background-color: #3b444c; color: #ffc165; } .nav.menu.subNavigation>li>a:hover { border-bottom: 2px dotted #ccc; background-color: #999; color: #f5f5f5; } /* Sub-navigatio - END /************************************************/ /* ======================================================================== */ /* Footer-navigation /* ======================================================================== */ #extraBottomFooterInfo ul { width: 100%; } #extraBottomFooterInfo li { float: left; } #extraBottomFooterInfo .nav>li>a { padding: 0px 20px 0px 0px; font-size: 10pt; color: #ccc !important;; } #extraBottomFooterInfo .nav>li>a:hover { color: #f5f5f5 !important; background: none; } .moduletable.copywrite p { font-size: 10pt; margin: 0; color: #e5e5e5; } .moduletable.copywrite p.acknowledgments { font-size: 8pt; margin: 0; color: #e5e5e5; line-height: 1.4em; margin: 20px; } .moduletable.cookies p { font-size: 10pt; margin: 0; color: #e5e5e5; text-align: right; } .moduletable.cookies a { font-size: 10pt; margin: 0; color: #ffc12b; text-align: right; } /* MAIN NAVIGATION - END /* ========================================================================================================================== */ /* ========================================================================================================================== */ /* MEDIA QUERIES /* ========================================================================================================================== */ /* ======================================================================== */ /* 120px -> 767px /* ======================================================================== */ @media only screen and (min-width: 120px) and (max-width: 767px) { .navigation { position: absolute; left: -1000px; opacity: 0; -webkit-transition: opacity 1s linear 0.2s; -moz-transition: opacity 1s linear 0.2s; transition: opacity 1s linear 0.2s; } #mainNavigation { position: absolute; left: 0; top: 0; } #offCanvasNavButtonWrapper { display:block !important; } } /* ======================================================================== */ /* 120px -> 479px /* ======================================================================== */ @media only screen and (min-width: 120px) and (max-width: 479px) { h1 { font-size: 34px; } h2 { font-size: 28px; } h3 { font-size: 22px; } #mainContent { min-height: 270px; } #header .span3:first-of-type { text-align: center; } #header .companyLogo img { max-width: 250px; } #header .moduletable.strapline { display: block; float: none; width: 100%; text-align: center; font-size: 11pt; } #header-top .span12 { min-height: 40px; } #header-top .moduletable.telephone a { margin: 9px; } .moduletable.telephone, #header-top .moduletable .email { margin: 5px 12px 0px 0px; font-size: 11pt; } #messageBar { height: auto; } #messageBar p { line-height: 1.8em; text-align: center; padding: 10px 40px; font-size: 12pt; } #messageBar a { position: relative; margin: 8px auto 20px auto; } .item-page { padding: 20px; position: inherit; } #productsServices .span4 { margin: 24px 4%; width: 92%;} #extraFooterInfo { background-image: none; height: auto; padding: 20px 0px; } #extraFooterInfo .span6 { text-align: center; } #extraBottomFooterInfo { padding: 20px 20px; } #extraBottomFooterInfo .companyLogo{ text-align: center; padding: 40px; clear: both; } #extraBottomFooterInfo .companyLogo p { text-align: center !important; } .introImageWrapper { float: none; width: 100%; } .newsItemWrapper p { font-size: 8pt; line-height: 1.4em; } .readmore { position: relative; display: block; text-align: center; } .pull-left.item-image img { margin: 0px 0px 20px 0px; } .pull-right.item-image img { margin: 0px 0px 20px 0px; } .backbutton a { position: absolute; top: 0px; left: 140px; width: 74px; border: none; padding: 6px 5px; margin: 0; } /* HOME */ .home-banners .span4 h3, .home-banners .span3 h3 { text-align: center; } /* PRODUCTS */ .blog { padding: 0 20px; text-align: center; } .blog .items-row [class*="span"] .item .page-header h2 { font-size: 125%; text-align: center; } #pageOverride-1179 .nav-tabs.nav-stacked li a { padding: 10px; } #pageOverride-1179 .category-desc img { margin: 20px auto !important; float: none !important; clear: both; } p.readmore a.btn { font-size: 10pt; padding: 4px 11px;} } /* ======================================================================== */ /* 480px -> 599px /* ======================================================================== */ @media only screen and (min-width: 480px) and (max-width: 599px) { h1 { font-size: 34px; } h2 { font-size: 28px; } h3 { font-size: 22px; } #header .span3:first-of-type { text-align: center; } #header .companyLogo img { max-width: 250px; } #header .moduletable.strapline { display: block; float: none; width: 100%; text-align: center; } #header-top .span12 { min-height: 40px; } #header-top .moduletable.telephone a { margin: 9px; } .moduletable.telephone, #header-top .moduletable .email { margin: 5px 12px 0px 0px; font-size: 11pt; } #messageBar { height: auto; } #messageBar p { line-height: 1.8em; text-align: center; padding: 10px 40px; font-size: 12pt; } #messageBar a { position: relative; margin: 8px auto 20px auto; } .item-page { padding: 20px; position: inherit; } #productsServices .span4 { margin: 24px 4%; width: 92%;} #extraFooterInfo { background-image: none; height: auto; padding: 20px 0px; } #extraFooterInfo .span6 { text-align: center; } #extraBottomFooterInfo { padding: 20px 20px; } #extraBottomFooterInfo .companyLogo{ text-align: center; padding: 40px; clear: both; } #extraBottomFooterInfo .companyLogo p { text-align: center !important; } .introImageWrapper { float: none; width: 100%; } .newsItemWrapper p { font-size: 8pt; line-height: 1.4em; } .readmore { position: relative; display: block; text-align: center; } .backbutton a { position: absolute; top: 0px; left: 140px; width: 74px; border: none; padding: 6px 5px; margin: 0; } /* HOME */ .home-banners .span4 { min-height: 480px; text-align: center; } .home-banners .span3 { min-height: 340px; text-align: center; } .home-banners .span4 h3, .home-banners .span3 h3 { font-size: 16pt; min-height: 80px;} /* PRODUCTS */ .blog { padding: 0 20px; text-align: center; } .blog .items-row [class*="span"] .item .page-header h2 { font-size: 125%; text-align: center; } p.readmore a.btn { font-size: 10pt; padding: 4px 11px;} #pageOverride-1179 .nav-tabs.nav-stacked li a { padding: 10px; } #pageOverride-1179 .category-desc img { margin: 20px auto !important; float: none !important; clear: both; } } /* ======================================================================== */ /* 600px -> 767px /* ======================================================================== */ @media only screen and (min-width: 600px) and (max-width: 767px) { h1 { font-size: 34px; } h2 { font-size: 28px; } h3 { font-size: 22px; } #header .span3:first-of-type { text-align: center; } #header .companyLogo img { max-width: 300px; } #header .moduletable.strapline { display: block; float: none; width: 100%; text-align: center; } #header-top .span12 { min-height: 40px; } #header-top .moduletable.telephone a { margin: 9px; } .moduletable.telephone, #header-top .moduletable .email { margin: 5px 12px 0px 0px; font-size: 11pt; } #messageBar { height: auto; } #messageBar p { line-height: 1.8em; text-align: center; padding: 10px 40px; font-size: 12pt; } #messageBar a { position: relative; margin: 8px auto 20px auto; } #productsServices .span4 { margin: 24px 10%; width: 80%;} #extraFooterInfo { background-image: none; height: auto; padding: 20px 0px; } #extraFooterInfo .span6 { text-align: center; } #extraBottomFooterInfo { padding: 20px 20px; } #extraBottomFooterInfo .companyLogo { text-align: center; padding: 40px; clear: both; } #extraBottomFooterInfo .companyLogo p { text-align: center !important; } .introImageWrapper { float: none; width: 100%; } .newsItemWrapper p { font-size: 8pt; line-height: 1.4em; } .readmore { position: relative; display: block; text-align: center; } .item-page { padding: 20px; position: inherit; } /* .item-image { width: 50%; padding: 20px; } */ .pull-left.item-image img { margin: 0px 20px 0px 0px; } .pull-right.item-image img { margin: 0px 0px 0px 20px; } .backbutton a { position: absolute; top: 0px; left: 140px; width: 74px; border: none; padding: 6px 5px; margin: 0; } /* HOME */ .home-banners .span4 { min-height: 480px; text-align: center; } .home-banners .span3 { min-height: 340px; text-align: center; } .home-banners .span4 h3, .home-banners .span3 h3 { font-size: 16pt; min-height: 80px;} /* PRODUCTS */ .blog { padding: 0 20px; text-align: center; } .blog .items-row [class*="span"] .item .page-header h2 { font-size: 125%; text-align: center; } p.readmore a.btn { font-size: 10pt; padding: 4px 11px;} #pageOverride-1179 .nav-tabs.nav-stacked li a { padding: 10px; } #pageOverride-1179 .category-desc img { max-width: 50%; } } /* ======================================================================== */ /* 768px -> 959px /* ======================================================================== */ @media only screen and (min-width: 768px) and (max-width: 959px) { #header { height: 90px; } #header .span3:first-of-type { text-align: center; } #header .moduletable.strapline { margin-top: 8px; } #header-top .span12 { min-height: 40px; } #header-top .moduletable.telephone a { margin: 9px; } #moduleBeforeContent { background-color: #929292; } #mainContent { min-height: 630px; } #messageBar { height: auto; } #messageBar p { line-height: 1.8em; text-align: center; padding: 10px 40px; font-size: 12pt; } #messageBar a { position: relative; margin: 8px auto 20px auto; } .navigation a, .navigation a:visited { font-size: 80%; padding: 0px 0.5em 0px 0.5em; } .newsItemWrapper p { font-size: 8pt; line-height: 1.4em; } .readmore { padding: 0px 5px; border-radius: 3px; font-size: 7pt; right: 0px; bottom: -4px; } .item-page { padding: 0px; position: inherit; } /* .item-image { width: 50%; padding: 20px; } */ .pull-left.item-image img { margin: 0px 20px 0px 0px; } .pull-right.item-image img { margin: 0px 0px 0px 20px; } .backbutton a { position: absolute; top: 0px; left: 0px; width: 110px; border: none; padding: 6px 3px 6px 3px; margin: 0; } #extraBottomFooterInfo .nav>li>a { padding: 0px 10px 0px 0px; font-size: 9pt; } /* PRODUCTS SECTION*/ .blog .cat-children .subcategory h3 { font-size: 11pt; min-height: 350px;} .blog .cat-children .subcategory .category-desc { font-size: 10pt; } #pageOverride-1181 .blog .items-row [class*="span"] .item .page-header h2 { font-size: 8pt; padding: 5px; line-height: 1.4em } #pageOverride-1182 .blog .items-row [class*="span"] .item .page-header h2 { min-height: 100px; font-size: 8pt; padding: 5px; line-height: 1.4em } /* Product Page */ .rl_tabs.outline_content>ul.nav-tabs { background-color: #f5f5f5; } .rl_tabs.top>ul.nav-tabs>li>a { padding: 8px 23px; } .tab-content .span10 { display: block; float: none; text-align: center; margin: auto; width: 100%;} .tab-content .span2 { float: none; display: block; width: 100%; margin: 20px 0; } } /* ======================================================================== */ /* 960px -> 1030px /* ======================================================================== */ @media only screen and (min-width: 960px) and (max-width: 1030px) { #moduleBeforeContent { background-color: #929292; } #messageBar p { font-size: 10pt; } .item-page { padding: 0px; position: inherit; } .newsItemWrapper p { font-size: 10pt; line-height: 1.4em; } .readmore { padding: 0px 5px; border-radius: 3px; font-size: 8pt; right: 2px; sbottom: 2px; } .backbutton a { position: absolute; top: 0px; left: 0px; width: 110px; border: none; padding: 6px 3px 6px 3px; margin: 0; } /* PRODUCTS SECTION*/ .blog .cat-children .subcategory h3 { font-size: 11pt; min-height: 320px;} .blog .cat-children .subcategory .category-desc { font-size: 10pt; } #pageOverride-1182 .blog .items-row [class*="span"] .item .page-header h2 { min-height: 120px; } /* Product Page */ .rl_tabs.outline_content>ul.nav-tabs { background-color: #f5f5f5; } .rl_tabs.top>ul.nav-tabs>li>a { padding: 8px 50px; } }