/* CSS Document */ div.image { margin: 0 !important; } .lgi-login-error { padding-bottom: 12px; position: relative; font-weight: bold; color: #c02; } div.extended-tooltips-preview-container > div.parsys > div.new { clear: both; padding: 0; margin: 0; } div.extended-tooltips-actual-container { width: 960px; margin: 0 auto 0 auto; } div.extended-tooltips-actual-container > div.parsys > div.new { clear: both; padding: 0; margin: 0; } div.extended-tooltips-preview-container { width: 960px; margin: 0 auto 10px auto; } .archiveNavLinkActive { font-weight: bold; } /*Bloom Speak*/ @font-face { font-family: "speak_bold"; src: url('../../../upc-generic/media/webfonts/bloomspeak/f_b.eot'); src: local("f_b"), url('../../../upc-generic/media/webfonts/bloomspeak/f_b.woff') format('woff'); } @font-face { font-family: "speak_heavy"; src: url('../../../upc-generic/media/webfonts/bloomspeak/f_h.eot'); src: local("f_h"), url('../../../upc-generic/media/webfonts/bloomspeak/f_h.woff') format('woff'); } @font-face { font-family: "speak_regular"; src: url('../../../upc-generic/media/webfonts/bloomspeak/f_r.eot'); src: local("f_r"), url('../../../upc-generic/media/webfonts/bloomspeak/f_r.woff') format('woff'); } /** * Adaption of Boilerplate * * generic.css contains a reset, font normalization and some base styles. * * Credit is left where credit is due. * Much inspiration was taken from these projects: * - yui.yahooapis.com/2.8.1/build/base/base.css * - camendesign.com/design/ * - praegnanz.de/weblog/htmlcssjs-kickstart */ /** * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark * html5doctor.com/html-5-reset-stylesheet/ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;} blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select, textarea { vertical-align: middle;outline: none;} body { font:12px/20px Arial, Helvetica, sans-serif; *font-size:small; } select, input, textarea, button { font:99% Arial, Helvetica, sans-serif; } i,em{font-style: italic;} pre, code, kbd, samp { font-family: monospace, sans-serif; } html { overflow-y: scroll; } a:hover, a:active { outline: none; } ul, ol { margin-left: 2em; } ol { list-style-type: decimal; } nav ul, nav li { margin: 0; list-style:none; list-style-image: none; } small { font-size: 85%; } strong, th, b { font-weight: bold; } td { vertical-align: top; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px;} textarea { overflow: auto; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } button, input, select, textarea { margin: 0; outline: none;} button { width: auto; overflow: visible; } body { color: #333; font-size:14px;} select, input, textarea {color: #333; } h1, h2, h3, h4, h5, h6{color:#249;font-family:"speak_bold", Arial;} h1 {font-size: 34px; margin: 0; line-height: 44px;} h2 {font-size: 28px; margin: 0; line-height: 40px;} h3 {font-size: 24px; margin: 0; line-height: 38px;} h4 {font-size: 22px; margin: 0; line-height: 38px;} h5 {font-size: 20px; margin: 0; line-height: 34px;} h6 {font-size: 18px; margin: 0; line-height: 28px;} a { color: #0ad; text-decoration:none; } a:active { text-decoration: underline; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } div.image { margin: 0 !important; } div.image img { display:block; } .upc-hiddencontent{display:none;} .upc-visiblecontent{display:block;} .left{float:left;} .right{ float:right;} .textleft{ text-align:left;} .textright{ text-align:right;} img.left{ float:left;margin:0 15px 10px 0 ;} img.right{ float:right;margin:0 0 10px 15px;} .space { display:block; clear:both; height:10px; width:100%; } .byline{font-size:10px; font-style:italic;margin:0;padding:0;} .upc_divider_resp {height:1px !important; border-top:1px solid #D6D9E2; width: 100%; background: none !important;} #panel{display:none;} .mobile_navigation_dropdown{display:none;} .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .hidden { display: none; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } .floatleft { display: inline !important; float: left !important; } .floatright { display: inline !important; float: right !important; } .nofloat { display: block !important; float: none !important; } .clearboth { clear: both !important; } /* Variable Grid System. Learn more ~ http://www.spry-soft.com/grids/ Based on 960 Grid System - http://960.gs/ Licensed under GPL and MIT. */ html{height: 100%;} body { min-width: 960px;height:100%; background-color:#eff2fb;background-repeat: no-repeat; background-position: center top; } /* Containers ----------------------------------------------------------------------------------------------------*/ .upc_container {position: relative; } .upc_container_3 { margin-left: auto; margin-right: auto; width: 220px; } .upc_container_12 { margin-left: auto; margin-right: auto; width: 960px; } .upc_container_1280 { width: 100%; } .upc-promo-aspot{margin-left: auto; margin-right: auto; width: 940px;} .upc_container_fullwidth{position: relative; margin-left: auto; margin-right: auto; width: 940px; } .upc-container-skyscraper{width:100%;float:left;position: relative;z-index: 5000; } #upc-skyscraper{position: absolute;margin:20px 0 0 980px;min-width:120px;min-height:120px;height:auto; width:auto;z-index: 100;} .aspot-skyscraper{margin:0 0 0 980px !important;} .upc-bgcontainer-top,.upc-bgcontainer-topnav{width:100%;float:left;z-index:400;position: absolute;} .upc-bgcontainer-top_nospot{width:100%;float:left;z-index:400;position:relative;} .upc-bgcontainer-service{width:100%;float:left;min-height:36px;position: relative;margin-bottom:-20px;z-index:501;background-image:url('../media/backgrounds/service_navbar_bg.png');background-repeat:repeat-x;background-position: center top ;} .upc-bgcontainer-leaderboard{width:100%;float:left;position: relative;} .upc-bgcontainer-breadcrumb{width:100%;float:left;position: relative;z-index:300;} .upc-bgcontainer-utilities{width:100%;float:left;min-height:86px;position: relative;background-image:url('../media/backgrounds/bg-nav-top-op-80.png');background-repeat:repeat;background-position: top left;} .upc-bgcontainer-topnav{width:100%;float:left;position: relative;background-image:url('../media/backgrounds/menu_bg.png'); background-repeat:repeat-x;background-position: top left;} .upc-bgcontainer-subnavcontainer{width:100%;float:left;z-index:399;position: relative;} .upc-bgcontainer-subnav{width:100%;float:left;position: relative;margin-top: -1px;background-image:url('../media/backgrounds/bg_menu_bottom.png'); background-repeat:repeat-x;background-position: bottom left;} .upc-bgcontainer-subnav img{display:block !important;width:0;height:0;padding:0;margin:0;} .upc-bgcontainer-topspot{width:100%;float:left;position: relative; } .upc-bgcontainer-aspot{width:100%;float:left;position: relative; } .upc-bgcontainer-center{width:100%;float:left;position: relative;padding:0 0 20px 0;} .upc-bgcontainer-center_nospot{width:100%;float:left;position: relative;padding:20px 0 20px 0;} /*white section*/ .upc-bgcontainer-aspot-white{width:100%;float:left;position: relative;padding:0;background-color:#fcfcfe;} .upc-bgcontainer-center-white{width:100%;float:left;position: relative;padding:0 0 20px 0;background-color:#fcfcfe;background-image:url('../media/backgrounds/bg_template_whitesection_fadeline.png');background-repeat:no-repeat;background-position: bottom center;} .upc-bgcontainer-center-white_nospot{width:100%;float:left;position: relative;padding:0 0 20px 0;background-color:#fcfcfe;background-image:url('../media/backgrounds/bg_template_whitesection_fadeline.png');background-repeat:no-repeat;background-position: bottom center;} /*black section*/ .upc-bgcontainer-aspot-blacksection{width:100%;float:left;position: relative;padding:0;background-color:#000;} .upc-bgcontainer-center-blacksection{width:100%;float:left;position: relative;padding:0 0 20px 0;background-color:#000;} .upc-bgcontainer-center-blacksection_nospot{width:100%;float:left;position: relative;padding:0 0 20px 0;background-color:#000;} /*horizon*/ .upc-bgcontainer-center-black{width:100%;float:left;position: relative;padding:0 0 20px 0;min-height:100px;background-color:#000;background-image:url('../media/backgrounds/bg_black_section_horizon.jpg');background-repeat:no-repeat;background-position: top center;} .upc-bgcontainer-center-black-nova{width:100%;float:left;position: relative;margin-top:-52px;height:110px;background-image:url('../media/backgrounds/bg_horizon_section_nova.png');background-repeat:no-repeat;background-position: top center;} .upc-bgcontainer-center-black_nospot{width:100%;float:left;position: relative;padding:20px 0 20px 0;min-height:100px;background-color:#000;background-image:url('../media/backgrounds/bg_black_section_horizon.jpg');background-repeat:no-repeat;background-position: top center;} .upc-bgcontainer-center-black_nospot .upc-bgcontainer-center-black-nova{margin-top:-72px;z-index:400;} .upc-bgcontainer-fatfooter{width:100%;float:left;min-height:230px;position: relative; background-color:#fff;background-image:url('../media/backgrounds/bg-footer-shade.png'); background-repeat:repeat-x;background-position:top left;} .upc-bgcontainer-footertop{position:relative;float:left;width:100%;border-bottom: 1px solid #D6D9E2;} .upc-bgcontainer-leanfooter{width:100%;float:left;position: relative;bottom:0;background-color:#fff;z-index:105;border-top:1px solid #e6e6e6;} .upc-body-wrapper{width:100%;float:left;min-height:300px;position: relative;} .aspot_crumb_pos{position: relative;} /*footer wrapper for height*/ .upc-content-wrapper{width:100%;position:relative;float:left;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -325px;} .upc-footer-push{position:relative;float:left;width:100%;height: 325px !important;z-index:-1;} .upc-footers-wrapper{position:relative;float:left;width:100%;} /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .upc_grid_1, .upc_grid_2, .upc_grid_3, .upc_grid_4, .upc_grid_5, .upc_grid_6, .upc_grid_7, .upc_grid_8, .upc_grid_9, .upc_grid_10, .upc_grid_11, .upc_grid_12 { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; } .upc_container_12 .upc_grid_1 { width:60px; } .upc_container_12 .upc_grid_1 img { max-width: 100%; } .upc_container_12 .upc_grid_2 { width:140px; } .upc_container_12 .upc_grid_2 img { max-width: 100%; } .upc_container_12 .upc_grid_3 { width:220px; } .upc_container_12 .upc_grid_3 img { max-width: 100%; } .upc_container_12 .upc_grid_4 { width:300px; } .upc_container_12 .upc_grid_4 img { max-width: 100%; } .upc_container_12 .upc_grid_5 { width:380px; } .upc_container_12 .upc_grid_5 img { max-width: 100%; } .upc_container_12 .upc_grid_6 { width:460px; } .upc_container_12 .upc_grid_6 img { max-width: 100%; } .upc_container_12 .upc_grid_7 { width:540px; } .upc_container_12 .upc_grid_7 img { max-width: 100%; } .upc_container_12 .upc_grid_8 { width:620px; } .upc_container_12 .upc_grid_8 img { max-width: 100%; } .upc_container_12 .upc_grid_9 { width:700px; } .upc_container_12 .upc_grid_9 img { max-width: 100%; } .upc_container_12 .upc_grid_10 { width:780px; } .upc_container_12 .upc_grid_10 img { max-width: 100%; } .upc_container_12 .upc_grid_11 { width:860px; } .upc_container_12 .upc_grid_11 img { max-width: 100%; } .upc_container_12 .upc_grid_12 { width:940px; } .upc_container_12 .upc_grid_12 img { max-width: 100%; } /****Mast head navigation****/ #navPanel {display:none;} #upc_masthead_nav { position:relative; float: left; clear:both; min-height:86px; width:940px; } .upc_logo {background: url("../media/backgrounds/bg_logo-mask.png") no-repeat scroll center top transparent; float: left;height: 76px;margin: 10px 0 0 -240px;position: relative; width: 700px; } .upc_logo img{float: left; position:relative;margin:11px 0 0 240px;} #upc_leaderboard_top{position:relative;float: left; clear:both;width:940px; } #upc_leaderboard_top img, #upc_leaderboard_top object, #upc_leaderboard_top embed{display:block;clear:both;width:728px;margin:10px auto;} /*meta navigation*/ .upc_service_nav_container{float:left;min-width:150px;} .upc_utility_nav_container{float:right;min-width:150px;text-align:right;} .upc_utility_nav_container ul.pagelist_mainnav li {padding: 0 0 0 16px !important;} /*my upc login*/ #login_link, #login_link span, #login_link a{display:inline-block;} #login_link span#my_upc_default{display:inline-block;color:#ccc;padding-top:4px;} /*service navigation inline dropdown*/ .upc_dropdown_regular{float:left;list-style: none; margin:0; padding: 0;line-height:normal; position: relative; color:#333; /*background: url("../media/backgrounds/service_navbar_bg.png") repeat-x center top;*/ } .upc_dropdown_regular ul li a.first{height:20px;padding:6px 20px 0 15px !important;margin-left:-15px;font-weight:normal;float:left;z-index:3 !important;background: url("../media/backgrounds/service_navbar_bg.png") repeat-x center top; } .upc_dropdown_regular ul li a.first .left{float:left;margin-left:5px;padding-bottom:8px; } .upc_dropdown_regular ul li a:hover{text-decoration:underline !important;} .upc_dropdown_regular ul li a.first span{display:block !important;} .upc_dropdown_regular ul li a.first span:hover{text-decoration:underline !important;} .upc_dropdown_regular ul { height:26px;display:block;clear:both;padding:1px 0 0 0;margin:-1px 5px 0 0; list-style: none outside; } .upc_dropdown_regular ul li{ display:block;padding-right:0!important;} .upc_dropdown_regular ul li a{display:block;color:#333; font-weight:bold; padding-left:5px; padding-bottom:1px;text-transform:capitalize; } .upc_dropdown_regular ul:first-child{zoom:1;z-index:2 !important; background: url("../media/backgrounds/service_navbar_bg.png") repeat-x center top;} .upc_dropdown_regular ul:first-child:hover{z-index:2 !important;} .upc_dropdown_regular li li, .upc_dropdown_regular li li a { font-weight:normal; padding:5px 0px 5px 5px; text-align: left; zoom: 1; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out; } .upc_dropdown_regular li li{padding:2px 5px 2px 5px} .upc_dropdown_regular li li a { padding:5px 0px 5px 0px; } .upc_dropdown_regular li li a:hover { text-decoration:underline; } .upc_dropdown_regular li:hover li:first-child { padding-top: 205px; margin-top:0; } .upc_dropdown_regular li:hover li:last-child { margin-bottom: 0; } .upc_dropdown_regular ul ul { position:absolute;height:auto;width:auto;margin-top:-190px; *margin-top:-210px; margin-left:-5px; padding:10px 10px 5px 10px; z-index:-1;background:#f5f5f5;-moz-box-shadow:0 2px 4px #ccc;-webkit-box-shadow:0 2px 4px #ccc;box-shadow:0 2px 4px #ccc; } .upc_dropdown_regular ul ul li { padding-bottom:0px;height:auto; *height:20px; } .upc_dropdown_regular ul ul li a { white-space:nowrap;padding-right:0!important;height:auto; *height:20px;} .upc_dropdown_arrow_down { float:left; margin:5px 0 0 5px;top:0; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; } .upc_nav_opaque{background: url("../media/backgrounds/service_navbar_bg.png") repeat-x center top;width:75px;white-space: nowrap;height:26px;padding-right:10px;position: relative; z-index:1!important;}/* used for covering the animation in supported browsers*/ /* IE10-specific styles*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .upc_dropdown_regular ul li a.first{height:19px!important;padding:7px 20px 0 15px !important;} } /*google search topbar*/ .upc_search_wrapper{ width:298px; float:right;margin:37px 0 0 0; height:27px; padding:0; } .upc_search { width:298px; float:right;margin:0; height:27px; padding:0; background-image:url('../media/backgrounds/bg-google_search.png'); background-repeat:no-repeat; background-position: top center; line-height:normal; } .upc_search .upc_searchbutton {background:transparent url("../media/buttons/button_search_sprite.png") no-repeat left top; border: 0 none; height: 23px; margin:2px 2px 0 0; width: 37px;float:right;} .upc_search .upc_searchbutton:hover {background:transparent url("../media/buttons/button_search_sprite.png") no-repeat left bottom;} .upc_search .upc_searchbutton span { visibility:hidden; } .upc_search input.search-box {font-family: "speak_bold", Helvetica, Arial, sans-serif;border: 0 none; color: #999; float: left; font-size: 16px; margin: 6px 8px 2px 10px; padding: 0;width: 241px;} .upc_search input.search-box-active {color: #999; } /*menu bar*/ .upc_nav_main { position:relative; float:left; clear:both; width:auto; z-index:400;width:940px; } .upc_nav_main img{display:block !important;width:0;height:0;padding:0;margin:0;} .upc_nav_main ul { font-family: "speak_bold", Helvetica, Arial, sans-serif; float: left; width:auto; list-style: none; margin:0; padding: 0; } .upc_nav_main ul li { float: left; width:auto; margin: 0; padding: 0; } .upc_nav_main ul li a { float: left; width:auto; font-size:23px; padding:0; margin:0; text-decoration:none; color:#249; } .upc_nav_main ul li a:hover { text-decoration:none;color:#00aadd;} .upc_nav_main a.active { color:#00aadd; } .upc_nav_main .level1 { float:left; height:43px; } .upc_nav_main .level2 { float:left; padding:13px 0 6px 0; height:22px; } .upc_nav_main .level2 li { float:left; margin-left:30px; height:22px; } .upc_nav_main .level2 li a span { display:none; } .upc_nav_main .level2 li a.active{color:#0ad;} .upc_nav_main .level2 li a.active span.activeItem, .upc_nav_main .level2 li a:hover span{display:block;border-bottom:3px solid #0ad;padding-bottom:8px;} .upc_nav_main .level2 li.home-ico{margin-left:0;} .upc_nav_main .level2 li.home-ico a{float:left;background:url('../media/icons/ico_home_sprite.png') no-repeat left bottom;width:17px;height:15px;margin-top:1px;} .upc_nav_main .level2 li.home-ico a:hover{padding-bottom:0;border-bottom:none;background-position:left top;} .upc_nav_main .level2 a:hover,.upc_nav_main .level3 a:hover{display:block;color:#0ad!important;z-index:401;} .upc_nav_main .level3 li.haschildren.active span.activeItem {display: block; border-bottom: 3px solid #0ad; padding: 8px 0 5px 0;} .upc_nav_main .level3 li.active span.activeItem {display: block; border-bottom: 3px solid #0ad; padding: 0 0 5px 0;} .upc_nav_main .level3 li.haschildren.active:hover span.activeItem {display: block; border-bottom: 0px solid #0ad; padding: 8px 0 5px 0;} .upc_nav_main .level3 li.active:hover span.activeItem {display: block; border-bottom: 3px solid #0ad; padding: 0 0 5px 0;} .upc_nav_main .level3 li.haschildren.active span.activeItemHover {display: block; border-bottom: 0px solid #0ad; padding: 8px 0 5px 0;} .upc_nav_main .level3 li.active span.activeItemHover {display: block; /*border-bottom: 3px solid #0ad;*/ padding: 0 0 5px 0;} .upc_nav_main .level3 { list-style:none; margin:0 0 0 -11px; padding:0; float:left; width:auto; } .upc_nav_main .level3 li { display:block; position:relative;padding:0 10px 0 0;height:35px;} .upc_nav_main .level3 li a { display:block; padding:8px 5px 7px 10px;font-family: "speak_bold", Helvetica, Arial, sans-serif; font-size:18px; color:#249; text-decoration:none; } .upc_nav_main .level3 li a:hover span{display:block; border-bottom:3px solid #0ad;padding-bottom:5px;} .upc_nav_main .level3 li a:hover span.lf-br{display:block;border-bottom:0px solid #0ad;padding-bottom:0;} .upc_nav_main .level3 li.active a, .upc_nav_main .level3 li:focus a { color:#0ad;font-weight:normal;} .upc_nav_main .level3 li.haschildren a{display:block;padding:0;position:relative;background:url('../media/icons/ico-nav-arrowdown-reg.png') no-repeat right 17px; padding-right: 16px;margin-left: 11px;} .upc_nav_main .level3 li.haschildren a span{display:block;padding:8px 0 7px 0px;border-bottom:0;/*!important;*/} .upc_nav_main .level3 li.haschildren:hover{ background:url('../media/backgrounds/bg-divider-level3.png') no-repeat right bottom; } .upc_nav_main .level3 li.haschildren:hover > a {color:#0ad;background:url('../media/icons/ico-nav-arrowdown-over.png') no-repeat right 17px !important; z-index: 401;} .upc_nav_main .level3 li.haschildren > a span.lf-br {padding:0;} .upc_nav_main .level3 li.haschildren:hover>a span.lf-br{background: url('../media/backgrounds/bg-divider-level3-single.png') no-repeat left bottom;width: 11px; height: 36px; float: left; margin-left: -11px;} .upc_nav_main .level3 li.haschildren.active, .upc_nav_main .level3 li.haschildren:focus {display:block;} .upc_nav_main .level3 li.haschildren.active>a,.upc_nav_main .level3 li.haschildren:focus>a{background:url('../media/icons/ico-nav-arrowdown-over.png') no-repeat right 17px;border-bottom:none;} .upc_nav_main .level3 li.active3 a{color:#0ad;background:url('../media/icons/ico-nav-arrowdown-over.png') no-repeat right 17px; z-index: 401;} /*.upc_nav_main .level3 li.active3.haschildren span {display:block;border-bottom:3px solid #0ad; padding-bottom:5px;}*/ .upc_nav_main .level3 li.active3.haschildren span.lf-br, .upc_nav_main .level3 li.active3.haschildren:hover span, .upc_nav_main .level3 li.active3.haschildren .level4 li a span {border:none;} .upc_nav_main .level3 li.haschildren a:hover,.upc_nav_main .level3 li.haschildren a:hover span {border-bottom:none !important;} .upc_nav_main .level3 li a span.activeItem {display:block;border-bottom:3px solid #0ad; padding-bottom:5px;} .upc_nav_main .level3 li.hasnoactivechildren a {background-image:none;} /*.upc_nav_main .level3 li.upc-nav-indicator{display:block;position:relative;width:1px;height:34px;border:none;background:url('../media/backgrounds/bg-divider-level3.png') no-repeat right bottom;margin:-33px 0 0 -1px;}*/ .upc_nav_main .level3 ul{margin-top:34px;min-width:230px;border:1px solid #7abce6;background:#fff url('../media/backgrounds/bg-nav-level4.png') repeat-x left top;zoom:1;list-style:none;position:absolute;left:-9999px;z-index:-1;} .upc_nav_main .level3 li.upc-nav-indicator{display:none;} .upc_nav_main .level3 ul li { clear:both; width:100%; height:auto;} .upc_nav_main .level3 ul a { display:block;width:96%; padding:2%; color:#249;font-size:16px;white-space:nowrap; text-decoration:none;background-image:url('../media/backgrounds/bg-nav-level4.png'); } .upc_nav_main .level3.desktop li:hover, .upc_nav_main .level3 li.open {display:block;} .upc_nav_main .level3.desktop li:hover ul, .upc_nav_main .level3 li.open ul { left:0; } .upc_nav_main .level3 li.haschildren.active ul li a, .upc_nav_main .level3 li.haschildren:focus ul li a {background:none !important;} .upc_nav_main ul.level4 {padding:10px 0 11px 0;} .upc_nav_main ul.level4 li a{background: none !important;color:#249 !important;z-index:99999;} .upc_nav_main .level4 li.haschildren:hover>a{color:#0ad;background:none!important;z-index:401;} .upc_nav_main ul.level4 li.active a{color:#0ad !important;} .upc_nav_main ul.level4 li.active span.activeItem {border-bottom: 0 !important;} .upc_nav_main ul.level4 li a:hover,.upc_nav_main ul.level4 li:hover,.upc_nav_main ul.level4 li a span:hover{background:none!important;color:#0ad;} .upc_nav_main ul.level4 li a span{display:block;padding:0 0 3px 0!important;background-image:none!important;} .upc_nav_main ul.level4 li a span{background-color: transparent !important;} .upc_nav_main ul.level4 li a span.lf-br {width: 0; height: 0;} .upc_nav_main ul.level4 li.haschildren a { background:none !important; display: block; padding: 0; position: relative; } .upc_nav_main ul.level4 li.haschildren a:hover { background:none !important;} .upc_nav_main .level4 li.haschildren > a span.lf-br {height:0; float:none; width:0;border:none} .upc_nav_main .level4 li.haschildren:hover>a span.lf-br {height:0; float:none; width:0;} /*breadcrumb*/ .upc_breadcrumb{float:left; clear:both;font-family: "speak_bold", Helvetica,Arial, sans-serif;font-size:14px;height:16px;margin:15px 0;z-index:500; } .upc_breadcrumb strong{float:left;height:14px;background:url('../media/icons/divider-breadcrumb.png') no-repeat left 5px;color:#333;margin: 0 5px 0 0;padding:0 5px 2px 13px;} .upc_breadcrumb a{float:left; background:url('../media/icons/divider-breadcrumb.png') no-repeat left 5px;color:#888;margin: 0 5px 0 0;padding:0 5px 2px 15px;} .upc_breadcrumb a:hover{color:#0ad; text-decoration:none;} .upc_breadcrumb a.home-ico {float:left; height:13px;width:13px;padding:0; margin: 2px 15px 0 0; background:url('../media/icons/ico-nav-breadcrumb.png') no-repeat left top; } .upc_breadcrumb a.home-ico:hover {background:url('../media/icons/ico-nav-breadcrumb.png') no-repeat left bottom; } .upc_nonresponsiveBreadcrumb{display:block;} .upc_responsiveBreadcrumb{display:none;} /*lean footer*/ .upc_footer_left { float:left;margin: 0;min-width:150px; padding:15px 0; text-align:left; color:#666; font-size:12px; } .upc_footer_copyright{float:right;min-width:50px;margin: 0; padding:15px 0; text-align: right; color:#666; font-size:12px;} /*mobile dropdown*/ .mobile_navigation_dropdown{display:none;position:relative;width:85%;margin:20px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mobile_navigation_dropdown .mobile_navigation_select{display:block;width:100%;height:45px;margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#fff url('../media/responsive/bg/mobilenav-select-border.png'); background-repeat: no-repeat; background-position: right bottom; border:1px solid; border-top-color:#ddd; border-bottom-color:#bbb; border-left:0; border-right:0; background-image:url('../media/responsive/bg/mobilenav-select-border.png'), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#ffffff)); background-image:url('../media/responsive/bg/mobilenav-select-border.png'), -webkit-linear-gradient(top, #ffffff, #f7f7f7); background-image:url('../media/responsive/bg/mobilenav-select-border.png'), -moz-linear-gradient(top, #ffffff, #f7f7f7); background-image:url('../media/responsive/bg/mobilenav-select-border.png'), -ms-linear-gradient(top, #ffffff, #f7f7f7); background-image:url('../media/responsive/bg/mobilenav-select-border.png'), -o-linear-gradient(top, #ffffff, #f7f7f7); -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px; } .mobile_navigation_select span.active{ font-size:20px; color:#666; float:left; padding:11px 12px 12px; background:url('../media/responsive/bg/mobilenav-select-border.png') no-repeat left bottom; width:85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mobile_navigation_select span.mobile_navigation_select_arrow{ float:right; border-left: 1px solid #DDDDDD; background: url('../media/responsive/icons/mobilenav_select_arrow.png') no-repeat center center; background-image:url('../media/responsive/icons/mobilenav_select_arrow.png'), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#ffffff)); background-image:url('../media/responsive/icons/mobilenav_select_arrow.png'), -webkit-linear-gradient(top, #ffffff, #f7f7f7); background-image:url('../media/responsive/icons/mobilenav_select_arrow.png'), -moz-linear-gradient(top, #ffffff, #f7f7f7); background-image:url('../media/responsive/icons/mobilenav_select_arrow.png'), -ms-linear-gradient(top, #ffffff, #f7f7f7); background-image:url('../media/responsive/icons/mobilenav_select_arrow.png'), -o-linear-gradient(top, #ffffff, #f7f7f7); height:43px; width:53px; right:0; position:absolute; margin:0 5px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mobile_navigation_dropdown ul{ display:none; width:99%; margin:1px auto 0 auto; border: 1px solid #cdcdcd; -moz-box-shadow:0 3px 4px #CDCDCD; -webkit-box-shadow:0 3px 4px #CDCDCD; -ms-box-shadow:0 3px 4px #CDCDCD; -o-box-shadow:0 3px 4px #CDCDCD; box-shadow:0 3px 4px #CDCDCD; } /*.mobile_navigation_dropdown:hover ul{display:block;clear:both;background:#fff;position: absolute; z-index: 100;}*/ .thirdLvlHover {display:block !important;clear:both;background:#fff;position: absolute; z-index: 100;} .mobile_navigation_dropdown ul li a{ display:block; clear:both; font-size:20px; color:#666; padding:16px 10px 16px 35px; margin:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mobile_navigation_dropdown ul li a:hover{text-decoration:none;color:#333 } .mobile_navigation_dropdown ul li{display:block;width:100%;min-height:52px;clear:both;margin:0;padding:0;} .mobile_navigation_dropdown ul li.active{ color:#333 !important; border-top:1px solid #efeff7; border-bottom:1px solid #efeff7; background:#edf0f5 url('../media/responsive/icons/mobilenav_l3_tick.png') no-repeat 10px 17px;} .mobile_navigation_dropdown ul li.active a{color:#333 !important;} /*accordon*/ #panel{display:none;} .upc-mobile-accordion{position:relative;background-color:#eff2fb;border-top: 1px solid #CED2DB;} .upc-mobile-accordion .ui-collapsible-heading a{color:#249;width:100%;} .ui-collapsible{width:100%;border-bottom:1px solid #ced2db;background: url('../media/backgrounds/bg_acc_shade_bottom.png') no-repeat center bottom;} .ui-collapsible .ui-btn-text{display:inline-block;width:95%;color:#249; font-family: 'speak_bold', Arial;font-size:24px;font-weight:normal;} .ui-icon{position:absolute;display:inline-block;width:5%;height:11px;top:22px;right:5px;background-image: url('../media/buttons/button_openclose_big.png');background-repeat:no-repeat;} .ui-collapsible .ui-icon{ background-position: center bottom;} .ui-collapsible-collapsed .ui-icon{ background-position: center top;} /* Menu animation and overrides */ #navPanel {display:none;} .spmenu-push-toright { left: 250px !important; position: absolute; } .spmenu-push-toleft { left: 0px; position: absolute; } .spmenu, .spmenu-push { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #sidePanel { position: absolute; height: 1200px; width: 250px; overflow: hidden; top: 0px; left: -250px; display: block; background: #123378; z-index: 7500; } #respNav { left: 0px; } #sidePanel li { /*border-bottom: #0e2960 1px solid;*/ width: 250px; overflow: hidden; } #sidePanel .close { height: 43px; padding-top:12px; } #respNav li { background: #123378; } .subMenu li { background: #224599 !important; } #respNav li div.borderLineTopLevel, div.borderLineTopLevel { height: 3px; width: 100%; margin: 0; background: url('../media/responsive/buttons/assets_preview.png') repeat-x 0 -252px;} #sidePanel li div.borderLineInner, div.borderLineInner { height: 3px; width: 100%; margin: 0; background: url('../media/responsive/buttons/assets_preview.png') repeat-x 0 -264px;} .openSub li { background: #224599 !important; } #sidePanel li div.borderLineInner:first-child, #sidePanel li div.borderLineInner:last-child {display: none;} #sidePanel .navTitle { color: #9aaacc; width: 100%; text-align: center; height: 50px; padding-top:10px; display: block; z-index: 9999; /*border-bottom: #0e2960 1px solid;*/ } #sidePanel .drop-icon{background-image: url('../media/buttons/button_openclose_big.png');background-repeat:no-repeat;} #sidePanel .drop-icon-dark{background: url('../media/responsive/buttons/assets_preview.png') no-repeat; float: right; margin-right: 7%;margin-top:4px;} #sidePanel .close .drop-icon-dark{ background-position: -82px -12px;} #sidePanel .open .drop-icon-dark{ background-position: -82px -46px;} #sidePanel h6 a {width: 100%; display: block; padding-top: 0px !important;} #sidePanel h5 a {width: 100%; display: block; } /*iphone*/ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .mobile_navigation_select span.active{width:80% !important;} } /*small phone*/ @media only screen and (min-device-width : 239px) and (max-device-width : 319px) { .mobile_navigation_select span.active{width:70% !important;} } /**accordion**/ /* @Accordion accstyle_A Blue right align link with chevron and bottom shade @Accordion accstyle_B Blue right align link with chevron @Accordion accstyle_D Accordion for nesting in tabs. @Accordion accstyle_E Accordion for nesting in other accordions. @Accordion accstyle_C Footnote */ .upc_accordion .upc_accordion_title{width:100%;cursor:pointer;clear:both;line-height:normal;} .upc_accordion .upc_accordion_title span.upc_accordion_title_text{display:inline-block;} .upc_accordion_pane {width:100%; display: none;clear:both;} .upc_accordion_wrapper{position:relative; clear: both; width: 100%;} .upc_accordion_title span.upc_accordion_label_opened, .upc_accordion_title span.upc_accordion_label_closed { float:right; font-size: 12px; margin: 0px 18px 0; } .accstyle_A .upc_accordion_title span.upc_accordion_label_opened, .accstyle_A .upc_accordion_title span.upc_accordion_label_closed { float:right; font-size: 12px; margin: 5px 18px 0 0; } .accstyle_B .upc_accordion_title span.upc_accordion_label_opened, .accstyle_B .upc_accordion_title span.upc_accordion_label_closed { float:right; font-size: 12px; margin: 3px 18px 0 0; } .accstyle_C .upc_accordion_title span.upc_accordion_label_opened, .accstyle_C .upc_accordion_title span.upc_accordion_label_closed { float:right; font-size: 12px; margin: 0; } .accstyle_D .upc_accordion_title span.upc_accordion_label_opened, .accstyle_D .upc_accordion_title span.upc_accordion_label_closed {float:right; font-size: 12px; margin: 3px 18px 0 0; } .upc_accordion .upc_accordion_title span.upc_accordion_label_opened { display: none; } .upc_accordion .upc_accordion_title span.upc_accordion_label_closed { display: block; } .upc_accordion .upc_accordion_title.current span.upc_accordion_label_opened { display: block; } .upc_accordion .upc_accordion_title.current span.upc_accordion_label_closed { display: none; } /****Blue right align link with chevron and bottom shade****/ .accstyle_A{border-top:1px solid #ced2db;} .accstyle_A > div > div > div > .upc_accordion_title{display: block;color:#249; font-family: "speak_bold", Arial;font-size:24px;font-weight:normal;width:100%; background: url('../media/icons/ico_arrow_acc_close.png') no-repeat right 26px;padding:18px 0 17px 0;} .accstyle_A > div > div > div > .upc_accordion_title.current{ color:#249;background:url('../media/icons/ico_arrow_acc_open_blue.png') no-repeat right 26px;} .accstyle_A > div > div > div > .upc_accordion_title.current:hover{color:#0ad;background: url('../media/icons/ico_arrow_acc_mouseover_open.png') no-repeat right 26px;} .accstyle_A > div > div > div > .upc_accordion_title:hover{color:#0ad;background: url('../media/icons/ico_arrow_acc_open.png') no-repeat right 26px;} .accstyle_A > div > div > div > .upc_accordion_title span.upc_accordion_title_text{display:inline-block;width:80%; padding:0;} .accstyle_A > div > div > div > .upc_accordion_title img{display:none;} .accstyle_A > div > div > div > .upc_accordion_pane {padding:0 0 20px 0;} .accstyle_A > div > div > .upc_accordion_wrapper{border-bottom:1px solid #ced2db; background-image: url('../media/backgrounds/bg_acc_shade_bottom.png'); background-repeat: no-repeat; background-position: center bottom; -moz-background-size:100% auto; -webkit-background-size:100% auto; -o-background-size:100% auto; background-size:100% auto;} /*Different graphic for the 620 column*/ div.upc_columns_620_20_300-c0 .accstyle_A .upc_accordion_wrapper, div.upc_columns_300_20_620-c1 .accstyle_A .upc_accordion_wrapper, div.upc_columns_openbox_300_20_620-c1 .accstyle_A .upc_accordion_wrapper, div.upc_columns_openbox_620_20_300-c0 .accstyle_A .upc_accordion_wrapper, .upc_grid_8 .accstyle_A .upc_accordion_wrapper{background: url('../media/backgrounds/bg_acc_shade_bottom_620.png') no-repeat center bottom;} /*Blue right align link with chevron*/ .accstyle_B > div > div > div > .upc_accordion_title{display: block;color:#249; font-family: "speak_bold", Arial;font-size:18px;font-weight:normal;width:100%;padding:19px 0; background: url('../media/icons/ico_arrow_acc_close.png') no-repeat right 25px;} .accstyle_B > div > div > div > .upc_accordion_title.current{ color:#249;background:url('../media/icons/ico_arrow_acc_open_blue.png') no-repeat right 25px;} .accstyle_B > div > div > div > .upc_accordion_title:hover{color:#0ad;background: url('../media/icons/ico_arrow_acc_open.png') no-repeat right 25px;} .accstyle_B > div > div > div > .upc_accordion_title span.upc_accordion_title_text{display:inline-block;width:80%;padding:0;} .accstyle_B > div > div > div > .upc_accordion_title img{display:none;} .accstyle_B > div > div > div > .upc_accordion_pane {padding:0 0 20px 0;} .accstyle_B > div > div > .upc_accordion_wrapper{border-bottom:1px solid #e3e6ef;} /*Footnote*/ .accstyle_C{color:#777;} .accstyle_C > div > div > div > .upc_accordion_title{display: block; clear: both;line-height: normal;min-height:15px;font-size:14px;margin-bottom:10px;width:auto;color:#249;padding: 2px 0 0 20px; background: url('../media/icons/ico_arrow_footnote_closed.png') no-repeat 0 6px;} .accstyle_C > div > div > div > .upc_accordion_title.current{background: url('../media/icons/ico_arrow_footnote_open.png') no-repeat 0 6px; color:#0ad;} .accstyle_C > div > div > div > .upc_accordion_title:hover{background: url('../media/icons/ico_arrow_footnote_hover.png') no-repeat 0 6px; color:#0ad;} .accstyle_C > div > div > div > .upc_accordion_title img{display:none;} .accstyle_C > div > div > div > .upc_accordion_title span.upc_accordion_title_text{display:inline-block;width:80%;padding:0 0 0 30px;} .accstyle_C > div > div > div > .upc_accordion_title span.upc_accordion_label_opened, .accstyle_C > div > div > div > .upc_accordion_title span.upc_accordion_label_closed {top: 5px; right: 0; } .accstyle_C > div > div > div > .upc_accordion_pane {padding:0 0 10px 0;} /*Accordion for nesting in tabs*/ .accstyle_D{border-bottom:1px solid #E3E6EF;} .accstyle_D > div > div > div > .upc_accordion_title, .accstyle_E > div > div > div > .upc_accordion_title{display: block;color:#249; font-family: "speak_bold", Arial;font-size:18px;font-weight:normal;width:100%;padding:19px 0; background: url('../media/icons/ico_arrow_acc_close.png') no-repeat right 25px;} .accstyle_D > div > div > div > .upc_accordion_title.current, .accstyle_E > div > div > div > .upc_accordion_title.current{ color:#249;background:url('../media/icons/ico_arrow_acc_open_blue.png') no-repeat right 25px;} .accstyle_D > div > div > div > .upc_accordion_title:hover, .accstyle_E > div > div > div > .upc_accordion_title:hover{color:#0ad;background: url('../media/icons/ico_arrow_acc_open.png') no-repeat right 25px;} .accstyle_D > div > div > div > .upc_accordion_title span.upc_accordion_title_text, .accstyle_E > div > div > div > .upc_accordion_title span.upc_accordion_title_text{display:inline-block;width:80%;padding:0;} .accstyle_D > div > div > div > .upc_accordion_title img, .accstyle_E > div > div > div > .upc_accordion_title img{display:none;} .accstyle_D > div > div > div > .upc_accordion_pane{padding:0 0 20px 0;} .accstyle_D > div > div > .upc_accordion_wrapper{border-top:1px solid #E3E6EF;} /*responsive nested accordion settings*/ /*added separation beween behavior in tabs and in accordion*/ .accstyle_E{width: 89.5% !important; margin-left:2.5%;margin-right:8%;} .accstyle_E > div > div > .upc_accordion_wrapper{border-bottom:none;} .accstyle_E .upc_accordion_title, .accstyle_E .upc_accordion_title.current, .accstyle_E .upc_accordion_title:hover{background-position: left 16px !important;padding:9px 0 !important;} .accstyle_E .upc_accordion_title_text{padding:0 0 0 20px !important;} .accstyle_E .upc_accordion_pane {padding:0 0 20px 20px;width:auto;} .accstyle_E .upc_accordion_title span.upc_accordion_label_opened, .accstyle_E .upc_accordion_title span.upc_accordion_label_closed {display:none !important; } .accstyle_E .border-half-width{ height:1px; width:70%; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlZDJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2NlZDJkYiIgc3RvcC1vcGFjaXR5PSIwLjY4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmYyZmIiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(206,210,219,1) 0%, rgba(206,210,219,0.68) 32%, rgba(239,242,251,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(206,210,219,1)), color-stop(32%,rgba(206,210,219,0.68)), color-stop(100%,rgba(239,242,251,0))); background: -webkit-linear-gradient(left, rgba(206,210,219,1) 0%,rgba(206,210,219,0.68) 32%,rgba(239,242,251,0) 100%); background: -o-linear-gradient(left, rgba(206,210,219,1) 0%,rgba(206,210,219,0.68) 32%,rgba(239,242,251,0) 100%); background: -ms-linear-gradient(left, rgba(206,210,219,1) 0%,rgba(206,210,219,0.68) 32%,rgba(239,242,251,0) 100%); background: linear-gradient(to right, rgba(206,210,219,1) 0%,rgba(206,210,219,0.68) 32%,rgba(239,242,251,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ced2db', endColorstr='#00eff2fb',GradientType=1 ); } /*Blue right align link with chevron and bottom shade for responsive*/ .accstyle_R{} .accstyle_R > div > div > div > .upc_accordion_title{color:#249; font-family: "speak_bold", Arial;font-size:24px;font-weight:normal;width:100%;} .accstyle_R > div > div > div > .upc_accordion_title.current{ color:#249;} .accstyle_R > div > div > div > .upc_accordion_title span.upc_accordion_title_text{width:100%; padding:10px 0;} .accstyle_R > div > div > div > .upc_accordion_title img{display:none;} .accstyle_R > div > div > div > .upc_accordion_title .upc_accordion_label_opened, .accstyle_R > div > div > div > .upc_accordion_title .upc_accordion_label_closed { position:absolute; width:5%;height:11px;top:22px !important;right:5px; } .accstyle_R > div > div > div > .upc_accordion_title .upc_accordion_label_closed{background-image: url('../media/buttons/button_openclose_big.png'); background-position: center top; background-repeat:no-repeat;} .accstyle_R > div > div > div > .upc_accordion_title .upc_accordion_label_opened{background-image: url('../media/buttons/button_openclose_big.png') ; background-position: center bottom; background-repeat:no-repeat;} .accstyle_R > div > div > div > .upc_accordion_title .current .upc_accordion_label_closed{display:none;} .accstyle_R > div > div > div > .upc_accordion_title .current .upc_accordion_label_opened{display:inline-block;} .accstyle_R > div > div > div > .upc_accordion_pane {padding:0 0 20px 0;} .accstyle_R > div > div > .upc_accordion_wrapper{border-bottom:1px solid #ced2db;background: url('../media/backgrounds/bg_acc_shade_bottom.png') no-repeat center bottom;} /* This CSS file contains definitions for the richtext component dialog. The definition format is: @GROUPCSSCLASSDESCRIPTION : any amount of whitespace GROUP: used as label in the dialog; it cannot contain whitespace; underscores will be converted to spaces in the dialog CSSCLASS: the CSS class to add (converted to lowercase); it cannot contain whitespace DESCRIPTION: displayed in the dropdown box; it can contain whitespace Special CSSCLASS values: CUSTOMBACKGROUNDCOLOR: (case sensitive) applies the "custombackgroundcolor" class and adds a "background-color" style attribute which is set by the producer CUSTOMBACKGROUNDIMAGE: (case sensitive) applies the "custombackgroundimage" class and adds a "background-image" style attribute which is set by the producer CUSTOMBORDERCOLOR: (case sensitive) applies the "custombordercolor" class and adds a "border-color" style attribute which is set by the producer Examples: Headers upc_rte_header1 Medium black headers class "upc_rte_header1" is applied if "Medium black headers" is selected in the "Headers" dropdown disabled @Border upc_rte_border_grey Grey this will do nothing as the line doesn't start with @ */ /* @Text upc_rte_textdefault Default body text, Arial 14px, dark grey @Text upc_rte_textsmalldarkgrey Smaller body/promo text, Arial 12px, dark grey @Text upc_rte_textsmalllightgrey Smaller body/promo text, Arial 12px, lighter grey @Text upc_rte_textsmallwhite Smaller body/promo text, Arial 12px, white @Text upc_rte_footnotes Text for footnotes Arial 11px dark grey */ .upc_rte_textdefault p, .upc_rte_textdefault li { font-family:Arial, Helvetica, sans-serif;color:#333; line-height: 22px; font-size: 14px;} .upc_rte_textsmalldarkgrey p, .upc_rte_textsmalldarkgrey li { font-family:Arial, Helvetica, sans-serif;color:#333; line-height: 20px; font-size: 12px;} .upc_rte_textsmalllightgrey p, .upc_rte_textsmalllightgrey li { font-family:Arial, Helvetica, sans-serif;color:#666; line-height: 20px; font-size: 12px;} .upc_rte_textsmallwhite p, .upc_rte_textsmallwhite li { font-family:Arial, Helvetica, sans-serif;color:#fff; line-height: 20px; font-size: 12px;} .upc_rte_footnotes p, .upc_rte_footnotes li { font-family:Arial, Helvetica, sans-serif;color:#333; line-height: 18px; font-size: 11px;} .upc_rte_textdefault p { margin:0 0 35px 0;} .upc_rte_textsmalldarkgrey p, .upc_rte_textsmalllightgrey p, .upc_rte_textsmallwhite p { margin:0 0 30px 0;} .upc_rte_footnotes p { margin:0 0 25px 0;} /* @Customtextcolor upc_rte_textcolor0 #333333 (Dark grey- default for body text) @Customtextcolor upc_rte_textcolor1 #777777 (Medium grey) @Customtextcolor upc_rte_textcolor2 #666666 (Light grey) @Customtextcolor upc_rte_textcolor3 #999999 (Lightest grey) @Customtextcolor upc_rte_textcolor4 #11AA44 (Green) @Customtextcolor upc_rte_textcolor5 #FF6600 (Orange) @Customtextcolor upc_rte_textcolor6 #CC0022 (Red) @Customtextcolor upc_rte_textcolor7 #771199 (Purple) @Customtextcolor upc_rte_textcolor8 #004499 (Navy blue) @Customtextcolor upc_rte_textcolor9 #FFFFFF (White) */ .upc_rte_textcolor0{color:#333 !important;} .upc_rte_textcolor1{color:#777 !important;} .upc_rte_textcolor2{color:#666 !important;} .upc_rte_textcolor3{color:#999 !important;} .upc_rte_textcolor4{color:#1A4 !important;} .upc_rte_textcolor5{color:#F60 !important;} .upc_rte_textcolor6{color:#C02 !important;} .upc_rte_textcolor7{color:#719 !important;} .upc_rte_textcolor8{color:#049 !important;} .upc_rte_textcolor9{color:#FFF !important;} /* @Headers upc_rte_header1 Type 1 headers speak bold (h1-34px,h2-28px,h3-24px, h4-22px,h5-20px,h6-18px) @Headers upc_rte_header2 Type 1 A-spot headers speak bold (h1-40px,h2-34px,h3-28px,h4-24px,h5-22px,h6-20px) @Headers upc_rte_header3 Type 1 Default white headers speak bold (h1-34px,h2-28px,h3-24px, h4-22px,h5-20px,h6-18px) @Headers upc_rte_header5 Type 1 A-spot white headers speak bold ((h1-40px,h2-34px,h3-28px,h4-24px,h5-22px,h6-20px) @Headers upc_rte_header7 Type 2 Default headers speak bold (h1-18px grey,h2-40px,h3-30px,h4-24px,h5-20px,h6-18px) @Headers upc_rte_header8 Type 2 A-spot headers speak bold (h1-18px grey,h2-50px,h3-44px,h4-36px,h5-28px,h6-24px) @Headers upc_rte_header9 Type 2 Default white headers speak bold (h1-18px,h2-40px,h3-30px,h4-24px,h5-20px,h6-18px) @Headers upc_rte_header10 Type 2 A-spot white headers speak bold (h1-18px,h2-50px,h3-44px,h4-36px,h5-28px,h6-24px) @Headers upc_fatfooter_header Headers fat footer (all weights size 16px) */ .upc_rte_header1, .upc_rte_header2, .upc_rte_header3, .upc_rte_header5, .upc_rte_header7, .upc_rte_header8, .upc_rte_header9, .upc_rte_header10, .upc_fatfooter_header{margin: 0;} /*legacy in use*/ .upc_rte_header1 h1 {font-size: 34px;color:#249;line-height: 44px;} .upc_rte_header1 h2 {font-size: 28px;color:#249;line-height: 40px;} .upc_rte_header1 h3 {font-size: 24px;color:#249;line-height: 34px;} .upc_rte_header1 h4 {font-size: 22px;color:#249;line-height: 30px;} .upc_rte_header1 h5 {font-size: 20px;color:#249;line-height: 24px;} .upc_rte_header1 h6 {font-size: 18px;color:#249;line-height: 20px;} .upc_rte_header2 h1 {font-size: 40px;color:#249;line-height: 40px;} .upc_rte_header2 h2 {font-size: 34px;color:#249;line-height: 38px;} .upc_rte_header2 h3 {font-size: 28px;color:#249;line-height: 36px;} .upc_rte_header2 h4 {font-size: 24px;color:#249;line-height: 32px;} .upc_rte_header2 h5 {font-size: 22px;color:#249;line-height: 30px;} .upc_rte_header2 h6 {font-size: 20px;color:#249;line-height: 24px;} .upc_rte_header3 h1 {font-size: 34px;color:#fff;} .upc_rte_header3 h2 {font-size: 28px;color:#fff;line-height: 44px;} .upc_rte_header3 h3 {font-size: 24px;color:#fff;line-height: 38px;} .upc_rte_header3 h4 {font-size: 22px;color:#fff;line-height: 32px;} .upc_rte_header3 h5 {font-size: 20px;color:#fff;line-height: 26px;} .upc_rte_header3 h6 {font-size: 18px;color:#fff;line-height: 24px;} .upc_rte_header5 h1 {font-size: 40px;color:#fff;line-height: 50px;} .upc_rte_header5 h2 {font-size: 34px;color:#fff;line-height: 44px;} .upc_rte_header5 h3 {font-size: 28px;color:#fff;line-height: 40px;} .upc_rte_header5 h4 {font-size: 24px;color:#fff;line-height: 38px;} .upc_rte_header5 h5 {font-size: 22px;color:#fff;line-height: 38px;} .upc_rte_header5 h6 {font-size: 20px;color:#fff;line-height: 34px;} /*new headers*/ .upc_rte_header7 h1 {font-size: 18px;color:#9AB0C8;} .upc_rte_header7 h2 {font-size: 40px;color:#249;line-height: 44px;} .upc_rte_header7 h3 {font-size: 30px;color:#249;line-height: 38px;} .upc_rte_header7 h4 {font-size: 24px;color:#249;line-height: 32px;} .upc_rte_header7 h5 {font-size: 20px;color:#249;line-height: 26px;} .upc_rte_header7 h6 {font-size: 18px;color:#249;line-height: 24px;} .upc_rte_header8 h1 {font-size: 18px;color:#9AB0C8;} .upc_rte_header8 h2 {font-size: 50px;color:#249;line-height: 50px;} .upc_rte_header8 h3 {font-size: 44px;color:#249;line-height: 44px;} .upc_rte_header8 h4 {font-size: 36px;color:#249;line-height: 36px;} .upc_rte_header8 h5 {font-size: 28px;color:#249;line-height: 28px;} .upc_rte_header8 h6 {font-size: 24px;color:#249;line-height: 24px;} .upc_rte_header9 h1 {font-size: 18px;color:#fff;} .upc_rte_header9 h2 {font-size: 40px;color:#fff;line-height: 44px;} .upc_rte_header9 h3 {font-size: 30px;color:#fff;line-height: 38px;} .upc_rte_header9 h4 {font-size: 24px;color:#fff;line-height: 32px;} .upc_rte_header9 h5 {font-size: 20px;color:#fff;line-height: 26px;} .upc_rte_header9 h6 {font-size: 18px;color:#fff;line-height: 24px;} .upc_rte_header10 h1 {font-size: 18px;color:#fff;} .upc_rte_header10 h2 {font-size: 50px;color:#fff;line-height: 50px;} .upc_rte_header10 h3 {font-size: 44px;color:#fff;line-height: 44px;} .upc_rte_header10 h4 {font-size: 36px;color:#fff;line-height: 36px;} .upc_rte_header10 h5 {font-size: 28px;color:#fff;line-height: 28px;} .upc_rte_header10 h6 {font-size: 24px;color:#fff;line-height: 24px;} /*fatfooter*/ .upc_fatfooter_header h1, .upc_fatfooter_header h2, .upc_fatfooter_header h3, .upc_fatfooter_header h4, .upc_fatfooter_header h5, .upc_fatfooter_header h6{font-size: 16px; margin: 10px 0 0 0; color:#666;font-family: "speak_bold", Arial;} .upc_fatfooter_header a{color:#666;} .upc_fatfooter_header a:hover{color:#0ad; text-decoration:none;} /*header link overrides*/ .upc_rte_header1 a, .upc_rte_header2 a{color:#249;} .upc_rte_header7 h1 a, .upc_rte_header8 h1 a {color:#9AB0C8;} .upc_rte_header7 h2 a, .upc_rte_header7 h3 a, .upc_rte_header7 h4 a, .upc_rte_header7 h5 a, .upc_rte_header7 h6 a, .upc_rte_header8 h2 a, .upc_rte_header8 h3 a, .upc_rte_header8 h4 a, .upc_rte_header8 h5 a, .upc_rte_header8 h6 a{color:#249;} .upc_rte_header3 a, .upc_rte_header5 a, .upc_rte_header9 a, .upc_rte_header10 a{color:#fff;} .upc_rte_header1 a:hover, .upc_rte_header2 a:hover, .upc_rte_header3 a:hover, .upc_rte_header5 a:hover, .upc_rte_header7 a:hover, .upc_rte_header8 a:hover, .upc_rte_header9 a:hover, .upc_rte_header10 a:hover{color:#0AD;text-decoration:none !important;} .upc_rte_header1 p a:hover, .upc_rte_header2 p a:hover, .upc_rte_header3 p a:hover, .upc_rte_header5 p a:hover, .upc_rte_header7 p a:hover, .upc_rte_header8 p a:hover, .upc_rte_header9 p a:hover, .upc_rte_header10 p a:hover{color:#0AD;text-decoration:underline !important;} /*end deprecated*/ /* @Links upc_rte_link1 Default @Links upc_rte_goback12 Go back 12px @Links upc_rte_goback Go back 14px @Links upc_rte_linkmore_bold12 Read more (bold) 12px @Links upc_rte_linkmore_reg12 Read more (normal) 12px @Links upc_rte_linkmore_bold Read more (bold) 14px @Links upc_rte_linkmore_reg Read more (normal) 14px @Links upc_rte_videolinks Play video @Links upc_rte_printlinks Print @Links upc_rte_pdflinks PDF download @Links upc_rte_ziplinks ZIP download @Links upc_rte_jpglinks JPG download @Links upc_rte_doclinks DOC download @Links upc_rte_exelinks EXE download @Links upc_rte_mp3links MP3 download @Links upc_rte_video2links Video download @Links upc_rte_dmglinks DMG download @Links upc_rte_uploadlinks Upload @Links upc_rte_downloadlinks Download @Links upc_rte_backtotop Back to top */ .upc_rte_goback12 a { display: block; clear: both; padding: 3px 0 3px 10px; background: url('../media/icons/ico_arrow_back_link.png') no-repeat 0 8px; text-align: left;font-size:12px; } .upc_rte_goback14 a { display: block; clear: both; padding: 3px 0 3px 10px; background: url('../media/icons/ico_arrow_back_link.png') no-repeat 0 9px; text-align: left;font-size:14px; } .upc_rte_linkmore_bold12 a { clear: both;font-weight:bold;color:#0ad;padding: 3px 0 3px 10px; background: url('../media/icons/ico_arrow_link.png') no-repeat 0 5px; text-align: left; font-size:12px; } .upc_rte_linkmore_reg12 a { clear: both;color:#0ad;padding: 3px 0 3px 10px; background: url('../media/icons/ico_arrow_link.png') no-repeat 0 5px; text-align: left; font-size:12px; } .upc_rte_linkmore_bold a { clear: both;font-weight:bold;color:#0ad;padding: 1px 0 3px 10px; background: url('../media/icons/ico_arrow_link.png') no-repeat 0 5px; text-align: left; font-size:14px; } .upc_rte_linkmore_reg a { clear: both;color:#0ad;padding: 1px 0 3px 10px; background: url('../media/icons/ico_arrow_link.png') no-repeat 0 5px; text-align: left; font-size:14px; } .upc_rte_videolinks a { display: block; clear: both;color:#0ad; padding: 9px 0 2px 25px; background: url('../media/icons/ico_play.png') no-repeat 0 10px; font-weight: bold;text-align: left;font-size:12px; } .upc_rte_pdflinks a { display: block; clear: both;color:#0ad; padding: 9px 0 2px 30px; background: url('../media/icons/ico_pdf.png') no-repeat 0 10px; font-weight: bold;text-align: left;font-size:12px; } .upc_rte_printlinks a { display: block; clear: both;color:#0ad;font-weight:bold; padding: 0 0 4px 25px; background: url('../media/icons/ico_print.png') no-repeat 0 2px; text-align: left;font-size:12px; } .upc_rte_uploadlinks a { display: block; clear: both;color:#0ad;font-weight:bold; padding: 0 0 4px 25px; background: url('../media/icons/ico_upload.png') no-repeat 0 0; text-align: left;font-size:12px; } .upc_rte_downloadlinks a { display: block; clear: both;color:#0ad;font-weight:bold; padding: 0 0 4px 25px; background: url('../media/icons/ico_download.png') no-repeat 0 0; text-align: left;font-size:12px; } .upc_rte_ziplinks a { display: block; clear: both;color:#0ad; padding: 9px 0 2px 30px; background: url('../media/icons/ico_zip.png') no-repeat 0 10px; font-weight: bold;text-align: left;font-size:12px; } .upc_rte_jpglinks a { display: block; clear: both;color:#0ad; padding: 9px 0 2px 30px; background: url('../media/icons/ico_jpg.png') no-repeat 0 10px; font-weight: bold;text-align: left;font-size:12px; } .upc_rte_doclinks a { display: block; clear: both;color:#0ad; padding: 9px 0 2px 30px; background: url('../media/icons/ico_doc.png') no-repeat 0 10px; font-weight: bold;text-align: left;font-size:12px; } .upc_rte_exelinks a { display: block; clear: both;color:#0ad; padding: 9px 0 2px 30px; background: url('../media/icons/ico_exe.png') no-repeat 0 10px; font-weight: bold;text-align: left;font-size:12px; } .upc_rte_mp3links a { display: block; clear: both;color:#0ad; padding: 9px 0 2px 30px; background: url('../media/icons/ico_mp3.png') no-repeat 0 10px; font-weight: bold;text-align: left;font-size:12px; } .upc_rte_video2links a { display: block; clear: both;color:#0ad; padding: 9px 0 2px 30px; background: url('../media/icons/ico_video.png') no-repeat 0 10px; font-weight: bold;text-align: left;font-size:12px; } .upc_rte_dmglinks a { display: block; clear: both;color:#0ad; padding: 9px 0 2px 30px; background: url('../media/icons/ico_dmg.png') no-repeat 0 10px; font-weight: bold;text-align: left;font-size:12px; } .upc_rte_backtotop a { display: block;float:right; clear: both; padding: 3px 16px 3px 0; background: url('../media/icons/ico_arrow_top_link.png') no-repeat right 10px; text-align: left; font-size:12px; } .upc_rte_link1 a:hover, .upc_rte_goback12 a:hover, .upc_rte_goback a:hover, .upc_rte_linkmore_bold12 a:hover, .upc_rte_linkmore_reg12 a:hover, .upc_rte_linkmore_bold a:hover, .upc_rte_linkmore_reg a:hover, .upc_rte_videolinks a:hover, .upc_rte_printlinks a:hover, .upc_rte_pdflinks a:hover, .upc_rte_ziplinks a:hover, .upc_rte_jpglinks a:hover, .upc_rte_doclinks a:hover, .upc_rte_exelinks a:hover, .upc_rte_mp3links a:hover, .upc_rte_video2links a:hover, .upc_rte_dmglinks a:hover, .upc_rte_uploadlinks a:hover, .upc_rte_downloadlinks a:hover, .upc_rte_backtotop a:hover{ text-decoration: underline !important; } .upc_rte_link1 a:visited, .upc_rte_goback12 a:visited, .upc_rte_goback a:visited, .upc_rte_linkmore_bold12 a:visited, .upc_rte_linkmore_reg12 a:visited, .upc_rte_linkmore_bold a:visited, .upc_rte_linkmore_reg a:visited, .upc_rte_videolinks a:visited, .upc_rte_printlinks a:visited, .upc_rte_pdflinks a:visited, .upc_rte_ziplinks a:visited, .upc_rte_jpglinks a:visited, .upc_rte_doclinks a:visited, .upc_rte_exelinks a:visited, .upc_rte_mp3links a:visited, .upc_rte_video2links a:visited, .upc_rte_dmglinks a:visited, .upc_rte_uploadlinks a:visited, .upc_rte_downloadlinks a:visited, .upc_rte_backtotop a:visited { text-decoration: none; } /* @Lists upc_rte_list1 Unordered list 14px with blue bullet @Lists upc_rte_list7 Unordered list 12px with blue bullet @Lists upc_rte_list2 Unordered list 14px with grey bullets @Lists upc_rte_list8 Unordered list 12px with grey bullets @Lists upc_rte_list3 Unordered list 14px with large green tick @Lists upc_rte_list6 Unordered list 12px with smaller green tick @Lists upc_rte_list11 Unordered list 14px with smaller green tick @Lists upc_rte_list4 Unordered list 14px without bullet(use for manual ordered list) @Lists upc_rte_list13 Unordered list 12px without bullet(use for manual ordered list) @Lists upc_rte_list12 Ordered (numbered) list 12px @Lists upc_rte_list5 Ordered (numbered) list 14px @Lists upc_fatfooter_list Unordered list 12px to be used in the fat footer only @Lists upc_rte_list9 Unordered list 12px with red X @Lists upc_rte_list10 Unordered list 14px with red X @Lists upc_list_nav_left Meta navigation and lean footer left side @Lists upc_list_nav_right Meta navigation and lean footer right side */ .upc_rte_list1 ul {display:block;float:none !important; clear: both; line-height: 22px;width:inherit;margin:0} .upc_rte_list1 ul li {display:block;clear: both;font-size:14px;text-align: left; vertical-align: middle;color:#666;line-height:inherit;height:auto !important;margin:0!important;padding:0 0 3px 15px !important;list-style-type: none !important; background:url('../media/icons/ico_bluebullet_list.png') no-repeat left 8px; } .upc_rte_list2 ul {display:block;float:none !important; clear: both; line-height: 22px;width:inherit;margin:0} .upc_rte_list2 ul li {display:block;clear: both;font-size:14px;text-align: left; vertical-align: middle;color:#666;line-height:inherit; height:auto !important;margin:0!important;padding:0 0 3px 15px !important;list-style-type: none !important; background:url('../media/icons/ico_greybullet_list.png') no-repeat left 8px; } .upc_rte_list3 ul {display:block;float:none !important; clear: both; line-height: 26px;width:inherit;margin:0 } .upc_rte_list3 ul li {display:block;clear: both;font-size:14px;text-align: left;height:auto !important;line-height:inherit; vertical-align: middle;margin:0 !important;list-style-type: none !important;padding:0 0 0 32px !important; background:url('../media/icons/ico_tick_list.png') no-repeat left 2px; } .upc_rte_list4 ul {display:block;float:none !important; clear: both; line-height: 22px; list-style-type:none;width:inherit;margin: 0;padding:0; } .upc_rte_list4 ul li {display:block;clear: both; vertical-align: middle;font-size:14px;text-align: left;line-height:inherit;height:auto !important;list-style-type:none; margin: 0;padding:0 !important;} .upc_rte_list5 ol {display:block;float:none !important; clear: both;width:inherit; line-height: 22px;margin:0} .upc_rte_list5 ol li {clear: both; vertical-align: middle;font-size:14px !important;text-align: left;line-height:inherit;height:auto !important;margin:0 0 0 20px !important;padding:0 !important; } .upc_rte_list6 ul {display:block;float:none !important; clear: both; width:inherit;line-height: 24px;margin:0 } .upc_rte_list6 ul li {display:block;clear: both;font-size:12px;height:auto !important;text-align: left;line-height:inherit; vertical-align: middle;margin:0 !important;list-style-type: none !important;padding:0 0 0 29px !important; background:url('../media/icons/ico_tick_list_small.png') no-repeat left 2px; } .upc_rte_list11 ul {display:block;float:none !important; clear: both;width:inherit; line-height: 24px;margin:0 } .upc_rte_list11 ul li {display:block;clear: both;font-size:14px;height:auto !important;text-align: left;line-height:inherit; vertical-align: middle;margin:0 !important;list-style-type: none !important;padding:0 0 0 29px !important; background:url('../media/icons/ico_tick_list_small.png') no-repeat left 2px; } .upc_rte_list7 ul {display:block;float:none !important; clear: both;width:inherit; line-height: 20px;margin:0} .upc_rte_list7 ul li {display:block;clear: both;font-size:12px;text-align: left; vertical-align: middle;color:#666;line-height:inherit;height:auto !important;margin:0!important;padding:0 0 3px 15px !important;list-style-type: none !important; background:url('../media/icons/ico_bluebullet_list.png') no-repeat left 7px; } .upc_rte_list8 ul {display:block;float:none !important; clear: both;width:inherit; line-height: 20px;margin:0} .upc_rte_list8 ul li {display:block;clear: both;font-size:12px;text-align: left; vertical-align: middle;color:#666;line-height:inherit; height:auto !important;margin:0!important;padding:0 0 3px 15px !important;list-style-type: none !important; background:url('../media/icons/ico_greybullet_list.png') no-repeat left 7px; } .upc_rte_list9 ul {display:block;float:none !important; clear: both;width:inherit; line-height: 24px;margin:0 } .upc_rte_list9 ul li {display:block;clear: both;font-size:12px;height:auto !important;text-align: left;line-height:inherit; vertical-align: middle;margin:0 !important;list-style-type: none !important;padding:0 0 0 29px !important; background:url('../media/icons/ico_X_list_small.png') no-repeat left 4px; } .upc_rte_list10 ul {display:block;float:none !important; clear: both;width:inherit; line-height: 24px;margin:0 } .upc_rte_list10 ul li {display:block;clear: both;font-size:14px;height:auto !important;text-align: left;line-height:inherit; vertical-align: middle;margin:0 !important;list-style-type: none !important;padding:0 0 0 29px !important; background:url('../media/icons/ico_X_list_small.png') no-repeat left 5px; } .upc_rte_list12 ol {display:block;float:none !important; clear: both;width:inherit; line-height: 22px;margin:0} .upc_rte_list12 ol li {clear: both; vertical-align: middle;font-size:12px !important;text-align: left;line-height:inherit;height:auto !important;margin:0 0 0 20px !important;padding:0 !important; } .upc_rte_list13 ul {display:block;float:none !important; clear: both;width:inherit; line-height: 20px; list-style-type:none;margin: 0;padding:0; } .upc_rte_list13 ul li {display:block;clear: both; vertical-align: middle;font-size:12px;text-align: left;line-height:inherit;height:auto !important;list-style-type:none; margin: 0;padding:0 !important;} .upc_fatfooter_list ul {display:block;float:none !important; clear: both;width:inherit; list-style-type:none;margin: 0;padding:0; } .upc_fatfooter_list ul li {display:block;clear: both; vertical-align: middle;text-align: left;height:auto !important;list-style-type:none; margin: 0;padding:0 !important;} .upc_fatfooter_list ul li a{color: #666;font-size: 12px; width:100%;line-height: 26px; text-decoration: none; text-transform: none !important;} .upc_fatfooter_list ul li a:hover{ text-decoration:none; color:#0ad;} .upc_list_nav_left ul, .upc_list_nav_right ul{float:left;list-style-type:none;margin:0;padding:0;font-size:12px;} .upc_list_nav_left ul li, .upc_list_nav_right ul li{display:inline-block;*display:inline;color:#666; } .upc_list_nav_left ul li a, .upc_list_nav_right ul li a {display:inline-block;color:#666;padding:4px 0; } .upc_list_nav_left ul li a:hover, .upc_list_nav_right ul li a:hover{ text-decoration:underline;} .upc_list_nav_left ul li.active a, .upc_list_nav_right ul li.active a{font-weight:bold;color:#333 !important;} .upc_list_nav_left ul li a.active, .upc_list_nav_right ul li a.active {font-weight:bold;} .upc_list_nav_left span {display:none;} .upc_list_nav_left ul li{padding: 0 16px 0 0; } .upc_list_nav_right ul li{padding: 0 0 0 16px; } .upc_rte_list1 ul li a:hover, .upc_rte_list2 ul li a:hover, .upc_rte_list3 ul li a:hover, .upc_rte_list4 ul li a:hover, .upc_rte_list5 ul li a:hover, .upc_rte_list6 ul li a:hover, .upc_rte_list7 ul li a:hover, .upc_rte_list8 ul li a:hover, .upc_rte_list9 ul li a:hover, .upc_rte_list10 ul li a:hover, .upc_rte_list11 ul li a:hover, .upc_rte_list12 ul li a:hover, .upc_rte_list13 ul li a:hover{text-decoration: underline !important;} /* @Tables upc_rte_table1 Default table with inner borders, width 100% @Tables upc_rte_table2 Table horizontal lines 100% */ .upc_rte_table1 table{clear:both; width:100%;padding:0;margin:0;} .upc_rte_table1 table th{text-align:left;font-size:18px; font-weight:normal;border-right:1px solid #dadee7;border-bottom:1px solid #dadee7; color:#1d3085; border-collapse:collapse;padding:5px 10px;font-family: "speak_bold", Arial;} .upc_rte_table1 table td{text-align:left; border-right:1px solid #dadee7;border-bottom:1px solid #dadee7; border-collapse:collapse;padding:5px 10px;} .upc_rte_table1 .noborderbottom td, .upc_rte_table1 .noborderbottom th{border-bottom:0;} .upc_rte_table1 .highlight{ background-color: #e3e9f5;color:#1d3085 !important;} .upc_rte_table1 .smallheader{color:#1d3085 !important; vertical-align:top;} .upc_rte_table1 .noborderright{border-right:0 !important;} .upc_rte_table2 table{clear:both; width:100%;padding:0;margin:0;} .upc_rte_table2 table th{text-align:left;border-bottom:1px solid #dadee7;font-size:18px;font-weight:normal; border-collapse:collapse;color:#1d3085;padding:5px 10px;font-family: "speak_bold", Arial; } .upc_rte_table2 table td{text-align:left;border-bottom:1px solid #dadee7; border-collapse:collapse;padding:5px 10px;} .upc_rte_table2 .highlight{ background-color: #e3e9f5;color:#1d3085 !important;} .upc_rte_table2 .smallheader{color:#1d3085 !important; vertical-align:top;} /* @Background upc_rte_bg_none None @Background CUSTOMBACKGROUNDCOLOR Set custom background color @Background CUSTOMBACKGROUNDIMAGE Select a custom background image (right bottom) */ .upc_rte_bg_none { background: transparent; } .custombackgroundcolor { } .custombackgroundimage { background-repeat: no-repeat; background-position: right bottom; } /* disabled @Border upc_rte_border_none None disabled @Border upc_rte_border_grey Grey disabled @Border upc_rte_border_blue Blue disabled @Border CUSTOMBORDERCOLOR Custom */ .upc_rte_border_none { border: none; } .upc_rte_border_grey { border: 1px solid #f9f9f9; } .upc_rte_border_blue { border: 1px solid #1d3085; } .custombordercolor { border-width: 1px; border-style: solid; } /* @Alignment floatleft Left aligned content @Alignment floatright Right aligned content @Alignment floatnone No alignment */ .floatleft{float:left !important;} .floatright{float:right !important;} .floatnone{float:none !important;} /* @Padding upc_rte_padding_none None @Padding upc_rte_padding_10 10 pixels @Padding upc_rte_padding_20 20 pixels @Padding upc_rte_padding_30 30 pixels @Padding upc_rte_padding_40 40 pixels @Padding upc_rte_padding_50 50 pixels */ .upc_rte_padding_none { padding: 0; } .upc_rte_padding_10 { padding: 10px; } .upc_rte_padding_20 { padding: 20px; } .upc_rte_padding_30 { padding: 30px; } .upc_rte_padding_40 { padding: 40px; } .upc_rte_padding_50 { padding: 50px; } /* @Bottom_margin upc_rte_margin_none None @Bottom_margin upc_rte_margin_10 10 pixels @Bottom_margin upc_rte_margin_20 20 pixels @Bottom_margin upc_rte_margin_30 30 pixels @Bottom_margin upc_rte_margin_40 40 pixels @Bottom_margin upc_rte_margin_50 50 pixels */ .upc_rte_margin_none { margin-bottom: 0; } .upc_rte_margin_10 { margin-bottom: 10px; } .upc_rte_margin_20 { margin-bottom: 20px; } .upc_rte_margin_30 { margin-bottom: 30px; } .upc_rte_margin_40 { margin-bottom: 40px; } .upc_rte_margin_50 { margin-bottom: 50px; } /*****************************************************/ /*For nesting, tabs and responsive, using percentages*/ /*****************************************************/ /* 2;upc_columns_percent_30_70 */ div.upc_columns_percent_30_70{float: left; clear:both;width:100%; } div.upc_columns_percent_30_70>div { float: left;} div.upc_columns_percent_30_70-c0 { width: 29%;margin-right:1%; } div.upc_columns_percent_30_70-c0 img { max-width: 100%; } div.upc_columns_percent_30_70-c1 { width: 69%;margin-left: 1%; } div.upc_columns_percent_30_70-c1 img { max-width: 100%; } /* 2;upc_columns_percent_70_30 */ div.upc_columns_percent_70_30{float: left; clear:both;width:100%; } div.upc_columns_percent_70_30>div { float: left;} div.upc_columns_percent_70_30-c0 { width: 69%;margin-right:1%; } div.upc_columns_percent_70_30-c0 img { max-width: 100%; } div.upc_columns_percent_70_30-c1 { width: 29%;margin-left: 1%; } div.upc_columns_percent_70_30-c1 img { max-width: 100%; } /* 2;upc_columns_percent_50_50 */ div.upc_columns_percent_50_50{float: left; clear:both;width:100%; } div.upc_columns_percent_50_50>div { float: left;} div.upc_columns_percent_50_50-c0 { width: 49%;margin-right:1%; } div.upc_columns_percent_50_50-c0 img { max-width: 100%; } div.upc_columns_percent_50_50-c1 { width: 49%;margin-left: 1%; } div.upc_columns_percent_50_50-c1 img { max-width: 100%; } /* 2;upc_columns_percent_60_40 */ div.upc_columns_percent_60_40{float: left; clear:both;width:100%; } div.upc_columns_percent_60_40>div { float: left;} div.upc_columns_percent_60_40-c0 { width: 59%;margin-right:1%; } div.upc_columns_percent_60_40-c0 img { max-width: 100%; } div.upc_columns_percent_60_40-c1 { width: 39%;margin-left: 1%; } div.upc_columns_percent_60_40-c1 img { max-width: 100%; } /* 2;upc_columns_percent_40_60 */ div.upc_columns_percent_40_60{float: left; clear:both;width:100%; } div.upc_columns_percent_40_60>div { float: left;} div.upc_columns_percent_40_60-c0 { width: 39%;margin-right:1%; } div.upc_columns_percent_40_60-c0 img { max-width: 100%; } div.upc_columns_percent_40_60-c1 { width: 59%;margin-left: 1%; } div.upc_columns_percent_40_60-c1 img { max-width: 100%; } /* 2;upc_columns_percent_20_80 */ div.upc_columns_percent_20_80{float: left; clear:both;width:100%; } div.upc_columns_percent_20_80>div { float: left;} div.upc_columns_percent_20_80-c0 { width: 19%;margin-right:1%; } div.upc_columns_percent_20_80-c0 img { max-width: 100%; } div.upc_columns_percent_20_80-c1 { width: 79%;margin-left: 1%; } div.upc_columns_percent_20_80-c1 img { max-width: 100%; } /* 2;upc_columns_percent_80_20 */ div.upc_columns_percent_80_20{float: left; clear:both;width:100%; } div.upc_columns_percent_80_20>div { float: left;} div.upc_columns_percent_80_20-c0 { width: 79%;margin-right:1%; } div.upc_columns_percent_80_20-c0 img { max-width: 100%; } div.upc_columns_percent_80_20-c1 { width: 19%;margin-left: 1%; } div.upc_columns_percent_80_20-c1 img { max-width: 100%; } /* 3;upc_columns_percent_33_33_34 */ div.upc_columns_percent_33_33_34{float: left; clear:both;width:100%; } div.upc_columns_percent_33_33_34>div { float: left;} div.upc_columns_percent_33_33_34-c0 { width: 32%; } div.upc_columns_percent_33_33_34-c0 img { max-width: 100%; } div.upc_columns_percent_33_33_34-c1 { width: 32%;margin-left: 2%; } div.upc_columns_percent_33_33_34-c1 img { max-width: 100%; } div.upc_columns_percent_33_33_34-c2 { width: 32%;margin-left: 2%; } div.upc_columns_percent_33_33_34-c2 img { max-width: 100%; } /* 4;upc_columns_percent_25_25_25_25 */ div.upc_columns_percent_25_25_25_25{float: left; clear:both;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } div.upc_columns_percent_25_25_25_25>div {float: left; width: 23.5%; } div.upc_columns_percent_25_25_25_25-c0 {margin-left: 0;} div.upc_columns_percent_25_25_25_25-c0 img { max-width: 100%; } div.upc_columns_percent_25_25_25_25-c1 {margin-left: 2%;} div.upc_columns_percent_25_25_25_25-c1 img { max-width: 100%; } div.upc_columns_percent_25_25_25_25-c2 {margin-left: 2%;} div.upc_columns_percent_25_25_25_25-c2 img { max-width: 100%; } div.upc_columns_percent_25_25_25_25-c3 {margin-left: 2%;} div.upc_columns_percent_25_25_25_25-c3 img { max-width: 100%; } /* 5;upc_columns_percent_20_20_20_20_20 */ div.upc_columns_percent_20_20_20_20_20{float: left; clear:both;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } div.upc_columns_percent_20_20_20_20_20>div {float: left;width: 18.4%; } div.upc_columns_percent_20_20_20_20_20-c0 {margin-left: 0;} div.upc_columns_percent_20_20_20_20_20-c0 img { max-width: 100%; } div.upc_columns_percent_20_20_20_20_20-c1 {margin-left: 2%; } div.upc_columns_percent_20_20_20_20_20-c1 img { max-width: 100%; } div.upc_columns_percent_20_20_20_20_20-c2 {margin-left: 2%; } div.upc_columns_percent_20_20_20_20_20-c2 img { max-width: 100%; } div.upc_columns_percent_20_20_20_20_20-c3 {margin-left: 2%; } div.upc_columns_percent_20_20_20_20_20-c3 img { max-width: 100%; } div.upc_columns_percent_20_20_20_20_20-c4 {margin-left: 2%; } div.upc_columns_percent_20_20_20_20_20-c4 img { max-width: 100%; } /*****************************************************/ /******* standard columns responsive (tbd) ***********/ /*****************************************************/ /* 50-50 equal split 940 width 2;upc_columns_460_20_460 !---460---!---460---! */ div.upc_columns_460_20_460{float: left; clear:both; width:100%; } div.upc_columns_460_20_460>div { float: left; height: 100%; } div.upc_columns_460_20_460-c0 { width: 460px; } div.upc_columns_460_20_460-c0 img { max-width: 460px; } div.upc_columns_460_20_460-c1 { width: 460px; margin-left: 20px; } div.upc_columns_460_20_460-c1 img { max-width: 460px; } /* 60-40 split 940 width 2;upc_columns_540_20_380 !---540---!---380---! */ div.upc_columns_540_20_380{float: left; clear:both;width:100%; } div.upc_columns_540_20_380>div { float: left; height: 100%; } div.upc_columns_540_20_380-c0 { width: 540px; } div.upc_columns_540_20_380-c0 img { max-width: 540px; } div.upc_columns_540_20_380-c1 { width: 380px; margin-left: 20px; } div.upc_columns_540_20_380-c1 img { max-width: 380px; } /* 40-60 split 940 width 2;upc_columns_380_20_540 !---380---!---540---! */ div.upc_columns_380_20_540{float: left; clear:both;width:100%; } div.upc_columns_380_20_540>div { float: left; height: 100%; } div.upc_columns_380_20_540-c0 { width: 380px;} div.upc_columns_380_20_540-c0 img { max-width: 380px;} div.upc_columns_380_20_540-c1 { width: 540px;margin-left: 20px; } div.upc_columns_380_20_540-c1 img { max-width: 540px; } /* 70-30 split 940 width 2;upc_columns_620_20_300 !---620---!---300---! */ div.upc_columns_620_20_300{float: left; clear:both;width:100%; } div.upc_columns_620_20_300>div { float: left; height: 100%; } div.upc_columns_620_20_300-c0 { width: 620px; } div.upc_columns_620_20_300-c0 img { max-width: 620px; } div.upc_columns_620_20_300-c1 { width: 300px; margin-left: 20px; } div.upc_columns_620_20_300-c1 img { max-width: 300px; } /* 30-70 split 940 width 2;upc_columns_300_20_620 !---300---!---620---! */ div.upc_columns_300_20_620{ float: left; clear:both;width:100%; } div.upc_columns_300_20_620>div { float: left; height: 100%; } div.upc_columns_300_20_620-c0 { width: 300px; } div.upc_columns_300_20_620-c0 img { max-width: 300px; } div.upc_columns_300_20_620-c1 { width: 620px; margin-left: 20px; } div.upc_columns_300_20_620-c1 img { max-width: 620px; } /* 3x split 940 width 3;upc_columns_300_20_300_20_300 !-300-!-300-!-300-! */ div.upc_columns_300_20_300_20_300{ float: left; clear:both;width:100%; } div.upc_columns_300_20_300_20_300>div { float: left; height: 100%; } div.upc_columns_300_20_300_20_300-c0 { width: 300px; } div.upc_columns_300_20_300_20_300-c0 img { max-width: 300px; } div.upc_columns_300_20_300_20_300-c1 { width: 300px; margin-left: 20px; } div.upc_columns_300_20_300_20_300-c1 img { max-width: 300px; } div.upc_columns_300_20_300_20_300-c2 { width: 300px; margin-left: 20px; } div.upc_columns_300_20_300_20_300-c2 img { max-width: 300px; } /* 2x split, equal split 940 width 2;upc_columns_220_20_700 !---220---!---700---! */ div.upc_columns_220_20_700, div.upc_columns_220_700{float: left; clear:both;width:100%; } div.upc_columns_220_20_700>div, div.upc_columns_220_700>div { float: left; height: 100%; } div.upc_columns_220_20_700-c0, div.upc_columns_220_700-c0 { width: 220px; } div.upc_columns_220_20_700-c0 *,div.upc_columns_220_700-c0 img { max-width: 220px; } div.upc_columns_220_20_700-c1, div.upc_columns_220_700-c1 { width: 700px; margin-left: 20px; } div.upc_columns_220_20_700-c1 *, div.upc_columns_220_700-c1 img { max-width: 700px; } /* 2x split, equal split 940 width 2;upc_columns_700_20_220 !---700---!---220---! */ div.upc_columns_700_20_220, div.upc_columns_700_220{float: left; clear:both;width:100%; } div.upc_columns_700_20_220>div, div.upc_columns_700_220>div { float: left; height: 100%; } div.upc_columns_700_20_220-c0, div.upc_columns_700_220-c0 { width: 700px; } div.upc_columns_700_20_220-c0 *, div.upc_columns_700_220-c0 img { max-width: 700px; } div.upc_columns_700_20_220-c1, div.upc_columns_700_220-c1 { width: 220px; margin-left: 20px; } div.upc_columns_700_20_220-c1 *, div.upc_columns_700_220-c1 img { max-width: 220px; } /* 4x split 940 width 4;upc_columns_220_20_220_20_220_20_220 !-220-!-220-!-220-!-220-! */ div.upc_columns_220_20_220_20_220_20_220{ float: left; clear:both;width:100%; } div.upc_columns_220_20_220_20_220_20_220>div { float: left; height: 100%; } div.upc_columns_220_20_220_20_220_20_220-c0 { width: 220px; } div.upc_columns_220_20_220_20_220_20_220-c0 img { max-width: 220px; } div.upc_columns_220_20_220_20_220_20_220-c1 { width: 220px; margin-left: 20px; } div.upc_columns_220_20_220_20_220_20_220-c1 img { max-width: 220px; } div.upc_columns_220_20_220_20_220_20_220-c2 { width: 220px; margin-left: 20px; } div.upc_columns_220_20_220_20_220_20_220-c2 img { max-width: 220px; } div.upc_columns_220_20_220_20_220_20_220-c3 { width: 220px; margin-left: 20px; } div.upc_columns_220_20_220_20_220_20_220-c3 img { max-width: 220px; } /* 5;upc_columns_172_20_172_20_172_20_172_20_172 */ div.upc_columns_172_20_172_20_172_20_172_20_172{float: left; clear:both;width:100%; } div.upc_columns_172_20_172_20_172_20_172_20_172>div { float: left; } div.upc_columns_172_20_172_20_172_20_172_20_172-c0 { width: 172px;} div.upc_columns_172_20_172_20_172_20_172_20_172-c0 img { max-width: 100%; } div.upc_columns_172_20_172_20_172_20_172_20_172-c1 { width: 172px;margin-left: 20px; } div.upc_columns_172_20_172_20_172_20_172_20_172-c1 img { max-width: 100%; } div.upc_columns_172_20_172_20_172_20_172_20_172-c2 { width: 172px;margin-left: 20px;} div.upc_columns_172_20_172_20_172_20_172_20_172-c2 img { max-width: 100%; } div.upc_columns_172_20_172_20_172_20_172_20_172-c3 { width: 172px;margin-left: 20px; } div.upc_columns_172_20_172_20_172_20_172_20_172-c3 img { max-width: 100%; } div.upc_columns_172_20_172_20_172_20_172_20_172-c4 { width: 172px;margin-left: 20px; } div.upc_columns_172_20_172_20_172_20_172_20_172-c4 img { max-width: 100%; } /* 6x split 940 width 6;upc_columns_140_20_140_20_140_20_140_20_140 !-140-!-140-!-140-!-140-!-140-!-140-! */ div.upc_columns_140_20_140_20_140_20_140_20_140{float: left; clear:both;width:100%; } div.upc_columns_140_20_140_20_140_20_140_20_140>div { float: left; height: 100%; } div.upc_columns_140_20_140_20_140_20_140_20_140-c0 { width: 140px; } div.upc_columns_140_20_140_20_140_20_140_20_140-c0 img { max-width: 140px; } div.upc_columns_140_20_140_20_140_20_140_20_140-c1 { width: 140px; margin-left: 20px; } div.upc_columns_140_20_140_20_140_20_140_20_140-c1 img { max-width: 140px; } div.upc_columns_140_20_140_20_140_20_140_20_140-c2 { width: 140px; margin-left: 20px; } div.upc_columns_140_20_140_20_140_20_140_20_140-c2 img { max-width: 140px; } div.upc_columns_140_20_140_20_140_20_140_20_140-c3 { width: 140px; margin-left: 20px; } div.upc_columns_140_20_140_20_140_20_140_20_140-c3 img { max-width: 140px; } div.upc_columns_140_20_140_20_140_20_140_20_140-c4 { width: 140px; margin-left: 20px; } div.upc_columns_140_20_140_20_140_20_140_20_140-c4 img { max-width: 140px; } div.upc_columns_140_20_140_20_140_20_140_20_140-c5 { width: 140px; margin-left: 20px; } div.upc_columns_140_20_140_20_140_20_140_20_140-c5 img { max-width: 140px; } /*****************************************************/ /******* open box columns(tbd) ***********************/ /*****************************************************/ /*For the open open boxes with horizontal divider, customised, not to be used anywhere else*/ /* 3;upc_columns_openbox_300_20_300_20_300 !-300-!-300-!-300-! */ div.upc_columns_openbox_300_20_300_20_300{float: left; clear:both;width:100%; } div.upc_columns_openbox_300_20_300_20_300>div { float: left; height: 100%; } div.upc_columns_openbox_300_20_300_20_300-c0 { width: 300px; } div.upc_columns_openbox_300_20_300_20_300-c0 img { max-width: 300px; } div.upc_columns_openbox_300_20_300_20_300-c1 { width: 300px; margin-left: 20px; } div.upc_columns_openbox_300_20_300_20_300-c1 img { max-width: 300px; } div.upc_columns_openbox_300_20_300_20_300-c2 { width: 300px; margin-left: 20px; } div.upc_columns_openbox_300_20_300_20_300-c2 img { max-width: 300px; } div.upc_columns_openbox_300_20_300_20_300-c1, div.upc_columns_openbox_300_20_300_20_300-c2 {background: url("../media/divider/divider_horizontal.png") no-repeat left bottom;} /* 2;upc_columns_openbox_700_220 !---700---!---220---! */ div.upc_columns_openbox_700_220{float: left; clear:both;width:100%; } div.upc_columns_openbox_700_220>div { float: left; height: 100%; } div.upc_columns_openbox_700_220-c0 { width: 700px; } div.upc_columns_openbox_700_220-c0 img { max-width: 700px; } div.upc_columns_openbox_700_220-c1 { width: 220px; margin-left: 20px; } div.upc_columns_openbox_700_220-c1 img { max-width: 220px; } div.upc_columns_openbox_700_220-c1 {background: url("../media/divider/divider_horizontal.png") no-repeat left bottom;} /* 2;upc_columns_openbox_220_700 !---220---!---700---! */ div.upc_columns_openbox_220_700{float: left; clear:both;width:100%; } div.upc_columns_openbox_220_700>div { float: left; height: 100%; } div.upc_columns_openbox_220_700-c0 { width: 220px; } div.upc_columns_openbox_220_700-c0 img { max-width: 220px; } div.upc_columns_openbox_220_700-c1 { width: 700px; margin-left: 20px; } div.upc_columns_openbox_220_700-c1 img { max-width: 700px; } div.upc_columns_openbox_220_700-c1 {background: url("../media/divider/divider_horizontal.png") no-repeat left bottom;} /* 2;upc_columns_openbox_460_20_460 !---460---!---460---! */ div.upc_columns_openbox_460_20_460{float: left; clear:both;width:100%; } div.upc_columns_openbox_460_20_460>div { float: left; height: 100%; } div.upc_columns_openbox_460_20_460-c0 { width: 460px; } div.upc_columns_openbox_460_20_460-c0 img { max-width: 460px; } div.upc_columns_openbox_460_20_460-c1 { width: 460px; margin-left: 20px; } div.upc_columns_openbox_460_20_460-c1 img { max-width: 460px; } div.upc_columns_openbox_460_20_460-c1 { background: url("../media/divider/divider_horizontal.png") no-repeat left bottom; } /* 2;upc_columns_openbox_300_20_620 !---300---!---620---! */ div.upc_columns_openbox_300_20_620{float: left; clear:both;width:100%; } div.upc_columns_openbox_300_20_620>div { float: left; height: 100%; } div.upc_columns_openbox_300_20_620-c0 { width: 300px; } div.upc_columns_openbox_300_20_620-c0 img { max-width: 300px; } div.upc_columns_openbox_300_20_620-c1 { width: 620px; margin-left: 20px; } div.upc_columns_openbox_300_20_620-c1 img { max-width: 620px; } div.upc_columns_openbox_300_20_620-c1 {background: url("../media/divider/divider_horizontal.png") no-repeat left bottom; } /* 2;upc_columns_openbox_620_20_300 !---620---!---300---! */ div.upc_columns_openbox_620_20_300{float: left; clear:both;width:100%; } div.upc_columns_openbox_620_20_300>div { float: left; height: 100%; } div.upc_columns_openbox_620_20_300-c0 { width: 620px; } div.upc_columns_openbox_620_20_300-c0 img { max-width: 620px; } div.upc_columns_openbox_620_20_300-c1 { width: 300px; margin-left: 20px; } div.upc_columns_openbox_620_20_300-c1 img { max-width: 300px; } div.upc_columns_openbox_620_20_300-c1 {background: url("../media/divider/divider_horizontal.png") no-repeat left bottom; } .upc-basic-aspot-container { margin-top: 26px; } .upc-basic-aspot-container.upc-basic-aspot-size-large, .upc-basic-aspot-container.upc-basic-aspot-size-large .upc-aspot-wrapper, .upc-basic-aspot-container.upc-basic-aspot-size-large .upc-aspot-wrapper .upc-aspot-item { height: 530px; } .upc-basic-aspot-container.upc-basic-aspot-size-medium, .upc-basic-aspot-container.upc-basic-aspot-size-medium .upc-aspot-wrapper, .upc-basic-aspot-container.upc-basic-aspot-size-medium .upc-aspot-wrapper .upc-aspot-item { height: 420px; } .upc-basic-aspot-container.upc-basic-aspot-size-small, .upc-basic-aspot-container.upc-basic-aspot-size-small .upc-aspot-wrapper, .upc-basic-aspot-container.upc-basic-aspot-size-small .upc-aspot-wrapper .upc-aspot-item { height: 340px; } .upc-basic-aspot-container.upc-basic-aspot-size-large .upc-aspot-wrapper .upc-aspot-previous, .upc-basic-aspot-container.upc-basic-aspot-size-large .upc-aspot-wrapper .upc-aspot-next { top: 288px; } .upc-basic-aspot-container.upc-basic-aspot-size-medium .upc-aspot-wrapper .upc-aspot-previous, .upc-basic-aspot-container.upc-basic-aspot-size-medium .upc-aspot-wrapper .upc-aspot-next { top: 233px; } .upc-basic-aspot-container.upc-basic-aspot-size-small .upc-aspot-wrapper .upc-aspot-previous, .upc-basic-aspot-container.upc-basic-aspot-size-small .upc-aspot-wrapper .upc-aspot-next { top: 193px; } .upc-basic-aspot-container .upc-aspot-wrapper { position: absolute; left: 0; right: 0; overflow: hidden; } /* * Content containers */ .upc-basic-aspot-container .upc-aspot-wrapper .upc-aspot-item { display: none; position: absolute; left: 0; right: 0; background-position: center top; background-repeat: no-repeat; } .upc-basic-aspot-container .upc-aspot-wrapper .upc-aspot-item:first-child { display: block; } .upc-basic-aspot-container .upc-aspot-wrapper .upc-aspot-item .upc-aspot-content { position: absolute; left: 50%; top: 200px; bottom: 30px; width: 940px; margin-left: -470px; } /* * Navigation dots */ .upc-basic-aspot-container .upc-aspot-wrapper .upc-aspot-nav { position: absolute; left: 50%; bottom: 0; width: 940px; margin: 0 0 20px -470px; text-align: center; z-index: 999; } .upc-basic-aspot-container .upc-aspot-wrapper .upc-aspot-nav .upc-aspot-bullet { position: relative; display: inline-block; zoom: 1; width: 22px; padding: 1px 0; text-align: center; text-decoration: none; font-size: 14px; color: #f5f5f5; background: rgb(46, 46, 46); /* fallback: #333333 @ 90% */ background: rgba(51, 51, 51, .9); /* proper alpha: #333333 @ 90% */ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 5px rgba(255, 255, 255, .75); -moz-box-shadow: 0 0 5px rgba(255, 255, 255, .75); /* 5px outer glow #ffffff @ 75% */ -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, .75); margin: 0 2px; cursor: pointer; vertical-align: middle; } .upc-basic-aspot-container .upc-aspot-wrapper .upc-aspot-nav .upc-aspot-bullet:hover, .upc-basic-aspot-container .upc-aspot-wrapper .upc-aspot-nav .upc-aspot-bullet:active, .upc-basic-aspot-container .upc-aspot-wrapper .upc-aspot-nav .upc-aspot-bullet.upc-aspot-current { text-decoration: none; background: #0ad; } /* * Previous/Next buttons with animation */ .upc-basic-aspot-container .upc-aspot-wrapper .upc-aspot-previous, .upc-basic-aspot-container .upc-aspot-wrapper .upc-aspot-next { overflow: hidden; opacity: 0; transition: opacity .6s ease; -webkit-transition: opacity .6s ease; -moz-transition: opacity .6s ease; -o-transition: opacity .6s ease; -ms-transition: opacity .6s ease; } .upc-basic-aspot-container .upc-aspot-wrapper:hover .upc-aspot-previous, .upc-basic-aspot-container .upc-aspot-wrapper:hover .upc-aspot-next { opacity: 1; transition: opacity .6s ease; -webkit-transition: opacity .6s ease; -moz-transition: opacity .6s ease; -o-transition: opacity .6s ease; -ms-transition: opacity .6s ease; } .upc-basic-aspot-container .upc-aspot-wrapper .upc-aspot-previous { position: absolute; left: 0; color: #fff; height: 71px; padding: 0 15px 0 10px; z-index: 100; background: url('../media/buttons/aspot_controls.png') no-repeat right 0px; } .upc-basic-aspot-container .upc-aspot-wrapper .upc-aspot-previous > span { height: 25px; padding: 0 0 0 25px; font-size: 23px; font-family: "speak_heavy", Arial; -moz-text-shadow: 0 -1px #333333; -webkit-text-shadow: 0 -1px #333333; text-shadow: 0 -1px #333333; background: url('../media/buttons/aspot_controls.png') no-repeat left -200px; } .upc-basic-aspot-container .upc-aspot-wrapper .upc-aspot-next { position: absolute; right: 0; color: #fff; height: 71px; padding: 0 10px 0 15px; z-index: 100; background: url('../media/buttons/aspot_controls.png') no-repeat left -72px; } .upc-basic-aspot-container .upc-aspot-wrapper .upc-aspot-next > span { height: 25px; padding: 0 25px 0 0; font-size: 23px; font-family: "speak_heavy", Arial; -moz-text-shadow: 0 -1px #333333; -webkit-text-shadow: 0 -1px #333333; text-shadow: 0 -1px #333333; background: url('../media/buttons/aspot_controls.png') no-repeat right -200px; } .upc-basic-aspot-container .upc-aspot-wrapper .upc-aspot-previous > span > span { margin-left: -250px; opacity: 0; } .upc-basic-aspot-container .upc-aspot-wrapper .upc-aspot-previous:hover > span > span { margin-left: 0px; opacity: 1; transition: margin-left .5s ease-in-out, opacity .6s ease .4s; -webkit-transition: margin-left .5s ease-in-out, opacity .6s ease .4s; -moz-transition: margin-left .5s ease-in-out, opacity .6s ease .4s; -o-transition: margin-left .5s ease-in-out, opacity .6s ease .4s; -ms-transition: margin-left .5s ease-in-out, opacity .6s ease .4s; } .upc-basic-aspot-container .upc-aspot-wrapper .upc-aspot-next > span > span { margin-right: -250px; opacity: 0; } .upc-basic-aspot-container .upc-aspot-wrapper .upc-aspot-next:hover > span > span { margin-right: 0px; opacity: 1; transition: margin-right .5s ease-in-out, opacity .6s ease .4s; -webkit-transition: margin-right .5s ease-in-out, opacity .6s ease .4s; -moz-transition: margin-right .5s ease-in-out, opacity .6s ease .4s; -o-transition: margin-right .5s ease-in-out, opacity .6s ease .4s; -ms-transition: margin-right .5s ease-in-out, opacity .6s ease .4s; } /* IE10-specific styles*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .upc-aspot-next, .upc-aspot-previous{display:inline-block;} .upc-aspot-next > span, .upc-aspot-previous > span{height:24px!important;margin:0;display:inline-block} .upc-aspot-next > span > span, .upc-aspot-previous > span > span{padding-top:2px!important;height:30px!important;margin:0;display:inline-block} } .upc-basic-aspot-responsive-container { display: none; position: relative; float: left; width: 100%; margin-top: 43px; } .upc-basic-aspot-responsive-wrapper { display: block; position: relative; left: 0; right: 0; overflow: hidden; } .upc-basic-aspot-responsive-item { display: none; position: absolute; left: 0; right: 0; } .upc-basic-aspot-responsive-item:first-child { display: block; } .upc-basic-aspot-responsive-nav { position: relative; left: 0; right: 0; height: 25px; text-align: center; } .upc-basic-aspot-responsive-nav a.upc-aspot-bullet { display: inline-block; padding:5px; background:#333; text-decoration: none; cursor: pointer; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .upc-basic-aspot-responsive-nav a.upc-aspot-bullet.upc-aspot-current { background: #0ad; } /* @height upc_spacer_height_1 10 pixels @height upc_spacer_height_2 20 pixels @height upc_spacer_height_3 30 pixels @height upc_spacer_height_4 40 pixels @height upc_spacer_height_5 50 pixels */ .upc_spacer_height_1 { height: 10px; clear: both; } .upc_spacer_height_2 { height: 20px; clear: both; } .upc_spacer_height_3 { height: 30px; clear: both; } .upc_spacer_height_4 { height: 40px; clear: both; } .upc_spacer_height_5 { height: 50px; clear: both; } .upc_spacer_height_1_wcm { height: 8px; clear: both; border: 1px dashed #999; } .upc_spacer_height_2_wcm { height: 18px; clear: both; border: 1px dashed #999; } .upc_spacer_height_3_wcm { height: 28px; clear: both; border: 1px dashed #999; } .upc_spacer_height_4_wcm { height: 38px; clear: both; border: 1px dashed #999; } .upc_spacer_height_5_wcm { height: 48px; clear: both; border: 1px dashed #999; } .upc_spacer_margin_1 { margin-bottom: 10px; } .upc_spacer_margin_2 { margin-bottom: 20px; } .upc_spacer_margin_3 { margin-bottom: 30px; } .upc_spacer_margin_4 { margin-bottom: 40px; } .upc_spacer_margin_5 { margin-bottom: 50px; } .upc_spacer_padding_1 { padding-bottom: 10px; } .upc_spacer_padding_2 { padding-bottom: 20px; } .upc_spacer_padding_3 { padding-bottom: 30px; } .upc_spacer_padding_4 { padding-bottom: 40px; } .upc_spacer_padding_5 { padding-bottom: 50px; } /**buttons**/ /* @Button upc_button Orange large, white text @Button upc_button2 Orange medium, white text @Button upc_button3 Orange small, white text @Button upc_button4 White medium, grey text @Button upc_button5 White small, grey text @Button upc_button6 Blue large, grey text @Button upc_button7 Blue medium, grey text @Button upc_button8 Blue small, grey text @Button upc_button9 Download @Button upc_button10 Print @Button upc_button11 Play */ /*buttons, general settings for all buttons*/ .upc_button, .upc_button2, .upc_button3, .upc_button4, .upc_button5, .upc_button6, .upc_button7, .upc_button8, .upc_button9, .upc_button10, .upc_button11 { float:left;padding: 0 0 0 5px;text-transform: none; text-align: center; text-decoration:none; background: url('../media/buttons/button_sprite.png') no-repeat; font-family: "speak_bold", Arial; line-height: 20px;max-width:940px; } .upc_button span, .upc_button2 span, .upc_button3 span, .upc_button4 span, .upc_button5 span, .upc_button6 span, .upc_button7 span, .upc_button8 span, .upc_button9 span, .upc_button10 span, .upc_button11 span{ float:left; background: url('../media/buttons/button_sprite.png') no-repeat; cursor:pointer; white-space:nowrap;} .upc_button:hover, .upc_button2:hover, .upc_button3:hover, .upc_button4:hover, .upc_button5:hover, .upc_button6:hover, .upc_button7:hover, .upc_button8:hover, .upc_button9:hover, .upc_button10:hover, .upc_button11 hover { text-decoration:none; -moz-box-shadow: 0 1px 2px #dbdfe8; -webkit-box-shadow: 0 1px 2px #dbdfe8; box-shadow: 0 1px 2px #dbdfe8; } .upc_button:active, .upc_button2:active, .upc_button4:active, .upc_button5:active, .upc_button6:active, .upc_button7:active, .upc_button8:active, .upc_button9:active, .upc_button10:active, .upc_button11:active { text-decoration:none;} /*separate styles*/ /*start orange*/ .upc_button span, .upc_button2 span, .upc_button3 span { color:#fff; -moz-text-shadow: 0 -1px #7f2501;-webkit-text-shadow: 0 -1px #7f2501;text-shadow: 0 -1px #7f2501; } /*end orange*/ /*start grey*/ .upc_button4 span, .upc_button5 span, .upc_button9 span, .upc_button10 span, .upc_button11 span { color:#666; -moz-text-shadow: 0 -1px #ffffff;-webkit-text-shadow: 0 -1px #ffffff;text-shadow: 0 -1px #ffffff; } /*end grey*/ /*start blue*/ .upc_button6 span, .upc_button7 span, .upc_button8 span { color:#fff; -moz-text-shadow: 0 -1px #0b596e;-webkit-text-shadow: 0 -1px #0b596e;text-shadow: 0 -1px #0b596e; } /*end blue*/ /*orange*/ .upc_button {height: 42px; font-size:24px !important; background-position: left 0px; } .upc_button span { padding: 11px 29px 3px 5px; height: 28px;background-position:right -43px;} .upc_button:hover { background-position: left -86px; } .upc_button:hover span { background-position:right -129px;} .upc_button:active {background-position:left -172px;} .upc_button:active span {background-position:right -215px; } .upc_button.disabled { background-position: left -654px; } .upc_button.disabled span { background-position:right -697px; color:#ccc !important;-moz-text-shadow:none;-webkit-text-shadow:none;text-shadow:none;} .upc_button2 {height: 36px; font-size:18px !important; background-position: left -258px;} .upc_button2 span { padding: 8px 26px 3px 5px; height: 26px; background-position:right -295px;} .upc_button2:hover {background-position: left -332px; } .upc_button2:hover span {background-position:right -369px; } .upc_button2:active { background-position:left -406px; } .upc_button2:active span { background-position:right -443px; } .upc_button2.disabled { background-position: left -962px; } .upc_button2.disabled span { background-position:right -999px; color:#ccc !important;-moz-text-shadow:none;-webkit-text-shadow:none;text-shadow:none;} .upc_button3 {height: 28px; font-size:16px !important; background-position: left -480px; } .upc_button3 span { padding: 4px 26px 3px 5px; height: 21px;background-position:right -509px; } .upc_button3:hover {background-position: left -538px; } .upc_button3:hover span { background-position:right -567px; } .upc_button3:active {background-position:left -596px; } .upc_button3:active span { background-position:right -625px; } .upc_button3.disabled { background-position: left -1210px; } .upc_button3.disabled span { background-position:right -1239px;color:#ccc !important;-moz-text-shadow:none;-webkit-text-shadow:none;text-shadow:none;} /*grey*/ .upc_button4 {height: 36px; font-size:18px !important; background-position: left -740px;} .upc_button4 span { padding: 8px 26px 3px 5px; height: 26px; background-position:right -777px;} .upc_button4:hover { background-position: left -814px; } .upc_button4:hover span { background-position:right -851px;} .upc_button4:active { background-position:left -888px; } .upc_button4:active span { background-position:right -925px;} .upc_button4.disabled { background-position: left -962px; } .upc_button4.disabled span { background-position:right -999px; color:#ccc !important;-moz-text-shadow:none;-webkit-text-shadow:none;text-shadow:none;} .upc_button5 {height: 28px; font-size:16px !important; background-position: left -1036px;} .upc_button5 span { padding: 4px 26px 3px 5px; height: 21px;background-position:right -1065px; } .upc_button5:hover {background-position: left -1094px; } .upc_button5:hover span {background-position:right -1123px; } .upc_button5:active { background-position:left -1152px; } .upc_button5:active span { background-position:right -1181px; } .upc_button5.disabled { background-position: left -1210px; } .upc_button5.disabled span { background-position:right -1239px; color:#ccc !important;-moz-text-shadow:none;-webkit-text-shadow:none;text-shadow:none; } /*Blue*/ .upc_button6 {height: 42px; font-size:24px !important; background-position: left -1268px; } .upc_button6 span { padding: 12px 30px 2px 5px; height:28px; background-position:right -1311px;} .upc_button6:hover { background-position: left -1354px; } .upc_button6:hover span { background-position:right -1397px;} .upc_button6:active {background-position:left -1440px; } .upc_button6:active span {background-position:right -1483px;} .upc_button6.disabled { background-position: left -654px; } .upc_button6.disabled span { background-position:right -697px; color:#ccc !important;-moz-text-shadow:none;-webkit-text-shadow:none;text-shadow:none;} .upc_button7 {height: 36px; font-size:18px !important; background-position: left -1526px;} .upc_button7 span { padding: 8px 26px 3px 5px; height: 26px; background-position:right -1563px; } .upc_button7:hover {background-position: left -1600px; } .upc_button7:hover span {background-position:right -1637px; } .upc_button7:active { background-position:left -1674px; } .upc_button7:active span { background-position:right -1711px; } .upc_button7.disabled { background-position: left -962px; } .upc_button7.disabled span { background-position:right -999px; color:#ccc !important;-moz-text-shadow:none;-webkit-text-shadow:none;text-shadow:none;} .upc_button8 {height: 28px; font-size:16px !important; background-position:left -1748px;} .upc_button8 span { padding: 4px 26px 3px 5px; height: 21px; background-position:right -1777px;} .upc_button8:hover {background-position: left -1806px; } .upc_button8:hover span { background-position:right -1835px;} .upc_button8:active {background-position: left -1864px;} .upc_button8:active span { background-position:right -1893px;} .upc_button8.disabled { background-position: left -1210px; } .upc_button8.disabled span { background-position:right -1239px; color:#ccc !important;-moz-text-shadow:none;-webkit-text-shadow:none;text-shadow:none; } .upc_button9 {height: 28px; font-size:16px !important;background-position: left -1036px;} .upc_button9 span { padding: 4px 26px 3px 5px; height: 21px;background-position:right -2405px; } .upc_button9:hover {background-position: left -1094px; } .upc_button9:hover span {background-position:right -2434px; } .upc_button9:active { background-position:left -1152px; } .upc_button9:active span { background-position:right -2463px; } .upc_button10 {height: 28px; font-size:16px !important; background-position: left -1036px; } .upc_button10 span { padding: 4px 30px 3px 5px; height: 21px;background-position:right -2492px; } .upc_button10:hover {background-position: left -1094px; } .upc_button10:hover span {background-position:right -2521px; } .upc_button10:active { background-position:left -1152px ;} .upc_button10:active span { background-position:right -2550px; } .upc_button11 {height: 28px; font-size:16px !important;background-position: left -1036px; } .upc_button11 span { padding: 4px 32px 3px 5px; height: 21px; background-position:right -2318px; } .upc_button11:hover {background-position: left -1094px; } .upc_button11:hover span {background-position:right -2347px; } .upc_button11:active { background-position:left -1152px ; } .upc_button11:active span {background-position:right -2376px; } /*using button element*/ button { position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible; } button::-moz-focus-inner { border: none; } button span { position: relative; display: block; white-space: nowrap; } @media screen and (-webkit-min-device-pixel-ratio:0) { button span {margin-top: 0 !important;} } /* Skin labeled Labeled buttons Skin numbered Numbered circles @Skin dots Blank dots */ /*generic settings*/ .upc-scrollable { position: relative; overflow: hidden; width: inherit; /* height: auto; height is adjusted after rendering */ z-index: 1; } .upc-scrollable-items { float:left; position: absolute; width: 20000em; /* height: auto; */ } .upc-scrollable-items div { position: relative; float: left; } .upc-scrollable-nav { /* bottom: 10px; */ bottom: 5px; left: 50%; z-index: 2; } .upc-scrollable-nav-container{position:relative;display: inline-block;} .upc-scrollable-pagination{position:relative;display:inline-block;bottom:0;width:100%; text-align: center;} /*skin settings*/ /******the button skin*******/ /*.labeled{}<-Add style for button panels here*/ /*the css for the navigation button style .upc-scrollable-nav-labeled a { display: inline-block; padding: 2px 5px; background: rgba(255, 255, 255, 0.5); color: rgba(0, 0, 0, 0.5); text-decoration: none; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .upc-scrollable-nav-labeled a:hover { background: rgba(0, 153, 204, 0.5); color: rgba(255, 255, 255, 1.0); } .upc-scrollable-nav-labeled a.upc-scrollable-nav-active, .upc-scrollable-nav-labeled a.upc-scrollable-nav-active:hover { background: rgba(0, 153, 204, 1.0); color: rgba(255, 255, 255, 1.0); } */ /******the numbered skin*******/ /*.numbered{}<-Add style for numbered bullets panels here*/ /*the css for navigation numbered bullets .upc-scrollable-nav-numbered a { display: inline-block; padding: 2px 5px; background: rgba(255, 255, 255, 0.5); color: rgba(0, 0, 0, 0.5); text-decoration: none; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .upc-scrollable-nav-numbered a:hover { background: rgba(0, 153, 204, 0.5); color: rgba(255, 255, 255, 1.0); } .upc-scrollable-nav-numbered a.upc-scrollable-nav-active, .upc-scrollable-nav-numbered a.upc-scrollable-nav-active:hover { background: rgba(0, 153, 204, 1.0); color: rgba(255, 255, 255, 1.0); }*/ /******the simple dots skin*******/ .dots{}/*<-Add style for dots panels here*/ /*the css for the navigation dots*/ .dots .upc-scrollable-nav{display:inline-block;} .dots .upc-scrollable-nav a{padding:5px;display:inline-block;} .dots a.upc-scrollable-nav-prev {z-index:998;display:inline-block;padding:5px;background:url('../media/icons/ico_arrow_back_link.png') no-repeat left center !important;} .dots a.upc-scrollable-nav-next {z-index:999;display:inline-block;padding:5px;background:url('../media/icons/ico_arrow_link.png') no-repeat right center !important;} .dots a.upc-scrollable-nav-prev:hover,a.upc-scrollable-nav-next:hover{cursor:hand;cursor:pointer} .dots .upc-scrollable-nav-dots{} .dots .upc-scrollable-nav-dots a { display: inline-block; padding:5px; background:#333; text-decoration: none; cursor: pointer; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .dots .upc-scrollable-nav-dots a:hover { background: #0ad; } .dots .upc-scrollable-nav-dots a.upc-scrollable-nav-active, .dots .upc-scrollable-nav-dots a.upc-scrollable-nav-active:hover { background: #0ad; } /*generic column settings*/ .upc_grid_12 .upc-scrollable-items div { width: 940px; } .upc_grid_11 .upc-scrollable-items div { width: 860px; } .upc_grid_10 .upc-scrollable-items div { width: 780px; } .upc_grid_9 .upc-scrollable-items div, .upc_columns_3_9-c1 .upc-scrollable-items div, .upc_columns_9_3-c0 .upc-scrollable-items div { width: 700px; } .upc_grid_8 .upc-scrollable-items div { width: 620px; } .upc_grid_7 .upc-scrollable-items div { width: 540px; } .upc_grid_6 .upc-scrollable-items div, .upc_grid_nested_6_3-c0 .upc-scrollable-items div, .upc_columns_3_6-c1 .upc-scrollable-items div, .upc_columns_6_3-c0 .upc-scrollable-items div, .upc_columns_6_6-c0 .upc-scrollable-items div, .upc_columns_6_6-c1 .upc-scrollable-items div, .upc_columns_3_3_6-c2 .upc-scrollable-items div, .upc_columns_3_6_3-c1 .upc-scrollable-items div, .upc_columns_6_3_3-c0 .upc-scrollable-items div { width: 460px; } .upc_grid_5 .upc-scrollable-items div { width: 380px; } .upc_grid_4 .upc-scrollable-items div { width: 300px; } .upc_grid_3 .upc-scrollable-items div, .upc_grid_nested_6_3-c1 .upc-scrollable-items div, .upc_columns_3_3-c0 .upc-scrollable-items div, .upc_columns_3_3-c1 .upc-scrollable-items div, .upc_columns_3_6-c0 .upc-scrollable-items div, .upc_columns_6_3-c1 .upc-scrollable-items div, .upc_columns_3_9-c0 .upc-scrollable-items div, .upc_columns_9_3-c1 .upc-scrollable-items div, .upc_columns_3_3_3-c0 .upc-scrollable-items div, .upc_columns_3_3_3-c1 .upc-scrollable-items div, .upc_columns_3_3_3-c2 .upc-scrollable-items div, .upc_columns_3_3_6-c0 .upc-scrollable-items div, .upc_columns_3_3_6-c1 .upc-scrollable-items div, .upc_columns_3_6_3-c0 .upc-scrollable-items div, .upc_columns_3_6_3-c2 .upc-scrollable-items div, .upc_columns_6_3_3-c1 .upc-scrollable-items div, .upc_columns_6_3_3-c2 .upc-scrollable-items div, .upc_columns_3_3_3_3-c0 .upc-scrollable-items div, .upc_columns_3_3_3_3-c1 .upc-scrollable-items div, .upc_columns_3_3_3_3-c2 .upc-scrollable-items div, .upc_columns_3_3_3_3-c3 .upc-scrollable-items div { width: 220px; } .upc_grid_2 .upc-scrollable-items div { width: 140px; } .upc_grid_1 .upc-scrollable-items div { width: 60px; } /*Generic tabs settings*/ /* @Tabs upc-tabs Simple tabs @Tabs upc-tabs-rich Rich text tabs (tab 64 pixels, standard highlight) @Tabs upc-tabs-extended Advanced tabs (tab height 218 pixels, blue highlight) */ /*generic css*/ .upc-tabs, .upc-tabs-extended, .upc-tabs-rich {position:relative;display: block;clear: both;} .upc-tabs li > p, .upc-tabs-extended li > p, .upc-tabs-rich li > p{margin:0;padding:0;} .upc-tabs > ul, .upc-tabs-extended ul, .upc-tabs-rich ul {margin: 0;padding: 0;} .upc-tabs > ul > li, .upc-tabs-extended > ul > li, .upc-tabs-rich > ul > li {float: left;padding: 0;margin: 0;z-index:100;list-style-type: none;position:relative;} .upc-tabs-contentwrapper{position:relative;display: block;clear: both;} .upc-tabs-panel .upc-tabs-contentwrapper .flowplayer div{width:auto !important;} .upc-tabs-panel .upc-tabs-contentwrapper img{max-width:100%;} .upc-tabs-panel img, .upc-tabs-panel embed, .upc-tabs-panel object { max-width: 100% !important; } .upc-tabs-item{display: none;} /*default tab*/ .upc-tabs > ul a span.tabs-label h2, .upc-tabs > ul a span.tabs-label h3, .upc-tabs > ul a span.tabs-label h4, .upc-tabs > ul a span.tabs-label h5, .upc-tabs > ul a span.tabs-label h6{font-size: 18px;margin:0;padding:0;line-height:20px;} .upc-tabs > ul a span.tabs-label img{float:left; margin-right:10px;max-width:inherit;} .upc-tabs > ul a span.tabs-label span.iconlabel{float:left;clear:none;margin-top:3px; } .upc-tabs > ul{height: 47px;} .upc-tabs > ul > li {height: 47px;} .upc-tabs > ul > li a { font-family:"speak_bold", Arial; float: left; padding: 5px 0 0 0; margin: 0 8px 0 0; height: 41px; color:#1d3085; border:1px solid #e3e5ee; border-bottom:0; background:#fff url('../media/backgrounds/bg-simple-tab.jpg') repeat-x center bottom; position: relative; -moz-box-shadow: 0 0 3px #e3e5ee; -webkit-box-shadow: 0 0 3px #e3e5ee; box-shadow: 0 0 3px #e3e5ee; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; z-index: 110; } .upc-tabs > ul a span.tabs-label { float: left; font-size: 18px; margin-top:5px; padding: 3px 30px 0 30px; text-decoration: none; height: 31px; outline: 0; color:#249; cursor: pointer; } .upc-tabs > ul a:hover, .upc-tabs > ul a span.tabs-label:hover, .upc-tabs > ul a span.tabs-label *:hover {text-decoration: none; color: #09d; } .upc-tabs > ul a.current { color:#1d3085; background-color:#fff; cursor: default; text-decoration: none; height: 40px; position: relative; z-index: 110; } .upc-tabs > ul a.current:hover {color:#1d3085; text-decoration:none; } .upc-tabs > ul a.current span.tabs-label { background:#fff; cursor: default; text-decoration:none; position: relative; height:34px; z-index: 120; } .upc-tabs .upc-tabs-panel { position:relative; } .upc-tabs .upc-tabs-panel .upc-tabs-item { padding: 30px; min-height: 150px; position:relative; border:1px solid #e5e6ea; background-color: #fff; -moz-box-shadow: 0 0 3px #e7e7ef; -webkit-box-shadow: 0 0 3px #e7e7ef; box-shadow: 0 0 3px #e7e7ef; -moz-border-radius:0 6px 6px 6px; -webkit-border-radius:0 6px 6px 6px; border-radius:0 6px 6px 6px; } /*rich text tab*/ .upc-tabs-rich > img.ico{float:left; margin-right:10px;} .upc-tabs-rich > ul a span.tabs-label h2, .upc-tabs-rich > ul a span.tabs-label h3, .upc-tabs-rich > ul a span.tabs-label h4, .upc-tabs-rich > ul a span.tabs-label h5, .upc-tabs-rich > ul a span.tabs-label h6{font-size: 25px;margin:0;padding:0;line-height:20px;} .upc-tabs-rich > ul a span.tabs-label .iconlabel{float:left;} .upc-tabs-rich > ul a span.tabs-label .subtext {color:#719;font-size:16px;margin:0;padding:0; } .upc-tabs-rich > ul{height: 64px;} .upc-tabs-rich > ul > li {height: 64px;} .upc-tabs-rich > ul > li a { font-family:"speak_bold", Arial; float: left; padding: 5px 0 0 0; margin: 0 8px 0 0; height: 58px; color:#1d3085; border:1px solid #e3e5ee; border-bottom:0; background:#fff url('../media/backgrounds/bg-simple-tab.jpg') repeat-x center bottom; position: relative; -moz-box-shadow: 0 0 2px 0 #e3e5ee; -webkit-box-shadow: 0 0 2px 0 #e3e5ee; box-shadow: 0 0 2px 0 #e3e5ee; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; z-index: 110; } .upc-tabs-rich > ul a span.tabs-label { float: left; font-size: 25px; margin-top:5px; padding: 5px 30px 0 30px; text-decoration: none; height: 49px; outline: 0; text-align:center; cursor:pointer; } .upc-tabs-rich > ul a:hover {text-decoration: none; color: #0099dd; } .upc-tabs-rich > ul a.current { color:#1d3085; background-color:#fff; cursor: default; text-decoration: none; position: relative; z-index: 110; } .upc-tabs-rich > ul a.current:hover {color:#1d3085; text-decoration:none; } .upc-tabs-rich > ul a.current span.tabs-label { background:#fff; cursor: default; text-decoration:none; position: relative; height:49px; z-index: 120; } .upc-tabs-rich .upc-tabs-panel { position:relative; } .upc-tabs-rich .upc-tabs-panel .upc-tabs-item { padding: 30px; min-height: 150px; position:relative; border:1px solid #e5e6ea; background-color: #fff; -moz-box-shadow: 0 0 3px #e7e7ef; -webkit-box-shadow: 0 0 3px #e7e7ef; box-shadow: 0 0 3px #e7e7ef; -moz-border-radius:0 6px 6px 6px; -webkit-border-radius:0 6px 6px 6px; border-radius:0 6px 6px 6px; } /*extended tab*/ .upc-tabs-extended ul {height: 125px;} .upc-tabs-extended > ul a span.tabs-label h2{margin:0;padding:0;line-height:20px !important; font-size:28px;} .upc-tabs-extended > ul a span.tabs-label h3{margin:0;padding:0;line-height:20px !important; font-size:28px;} .upc-tabs-extended > ul a span.tabs-label h4{margin:0;padding:0;line-height:20px !important; font-size:28px;} .upc-tabs-extended > ul a span.tabs-label h5{margin:0;padding:0;line-height:20px !important; font-size:28px;} .upc-tabs-extended > ul a span.tabs-label h6{margin:0;padding:0;line-height:20px !important; font-size:28px;} .upc-tabs-extended > ul a span.tabs-label .price {font-size:16px;} .upc-tabs-extended > ul a span.tabs-label .subtext {font-size:18px;margin:15px 0 0 0;padding:0; } .upc-tabs-extended > ul > li {height: 125px; text-align: center;} .upc-tabs-extended > ul > li a { font-family:"speak_heavy", Arial; display:block; padding:0; margin: 0; height: 124px; color: #2c4295; background-color: #fff; position: relative; z-index: 110; } .upc-tabs-extended > ul a span.tabs-label { display: inline-block;font-size: 28px;padding: 20px 50px 0 50px;cursor:pointer;text-decoration: none;height: 104px; outline: 0;} .upc-tabs-extended > ul a:hover { text-decoration:none; background:url('../media/backgrounds/bg-extended-tab-hover.jpg') repeat-x center bottom;color: #09d;} .upc-tabs-extended > ul a.current { color:#fff; background:#2f79bf url('../media/backgrounds/bg-extended-tab.jpg') repeat-x center bottom; cursor: default; text-decoration: none; height: 125px; position: relative; z-index: 110; } .upc-tabs-extended > ul a.current:hover { text-decoration:none; color:#fff; background:#2f79bf url('../media/backgrounds/bg-extended-tab.jpg') repeat-x center bottom; } .upc-tabs-extended > ul a.current h2, .upc-tabs-extended > ul a.current h3, .upc-tabs-extended > ul a.current h4, .upc-tabs-extended > ul a.current h5, .upc-tabs-extended > ul a.current h6 {color:#fff;} .upc-tabs-extended > ul a.current span.tabs-label {color:#fff; cursor: default; text-decoration:none; position: relative;height: 105px; z-index: 120;} .upc-tabs-extended > ul a.current span.tabs-arrow{display:block;height:14px; width:28px;margin:0 auto;background:url('../media/icons/tab-advanced-arrow-down-blue.png') no-repeat center top;} .upc-tabs-extended .upc-tabs-panel { position:relative; } .upc-tabs-extended .upc-tabs-panel .upc-tabs-item { padding: 30px; min-height: 150px; position:relative; zoom:1; border:1px solid #e5e6ea; background-color: #fff; -moz-box-shadow: 0 0 3px #e7e7ef; -webkit-box-shadow: 0 0 3px #e7e7ef; box-shadow: 0 0 3px #e7e7ef; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; } /*Add tabs count here, control the tab dimensions and style precicelly*/ .upc-tabs .tabs-count-2 li{width:auto;} .upc-tabs .tabs-count-4 li{width:auto;} .upc-tabs .tabs-count-5 li{width:auto;} .upc-tabs-extended .tabs-count-2 li{width:50%;} .upc-tabs-extended .tabs-count-3 li:first-child {width:34%;} .upc-tabs-extended .tabs-count-3 li{width:33%;} .upc-tabs-extended .tabs-count-4 li{width:25%;} .upc-tabs-extended .tabs-count-5 li{width:20%;} .upc-tabs-extended .lgi-tabs-left a { border-left:1px solid #e3e6ef; border-top:1px solid #e3e6ef; -moz-border-radius:6px 0 0 0; -webkit-border-radius:6px 0 0 0; border-radius:6px 0 0 0; } .upc-tabs-extended .lgi-tabs-right a { border-left:1px solid #e3e6ef; border-right:1px solid #e3e6ef; border-top:1px solid #e3e6ef; -moz-border-radius:0 6px 0 0; -webkit-border-radius:0 6px 0 0; border-radius:0 6px 0 0; } .upc-tabs-extended .lgi-tabs-center a { border-left:1px solid #e3e6ef; border-top:1px solid #e3e6ef; } .upc-tabs-extended .tabs-count-4 span.tabs-label{padding: 20px 30px 0 30px;} .upc-tabs-extended .tabs-count-5 span.tabs-label{padding: 20px 20px 0 20px;} /* inside tabs, the total with is 42px less: grid_6: 460 => 418 grid_9: 700 => 660 grid_12: 940 => 900 */ /* 50-50 equal split 940 width */ .upc-tabs-panel div.upc_columns_460_20_460>div { float: left; height: 100%; } .upc-tabs-panel div.upc_columns_460_20_460-c0 { width: 439px; } .upc-tabs-panel div.upc_columns_460_20_460-c0 * { max-width: 439px; } .upc-tabs-panel div.upc_columns_460_20_460-c1 { width: 460px; margin-left: 20px; } .upc-tabs-panel div.upc_columns_460_20_460-c1 * { max-width: 439px; } /* 70-30 split 940 width */ .upc-tabs-panel div.upc_columns_620_20_300>div { float: left; height: 100%; } .upc-tabs-panel div.upc_columns_620_20_300-c0 { width: 578px; } .upc-tabs-panel div.upc_columns_620_20_300-c0 * { max-width: 578px;} .upc-tabs-panel div.upc_columns_620_20_300-c1 { width: 258px; margin-left: 20px; } .upc-tabs-panel div.upc_columns_620_20_300-c1 * { max-width: 258px; } /* 30-70 split 940 width */ .upc-tabs-panel div.upc_columns_300_20_620>div { float: left; height: 100%; } .upc-tabs-panel div.upc_columns_300_20_620-c0 { width: 258px; } .upc-tabs-panel div.upc_columns_300_20_620-c0 * { max-width: 258px; } .upc-tabs-panel div.upc_columns_300_20_620-c1 { width: 578px; margin-left: 20px; } .upc-tabs-panel div.upc_columns_300_20_620-c1 * { max-width: 578px; } /* 3x split 940 width */ .upc-tabs-panel div.upc_columns_300_20_300_20_300>div { float: left; height: 100%; } .upc-tabs-panel div.upc_columns_300_20_300_20_300-c0 { width: 258px;} .upc-tabs-panel div.upc_columns_300_20_300_20_300-c0 * { max-width: 258px;} .upc-tabs-panel div.upc_columns_300_20_300_20_300-c1 { width: 258px; margin-left: 20px; } .upc-tabs-panel div.upc_columns_300_20_300_20_300-c1 * { max-width: 258px; } .upc-tabs-panel div.upc_columns_300_20_300_20_300-c2 { width: 258px; margin-left: 20px; } .upc-tabs-panel div.upc_columns_300_20_300_20_300-c2 * { max-width: 258px; } /*simple bulleted*/ ul.pagelist_default{list-style-type:none;display:block;clear:both;margin:0;} ul.pagelist_default li { clear: both;padding: 0 0 3px 10px; background: url('../media/icons/ico_arrow_link.png') no-repeat 0 5px; text-align: left; font-size:12px; } ul.pagelist_default li a { clear: both;color:#0ad;padding: 0 0 3px 0; } /*pagelists servicenav and lean footer*/ ul.pagelist_mainnav{list-style-type:none;display:block;clear:both;margin:0;font-size:12px;} ul.pagelist_mainnav li{display:inline-block;*display:inline;color:#666;padding: 0 16px 0 0; } ul.pagelist_mainnav li a {display:inline-block;*display:inline;color:#666;padding:4px 0; } ul.pagelist_mainnav li a:hover{ text-decoration:underline;} ul.pagelist_mainnav li.active a{font-weight:bold;} /*sub navigation for product detail pages and other third level pages*/ ul.pagelist_nav{display:block;clear:both; font-size:16px; width:100%;height: 32px;margin:18px 0 50px 0;padding:0;list-style-type: none;border-bottom:1px solid #e3e6ef;} ul.pagelist_nav li{display:inline-block; *display:inline;margin:0;padding:0;color:#249;} ul.pagelist_nav li a{display:inline-block;margin:0 30px 0 0;padding:0 0 10px 0; color:#249;font-family: "speak_bold", Arial;} ul.pagelist_nav li a:hover{text-decoration:none;color:#0ad;border-bottom:3px solid #0ad;} ul.pagelist_nav li.active{color:#0ad; position:relative;} ul.pagelist_nav li.active a{color:#0ad;border-bottom:3px solid #0ad;} ul.pagelist_nav li.active .navlist-fade-left, ul.pagelist_nav li:hover .navlist-fade-left{position:absolute;left:-8px;bottom:1px;height:1px;width:8px; background-image: linear-gradient(left , #E3E6EF 44%, #00A9DD 72%); background-image: -o-linear-gradient(left , #E3E6EF 44%, #00A9DD 72%); background-image: -moz-linear-gradient(left , #E3E6EF 44%, #00A9DD 72%); background-image: -webkit-linear-gradient(left , #E3E6EF 44%, #00A9DD 72%); background-image: -ms-linear-gradient(left , #E3E6EF 44%, #00A9DD 72%); background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0.44, #E3E6EF), color-stop(0.72, #00A9DD) ); } ul.pagelist_nav li.active .navlist-fade-right, ul.pagelist_nav li:hover .navlist-fade-right{position:absolute;right:22px;bottom:1px;height:1px;width:8px; background-image: linear-gradient(right , #E3E6EF 44%, #00A9DD 72%); background-image: -o-linear-gradient(right , #E3E6EF 44%, #00A9DD 72%); background-image: -moz-linear-gradient(right , #E3E6EF 44%, #00A9DD 72%); background-image: -webkit-linear-gradient(right , #E3E6EF 44%, #00A9DD 72%); background-image: -ms-linear-gradient(right , #E3E6EF 44%, #00A9DD 72%); background-image: -webkit-gradient( linear, right top, left top, color-stop(0.44, #E3E6EF), color-stop(0.72, #00A9DD) ); } /*fat footer lists*/ ul.pagelist_fatfooter {display:inline-block;float:none !important; clear: both; list-style-type:none;margin: 0;padding:0; } ul.pagelist_fatfooter li {display:block;clear: both; vertical-align: middle;text-align: left;height:auto !important;list-style-type:none; margin: 0;padding:0 !important;} ul.pagelist_fatfooter li a{color: #666;font-size: 12px; line-height: 26px; text-decoration: none; text-transform: none !important;} ul.pagelist_fatfooter li a:hover{ text-decoration:none; color:#0ad;} /* @Style upc_divider Tall shadow @Style upc_divider2 Thin fade @Style upc_divider3 Solid dark grey @Style upc_divider4 Solid medium grey @Style upc_divider5 Solid light grey * */ .upc-divider-container{display:block;clear:both;} .upc_divider{display:block;height:20px;clear:both;margin:0;padding:0;width:100%; background:url('../media/divider/divider_sprite.png') no-repeat;} .upc_divider2{display:block;height:1px;clear:both;margin:0;padding:0;width:100%; background:url('../media/divider/divider_sprite.png') no-repeat;} .upc_divider3, .upc_divider4, .upc_divider5{display:block;width:100%;height:1px;clear:both;margin:0;padding:0;} .upc_divider3{border-top:1px solid #ccd0da;} .upc_divider4{border-top:1px solid #dadee7;} .upc_divider5{border-top:1px solid #e3e6ef;} .upc-divider-container.px0 {margin:0; clear: both; } .upc-divider-container.px1 {margin: 10px 0 10px 0; clear: both; } .upc-divider-container.px2 {margin: 20px 0 20px 0; clear: both; } .upc-divider-container.px3 {margin: 30px 0 30px 0; clear: both; } .upc-divider-container.px4 {margin: 40px 0 40px 0; clear: both; } .upc-divider-container.px5 {margin: 50px 0 50px 0; clear: both; } .upc_divider.px0 {margin:0; clear: both; } .upc_divider.px1 {margin: 10px 0 10px 0; clear: both; } .upc_divider.px2 {margin: 20px 0 20px 0; clear: both; } .upc_divider.px3 {margin: 30px 0 30px 0; clear: both; } .upc_divider.px4 {margin: 40px 0 40px 0; clear: both; } .upc_divider.px5 {margin: 50px 0 50px 0; clear: both; } .upc_grid_2 .upc_divider , div.upc_columns_140_20_140_20_140_20_140_20_140-c0 .upc_divider , div.upc_columns_140_20_140_20_140_20_140_20_140-c1 .upc_divider , div.upc_columns_140_20_140_20_140_20_140_20_140-c2 .upc_divider , div.upc_columns_140_20_140_20_140_20_140_20_140-c3 .upc_divider , div.upc_columns_140_20_140_20_140_20_140_20_140-c4 .upc_divider ,.upc_grid_2 .upc_divider2 , div.upc_columns_140_20_140_20_140_20_140_20_140-c0 .upc_divider2 , div.upc_columns_140_20_140_20_140_20_140_20_140-c1 .upc_divider2 , div.upc_columns_140_20_140_20_140_20_140_20_140-c2 .upc_divider2 , div.upc_columns_140_20_140_20_140_20_140_20_140-c3 .upc_divider2 , div.upc_columns_140_20_140_20_140_20_140_20_140-c4 .upc_divider2 {background-position: center top; } .upc_grid_3 .upc_divider , div.upc_columns_220_20_220_20_220_20_220-c0 .upc_divider , div.upc_columns_220_20_220_20_220_20_220-c1 .upc_divider , div.upc_columns_220_20_220_20_220_20_220-c2 .upc_divider , div.upc_columns_220_20_220_20_220_20_220-c3 .upc_divider , div.upc_columns_220_20_460-c0 .upc_divider , div.upc_columns_460_20_220-c1 .upc_divider , div.upc_columns_220_20_220_20_220-c0 .upc_divider , div.upc_columns_220_20_220_20_220-c1 .upc_divider , div.upc_columns_220_20_220_20_220-c2 .upc_divider ,.upc_grid_3 .upc_divider2 , div.upc_columns_220_20_220_20_220_20_220-c0 .upc_divider2 , div.upc_columns_220_20_220_20_220_20_220-c1 .upc_divider2 , div.upc_columns_220_20_220_20_220_20_220-c2 .upc_divider2 , div.upc_columns_220_20_220_20_220_20_220-c3 .upc_divider2 , div.upc_columns_220_20_460-c0 .upc_divider2 , div.upc_columns_460_20_220-c1 .upc_divider2 , div.upc_columns_220_20_220_20_220-c0 .upc_divider2 , div.upc_columns_220_20_220_20_220-c1 .upc_divider2 , div.upc_columns_220_20_220_20_220-c2 .upc_divider2 { background-position: center top; } .upc_grid_4 .upc_divider , div.upc_columns_300_20_300_20_300-c0 .upc_divider , div.upc_columns_300_20_300_20_300-c1 .upc_divider , div.upc_columns_300_20_300_20_300-c2 .upc_divider , div.upc_columns_620_20_300-c1 .upc_divider , div.upc_columns_300_20_620-c0 .upc_divider ,.upc_grid_4 .upc_divider2 , div.upc_columns_300_20_300_20_300-c0 .upc_divider2 , div.upc_columns_300_20_300_20_300-c1 .upc_divider2 , div.upc_columns_300_20_300_20_300-c2 .upc_divider2 , div.upc_columns_620_20_300-c1 .upc_divider2 , div.upc_columns_300_20_620-c0 .upc_divider2 {background-position: center -20px; } .upc_grid_5 .upc_divider , div.upc_columns_540_20_380-c1 .upc_divider ,.upc_grid_5 .upc_divider2 , div.upc_columns_540_20_380-c1 .upc_divider2 {background-position: center -40px; } .upc_grid_6 .upc_divider , div.upc_columns_460_20_460-c0 .upc_divider , div.upc_columns_460_20_460-c1 .upc_divider , div.upc_columns_220_20_460-c1 .upc_divider , div.upc_columns_460_20_220-c0 .upc_divider ,.upc_grid_6 .upc_divider2 , div.upc_columns_460_20_460-c0 .upc_divider2 , div.upc_columns_460_20_460-c1 .upc_divider2 , div.upc_columns_220_20_460-c1 .upc_divider2 , div.upc_columns_460_20_220-c0 .upc_divider2 { background-position: center -60px; } .upc_grid_7 .upc_divider , div.upc_columns_540_20_380-c0 .upc_divider ,.upc_grid_7 .upc_divider2 , div.upc_columns_540_20_380-c0 .upc_divider2 {background-position: center -80px; } .upc_grid_8 .upc_divider , div.upc_columns_620_20_300-c0 .upc_divider , div.upc_columns_300_20_620-c1 .upc_divider ,.upc_grid_8 .upc_divider2 , div.upc_columns_620_20_300-c0 .upc_divider2 , div.upc_columns_300_20_620-c1 .upc_divider2 { background-position: center -80px; } .upc_grid_9 .upc_divider,.upc_grid_9 .upc_divider2 {background-position: center -80px;} .upc_grid_12 .upc_divider , .upc_grid_12 .upc_divider2 , .upc_container_fullwidth .upc_divider , .upc_container_fullwidth .upc_divider2 { background-position: center -100px; } .upc_grid_12 .upc_columns_220_700-c0 .upc_divider , .upc_grid_12 .upc_columns_220_700-c0 .upc_divider2 , .upc_grid_12 .upc_columns_700_220-c1 .upc_divider , .upc_grid_12 .upc_columns_700_220-c1 .upc_divider2 , .upc_container_fullwidth .upc_columns_220_700-c0 .upc_divider , .upc_container_fullwidth .upc_columns_220_700-c0 .upc_divider2 , .upc_container_fullwidth .upc_columns_700_220-c1 .upc_divider , .upc_container_fullwidth .upc_columns_700_220-c1 .upc_divider2 { background-position: center top; } .tooltip{ background:#fff; max-width:300px; font-size:11px; color:#666; padding:5px; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; z-index:6000; } /* @Style upc-overlay-skin1 Default white overlay box @Style upc-overlay-skin2 Black background overlay box * */ .upc-overlay { display: none; z-index: 8800; } .upc-overlay-mask { background: #000000; opacity: .4; filter: Alpha(Opacity=40); /* RGBa support */ position: fixed; top:0; right: 0; bottom: 0; left: 0; } .upc-overlay-content { position: absolute; top:0;right:0;bottom:0;left: 0; background-color: #fff; -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.75); -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.75); box-shadow: 0 0 30px 0 rgba(0,0,0,0.75); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .upc-overlay-overflow { overflow: hidden; position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; } .upc-overlay-autoscroll{ overflow-x:hidden !important; overflow-y:auto !important; } .upc-overlay-skin1 { background-color: #fff; /* box-shadow: h-shadow v-shadow blur spread color inset; */ -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.75); -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.75); box-shadow: 0 0 30px 0 rgba(0,0,0,0.75); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .upc-overlay-skin2 { background-color: #000; padding: 20px; /* box-shadow: h-shadow v-shadow blur spread color inset; */ -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.75); -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.75); box-shadow: 0 0 30px 0 rgba(0,0,0,0.75); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .upc-overlay .upc-overlay-close { display: block; position: absolute; top: -21px; right: -20px; width: 30px; height: 30px; background: url('../media/buttons/button_overlay_close.png') no-repeat 0 -30px; cursor: pointer; text-decoration: none !important; z-index: 1; } .upc-overlay .upc-overlay-close:hover { background: url('../media/buttons/button_overlay_close.png') no-repeat 0 0; } div.upc-extended-tooltip { display : none; background:#fff; z-index: 8800; padding: 20px; border:1px solid #12bae7; -moz-box-shadow: 0 0 6px #999; -webkit-box-shadow: 0 0 6px #999; box-shadow: 0 0 6px #999; } div.upc-extended-tooltip-actual span.upc-extended-tooltip-arrow { display: block; position: absolute; } div.upc-extended-tooltip span.upc-extended-tooltip-arrow{ display: block; position: absolute; } /* default arrow background and position */ div.upc-extended-tooltip-topleft span.upc-extended-tooltip-arrow, div.upc-extended-tooltip-topcenter span.upc-extended-tooltip-arrow, div.upc-extended-tooltip-topright span.upc-extended-tooltip-arrow { width: 15px; height: 8px; background: url('../media/icons/tooltip_arrow_bottom.png') no-repeat 0 0; } div.upc-extended-tooltip-topleft span.upc-extended-tooltip-arrow { bottom: -8px; right: 20px; } div.upc-extended-tooltip-topcenter span.upc-extended-tooltip-arrow { bottom: -8px; left: 47%; } div.upc-extended-tooltip-topright span.upc-extended-tooltip-arrow { bottom: -8px; left: 20px; } div.upc-extended-tooltip-centerleft span.upc-extended-tooltip-arrow { width: 8px; height: 15px; right: -8px; top: 47%; background: url('../media/icons/tooltip_arrow_right.png') no-repeat 0 0; } div.upc-extended-tooltip-centerleft.upc-extended-tooltip-right span.upc-extended-tooltip-arrow { width: 8px; height: 15px; left: -8px !important; top: 47%; background: url('../media/icons/tooltip_arrow_left.png') no-repeat 0 0; } div.upc-extended-tooltip-centerright > span.upc-extended-tooltip-arrow { width: 8px; height: 15px; left: -8px; top: 47%; background: url('../media/icons/tooltip_arrow_left.png') no-repeat 0 0; } div.upc-extended-tooltip-centerright.upc-extended-tooltip-left > span.upc-extended-tooltip-arrow { width: 8px; height: 15px; right: -8px !important; top: 47%; background: url('../media/icons/tooltip_arrow_right.png') no-repeat 0 0; } div.upc-extended-tooltip-bottomleft span.upc-extended-tooltip-arrow, div.upc-extended-tooltip-bottomcenter span.upc-extended-tooltip-arrow, div.upc-extended-tooltip-bottomright span.upc-extended-tooltip-arrow { width: 15px; height: 8px; background: url('../media/icons/tooltip_arrow_top.png') no-repeat 0 0; } div.upc-extended-tooltip-bottomleft span.upc-extended-tooltip-arrow { top: -8px; right: 20px; } div.upc-extended-tooltip-bottomcenter span.upc-extended-tooltip-arrow { top: -8px; left: 47%; } div.upc-extended-tooltip-bottomright span.upc-extended-tooltip-arrow { top: -8px; left: 20px; } /* overwritten arrow background and position by dynamic positioning */ div.upc-extended-tooltip-topleft.upc-extended-tooltip-bottom span.upc-extended-tooltip-arrow, div.upc-extended-tooltip-topcenter.upc-extended-tooltip-bottom span.upc-extended-tooltip-arrow, div.upc-extended-tooltip-topright.upc-extended-tooltip-bottom span.upc-extended-tooltip-arrow { top: -8px; bottom: auto; background: url('../media/icons/tooltip_arrow_top.png') no-repeat 0 0; } div.upc-extended-tooltip-bottomleft.upc-extended-tooltip-top span.upc-extended-tooltip-arrow, div.upc-extended-tooltip-bottomcenter.upc-extended-tooltip-top span.upc-extended-tooltip-arrow, div.upc-extended-tooltip-bottomright.upc-extended-tooltip-top span.upc-extended-tooltip-arrow { top: auto; bottom: -8px; background: url('../media/icons/tooltip_arrow_bottom.png') no-repeat 0 0; } div.upc-extended-tooltip-topleft.upc-extended-tooltip-right span.upc-extended-tooltip-arrow, div.upc-extended-tooltip-bottomleft.upc-extended-tooltip-right span.upc-extended-tooltip-arrow { left: 20px; right: auto; } div.upc-extended-tooltip-topright.upc-extended-tooltip-left span.upc-extended-tooltip-arrow, div.upc-extended-tooltip-bottomright.upc-extended-tooltip-left span.upc-extended-tooltip-arrow { left: auto; right: 20px; } /* @Skin upc-group-decor-default No styling @Skin upc-group-decor-nobg Round corners, no background applied 20px padding. @Skin upc-group-decor-skin1 Round corners, white bg, blue-grey shadow @Skin upc-group-decor-skin2 Round corners, purple bg, no shadow @Skin upc-group-decor-skin3 Center aligned content */ .upc-group-decor-default{} .upc-group-decor-nobg{ padding:12px 20px 20px 20px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; } .upc-group-decor-skin1{ background-color: #fff !important; padding:12px 18px 18px 18px; -moz-box-shadow: 0px 2px 4px 2px #dadde5; -webkit-box-shadow: 0px 2px 4px 2px #dadde5; box-shadow: 0px 2px 4px 2px #dadde5; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; } .upc-group-decor-skin2{ background-color: #dadff2 !important; border:1px solid #dadff2; border-bottom:0; padding:18px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; } .upc-group-decor-skin3{ display:block; text-align:center; } .upc-group-decor-skin3 img, .upc-group-decor-skin3 p, .upc-group-decor-skin3 h2, .upc-group-decor-skin3 h3, .upc-group-decor-skin3 h4{float:none;} .gallery-row-wrapper { position: relative; position:relative; top:0px; left:0px; width:100%; margin-bottom:48px; } .gallery-spacer { display:inline-block; width:20px; height:100%; zoom:1; *display: inline; } .gallery-image-link img { display:block; } .gallery-img-wrapper { height:100%; position:relative; vertical-align:top; display:inline-block; margin-bottom:0px; zoom:1; *display: inline; } .gallery-image-title { color: #000; font-size: 14px; font-weight: bold; line-height: 21px; margin-bottom: 5px; margin-top: 10px; overflow: hidden; text-align: left; text-overflow: ellipsis; } .gallery-image-link { width:100%; } .gallery-image-description { font-size: 12px; margin-bottom: 25px; overflow: hidden; text-align: left; text-overflow: ellipsis; width: 100%; } .gallery-image-title-hidden, .gallery-image-description-hidden { display: none; } .imgDescription { display:inline-block; text-align:left; margin-top: 20px; zoom:1; *display: inline; } .downloadLinkFancybox { display:inline-block; text-decoration:none; text-align:left; visibility:visible; zoom:1; *display: inline; line-height:17px; margin-top:20px; /*width: 30%;*/ } .downloadLinkFancybox a { display:inline-block; clear:both; color:#0ad !important; padding: 0 0 0 18px; background: url('../media/icons/ico_download.png') no-repeat left 1px; } .downloadLinkGallery { padding: 0 0 0 18px; background: url('../media/icons/ico_download.png') no-repeat left 1px; bottom: 0; font-size: 12px; height: 18px; line-height: 17px; margin-bottom: 0; position: absolute; text-align: left; } .downloadLinkGallery a { display:inline-block; clear:both; text-decoration:none; color:#0ad !important; } .downloadLinkGallery a span.linkLeft, .downloadLinkFancybox a span.linkLeft { float: left; display: inline-block; font-size: 12px; font-weight:bold; margin: 2px 2px 0 0; } .downloadLinkGallery a span.linkRight, .downloadLinkFancybox a span.linkRight { display: inline-block; float: left; font-size: 11px; margin: 2px 0 0 0; vertical-align: bottom; } .downloadIconSize140 { width: 140px; } .downloadIconSize220 { width: 220px; } .cc-img-gallery-text-content { display:inline-block; width:100%; margin-bottom:25px; } .cc-img-gallery-alt-navigation { display:inline-block; width:70%; text-align:right; zoom:1; *display: inline; } .cc-img-gallery-alt-navigation > div { vertical-align: middle; line-height: 25px; height:25px; } .cc-img-gallery-alt-navigation-no-download { display:inline-block; width:100%; text-align:right; zoom:1; *display: inline; } .cc-img-gallery-alt-navigation-no-download > div { vertical-align: middle; line-height: 25px; height:25px; } #ccImgCounter { display:inline-block; margin-right:15px; height:25px; zoom:1; *display: inline; } #ccPrevAlt { display:inline-block; height:25px; width:25px; background: url('../media/buttons/button_sprite.png') no-repeat -350px -2578px; margin-bottom:0px; zoom:1; *display: inline; } #ccNextAlt { display:inline-block; margin-left:7px; height:25px; width:25px; background: url('../media/buttons/button_sprite.png') no-repeat -375px -2578px; margin-bottom:0px; zoom:1; *display: inline; } /*! fancyBox v2.1.0 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: 8800; } .fancybox-skin { position: relative; background: #ffffff; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 20px; } .fancybox-opened { z-index: 8810; } .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-outer a { text-decoration: none; } .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 { 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('../../../upc-generic/media/imagegallery/fancybox_loading.gif') center center no-repeat; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 50%; cursor: pointer; text-decoration: none; background: transparent url('../../../upc-generic/media/imagegallery/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8820; } .fancybox-prev { left: 0; } .fancybox-prev > span > div { margin-left: 0px; opacity: 0; } .fancybox-prev:hover > span > div { margin-left: 0; opacity: 1; -webkit-transition: margin-left .5s ease-in-out, opacity .6s ease .4s; -moz-transition: margin-left .5s ease-in-out, opacity .6s ease .4s; -o-transition: margin-left .5s ease-in-out, opacity .6s ease .4s; -ms-transition: margin-left .5s ease-in-out, opacity .6s ease .4s; transition: margin-left .5s ease-in-out, opacity .6s ease .4s; } .fancybox-next { right: 0; } .fancybox-next > span > div { margin-right: 0px; opacity: 0; } .fancybox-next:hover > span > div { margin-right: 0; opacity: 1; -webkit-transition: margin-right .5s ease-in-out, opacity .6s ease .4s; -moz-transition: margin-right .5s ease-in-out, opacity .6s ease .4s; -o-transition: margin-right .5s ease-in-out, opacity .6s ease .4s; -ms-transition: margin-right .5s ease-in-out, opacity .6s ease .4s; transition: margin-right .5s ease-in-out, opacity .6s ease .4s; } .fancybox-nav span { position: absolute; top: 80px; width: 50px; height: 71px; margin-top: 0px; cursor: pointer; z-index: 8820; visibility: hidden; } .fancybox-close { display: block; position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; background: transparent url('../media/backgrounds/sprite-lightbox.png') no-repeat 0 0; cursor: pointer; text-decoration: none !important; } .fancybox-next span { background-image: url('../media/buttons/aspot_controls.png'); background-position: 0px -72px; right: 0px; } .fancybox-prev span { background-image: url('../media/buttons/aspot_controls.png'); background-position: right 0; left: 0px; } .fancybox-cc-left-arrow { background-image: url('../media/buttons/aspot_controls.png'); background-position: -300px -200px; left: 0px; height: 25px; margin-left: 5px; } .fancybox-cc-right-arrow { background-image: url('../media/buttons/aspot_controls.png'); background-position: -275px -200px; right: 0px; height: 25px; margin-right: 5px; } #fancybox-cc-prev-text { font-size: 23px; font-family: "speak_heavy", Arial; color: #ffffff; -moz-text-shadow: 0 -1px #333333; -webkit-text-shadow: 0 -1px #333333; text-shadow: 0 -1px #333333; border-right: 5px; text-align: left; } #fancybox-cc-next-text { font-size: 23px; font-family: "speak_heavy", Arial; color: #ffffff; -moz-text-shadow: 0 -1px #333333; -webkit-text-shadow: 0 -1px #333333; text-shadow: 0 -1px #333333; border-left: 5px; text-align: right; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8790; /* Fallback */ background: #000; /* RGBa support */ background: rgba(0, 0, 0, 0.4); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8830; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8830; 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); } /*thumbs*/ #fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; } #fancybox-thumbs.bottom { bottom: 2px; } #fancybox-thumbs.top { top: 2px; } #fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; } #fancybox-thumbs ul li { float: left; padding: 1px; opacity: 0.5; } #fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 1px solid #fff; } #fancybox-thumbs ul li:hover { opacity: 1; } #fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; } #fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; } /*buttons*/ #fancybox-buttons { position: fixed; left: 0; width: 100%; z-index: 8050; } #fancybox-buttons.top { top: 10px; } #fancybox-buttons.bottom { bottom: 10px; } #fancybox-buttons ul { display: block; width: 166px; height: 30px; margin: 0 auto; padding: 0; list-style: none; border: 1px solid #111; border-radius: 3px; -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); background: rgb(50,50,50); background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(68,68,68)), color-stop(50%, rgb(52,52,52)), color-stop(50%, rgb(41,41,41)), color-stop(100%, rgb(51,51,51))); background: -webkit-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); background: -o-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); background: -ms-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); background: linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); } #fancybox-buttons ul li { float: left; margin: 0; padding: 0; } #fancybox-buttons a { display: block; width: 30px; height: 30px; text-indent: -9999px; background-image: url('../../../upc-generic/media/imagegallery/fancybox_buttons.png'); background-repeat: no-repeat; outline: none; opacity: 0.8; } #fancybox-buttons a:hover { opacity: 1; } #fancybox-buttons a.btnPrev { background-position: 5px 0; } #fancybox-buttons a.btnNext { background-position: -33px 0; border-right: 1px solid #3e3e3e; } #fancybox-buttons a.btnPlay { background-position: 0 -30px; } #fancybox-buttons a.btnPlayOn { background-position: -30px -30px; } #fancybox-buttons a.btnToggle { background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px } #fancybox-buttons a.btnToggleOn { background-position: -27px -60px; } #fancybox-buttons a.btnClose { border-left: 1px solid #111; width: 35px; background-position: -56px 0px; } #fancybox-buttons a.btnDisabled { opacity : 0.4; cursor: default; } /*enrise search*/ .lgi_search_result{display:block;clear:both;} .lgi_search_result h3 a{color:#249 !important;} /**Google Search. **/ .upc_searchtitle>h2{font-family:"speak_bold",Arial;color:#9ab0c8;font-size:18px;font-weight:700;} div.upc_search_feedback{padding-bottom:10px;} div.upc_searchresultslist>.item>a>b{color:#771199} div.upc_searchresultslist>.item{padding-top:20px;clear:both;} div.upc_search_found{font-family:"speak_bold",Arial;color:#224499;font-size:36px;padding-bottom:10px;width:100%;line-height:41px} div.upc_search_found>b{color:#719} div.upc_search_found strong {font-weight:500!important;} div.upc_searchresultslist>.item>.location{color:#999999;font-size:12px} div.upc_searchresultslist>.item>.headline{font-family:"speak_bold",Arial;font-size:20px;color:#0D1CB5;text-decoration:underline;font-weight:700;text-decoration:none} div.upc_searchresultslist{color:#333;font-size:13px;width:100%;} div.upc_searchresultslist{padding-bottom:10px;} div.upc_search_hr_light{display:block!important;height:1px!important;border:0!important;border-top:1px solid #ccc!important;margin:2em 0!important;padding:0!important;} .upc_search_pageflipper>a{color:#00aadd;font-size:12px;padding-right:5px;} .googleAds{float:left;padding-bottom:30px;width:540px;} .googleAds1{float:right;margin-right:80px;width:280px;} .upc_search_pageflipper{text-align:left;width:540px;margin:0 40%} .upc_search_pageflipper>strong{padding-right:5px;font-size:12px;color:#2c4295} .upc_search_pageflipper>a{padding-right:5px;} .upc_search_found>b{color:#719} .upc_searchbox_bottom{display:none;} .upc_search_found span{color:#00aadd} /*.googleAdsContainer{float:left;padding:10px;background:#FFF8E6;width:540px;height:200px;margin-bottom:30px}*/ .googleAds {float: left;padding-bottom: 30px;width: 540px;} .googleAds1 {float: right; margin-right: 80px;width: 280px;} .upc_search_pageflipper{width: 540px} .upc_search_pageflipper, .upc_searchbox_bottom { margin: 20px 30%;text-align: left;width:540px} .upc_search_pageflipper > strong {padding-right: 5px;} .upc_search_pageflipper > a {padding-right: 5px;} .upc_searchbox_bottom{ display:none} .upc_rte_linkmore_bold12 h3, .upc_rte_linkmore_bold12 h3 a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #224499; font-family: "speak_bold",Arial; font-size: 24px; font-weight: normal; line-height: 30px; margin: 0 0 10px; padding: 0; } /* @color blue Blue (#224499) @color white White (#FFFFFF) @color red Red (#CC0022) @color green Green (#11AA44) @color orange Orange (#FF6600) @color purple Purple (#771199) @color darkgrey Dark Grey (#666666)(fatfooter) @color mediumgrey Medium Grey (#777777) @color lightgrey Light Grey (#999999) @color headergrey Light Grey for H1 (#9AB0C8) */ .blue, .blue a { color:#249; } .white, .white a { color:#FFF; } .red, .red a { color:#C02; } .green, .green a { color:#1A4; } .orange, .orange a { color:#F60; } .purple, .purple a { color:#719; } .darkgrey, .darkgrey a { color: #666; } .mediumgrey, .mediumgrey a { color: #777; } .lightgrey, .lightgrey a { color: #999; } .headergrey, .headergrey a { color: #9AB0C8; } .blue a:hover, .white a:hover, .red a:hover, .green a:hover, .orange a:hover, .purple a:hover, .darkgrey a:hover, .mediumgrey a:hover, .lightgrey a:hover, .headergrey a:hover{ color: #0ad; text-decoration: none;} /* @type ph1 Header 1 (font: 18px, line-height: 26px) @type ph2 Header 2 (font: 40px, line-height: 44px) @type ph3 Header 3 (font: 30px, line-height: 38px) @type ph4 Header 4 (font: 24px, line-height: 32px) @type ph5 Header 5 (font: 18px, line-height: 26px) @type ph6 Header 6 (font: 16px, line-height: 24px) @type ph_fatfooter Fat footer header (font: 16px, line-height: 38px) */ .ph1 {font-size:18px; line-height: 26px;} .ph2 {font-size:40px; line-height: 44px;} .ph3 {font-size:30px; line-height: 38px;} .ph4 {font-size:24px; line-height: 32px;} .ph5 {font-size:18px; line-height: 26px;} .ph6 {font-size:16px; line-height: 24px;} .ph_fatfooter {font-size:16px; line-height: 38px;margin:10px 0 0 0;} /*wysiwyg support class*/ .wysiwyg_supp_placeholder{min-height:35px; color: #DDD;font-size: 30px;font-family:Arial;} #kampyleWrapper{ z-index: 99999; position: fixed; right: 0px; bottom: 0px; } #kampyleWrapper > a { display: block; } #kampyleWrapper > a div { width: 133px; height: 95px; } /* relative url doesn't work, CQ5 inserts 'common/' before the url. */ #kampyleWrapper { background-image:url('../media/kampyle/corner_feedback.jpg'); } #kampyleWrapper > a > div { visibility: hidden; background-image:url('../media/kampyle/corner_feedback_over.jpg'); } #kampyleWrapper > a:hover > div { visibility: visible; } .k_button_css_revision{background-image:'$Rev:15645 $';}#k_popup *{-moz-box-sizing:content-box !important;box-sizing:content-box !important;font-family:Arial;float:none;}#k_popup a img{border:0;display:inline;}#k_popup a{text-decoration:none;}#k_popup a:hover{color:#3882C3;text-decoration:underline;}#k_popup div{#float:none;}.k_float{z-index:9999999;position:fixed !important;position:absolute;cursor:pointer;}@media (max-device-width :600px){.k_float{position:absolute !important;}}.k_container:before{ clear:both;display:block;content:'.';height:0;}.k_float.absolute{position:absolute !important;}#kampylink img{border:0;display:block;}.k_top{top:0px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop :document.body.scrollTop);}.k_top_sl{top:15px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + 15 :document.body.scrollTop + 15);}.k_top_hl_sl{top:100px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + 100 :document.body.scrollTop + 100);}.k_top_hl{top:85px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + 85 :document.body.scrollTop + 85);}.k_bottom{bottom:0px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 1 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);}.k_bottom_sl{bottom:15px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 16 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 16 );}.k_bottom_hl_sl{bottom:99px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 100 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 100 );}.k_bottom_hl{bottom:84px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 85 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 85 );}.k_right{right:0px;}.k_left{left:0px;}#k_popup{ position:absolute;top:0;left:0;z-index :999999;font-family :'arial';font-weight :bold;display: none;border:1px solid black;}#k_pop_header{ text-align:center;font-size:20px;padding:10px;font-weight:bolder;border:1px solid #fff;background: white;margin:10px 9px 0;}#k_pop_question_container{ font-size:11px;padding:10px 0 10px 0;text-align:center;border:1px solid black;margin:10px 9px 0;background: white;}#k_pop_yes_no{ margin:0 auto;width:138px;padding:10px 0 0 0;}#k_pop_yes_btn,#k_pop_no_btn{ border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;border-style:solid;border-width:1px;padding:2px 10px 3px;text-align:center;font-size:11px;font-weight:bold;text-decoration: none;width:40px;cursor:pointer;color: white;}#k_pop_branding{ font-size:11px;padding:3px 0;text-align: right;}#k_pop_branding a{ color:#3882C3;direction:ltr;text-align:right;font-weight:normal;margin-right:10px }#k_pop_whatisthis{ float: left;padding:1px 0 0 9px;}#k_pop_remind{ text-decoration: underline;font-weight:normal;cursor: pointer;}#k_close_button{color:gray;border:1px solid gray;display: none;width:11px;height:16px;font-size:12px;text-align:center;}.kc_top{top:80px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + 80 :document.body.scrollTop + 80);}.kc_bottom{bottom:80px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 80 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 80);}.kc_right{right:10px;}.kc_left{left:10px;}.kc_top_sl{top:95px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + 95 :document.body.scrollTop + 95);}.kc_bottom_sl{bottom:95px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 95 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 95);}#k_slogan{font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;font-size:9px;color:#666;margin-left:2px;margin-right:2px;cursor:default;}#k_slogan a{font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;font-size:9px;color:#666;text-decoration: none;cursor:default;} #kampylink:hover .hover, #kampylink .default { display: block; } #kampylink:hover .default, #kampylink .hover { display: none; } .lgi-form { display: block; } .lgi-form fieldset { border: medium none; margin: 0 0 20px; } .lgi-form fieldset > legend { display: block; font-family: "speak_bold",Arial; font-size: 24px; color: #249; margin: 0; padding: 0 0 20px; clear: both; } .lgi-form fieldset > ol { display: block; list-style-type: none; margin: 0; padding: 0; float: left; clear: both; width: 100%; } .lgi-form fieldset > ol > div.new { clear: both; width: 100%; } li.lgi-form-field { display: block; position: relative; clear: both; margin: 0; padding: 0 0 12px; min-height: 20px; } li.lgi-form-field > label { display: inline-block; color: #666; float: left; margin: 0 10px 10px 0; width: 210px; cursor: pointer; } /*vertical and horizontal positioning for checkboxes and radiobuttons*/ .radio-hz > ol, .radio-hz > ol > li{display:inline-block !important;clear:none !important;max-width:940px!important;} .radio-vt ol.lgi-form-checkbox > li ,.radio-vt ol.lgi-form-radio > li{display:block !important;} .radio-hz a.lgi-form-info-icon, .radio-vt a.lgi-form-info-icon {top:2px;} /* * text field, password field, textarea */ input[type="date"]::-webkit-calendar-picker-indicator, input[type="date"]::-webkit-inner-spin-button{ display: none; } li.lgi-form-field > input[type="text"], li.lgi-form-field > input[type="email"], li.lgi-form-field > input[type="number"], li.lgi-form-field > input[type="tel"], li.lgi-form-field > input[type="password"], li.lgi-form-field > textarea { display: inline-block; position: relative; font: 99% Arial,Helvetica,sans-serif; color: #666; background-color: #fff; border: 1px solid #bfc0c2; border-radius: 3px 3px 3px 3px; outline: medium none; padding: 5px; vertical-align: bottom; box-shadow: none; -moz-box-shadow: none; } li.lgi-form-field.lgi-form-error-required > input[type="text"], li.lgi-form-field.lgi-form-error-required > input[type="email"], li.lgi-form-field.lgi-form-error-required > input[type="number"], li.lgi-form-field.lgi-form-error-required > input[type="tel"], li.lgi-form-field.lgi-form-error-required > input[type="password"], li.lgi-form-field.lgi-form-error-required > textarea, li.lgi-form-field.lgi-form-error-constraint > input[type="text"], li.lgi-form-field.lgi-form-error-constraint > input[type="email"], li.lgi-form-field.lgi-form-error-constraint > input[type="number"], li.lgi-form-field.lgi-form-error-constraint > input[type="tel"], li.lgi-form-field.lgi-form-error-constraint > input[type="password"], li.lgi-form-field.lgi-form-error-constraint > textarea { border: 1px solid #c02; } li.lgi-form-field > input[type="text"]:hover, li.lgi-form-field > input[type="email"]:hover, li.lgi-form-field > input[type="number"]:hover, li.lgi-form-field > input[type="tel"]:hover, li.lgi-form-field > input[type="password"]:hover, li.lgi-form-field > textarea:hover { border: 1px solid #707271; } li.lgi-form-field > input[type="text"]:active, li.lgi-form-field > input[type="text"]:focus, li.lgi-form-field > input[type="email"]:active, li.lgi-form-field > input[type="email"]:focus, li.lgi-form-field > input[type="number"]:active, li.lgi-form-field > input[type="number"]:focus, li.lgi-form-field > input[type="tel"]:active, li.lgi-form-field > input[type="tel"]:focus, li.lgi-form-field > input[type="password"]:active, li.lgi-form-field > input[type="password"]:focus, li.lgi-form-field > textarea:active, li.lgi-form-field > textarea:focus { border: 1px solid #0ad; box-shadow: 0 1px 2px #ddd inset; -moz-box-shadow: 0 1px 2px #ddd inset; } li.lgi-form-field.lgi-form-disabled > input[type="text"], li.lgi-form-field.lgi-form-disabled > input[type="text"]:hover, li.lgi-form-field.lgi-form-disabled > input[type="text"]:active, li.lgi-form-field.lgi-form-disabled > input[type="text"]:focus, li.lgi-form-field.lgi-form-disabled > input[type="email"], li.lgi-form-field.lgi-form-disabled > input[type="email"]:hover, li.lgi-form-field.lgi-form-disabled > input[type="email"]:active, li.lgi-form-field.lgi-form-disabled > input[type="email"]:focus, li.lgi-form-field.lgi-form-disabled > input[type="number"], li.lgi-form-field.lgi-form-disabled > input[type="number"]:hover, li.lgi-form-field.lgi-form-disabled > input[type="number"]:active, li.lgi-form-field.lgi-form-disabled > input[type="number"]:focus, li.lgi-form-field.lgi-form-disabled > input[type="tel"], li.lgi-form-field.lgi-form-disabled > input[type="tel"]:hover, li.lgi-form-field.lgi-form-disabled > input[type="tel"]:active, li.lgi-form-field.lgi-form-disabled > input[type="tel"]:focus, li.lgi-form-field.lgi-form-disabled > input[type="password"], li.lgi-form-field.lgi-form-disabled > input[type="password"]:hover, li.lgi-form-field.lgi-form-disabled > input[type="password"]:active, li.lgi-form-field.lgi-form-disabled > input[type="password"]:focus, li.lgi-form-field.lgi-form-disabled > textarea, li.lgi-form-field.lgi-form-disabled > textarea:hover, li.lgi-form-field.lgi-form-disabled > textarea:active, li.lgi-form-field.lgi-form-disabled > textarea:focus { color: #cbcbcb; background-color: #fafafa; border: 1px solid #e3e5e4; } li.lgi-form-field > ::-webkit-input-placeholder { color: #aaa; } li.lgi-form-field > ::-moz-placeholder { color: #aaa; } li.lgi-form-field > :-ms-input-placeholder { color: #aaa; } li.lgi-form-field > input:-moz-placeholder { color: #aaa;} li.lgi-form-field.lgi-form-width-wide input[type="text"], li.lgi-form-field.lgi-form-width-wide input[type="email"], li.lgi-form-field.lgi-form-width-wide input[type="number"], li.lgi-form-field.lgi-form-width-wide input[type="tel"], li.lgi-form-field.lgi-form-width-wide input[type="password"], li.lgi-form-field.lgi-form-width-wide input[type="date"], li.lgi-form-field.lgi-form-width-wide textarea { width: 288px; } li.lgi-form-field.lgi-form-width-medium input[type="text"], li.lgi-form-field.lgi-form-width-medium input[type="email"], li.lgi-form-field.lgi-form-width-medium input[type="number"], li.lgi-form-field.lgi-form-width-medium input[type="tel"], li.lgi-form-field.lgi-form-width-medium input[type="password"], li.lgi-form-field.lgi-form-width-medium input[type="date"], li.lgi-form-field.lgi-form-width-medium textarea { width: 208px; } li.lgi-form-field.lgi-form-width-narrow input[type="text"], li.lgi-form-field.lgi-form-width-narrow input[type="email"], li.lgi-form-field.lgi-form-width-narrow input[type="number"], li.lgi-form-field.lgi-form-width-narrow input[type="tel"], li.lgi-form-field.lgi-form-width-narrow input[type="password"], li.lgi-form-field.lgi-form-width-narrow textarea { width: 128px; } li.lgi-form-field.lgi-form-width-mini input[type="text"], li.lgi-form-field.lgi-form-width-mini input[type="email"], li.lgi-form-field.lgi-form-width-mini input[type="number"], li.lgi-form-field.lgi-form-width-mini input[type="tel"], li.lgi-form-field.lgi-form-width-mini input[type="password"], li.lgi-form-field.lgi-form-width-mini textarea { width: 48px; } li.lgi-form-field.lgi-form-width-narrow input[type="date"], li.lgi-form-field.lgi-form-width-mini input[type="date"]{width: 128px;} /* * radio group */ li.lgi-form-field > ol.lgi-form-radio { display: inline-block; position: relative; list-style-type: none; margin: 0; padding: 0; } li.lgi-form-field > ol.lgi-form-radio > li { display: inline-block; position: relative; min-height: 20px; margin: 0 0 5px 0; padding: 0; clear: left; } li.lgi-form-field > ol.lgi-form-radio > li > label { display: inline-block; color: #666; float: left; width: auto; cursor: pointer; } .lgi-radiobox-textPlaceholder {float: left;margin:0 10px 0 25px;padding-right:10px;} .lgi-radiobox-imagePlaceholder { width: 25px; height: 25px; padding-right:10px; float: left; position:absolute; left:0; background: transparent url("../media/forms/element_sprite_form_buttons.png") no-repeat scroll 0 -184px; } li.lgi-form-field > ol.lgi-form-radio > li > label:hover .lgi-radiobox-imagePlaceholder { background-position: 0 -214px; } li.lgi-form-field > ol.lgi-form-radio > li > label .lgi-radiobox-imagePlaceholder.lgi-form-checked { background-position: 0 -244px; } li.lgi-form-field > ol.lgi-form-radio > li > label:hover .lgi-radiobox-imagePlaceholder.lgi-form-checked, li.lgi-form-field > ol.lgi-form-radio > li > label:active .lgi-radiobox-imagePlaceholder.lgi-form-checked, li.lgi-form-field > ol.lgi-form-radio > li > label:focus .lgi-radiobox-imagePlaceholder.lgi-form-checked { background-position: 0 -274px; } li.lgi-form-field.lgi-form-disabled > ol.lgi-form-radio > li > label .lgi-radiobox-imagePlaceholder, li.lgi-form-field.lgi-form-disabled > ol.lgi-form-radio > li > label:hover .lgi-radiobox-imagePlaceholder, li.lgi-form-field.lgi-form-disabled > ol.lgi-form-radio > li > label:active .lgi-radiobox-imagePlaceholder, li.lgi-form-field.lgi-form-disabled > ol.lgi-form-radio > li > label:focus .lgi-radiobox-imagePlaceholder { color: #ccc; background-position: 0 -304px; cursor: default; } li.lgi-form-field.lgi-form-error-required > ol.lgi-form-radio > li > label .lgi-radiobox-imagePlaceholder, li.lgi-form-field.lgi-form-error-required > ol.lgi-form-radio > li > label:hover .lgi-radiobox-imagePlaceholder, li.lgi-form-field.lgi-form-error-required > ol.lgi-form-radio > li > label:active .lgi-radiobox-imagePlaceholder, li.lgi-form-field.lgi-form-error-required > ol.lgi-form-radio > li > label:focus .lgi-radiobox-imagePlaceholder, li.lgi-form-field.lgi-form-error-constraint > ol.lgi-form-radio > li > label .lgi-radiobox-imagePlaceholder, li.lgi-form-field.lgi-form-error-constraint > ol.lgi-form-radio > li > label:hover .lgi-radiobox-imagePlaceholder, li.lgi-form-field.lgi-form-error-constraint > ol.lgi-form-radio > li > label:active .lgi-radiobox-imagePlaceholder, li.lgi-form-field.lgi-form-error-constraint > ol.lgi-form-radio > li > label:focus .lgi-radiobox-imagePlaceholder { background-position: 0 -334px; } li.lgi-form-field > ol.lgi-form-radio > li > label > input { display: none; } /* * checkbox group */ li.lgi-form-field > ol.lgi-form-checkbox { display: inline-block; position: relative; list-style-type: none; margin: 0; padding: 0; } li.lgi-form-field > ol.lgi-form-checkbox > li { display: inline-block; position: relative; min-height: 20px; margin: 0 0 5px 0; padding: 0; clear: left; } li.lgi-form-field > ol.lgi-form-checkbox > li > label { display: inline-block; color: #666; float: left; width: auto; cursor: pointer; } .lgi-checkbox-textPlaceholder {float: left;margin:0 10px 0 25px;padding-right:10px;} .lgi-checkbox-imagePlaceholder { width: 25px; height: 25px; float: left; background: transparent url("../media/forms/element_sprite_form_buttons.png") no-repeat scroll 0 -4px; cursor: pointer; padding-left: 0; position:absolute; left:0; } li.lgi-form-field > ol.lgi-form-checkbox > li > label:hover .lgi-checkbox-imagePlaceholder { background-position: 0 -34px; } li.lgi-form-field > ol.lgi-form-checkbox > li > label .lgi-checkbox-imagePlaceholder.lgi-form-checked { background-position: 0 -64px; } li.lgi-form-field > ol.lgi-form-checkbox > li > label:hover .lgi-checkbox-imagePlaceholder.lgi-form-checked, li.lgi-form-field > ol.lgi-form-checkbox > li > label:active .lgi-checkbox-imagePlaceholder.lgi-form-checked, li.lgi-form-field > ol.lgi-form-checkbox > li > label:focus .lgi-checkbox-imagePlaceholder.lgi-form-checked { background-position: 0 -94px; } li.lgi-form-field.lgi-form-disabled > ol.lgi-form-checkbox > li > label .lgi-checkbox-imagePlaceholder, li.lgi-form-field.lgi-form-disabled > ol.lgi-form-checkbox > li > label:hover .lgi-checkbox-imagePlaceholder, li.lgi-form-field.lgi-form-disabled > ol.lgi-form-checkbox > li > label:active .lgi-checkbox-imagePlaceholder, li.lgi-form-field.lgi-form-disabled > ol.lgi-form-checkbox > li > label:focus .lgi-checkbox-imagePlaceholder { color: #ccc; background-position: 0 -124px; cursor: default; } li.lgi-form-field.lgi-form-error-required > ol.lgi-form-checkbox > li > label .lgi-checkbox-imagePlaceholder, li.lgi-form-field.lgi-form-error-required > ol.lgi-form-checkbox > li > label:hover .lgi-checkbox-imagePlaceholder, li.lgi-form-field.lgi-form-error-required > ol.lgi-form-checkbox > li > label:active .lgi-checkbox-imagePlaceholder, li.lgi-form-field.lgi-form-error-required > ol.lgi-form-checkbox > li > label:focus .lgi-checkbox-imagePlaceholder, li.lgi-form-field.lgi-form-error-constraint > ol.lgi-form-checkbox > li > label .lgi-checkbox-imagePlaceholder, li.lgi-form-field.lgi-form-error-constraint > ol.lgi-form-checkbox > li > label:hover .lgi-checkbox-imagePlaceholder, li.lgi-form-field.lgi-form-error-constraint > ol.lgi-form-checkbox > li > label:active .lgi-checkbox-imagePlaceholder, li.lgi-form-field.lgi-form-error-constraint > ol.lgi-form-checkbox > li > label:focus .lgi-checkbox-imagePlaceholder { background-position: 0 -154px; } li.lgi-form-field > ol.lgi-form-checkbox > li > label > input { display: none; } /* * dropdown */ li.lgi-form-field > div.lgi-form-dropdown { display: inline-block; position: relative; height: 32px; } li.lgi-form-field > div.lgi-form-dropdown > select { display: none; } li.lgi-form-field.lgi-form-width-wide > div.lgi-form-dropdown { width: 300px; } li.lgi-form-field.lgi-form-width-medium > div.lgi-form-dropdown { width: 220px; } li.lgi-form-field.lgi-form-width-narrow > div.lgi-form-dropdown { width: 140px; } li.lgi-form-field.lgi-form-width-mini > div.lgi-form-dropdown { width: 60px; } li.lgi-form-field > div.lgi-form-dropdown > span { display: block; position: absolute; left: 0; right: 0; height: 32px; background: transparent url("../media/forms/element_sprite_form_select.png") no-repeat scroll left 0; } li.lgi-form-field > div.lgi-form-dropdown > span:hover { background-position: left -64px; } li.lgi-form-field > div.lgi-form-dropdown.lgi-machine-form-dropdown_state-opened > span, li.lgi-form-field > div.lgi-form-dropdown.lgi-machine-form-dropdown_state-opened > span:hover, li.lgi-form-field > div.lgi-form-dropdown.lgi-machine-form-dropdown_state-opened > span:active, li.lgi-form-field > div.lgi-form-dropdown.lgi-machine-form-dropdown_state-opened > span:focus { background-position: left -128px; } li.lgi-form-field.lgi-form-disabled > div.lgi-form-dropdown > span, li.lgi-form-field.lgi-form-disabled > div.lgi-form-dropdown > span:hover, li.lgi-form-field.lgi-form-disabled > div.lgi-form-dropdown > span:active, li.lgi-form-field.lgi-form-disabled > div.lgi-form-dropdown > span:focus { background-position: left -192px; } li.lgi-form-field.lgi-form-error-constraint > div.lgi-form-dropdown > span, li.lgi-form-field.lgi-form-error-constraint > div.lgi-form-dropdown > span:hover, li.lgi-form-field.lgi-form-error-constraint > div.lgi-form-dropdown > span:active, li.lgi-form-field.lgi-form-error-constraint > div.lgi-form-dropdown > span:focus { background-position: left -256px; } li.lgi-form-field > div.lgi-form-dropdown > span > span { display: block; position: absolute; left: 3px; right: 0; line-height: 32px; margin-left: 3px; padding: 0 5px; background: transparent url("../media/forms/element_sprite_form_select.png") no-repeat scroll right -32px; cursor: default; white-space: nowrap; overflow: hidden; } li.lgi-form-field > div.lgi-form-dropdown > span:hover > span { background-position: right -96px; } li.lgi-form-field > div.lgi-form-dropdown.lgi-machine-form-dropdown_state-opened > span > span, li.lgi-form-field > div.lgi-form-dropdown.lgi-machine-form-dropdown_state-opened > span:hover > span, li.lgi-form-field > div.lgi-form-dropdown.lgi-machine-form-dropdown_state-opened > span:active > span, li.lgi-form-field > div.lgi-form-dropdown.lgi-machine-form-dropdown_state-opened > span:focus > span { background-position: right -160px; } li.lgi-form-field.lgi-form-disabled > div.lgi-form-dropdown > span > span, li.lgi-form-field.lgi-form-disabled > div.lgi-form-dropdown > span:hover > span, li.lgi-form-field.lgi-form-disabled > div.lgi-form-dropdown > span:active > span, li.lgi-form-field.lgi-form-disabled > div.lgi-form-dropdown > span:focus > span { background-position: left -224px; } li.lgi-form-field.lgi-form-error-constraint > div.lgi-form-dropdown > span > span, li.lgi-form-field.lgi-form-error-constraint > div.lgi-form-dropdown > span:hover > span, li.lgi-form-field.lgi-form-error-constraint > div.lgi-form-dropdown > span:active > span, li.lgi-form-field.lgi-form-error-constraint > div.lgi-form-dropdown > span:focus > span { background-position: left -288px; } li.lgi-form-field > div.lgi-form-dropdown > div { display: none; position: absolute; left: 0; right: 0; top: 29px; margin: 0; padding: 0; background: #fff; border: 1px solid #ccc; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); z-index: 8000; max-height: 208px; /* 8 x 26px */ overflow: hidden; } li.lgi-form-field > div.lgi-form-dropdown.lgi-machine-form-dropdown_state-opened > div { display: block; } li.lgi-form-field > div.lgi-form-dropdown > div > a { font-size: 7px; line-height: 18px; height: 18px; display: none; position: absolute; width: 100%; margin: 0; text-align: center; vertical-align: middle; background: #fff; z-index: 8020; } li.lgi-form-field > div.lgi-form-dropdown > div > a.lgi-form-dropdown-up { top: 0; } li.lgi-form-field > div.lgi-form-dropdown > div > a.lgi-form-dropdown-down { bottom: 0; } li.lgi-form-field > div.lgi-form-dropdown > div > a > span { display: inline-block; width: 11px; height: 7px; background: transparent url("../media/forms/element_sprite_forms_more.png") no-repeat scroll 279px 6px; } li.lgi-form-field > div.lgi-form-dropdown > div > a.lgi-form-dropdown-up > span { background-position: -279px -6px; } li.lgi-form-field > div.lgi-form-dropdown > div > a.lgi-form-dropdown-up:hover > span { background-position: -299px -6px; } li.lgi-form-field > div.lgi-form-dropdown > div > a.lgi-form-dropdown-down > span { background-position: -279px -36px; } li.lgi-form-field > div.lgi-form-dropdown > div > a.lgi-form-dropdown-down:hover > span { background-position: -299px -36px; } li.lgi-form-field > div.lgi-form-dropdown > div > ul { position: absolute; top: 0; width: 100%; list-style-type: none; margin: 0; padding: 0; z-index: 8010; } li.lgi-form-field > div.lgi-form-dropdown > div > ul > li { font-size: 14px; line-height: 26px; height: 26px; margin: 0; padding: 0 10px 0 20px; background: #fff; white-space: nowrap; overflow: hidden; cursor: default; } li.lgi-form-field > div.lgi-form-dropdown > div > ul > li.lgi-form-option-active { background: #fff url("../media/forms/ico_checkmark_gray.png") no-repeat scroll 6px 50%; } li.lgi-form-field > div.lgi-form-dropdown > div > ul > li:hover, li.lgi-form-field > div.lgi-form-dropdown > div > ul > li.lgi-form-option-active:hover { background-color: #edeff5; } /* * upload field */ li.lgi-form-field > div.lgi-form-file { display: inline-block; position: relative; height: 32px; } li.lgi-form-field > div.lgi-form-file > input[type=file] { display: none; } li.lgi-form-field.lgi-form-width-wide > div.lgi-form-file { width: 300px; } li.lgi-form-field.lgi-form-width-medium > div.lgi-form-file { width: 220px; } li.lgi-form-field.lgi-form-width-narrow > div.lgi-form-file { width: 140px; } li.lgi-form-field.lgi-form-width-mini > div.lgi-form-file { width: 60px; } li.lgi-form-field > div.lgi-form-file > span { display: inline-block; position: relative; float: left; width:55%; height:16px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; font: 99% Arial,Helvetica,sans-serif; color: #aaa; background-color: #fff; border: 1px solid #bfc0c2; border-radius: 3px 3px 3px 3px; outline: medium none; padding: 5px; vertical-align: bottom; box-shadow: none; -moz-box-shadow: none; } li.lgi-form-field.lgi-form-width-narrow > div.lgi-form-file > span{width:28%;} li.lgi-form-field > div.lgi-form-file > a { float: right; font-family: "speak_bold", Arial; font-size: 16px !important; line-height: 20px; text-transform: none; text-align: center; text-decoration: none; height: 28px; padding: 0 0 0 5px; background: transparent url("../media/buttons/button_sprite.png") no-repeat scroll left -1036px; } li.lgi-form-field > div.lgi-form-file > a > span { float: right; color:#666; height: 21px; padding: 4px 26px 3px 5px; background: transparent url("../media/buttons/button_sprite.png") no-repeat scroll right -2405px; cursor: pointer; white-space: nowrap; text-shadow: 0 -1px #ffffff; -moz-text-shadow: 0 -1px #ffffff; -webkit-text-shadow: 0 -1px #ffffff; } /* 1065 => 2405 => +340 1123 => */ li.lgi-form-field > div.lgi-form-file > a:hover { text-decoration: none; box-shadow: 0 1px 2px #dbdfe8; -moz-box-shadow: 0 1px 2px #dbdfe8; -webkit-box-shadow: 0 1px 2px #dbdfe8; background-position: left -1094px; } li.lgi-form-field > div.lgi-form-file > a:hover > span { background-position: right -2434px; } li.lgi-form-field > div.lgi-form-file > a:active, li.lgi-form-field > div.lgi-form-file > a:focus { background-position: left -1152px; text-decoration: none; } li.lgi-form-field > div.lgi-form-file > a:active > span, li.lgi-form-field > div.lgi-form-file > a:focus > span { background-position: right -2463px; text-decoration: none; } li.lgi-form-field.lgi-form-disabled > div.lgi-form-file > a, li.lgi-form-field.lgi-form-disabled > div.lgi-form-file > a:hover, li.lgi-form-field.lgi-form-disabled > div.lgi-form-file > a:active, li.lgi-form-field.lgi-form-disabled > div.lgi-form-file > a:focus { background-position: left -1210px; } li.lgi-form-field.lgi-form-disabled > div.lgi-form-file > a > span, li.lgi-form-field.lgi-form-disabled > div.lgi-form-file > a:hover > span, li.lgi-form-field.lgi-form-disabled > div.lgi-form-file > a:active > span, li.lgi-form-field.lgi-form-disabled > div.lgi-form-file > a:focus > span { color: #ccc !important; background-position: right -2405px; text-shadow: none; -moz-text-shadow: none; -webkit-text-shadow:none; } /* * date picker */ li.lgi-form-field > input[type="date"] { display: inline-block; position: relative; font: 99% Arial,Helvetica,sans-serif; color: #666; background-color: #fff; border: 1px solid #bfc0c2; border-radius: 3px 3px 3px 3px; width: 208px; height: 16px; outline: medium none; padding: 5px; vertical-align: bottom; box-shadow: none; -moz-box-shadow: none; } li.lgi-form-field.lgi-form-error-constraint > input[type="date"] { border: 1px solid #c02; } li.lgi-form-field > input[type="date"]:hover { border: 1px solid #707271; } li.lgi-form-field > input[type="date"]:active, li.lgi-form-field > input[type="date"]:focus { border: 1px solid #0ad; box-shadow: 0 1px 2px #ddd inset; -moz-box-shadow: 0 1px 2px #ddd inset; } li.lgi-form-field.lgi-form-disabled > input[type="date"] { color: #cbcbcb; background-color: #fafafa; border: 1px solid #e3e5e4; } li.lgi-form-field.lgi-form-datepicker-active > input[type="date"] { border: 1px solid #0ad; border-radius: 3px 3px 0 0; -moz-box-shadow: 0 0 2px #a8a8a8 inset; -webkit-box-shadow: 0 0 2px #a8a8a8 inset; box-shadow: 0 0 2px #a8a8a8 inset; /*background: transparent url("../media/forms/form_elements_sprite.png") no-repeat scroll -230px -252px;*/ } li.lgi-form-field.lgi-form-width-wide.lgi-form-field.lgi-form-datepicker-active > input[type="date"] { border-radius: 3px 3px 3px 0; } li.lgi-form-field > button.ui-datepicker-trigger { display: inline-block; width: 17px; height: 16px; right: 23px; top: 0; background: transparent url("../media/forms/form_elements_sprite.png") no-repeat scroll -326px -176px; text-decoration: none !important; cursor: pointer; } li.lgi-form-field > button.ui-datepicker-trigger:hover { background-position: -353px -176px; } /*firefox takes the paddign of the input into account and pushes the button down*/ @-moz-document url-prefix() { li.lgi-form-field > button.ui-datepicker-trigger{ top: -6px; } } /* The outer container of the datepicker. If the datepicker is inline, this element will additionally * have a ui-datepicker-inline class. If the isRTL option is set, this element will additionally have a * class of ui-datepicker-rtl. */ div.ui-datepicker { position: absolute; width: 208px; border: 1px solid #0ad; border-radius: 0 0 3px 3px; outline: medium none; margin: -1px 0 0 0; padding: 5px; background: #fff; text-align: center; -webkit-box-shadow: 0 5px 8px #aaa; -moz-box-shadow: 0 5px 8px #aaa; box-shadow: 0 5px 8px #aaa; } div.ui-datepicker.lgi-form-width-narrow, div.ui-datepicker.lgi-form-width-mini{ border-radius: 0 3px 3px 3px; } .ui-datepicker-inline {} .ui-datepicker-rtl {} /* The container for the datepicker's header. */ div.ui-datepicker .ui-datepicker-header { width: 100%; height: 24px; margin: 13px auto; } /* The controls used to select previous and subsequent months. */ div.ui-datepicker .ui-datepicker-prev, div.ui-datepicker .ui-datepicker-next { display: inline-block; width: 28px; height: 28px; background: transparent url("../media/forms/form_elements_sprite.png") no-repeat scroll -324px 2px; margin: 0 8px; cursor: pointer; } div.ui-datepicker .ui-datepicker-prev { float: left; background-position: -324px 2px; } div.ui-datepicker .ui-datepicker-prev:hover { background-position: -324px -32px; } div.ui-datepicker .ui-datepicker-prev:focus, div.ui-datepicker .ui-datepicker-prev:active { background-position: -324px -66px; } div.ui-datepicker .ui-datepicker-prev.ui-state-disabled { background-position: -324px -98px; } div.ui-datepicker .ui-datepicker-next { float: right; background-position: -358px 2px; } div.ui-datepicker .ui-datepicker-next:hover { background-position: -358px -32px; } div.ui-datepicker .ui-datepicker-next:focus, div.ui-datepicker .ui-datepicker-next:active { background-position: -358px -66px; } div.ui-datepicker .ui-datepicker-next.ui-state-disabled { background-position: -358px -98px; } /* The container for the datepicker's title containing the month and year. */ div.ui-datepicker .ui-datepicker-title { color: #666; line-height: 24px; text-align: center; } /* The textual display of the month or a element if the changeYear option is set. */ div.ui-datepicker .ui-datepicker-title .ui-datepicker-year {} /* The table that contains the calendar itself. */ div.ui-datepicker table.ui-datepicker-calendar { margin: 0; padding: 0; width: 100%; } div.ui-datepicker table.ui-datepicker-calendar th { width: auto; height: 22px; font-size: 14px; font-weight: bold; color: #333; } div.ui-datepicker table.ui-datepicker-calendar td { width: auto; height: 22px; font-size: 12px; color: #4a4a4a; margin: 0; padding: 1px 2px; } div.ui-datepicker table.ui-datepicker-calendar td > a { display: block; line-height: 22px; color: #4a4a4a; text-decoration: none; width: 100%; height: 100%; } div.ui-datepicker table.ui-datepicker-calendar td > a:hover { color: #fff; background: #0ad; border-radius: 3px 3px 3px 3px; outline: medium none; text-decoration: none; } /* Cells containing weekend days. */ div.ui-datepicker table.ui-datepicker-calendar .ui-datepicker-week-end {} /* Cells containing days that occur in a month other than the currently selected month. */ div.ui-datepicker table.ui-datepicker-calendar .ui-datepicker-other-month {} /* Cells containing days that are not selectable by the user. */ div.ui-datepicker table.ui-datepicker-calendar .ui-datepicker-unselectable { color: #cacaca; } /* The cell containing the selected day. */ div.ui-datepicker table.ui-datepicker-calendar .ui-datepicker-current-day { } div.ui-datepicker table.ui-datepicker-calendar .ui-datepicker-current-day > a { font-weight: bold; color: #fff; background: #0ad; border-radius: 3px 3px 3px 3px; outline: medium none; } /* The cell containing today's date. */ div.ui-datepicker table.ui-datepicker-calendar .ui-datepicker-today {} div.ui-datepicker table.ui-datepicker-calendar .ui-datepicker-today > a { font-weight: bold; color: #fff; background: #cbcbcb; border-radius: 3px 3px 3px 3px; outline: medium none; } /* The buttonpane that is used when the showButtonPanel option is set. */ div.ui-datepicker .ui-datepicker-buttonpane {} /* The button used to select today's date. */ div.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current {} /* If the numberOfMonths option is used to display multiple months at once, a number of additional classes are used: * The outermost container of a multiple month datepicker. This element can additionally have a ui-datepicker-multi-2, * ui-datepicker-multi-3, or ui-datepicker-multi-4 class name depending on the number of months to display. */ .ui-datepicker-multi {} .ui-datepicker-multi-2 {} .ui-datepicker-multi-3 {} .ui-datepicker-multi-4 {} /* Individual pickers within the group. This element will additionally have a ui-datepicker-group-first, * ui-datepicker-group-middle, or ui-datepicker-group-last class name depending on its position within the group. */ .ui-datepicker-multi .ui-datepicker-group {} .ui-datepicker-multi .ui-datepicker-group-first {} .ui-datepicker-multi .ui-datepicker-group-middle {} .ui-datepicker-multi .ui-datepicker-group-last {} /* * message boxes */ li.lgi-form-field > span.lgi-form-error-required, li.lgi-form-field > span.lgi-form-error-constraint { display: none; font-size: 12px; color: #c02; margin: 5px 0 0 220px; } li.lgi-form-field.lgi-form-error-required > span.lgi-form-error-required { display: block; } li.lgi-form-field.lgi-form-error-required > span.lgi-form-error-constraint { display: none !important; /* hide constraint message if required message is already shown */ } li.lgi-form-field.lgi-form-error-constraint > span.lgi-form-error-constraint { display: block; } /* info tooltip */ a.lgi-form-info-icon { display: block; position: absolute; width: 18px; height: 18px; right: -10px; top: 5px; background: transparent url("../media/icons/ico_info_sprite.png") no-repeat scroll left top; text-decoration: none !important; } a.lgi-form-info-icon:hover { background-position: left bottom; text-decoration: none !important; } a.lgi-form-info-icon span.lgi-form-info-tooltip { display: none; position: absolute; font-size: 12px; color: #666; background: none repeat scroll 0 0 #fff; border: 1px solid #12bae7; box-shadow: 0 0 6px #999; min-width: 150px; left: 28px; top: -5px; padding: 10px; z-index: 8800; } a.lgi-form-info-icon:hover span.lgi-form-info-tooltip { display: block; } a.lgi-form-info-icon span.lgi-form-info-tooltip span { display: block; position: absolute; width: 8px; height: 15px; left: -8px; top: 5px; background: transparent url("../media/icons/tooltip_arrow_left.png") no-repeat scroll 0 0; } span.lgi-form-validmark { display: none; position: absolute; width: 17px; height: 18px; right: -25px; top: 7px; background: transparent url("../media/icons/ico_tick_list.png") no-repeat scroll left top; } li.lgi-form-field.lgi-form-error-valid a.lgi-form-info-icon { display: none; } li.lgi-form-field.lgi-form-error-valid span.lgi-form-validmark { display: block; } /*hidden field layout in wysiwyg*/ .lgi-form-field-hidden-wysiwyg{padding:10px;margin:0 0 5px 0; color:#999 !important;font-size:11px;font-style:italic; border: 1px dashed #0AD;} .lgi-form-field-hidden-wysiwyg span{color:#07983B;} /* @color blue Blue @color white White @color red Red @color green Green @color orange Orange @color purple Purple @color darkgrey Dark Grey @color mediumgrey Medium Grey @color lightgrey Light Grey */ .blue { color:#224499; } .white{ color:#FFFFFF; } .red { color:#CC0022; } .green { color:#11AA44; } .orange { color:#FF6600; } .purple { color:#771199; } .darkgrey { color: #666666; } .mediumgrey { color: #777777; } .lightgrey { color: #999999; } /* @icon no-icon no-icon @icon nav-icon-tv tv @icon nav-icon-house house @icon nav-icon-mouse mouse @icon nav-icon-square square @icon nav-icon-phone phone @icon nav-icon-talk talk @icon nav-icon-person person */ #respNav li div { width: 21px; height: 21px; float: left; margin: /*8px 4px 0 4px;*/ 15px 12px 19px 14px; } .nav-icon-tv { background:url('../media/responsive/buttons/assets_preview.png') no-repeat -47px -46px;} .nav-icon-house { background:url('../media/responsive/buttons/assets_preview.png') no-repeat -47px -12px; } .nav-icon-mouse { background:url('../media/responsive/buttons/assets_preview.png') no-repeat -47px -84px; } .nav-icon-square { background:url('../media/responsive/buttons/assets_preview.png') no-repeat -47px -151px; } .nav-icon-phone { background:url('../media/responsive/buttons/assets_preview.png') no-repeat -47px -117px; } .nav-icon-talk { background:url('../media/responsive/buttons/assets_preview.png') no-repeat -47px -186px; } .nav-icon-person { background:url('../media/responsive/buttons/assets_preview.png') no-repeat -47px -221px; } .no-icon {} .nav-icon-tv, .nav-icon-house, .nav-icon-mouse, .nav-icon-square, .nav-icon-phone, .nav-icon-talk, .nav-icon-person { opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";} .active .nav-icon-tv, .active .nav-icon-house, .active .nav-icon-mouse, .active .nav-icon-square, .active .nav-icon-phone, .active .nav-icon-talk, .active .nav-icon-person { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} div.lgiPageMarker { position: absolute; float:left; width:auto; *width:130px; min-width:130px; top: 5px; left: 5px; padding:5px; line-height:normal; text-align:center; background: rgb(255, 255, 0);/*fall back for older browsers*/ background: rgba(255, 255, 0, 0.6); font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: rgba(0, 0, 192, 0.6); /* box-shadow: h-shadow v-shadow blur spread color inset; */ -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.4); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 99999; } div.lgiPageMarker > a { float: right; font-size: 11px; font-weight: bold; color: #c00; margin: 0; padding: 0 2px; text-decoration: none; cursor: pointer; } div.lgiPageMarker > a:hover { text-decoration: none; background: #c00; color: #fff; } div.lgiPageMarker > h1 { line-height:normal; font-size: 12px; font-weight: bold; margin: 15px 0px 10px 0; white-space: nowrap; text-align:center; } div.lgiPageMarker > p { margin: 0 5px 10px 0; text-align:center; } div.lgiPageMarker > em { display: block; margin: 0; text-align:center; } /**** Media queries ****/ /************************************************************************/ /* All Mobile Sizes (devices and browser)*/ /************************************************************************/ @media only screen and (max-width: 959px) { body{min-width:0!important; background-size:100% auto;background-position: center top;background-color:#eff2fb; } img { max-width: 100%; } .upc_container_12 .upc_grid_12,.upc_container_fullwidth { width: 100%;} #upc_masthead_nav{width:100%;min-height:42px;border-bottom:1px solid #68c6ec!important;} .upc-bgcontainer-utilities{min-height:10px;} .upc-bgcontainer-top,.upc-bgcontainer-top_nospot{position:fixed;left:0;top:0;} .upc-body-wrapper{width:96%; margin:0 2% 0 2% !important;} .upc-content-wrapper{margin: 0 auto -45px !important;} .upc-footer-push{height: 45px !important;} .upc-bgcontainer-center_nospot,.upc-bgcontainer-center{padding:0!important;} .upc-bgcontainer-center-white, .upc-bgcontainer-center-white_nospot{padding:5px 2% !important;background-image:none;border-bottom:1px solid #eee;margin:0 -2%;width:100% !important;} .upc-bgcontainer-center-black, .upc-bgcontainer-center-blacksection, .upc-bgcontainer-center-blacksection_nospot, .upc-bgcontainer-center-black_nospot{padding:0 2% !important;margin:0 -2%;width:100%;} .upc-bgcontainer-center-black-nova { margin:-52px -2% 0 -2% !important; width: 104% !important; } .upc_nav_main .upc-nav-indicator{display:none;} div.template_javascript, div.extended-tooltips-actual-container, div.overlay-actual-container{width: 100% !important;} /*lean footer, fat footer, breadcrumb*/ .upc_footer_left, .upc_footer_copyright { clear: both; display: block; float: none; text-align: center; width: 100%;} .upc-bgcontainer-breadcrumb { float: none;width:92% !important;margin:0 4%;} .upc-bgcontainer-fatfooter{display:none;} /*main navigation*/ #navPanel{display:block;} .upc-responsive{display:none;} .mobile_navigation_dropdown{display:block;} .topspot_fullwidth .pagelist .pagelist_nav{display:none} .upc_nav_main ul,.upc_nav_main li,.upc_nav_main li a{ background:none!important;border:none!important;float: left!important;clear:both!important;display:block;padding:0!important;margin:0!important;height:auto!important;left:auto!important;top:auto!important;position:static !important; } .upc_nav_main .upc-nav-indicator{display:none;} .upc-bgcontainer-mobilenavigation{position:absolute;display:block; left:0;top:0;width:42px; height:42px;background:#fff url('../media/responsive/buttons/masthead-meta-ldpi.png') no-repeat 0 0;border-right:1px solid #eee; z-index:10;} .upc-bgcontainer-mobilenavigation .mobilenavigation{display:none;color:#fff} .upc-bgcontainer-mobilenavigation .mobilenavigation li a{color:#fff; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";} .upc-bgcontainer-mobilenavigation .mobilenavigation li.active a{color:#fff; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .upc-bgcontainer-mobilenavigation .mobilenavigation ul{width:100%} .upc-bgcontainer-mobilenavigation .mobilenavigation ul li{width:100%;} .upc-bgcontainer-mobilenavigation .mobilenavigation ul li ul li{border-bottom:1px solid #3a57a3!important;width:100%;padding:0;} .upc-bgcontainer-mobilenavigation .mobilenavigation ul li ul li a{color:#bbcbdb;padding:45px !important;} .upc-bgcontainer-mobilenavigation .mobilenavigation ul li ul li a:hover{color:#fff!important;} /*service navigation*/ .upc-bgcontainer-utilities{ background-image:none; background-color:#fff;min-height:42px;} .upc-bgcontainer-service{float:right; position:absolute; right:42px;top:0;width:42px; height:42px; background:#fff url('../media/responsive/buttons/masthead-meta-ldpi.png') no-repeat -44px 2px; z-index:2;border-left:1px solid #eee;min-width:auto;} .upc-bgcontainer-service .upc_container_fullwidth{display:none;width:200px;min-width:auto;right:0;} .upc-bgcontainer-service .serviceNav{display:block; position:absolute;top:42px;right:-35px;width:200px!important;height:auto;background:#fff;border:1px solid #68c6ec;border-top:1px solid #eee;z-index:1;} .upc-bgcontainer-service .upc_container_fullwidth .pagelist_mainnav{display:block;clear:both;text-align: center;} .upc-bgcontainer-service .upc_container_fullwidth .pagelist_mainnav li{display:block;clear:both;padding:0 5px !important;border-bottom: 1px solid #EEE;} .upc_dropdown_regular ul, ul.upc_nav_opaque{background:none;position:relative;display:block;clear:both; height:auto!important;} .upc_dropdown_regular li{position:relative;display:block;clear:both;background:#fff;padding:0 5px !important;margin:0;z-index:auto;} ul.upc_nav_opaque li{position:relative;display:block;clear:both;background:#fff;padding:0 !important;margin:0;z-index:auto;} .upc_service_nav_container{display:block;clear:both;width:200px;float:none;text-align:left;min-width:auto;} .upc_utility_nav_container{display:block;clear:both;width:200px;float:none;text-align:left; min-width:auto;background-image: url('../media/responsive/bg/meta-nav-divider.png') !important;background-repeat: no-repeat; background-position: center top;} .upc_service_nav_container ul li a, .upc_utility_nav_container ul li a{padding: 5%; width: 90%; text-align: center;color:#249;font-size:14px;} .upc_service_nav_container ul li a.active, .upc_utility_nav_container ul li a.active, .upc_service_nav_container ul li a.selected, .upc_utility_nav_container ul li a.selected, .upc_service_nav_container ul li.active, .upc_utility_nav_container ul li.active{font-weight:bold !important;color:#249 !important;} .upc_service_nav_container ul li{width:100%; border-bottom: 1px solid #EEE;} .upc_list_nav_left ul, .upc_list_nav_right ul, ul.upc_nav_opaque{float:none;} .upc_list_nav_left ul li {padding:0;} .upc_service_nav_container ul li ul li:last-child, .upc_utility_nav_container ul li:last-child{border:none;} .upc_dropdown_regular ul:first-child {background:none;} .upc_dropdown_regular li {padding:0 !important;} .upc_dropdown_regular, .upc_dropdown_regular ul li, .upc_dropdown_regular ul li ul, .upc_dropdown_regular ul li ul li {display:block!important;height:auto;clear:both;position:relative;background-image:none;float:none!important;text-align:center;padding: 0;width:100%;} .upc_dropdown_regular ul li a.first {display:none;} .upc_dropdown_regular ul li a {padding: 5% !important;} .upc_nav_opaque {background: none;clear: both; display: block; height:auto; padding: 0; position: relative; width:auto;} .upc_dropdown_regular ul ul{margin:0 !important; padding:0;box-shadow:none;z-index:auto;width:100%;} .upc_dropdown_regular ul ul li a{padding: 5% !important;} .upc_dropdown_regular li li, .upc_dropdown_regular li li a {margin:0 !important; -webkit-transition:none !important; -moz-transition:none !important; -o-transition:none !important; -ms-transition:none !important; transition:none !important; } /*breadcrumb*/ .upc_nonresponsiveBreadcrumb{display:none;} .upc_responsiveBreadcrumb{display:block;} .upc_responsiveBreadcrumb a {background:url('../media/icons/divider-breadcrumb-resp.png') no-repeat left 5px;} /*accordion wrapper*/ .upc_accordion{ margin: 0 -2% !important;} .upc_accordion_wrapper{padding: 0 4%; width: 92%;} /*span.upc_accordion_title_text{width:80%;} .accstyle_A .upc_accordion_title{background-position:right 26px;} .upc_accordion .upc_accordion_title span.upc_accordion_label_opened, .upc_accordion .upc_accordion_title span.upc_accordion_label_closed { right: 35px;}*/ /*search*/ .upc_search_wrapper{float:right; width:42px; height:42px;position:fixed; right:0;top:0; background:#fff url('../media/responsive/buttons/masthead-meta-ldpi.png') no-repeat -84px 0; z-index:2;border-left:1px solid #eee;margin:0 !important;} .upc_search_wrapper .openSearch{display:block;width:100%;position:fixed;background:#fff;top:42px;left:0;right:0;z-index:1;height:48px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .upc_search{display:none;margin:0;border:1px solid #eee;padding:10px;} .upc_search input.search-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #FFFFFF; border: 1px solid #CCCCCC; -moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; -ms-border-radius:14px; -moz-box-shadow:inset 0 5px 8px 0 #eaeaea; -webkit-box-shadow:inset 0 5px 8px 0 #eaeaea; box-shadow: inset 0 5px 8px 0 #eaeaea; -ms-box-shadow:inset 0 5px 8px 0 #eaeaea; font-size: 22px; margin: 0 2px 2px 0; padding: 1px 10px; width: 100%; height:27px; } .upc_search .upc_searchbutton {float:left;position: absolute; right:10px;} .upc_logo {float:left;margin:0 0 0 42px;height:42px; width:auto !important;overflow:hidden; background:none;border-left:1px solid #eee;min-width:auto;} .upc_logo img {margin:3px 0 0 15px;height:34px;width:auto;} .utilityblock{display:block!important; clear:both!important;position:static!important;right: 0;min-height:42px!important;margin-bottom:20px;} .utilityblock ul{list-style: none;margin:0;padding:0;width:100%;display:inline-block;} .utilityblock ul li{margin:0;padding:0;width:100%;display:inline-block;} /* * Basic A-Spot */ /* basic a-spot */ .upc-basic-aspot-container { display: none !important; } .upc-basic-aspot-responsive-container { display: block !important;margin: 43px 0 0 0; } } /************************************************************************/ /* Mobile Portrait Size to small Tablet Landscape Size */ /************************************************************************/ @media only screen and (min-width: 240px) and (max-width: 768px) { /*grids*/ .upc_container_12, .upc-promo-aspot, .upc_container_fullwidth, .upc_grid_1, .upc_grid_2, .upc_grid_3, .upc_grid_4, .upc_grid_5, .upc_grid_6, .upc_grid_7, .upc_grid_8, .upc_grid_9, .upc_grid_10, .upc_grid_11, .upc_grid_12, .parsys_column, .parsys_column > div{position: relative; width:100% !important;max-width:auto !important;margin:0!important;display:block; clear:both; } .parsys_column > div{margin:0 0 10px 0;width:100% !important;display:block; clear:both;} .parsys_column > div *{max-width:100%;} } /*******************************************************************/ /*Tablet Portrait */ /*******************************************************************/ @media only screen and (min-device-width : 769px) and (max-device-width : 959px) and (orientation : portrait) { body{min-width:0!important; } img { max-width: 100%; } #upc_masthead_nav { width:100%;} .upc_search_wrapper{position:absolute;right:0;} /*grids*/ .upc_container{ width: 100%; } .upc_container_fullwidth{width:100%; } .upc_grid_1 { width:48px; } .upc_grid_2 { width:96px; } .upc_grid_3 { width:144px; } .upc_grid_4 { width:192px; } .upc_grid_5 { width:240px; } .upc_grid_6 { width:288px; } .upc_grid_7 { width:336px; } .upc_grid_8 { width:384px; } .upc_grid_9 { width:432px; } .upc_grid_10 { width:480px; } .upc_grid_11 { width:576px; } .upc_grid_12 { width:748px; } } /************************************************************************/ /* Print styles.*/ /************************************************************************/ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ /*a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; }*/ abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } div{width:auto;} .upc-parallaxaspot, .upc-aspot-container, #upc_service_nav, #upc_utility_nav, .upc_search_wrapper, .upc_nav_main, .upc_breadcrumb, .upc_nav_lang, .upc_fat_footer, #upc_footer, .upc_rte_link1 a, .upc_rte_goback12 a, .upc_rte_goback a, .upc_rte_linkmore_bold12 a, .upc_rte_linkmore_reg12 a, .upc_rte_linkmore_bold a, .upc_rte_linkmore_reg a, .upc_rte_videolinks a, .upc_rte_printlinks a, .upc_rte_pdflinks a, .upc_rte_uploadlinks a, .upc_rte_downloadlinks a, .upc_rte_backtotop a, .upc-divider-container, .upc_button, .upc_button2, .upc_button3, .upc_button4, .upc_button5, .upc_button6, .upc_button7, .upc_button8, .upc_button9, .upc_button10, .upc_button11{display:none;} .upc-group-decor-skin1, .upc-group-decor-skin2{ border:0px; -moz-box-sadow: none; -webkit-box-shadow: none; box-shadow: none; } .upc-tabs, .upc-tabs-extended, .upc-tabs-rich, .upc_accordion_pane{display:block;clear:both;} .upc-tabs > ul > li, .upc-tabs-extended > ul > li, .upc-tabs-rich > ul > li{float:none;display:block;clear:both;} .upc-tabs .upc-tabs-panel, .upc-tabs-extended .upc-tabs-panel, .upc-tabs-rich .upc-tabs-panel{float:none;display:block;clear:both;} }