/* default styles for extension "tx_felogin_pi1" */ .tx-felogin-pi1 label { display: block; } /* default styles for extension "tx_indexedsearch" */ .tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; } .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; } .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; } .tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; } .tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; } .tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; } .tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; } .tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; } .tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; } /* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */ .tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; } .tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; } .tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; } .tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; } .tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; } .tx-indexedsearch .info-tmpl-css dd.item-path { float:none; } /* default styles for extension "tx_cssstyledcontent" */ /* Headers */ .csc-header-alignment-center { text-align: center; } .csc-header-alignment-right { text-align: right; } .csc-header-alignment-left { text-align: left; } div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Clear floats after csc-textpic and after csc-textpic-imagerow */ div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; } /* Set padding for tables */ div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; } div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; } /* Settings for figure and figcaption (HTML5) */ div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; } /* Captions */ figcaption.csc-textpic-caption { display: table-caption; } .csc-textpic-caption { text-align: left; caption-side: bottom; } div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; } div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; } div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; } /* Float the columns */ div.csc-textpic div.csc-textpic-imagecolumn { float: left; } /* Border just around the image */ div.csc-textpic-border div.csc-textpic-imagewrap img { border: 2px solid black; padding: 0px 0px; } div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; } /* Space below each image (also in-between rows) */ div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; } div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; } /* colSpace around image columns, except for last column */ div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 10px; } div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; } /* Add margin from image-block to text (in case of "Text & Images") */ div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { margin-right: 10px; } div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { margin-left: 10px; } /* Positioning of images: */ /* Center (above or below) */ div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; } div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; } div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; } /* Right (above or below) */ div.csc-textpic-right .csc-textpic-imagewrap { float: right; } div.csc-textpic-right div.csc-textpic-text { clear: right; } /* Left (above or below) */ div.csc-textpic-left .csc-textpic-imagewrap { float: left; } div.csc-textpic-left div.csc-textpic-text { clear: left; } /* Left (in text) */ div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; } /* Right (in text) */ div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; } /* Right (in text, no wrap around) */ div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; } /* Left (in text, no wrap around) */ div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; } div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; } /* Browser fixes: */ /* Fix for unordered and ordered list with image "In text, left" */ .csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; } /* File Links */ ul.csc-uploads { padding: 0; } ul.csc-uploads li { list-style: none outside none; margin: 1em 0; } ul.csc-uploads img { float: left; margin-right: 1em; vertical-align: top; } ul.csc-uploads span { display: block; } ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; } /* Table background colors: */ table.contenttable-color-1 { background-color: #EDEBF1; } table.contenttable-color-2 { background-color: #F5FFAA; } table.contenttable-color-240 { background-color: black; } table.contenttable-color-241 { background-color: white; } table.contenttable-color-242 { background-color: #333333; } table.contenttable-color-243 { background-color: gray; } table.contenttable-color-244 { background-color: silver; } /* specific page styles for extension "tx_cssstyledcontent" */ .csc-textpic-intext-right-nowrap .csc-textpic-text { margin-right: 490px; } .csc-textpic-intext-left-nowrap .csc-textpic-text { margin-left: 490px; } .csc-space-before-20 { margin-top: 20px !important; } .csc-space-after-40 { margin-bottom: 40px !important; } .csc-space-before-60 { margin-top: 60px !important; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } body { background-color: white; color: #333333; font-family: open-sans, verdana, helvetica, sans-serif; font-size: 0.875em; line-height: 1.4285714285714286em; } strong, b { font-weight: bold; } em, i { font-style: italic; } p { margin-bottom: 20px; } a { color: color-1; text-decoration: none; } a:hover, a:focus { color: color-2; } /* @group Headlines */ h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: bold; } h1 { font-size: 30px; line-height: 33px; margin-bottom: 7px; } h2 { font-size: 25px; line-height: 28px; margin-bottom: 5px; } h3 { font-size: 20px; line-height: 24px; margin-bottom: 2px; } h4 { font-size: 16px; line-height: 20px; margin-bottom: 0; } h5 { font-size: 14px; line-height: 20px; margin-bottom: 0; } h6 { font-size: 14px; line-height: 20px; margin-bottom: 0; } /* @end */ /* @group Lists and Block Quotes */ ul, ol { margin: 0 0 20px 40px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } ul { list-style: disc; } ol { list-style: decimal; } dl { margin-bottom: 20px; } dl dt { font-weight: bold; } dl dd { margin-left: 40px; } blockquote { margin: 0 40px 20px 40px; } nav ul { margin: 0; list-style: none; } /* @end */ /* @group Code and Pre */ code, pre, kbd, samp { font-family: Monaco, Andale Mono, Courier New, monospace; } /* @end */ /* @group Additional Tags */ sup { font-size: .85em; vertical-align: super; } sub { font-size: .85em; vertical-align: sub; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } q:before { content: open-quote; } q:after { content: close-quote; } cite, var { font-style: italic; } ins { text-decoration: underline; } /* @end Additional Tags */ body, .htmlarea-content-body { background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/body-bg.jpg?1362376072'); color: #666666; font-family: open-sans, verdana, helvetica, sans-serif; font-size: 15px; font-style: normal; line-height: 22px; } .htmlarea-content-body { background: none; background-color: white; } h1, h2, h3, h4, h5, h6 { line-height: 1.3; } h1 { color: #002d56; font-family: open-sans, verdana, helvetica, sans-serif; font-size: 39px; font-weight: normal; line-height: 44px; } h2 { color: #00adee; font-family: open-sans, verdana, helvetica, sans-serif; font-size: 28px; font-weight: normal; margin-bottom: 20px; line-height: 32px; } h3 { color: #98012e; font-family: open-sans, verdana, helvetica, sans-serif; font-size: 23px; font-weight: normal; margin-bottom: 10px; } h4, h5, h6 { color: #002d56; font-family: open-sans, verdana, helvetica, sans-serif; font-weight: 700; line-height: 22px; } h4 { line-height: 24px; } a { color: #00adee; text-decoration: none; } a:focus, a:hover { color: #98012e; } /**************************************/ /**************************************/ /************** sprites ***************/ /**************************************/ /**************************************/ .icons-sprite, #header-page #identity, #header-page #global-nav > ul li:last-child, #header-page #global-nav .content.contracts .column-1 ul li a, #header-page #account, .desktop-big #header-page #account, #utility-menu-wrap-outer #site-search #search-submit, #utility-menu-wrap-outer #sns li.icon-facebook, #utility-menu-wrap-outer #sns li.icon-twitter, #utility-menu-wrap-outer #sns li.icon-googleplus, #utility-menu-wrap-outer #sns li.icon-linkedin, #footer-page #footer #content-footer .column:nth-child(1), #footer-page #footer #content-footer .column:nth-child(2), #footer-page #footer #content-footer .column:nth-child(3), #footer-page #footer #content-footer .column:nth-child(4), #footer-page #footer #footer-links li, #sidebar-register-btn a, #local-nav .category li.category-icon:nth-child(1) > a, #local-nav .category li.category-icon:nth-child(2) > a, #local-nav .category li.category-icon:nth-child(3) > a, #local-nav .category li.category-icon:nth-child(4) > a, #local-nav .category li .flyout .suppliers li a, #f1a #feature #feature-nav li#register a, #f1a #feature #feature-nav li#login a, #f1a #feature #feature-nav li#shopping a, #f1a #big-icons li#icon-education a, #f1a #big-icons li#icon-agency a, #f1a #big-icons li#icon-ngo a, #f1a #big-icons li#icon-housing a, #f1a .container-shadow, #f1a #founders, #f1a #founders ul li a.sponsor-naco, #f1a #founders ul li a.sponsor-asbo, #f1a #founders ul li a.sponsor-nlc, #f1a #founders ul li a.sponsor-com, #microsite-wrap #microsite-tab-container, #microsite-wrap #microsite-tab-container .microsite-tab, #microsite-wrap #microsite-tab-container .microsite-tab.active, .desktop-big #microsite-wrap #microsite-tab-container .microsite-tab, .tablet-small #microsite-wrap #microsite-tab-container .microsite-tab, .phone #microsite-wrap #microsite-tab-container .microsite-tab, .desktop-big #microsite-wrap #microsite-tab-container .microsite-tab.active, .tablet-small #microsite-wrap #microsite-tab-container .microsite-tab.active, .phone #microsite-wrap #microsite-tab-container .microsite-tab.active, .phone-horizontal #microsite-wrap #microsite-tab-container .microsite-tab, .phone-horizontal #microsite-wrap #microsite-tab-container .microsite-tab.active, .solutions-teaser .solutions-teaser-general-info .solutions-teaser-button, .phone-horizontal .solutions-teaser .solutions-teaser-general-info .solutions-teaser-button, .phone .solutions-teaser .solutions-teaser-general-info .solutions-teaser-button, .solicitation-contract-wrap .right-column .file-box ul li, .solicitation-contract-wrap .right-column .file-box ul li.pdf, .solicitation-contract-wrap .right-column .file-box ul li.xls, .solicitation-contract-wrap .right-column .file-box ul li.xlsx, .solicitation-contract-wrap .right-column .file-box ul li.doc, .solicitation-contract-wrap .right-column .file-box ul li.docx, .solicitation-contract-wrap .right-column .file-box ul li.ppt, .solicitation-contract-wrap .right-column .file-box ul li.pptx, .solicitation-contract-wrap .right-column .file-box ul li.txt, .solicitation-contract-wrap .right-column .file-box ul li.zip, .webinars .register .register-button, .carousel-wrapper .list_carousel ul li, .tx-cal-controller .event-list .event .summary .detail-link a, .tx-cal-controller #calendar-event .month, .tx-cal-controller #calendar-event .organizer, .tx-cal-controller #calendar-event .location, .tx-cal-controller #calendar-event-backlink a, .phone .tx-cal-controller .event-list .event .summary .detail-link a, .phone .tx-cal-controller #calendar-event-backlink a, .video-archive .video-watch-link a, .video-archive .tabs-wrap .video-archive-tab-content .back-button, .accordion-wrap .accordion-header, .accordion-wrap .accordion-header.open, .contact-supplier-form .description .description-icon, .news-single .news-list-date, .news-single .news-list-author, #header-page-mobile #mobile-main-menu li .dropdown-menu-arrow, #header-page-mobile #mobile-search-box #site-search #search-submit { background-image: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/icons-s015d46fa37.png'); background-repeat: no-repeat; } /**************************************/ /**************************************/ /******* sprite for template **********/ /**************************************/ /**************************************/ #header-page #identity { background-position: 0 -14543px; } #header-page #global-nav > ul li:last-child { background-position: 0 -7170px; } #header-page #global-nav .content.contracts .column-1 ul li a { background-position: 0 -14938px; } #header-page #global-nav .content.contracts .column-1 ul li a:hover, #header-page #global-nav .content.contracts .column-1 ul li a.menu-dot-hover { background-position: 0 -14777px; } #header-page #account { background-position: 0 -14356px; } .desktop-big #header-page #account { background-position: 0 -14169px; } #utility-menu-wrap-outer #site-search #search-submit { background-position: 0 -15257px; } #utility-menu-wrap-outer #sns li.icon-facebook { background-position: 0 -15634px; } #utility-menu-wrap-outer #sns li.icon-twitter { background-position: 0 -16144px; } #utility-menu-wrap-outer #sns li.icon-googleplus { background-position: 0 -15804px; } #utility-menu-wrap-outer #sns li.icon-linkedin { background-position: 0 -15974px; } #footer-page #footer #content-footer .column:nth-child(1) { background-position: 0 -6455px; } #footer-page #footer #content-footer .column:nth-child(2) { background-position: 0 -6990px; } #footer-page #footer #content-footer .column:nth-child(3) { background-position: 0 -6275px; } #footer-page #footer #content-footer .column:nth-child(4) { background-position: 0 -6635px; } #footer-page #footer #footer-links li { background-position: 0 -6815px; } #sidebar-register-btn a { background-position: 0 -15429px; } #local-nav .category li.category-icon:nth-child(1) > a { background-position: 0 -13465px; } #local-nav .category li.category-icon:nth-child(2) > a { background-position: 0 -13641px; } #local-nav .category li.category-icon:nth-child(3) > a { background-position: 0 -13817px; } #local-nav .category li.category-icon:nth-child(4) > a { background-position: 0 -13993px; } #local-nav .category li .flyout .suppliers li a { background-position: 0 -13304px; } #local-nav .category li .flyout .suppliers li a:hover, #local-nav .category li .flyout .suppliers li a.local-menu-dot-hover { background-position: 0 -13143px; } /**************************************/ /**************************************/ /********** sprite for home ***********/ /**************************************/ /**************************************/ #f1a #feature #feature-nav li#register a { background-position: 0 -11043px; } #f1a #feature #feature-nav li#register a:hover, #f1a #feature #feature-nav li#register a.home-register-icon-hover { background-position: 0 -10853px; } #f1a #feature #feature-nav li#login a { background-position: 0 -10481px; } #f1a #feature #feature-nav li#login a:hover, #f1a #feature #feature-nav li#login a.home-login-icon-hover { background-position: 0 -10291px; } #f1a #feature #feature-nav li#shopping a { background-position: 0 -12073px; } #f1a #feature #feature-nav li#shopping a:hover, #f1a #feature #feature-nav li#shopping a.home-shopping-icon-hover { background-position: 0 -11883px; } #f1a #big-icons li#icon-education a { background-position: 0 -8791px; } #f1a #big-icons li#icon-education a:hover, #f1a #big-icons li#icon-education a.home-icon-education-hover { background-position: 0 -8491px; } #f1a #big-icons li#icon-agency a { background-position: 0 -8191px; } #f1a #big-icons li#icon-agency a:hover, #f1a #big-icons li#icon-agency a.home-icon-agency-hover { background-position: 0 -7891px; } #f1a #big-icons li#icon-ngo a { background-position: 0 -9991px; } #f1a #big-icons li#icon-ngo a:hover, #f1a #big-icons li#icon-ngo a.home-icon-ngo-hover { background-position: 0 -9691px; } #f1a #big-icons li#icon-housing a { background-position: 0 -9391px; } #f1a #big-icons li#icon-housing a:hover, #f1a #big-icons li#icon-housing a.home-icon-housing-hover { background-position: 0 -9091px; } #f1a .container-shadow { background-position: 0 -11233px; } #f1a #founders { background-position: 0 -7341px; } #f1a #founders ul li a.sponsor-naco { background-position: 0 -12703px; } #f1a #founders ul li a.sponsor-asbo { background-position: 0 -12263px; } #f1a #founders ul li a.sponsor-nlc { background-position: 0 -12923px; } #f1a #founders ul li a.sponsor-com { background-position: 0 -12483px; } /**************************************/ /**************************************/ /******* sprite for CE, plugin ********/ /**************************************/ /**************************************/ /******* microsite ******/ #microsite-wrap #microsite-tab-container { background-position: 0 -1886px; } #microsite-wrap #microsite-tab-container .microsite-tab { background-position: 0 -3001px; } #microsite-wrap #microsite-tab-container .microsite-tab:active, #microsite-wrap #microsite-tab-container .microsite-tab.ext-microsite-tab-small-active { background-position: 0 -2816px; } #microsite-wrap #microsite-tab-container .microsite-tab.active { background-position: 0 -2816px; } .desktop-big #microsite-wrap #microsite-tab-container .microsite-tab, .tablet-small #microsite-wrap #microsite-tab-container .microsite-tab, .phone #microsite-wrap #microsite-tab-container .microsite-tab { background-position: 0 -2631px; } .desktop-big #microsite-wrap #microsite-tab-container .microsite-tab:active, .desktop-big #microsite-wrap #microsite-tab-container .microsite-tab.ext-microsite-tab-medium-active, .tablet-small #microsite-wrap #microsite-tab-container .microsite-tab:active, .tablet-small #microsite-wrap #microsite-tab-container .microsite-tab.ext-microsite-tab-medium-active, .phone #microsite-wrap #microsite-tab-container .microsite-tab:active, .phone #microsite-wrap #microsite-tab-container .microsite-tab.ext-microsite-tab-medium-active { background-position: 0 -2446px; } .desktop-big #microsite-wrap #microsite-tab-container .microsite-tab.active, .tablet-small #microsite-wrap #microsite-tab-container .microsite-tab.active, .phone #microsite-wrap #microsite-tab-container .microsite-tab.active { background-position: 0 -2446px; } .phone-horizontal #microsite-wrap #microsite-tab-container .microsite-tab { background-position: 0 -2261px; } .phone-horizontal #microsite-wrap #microsite-tab-container .microsite-tab:active, .phone-horizontal #microsite-wrap #microsite-tab-container .microsite-tab.ext-microsite-tab-large-active { background-position: 0 -2076px; } .phone-horizontal #microsite-wrap #microsite-tab-container .microsite-tab.active { background-position: 0 -2076px; } /******* solutions teaser *******/ .solutions-teaser .solutions-teaser-general-info .solutions-teaser-button { background-position: 0 -5222px; } .phone-horizontal .solutions-teaser .solutions-teaser-general-info .solutions-teaser-button, .phone .solutions-teaser .solutions-teaser-general-info .solutions-teaser-button { background-position: 0 -5049px; } /******* solicitationContract CE ******/ .solicitation-contract-wrap .right-column .file-box ul li { background-position: 0 -4029px; } .solicitation-contract-wrap .right-column .file-box ul li.pdf { background-position: 0 -4199px; } .solicitation-contract-wrap .right-column .file-box ul li.xls { background-position: 0 -4709px; } .solicitation-contract-wrap .right-column .file-box ul li.xlsx { background-position: 0 -4709px; } .solicitation-contract-wrap .right-column .file-box ul li.doc { background-position: 0 -3859px; } .solicitation-contract-wrap .right-column .file-box ul li.docx { background-position: 0 -3859px; } .solicitation-contract-wrap .right-column .file-box ul li.ppt { background-position: 0 -4369px; } .solicitation-contract-wrap .right-column .file-box ul li.pptx { background-position: 0 -4029px; } .solicitation-contract-wrap .right-column .file-box ul li.txt { background-position: 0 -4539px; } .solicitation-contract-wrap .right-column .file-box ul li.zip { background-position: 0 -4879px; } /************ webinars CE *************/ .webinars .register .register-button { background-position: 0 -6088px; } /******* logo Carousel CE ********/ .carousel-wrapper .list_carousel ul li { background-position: 0 -1703px; } /************ calendar CE *************/ .tx-cal-controller .event-list .event .summary .detail-link a { background-position: 0 -1020px; } .tx-cal-controller #calendar-event .month { background-position: 0 -680px; } .tx-cal-controller #calendar-event .organizer { background-position: 0 -1374px; } .tx-cal-controller #calendar-event .location { background-position: 0 -1207px; } .tx-cal-controller #calendar-event-backlink a { background-position: 0 -1020px; } .phone .tx-cal-controller .event-list .event .summary .detail-link a { background-position: 0 -847px; } .phone .tx-cal-controller #calendar-event-backlink a { background-position: 0 -847px; } /****** video archive extension *******/ .video-archive .video-watch-link a { background-position: 0 -5901px; } .video-archive .tabs-wrap .video-archive-tab-content .back-button { background-position: 0 -5414px; } /**** Accordion FCE ****/ .accordion-wrap .accordion-header { background-position: 0 -510px; } .accordion-wrap .accordion-header:hover, .accordion-wrap .accordion-header.ext-accordion-indicator-plus-hover { background-position: 0 -340px; } .accordion-wrap .accordion-header.open { background-position: 0 -170px; } .accordion-wrap .accordion-header.open:hover, .accordion-wrap .accordion-header.open.ext-accordion-indicator-minus-hover { background-position: 0 0; } /**** USC Form Handler ****/ .contact-supplier-form .description .description-icon { background-position: 0 -1541px; } /****** news extension *******/ .news-single .news-list-date { background-position: 0 -3186px; } .news-single .news-list-author { background-position: 0 -3697px; } /**************************************/ /**************************************/ /*************** mobile ***************/ /**************************************/ /**************************************/ #header-page-mobile #mobile-main-menu li .dropdown-menu-arrow { background-position: 0 -15099px; } #header-page-mobile #mobile-search-box #site-search #search-submit { background-position: 0 -15257px; } .clear { clear: both; } .clear-only { clear: both; height: 0px; margin: 0; padding: 0; overflow: hidden; line-height: 0; font-size: 0; } .first-header, .csc-firstHeader { margin-top: 0; } .out-of-sight { position: absolute; top: 0; left: -4000px; } .graphic-text-wrap { overflow: hidden; } .graphic-text { line-height: 300px; display: block; } .align-right { text-align: right; } .align-left { text-align: left; } .align-center { text-align: center; } .highlight { color: red; } .bleed { padding: 0; } .indent { margin-left: 40px; } .no-margin-bottom, p.no-margin-bottom, ul.no-margin-bottom, h1.no-margin-bottom, h2.no-margin-bottom, h3.no-margin-bottom, h4.no-margin-bottom, h5.no-margin-bottom, h6.no-margin-bottom { margin-bottom: 0px; } span.no-wrap, b.no-wrap, strong.no-wrap, i.no-wrap, em.no-wrap { white-space: nowrap; } .clearfix:before, #page-wrap-outer:before, #page-wrap-outer #page-wrap:before, #f1a #big-icons:before, #f1a #founders:before, #supplier-tabs-outer-wrap .supplier-info:before, #microsite-wrap .microsite-info:before, #microsite-wrap #microsite-tab-container:before, .solutions-teaser:before, .solicitation-contract-wrap:before, .solicitation-contract-wrap .posting-subtitle:before, .solicitation-contract-wrap .posting .odd:before, .solicitation-contract-wrap .posting .even:before, .webinars-list-wrap .webinars-list li:before, .webinars:before, .webinars .register-title:before, .webinars .register .odd:before, .webinars .register .even:before, .tx-cal-controller #calendar-event:before, .video-archive .video-archive-selected:before, .video-archive .video-archive-selected .video-archive-list-wide li:before, .video-archive .tabs-wrap .video-archive-tab-content .video-archive-list:before, .video-archive .tabs-wrap .video-archive-tab-content .video-archive-list li:before, .video-archive .tabs-wrap .video-archive-tab-content .video-archive-categories:before, .subcategory-wrap:before, .contact-supplier-form:before, .contact-supplier-form .category:before, .contact-supplier-form #email-wrap:before, .blog-list-view .article:before, #solutions-content:before, #header-page #global-nav > ul:before, #header-page #global-nav .content.products .column-1:before, #header-page #global-nav .content.products .column-1 .headline-wrap:before, #utility-menu-wrap-outer:before, #breadcrumb:before, .clearfix:after, #page-wrap-outer:after, #page-wrap-outer #page-wrap:after, #f1a #big-icons:after, #f1a #founders:after, #supplier-tabs-outer-wrap .supplier-info:after, #microsite-wrap .microsite-info:after, #microsite-wrap #microsite-tab-container:after, .solutions-teaser:after, .solicitation-contract-wrap:after, .solicitation-contract-wrap .posting-subtitle:after, .solicitation-contract-wrap .posting .odd:after, .solicitation-contract-wrap .posting .even:after, .webinars-list-wrap .webinars-list li:after, .webinars:after, .webinars .register-title:after, .webinars .register .odd:after, .webinars .register .even:after, .tx-cal-controller #calendar-event:after, .video-archive .video-archive-selected:after, .video-archive .video-archive-selected .video-archive-list-wide li:after, .video-archive .tabs-wrap .video-archive-tab-content .video-archive-list:after, .video-archive .tabs-wrap .video-archive-tab-content .video-archive-list li:after, .video-archive .tabs-wrap .video-archive-tab-content .video-archive-categories:after, .subcategory-wrap:after, .contact-supplier-form:after, .contact-supplier-form .category:after, .contact-supplier-form #email-wrap:after, .blog-list-view .article:after, #solutions-content:after, #header-page #global-nav > ul:after, #header-page #global-nav .content.products .column-1:after, #header-page #global-nav .content.products .column-1 .headline-wrap:after, #utility-menu-wrap-outer:after, #breadcrumb:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .clearfix:after, #page-wrap-outer:after, #page-wrap-outer #page-wrap:after, #f1a #big-icons:after, #f1a #founders:after, #supplier-tabs-outer-wrap .supplier-info:after, #microsite-wrap .microsite-info:after, #microsite-wrap #microsite-tab-container:after, .solutions-teaser:after, .solicitation-contract-wrap:after, .solicitation-contract-wrap .posting-subtitle:after, .solicitation-contract-wrap .posting .odd:after, .solicitation-contract-wrap .posting .even:after, .webinars-list-wrap .webinars-list li:after, .webinars:after, .webinars .register-title:after, .webinars .register .odd:after, .webinars .register .even:after, .tx-cal-controller #calendar-event:after, .video-archive .video-archive-selected:after, .video-archive .video-archive-selected .video-archive-list-wide li:after, .video-archive .tabs-wrap .video-archive-tab-content .video-archive-list:after, .video-archive .tabs-wrap .video-archive-tab-content .video-archive-list li:after, .video-archive .tabs-wrap .video-archive-tab-content .video-archive-categories:after, .subcategory-wrap:after, .contact-supplier-form:after, .contact-supplier-form .category:after, .contact-supplier-form #email-wrap:after, .blog-list-view .article:after, #solutions-content:after, #header-page #global-nav > ul:after, #header-page #global-nav .content.products .column-1:after, #header-page #global-nav .content.products .column-1 .headline-wrap:after, #utility-menu-wrap-outer:after, #breadcrumb:after { clear: both; } /* @todo-ron may be able to eliminate the clearfix zoom once ie7 drops off support */ .clearfix, #page-wrap-outer, #page-wrap-outer #page-wrap, #f1a #big-icons, #f1a #founders, #supplier-tabs-outer-wrap .supplier-info, #microsite-wrap .microsite-info, #microsite-wrap #microsite-tab-container, .solutions-teaser, .solicitation-contract-wrap, .solicitation-contract-wrap .posting-subtitle, .solicitation-contract-wrap .posting .odd, .solicitation-contract-wrap .posting .even, .webinars-list-wrap .webinars-list li, .webinars, .webinars .register-title, .webinars .register .odd, .webinars .register .even, .tx-cal-controller #calendar-event, .video-archive .video-archive-selected, .video-archive .video-archive-selected .video-archive-list-wide li, .video-archive .tabs-wrap .video-archive-tab-content .video-archive-list, .video-archive .tabs-wrap .video-archive-tab-content .video-archive-list li, .video-archive .tabs-wrap .video-archive-tab-content .video-archive-categories, .subcategory-wrap, .contact-supplier-form, .contact-supplier-form .category, .contact-supplier-form #email-wrap, .blog-list-view .article, #solutions-content, #header-page #global-nav > ul, #header-page #global-nav .content.products .column-1, #header-page #global-nav .content.products .column-1 .headline-wrap, #utility-menu-wrap-outer, #breadcrumb { zoom: 1; } a.button-red, a.button-gray, a.button-blue, a.button-navy { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: inline-block; zoom: 1; *display: inline; background-color: #98012e; padding: 8px 10px; color: #ffffff; text-shadow: 1px 1px 1px #aaaaaa; text-shadow: 1px 1px 1px #333333 #aaaaaa; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JlMDEzYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk4MDEyZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #be013a), color-stop(100%, #98012e)); background-image: -moz-linear-gradient(#be013a, #98012e); background-image: -webkit-linear-gradient(#be013a, #98012e); background-image: linear-gradient(#be013a, #98012e); } a.button-red:hover, a.button-gray:hover, a.button-blue:hover, a.button-navy:hover { text-decoration: underline; } a.button-gray { background-color: #808080; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzYjNiMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b3b3b3), color-stop(100%, #808080)); background-image: -moz-linear-gradient(#b3b3b3, #808080); background-image: -webkit-linear-gradient(#b3b3b3, #808080); background-image: linear-gradient(#b3b3b3, #808080); } a.button-blue { background-color: #00adee; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyYjdmYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAzOWVkOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #02b7fb), color-stop(100%, #039ed8)); background-image: -moz-linear-gradient(#02b7fb, #039ed8); background-image: -webkit-linear-gradient(#02b7fb, #039ed8); background-image: linear-gradient(#02b7fb, #039ed8); } a.button-navy { background-color: #002d56; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyNDc4NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMmQ1NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #024787), color-stop(100%, #002d56)); background-image: -moz-linear-gradient(#024787, #002d56); background-image: -webkit-linear-gradient(#024787, #002d56); background-image: linear-gradient(#024787, #002d56); } .small, p.small { font-size: 13px; } h1.small { font-size: 30px; } h2.small { font-size: 22px; } h3.small { font-size: 18px; } h4.small { font-size: 15px; } h5.small { font-size: 14px; } h6.small { font-size: 13px; } .line-height-12, p.line-height-12 { line-height: 1.2; } .line-height-14, p.line-height-14 { line-height: 1.4; } th, td { padding: 5px 25px 5px 0; min-height: 25px; } table { width: 100%; } table.half-half th, table.half-half td { padding: 5px 0; width: 50%; } table.third-third-third td, table.third-third-third td { padding: 0; width: 33%; } /* td.spancolumn-1 { width: 100px; } td.spancolumn-2 { width: 200px; } */ /* @todo-ron MAY NEED WORK ON THIS FOR RESPONSIVE OR GENERATED PIXEL STYLES */ .column-group.rule { border-bottom: 1px solid #BFBFBF; } /* @todo-ron STILL A LOT OF WORK TO DO ON THIS INCLUDING RESPONSIVE OR GENERATED PIXEL STYLES */ .module-group { /* @todo-ron still need to clean up border radius */ } .module-group .module { margin-bottom: 15px; } .module-group .module .header { margin: 0; padding: 4px 15px 0 0; color: #B3B3B3; font-size: 14px; background-color: #f2f2f2; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; } .module-group .module .header span { display: block; padding: 5px 0 5px 10px; } .module-group .module .footer { height: 15px; margin: 0; padding-right: 15px; font-size: 1px; overflow: hidden; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; background-color: #f2f2f2; } .module-group .module .footer span { display: block; height: 15px; } .module-group .module .body { /* Make sure these two values match the TS constant moduleBodyBorderWidth */ border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .module-group .module .body .inner-wrap { padding: 10px 10px 10px 10px; } .module-group .module .body .inner-wrap.bleed { padding: 0; } figcaption.csc-textpic-caption { font-size: 12px; font-family: helvetica, arial, sans-serif; font-style: italic; margin-top: 5px; } body { min-width: 1000px; } #page-wrap-outer { background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/page-bg.jpg?1362376072'); } #page-wrap-outer #page-wrap { margin: 0 auto 50px; padding: 0; width: 960px; background: #fcfcfc; -moz-box-shadow: 0 0 30px 0 #CCCCCC; -webkit-box-shadow: 0 0 30px 0 #CCCCCC; box-shadow: 0 0 30px 0 #CCCCCC; position: relative; } #generated-content-1 { width: 145px; padding: 30px 15px; float: left; text-align: center; margin-top: 40px; position: relative; z-index: 200; -moz-box-shadow: inset 0px 0px 10px 0 #B3B3B3; -webkit-box-shadow: inset 0px 0px 10px 0 #B3B3B3; box-shadow: inset 0px 0px 10px 0 #B3B3B3; } #content-wrap { position: relative; z-index: 50; } #f1a { min-width: 1114px; } #f1a #feature { width: 1114px; margin-left: -77px; margin-top: 15px; position: relative; } #f1a #content-wrap { width: 100%; float: right; position: relative; } #f1c #feature { width: 920px; padding: 20px; } #f1c #feature.bleed { padding: 0; width: 960px; } #f1c #content-wrap { width: 920px; padding: 20px; } #f1c #content-wrap #content-block-1 { float: none; width: 100%; } #f1d #feature { float: right; padding-right: 20px; width: 740px; } #f1d #feature.bleed { padding: 0; width: 760px; } #f1d #content-wrap { width: 740px; float: right; margin-right: 20px; padding-bottom: 30px; } #f2d #feature, #f3d #feature { float: right; padding-right: 20px; width: 740px; } #f2d #feature.bleed, #f3d #feature.bleed { padding: 0; width: 760px; } #f2d #content-wrap, #f3d #content-wrap { width: 760px; float: right; padding-bottom: 30px; } #f2d #content-block-2, #f3d #content-block-2 { float: right; margin-right: 20px; width: 180px; } #f2d #content-block-1, #f3d #content-block-1 { float: left; width: 535px; } #f3d #content-block-3 { float: right; margin-right: 20px; width: 180px; clear: right; } .wf-loading body { opacity: 0; } body { opacity: 1; transition: opacity 0.1s ease-in-out; } #f1a #feature #feature-nav { position: absolute; top: -20px; right: 77px; width: 250px; height: 280px; background-color: #fcfcfc; padding: 20px 10px; z-index: 50; } #f1a #feature #feature-nav li { border-bottom: 1px solid #ccc; padding: 20px 0px; margin: 0 5px; text-align: center; } #f1a #feature #feature-nav li a { background: left 0 no-repeat; font-size: 24px; color: #002d56; display: block; height: 40px; padding-left: 20px; font-family: open-sans, verdana, helvetica, sans-serif; } #f1a #feature #feature-nav li a:hover { color: #98012e; background-position: left -40px; } #f1a #feature #feature-nav li span { font-size: 15px; color: #aaaaaa; display: block; margin-left: 20px; margin-top: -10px; font-family: Georgia, Times, "Times New Roman", serif; } #f1a #big-icons { background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/home/big-icon-bg.jpg?1441847334') center top no-repeat; margin: 0; list-style: none; } #f1a #big-icons h2 { text-align: center; } #f1a #big-icons li { width: 200px; margin: 0 20px; float: left; text-align: center; } #f1a #big-icons li a { display: block; padding-top: 155px; font-size: 18px; line-height: 22px; } #f1a #to-top-wrap { border: 3px solid #00adee; } #f1a #to-top-wrap #to-top { width: 100px; background: #fcfcfc; text-align: center; padding: 6px 5px; position: absolute; right: 15px; bottom: -35px; cursor: pointer; color: #00adee; display: block; font-size: 12px; -moz-border-radius: 0px 0px 4px 4px / 0px 0px 4px 4px; -webkit-border-radius: 0px 0px; border-radius: 0px 0px 4px 4px / 0px 0px 4px 4px; -moz-box-shadow: 0 2px 3px 0 #CCCCCC; -webkit-box-shadow: 0 2px 3px 0 #CCCCCC; box-shadow: 0 2px 3px 0 #CCCCCC; } #f1a #founders { width: 920px; margin: 0 auto; padding-top: 10px; } #f1a #founders h2 { font-size: 22px; text-align: center; } #f1a #founders h3 { font-size: 14px; color: #B3B3B3; text-align: center; } #f1a #founders ul { list-style: none; margin: 0; text-align: center; } #f1a #founders ul li { display: inline-block; margin: 0 25px; } #f1a #founders ul li a { display: block; } #f1a #founders ul li a.sponsor-logo { height: 70px; text-indent: -9999em; overflow: hidden; } #f1a #founders ul li a.sponsor-naco { width: 150px; } #f1a #founders ul li a.sponsor-asbo { width: 115px; } #f1a #founders ul li a.sponsor-nlc { width: 185px; } #f1a #founders ul li a.sponsor-com { width: 73px; } #f1a #perks-wrap { background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/home/perks-bg.jpg?1426123965') center top no-repeat; padding: 100px 0 30px; } .paper-fold { background: #edf3f4 url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/paper-fold-bg.png?1363763870') right bottom no-repeat; padding: 20px 20px; width: 180px; margin-bottom: 30px; } .ruler-above { padding-top: 25px; border-top: 3px solid #B3B3B3; } .ruler-below { margin-bottom: 25px; border-bottom: 3px solid #B3B3B3; } p.small { font-size: 12px; } .lightbox-content-wrap { max-width: 700px; } #mobile-app-home { background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/mobile/logo-bg-phone.png?1426123965') center 40px no-repeat #eee; position: relative; padding: 10px 20px; margin: 0 -10px; min-height: 400px; } #mobile-app-home p { text-align: center; } #mobile-app-home #mobile-link { border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: rgba(255, 255, 255, 0.8); list-style: none; margin: 60px 0 60px 0; padding: 0; } #mobile-app-home #mobile-link li { border-bottom: 1px solid #aaa; } #mobile-app-home #mobile-link li.register { background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/mobile/icon-register.png?1426123965') 3px center no-repeat; } #mobile-app-home #mobile-link li.suppliers { background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/mobile/icon-suppliers.png?1426123965') 3px center no-repeat; } #mobile-app-home #mobile-link li.documents { background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/mobile/icon-documents.png?1426123965') 3px center no-repeat; } #mobile-app-home #mobile-link li.solutions { background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/mobile/icon-solutions.png?1426123965') 3px center no-repeat; } #mobile-app-home #mobile-link li.contact { background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/mobile/icon-contact.png?1426123965') 3px center no-repeat; } #mobile-app-home #mobile-link li a { display: block; padding: 12px 30px; background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/mobile/icon-arrow.png?1426123965') right center no-repeat; font-size: 15px; color: #333; } #mobile-app-home #mobile-link li:last-child { border-bottom: none; } #mobile-app-home #mobile-link li:hover { background-color: rgba(255, 255, 255, 0.85); } #mobile-app-home #mobile-link li:active { background-color: rgba(255, 255, 255, 0.9); } #mobile-app-home-footer { background: #5d6671; color: white; text-align: center; position: fixed; bottom: 0; left: 0; width: 100%; } #mobile-app-home-footer h3 { color: white; font-size: 15px; margin-bottom: 5px; } #mobile-app-home-footer p { font-size: 10px; margin-bottom: 0; } #mobile-web-home { background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/mobile/logo-bg-phone.png?1426123965') center 40px no-repeat; position: relative; padding: 10px 20px; margin: 0 -10px; min-height: 400px; } #mobile-web-home p { text-align: center; } #mobile-web-home #mobile-link { border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: rgba(255, 255, 255, 0.8); list-style: none; margin: 60px 0 60px 0; padding: 0; } #mobile-web-home #mobile-link li { border-bottom: 1px solid #aaa; } #mobile-web-home #mobile-link li.register { background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/mobile/icon-register.png?1426123965') 3px center no-repeat; } #mobile-web-home #mobile-link li.suppliers { background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/mobile/icon-suppliers.png?1426123965') 3px center no-repeat; } #mobile-web-home #mobile-link li.documents { background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/mobile/icon-documents.png?1426123965') 3px center no-repeat; } #mobile-web-home #mobile-link li.solutions { background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/mobile/icon-solutions.png?1426123965') 3px center no-repeat; } #mobile-web-home #mobile-link li.contact { background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/mobile/icon-contact.png?1426123965') 3px center no-repeat; } #mobile-web-home #mobile-link li.about { background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/mobile/icon-about.png?1426123965') 3px center no-repeat; } #mobile-web-home #mobile-link li.news { background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/mobile/icon-news.png?1426123965') 3px center no-repeat; } #mobile-web-home #mobile-link li.solicitations { background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/mobile/icon-solicitations.png?1426123965') 3px center no-repeat; } #mobile-web-home #mobile-link li a { display: block; padding: 12px 30px; background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/mobile/icon-arrow.png?1426123965') right center no-repeat; font-size: 15px; color: #333; } #mobile-web-home #mobile-link li:last-child { border-bottom: none; } #mobile-web-home #mobile-link li:hover { background-color: rgba(255, 255, 255, 0.85); } #mobile-web-home #mobile-link li:active { background-color: rgba(255, 255, 255, 0.9); } /**************************************/ /**** Force Desktop ****/ /**************************************/ #profile-switch-default { color: #012e57; font-size: 12px; margin-top: 20px; text-align: center; display: block; } #profile-switch-desktop { color: white; margin-top: 10px; display: block; } input[type="submit"]:disabled { background: #eee !important; cursor: wait; color: #aaa; } /**************************************/ /*********** supplier tabs ************/ /**************************************/ #supplier-tabs-outer-wrap .supplier-info { background: #edf3f4; padding: 10px 20px; font-size: 14px; } #supplier-tabs-outer-wrap .supplier-info ul { margin: 0; padding: 0; list-style: none; } #supplier-tabs-outer-wrap .supplier-info ul li { float: left; width: 320px; margin: 3px 0; } #supplier-tabs-outer-wrap .supplier-info ul li.even { float: right; width: 160px; } #supplier-tabs-outer-wrap .supplier-info ul li strong { color: #002d56; } #supplier-tabs-outer-wrap .tabs-wrap { margin: 0 0 20px 0; overflow: hidden; background-color: #edf3f4; } #supplier-tabs-outer-wrap .tabs-wrap .tabs { float: left; width: 100%; padding-top: 14px; margin: 0; overflow: hidden; } #supplier-tabs-outer-wrap .tabs-wrap .tabs li { list-style: none; float: left; } #supplier-tabs-outer-wrap .tabs-wrap .tabs li a { display: block; padding: 5px 14px; } #supplier-tabs-outer-wrap .tabs-wrap .tabs li a.active { background-color: #fcfcfc; color: #98012e; -moz-box-shadow: 0px 0px 10px 0 #B3B3B3; -webkit-box-shadow: 0px 0px 10px 0 #B3B3B3; box-shadow: 0px 0px 10px 0 #B3B3B3; } #supplier-tabs-outer-wrap .tabs-wrap .tabs li.first-child { padding-left: 0 !important; } #supplier-tabs-outer-wrap .tabs-wrap .supplier-tab-content { background: #fcfcfc; clear: both; padding: 15px 0; min-height: 200px; -moz-box-shadow: 0px 0px 10px 0 #B3B3B3; -webkit-box-shadow: 0px 0px 10px 0 #B3B3B3; box-shadow: 0px 0px 10px 0 #B3B3B3; } #supplier-tabs-outer-wrap .tabs-wrap .supplier-tab-content h2 { color: #98012e; font-size: 26px; } #supplier-tabs-outer-wrap .tabs-wrap .supplier-tab-content p { line-height: 150%; } #supplier-tabs-outer-wrap .tabs-wrap .supplier-tab-content a { color: #00adee; } /**************************************/ /************* microsite **************/ /**************************************/ #microsite-wrap .microsite-info { background: #edf3f4; padding: 10px; font-size: 14px; } #microsite-wrap .microsite-info ul.left-column { margin: 0; padding: 0; list-style: none; float: left; width: 65%; } #microsite-wrap .microsite-info ul.left-column li { margin: 3px 0; } #microsite-wrap .microsite-info ul.left-column li a { display: inline-block; } #microsite-wrap .microsite-info ul.left-column li strong { color: #002d56; } #microsite-wrap .microsite-info ul.right-column { margin: 0; padding: 0; list-style: none; float: right; width: 33%; } #microsite-wrap .microsite-info ul.right-column li { margin: 3px 0; } #microsite-wrap .microsite-info ul.right-column li strong { color: #002d56; } #microsite-wrap #microsite-tab-container { background-color: #b4d3d8; padding: 0px 5px 0; } #microsite-wrap #microsite-tab-container .microsite-tab { float: left; display: table; color: #0089bd; width: 110px; height: 35px; margin: 5px -12px 0 0; padding: 0 15px; text-align: center; position: relative; } #microsite-wrap #microsite-tab-container .microsite-tab span { display: table-cell; vertical-align: middle; font-size: 12px; line-height: 1.1em; } #microsite-wrap #microsite-tab-container .microsite-tab:hover { cursor: pointer; } #microsite-wrap #microsite-tab-container .microsite-tab.active { color: white; } #microsite-wrap .microsite-tab-wrap { background: #fcfcfc; border: 3px solid #b4d3d8; border-top: none; clear: both; padding: 15px 12px 0; margin-bottom: 15px; min-height: 200px; } #microsite-wrap .microsite-tab-wrap h2 { color: #98012e; font-size: 26px; } #microsite-wrap .microsite-tab-wrap p { line-height: 150%; } /**************************************/ /***** slider for homepage feature ****/ /**************************************/ .flexslider { border: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -o-border-radius: 0 !important; order-radius: 0 !important; position: relative !important; background: none !important; /* @todo_ben the reason not using @include single-box-shadow(0px, 0px, 15px, 0px, $gray-50); is because I need to override the css at flexslider.css file */ box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) !important; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) !important; -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) !important; -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) !important; margin: 0 0 35px !important; } .flexslider li { position: relative; /* img { position: relative; } */ } .flexslider li .slide-text { position: absolute; bottom: 0; left: 90px; width: 550px; padding: 10px; background-color: rgba(255, 255, 255, 0.7); } .flexslider li .slide-text h2 { color: #002d56; background-color: #00adee; font-size: 28px; display: inline-block; line-height: 1em; padding: 10px 15px; text-shadow: 2px 2px 1px #aaaaaa; text-shadow: 2px 2px 1px #cccccc #aaaaaa; } .flexslider li .slide-text h3 { color: #98012e; font-size: 22px; margin-bottom: 8px; font-family: Georgia, Times, "Times New Roman", serif; line-height: 1em; } .flexslider li .slide-text p { color: #002d56; font-size: 14px; line-height: 18px; margin-bottom: 15px; } .flexslider li .slide-text p span a { color: #98012e; margin-left: 5px; } .flexslider .flex-control-nav { bottom: -20px; background: #ffffff; width: auto; left: 320px; padding: 5px 6px; -moz-box-shadow: 0px 0px 10px 0px #E5E5E5; -webkit-box-shadow: 0px 0px 10px 0px #E5E5E5; box-shadow: 0px 0px 10px 0px #E5E5E5; -moz-border-radius: 0px 0px 6px 6px / 0px 0px 6px 6px; -webkit-border-radius: 0px 0px; border-radius: 0px 0px 6px 6px / 0px 0px 6px 6px; } .flexslider .flex-control-nav li { margin: 0 6px; float: left; } .flexslider .flex-control-nav li a { width: 11px; height: 11px; display: block; background-color: #d4d4d4; } .flexslider .flex-control-nav li a.flex-active { background-color: #00adee; } @media (max-width: 1114px) { #f1a.desktop { min-width: 960px; } #f1a.desktop #feature { width: 960px; margin-left: 0; } #f1a.desktop #feature #feature-nav { right: 0; height: 240px; top: -10px; padding: 10px 5px; } #f1a.desktop #feature #feature-nav li { padding: 12px 0px; } #f1a.desktop .flexslider .slides img { height: auto; } } /**************************************/ /******** slider for homepage ********/ /**************************************/ .flexslider2 { width: 930px; margin: 0 auto; border: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -o-border-radius: 0 !important; order-radius: 0 !important; position: relative !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; padding-bottom: 30px; } .flexslider2 li { position: relative; } .flexslider2 li img { border: 10px solid #ffffff; } .flexslider2 li.image-text .slide-image { width: 420px; float: left; } .flexslider2 li.image-text .slide-text { float: right; width: 480px; } .flexslider2 li.text-image .slide-image { width: 420px; float: right; } .flexslider2 li.text-image .slide-text { float: left; width: 480px; } .flexslider2 li .slide-text h2 { color: #002d56; font-size: 24px; line-height: 1.2em; } .flexslider2 li .slide-text h2 a { color: #002d56; } .flexslider2 li .slide-text h3 { color: #98012e; font-size: 26px; margin-bottom: 12px; font-family: Georgia, Times, "Times New Roman", serif; line-height: 1.2em; } .flexslider2 li .slide-text p { color: #666666; font-size: 18px; line-height: 1.3em; margin-bottom: 15px; } .flexslider2 li .slide-text p span a { color: #98012e; display: block; margin-top: 20px; text-decoration: underline; } .flexslider2 li .slide-text p span a:hover { text-decoration: none; } .flexslider2 .flex-control-nav { bottom: 0px; } .flexslider2 .flex-control-nav li { margin: 0 10px; } .flexslider2 .flex-control-nav li a { width: 14px; height: 14px; display: block; background-color: #ffffff; } .flexslider2 .flex-control-nav li a.flex-active { background-color: #00adee; } .desktop .flexslider2 .flex-viewport { height: 310px !important; } /**************************************/ /********** solutions teaser *********/ /**************************************/ .solutions-teaser { margin-bottom: 25px; background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/ext/solutions-teaser/solutions-teaser-bg.jpg?1363767937') right top repeat-y; } .solutions-teaser .solutions-teaser-general-info { float: left; width: 480px; } .solutions-teaser .solutions-teaser-general-info .solutions-teaser-logo { float: right; margin-left: 20px; } .solutions-teaser .solutions-teaser-general-info .solutions-teaser-title h3 { margin-bottom: 5px; } .solutions-teaser .solutions-teaser-general-info .solutions-teaser-title h4 { line-height: 20px; } .solutions-teaser .solutions-teaser-general-info .solutions-teaser-description { clear: both; padding-top: 15px; } .solutions-teaser .solutions-teaser-general-info .solutions-teaser-button { padding: 10px; font-size: 16px; width: 137px; text-align: center; display: block; color: #ffffff; float: right; text-shadow: 1px 1px 1px #aaaaaa; text-shadow: 1px 1px 1px #333333 #aaaaaa; } .solutions-teaser .solutions-teaser-general-info .solutions-teaser-button:hover { text-decoration: underline; } .solutions-teaser .solutions-teaser-product { float: right; width: 200px; padding: 15px; } .solutions-teaser .solutions-teaser-product ul { margin: 5px 0 0 20px; font-size: 13px; line-height: 16px; } .solutions-teaser .solutions-teaser-product ul li { margin-bottom: 5px; } /**************************************/ /******* solicitationContract CE ******/ /**************************************/ .solicitation-contract-wrap { padding-bottom: 25px; } .solicitation-contract-wrap .left-column { float: left; width: 500px; } .solicitation-contract-wrap .left-column .agency-logo { float: right; width: 120px; margin: 10px 0 10px 10px; } .solicitation-contract-wrap .left-column h3 { font-size: 20px; } .solicitation-contract-wrap .right-column { float: right; width: 210px; } .solicitation-contract-wrap .right-column .file-box { background-color: #edf3f4; margin-bottom: 20px; padding: 15px 10px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } .solicitation-contract-wrap .right-column .file-box ul { list-style: none; margin: 8px 0; } .solicitation-contract-wrap .right-column .file-box ul li { padding: 4px 0 4px 25px; line-height: 17px; font-size: 13px; background-position: left 3px; background-repeat: no-repeat; } .solicitation-contract-wrap .posting-title { clear: both; display: block; border-top: 1px dotted #cccccc; margin-top: 30px; padding-top: 15px; } .solicitation-contract-wrap .posting-subtitle { margin-bottom: 5px; } .solicitation-contract-wrap .posting-subtitle .subtitle-info { width: 230px; display: block; float: left; font-size: 13px; margin-left: 10px; } .solicitation-contract-wrap .posting-subtitle .subtitle-date { width: 230px; display: block; float: right; font-size: 13px; } .solicitation-contract-wrap .posting { list-style: none; margin: 0; font-size: 13px; line-height: 15px; } .solicitation-contract-wrap .posting li { margin-bottom: 2px; padding: 7px 10px; } .solicitation-contract-wrap .posting .odd { background-color: #ddebf0; } .solicitation-contract-wrap .posting .even { background-color: #eeeeee; } .solicitation-contract-wrap .posting .posting-organization { width: 230px; display: block; float: left; } .solicitation-contract-wrap .posting .posting-date { width: 220px; display: block; float: right; } /**************************************/ /************ webinars CE *************/ /**************************************/ .webinars-list-wrap { padding: 30px 45px 20px; border: 1px solid #ccc; background: #f8f8f8; margin: 20px 0; } .webinars-list-wrap .webinars-list { margin: 0; padding: 0; list-style: none; } .webinars-list-wrap .webinars-list li { margin: 20px 0; } .webinars-list-wrap .webinars-list li .webinars-list-date { float: left; display: block; width: 40px; text-align: center; border: 1px solid #c0b8b8; background-color: white; } .webinars-list-wrap .webinars-list li .webinars-list-date .day, .webinars-list-wrap .webinars-list li .webinars-list-date .month, .webinars-list-wrap .webinars-list li .webinars-list-date .year { float: left; width: 100%; display: block; } .webinars-list-wrap .webinars-list li .webinars-list-date .year { font-size: 11px; line-height: 15px; color: #93928F; margin: 0 0 6px; } .webinars-list-wrap .webinars-list li .webinars-list-date .month { height: 20px; color: white; background: #a2062d; text-transform: uppercase; font-size: 10px; } .webinars-list-wrap .webinars-list li .webinars-list-date .day { margin: 6px 0; font-size: 20px; color: black; font-weight: bold; } .webinars-list-wrap .webinars-list li .webinars-list-date .day sup { font-size: 12px; } .webinars-list-wrap .webinars-list li .title { line-height: 1.2em; margin-bottom: 0px; margin-top: 7px; font-size: 18px; margin-left: 65px !important; } .webinars-list-wrap .webinars-list li .more-info { margin-left: 23px; font-size: 13px; } .webinars { padding: 25px 0 40px; border-bottom: 1px solid #cccccc; } .webinars .register-title { color: #999999; margin-bottom: 0; } .webinars .register-title .date { width: 160px; display: block; float: left; font-size: 13px; margin-right: 15px; margin-left: 10px; } .webinars .register-title .time { width: 150px; display: block; float: left; font-size: 13px; margin-right: 15px; } .webinars .register-title .duration { width: 230px; display: block; float: left; font-size: 13px; margin-right: 10px; } .webinars .register { list-style: none; margin: 0; } .webinars .register li { margin-bottom: 2px; padding: 10px; } .webinars .register .odd { background-color: #ecf3f4; } .webinars .register .even { background-color: #eeeeee; } .webinars .register .date { width: 160px; display: inline-block; margin-right: 10px; margin-top: 10px; } .webinars .register .time { width: 150px; display: inline-block; margin-right: 10px; margin-top: 10px; } .webinars .register .duration { width: 230px; display: inline-block; margin-right: 10px; margin-top: 10px; } .webinars .register .register-button { display: block; padding: 8px 20px; font-size: 18px; text-align: center; display: block; color: #ffffff; float: right; text-shadow: 1px 1px 1px #aaaaaa; text-shadow: 1px 1px 1px #333333 #aaaaaa; } .webinars .register .register-button:hover { text-decoration: underline; } /**************************************/ /******* thumbnail Carousel CE ********/ /**************************************/ #container { width: 535px !important; background-color: #ffffff !important; border: 1px solid #CCCCCC !important; } #container .carousel-wrap { width: 465px !important; height: 133px !important; } #container .carousel-wrap ul li { padding: 25px 10px 15px !important; height: auto !important; } #container .carousel-wrap ul li span { font-size: 10px !important; margin-top: -3px !important; line-height: 11px !important; } #container .carousel-control { margin: 50px 0 0 !important; } /**************************************/ /******* logo Carousel CE ********/ /**************************************/ .carousel-wrapper { background-color: white; width: 920px; margin: 10px auto 40px; } .carousel-wrapper .list_carousel { margin: 0 0 30px 0px; } .carousel-wrapper .list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; } .carousel-wrapper .list_carousel ul li { width: auto; height: 40px; padding: 0 0 0 15px; margin: 10px 10px 15px 0; display: block; float: left; text-align: center; } .carousel-wrapper .list_carousel ul li a img { border: none; } .carousel-wrapper .list_carousel.responsive { margin-left: 0; } #f2d #feature .carousel-wrapper { width: 870px; } #f2d .carousel-wrapper { width: 590px; } /*****************************************************************************************/ /*** fix the conflicts between "flexslider" static html and "jCarousel" static template ***/ /*****************************************************************************************/ #container .carousel ul li { margin-right: 0 !important; } /**************************************/ /************ calendar CE *************/ /**************************************/ .tx-cal-controller .list-headline { text-align: center; color: #98012e; font-family: Georgia, Times, "Times New Roman", serif; font-size: 25px; } .tx-cal-controller .event-list { margin: 0 0 20px 0; padding: 0; } .tx-cal-controller .event-list .event { list-style-type: none; padding: 8px 0; clear: both; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; margin-top: -1px; } .tx-cal-controller .event-list .event .start-date { float: left; display: block; width: 10% !important; text-align: center !important; margin-right: 5% !important; } .tx-cal-controller .event-list .event .start-date .day, .tx-cal-controller .event-list .event .start-date .month { float: left; width: 100%; } .tx-cal-controller .event-list .event .start-date .month { display: block; height: 25px; color: #93928F; text-transform: uppercase; } .tx-cal-controller .event-list .event .start-date .day { margin-top: -22px; height: 25px; font-size: 30px; } .tx-cal-controller .event-list .event .summary { float: left; width: 85%; } .tx-cal-controller .event-list .event .summary .event-title { margin-top: 0; margin-bottom: 0; width: 70%; font-size: 17px; font-weight: normal; } .tx-cal-controller .event-list .event .summary .event-details { font-size: 12px; line-height: 15px; margin-top: 4px; } .tx-cal-controller .event-list .event .summary .detail-link { float: right; } .tx-cal-controller .event-list .event .summary .detail-link a { padding: 10px 0; margin-top: 5px; font-size: 16px; width: 118px; text-align: center; display: block; color: #ffffff; text-shadow: 1px 1px 1px #aaaaaa; text-shadow: 1px 1px 1px #333333 #aaaaaa; } .tx-cal-controller .event-list .event .summary .detail-link a:hover { text-decoration: underline; } .tx-cal-controller .tx-cal-controller-browsebox { margin: 0 auto; width: auto; text-align: center; } .tx-cal-controller #calendar-event { font-size: 13px; } .tx-cal-controller #calendar-event .title { font-size: 26px; } .tx-cal-controller #calendar-event .month { padding-left: 17px; } .tx-cal-controller #calendar-event .organizer { padding-left: 17px; } .tx-cal-controller #calendar-event .location { padding-left: 17px; } .tx-cal-controller #calendar-event .description { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding-top: 15px; margin-top: 5px; font-size: 15px; } .tx-cal-controller #calendar-event-backlink a { padding: 10px 0; margin-top: 5px; font-size: 16px; width: 118px; text-align: center; display: block; color: #ffffff; text-shadow: 1px 1px 1px #aaaaaa; text-shadow: 1px 1px 1px #333333 #aaaaaa; } .tx-cal-controller #calendar-event-backlink a:hover { text-decoration: underline; } /**************************************/ /****** video archive extension *******/ /**************************************/ .video-archive h3 { color: #333333; margin-bottom: 0px; font-size: 20px; line-height: 1.2em; } .video-archive .video-categories { margin: 10px 0; line-height: 1.1em; font-style: italic; font-size: 12px; } .video-archive .thumbnail { margin-bottom: 15px; position: relative; } .video-archive .thumbnail a img { display: block; width: 225px; height: auto; } .video-archive .play-vedio-button { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.75; background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/icons/ext-video-archive-play-video-button.png?1440987086') center no-repeat; } .video-archive .play-vedio-button:hover { opacity: 1; } .video-archive .video-description { line-height: 18px; font-size: 14px; } .video-archive .video-description p { margin-bottom: 0; } .video-archive .video-description a.video-archive-lightbox { margin-top: 10px; display: block; } .video-archive .video-archive-selected .video-watch-link a { display: block; padding: 8px 22px; margin-top: 6px; font-size: 15px; text-align: center; display: block; color: #ffffff; float: left; text-shadow: 1px 1px 1px #aaaaaa; text-shadow: 1px 1px 1px #333333 #aaaaaa; } .video-archive .video-archive-selected .video-watch-link a:hover { text-decoration: underline; } .video-archive .video-archive-selected .left-column { float: left; width: 320px; } .video-archive .video-archive-selected .left-column .thumbnail { margin-bottom: 15px; position: relative; } .video-archive .video-archive-selected .left-column .thumbnail a img { width: 320px; height: auto; } .video-archive .video-archive-selected .right-column { float: right; width: 400px; } .video-archive .video-archive-selected .right-column h3 { font-size: 24px; line-height: 1.3em; } .video-archive .video-archive-selected .video-archive-list-wide { margin: 0; padding: 0; list-style: none; } .video-archive .video-archive-selected .video-archive-list-wide li { margin-bottom: 60px; float: left; width: 350px; } .video-archive .video-archive-selected .video-archive-list-wide li:nth-child(2n) { float: right; } .video-archive .video-archive-selected .video-archive-list-wide li:nth-child(2n+1) { clear: both; } .video-archive .video-archive-selected .video-archive-list-wide li .thumbnail a img { width: 350px; } .video-archive .tabs-wrap { margin: 20px 0; overflow: hidden; } .video-archive .tabs-wrap .tabs { float: left; width: 100%; padding-top: 14px; margin: 0; overflow: hidden; } .video-archive .tabs-wrap .tabs li { list-style: none; float: left; } .video-archive .tabs-wrap .tabs li a { display: block; padding: 6px 20px; font-size: 18px; } .video-archive .tabs-wrap .tabs li a.active { background-color: #fcfcfc; color: #98012e; -moz-box-shadow: 0px 0px 10px 0 #B3B3B3; -webkit-box-shadow: 0px 0px 10px 0 #B3B3B3; box-shadow: 0px 0px 10px 0 #B3B3B3; } .video-archive .tabs-wrap .tabs li.first-child { padding-left: 0 !important; } .video-archive .tabs-wrap .video-archive-tab-content { clear: both; padding: 20px 0; min-height: 200px; -moz-box-shadow: 0px 0px 10px 0 #B3B3B3; -webkit-box-shadow: 0px 0px 10px 0 #B3B3B3; box-shadow: 0px 0px 10px 0 #B3B3B3; } .video-archive .tabs-wrap .video-archive-tab-content .video-archive-list { list-style: none; margin: 0; } .video-archive .tabs-wrap .video-archive-tab-content .video-archive-list li { margin: 20px 30px 30px 0; float: left; width: 225px; } .video-archive .tabs-wrap .video-archive-tab-content .video-archive-list li:nth-child(3n+2) { float: left; margin-right: 0; } .video-archive .tabs-wrap .video-archive-tab-content .video-archive-list li:nth-child(3n) { float: right; margin-left: 0; margin-right: 0; } .video-archive .tabs-wrap .video-archive-tab-content .video-archive-list li:nth-child(3n+1) { clear: both; } .video-archive .tabs-wrap .video-archive-tab-content .video-archive-categories { margin: 12px 0 15px; padding-bottom: 28px; list-style: none; background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/icons/video-category-bg.jpg?1461030717') center bottom repeat-x; } .video-archive .tabs-wrap .video-archive-tab-content .video-archive-categories li { margin-bottom: 15px; font-size: 18px; float: left; width: 50%; } .video-archive .tabs-wrap .video-archive-tab-content .back-button { display: block; padding: 8px 10px; font-size: 15px; text-align: center; display: block; color: #ffffff; width: 200px; margin-top: 20px; text-shadow: 1px 1px 1px #aaaaaa; text-shadow: 1px 1px 1px #333333 #aaaaaa; } .video-archive .tabs-wrap .video-archive-tab-content .back-button:hover { text-decoration: underline; } /**************************************/ /**** USC Categories - subcategory ****/ /**************************************/ .subcategory-wrap .subcategory:nth-child(3n+1) { clear: left; } .subcategory-wrap .subcategory:nth-child(3n) { margin-right: 0px; } .subcategory-wrap .subcategory { width: 230px; margin-right: 25px; margin-bottom: 30px; float: left; overflow: hidden; } .subcategory-wrap .subcategory h3 { font-size: 13px; color: #4D4D4D; padding-bottom: 5px; background: #E5E5E5; text-align: center; padding: 5px; min-height: 26px; line-height: 13px; margin-bottom: 0; } .subcategory-wrap .subcategory a { display: block; background-color: #fff; border: 1px solid #E5E5E5; border-top: none; height: 80px; text-align: center; padding: 5px; line-height: 70px; } .subcategory-wrap .subcategory a:hover { -moz-box-shadow: inset 0px 0px 10px 0 #E5E5E5; -webkit-box-shadow: inset 0px 0px 10px 0 #E5E5E5; box-shadow: inset 0px 0px 10px 0 #E5E5E5; } .subcategory-wrap .subcategory a img { vertical-align: middle; } .subcategory-wrap .subcategory .supplier-note { border-top: 1px solid #E5E5E5; color: #4D4D4D; font-size: 10px; line-height: 1.5em; margin: 14px 5px; padding: 8px; text-align: center; } .all-contracts-list { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; } .all-contracts-list li { width: 30%; float: left; margin-bottom: 20px; margin-right: 3%; } .all-contracts-list li:nth-child(3n+1) { clear: left; } .phone .all-contracts-list li, .phone-horizontal .all-contracts-list li { width: 40%; margin-right: 5%; } .phone .all-contracts-list li:nth-child(3n+1), .phone-horizontal .all-contracts-list li:nth-child(3n+1) { clear: none; } .phone .all-contracts-list li:nth-child(2n+1), .phone-horizontal .all-contracts-list li:nth-child(2n+1) { clear: left; } /**************************************/ /**** Accordion FCE ****/ /**************************************/ .accordion-wrap .accordion-header { cursor: pointer; margin-left: -17px; padding-left: 17px; } .accordion-wrap .accordion-header:hover { color: #333333; } .accordion-wrap .accordion-header.open:hover { color: #333333; } .accordion-wrap .accordion-more { float: right; margin-top: -30px; font-size: 11px; color: #98012e; cursor: pointer; } .accordion-wrap .accordion-more:hover { color: black; } /**************************************/ /**** Sales Force Form Extension****/ /**************************************/ #submissionWrap { position: absolute; left: -9999px; } /**************************************/ /**** USC Form Handler ****/ /**************************************/ .usc-formhandler fieldset { border: 1px solid #fcfcfc; } .usc-formhandler fieldset h4 { margin-bottom: 8px; } .usc-formhandler .left-col { float: left; width: 260px; } .usc-formhandler .right-col { float: left; margin-left: 30px; width: 260px; } .usc-formhandler .full-col { clear: both; padding-top: 15px; } .usc-formhandler .text-input label, .usc-formhandler .select-input label, .usc-formhandler .text-area label { font-size: 12px; color: #888; } .usc-formhandler .text-input { position: relative; margin-bottom: 7px; } .usc-formhandler .text-input input { width: 100%; padding: 5px; font-size: 12px; height: 25px; } .usc-formhandler .select-input { position: relative; margin-bottom: 7px; } .usc-formhandler .select-input select { width: 100%; height: 25px; font-size: 12px; } .usc-formhandler .submit { margin-top: 15px; } .usc-formhandler h2 { font-size: 24px; margin: 15px 0 5px; clear: both; } .usc-formhandler h3 { font-size: 20px; margin: 20px 0 5px; clear: both; } .usc-formhandler p { margin-bottom: 0px; margin-top: 15px; font-size: 12px; } .usc-formhandler > fieldset > div { margin-bottom: 10px; font-size: 12px; } .usc-formhandler .three-quarter { width: 420px; } .usc-formhandler .one-quarter { width: 100px; } .usc-formhandler .half { width: 125px; } .usc-formhandler .one-third { width: 70px; } .usc-formhandler .two-third { width: 160px; } .usc-formhandler .float-left { float: left; } .usc-formhandler .float-right { float: right; } .usc-formhandler .field-margin { margin-right: 20px; } .usc-formhandler input[type="phone"] { padding: 3px 5px; margin: 0; height: auto; } .usc-formhandler #phone { width: 165px; } .usc-formhandler .alert, .usc-formhandler .error { background: #ffff96; padding: 5px; } .usc-formhandler .parsley-error-list { display: block; padding: 0; margin: 0; font-size: 10px; list-style: none; } .usc-formhandler .parsley-error-list li { margin: 0; padding: 1px 0; line-height: 1.1em; color: red; } .usc-formhandler .left-col .parsley-error-list, .usc-formhandler .right-col .parsley-error-list { width: 100%; position: absolute; top: 100%; left: 0; } .usc-formhandler .left-col .parsley-error-list li, .usc-formhandler .right-col .parsley-error-list li { text-align: right; } .usc-formhandler .left-col #agency-type-wrapper .parsley-error-list, .usc-formhandler .right-col #agency-type-wrapper .parsley-error-list { position: relative; margin-bottom: -10px; top: 0; width: 253px; padding-left: 25px; background: url('../../fileadmin/Configuration/Site/Skins/Skin/Resources/Public/Images/form-stop-sign.png?1426123964') left 20px no-repeat; } .contact-supplier-form { margin: 0 auto !important; width: 740px; } .contact-supplier-form .parsley-container .parsley-error-list { display: block; background: #ffff96; padding: 0; margin: 0; list-style: none; font-size: 13px; } .contact-supplier-form .parsley-container .parsley-error-list li { margin: 0; padding: 5px 15px; line-height: 1.1em; } .contact-supplier-form .category-top-supplier { border-bottom: 1px solid #eee; text-align: center; margin-top: 25px; margin-bottom: 25px; padding-bottom: 15px; } .contact-supplier-form .category-top-supplier label { display: inline-block; text-align: left; margin: 5px 20px; } .contact-supplier-form .category-top-supplier label input { float: left; } .contact-supplier-form .category-top-supplier label .name { line-height: 20px; padding-top: 2px; font-size: 22px; margin-left: 4px; } .contact-supplier-form .category-top-supplier .description { font-size: 14px; line-height: 14px; } .contact-supplier-form .category { position: relative; margin-bottom: 10px; } .contact-supplier-form .category h3 { border-bottom: 1px solid #eee; } .contact-supplier-form .category label { float: left; width: 236px; margin-left: 15px; color: #555; font-weight: bold; } .contact-supplier-form .category label:nth-child(3n+1) { clear: left; margin-left: 0px; } .contact-supplier-form .category label input { float: left; } .contact-supplier-form .category label .name { margin-left: 21px; display: block; line-height: 16px; padding-top: 2px; } .contact-supplier-form .description { font-size: 11px; line-height: 13px; margin-left: 21px; color: #777; margin-bottom: 10px; margin-top: 0; font-weight: normal; } .contact-supplier-form .description .description-icon { margin-left: 2px; width: 12px; height: 12px; margin-bottom: -2px; display: inline-block; *display: inline; zoom: 1; opacity: 0.5; } .contact-supplier-form .description:hover { color: #111; } .contact-supplier-form .description:hover .description-icon { opacity: 1; } .contact-supplier-form .description-info { display: none; } .contact-supplier-form h3 { margin-top: 20px; } .contact-supplier-form #email-wrap { clear: both; padding-bottom: 20px; padding-top: 10px; position: relative; padding-bottom: 0; margin: 0 auto; width: 620px; } .contact-supplier-form #email-wrap #email { font-size: 22px; color: #666; width: 400px; margin-right: 10px; margin-bottom: 25px; } .contact-supplier-form #email-wrap label { font-size: 22px; display: block; float: left; margin-top: 10px; margin-right: 10px; } .contact-supplier-form #email-wrap .parsley-container { position: absolute; top: 52px; left: 84px; width: 400px; margin-bottom: 5px; } .contact-supplier-form #submit-wrap { text-align: center; } .contact-supplier-form #submit-wrap input { margin-top: 20px !important; } .contact-supplier-form .submit { border: none; background: #00adee; padding: 7px 25px; color: white; font-size: 20px; font-weight: normal; text-shadow: none; margin-top: 0px !important; } .contact-supplier-form .submit:hover { background: #0f93c5; } /**************************************/ /**** USC W2L form ****/ /**************************************/ .w2l-form > div { clear: both; overflow: hidden; margin: 0 0 10px 0; } .w2l-form > div > label { width: 40%; float: left; } .w2l-form > div > div { width: 55%; float: right; } .w2l-form > div > div input { width: 100%; } .w2l-form > div > div #zip, .w2l-form > div > div #phone, .w2l-form > div > div .short-input { width: 60%; } #content-block-2 .w2l-form > div { clear: both; overflow: hidden; margin: 0 0 10px 0; } #content-block-2 .w2l-form > div > label { width: 100%; float: none; } #content-block-2 .w2l-form > div > div { width: 100%; float: none; } #content-block-2 .w2l-form > div > div input { width: 100%; } #content-block-2 .w2l-form > div > div #zip, #content-block-2 .w2l-form > div > div #phone, #content-block-2 .w2l-form > div > div .short-input { width: 100%; } /**************************************/ /****** news extension *******/ /**************************************/ .news-recent { list-style: none; margin: 0; font-size: 13px; } .news-recent li { margin-bottom: 10px; } .news-list-view .article { border-bottom: 1px solid #CCCCCC; } .news-list-view .article:last-child { border-bottom: none; } .news-list-view .article .news-list-date { float: left; display: block; width: 48px; text-align: center; border: 1px solid #c0b8b8; background-color: white; } .news-list-view .article .news-list-date .day, .news-list-view .article .news-list-date .month, .news-list-view .article .news-list-date .year { float: left; width: 100%; display: block; } .news-list-view .article .news-list-date .year { font-size: 11px; line-height: 15px; color: #93928F; margin: 0 0 6px; } .news-list-view .article .news-list-date .month { height: 20px; color: white; background: #a2062d; text-transform: uppercase; font-size: 10px; } .news-list-view .article .news-list-date .day { margin: 8px 0 0; font-size: 26px; color: black; font-weight: bold; } .news-list-view .article .teaser-text, .news-list-view .article .header { margin-left: 65px !important; } .news-list-view .article .header h3 { line-height: 1.2em; margin-bottom: 10px; } .news-single .news-list-date { padding-left: 17px; } .news-single .news-list-author { padding-left: 17px; } .news .article .news-img-wrap img { width: 100% !important; } /**************************************/ /****** blog extension *******/ /**************************************/ .blog-recent { list-style: none; margin: 0; font-size: 13px; } .blog-recent li { margin-bottom: 10px; } .blog-list-view .article { border-bottom: 1px solid #CCCCCC; padding: 20px 0; } .blog-list-view .article:last-child { border-bottom: none; } .blog-list-view .article .blog-list-date { color: #888; font-size: 12px; font-style: italic; } .blog-list-view .article .header h3 { line-height: 1.2em; margin-bottom: 10px; } .blog-list-view .article .news-img-wrap { width: 100%; } .blog-list-view .article p { margin-bottom: 10px; } .button-blog { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: inline-block; zoom: 1; *display: inline; float: right; background-color: #98012e; padding: 2px 5px; color: #ffffff; font-size: 12px; text-shadow: 1px 1px 1px #aaaaaa; text-shadow: 1px 1px 1px #333333 #aaaaaa; background-color: #00adee; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyYjdmYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAzOWVkOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #02b7fb), color-stop(100%, #039ed8)); background-image: -moz-linear-gradient(#02b7fb, #039ed8); background-image: -webkit-linear-gradient(#02b7fb, #039ed8); background-image: linear-gradient(#02b7fb, #039ed8); } .button-blog:hover { text-decoration: underline; } .blog .news-img-caption { text-align: center; font-style: italic; font-size: 12px; } .blog .article .news-img-wrap a { display: block; border: 1px solid #ddd; background: #fff; padding: 4px; } .blog .article .news-img-wrap a img { width: 100% !important; display: block; } .news-menu-view ul { list-style: none; margin: 0; } .news-menu-view ul li { padding: 4px 0; } .news-menu-view ul ul { border-top: 1px solid #eee; } .news-menu-view ul ul li { padding: 2px 15px; font-size: 13px; color: #999; } .news-category ul { list-style: none; margin: 0; } .news-category ul li { padding: 4px 0; border-bottom: 1px solid #eee; } .news-category ul ul li { padding: 0px 15px; font-size: 13px; color: #999; border: none; } /**************************************/ /********** Power Mail ****************/ /**************************************/ .tx-powermail .powermail_legend { display: none; } .tx-powermail .powermail_fieldwrap { margin-bottom: 8px; margin-top: 18px; } .tx-powermail label { font-weight: bold; font-size: 13px; } .tx-powermail label .mandatory { margin-left: 5px; font-size: 10px; color: red; } .tx-powermail .powermail_fieldwrap_input input { width: 50%; display: block; } .tx-powermail .powermail_confirmation .powermail_all dd { margin-left: 0; margin-bottom: 20px; } .tx-powermail .powermail_confirmation .powermail_confirmation_form { float: left; } .tx-powermail .powermail_confirmation .powermail_confirmation_submit { float: right; } .tx-powermail .parsley-errors-list { margin: 0 0 0 15px; } .tx-powermail .parsley-errors-list li { color: #e15353; padding: 3px 5px 3px 0; font-size: 12px; } .tx-powermail .powermail_submit { margin-top: 20px; font-size: 16px; color: #666; padding: 5px 15px; } /**************************************/ /******* Graybar LED solution *********/ /**************************************/ #solutions-content { width: 505px; height: auto; font-size: 12px; line-height: 20px; margin: 20px 0; } #solutions-buttons { width: 255px; float: left; color: #3399cc; font-weight: bold; font-size: 11px; margin-right: 20px; } #solutions-more { width: 700px; height: 33px; } .targetDiv { display: none; margin-top: 40px; } .targetDiv[style] { height: auto !important; } /* SOLUTIONS BUTTONS */ .btn-left, .btn-right { height: 31px; line-height: 220%; float: left; width: 250px; } #solutions-content a { color: #3399cc; text-decoration: none; padding-left: 20px; display: block; height: 25px; cursor: pointer; } #solutions-content a:hover { color: #005282; text-decoration: none; } a.solutions-lighting-btn { background: url(http://v1.graybar.com/powersmart/solutions/PS_solutions-lighting.jpg) no-repeat left 0px; } a.solutions-lighting-btn:hover { background-position: left -27px; } a.solutions-mobility-btn { background: url(http://v1.graybar.com/powersmart/solutions/PS_solutions-mobility.jpg) no-repeat left 0px; } a.solutions-mobility-btn:hover { background-position: left -25px; } a.solutions-renewable-btn { background: url(http://v1.graybar.com/powersmart/solutions/PS_solutions-renewable.jpg) no-repeat left 0px; } a.solutions-renewable-btn:hover { background-position: left -25px; } a.solutions-communications-btn { background: url(http://v1.graybar.com/powersmart/solutions/PS_solutions-communications.jpg) no-repeat left 0px; } a.solutions-communications-btn:hover { background-position: left -26px; } a.solutions-automation-btn { background: url(http://v1.graybar.com/powersmart/solutions/PS_solutions-automation.jpg) no-repeat left 0px; } a.solutions-automation-btn:hover { background-position: left -25px; } a.solutions-audio-btn { background: url(http://v1.graybar.com/powersmart/solutions/PS_solutions-audio.jpg) no-repeat left 4px; } a.solutions-audio-btn:hover { background-position: left -29px; } a.solutions-security-btn { background: url(http://v1.graybar.com/powersmart/solutions/PS_solutions-security.jpg) no-repeat left 0px; } a.solutions-security-btn:hover { background-position: left -24px; } a.solutions-notification-btn { background: url(http://v1.graybar.com/powersmart/solutions/PS_solutions-notification.jpg) no-repeat left 4px; } a.solutions-notification-btn:hover { background-position: left -28px; } a.solutions-motor-btn { background: url(http://v1.graybar.com/powersmart/solutions/PS_solutions-motor.jpg) no-repeat left 2px; } a.solutions-motor-btn:hover { background-position: left -21px; } a.solutions-network-btn { background: url(http://v1.graybar.com/powersmart/solutions/PS_solutions-network.jpg) no-repeat left 3px; } a.solutions-network-btn:hover { background-position: left -28px; } a.solutions-power-btn { background: url(http://v1.graybar.com/powersmart/solutions/PS_solutions-power.jpg) no-repeat left 1px; } a.solutions-power-btn:hover { background-position: left -25px; } a.solutions-services-btn { background: url(http://v1.graybar.com/powersmart/solutions/PS_solutions-services.jpg) no-repeat left 2px; } a.solutions-services-btn:hover { background-position: left -21px; } a.solutions-data-btn { background: url(http://v1.graybar.com/powersmart/solutions/PS_solutions-data.jpg) no-repeat left 3px; } a.solutions-data-btn:hover { background-position: left -19px; } #header-page-mobile #mobile-main-menu { width: 400px !important; } #header-page-mobile #mobile-search-box { width: 400px !important; } #header-page { position: relative; height: 100px; z-index: 300; } #header-page #identity { float: left; height: 84px; left: 15px; overflow: hidden; position: absolute; text-indent: -99999em; top: 15px; width: 321px; } #header-page #global-nav { margin: 35px 0 0 345px; float: left; text-transform: uppercase; z-index: 50; } #header-page #global-nav a { color: #002d56; line-height: 14px; white-space: normal; line-height: 1.2em; } #header-page #global-nav a:hover { color: #00adee; } #header-page #global-nav > ul { border-bottom: 1px solid #CCCCCC; padding-bottom: 8px; } #header-page #global-nav > ul li { float: left; font-weight: bold; font-size: 14px; font-family: Georgia, Times, "Times New Roman", serif; margin-right: 12px; letter-spacing: -1px; } #header-page #global-nav > ul li:last-child { margin-right: 0px; padding-left: 25px; } #header-page #global-nav > ul li a { color: #00adee; } #header-page #global-nav > ul li a:hover { color: #98012e; } #header-page #global-nav .content { padding: 15px; width: 957px; position: absolute; top: 75px; left: -15px; display: none; border: 4px solid #00adee; background-color: #ffffff; } #header-page #global-nav .content h2 { color: #012e57; font-size: 20px; font-family: Georgia, Times, "Times New Roman", serif; margin-bottom: 15px; line-height: 15px; text-transform: none; } #header-page #global-nav .content h3 { font-size: 15px; margin: 10px 0 5px; } #header-page #global-nav .content.products .column-1 { width: 720px; float: left; font-size: 14px; line-height: 18px; } #header-page #global-nav .content.products .column-1 .headline-wrap { border-bottom: 1px solid black; padding-bottom: 5px; margin-bottom: 10px; } #header-page #global-nav .content.products .column-1 .headline-wrap h2 { float: left; margin: 0; } #header-page #global-nav .content.products .column-1 .headline-wrap a { float: right; } #header-page #global-nav .content.products .column-1 .category { float: left; width: 224px; margin: 0 0 5px; min-height: 100%; } #header-page #global-nav .content.products .column-1 .category li { padding-left: 20px; padding: 3px 0 3px 5px; } #header-page #global-nav .content.products .column-1 .category li.open { background-color: #cedee0; } #header-page #global-nav .content.products .column-1 .subcategory { float: left; width: 223px; margin: 0; border-right: 1px solid #cedee0; border-left: 1px solid #cedee0; font-size: 12px; } #header-page #global-nav .content.products .column-1 .subcategory ul { display: none; } #header-page #global-nav .content.products .column-1 .subcategory ul.open { display: block; } #header-page #global-nav .content.products .column-1 .subcategory li { padding-left: 20px; margin-bottom: 5px; } #header-page #global-nav .content.products .column-1 .subcategory li.open { background-color: #cedee0; } #header-page #global-nav .content.products .column-1 .suppliers { float: left; width: 225px; margin: 0; padding-left: 20px; } #header-page #global-nav .content.products .column-1 .suppliers.open { background-color: blue; } #header-page #global-nav .content.products .column-1 .suppliers li { display: none; margin-top: 30px; } #header-page #global-nav .content.products .column-1 .suppliers li a { color: #00adee; display: block; font-size: 16px; line-height: 1.3em; margin-top: 15px; margin-bottom: 5px; } #header-page #global-nav .content.products .column-1 .suppliers li a:hover { color: #98012e; } #header-page #global-nav .content.products .column-1 .suppliers li .description { font-style: italic; font-size: 13px; line-height: 16px; text-transform: none; font-family: Georgia, Times, Serif; width: 175px; margin-bottom: 15px; } #header-page #global-nav .content.products .column-2 { float: right; width: 200px; border-left: 1px solid #CCCCCC; padding-left: 20px; height: 100%; } #header-page #global-nav .content.products .column-2 ul { font-size: 14px; list-style: disc; line-height: 16px; margin-left: 15px; } #header-page #global-nav .content.products .column-2 ul li { margin-bottom: 10px; } #header-page #global-nav .content.products .column-2 ul li a:hover { text-decoration: underline; } #header-page #global-nav .content.contracts .column-1 { float: left; width: 550px; } #header-page #global-nav .content.contracts .column-1 .view-all { float: right; margin-right: 0; display: block; position: absolute; top: 10px; right: 435px; color: #98012e; } #header-page #global-nav .content.contracts .column-1 .view-all:hover { color: black; } #header-page #global-nav .content.contracts .column-1 ul { font-size: 13px; } #header-page #global-nav .content.contracts .column-1 ul li { width: 182px; float: left; margin: 0 0 15px; text-transform: none; } #header-page #global-nav .content.contracts .column-1 ul li:nth-child(3n+4) { clear: both; } #header-page #global-nav .content.contracts .column-1 ul li a { border: none; display: block; padding-left: 10px; line-height: 18px; } #header-page #global-nav .content.contracts .column-1 ul li a:hover { color: #00adee; text-decoration: underline; } #header-page #global-nav .content.contracts .column-2 { float: right; width: 380px; border-left: 1px solid #CCCCCC; padding-left: 20px; height: 100%; } #header-page #global-nav .content.contracts .column-2 .view-all { float: right; margin-right: 0; display: block; position: absolute; top: 10px; right: 15px; color: #98012e; } #header-page #global-nav .content.contracts .column-2 .view-all:hover { color: black; } #header-page #global-nav .content.contracts .column-2 .solicitation-wrap { float: left; width: 180px; font-size: 12px; margin-bottom: 10px; } #header-page #global-nav .content.contracts .column-2 .solicitation-wrap:nth-child(odd) { margin-right: 15px; } #header-page #global-nav .content.contracts .column-2 .solicitation-wrap:nth-child(4n+5) { clear: both; } #header-page #global-nav .content.contracts .column-2 .solicitation-wrap ul { list-style: disc; margin-left: 15px; } #header-page #global-nav .content.contracts .column-2 .solicitation-wrap ul a:hover { color: #98012e; } #header-page #global-nav .content.contracts .column-2 .solicitation-wrap h3 { font-size: 14px; } #header-page #global-nav .content.contracts .column-2 .solicitation-wrap h3 a { color: #00adee; } #header-page #global-nav .content.contracts .column-2 .solicitation-wrap h3 a:hover { color: #002d56; } #header-page #global-nav .content.contracts .column-2 .solicitation-wrap h4 { font-size: 10px; font-weight: normal; line-height: 12px; margin-bottom: 5px; } #header-page #account { position: absolute; top: 25px; right: 15px; width: 148px; height: 37px; text-transform: uppercase; } #header-page #account a.register { text-align: center; display: block; width: 50%; float: left; padding: 9px 0; color: #ffffff; font-size: 12px; text-shadow: 1px 1px 1px #aaaaaa; text-shadow: 1px 1px 1px #333333 #aaaaaa; } #header-page #account a.register:hover { text-decoration: underline; } #header-page #account a.login { text-align: center; display: block; width: 50%; float: left; padding: 9px 0; color: #ffffff; font-size: 17px; text-shadow: #222 0 1px 1px; text-shadow: 1px 1px 1px #aaaaaa; text-shadow: 1px 1px 1px #333333 #aaaaaa; } #header-page #account a.login:hover { text-decoration: underline; } #utility-menu-wrap-outer { background: #0075ac; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWFlYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNzVhYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00aaea), color-stop(100%, #0075ac)); background-image: -moz-linear-gradient(#00aaea, #0075ac); background-image: -webkit-linear-gradient(#00aaea, #0075ac); background-image: linear-gradient(#00aaea, #0075ac); position: relative; z-index: 1000; } #utility-menu-wrap-outer #utility-menu-wrap { margin: 0 auto; width: 960px; /* @group Global Menu */ } #utility-menu-wrap-outer #utility-menu-wrap #utility-menu { margin: 0; padding: 0; float: right; width: auto; } #utility-menu-wrap-outer #utility-menu-wrap #utility-menu li { position: relative; overflow: visible; display: inline; float: left; margin-right: 10px; } #utility-menu-wrap-outer #utility-menu-wrap #utility-menu li:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTFjOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNjg5OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0091c8), color-stop(100%, #006898)); background-image: -moz-linear-gradient(#0091c8, #006898); background-image: -webkit-linear-gradient(#0091c8, #006898); background-image: linear-gradient(#0091c8, #006898); -moz-box-shadow: 0 0px 5px 0 #666666; -webkit-box-shadow: 0 0px 5px 0 #666666; box-shadow: 0 0px 5px 0 #666666; background-color: #006898; } #utility-menu-wrap-outer #utility-menu-wrap #utility-menu li:hover ul, #utility-menu-wrap-outer #utility-menu-wrap #utility-menu li .open ul { visibility: visible; } #utility-menu-wrap-outer #utility-menu-wrap #utility-menu li a { display: block; color: white; padding: 10px 15px; } #utility-menu-wrap-outer #utility-menu-wrap #utility-menu li ul { visibility: hidden; position: absolute; top: 100%; left: 0; background: #006898; width: 200px; padding: 0; margin: 0; -moz-box-shadow: 0 6px 5px 0 #666666; -webkit-box-shadow: 0 6px 5px 0 #666666; box-shadow: 0 6px 5px 0 #666666; } #utility-menu-wrap-outer #utility-menu-wrap #utility-menu li ul li { display: block; width: 100%; text-align: left; margin: 0; padding: 0; background: none; height: auto; border-top: none; border-right: none; } #utility-menu-wrap-outer #utility-menu-wrap #utility-menu li ul li:hover { -moz-box-shadow: 0 0 0 0 #666666; -webkit-box-shadow: 0 0 0 0 #666666; box-shadow: 0 0 0 0 #666666; } #utility-menu-wrap-outer #utility-menu-wrap #utility-menu li ul li a { display: block; height: auto; line-height: 14px; padding: 10px 15px; font-size: 13px; color: #fff; text-decoration: none; } #utility-menu-wrap-outer #utility-menu-wrap #utility-menu li ul li a:hover { background: #0b5c82; } #utility-menu-wrap-outer #site-search { float: right; height: 25px; overflow: hidden; margin-right: 15px; margin-left: 15px; margin-top: 8px; width: 200px; background-color: #ffffff; } #utility-menu-wrap-outer #site-search #search-terms { margin: 0; padding: 2px; width: 175px; border: none; } #utility-menu-wrap-outer #site-search #search-submit { margin: 4px 0 0; padding: 0; border: none; cursor: pointer; display: block; float: right; padding-top: 100px; width: 20px; } #utility-menu-wrap-outer #sns { float: left; margin: 10px 0 0 15px; list-style: none; } #utility-menu-wrap-outer #sns li { float: left; width: 20px; height: 20px; margin-right: 8px; overflow: hidden; text-indent: -9999em; opacity: 0.9; } #utility-menu-wrap-outer #sns li:hover { opacity: 1; } #utility-menu-wrap-outer #sns li a { display: block; } #sidebar-register-btn a { display: block; height: 55px; width: 147px; overflow: hidden; text-indent: -9999em; } #local-nav { padding: 15px 0 0; text-align: left; /* @group Local menu */ } #local-nav .local-nav-solutions-link { color: black; } #local-nav .local-nav-solutions-link:hover { color: #00adee; } #local-nav h4 { font-size: 18px; color: #002d56; margin-bottom: 0; line-height: 1em; } #local-nav h5 { font-size: 13px; margin-bottom: 5px; margin-top: 20px; color: #999999; font-weight: normal; } #local-nav hr { border: none; border-top: 1px solid #ccc; margin: 20px 0; } #local-nav .supplier { width: 145px; margin: 0 0 0 -15px; padding: 5px 15px; margin-top: 10px; cursor: default; position: relative; } #local-nav .supplier h5 { margin: 0; } #local-nav .supplier h5 span { white-space: nowrap; display: inline-block; line-height: 11px; font-size: 10px; font-style: italic; margin-left: 3px; color: #98012e; } #local-nav .supplier:hover { background: #cedee0; } #local-nav .supplier:hover .flyout { display: block; } #local-nav .supplier:hover .flyout h5 { margin-top: 0; } #local-nav .supplier .flyout { display: none; position: absolute; left: 98%; top: 0; background: #ffffff; width: 400px; padding: 10px 15px 10px; border: 4px solid #cedee0; } #local-nav .supplier .flyout ul { margin-left: 10px; font-size: 12px; } #local-nav .supplier .flyout ul li { float: left; width: 190px; } #local-nav .supplier .flyout ul li:nth-child(2n+1) { clear: both; margin-right: 5px; } #local-nav .supplier .flyout ul li a { padding: 3px 0 3px 15px; line-height: 16px; color: #002e53; display: block; } #local-nav .supplier .flyout ul li a:hover { color: #00adec; text-decoration: underline; } #local-nav .supplier .flyout ul li:hover { background: none; } #local-nav .category { margin: 0 -15px; } #local-nav .category li { position: relative; } #local-nav .category li a { color: #012b53; padding: 5px 0 5px 40px; text-decoration: none; display: block; } #local-nav .category li a:hover { background-color: #cedee0; color: #00b1e7; } #local-nav .category li:hover { background: #cedee0; } #local-nav .category li:hover .flyout { display: block; } #local-nav .category li .flyout { display: none; position: absolute; left: 100%; top: 0; width: 350px; z-index: 1000; } #local-nav .category li .flyout .left-column { float: left; width: 165px; border: 3px solid #cedee0; border-right: none; border-left-width: 7px; background-color: #cedee0; } #local-nav .category li .flyout .left-column li { position: relative; } #local-nav .category li .flyout .left-column li > a { padding: 5px 0 5px 7px; position: relative; z-index: 100; } #local-nav .category li .flyout .left-column li:hover > a { background: #fff; border-right: 1px solid white; } #local-nav .category li .flyout .left-column li:hover { background: #fff; } #local-nav .category li .flyout .left-column li:hover div.suppliers { display: block; } #local-nav .category li .flyout .suppliers { display: none; position: absolute; left: 162px; top: -3px; width: 200px; background: #fff; border: 3px solid #cedee0; padding-bottom: 20px; } #local-nav .category li .flyout .suppliers h5 { margin: 5px 0 0 10px; } #local-nav .category li .flyout .suppliers ul { margin: 0; margin-left: 30px; padding: 0; } #local-nav .category li .flyout .suppliers li { padding: 0; margin-bottom: 0 0 3px 0; } #local-nav .category li .flyout .suppliers li a { color: #00b1e7; padding: 0; padding-left: 10px; line-height: 16px; margin-bottom: 6px; } #local-nav .category li .flyout .suppliers li a:hover { text-decoration: underline; } #local-nav #local-menu { line-height: 1em; margin: 0 -15px; } #local-nav #local-menu a { display: block; padding: 5px 5px 5px 15px; color: #012b53; font-size: 13px; } #local-nav #local-menu a:hover { color: #00adee; } #local-nav #local-menu .current > a { color: #00adee; background-color: #cedee0; } #local-nav #local-menu > ul > li > ul, #local-nav #local-menu > ul > li > a { border-bottom: 1px solid #E5E5E5; } #local-nav #local-menu > ul > li.active > a { border-bottom: none; } #local-nav #local-menu > ul > li > ul > li a { padding-left: 25px; font-size: 12px; } #local-nav #local-menu > ul > li > ul > li a.active { border: none; } #local-nav #local-menu > ul > li > ul > li ul > li a { padding-left: 40px; border: none; } #footer-page { clear: both; border-top: 7px solid #999; -moz-box-shadow: inset 0px 6px 12px 0px #B3B3B3; -webkit-box-shadow: inset 0px 6px 12px 0px #B3B3B3; box-shadow: inset 0px 6px 12px 0px #B3B3B3; } #footer-page #footer { margin-left: auto; margin-right: auto; padding: 30px 0; width: 960px; } #footer-page #footer h1 { color: #012e57; font-size: 30px; margin-bottom: 30px; } #footer-page #footer h1 span { color: #97012e; font-size: 15px; line-height: 1em; } #footer-page #footer #content-footer h3 { border-bottom: 1px solid #012e57; color: #002d56; font-size: 12px; margin-top: 5px; padding-bottom: 5px; font-weight: bold; } #footer-page #footer #content-footer .column > div { padding-left: 40px; } #footer-page #footer #content-footer ul { margin-left: 20px; } #footer-page #footer #content-footer ul li { line-height: 1.1em; margin-bottom: 7px; } #footer-page #footer #content-footer ul a { color: #00adee; font-size: 13px; } #footer-page #footer #content-footer ul a:hover { text-decoration: underline; } #footer-page #footer #footer-links { margin: 30px auto 25px; clear: both; list-style: none; text-align: center; } #footer-page #footer #footer-links li { display: inline-block; zoom: 1; *display: inline; padding: 0 20px 0 16px; } #footer-page #footer #footer-links li:first-child { background: none; } #footer-page #footer #footer-links li a { color: #012e57; font-size: 12px; } #footer-page #footer #footer-links li a:hover { text-decoration: underline; } #footer-page #footer #footerCopyright { text-align: center; font-size: 11px; font-family: Georgia, Times, "Times New Roman", serif; } #footer-page #footer #profile-switch { margin-top: 4px; font-size: 13px; text-align: center; } #footer-page #footer #profile-switch:hover { cursor: pointer; } #breadcrumb { color: #d1dfe2; font-size: 14px; margin: 0 0 15px; } #breadcrumb ul { list-style: none; margin: 0; } #breadcrumb ul li { float: left; } #breadcrumb ul li a { color: #B3B3B3; font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; } #breadcrumb ul li a.current { color: #00adee; text-decoration: underline; } #breadcrumb ul li.last a { color: #00adee; text-decoration: underline; } #container { background-color: #f4f4f4; width: 590px; margin: 10px 0; } #container .carousel:focus { outline:none; } #container .carousel-wrap{ width:520px; float:left; margin:0 0px; height: 180px; } #container .carousel ul{ margin:0; padding:0; } #container .carousel ul li{ display:inline; float:left; padding:25px 15px 15px; width:100px; height: 135px; text-align:center; } #container .carousel ul li span{ font-size: 11px; display: block; line-height: 12px; } #container .carousel .carousel-control{ border:none; display:inline; float:left; margin:55px 0 0; padding:0; cursor:pointer; background:none; } #container .carousel .carousel-control:active { outline:none; } #container .carousel .disabled{ -moz-opacity:.3; opacity:0.3; filter:alpha(opacity=30); } /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* Icon Fonts *********************************/ /* Font-face Icons */ @font-face { font-family: 'flexslider-icon'; src:url('../../fileadmin/Configuration/Base/StaticTemplates/FlexSlider/Resources/Public/FlexSlider/fonts/flexslider-icon.eot'); src:url('../../fileadmin/Configuration/Base/StaticTemplates/FlexSlider/Resources/Public/FlexSlider/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../../fileadmin/Configuration/Base/StaticTemplates/FlexSlider/Resources/Public/FlexSlider/fonts/flexslider-icon.woff') format('woff'), url('../../fileadmin/Configuration/Base/StaticTemplates/FlexSlider/Resources/Public/FlexSlider/fonts/flexslider-icon.ttf') format('truetype'), url('../../fileadmin/Configuration/Base/StaticTemplates/FlexSlider/Resources/Public/FlexSlider/fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; } .flex-direction-nav a.flex-next:before { content: '\f002'; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} .flex-direction-nav .flex-next { opacity: 1; right: 10px;} } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../../fileadmin/Configuration/Base/StaticTemplates/FancyBox/Resources/Public/FancyBox/source/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('../../fileadmin/Configuration/Base/StaticTemplates/FancyBox/Resources/Public/FancyBox/source/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../../fileadmin/Configuration/Base/StaticTemplates/FancyBox/Resources/Public/FancyBox/source/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../../fileadmin/Configuration/Base/StaticTemplates/FancyBox/Resources/Public/FancyBox/source/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../../fileadmin/Configuration/Base/StaticTemplates/FancyBox/Resources/Public/FancyBox/source/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('../../fileadmin/Configuration/Base/StaticTemplates/FancyBox/Resources/Public/FancyBox/source/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } .input_tiny { width: 50px; } .input_small { width: 100px; } .input_medium { width: 150px; } .input_large { width: 200px; } .input_xlarge { width: 250px; } .input_xxlarge { width: 300px; } .input_full { width: 100%; } .input_full_wrap { display: block; padding-right: 8px; } input[type="search"]::-webkit-search-decoration { display: none; } input:invalid, button:invalid, a.button:invalid, select:invalid, textarea:invalid { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input:focus, button:focus, a.button:focus, select:focus, textarea:focus { -webkit-box-shadow: #0066ff 0 0 5px 0; -moz-box-shadow: #0066ff 0 0 5px 0; box-shadow: #0066ff 0 0 5px 0; z-index: 1; } input[type="file"]:focus, input[type="file"]:active, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } button, a.button, input[type="reset"], input[type="submit"], input[type="button"] { -webkit-appearance: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; background: #dddddd url('../../fileadmin/Configuration/Base/StaticTemplates/Formalize/Resources/Public/Formalize20121214/assets/images/button.png?1298351022') repeat-x; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); background-image: -webkit-linear-gradient(#ffffff, #dddddd); background-image: -moz-linear-gradient(#ffffff, #dddddd); background-image: -o-linear-gradient(#ffffff, #dddddd); background-image: linear-gradient(#ffffff, #dddddd); border: 1px solid; border-color: #dddddd #bbbbbb #999999; cursor: pointer; color: #333333; display: inline-block; font: bold 12px/1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; outline: 0; overflow: visible; margin: 0; padding: 3px 10px; text-shadow: white 0 1px 1px; text-decoration: none; vertical-align: top; width: auto; *padding-top: 2px; *padding-bottom: 0; } button:hover, a.button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #eeeeee), color-stop(100%, #cccccc)); background-image: -webkit-linear-gradient(#ffffff, #eeeeee 1px, #cccccc); background-image: -moz-linear-gradient(#ffffff, #eeeeee 1px, #cccccc); background-image: -o-linear-gradient(#ffffff, #eeeeee 1px, #cccccc); background-image: linear-gradient(#ffffff, #eeeeee 1px, #cccccc); text-decoration: none; } button:active, a.button:active, input[type="reset"]:active, input[type="submit"]:active, input[type="button"]:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#dddddd, #eeeeee); background-image: -moz-linear-gradient(#dddddd, #eeeeee); background-image: -o-linear-gradient(#dddddd, #eeeeee); background-image: linear-gradient(#dddddd, #eeeeee); -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0; -moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0; box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0; border-color: #999999 #bbbbbb #dddddd; } button::-moz-focus-inner, a.button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border: 0; padding: 0; } a.button { *padding-bottom: 3px; } button { *padding-top: 1px; *padding-bottom: 1px; } textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-appearance: none; background-color: white; border: 1px solid; border-color: #848484 #c1c1c1 #e1e1e1; color: black; outline: 0; margin: 0; padding: 2px 3px; text-align: left; font-size: 13px; font-family: Arial, "Liberation Sans", FreeSans, sans-serif; height: 1.8em; vertical-align: top; *padding-top: 2px; *padding-bottom: 1px; *height: auto; } textarea[disabled], select[disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="email"][disabled], input[type="month"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="text"][disabled], input[type="time"][disabled], input[type="url"][disabled], input[type="week"][disabled] { background-color: #eeeeee; } button[disabled], input[disabled], select[disabled], select[disabled] option, select[disabled] optgroup, textarea[disabled], a.button_disabled { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; color: #888888; cursor: default; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #888888; } input:-moz-placeholder, textarea:-moz-placeholder { color: #888888; } input.placeholder_text, textarea.placeholder_text { color: #888888; } textarea, select[size], select[multiple] { height: auto; } select[size="0"], select[size="1"] { height: 1.8em; *height: auto; } @media (-webkit-min-device-pixel-ratio: 0) { select[size], select[multiple], select[multiple][size] { background-image: none; padding-right: 3px; } select, select[size="0"], select[size="1"] { background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==); background-repeat: no-repeat; background-position: right center; padding-right: 20px; } ::-webkit-validation-bubble-message { -webkit-box-shadow: none; box-shadow: none; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black)); border: 0; color: white; font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif; overflow: hidden; padding: 15px 15px 17px; text-shadow: black 0 0 1px; min-height: 16px; } ::-webkit-validation-bubble-arrow, ::-webkit-validation-bubble-top-outer-arrow, ::-webkit-validation-bubble-top-inner-arrow { -webkit-box-shadow: none; box-shadow: none; background: #666666; border-color: #666666; } } textarea { min-height: 40px; overflow: auto; resize: vertical; width: 100%; } optgroup { color: black; font-style: normal; font-weight: normal; font-family: Arial, "Liberation Sans", FreeSans, sans-serif; } optgroup::-moz-focus-inner { border: 0; padding: 0; } .ie6_button, * html button, * html a.button { background: #dddddd url('../../fileadmin/Configuration/Base/StaticTemplates/Formalize/Resources/Public/Formalize20121214/assets/images/button.png?1298351022') repeat-x; border: 1px solid; border-color: #dddddd #bbbbbb #999999; cursor: pointer; color: #333333; font: bold 12px/1.2 Arial, sans-serif; padding: 2px 10px 0px; text-decoration: none; overflow: visible; vertical-align: top; width: auto; } * html a.button { position: relative; top: 3px; padding-bottom: 2px; } * html button { padding-top: 1px; padding-bottom: 1px; } .ie6_input, * html textarea, * html select { background: white; border: 1px solid; border-color: #848484 #c1c1c1 #e1e1e1; color: black; padding: 2px 3px 1px; font-size: 13px; font-family: Arial, sans-serif; vertical-align: top; } * html select { margin-top: 1px; } .placeholder_text, .ie6_input_disabled, .ie6_button_disabled { color: #888888; } .ie6_input_disabled { background: #eeeeee; } .column-group .column, .module-group .module {float:left;margin-right:20px;}.two-column-group > .column-2, .three-column-group > .column-3, .four-column-group > .column-4, .dual-module-group > .module-2, .triple-module-group > .module-3, .quad-module-group > .module-4 {margin-right:0;}.column-group {margin-bottom:15px;}.column-group.intermediate > .column, .column-group.full > .column {margin-bottom:15px;} .column-group { clear:both; margin-bottom: 0; } .column-group:before, .column-group:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .column-group:after {clear: both} .four-column-group.full > .column, .three-column-group.full > .column, .two-column-group.full > .column { clear: both; margin-right: 0; float: none; } .three-column-group.intermediate.half-half-full > .column-2 { margin-right: 0; } .three-column-group.intermediate.full-half-half > .column-2 { clear: both; } .three-column-group.intermediate.half-half-full > .column-3 { clear: both; float: none; } .four-column-group.intermediate > .column-2 { margin-right: 0; } .four-column-group.intermediate > .column-3 { clear: both; } .module-group { clear:both; margin-bottom:15px; } .module-group:before, .module-group:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .module-group:after {clear: both} .module-group .module.unframed .body, .module-group .module.unframed .inner-wrap { padding: 0; border: 0; } .quad-module-group.full > .module, .triple-module-group.full > .module, .dual-module-group.full > .module { clear: both; margin-right: 0; float: none; } .triple-module-group.intermediate.half-half-full > .module-2 { margin-right: 0; } .triple-module-group.intermediate.full-half-half > .module-2 { clear: both; } .triple-module-group.intermediate.half-half-full > .module-3 { clear: both; float: none; } .quad-module-group.intermediate > .module-2 { margin-right: 0; } .quad-module-group.intermediate > .module-3 { clear: both; }.column-1-c517 {width:225px;} .column-2-c517 {width:225px;} .column-3-c517 {width:225px;} .column-4-c517 {width:225px;}.module-feature img {display:block;}