/* vim: set ts=2 sw=2 sts=2 et: */ /** * Override jquery ui styles than cannot be modified by themeroller * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version 4bb2522714d05de641b450dcf0ae97372e402eb0, v9 (xcart_4_6_2), 2014-01-24 17:41:59, jquery_ui.css, aim * @link http://www.x-cart.com/ * @see ____file_see____ */ .ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button { font-family: HelveticaNeueLTStd, helvetica, arial, sans-serif; font-size: 1em; } .ui-dialog .ui-dialog-titlebar { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; background: #f2f2f2; color: #000; border: 0; border-bottom: 1px solid #e3e3e3; margin-bottom: 7px; } .ui-dialog .ui-dialog-title { font-size: 18px; font-weight: normal; margin: 4px 16px 4px 0; } .ui-dialog { -webkit-box-shadow: 0 0 0 10px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 0 10px rgba(0,0,0,0.3); box-shadow: 0 0 0 10px rgba(0,0,0,0.3); border-width: 0; padding: 7px; position: fixed!important; } .ui-dialog.ui-corner-all { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .ui-dialog.type-w .ui-dialog-titlebar { background: #fcf8e3; color: #c49f60; border-bottom-color: #f3edcf; } .ui-dialog.type-i .ui-dialog-titlebar { background: #d9edf7; color: #3a87ad; border-bottom-color: #b3d2e0; } .ui-dialog.type-e .ui-dialog-titlebar { background: #f2dede; color: #b94a48; border-bottom-color: #dbbabe; } .ui-dialog .ui-dialog-titlebar-close:focus { border: 0; outline: 0; } .ui-dialog .ui-dialog-titlebar-close { border: 0; background: none; font-weight: normal; color: #3b3b3b; } .ui-dialog .ui-dialog-titlebar-close .ui-icon { background: url(../../skin/common_files/css/../images/dialog-close.png); top: 0; left: 0; } .ui-dialog .ui-dialog-titlebar-close.ui-state-hover .ui-icon { background-position: 16px 0; } /** * Cannot use solution from http://api.jqueryui.com/theming/stacking-elements/. * Increase base z-index for jquery UI widgets like dialog */ .ui-front { z-index:10000; /* The default is 100. */ } .ui-dialog table td { padding-top: .3em; padding-bottom: .3em; } .ui-datepicker .ui-datepicker-title select { height: 1.7em; }/* * jQuery UI CSS Framework * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=40&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=ebebeb&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=b8b8b8&fcDefault=3b3b3b&iconColorDefault=4f4f4f&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=6b6b6b&fcHighlight=363636&iconColorHighlight=6489be&bgColorError=fdede8&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=f27d7d&fcError=cc1919&iconColorError=cd0a0a&bgColorOverlay=6b6b6b&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=3d3d3d&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=40&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #d2d2d2; background: #ffffff url(../../skin/common_files/lib/jqueryui/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;/* color: #222222;*/ } .ui-widget-content a {/* color: #222222; */} .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(../../skin/common_files/lib/jqueryui/images/ui-bg_highlight-soft_40_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d2d2d2; background: #ebebeb url(../../skin/common_files/lib/jqueryui/images/ui-bg_glass_100_ebebeb_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #3b3b3b; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(../../skin/common_files/lib/jqueryui/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #d2d2d2; background: #ffffff url(../../skin/common_files/lib/jqueryui/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #4f4f4f; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #6b6b6b; background: #ffffff url(../../skin/common_files/lib/jqueryui/images/ui-bg_glass_55_ffffff_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #f27d7d; background: #fdede8 url(../../skin/common_files/lib/jqueryui/images/ui-bg_glass_95_fdede8_1x400.png) 50% 50% repeat-x; color: #cc1919; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cc1919; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cc1919; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(../../skin/common_files/lib/jqueryui/images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(../../skin/common_files/lib/jqueryui/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(../../skin/common_files/lib/jqueryui/images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(../../skin/common_files/lib/jqueryui/images/ui-icons_4f4f4f_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../../skin/common_files/lib/jqueryui/images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(../../skin/common_files/lib/jqueryui/images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(../../skin/common_files/lib/jqueryui/images/ui-icons_6489be_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../../skin/common_files/lib/jqueryui/images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; } .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; } .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; } .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } .ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } .ui-corner-right { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } .ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; } .ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } /* Overlays */ .ui-widget-overlay { background: #6b6b6b url(../../skin/common_files/lib/jqueryui/images/ui-bg_flat_0_6b6b6b_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #3d3d3d url(../../skin/common_files/lib/jqueryui/images/ui-bg_flat_0_3d3d3d_40x100.png) 50% 50% repeat-x; opacity: .40;filter:Alpha(Opacity=40); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Selectable ----------------------------------*/ .ui-selectable-helper { border:1px dotted black } /* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } /* IE7-/Win - Fix extra vertical space in lists */ .ui-accordion a { zoom: 1; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; }/* Autocomplete ----------------------------------*/ .ui-autocomplete { position: absolute; cursor: default; } .ui-autocomplete-loading { background: white url(../../skin/common_files/lib/jqueryui/images/ui-anim_basic_16x16.gif) right center no-repeat; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* Menu ----------------------------------*/ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* Button ----------------------------------*/ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* Dialog ----------------------------------*/ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs ----------------------------------*/ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: 0.6em 1.6em; text-decoration: none; font-size: 14px;outline: none;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }@charset "UTF-8"; /** * Foundation for Sites by ZURB * Version 6.2.3 * foundation.zurb.com * Licensed under MIT Open Source */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: not-allowed; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. * [NOTE] We don't enable this ruleset in Foundation, because we want the
element to have plain styling. */ /* fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } */ /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } html { font-size: 100%; box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } body { padding: 0; margin: 0; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #0a0a0a; background: #fefefe; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; border-radius: 0px; } select { width: 100%; border-radius: 0px; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } button { -webkit-appearance: none; -moz-appearance: none; background: transparent; padding: 0; border: 0; border-radius: 0px; line-height: 1; } [data-whatinput='mouse'] button { outline: 0; } .is-visible { display: block !important; } .is-hidden { display: none !important; } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } p { font-size: inherit; line-height: 1.6; margin-bottom: 1rem; text-rendering: optimizeLegibility; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 80%; line-height: inherit; } h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; font-style: normal; color: inherit; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 0.5rem; line-height: 1.4; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #cacaca; line-height: 0; } h1 { font-size: 1.5rem; } h2 { font-size: 1.25rem; } h3 { font-size: 1.1875rem; } h4 { font-size: 1.125rem; } h5 { font-size: 1.0625rem; } h6 { font-size: 1rem; } @media screen and (min-width: 40em) { h1 { font-size: 3rem; } h2 { font-size: 2.5rem; } h3 { font-size: 1.9375rem; } h4 { font-size: 1.5625rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } } a { color: #0057B8; text-decoration: none; line-height: inherit; cursor: pointer; } a:hover, a:focus { color: #005fa0; } a img { border: 0; } hr { max-width: 60rem; height: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #cacaca; border-left: 0; margin: 1.25rem auto; clear: both; } ul, ol, dl { line-height: 1.6; margin-bottom: 1rem; list-style-position: outside; } li { font-size: inherit; } ul { list-style-type: disc; margin-left: 1.25rem; } ol { margin-left: 1.25rem; } ul ul, ol ul, ul ol, ol ol { margin-left: 1.25rem; margin-bottom: 0; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: 0.3rem; font-weight: bold; } blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; } blockquote, blockquote p { line-height: 1.6; color: #8a8a8a; } cite { display: block; font-size: 0.8125rem; color: #8a8a8a; } cite:before { content: '\2014 \0020'; } abbr { color: #0a0a0a; cursor: help; border-bottom: 1px dotted #0a0a0a; } code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a; background-color: #e6e6e6; border: 1px solid #cacaca; padding: 0.125rem 0.3125rem 0.0625rem; } kbd { padding: 0.125rem 0.25rem 0; margin: 0; background-color: #e6e6e6; color: #0a0a0a; font-family: Consolas, "Liberation Mono", Courier, monospace; } .subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #8a8a8a; } .lead { font-size: 125%; line-height: 1.6; } .stat { font-size: 2.5rem; line-height: 1; } p + .stat { margin-top: -1rem; } .no-bullet { margin-left: 0; list-style: none; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } @media screen and (min-width: 40em) { .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } } @media screen and (min-width: 64em) { .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } } .show-for-print { display: none !important; } @media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; } .show-for-print { display: block !important; } .hide-for-print { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } .ir a:after, a[href^='javascript:']:after, a[href^='#']:after { content: ''; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #8a8a8a; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { display: block; box-sizing: border-box; width: 100%; height: 2.4375rem; padding: 0.5rem; border: 1px solid #cacaca; margin: 0 0 1rem; font-family: inherit; font-size: 1rem; color: #0a0a0a; background-color: #fefefe; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); border-radius: 0px; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; -webkit-appearance: none; -moz-appearance: none; } [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { border: 1px solid #8a8a8a; background-color: #fefefe; outline: none; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cacaca; } input::-moz-placeholder, textarea::-moz-placeholder { color: #cacaca; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cacaca; } input::placeholder, textarea::placeholder { color: #cacaca; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; } [type='submit'], [type='button'] { border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; } input[type='search'] { box-sizing: border-box; } [type='file'], [type='checkbox'], [type='radio'] { margin: 0 0 1rem; } [type='checkbox'] + label, [type='radio'] + label { display: inline-block; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; vertical-align: baseline; } [type='checkbox'] + label[for], [type='radio'] + label[for] { cursor: pointer; } label > [type='checkbox'], label > [type='radio'] { margin-right: 0.5rem; } [type='file'] { width: 100%; } label { display: block; margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: #0a0a0a; } label.middle { margin: 0 0 1rem; padding: 0.5625rem 0; } .help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #0a0a0a; } .input-group { display: table; width: 100%; margin-bottom: 1rem; } .input-group > :first-child { border-radius: 0px 0 0 0px; } .input-group > :last-child > * { border-radius: 0 0px 0px 0; } .input-group-label, .input-group-field, .input-group-button { margin: 0; white-space: nowrap; display: table-cell; vertical-align: middle; } .input-group-label { text-align: center; padding: 0 1rem; background: #e6e6e6; color: #0a0a0a; border: 1px solid #cacaca; white-space: nowrap; width: 1%; height: 100%; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; height: 2.5rem; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; height: 100%; width: 1%; } .input-group-button a, .input-group-button input, .input-group-button button { margin: 0; } .input-group .input-group-button { display: table-cell; } fieldset { border: 0; padding: 0; margin: 0; } legend { margin-bottom: 0.5rem; max-width: 100%; } .fieldset { border: 1px solid #cacaca; padding: 1.25rem; margin: 1.125rem 0; } .fieldset legend { background: #fefefe; padding: 0 0.1875rem; margin: 0; margin-left: -0.1875rem; } select { height: 2.4375rem; padding: 0.5rem; border: 1px solid #cacaca; margin: 0 0 1rem; font-size: 1rem; font-family: inherit; line-height: normal; color: #0a0a0a; background-color: #fefefe; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; background-image: url(../../skin/common_files/lib/foundation/css/"data:image/svg+xml;utf8,"); background-size: 9px 6px; background-position: right -1rem center; background-origin: content-box; background-repeat: no-repeat; padding-right: 1.5rem; } @media screen and (min-width: 0\0) { select { background-image: url(../../skin/common_files/lib/foundation/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==); } } select:disabled { background-color: #e6e6e6; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } .is-invalid-input:not(:focus) { background-color: rgba(208, 2, 27, 0.1); border-color: #d0021b; } .is-invalid-label { color: #d0021b; } .form-error { display: none; margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: bold; color: #d0021b; } .form-error.is-visible { display: block; } .float-left { float: left !important; } .float-right { float: right !important; } .float-center { display: block; margin-left: auto; margin-right: auto; } .clearfix::before, .clearfix::after { content: ' '; display: table; } .clearfix::after { clear: both; } .hide { display: none !important; } .invisible { visibility: hidden; } @media screen and (max-width: 39.9375em) { .hide-for-small-only { display: none !important; } } @media screen and (max-width: 0em), screen and (min-width: 40em) { .show-for-small-only { display: none !important; } } @media screen and (min-width: 40em) { .hide-for-medium { display: none !important; } } @media screen and (max-width: 39.9375em) { .show-for-medium { display: none !important; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .hide-for-medium-only { display: none !important; } } @media screen and (max-width: 39.9375em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important; } } @media screen and (min-width: 64em) { .hide-for-large { display: none !important; } } @media screen and (max-width: 63.9375em) { .show-for-large { display: none !important; } } @media screen and (min-width: 64em) and (max-width: 74.9375em) { .hide-for-large-only { display: none !important; } } @media screen and (max-width: 63.9375em), screen and (min-width: 75em) { .show-for-large-only { display: none !important; } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .show-on-focus:active, .show-on-focus:focus { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .show-for-landscape, .hide-for-portrait { display: block !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } } .button span { vertical-align: middle; display: inline-block; } .button { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out, border-color 0.25s ease-out; vertical-align: middle; border: 1px solid #4768d6; border-radius: 0px; padding: 0.5em 1em; margin: 0; font-size: 0.9rem; background-color: #4768d6; color: #fff; } [data-whatinput='mouse'] .button { outline: 0; } .button:hover, .button:focus { background-color: #3f5cbd; border-color: #3f5cbd; color: #fff; } .button.tiny { font-size: 0.6rem; } .button.small { font-size: 0.75rem; } .button.large { font-size: 1.25rem; } .button.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0; } .button.primary { background-color: #4768D6; border-color: #4768D6; color: #fefefe; } .button.primary:hover, .button.primary:focus { background-color: #3f5cbd; border-color: #3f5cbd; color: #fefefe; } .button.secondary { background-color: #D64541; border-color: #D64541; color: #fefefe; } .button.secondary:hover, .button.secondary:focus { background-color: #ba3c39; border-color: #ba3c39; color: #fefefe; } .button.alert { background-color: #d0021b; color: #fefefe; } .button.alert:hover, .button.alert:focus { background-color: #a60216; color: #fefefe; } .button.success { background-color: #10be98; color: #fefefe; } .button.success:hover, .button.success:focus { background-color: #0d987a; color: #fefefe; } .button.warning { background-color: #ffae00; color: #fefefe; } .button.warning:hover, .button.warning:focus { background-color: #cc8b00; color: #fefefe; } .button.body-font { background-color: #474747; color: #fefefe; } .button.body-font:hover, .button.body-font:focus { background-color: #393939; color: #fefefe; } .button.header { background-color: #474747; color: #fefefe; } .button.header:hover, .button.header:focus { background-color: #393939; color: #fefefe; } .button.hollow { border: 1px solid #006fba; color: #006fba; } .button.hollow, .button.hollow:hover, .button.hollow:focus { background-color: transparent; } .button.hollow:hover, .button.hollow:focus { border-color: #00385d; color: #00385d; } .button.hollow.primary { border: 1px solid #006fba; color: #006fba; } .button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #00385d; color: #00385d; } .button.hollow.secondary { border: 1px solid #dd7114; color: #dd7114; } .button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #6f390a; color: #6f390a; } .button.hollow.alert { border: 1px solid #d0021b; color: #d0021b; } .button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #68010e; color: #68010e; } .button.hollow.success { border: 1px solid #10be98; color: #10be98; } .button.hollow.success:hover, .button.hollow.success:focus { border-color: #085f4c; color: #085f4c; } .button.hollow.warning { border: 1px solid #ffae00; color: #ffae00; } .button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700; } .button.hollow.body-font { border: 1px solid #474747; color: #474747; } .button.hollow.body-font:hover, .button.hollow.body-font:focus { border-color: #242424; color: #242424; } .button.hollow.header { border: 1px solid #474747; color: #474747; } .button.hollow.header:hover, .button.hollow.header:focus { border-color: #242424; color: #242424; } .button.disabled, .button[disabled] { opacity: 0.25; cursor: not-allowed; } .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #006fba; color: #fefefe; } .button.dropdown::after { content: ''; display: block; width: 0; height: 0; border: inset 0.4em; border-color: #fefefe transparent transparent; border-top-style: solid; border-bottom-width: 0; position: relative; top: 0.4em; float: right; margin-left: 1em; display: inline-block; } .button.arrow-only::after { margin-left: 0; float: none; top: -0.1em; } .close-button { position: absolute; color: #8a8a8a; right: 1rem; top: 0.5rem; font-size: 2em; line-height: 1; cursor: pointer; } [data-whatinput='mouse'] .close-button { outline: 0; } .close-button:hover, .close-button:focus { color: #0a0a0a; } .button-group { margin-bottom: 1rem; font-size: 0; } .button-group::before, .button-group::after { content: ' '; display: table; } .button-group::after { clear: both; } .button-group .button { margin: 0; margin-right: 1px; margin-bottom: 1px; font-size: 0.9rem; } .button-group .button:last-child { margin-right: 0; } .button-group.tiny .button { font-size: 0.6rem; } .button-group.small .button { font-size: 0.75rem; } .button-group.large .button { font-size: 1.25rem; } .button-group.expanded { margin-right: -1px; } .button-group.expanded::before, .button-group.expanded::after { display: none; } .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button { display: inline-block; width: calc(50% - 1px); margin-right: 1px; } .button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child { margin-right: -6px; } .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button { display: inline-block; width: calc(33.33333% - 1px); margin-right: 1px; } .button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child { margin-right: -6px; } .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button { display: inline-block; width: calc(25% - 1px); margin-right: 1px; } .button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child { margin-right: -6px; } .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button { display: inline-block; width: calc(20% - 1px); margin-right: 1px; } .button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child { margin-right: -6px; } .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button { display: inline-block; width: calc(16.66667% - 1px); margin-right: 1px; } .button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child { margin-right: -6px; } .button-group.primary .button { background-color: #006fba; color: #fefefe; } .button-group.primary .button:hover, .button-group.primary .button:focus { background-color: #005995; color: #fefefe; } .button-group.secondary .button { background-color: #dd7114; color: #fefefe; } .button-group.secondary .button:hover, .button-group.secondary .button:focus { background-color: #b15a10; color: #fefefe; } .button-group.alert .button { background-color: #d0021b; color: #fefefe; } .button-group.alert .button:hover, .button-group.alert .button:focus { background-color: #a60216; color: #fefefe; } .button-group.success .button { background-color: #10be98; color: #fefefe; } .button-group.success .button:hover, .button-group.success .button:focus { background-color: #0d987a; color: #fefefe; } .button-group.warning .button { background-color: #ffae00; color: #fefefe; } .button-group.warning .button:hover, .button-group.warning .button:focus { background-color: #cc8b00; color: #fefefe; } .button-group.body-font .button { background-color: #474747; color: #fefefe; } .button-group.body-font .button:hover, .button-group.body-font .button:focus { background-color: #393939; color: #fefefe; } .button-group.header .button { background-color: #474747; color: #fefefe; } .button-group.header .button:hover, .button-group.header .button:focus { background-color: #393939; color: #fefefe; } .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { width: 100%; } .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { margin-bottom: 0; } @media screen and (min-width: 40em) { .button-group.stacked-for-small .button { width: auto; margin-bottom: 0; } } @media screen and (min-width: 64em) { .button-group.stacked-for-medium .button { width: auto; margin-bottom: 0; } } @media screen and (max-width: 39.9375em) { .button-group.stacked-for-small.expanded { display: block; } .button-group.stacked-for-small.expanded .button { display: block; margin-right: 0; } } .slider { position: relative; height: 0.5rem; margin-top: 1.25rem; margin-bottom: 2.25rem; background-color: #e6e6e6; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; } .slider-fill { position: absolute; top: 0; left: 0; display: inline-block; max-width: 100%; height: 0.5rem; background-color: #cacaca; transition: all 0.2s ease-in-out; } .slider-fill.is-dragging { transition: all 0s linear; } .slider-handle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; z-index: 1; display: inline-block; width: 1.4rem; height: 1.4rem; background-color: #006fba; transition: all 0.2s ease-in-out; -ms-touch-action: manipulation; touch-action: manipulation; border-radius: 0px; } [data-whatinput='mouse'] .slider-handle { outline: 0; } .slider-handle:hover { background-color: #005e9e; } .slider-handle.is-dragging { transition: all 0s linear; } .slider.disabled, .slider[disabled] { opacity: 0.25; cursor: not-allowed; } .slider.vertical { display: inline-block; width: 0.5rem; height: 12.5rem; margin: 0 1.25rem; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .slider.vertical .slider-fill { top: 0; width: 0.5rem; max-height: 100%; } .slider.vertical .slider-handle { position: absolute; top: 0; left: 50%; width: 1.4rem; height: 1.4rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .switch { margin-bottom: 1rem; outline: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fefefe; font-weight: bold; font-size: 0.875rem; } .switch-input { opacity: 0; position: absolute; } .switch-paddle { background: #cacaca; cursor: pointer; display: block; position: relative; width: 4rem; height: 2rem; transition: all 0.25s ease-out; border-radius: 0px; color: inherit; font-weight: inherit; } input + .switch-paddle { margin: 0; } .switch-paddle::after { background: #fefefe; content: ''; display: block; position: absolute; height: 1.5rem; left: 0.25rem; top: 0.25rem; width: 1.5rem; transition: all 0.25s ease-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 0px; } input:checked ~ .switch-paddle { background: #006fba; } input:checked ~ .switch-paddle::after { left: 2.25rem; } [data-whatinput='mouse'] input:focus ~ .switch-paddle { outline: 0; } .switch-active, .switch-inactive { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .switch-active { left: 8%; display: none; } input:checked + label > .switch-active { display: block; } .switch-inactive { right: 15%; } input:checked + label > .switch-inactive { display: none; } .switch.tiny .switch-paddle { width: 3rem; height: 1.5rem; font-size: 0.625rem; } .switch.tiny .switch-paddle::after { width: 1rem; height: 1rem; } .switch.tiny input:checked ~ .switch-paddle::after { left: 1.75rem; } .switch.small .switch-paddle { width: 3.5rem; height: 1.75rem; font-size: 0.75rem; } .switch.small .switch-paddle::after { width: 1.25rem; height: 1.25rem; } .switch.small input:checked ~ .switch-paddle::after { left: 2rem; } .switch.large .switch-paddle { width: 5rem; height: 2.5rem; font-size: 1rem; } .switch.large .switch-paddle::after { width: 2rem; height: 2rem; } .switch.large input:checked ~ .switch-paddle::after { left: 2.75rem; } .menu { margin: 0; list-style-type: none; } .menu > li { display: table-cell; vertical-align: middle; } [data-whatinput='mouse'] .menu > li { outline: 0; } .menu > li > a { display: block; padding: 0.7rem 1rem; line-height: 1; } .menu input, .menu a, .menu button { margin-bottom: 0; } .menu > li > a img, .menu > li > a i, .menu > li > a svg { vertical-align: middle; } .menu > li > a img + span, .menu > li > a i + span, .menu > li > a svg + span { vertical-align: middle; } .menu > li > a img, .menu > li > a i, .menu > li > a svg { margin-right: 0.25rem; display: inline-block; } .menu > li { display: table-cell; } .menu.vertical > li { display: block; } @media screen and (min-width: 40em) { .menu.medium-horizontal > li { display: table-cell; } .menu.medium-vertical > li { display: block; } } @media screen and (min-width: 64em) { .menu.large-horizontal > li { display: table-cell; } .menu.large-vertical > li { display: block; } } .menu.simple li { line-height: 1; display: inline-block; margin-right: 1rem; } .menu.simple a { padding: 0; } .menu.align-right::before, .menu.align-right::after { content: ' '; display: table; } .menu.align-right::after { clear: both; } .menu.align-right > li { float: right; } .menu.expanded { width: 100%; display: table; table-layout: fixed; } .menu.expanded > li:first-child:last-child { width: 100%; } .menu.icon-top > li > a { text-align: center; } .menu.icon-top > li > a img, .menu.icon-top > li > a i, .menu.icon-top > li > a svg { display: block; margin: 0 auto 0.25rem; } .menu.nested { margin-left: 1rem; } .menu .active > a { color: #fefefe; background: #006fba; } .menu-text { font-weight: bold; color: inherit; line-height: 1; padding-top: 0; padding-bottom: 0; padding: 0.7rem 1rem; } .menu-centered { text-align: center; } .menu-centered > .menu { display: inline-block; } .no-js [data-responsive-menu] ul { display: none; } .is-drilldown { position: relative; overflow: hidden; } .is-drilldown li { display: block !important; } .is-drilldown-submenu { position: absolute; top: 0; left: 100%; z-index: -1; height: 100%; width: 100%; background: #fefefe; transition: -webkit-transform 0.15s linear; transition: transform 0.15s linear; } .is-drilldown-submenu.is-active { z-index: 1; display: block; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .is-drilldown-submenu.is-closing { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .is-drilldown-submenu-parent > a { position: relative; } .is-drilldown-submenu-parent > a::after { content: ''; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent transparent transparent #006fba; border-left-style: solid; border-right-width: 0; position: absolute; top: 50%; margin-top: -6px; right: 1rem; } .js-drilldown-back > a::before { content: ''; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent #006fba transparent transparent; border-right-style: solid; border-left-width: 0; border-left-width: 0; display: inline-block; vertical-align: middle; margin-right: 0.75rem; } .is-accordion-submenu-parent > a { position: relative; } .is-accordion-submenu-parent > a::after { content: ''; display: block; width: 0; height: 0; border: inset 6px; border-color: #006fba transparent transparent; border-top-style: solid; border-bottom-width: 0; position: absolute; top: 50%; margin-top: -4px; right: 1rem; } .is-accordion-submenu-parent[aria-expanded='true'] > a::after { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .dropdown.menu > li.opens-left > .is-dropdown-submenu { left: auto; right: 0; top: 100%; } .dropdown.menu > li.opens-right > .is-dropdown-submenu { right: auto; left: 0; top: 100%; } .dropdown.menu > li.is-dropdown-submenu-parent > a { padding-right: 1.5rem; position: relative; } .dropdown.menu > li.is-dropdown-submenu-parent > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: #006fba transparent transparent; border-top-style: solid; border-bottom-width: 0; right: 5px; margin-top: -2px; } [data-whatinput='mouse'] .dropdown.menu a { outline: 0; } .no-js .dropdown.menu ul { display: none; } .dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { left: auto; right: 100%; } .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.vertical > li > a::after { right: 14px; margin-top: -3px; } .dropdown.menu.vertical > li.opens-left > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #006fba transparent transparent; border-right-style: solid; border-left-width: 0; } .dropdown.menu.vertical > li.opens-right > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #006fba; border-left-style: solid; border-right-width: 0; } @media screen and (min-width: 40em) { .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { left: auto; right: 0; top: 100%; } .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { right: auto; left: 0; top: 100%; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { padding-right: 1.5rem; position: relative; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: #006fba transparent transparent; border-top-style: solid; border-bottom-width: 0; right: 5px; margin-top: -2px; } .dropdown.menu.medium-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { left: auto; right: 100%; } .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.medium-vertical > li > a::after { right: 14px; margin-top: -3px; } .dropdown.menu.medium-vertical > li.opens-left > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #006fba transparent transparent; border-right-style: solid; border-left-width: 0; } .dropdown.menu.medium-vertical > li.opens-right > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #006fba; border-left-style: solid; border-right-width: 0; } } @media screen and (min-width: 64em) { .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { left: auto; right: 0; top: 100%; } .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { right: auto; left: 0; top: 100%; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { padding-right: 1.5rem; position: relative; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: #006fba transparent transparent; border-top-style: solid; border-bottom-width: 0; right: 5px; margin-top: -2px; } .dropdown.menu.large-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { left: auto; right: 100%; } .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.large-vertical > li > a::after { right: 14px; margin-top: -3px; } .dropdown.menu.large-vertical > li.opens-left > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #006fba transparent transparent; border-right-style: solid; border-left-width: 0; } .dropdown.menu.large-vertical > li.opens-right > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #006fba; border-left-style: solid; border-right-width: 0; } } .dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; left: auto; right: 0; } .is-dropdown-menu.vertical { width: 100px; } .is-dropdown-menu.vertical.align-right { float: right; } .is-dropdown-submenu-parent { position: relative; } .is-dropdown-submenu-parent a::after { position: absolute; top: 50%; right: 5px; margin-top: -2px; } .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { top: 100%; left: auto; } .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { left: auto; right: 100%; } .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .is-dropdown-submenu { display: none; position: absolute; top: 0; left: 100%; min-width: 200px; z-index: 1; background: #fefefe; border: 1px solid #cacaca; } .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { right: 14px; margin-top: -3px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #006fba transparent transparent; border-right-style: solid; border-left-width: 0; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #006fba; border-left-style: solid; border-right-width: 0; } .is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px; } .is-dropdown-submenu > li { width: 100%; } .is-dropdown-submenu.js-dropdown-active { display: block; } .title-bar { background: #0a0a0a; color: #fefefe; padding: 0.5rem; } .title-bar::before, .title-bar::after { content: ' '; display: table; } .title-bar::after { clear: both; } .title-bar .menu-icon { margin-left: 0.25rem; margin-right: 0.25rem; } .title-bar-left { float: left; } .title-bar-right { float: right; text-align: right; } .title-bar-title { font-weight: bold; vertical-align: middle; display: inline-block; } .menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; width: 20px; height: 16px; } .menu-icon.dark::after { content: ''; position: absolute; display: block; width: 100%; height: 2px; background: #0a0a0a; top: 0; left: 0; box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; } .menu-icon.dark:hover::after { background: #8a8a8a; box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } .top-bar { padding: 0.5rem; } .top-bar::before, .top-bar::after { content: ' '; display: table; } .top-bar::after { clear: both; } .top-bar, .top-bar ul { background-color: #e6e6e6; } .top-bar input { max-width: 200px; margin-right: 1rem; } .top-bar .input-group-field { width: 100%; margin-right: 0; } .top-bar input.button { width: auto; } .top-bar .top-bar-left, .top-bar .top-bar-right { width: 100%; } @media screen and (min-width: 40em) { .top-bar .top-bar-left, .top-bar .top-bar-right { width: auto; } } @media screen and (max-width: 63.9375em) { .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right { width: 100%; } } @media screen and (max-width: 74.9375em) { .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right { width: 100%; } } .top-bar-title { float: left; margin-right: 1rem; } .top-bar-left { float: left; } .top-bar-right { float: right; } .breadcrumbs { list-style: none; margin: 0 0 1rem 0; } .breadcrumbs::before, .breadcrumbs::after { content: ' '; display: table; } .breadcrumbs::after { clear: both; } .breadcrumbs li { float: left; color: #0a0a0a; font-size: 0.6875rem; cursor: default; text-transform: uppercase; } .breadcrumbs li:not(:last-child)::after { color: #0a0a0a; content: "/"; margin: 0 0.75rem; position: relative; top: 1px; opacity: 1; } .breadcrumbs a { color: #006fba; } .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs .disabled { color: #cacaca; cursor: not-allowed; } .pagination { margin-left: 0; margin-bottom: 1rem; } .pagination::before, .pagination::after { content: ' '; display: table; } .pagination::after { clear: both; } .pagination li { font-size: 0.875rem; margin-right: 0.0625rem; border-radius: 0px; display: none; } .pagination li:last-child, .pagination li:first-child { display: inline-block; } @media screen and (min-width: 40em) { .pagination li { display: inline-block; } } .pagination a, .pagination button { color: #0a0a0a; display: block; padding: 0.1875rem 0.625rem; border-radius: 0px; } .pagination a:hover, .pagination button:hover { background: #e6e6e6; } .pagination .current { padding: 0.1875rem 0.625rem; background: #006fba; color: #fefefe; cursor: default; } .pagination .disabled { padding: 0.1875rem 0.625rem; color: #cacaca; cursor: not-allowed; } .pagination .disabled:hover { background: transparent; } .pagination .ellipsis::after { content: '\2026'; padding: 0.1875rem 0.625rem; color: #0a0a0a; } .pagination-previous a::before, .pagination-previous.disabled::before { content: '\00ab'; display: inline-block; margin-right: 0.5rem; } .pagination-next a::after, .pagination-next.disabled::after { content: '\00bb'; display: inline-block; margin-left: 0.5rem; } .accordion { list-style-type: none; background: #fefefe; margin-left: 0; } .accordion-item:first-child > :first-child { border-radius: 0px 0px 0 0; } .accordion-item:last-child > :last-child { border-radius: 0 0 0px 0px; } .accordion-title { display: block; padding: 1.25rem 1rem; line-height: 1; font-size: 0.75rem; color: #006fba; position: relative; border: 1px solid #e6e6e6; border-bottom: 0; } :last-child:not(.is-active) > .accordion-title { border-radius: 0 0 0px 0px; border-bottom: 1px solid #e6e6e6; } .accordion-title:hover, .accordion-title:focus { background-color: #e6e6e6; } .accordion-title::before { content: '+'; position: absolute; right: 1rem; top: 50%; margin-top: -0.5rem; } .is-active > .accordion-title::before { content: '–'; } .accordion-content { padding: 1rem; display: none; border: 1px solid #e6e6e6; border-bottom: 0; background-color: #fefefe; color: #0a0a0a; } :last-child > .accordion-content:last-child { border-bottom: 1px solid #e6e6e6; } .dropdown-pane { background-color: #fefefe; border: 1px solid #cacaca; border-radius: 0px; display: block; font-size: 1rem; padding: 1rem; position: absolute; visibility: hidden; width: 300px; z-index: 10; } .dropdown-pane.is-open { visibility: visible; } .dropdown-pane.tiny { width: 100px; } .dropdown-pane.small { width: 200px; } .dropdown-pane.large { width: 400px; } html, body { height: 100%; } .off-canvas-wrapper { width: 100%; overflow-x: hidden; position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: auto; } .off-canvas-wrapper-inner { position: relative; width: 100%; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; } .off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after { content: ' '; display: table; } .off-canvas-wrapper-inner::after { clear: both; } .off-canvas-content, .off-canvas-content { min-height: 100%; background: #fefefe; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; padding-bottom: 0.1px; box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); } .js-off-canvas-exit { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(254, 254, 254, 0.25); cursor: pointer; transition: background 0.5s ease; } .off-canvas { position: absolute; background: #e6e6e6; z-index: -1; max-height: 100%; overflow-y: auto; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } [data-whatinput='mouse'] .off-canvas { outline: 0; } .off-canvas.position-left { left: -250px; top: 0; width: 250px; } .is-open-left { -webkit-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); } .off-canvas.position-right { right: -250px; top: 0; width: 250px; } .is-open-right { -webkit-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); } @media screen and (min-width: 40em) { .position-left.reveal-for-medium { left: 0; z-index: auto; position: fixed; } .position-left.reveal-for-medium ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-medium { right: 0; z-index: auto; position: fixed; } .position-right.reveal-for-medium ~ .off-canvas-content { margin-right: 250px; } } @media screen and (min-width: 64em) { .position-left.reveal-for-large { left: 0; z-index: auto; position: fixed; } .position-left.reveal-for-large ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-large { right: 0; z-index: auto; position: fixed; } .position-right.reveal-for-large ~ .off-canvas-content { margin-right: 250px; } } .tabs { margin: 0; list-style-type: none; background: #fefefe; border: 1px solid #e6e6e6; } .tabs::before, .tabs::after { content: ' '; display: table; } .tabs::after { clear: both; } .tabs.vertical > li { width: auto; float: none; display: block; } .tabs.simple > li > a { padding: 0; } .tabs.simple > li > a:hover { background: transparent; } .tabs.primary { background: #006fba; } .tabs.primary > li > a { color: #fefefe; } .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { background: #0079ca; } .tabs-title { float: left; } .tabs-title > a { display: block; padding: 1.25rem 1.5rem; line-height: 1; font-size: 0.75rem; } .tabs-title > a:hover { background: #fefefe; } .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { background: #e6e6e6; } .tabs-content { background: #fefefe; transition: all 0.5s ease; border: 1px solid #e6e6e6; border-top: 0; } .tabs-content.vertical { border: 1px solid #e6e6e6; border-left: 0; } .tabs-panel { display: none; padding: 1rem; } .tabs-panel.is-active { display: block; } .callout { margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(10, 10, 10, 0.25); border-radius: 0px; position: relative; color: #0a0a0a; background-color: white; } .callout > :first-child { margin-top: 0; } .callout > :last-child { margin-bottom: 0; } .callout.primary { background-color: #ceebff; } .callout.secondary { background-color: #fceada; } .callout.alert { background-color: #ffd2d8; } .callout.success { background-color: #d5fbf3; } .callout.warning { background-color: #fff3d9; } .callout.body-font { background-color: #e3e3e3; } .callout.header { background-color: #e3e3e3; } .callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; } .callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; } .callout.greyed { background-color: #eeeeef; border: 0 none; border-top: 1px solid #464749; border-bottom: 1px solid #464749} .media-object { margin-bottom: 1rem; display: block; } .media-object img { max-width: none; } @media screen and (max-width: 39.9375em) { .media-object.stack-for-small .media-object-section { padding: 0; padding-bottom: 1rem; display: block; } .media-object.stack-for-small .media-object-section img { width: 100%; } } .media-object-section { display: table-cell; vertical-align: top; } .media-object-section:first-child { padding-right: 1rem; } .media-object-section:last-child:not(:nth-child(2)) { padding-left: 1rem; } .media-object-section > :last-child { margin-bottom: 0; } .media-object-section.middle { vertical-align: middle; } .media-object-section.bottom { vertical-align: bottom; } body.is-reveal-open { overflow: hidden; } html.is-reveal-open, html.is-reveal-open body { height: 100%; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .reveal-overlay { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1005; background-color: rgba(10, 10, 10, 0.45); overflow-y: scroll; } .reveal { display: none; z-index: 1006; padding: 1rem; border: 1px solid #cacaca; background-color: #fefefe; border-radius: 0px; position: relative; top: 100px; margin-left: auto; margin-right: auto; overflow-y: auto; } [data-whatinput='mouse'] .reveal { outline: 0; } @media screen and (min-width: 40em) { .reveal { min-height: 0; } } .reveal .column, .reveal .columns, .reveal .columns { min-width: 0; } .reveal > :last-child { margin-bottom: 0; } @media screen and (min-width: 40em) { .reveal { width: 600px; max-width: 60rem; } } @media screen and (min-width: 40em) { .reveal .reveal { left: auto; right: auto; margin: 0 auto; } } .reveal.collapse { padding: 0; } @media screen and (min-width: 40em) { .reveal.tiny { width: 30%; max-width: 60rem; } } @media screen and (min-width: 40em) { .reveal.small { width: 50%; max-width: 60rem; } } @media screen and (min-width: 40em) { .reveal.large { width: 90%; max-width: 60rem; } } .reveal.full { top: 0; left: 0; width: 100%; height: 100%; height: 100vh; min-height: 100vh; max-width: none; margin-left: 0; border: 0; border-radius: 0; } @media screen and (max-width: 39.9375em) { .reveal { top: 0; left: 0; width: 100%; height: 100%; height: 100vh; min-height: 100vh; max-width: none; margin-left: 0; border: 0; border-radius: 0; } } .reveal.without-overlay { position: fixed; } table { width: 100%;/* margin-bottom: 1rem; border-radius: 0px; */} table thead, table tbody, table tfoot {/* border: 1px solid #f1f1f1; background-color: #fefefe; */} table caption {/* font-weight: bold; padding: 0.5rem 0.625rem 0.625rem; */} table thead, table tfoot {/* background: #f8f8f8; color: #0a0a0a; */} table thead tr, table tfoot tr {/* background: transparent; */} table thead th, table thead td, table tfoot th, table tfoot td {/* padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; text-align: left; */} table tbody tr:nth-child(even) {/* background-color: #f1f1f1; */} table tbody th, table tbody td {/* padding: 0.5rem 0.625rem 0.625rem; */} @media screen and (max-width: 63.9375em) { table.stack thead { display: none; } table.stack tfoot { display: none; } table.stack tr, table.stack th, table.stack td { display: block; } table.stack td { border-top: 0; } } table.scroll { display: block; width: 100%; overflow-x: auto; } table.hover tr:hover { background-color: #f9f9f9; } table.hover tr:nth-of-type(even):hover { background-color: #ececec; } .table-scroll { overflow-x: auto; } .table-scroll table { width: auto; } .badge { display: inline-block; padding: 0.3em; min-width: 2.1em; font-size: 0.6rem; text-align: center; border-radius: 50%; background: #006fba; color: #fefefe; } .badge.secondary { background: #dd7114; color: #fefefe; } .badge.alert { background: #d0021b; color: #fefefe; } .badge.success { background: #10be98; color: #fefefe; } .badge.warning { background: #ffae00; color: #fefefe; } .badge.body-font { background: #474747; color: #fefefe; } .badge.header { background: #474747; color: #fefefe; } .label { display: inline-block; padding: 0.33333rem 0.5rem; font-size: 0.8rem; line-height: 1; white-space: nowrap; cursor: default; border-radius: 0px; background: #006fba; color: #fefefe; } .label.secondary { background: #dd7114; color: #fefefe; } .label.alert { background: #d0021b; color: #fefefe; } .label.success { background: #10be98; color: #fefefe; } .label.warning { background: #ffae00; color: #fefefe; } .label.body-font { background: #474747; color: #fefefe; } .label.header { background: #474747; color: #fefefe; } .progress { background-color: #cacaca; height: 1rem; margin-bottom: 1rem; border-radius: 0px; } .progress.primary .progress-meter { background-color: #006fba; } .progress.secondary .progress-meter { background-color: #dd7114; } .progress.alert .progress-meter { background-color: #d0021b; } .progress.success .progress-meter { background-color: #10be98; } .progress.warning .progress-meter { background-color: #ffae00; } .progress.body-font .progress-meter { background-color: #474747; } .progress.header .progress-meter { background-color: #474747; } .progress-meter { position: relative; display: block; width: 0%; height: 100%; background-color: #006fba; } .progress-meter-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; margin: 0; font-size: 0.75rem; font-weight: bold; color: #fefefe; white-space: nowrap; } .has-tip { border-bottom: dotted 1px #8a8a8a; font-weight: bold; position: relative; display: inline-block; cursor: help; } .tooltip { background-color: #0a0a0a; color: #fefefe; font-size: 80%; padding: 0.75rem; position: absolute; z-index: 10; top: calc(100% + 0.6495rem); max-width: 10rem !important; border-radius: 0px; } .tooltip::before { content: ''; display: block; width: 0; height: 0; border: inset 0.75rem; border-color: transparent transparent #0a0a0a; border-bottom-style: solid; border-top-width: 0; bottom: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .tooltip.top::before { content: ''; display: block; width: 0; height: 0; border: inset 0.75rem; border-color: #0a0a0a transparent transparent; border-top-style: solid; border-bottom-width: 0; top: 100%; bottom: auto; } .tooltip.left::before { content: ''; display: block; width: 0; height: 0; border: inset 0.75rem; border-color: transparent transparent transparent #0a0a0a; border-left-style: solid; border-right-width: 0; bottom: auto; left: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tooltip.right::before { content: ''; display: block; width: 0; height: 0; border: inset 0.75rem; border-color: transparent #0a0a0a transparent transparent; border-right-style: solid; border-left-width: 0; bottom: auto; left: auto; right: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .flex-video { position: relative; height: 0; padding-bottom: 75%; margin-bottom: 1rem; overflow: hidden; } .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .flex-video.widescreen { padding-bottom: 56.25%; } .flex-video.vimeo { padding-top: 0; } .orbit { position: relative; } .orbit-container { position: relative; margin: 0; overflow: hidden; list-style: none; } .orbit-slide { width: 100%; max-height: 100%; } .orbit-slide.no-motionui.is-active { top: 0; left: 0; } .orbit-figure { margin: 0; } .orbit-image { margin: 0; width: 100%; max-width: 100%; } .orbit-caption { position: absolute; bottom: 0; width: 100%; padding: 1rem; margin-bottom: 0; color: #fefefe; background-color: rgba(10, 10, 10, 0.5); } .orbit-previous, .orbit-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; padding: 1rem; color: #fefefe; } [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { outline: 0; } .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { background-color: rgba(10, 10, 10, 0.5); } .orbit-previous { left: 0; } .orbit-next { left: auto; right: 0; } .orbit-bullets { position: relative; margin-top: 0.8rem; margin-bottom: 0.8rem; text-align: center; } [data-whatinput='mouse'] .orbit-bullets { outline: 0; } .orbit-bullets button { width: 1.2rem; height: 1.2rem; margin: 0.1rem; background-color: #cacaca; border-radius: 50%; } .orbit-bullets button:hover { background-color: #8a8a8a; } .orbit-bullets button.is-active { background-color: #8a8a8a; } .thumbnail { border: solid 4px #fefefe; box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); display: inline-block; line-height: 0; max-width: 100%; transition: box-shadow 200ms ease-out; border-radius: 0px; margin-bottom: 1rem; } .thumbnail:hover, .thumbnail:focus { box-shadow: 0 0 6px 1px rgba(0, 111, 186, 0.5); } .sticky-container { position: relative; } .sticky { position: absolute; z-index: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sticky.is-stuck { position: fixed; z-index: 5; } .sticky.is-stuck.is-at-top { top: 0; } .sticky.is-stuck.is-at-bottom { bottom: 0; } .sticky.is-anchored { position: absolute; left: auto; right: auto; } .sticky.is-anchored.is-at-bottom { bottom: 0; } .row { max-width: 60rem; margin-left: auto; margin-right: auto; } .row::before, .row::after { content: ' '; display: table; } .row::after { clear: both; } .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; } .row .row { max-width: none; margin-left: -0.9375rem; margin-right: -0.9375rem; } .row .row.collapse { margin-left: 0; margin-right: 0; } .row.expanded { max-width: none; } .row.expanded .row { margin-left: auto; margin-right: auto; } .column, .columns { width: 100%; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; } .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right; } .column.end:last-child:last-child, .end.columns:last-child:last-child { float: left; } .column.row.row, .row.row.columns { float: none; } .row .column.row.row, .row .row.row.columns { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .small-1 { width: 8.33333%; } .small-push-1 { position: relative; left: 8.33333%; } .small-pull-1 { position: relative; left: -8.33333%; } .small-offset-0 { margin-left: 0%; } .small-2 { width: 16.66667%; } .small-push-2 { position: relative; left: 16.66667%; } .small-pull-2 { position: relative; left: -16.66667%; } .small-offset-1 { margin-left: 8.33333%; } .small-3 { width: 25%; } .small-push-3 { position: relative; left: 25%; } .small-pull-3 { position: relative; left: -25%; } .small-offset-2 { margin-left: 16.66667%; } .small-4 { width: 33.33333%; } .small-push-4 { position: relative; left: 33.33333%; } .small-pull-4 { position: relative; left: -33.33333%; } .small-offset-3 { margin-left: 25%; } .small-5 { width: 41.66667%; } .small-push-5 { position: relative; left: 41.66667%; } .small-pull-5 { position: relative; left: -41.66667%; } .small-offset-4 { margin-left: 33.33333%; } .small-6 { width: 50%; } .small-push-6 { position: relative; left: 50%; } .small-pull-6 { position: relative; left: -50%; } .small-offset-5 { margin-left: 41.66667%; } .small-7 { width: 58.33333%; } .small-push-7 { position: relative; left: 58.33333%; } .small-pull-7 { position: relative; left: -58.33333%; } .small-offset-6 { margin-left: 50%; } .small-8 { width: 66.66667%; } .small-push-8 { position: relative; left: 66.66667%; } .small-pull-8 { position: relative; left: -66.66667%; } .small-offset-7 { margin-left: 58.33333%; } .small-9 { width: 75%; } .small-push-9 { position: relative; left: 75%; } .small-pull-9 { position: relative; left: -75%; } .small-offset-8 { margin-left: 66.66667%; } .small-10 { width: 83.33333%; } .small-push-10 { position: relative; left: 83.33333%; } .small-pull-10 { position: relative; left: -83.33333%; } .small-offset-9 { margin-left: 75%; } .small-11 { width: 91.66667%; } .small-push-11 { position: relative; left: 91.66667%; } .small-pull-11 { position: relative; left: -91.66667%; } .small-offset-10 { margin-left: 83.33333%; } .small-12 { width: 100%; } .small-offset-11 { margin-left: 91.66667%; } .small-up-1 > .column, .small-up-1 > .columns { width: 100%; float: left; } .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { clear: none; } .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { float: left; } .small-up-2 > .column, .small-up-2 > .columns { width: 50%; float: left; } .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { clear: none; } .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { float: left; } .small-up-3 > .column, .small-up-3 > .columns { width: 33.33333%; float: left; } .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { clear: none; } .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { float: left; } .small-up-4 > .column, .small-up-4 > .columns { width: 25%; float: left; } .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { clear: none; } .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { float: left; } .small-up-5 > .column, .small-up-5 > .columns { width: 20%; float: left; } .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { clear: none; } .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { float: left; } .small-up-6 > .column, .small-up-6 > .columns { width: 16.66667%; float: left; } .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { clear: none; } .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { float: left; } .small-up-7 > .column, .small-up-7 > .columns { width: 14.28571%; float: left; } .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { clear: none; } .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { float: left; } .small-up-8 > .column, .small-up-8 > .columns { width: 12.5%; float: left; } .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { clear: none; } .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { float: left; } .small-collapse > .column, .small-collapse > .columns { padding-left: 0; padding-right: 0; } .small-collapse .row, .expanded.row .small-collapse.row { margin-left: 0; margin-right: 0; } .small-uncollapse > .column, .small-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; } .small-centered { float: none; margin-left: auto; margin-right: auto; } .small-uncentered, .small-push-0, .small-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; } @media screen and (min-width: 40em) { .medium-1 { width: 8.33333%; } .medium-push-1 { position: relative; left: 8.33333%; } .medium-pull-1 { position: relative; left: -8.33333%; } .medium-offset-0 { margin-left: 0%; } .medium-2 { width: 16.66667%; } .medium-push-2 { position: relative; left: 16.66667%; } .medium-pull-2 { position: relative; left: -16.66667%; } .medium-offset-1 { margin-left: 8.33333%; } .medium-3 { width: 25%; } .medium-push-3 { position: relative; left: 25%; } .medium-pull-3 { position: relative; left: -25%; } .medium-offset-2 { margin-left: 16.66667%; } .medium-4 { width: 33.33333%; } .medium-push-4 { position: relative; left: 33.33333%; } .medium-pull-4 { position: relative; left: -33.33333%; } .medium-offset-3 { margin-left: 25%; } .medium-5 { width: 41.66667%; } .medium-push-5 { position: relative; left: 41.66667%; } .medium-pull-5 { position: relative; left: -41.66667%; } .medium-offset-4 { margin-left: 33.33333%; } .medium-6 { width: 50%; } .medium-push-6 { position: relative; left: 50%; } .medium-pull-6 { position: relative; left: -50%; } .medium-offset-5 { margin-left: 41.66667%; } .medium-7 { width: 58.33333%; } .medium-push-7 { position: relative; left: 58.33333%; } .medium-pull-7 { position: relative; left: -58.33333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { width: 66.66667%; } .medium-push-8 { position: relative; left: 66.66667%; } .medium-pull-8 { position: relative; left: -66.66667%; } .medium-offset-7 { margin-left: 58.33333%; } .medium-9 { width: 75%; } .medium-push-9 { position: relative; left: 75%; } .medium-pull-9 { position: relative; left: -75%; } .medium-offset-8 { margin-left: 66.66667%; } .medium-10 { width: 83.33333%; } .medium-push-10 { position: relative; left: 83.33333%; } .medium-pull-10 { position: relative; left: -83.33333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { width: 91.66667%; } .medium-push-11 { position: relative; left: 91.66667%; } .medium-pull-11 { position: relative; left: -91.66667%; } .medium-offset-10 { margin-left: 83.33333%; } .medium-12 { width: 100%; } .medium-offset-11 { margin-left: 91.66667%; } .medium-up-1 > .column, .medium-up-1 > .columns { width: 100%; float: left; } .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { clear: none; } .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { float: left; } .medium-up-2 > .column, .medium-up-2 > .columns { width: 50%; float: left; } .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { clear: none; } .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { float: left; } .medium-up-3 > .column, .medium-up-3 > .columns { width: 33.33333%; float: left; } .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { clear: none; } .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { float: left; } .medium-up-4 > .column, .medium-up-4 > .columns { width: 25%; float: left; } .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { clear: none; } .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { float: left; } .medium-up-5 > .column, .medium-up-5 > .columns { width: 20%; float: left; } .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { clear: none; } .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { float: left; } .medium-up-6 > .column, .medium-up-6 > .columns { width: 16.66667%; float: left; } .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { clear: none; } .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { float: left; } .medium-up-7 > .column, .medium-up-7 > .columns { width: 14.28571%; float: left; } .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { clear: none; } .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { float: left; } .medium-up-8 > .column, .medium-up-8 > .columns { width: 12.5%; float: left; } .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { clear: none; } .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { float: left; } .medium-collapse > .column, .medium-collapse > .columns { padding-left: 0; padding-right: 0; } .medium-collapse .row, .expanded.row .medium-collapse.row { margin-left: 0; margin-right: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; } .medium-centered { float: none; margin-left: auto; margin-right: auto; } .medium-uncentered, .medium-push-0, .medium-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; } } @media screen and (min-width: 64em) { .large-1 { width: 8.33333%; } .large-push-1 { position: relative; left: 8.33333%; } .large-pull-1 { position: relative; left: -8.33333%; } .large-offset-0 { margin-left: 0%; } .large-2 { width: 16.66667%; } .large-push-2 { position: relative; left: 16.66667%; } .large-pull-2 { position: relative; left: -16.66667%; } .large-offset-1 { margin-left: 8.33333%; } .large-3 { width: 25%; } .large-push-3 { position: relative; left: 25%; } .large-pull-3 { position: relative; left: -25%; } .large-offset-2 { margin-left: 16.66667%; } .large-4 { width: 33.33333%; } .large-push-4 { position: relative; left: 33.33333%; } .large-pull-4 { position: relative; left: -33.33333%; } .large-offset-3 { margin-left: 25%; } .large-5 { width: 41.66667%; } .large-push-5 { position: relative; left: 41.66667%; } .large-pull-5 { position: relative; left: -41.66667%; } .large-offset-4 { margin-left: 33.33333%; } .large-6 { width: 50%; } .large-push-6 { position: relative; left: 50%; } .large-pull-6 { position: relative; left: -50%; } .large-offset-5 { margin-left: 41.66667%; } .large-7 { width: 58.33333%; } .large-push-7 { position: relative; left: 58.33333%; } .large-pull-7 { position: relative; left: -58.33333%; } .large-offset-6 { margin-left: 50%; } .large-8 { width: 66.66667%; } .large-push-8 { position: relative; left: 66.66667%; } .large-pull-8 { position: relative; left: -66.66667%; } .large-offset-7 { margin-left: 58.33333%; } .large-9 { width: 75%; } .large-push-9 { position: relative; left: 75%; } .large-pull-9 { position: relative; left: -75%; } .large-offset-8 { margin-left: 66.66667%; } .large-10 { width: 83.33333%; } .large-push-10 { position: relative; left: 83.33333%; } .large-pull-10 { position: relative; left: -83.33333%; } .large-offset-9 { margin-left: 75%; } .large-11 { width: 91.66667%; } .large-push-11 { position: relative; left: 91.66667%; } .large-pull-11 { position: relative; left: -91.66667%; } .large-offset-10 { margin-left: 83.33333%; } .large-12 { width: 100%; } .large-offset-11 { margin-left: 91.66667%; } .large-up-1 > .column, .large-up-1 > .columns { width: 100%; float: left; } .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { clear: none; } .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { float: left; } .large-up-2 > .column, .large-up-2 > .columns { width: 50%; float: left; } .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { clear: none; } .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { float: left; } .large-up-3 > .column, .large-up-3 > .columns { width: 33.33333%; float: left; } .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { clear: none; } .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { float: left; } .large-up-4 > .column, .large-up-4 > .columns { width: 25%; float: left; } .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { clear: none; } .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { float: left; } .large-up-5 > .column, .large-up-5 > .columns { width: 20%; float: left; } .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { clear: none; } .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { float: left; } .large-up-6 > .column, .large-up-6 > .columns { width: 16.66667%; float: left; } .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { clear: none; } .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { float: left; } .large-up-7 > .column, .large-up-7 > .columns { width: 14.28571%; float: left; } .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { clear: none; } .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { float: left; } .large-up-8 > .column, .large-up-8 > .columns { width: 12.5%; float: left; } .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { clear: none; } .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { float: left; } .large-collapse > .column, .large-collapse > .columns { padding-left: 0; padding-right: 0; } .large-collapse .row, .expanded.row .large-collapse.row { margin-left: 0; margin-right: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; } .large-centered { float: none; margin-left: auto; margin-right: auto; } .large-uncentered, .large-push-0, .large-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; } } .menu-icon { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; width: 20px; height: 16px; } .menu-icon::after { content: ''; position: absolute; display: block; width: 100%; height: 2px; background: #fefefe; top: 0; left: 0; box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; } .menu-icon:hover::after { background: #cacaca; box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; } .menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; width: 20px; height: 16px; } .menu-icon.dark::after { content: ''; position: absolute; display: block; width: 100%; height: 2px; background: #0a0a0a; top: 0; left: 0; box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; } .menu-icon.dark:hover::after { background: #8a8a8a; box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } .slide-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-down.mui-enter.mui-enter-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slide-in-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-left.mui-enter.mui-enter-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .slide-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-up.mui-enter.mui-enter-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slide-in-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-right.mui-enter.mui-enter-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .slide-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-down.mui-leave.mui-leave-active { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .slide-out-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-right.mui-leave.mui-leave-active { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .slide-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-up.mui-leave.mui-leave-active { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .slide-out-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-left.mui-leave.mui-leave-active { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .fade-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; opacity: 0; transition-property: opacity; } .fade-in.mui-enter.mui-enter-active { opacity: 1; } .fade-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; opacity: 1; transition-property: opacity; } .fade-out.mui-leave.mui-leave-active { opacity: 0; } .hinge-in-from-top.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-top.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-right.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-bottom.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(90deg); transform: perspective(2000px) rotateX(90deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-bottom.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-left.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-x.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-x.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-y.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-y.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-out-from-top.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-top.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-right.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .hinge-out-from-bottom.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-bottom.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(90deg); transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-left.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); opacity: 0; } .hinge-out-from-middle-x.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-x.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-middle-y.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-y.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .scale-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .scale-in-up.mui-enter.mui-enter-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .scale-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .scale-in-down.mui-enter.mui-enter-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .scale-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .scale-out-up.mui-leave.mui-leave-active { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); opacity: 0; } .scale-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .scale-out-down.mui-leave.mui-leave-active { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0; } .spin-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: rotate(-0.75turn); -ms-transform: rotate(-0.75turn); transform: rotate(-0.75turn); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .spin-in.mui-enter.mui-enter-active { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } .spin-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .spin-out.mui-leave.mui-leave-active { -webkit-transform: rotate(0.75turn); -ms-transform: rotate(0.75turn); transform: rotate(0.75turn); opacity: 0; } .spin-in-ccw.mui-enter { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: rotate(0.75turn); -ms-transform: rotate(0.75turn); transform: rotate(0.75turn); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 0; } .spin-in-ccw.mui-enter.mui-enter-active { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } .spin-out-ccw.mui-leave { transition-duration: 500ms; transition-timing-function: linear; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; opacity: 1; } .spin-out-ccw.mui-leave.mui-leave-active { -webkit-transform: rotate(-0.75turn); -ms-transform: rotate(-0.75turn); transform: rotate(-0.75turn); opacity: 0; } .slow { transition-duration: 750ms !important; } .fast { transition-duration: 250ms !important; } .linear { transition-timing-function: linear !important; } .ease { transition-timing-function: ease !important; } .ease-in { transition-timing-function: ease-in !important; } .ease-out { transition-timing-function: ease-out !important; } .ease-in-out { transition-timing-function: ease-in-out !important; } .bounce-in { transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { transition-delay: 300ms !important; } .long-delay { transition-delay: 700ms !important; } .shake { -webkit-animation-name: shake-7; animation-name: shake-7; } @-webkit-keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { -webkit-transform: translateX(7%); transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { -webkit-transform: translateX(-7%); transform: translateX(-7%); } } @keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { -webkit-transform: translateX(7%); transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { -webkit-transform: translateX(-7%); transform: translateX(-7%); } } .spin-cw { -webkit-animation-name: spin-cw-1turn; animation-name: spin-cw-1turn; } @-webkit-keyframes spin-cw-1turn { 0% { -webkit-transform: rotate(-1turn); transform: rotate(-1turn); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes spin-cw-1turn { 0% { -webkit-transform: rotate(-1turn); transform: rotate(-1turn); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .spin-ccw { -webkit-animation-name: spin-cw-1turn; animation-name: spin-cw-1turn; } @keyframes spin-cw-1turn { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .wiggle { -webkit-animation-name: wiggle-7deg; animation-name: wiggle-7deg; } @-webkit-keyframes wiggle-7deg { 40%, 50%, 60% { -webkit-transform: rotate(7deg); transform: rotate(7deg); } 35%, 45%, 55%, 65% { -webkit-transform: rotate(-7deg); transform: rotate(-7deg); } 0%, 30%, 70%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes wiggle-7deg { 40%, 50%, 60% { -webkit-transform: rotate(7deg); transform: rotate(7deg); } 35%, 45%, 55%, 65% { -webkit-transform: rotate(-7deg); transform: rotate(-7deg); } 0%, 30%, 70%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .shake, .spin-cw, .spin-ccw, .wiggle { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .slow { -webkit-animation-duration: 750ms !important; animation-duration: 750ms !important; } .fast { -webkit-animation-duration: 250ms !important; animation-duration: 250ms !important; } .linear { -webkit-animation-timing-function: linear !important; animation-timing-function: linear !important; } .ease { -webkit-animation-timing-function: ease !important; animation-timing-function: ease !important; } .ease-in { -webkit-animation-timing-function: ease-in !important; animation-timing-function: ease-in !important; } .ease-out { -webkit-animation-timing-function: ease-out !important; animation-timing-function: ease-out !important; } .ease-in-out { -webkit-animation-timing-function: ease-in-out !important; animation-timing-function: ease-in-out !important; } .bounce-in { -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { -webkit-animation-delay: 300ms !important; animation-delay: 300ms !important; } .long-delay { -webkit-animation-delay: 700ms !important; animation-delay: 700ms !important; } @font-face { font-family: 'icomoon'; src: url(../../skin/common_files/css/../fonts/icomoon.eot?bgf4vy); src: url(../../skin/common_files/css/../fonts/icomoon.eot?bgf4vy#iefix) format('embedded-opentype'), url(../../skin/common_files/css/../fonts/icomoon.ttf?bgf4vy) format('truetype'), url(../../skin/common_files/css/../fonts/icomoon.woff?bgf4vy) format('woff'), url(../../skin/common_files/css/../fonts/icomoon.svg?bgf4vy#icomoon) format('svg'); font-weight: normal; font-style: normal; } [class^="icon-font-"], [class*=" icon-font-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-font-chevron-right:before { content: "\f054"; } .icon-font-close:before { content: "\e900"; } .icon-font-home:before { content: "\e901"; } .icon-font-search:before { content: "\e902"; } .icon-font-book:before { content: "\e903"; } .icon-font-hat:before { content: "\e904"; } .icon-font-cart:before { content: "\e905"; } .icon-font-user:before { content: "\f007"; } .icon-font-bars:before { content: "\f0c9"; }@font-face { font-family: 'Korolev'; src: url(../../skin/common_files/css/../fonts/Korolev/device_-_korolev_light-webfont.woff2) format('woff2'), url(../../skin/common_files/css/../fonts/Korolev/device_-_korolev_light-webfont.woff) format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Korolev'; src: url(../../skin/common_files/css/../fonts/Korolev/device_-_korolev_medium-webfont.woff2) format('woff2'), url(../../skin/common_files/css/../fonts/Korolev/device_-_korolev_medium-webfont.woff) format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Korolev'; src: url(../../skin/common_files/css/../fonts/Korolev/device_-_korolev_bold-webfont.woff2) format('woff2'), url(../../skin/common_files/css/../fonts/Korolev/device_-_korolev_bold-webfont.woff) format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Korolev'; src: url(../../skin/common_files/css/../fonts/Korolev/device_-_korolev_heavy-webfont.woff2) format('woff2'), url(../../skin/common_files/css/../fonts/Korolev/device_-_korolev_heavy-webfont.woff) format('woff'); font-weight: 900; font-style: normal; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * General CSS stylesheet for storefront pages * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.56.2.1 2010/08/16 07:16:11 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /** * General tags styles */ html, body { /*height: 100%;*/ background-color: #fff; margin: 0; padding: 0; min-width: 320px; border: 0 none; } body { background: #f5f5f5 none; } /* 100% body height fix */ html { height: 100%; } body { height: auto !important; height: 100%; min-height: 100%; } body, input, select, textarea, button { font-family: 'Korolev', tahoma, arial, helvetica, sans-serif; color: #464749; font-size: 14px; } a:link, a:visited, a:hover, a:active { text-decoration: underline; transition: color .1s, border-color .1s, background-color .1s; color: #0057B8; } a:hover { color: #014da2; text-decoration: none; transition: color .2s, border-color .2s, background-color .2s; } h1, h2, h3, h5 { margin: 17px 0; padding: 0; color: #363636; font-family: 'Korolev', tahoma, arial, helvetica, sans-serif; font-weight: normal; } h1 { font-size: 26px; } h2 { font-size: 22px; } h3 { font-size: 18px; } h5 { font-size: 16px; font-weight: bold; } h4 { margin: 17px 0; padding: 10px 0 10px 15px; font-size: 16px; font-weight: bold; background-color: #f6e9ef; } hr { border: 0 none; border-bottom: 1px solid #888; margin: 20px 0 10px; padding: 0; height: 0; } .static-page-container .dialog-static-page ul, .static-page-container .dialog-static-page ol, .subcategory-descr ul, .subcategory-descr ol, .descr ul, .descr ol { line-height: 1.4em; padding-left: 10px; list-style: none outside none; } .static-page-container .dialog-static-page ul li:before, .subcategory-descr ul li:before, .descr ul li:before { content: ''; display: inline-block; width: 9px; height: 9px; border-radius: 9px; background: #006fba none; margin: 0 11px 0 0; } /** * Service styles */ .blue { color: #0057B8; fill: #0057B8; } /** * float-box finisher */ .clearing { height: 0; font-size: 0; clear: both; } /** * vertical align (center) */ .valign-middle { vertical-align: middle; height: 100%; } .valign-middle-adv-lvl1 { height: 100%; display: table; } .valign-middle-adv-lvl2 { display: table-cell; vertical-align: middle; } .valign-middle-adv-lvl3 { } /** * horizontal align */ .halign-center-noscript, .halign-center { display: table; margin: 0 auto; text-align: center; } .center { text-align: center; } .right-box { width: 100%; text-align: right; } .float-right { float: right; clear: right; } .float-left { float: left; clear: left; } img.float-right { margin: 15px 0 10px 15px; } img.float-left { margin: 15px 15px 10px 0px; } p img.float-right:first-child, p img.float-left:first-child { margin-top: 0; } /** * text block container */ .text-block { margin-bottom: 15px; } .text-pre-block { margin-top: 15px; } /** * no-wrap */ .nowrap { white-space: nowrap; } /** * width:100% emulator */ .width-100 { width: 100%; } /** * page break */ .page-break { height: 0; line-height: 0; margin: 0; padding: 0; page-break-after: always; } /** * pointer cursor */ .pointer { cursor: pointer; } /** * overflow wrapper */ .overflow { position: relative; margin-right: 20px; padding-bottom: 20px; overflow: auto; } /* display: none */ .hidden { display: none; } label { vertical-align: bottom; line-height: 1.3em } label input { margin: 0; vertical-align: middle; } label.input-block { vertical-align: middle; line-height: 21px; } label.input-block input, label.input-block select { vertical-align: middle; } label.input-row, .input-row label { float: left; padding-right: 20px; } .plain-box { display: block; padding-bottom: 15px; } .plain-box .label-title { display: block; } .default-value { color: #aaa; } .underline { text-decoration: underline; } .dotted { text-decoration: none !important; border-bottom: 1px dotted #888; } .toggle-link { background: transparent url(../../skin/common_files/css/../images/arrow_down.png) no-repeat right 8px; padding-right: 15px; } .cursor-hover:hover { border: solid 1px #1a478f !important; } ul.inline { margin: 0; padding: 0; list-style: none; } ul.inline li { margin: 0; padding: 0; display: inline; } /** * Form elements styles */ input[type=text], input[type=password], select, textarea, .input-style { border: solid 1px #bbb; padding: 2px 5px; background: #fff; margin: 0; } input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { border: solid 1px #999; } /** * Common styles */ .error-message { color: #b51a00; } select.err, input.err, textarea.err { border: solid 1px #b51a00; background-color: #f7f3f3; } div.error-message { margin: 0 0 15px; } .form-text { color: #112536; font-weight: bold; } .black-text { color: #000; } a.list-item:link, .list-item a:link { color: #0057B8; text-decoration: none; } a.list-item:visited, .list-item a:visited { color: #0057B8; text-decoration: none; } a.list-item:hover, .list-item a:hover { color: #014da2; text-decoration: underline; } a.list-item:active, .list-item a:active { color: #0057B8; text-decoration: none; } tr.head-row th { background: #eeeeef none; font-weight: bold; } tr.highlight td, tr.highlight th, li.highlight { } tr.center-row th { text-align: center; } div.ajax-popup-error-message { padding: 0 5px; margin: 10px 0; display: none; } div.ajax-popup-error-message span { float: left; margin: 0 10px 0 3px; } /** * Currency */ .currency { white-space: nowrap; } input.datepicker-formatted { border: solid 1px #bbb; margin-right: 5px; } input.datepicker-formatted[disabled] { background: #fff; color: #bbb; } /** * zipcode */ input.zipcode { width: 100px; } input.zip4 { width: 60px; } /** * password validation */ span.validate-mark { margin: 0; padding: 0; vertical-align: middle; } span.validate-mark img { width: 15px; height: 15px; margin-left: 3px; } span.validate-matched img { background: transparent url(../../skin/common_files/css/../images/icon_ok.png) no-repeat left top; } span.validate-non-matched img { background: transparent url(../../skin/common_files/css/../images/icon_nok.png) no-repeat left top; } /*============================================================================== layout styles ==============================================================================*/ /** * page container */ #page-container { min-height: 100%; position: relative; margin: 0px auto; } /** * page layout */ #content-container { clear: both; position: relative; padding-top: 15px; padding-bottom: 0; /*178px;*/ margin-top: 0; /* 228px; */ background-color: #ffffff; } #content-container2 { } #center { padding-left: 5px; padding-right: 30px; } .home-page #center { padding-left: 25px; padding-right: 25px; } #left-bar { padding: 0 35px; } #right-bar { } #center-main { min-height: 300px; } #topbar { height: 42px; background-color: #363636; width: 100%; position: relative; z-index: 10000; } #header { width: 100%; } #footer { } /** * Right-to-left */ .rtl { direction: rtl; } /** * header styles */ #topbar .account-links { float: right; margin-top: 10px; } #topbar, #topbar .currency, #topbar a { color: #ffffff; } #topbar .account-links li { margin: 0 15px 0 0; } #topbar .bar-tabs { float: left; } #topbar ul.speed-bar-menu > li > a { text-decoration: none; color: #ffffff; padding: 5px .5em; line-height: 2em; font-size: 16px; min-height: 42px; display: block; text-decoration: none; font-weight:400; position: relative; transition: color .2s; } #topbar ul.speed-bar-menu > li > a:hover { text-decoration: underline; } #header .search { position: relative; } #header .search:after { content: ''; position: absolute; display: block; width: 3px; height:100%; top:0; bottom:0; right: 55px; background-color: #363636; } #header .search input[type="text"] { height: 51px; border: 4px solid #363636; border-radius: 0px; padding: 6px 55px 6px 12px; margin: 0; font-size: 14px; display: block; color: #a7a8ab; transition: color .2s, border-color .2s, font-size .2s; position: relative; } #header .search input[type="text"]:focus { box-shadow: none; border-color: #000; color: #000; } #header .search input[type="text"]::-webkit-input-placeholder { font-style: normal; font-size: 14px; color: #a7a8ab; } #header .search input.text:-moz-placeholder { font-style: normal; font-size: 14px; opacity: 1; } #header .search input.text::-moz-placeholder { font-style: normal; font-size: 14px; opacity: 1; } #header .search input.text:-ms-input-placeholder { font-size: 14px; font-style: italic; } #header .search .search-icon-button { position: absolute; right: 0; top:0; width: 55px; height:100%; font-size: 25px; color: #363636; transition: color .3s, transform .3s; } #header .search .search-icon-button:hover { color: #000; transform: scale(1.3); } #header .search button.simple-button img { margin-left: 0; } #header .advanced-search { font-size: 12px; line-height: 20px; text-decoration: none; display: block; position: absolute; right:11px; bottom: -24px; text-transform: capitalize; color: #fff; } #header .advanced-search:hover { text-decoration: underline; } #header .line1 { position: relative; min-height: 110px; background: #00aead; } #header .line1 .logo-column { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; align-items: center; justify-content: flex-start; height: 110px; } #header .line1 .logo-column a.logo { outline: none; } #header .line1 a.logo svg { margin: -6px 0 0 4px; } /* #header .line1 a.logo svg path { transition: fill 1.5s; } #header .line1 a.logo svg path:hover { transition: fill .0s; fill: #1bcfc9; } */ #header .line1 .header-learning-resources { margin: 0 2em; } #header .line1 .announcement { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; align-items: center; justify-content: flex-end; height: 110px; } #header .announcement .search { width:100%; } #header .head-callout { margin: 0; display: inline-block; font-weight: 500; line-height: 23px; font-size:13px; max-width: 220px; } #header .head-callout_text { background: #363636; font-weight: 500; line-height: 23px; font-size:14px; display: inline; color: #fff; box-shadow: 0 0 0 5px #363636; outline: 2px solid #363636; } #header .head-callout_text p { display: inline; margin: 0; padding: 0; font-size: inherit; line-height: inherit; } #header .header-learning-resources { font-size: 16px; line-height: 2em; font-weight:300; color: #fff; position: relative; overflow: visible; display: block; padding: 0 .5em; background: #363636; text-align: center; transition: background-color .5s, color .5s; } #header .header-learning-resources:after { content: ''; display: block; background: #363636; right: -.8em; bottom: -.8em; width: 0.8em; height: .8em; position: absolute; margin: 0px 1px 1px 0; transition: background-color .5s, color .5s, right .5s, bottom .5s; } /** * phones line */ #header .phones { position: absolute; right: 110px; top: 35px; height: 42px; vertical-align: middle; line-height: 42px; text-align: right; white-space: nowrap; } #header .phones span { padding-left: 15px; } /** * header line 2 */ #header .line2 { background-color: #1bcfc9; } #header .line2 > .row { position: relative; max-width:1110px; } #header .line2 .holder { background-color: transparent; background-image: url(../../skin/common_files/css/../images/custom/front-page-vetres-model.jpg); background-repeat: no-repeat; background-position: left bottom; min-height: 455px; position: relative; z-index: 10; text-align: center; } #header .line2 .graphics { background: #00aead; z-index: 1; position: absolute; display: block; right:0; top:0; width: 245px; height: 360px; } #header .line2 .graphics:after { background: #00aead; content: ''; display: block; position: absolute; width: 45px; height: 42px; right:100%; top:100%; } #header .line2 .graphics .inner { background: #00aead; position: absolute; display: block; width:112px; height:260px; right:100%; top:0; } #header .line2 .graphics .inner:after { right:100%; top:0; background: #00aead; content: ''; display: block; position: absolute; width:90px; height:170px; } #header .line2 .header-learning-resources { font-size: 26px; margin: 52px auto 37px; display: inline-block; transform: translateX(-25px); } #header .line2 .search { width: 57%; margin: 0 auto 33px; } #header .line2 .search input[type="text"] { height: 57px; } #header .line2 .search .search-icon-button { font-size: 27px; } #header .languages { position: absolute; top: 7px; right: 20px; text-align: right; vertical-align: middle; } #header .languages-row, #header .languages-flags { top: 9px; } #header .languages-flags a, #header .languages-flags strong { padding-left: 5px; padding-right: 5px; } #header .languages label { line-height: 21px; vertical-align: middle; font-size: 12px; } #header .languages select { margin-left: 5px; } #topbar .languages { float: right; margin-right: 30px; margin-top: 10px; } /** * header line 3 */ #header .line3 { position: relative; background: #363636; min-height: 148px; } #header .header-dialog { margin: 0 20% 0 29%; } .header-dialog { margin:0; padding: 0 0 11px 0; text-align: left; } .header-dialog .title-bar { background: transparent none; padding: 0 0 2px 0; margin:0; line-height: 14px; } .header-dialog .title-bar h2 { margin:0; line-height: 14px; color: #454648; font-size: 12px; font-weight: 500; text-align: left; } .header-dialog .content { padding:0; margin:0; } .header-dialog .content ul { list-style: none inside none; margin: 0 -3px; padding:0; display: block; font-size: 0; } .header-dialog .content ul li { display: inline-block; padding: 0; margin: 3px 5px 0; font-size: 14px; } .header-dialog .content ul li a { display:block; font-size: 14px; line-height: 17px; padding: 6px 7px; border-width:1px; border-style: solid; border-color: transparent transparent #000 transparent; color: #000; background: transparent none; text-decoration: none; } .header-dialog .content ul li a:hover { border-color: #000; background: #363636; color: #fff; } .staff-bookshops.sections { margin-bottom:0; max-width: 47em; } .staff-bookshops h2 { font-size: 22px; font-weight: 400; color: #fff; line-height: 30px; margin: 0 0 5px 0; } .staff-bookshops .staff-bookshops_section { overflow: hidden; padding-top: 23px; padding-bottom: 23px; padding-right: 30px; } .staff-bookshops .staff-bookshops_section a { color: #fff; text-decoration: underline; outline: none !important; } .staff-bookshops .staff-bookshops_section a:hover { color: #00d3ce; } .staff-bookshops .staff-bookshops_section .icon { float: left; } .staff-bookshops .staff-bookshops_section .text { margin-left: 75px; color: #fff; font-size: 14px; line-height: 16px; } .printable-bar a { background: transparent url(../../skin/common_files/css/../images/printer.gif) no-repeat right top; padding: 2px 20px 2px 0; font-size: 11px; line-height: 16px; text-decoration: none; } div.printable-bar { float: right; margin-top: 10px; text-align: right; } .top-mobile-menu.menu > li > a { text-decoration: none; height: 42px; width: 40px; text-align: center; font-size: 18px; padding: 12px 0; } .top-mobile-menu.dropdown.menu > li.is-active > a { background-color: #006fba; } .top-mobile-menu.dropdown.menu > li.is-dropdown-submenu-parent > a { padding-right: 0; } .top-mobile-menu.dropdown.menu > li.is-dropdown-submenu-parent > a::after { content: none; display: none; } .top-mobile-menu.dropdown.menu > li ul { position: absolute; } .top-mobile-menu.dropdown.menu > li .is-dropdown-submenu { margin: 0; top: 42px; left: 0; background-color: #006fba; border-color: #006fba; color: #fff; list-style: none inside none; } .top-mobile-menu .is-dropdown-submenu > li > a { padding: 8px 10px; text-decoration: none; display: block; } .top-mobile-menu .is-dropdown-submenu > li > a:hover { background-color: #474747; } .top-mobile-menu .is-dropdown-submenu > li > span { padding: 8px; font-weight: 500; } #search-box { position: fixed; left: 0; top: 42px; width: 100%; margin: 0; } #search-box .search { width: 90%; margin: 10px auto; position: relative; } /** * footer styles */ #footer .box { width: 100%; border: 0 none; padding: 2em 0; background-color: #363636; position: relative; } #footer .row { padding-left: 2em; padding-right: 2em; } #footer .subbox { color: #ffffff; } #footer .subbox .menus { display: table; } #footer .subbox ul { display: table-cell; margin: 0; padding: 0 5em 0 0; list-style: none; } #footer .subbox ul:last-child { padding-right: 1em; } #footer .subbox ul li { padding: .25em 0; /*white-space: nowrap;*/ max-width: 250px; } #footer .subbox a { color: #ffffff; text-decoration: none; } #footer .subbox a:hover { text-decoration: underline; color: #00d3ce; } #footer .subbox .columns { padding: 0; } #footer .box2 { width: 100%; min-height: 44px; background: #fff none; text-align: center; } #footer .box2 .row > div { min-height: 44px; line-height: 16px; padding: 1em 0; } #footer .box2 a { color: #464749; text-decoration: none; } #footer .box2 a:hover { color: #006fba; text-decoration: underline; } .uo-box { padding-top: 1em; } /*============================================================================== widgets ==============================================================================*/ /** * location bar */ #location { font-family: Arial; margin-left: 0; margin-right: 0; } font.bread-crumb { font-size: 11px; } a.bread-crumb { font-size: 11px; text-decoration: underline; } a.bread-crumb:hover { text-decoration: none; } font.last-bread-crumb { text-decoration: none; } #location .breadcrumbs { padding-left: 25px; } .breadcrumbs li { float: none; display: inline; text-transform: none; line-height: 1.1em; } .breadcrumbs .home-crumb { display: inline-block; margin-left: -25px; width: 25px; text-align: left; } .breadcrumbs .home-link { font-size: 26px; text-decoration: none !important; position: relative; bottom: -7px; } .breadcrumbs li:not(:last-child)::after { content: '>>'; margin: 0 3px; } .breadcrumbs li:first-child::after { content: none; } .breadcrumbs li:first-child + li::before { content: '>>'; } /** * Dialog message container */ #dialog-message { margin: 0; padding: 0; position: fixed; left: 50%; margin-left: -150px; top: 50px; width: 300px; z-index: 10001; } #dialog-message .box { position: relative; border: 1px solid #000; border-top: 3px solid #000; padding: 10px 25px 10px 59px; vertical-align: middle; text-align: left; min-height: 32px; } #dialog-message a.close-link { display: block; position: absolute; top: 5px; right: 5px; width: 13px; height: 13px; text-decoration: none; } #dialog-message .close-img { width: 13px; height: 13px; background: transparent url(../../skin/common_files/css/../images/but_cross.gif) no-repeat left top; } #dialog-message .message-i { color: #112536; border-color: #7a97c1; background: #f4f5f7 url(../../skin/common_files/css/../images/icon_info.gif) no-repeat 10px 10px; } #dialog-message .message-w { color: #3e3104; border-color: #c3902f; background: #f8f7f3 url(../../skin/common_files/css/../images/icon_warning.gif) no-repeat 10px 10px; } #dialog-message .message-e { color: #590a0a; border-color: #d30000; background: #f7f3f3 url(../../skin/common_files/css/../images/icon_error.gif) no-repeat 10px 10px; } #dialog-message .anchor { position: relative; margin-left: auto; margin-right: 0; height: 15px; text-align: right; vertical-align: middle; } #dialog-message .anchor img { width: 12px; height: 10px; vertical-align: middle; background: transparent url(../../skin/common_files/css/../images/goto_arr.gif) no-repeat left top; } .dialogtr { color: #1a2b3c; } /** * Form fill error */ .fill-error label { color: #ce0000; } .fill-error input[type=text], .fill-error input[type=password], .fill-error select, .fill-error textarea { border: solid 1px #ce0000; background-color: #ffebeb; } div.error-label { color: #ce0000; font-size: 9px !important; display: none; } .fill-error div.error-label { display: block; } /** * Inline message */ .inline-message { height: 16px; line-height: 16px; vertical-align: middle; padding: 1px 1px 15px; margin: 0; } .inline-message img.icon-w { vertical-align: top; width: 18px; height: 18px; background: transparent url(../../skin/common_files/css/../images/icon_warning_small.gif) no-repeat; } .cart-message { padding: 5px 5px 5px 35px; text-align: left; min-height: 20px; color: #4f6280; font-size: 10px; margin-top: 10px; margin-bottom: 10px; } .cart-message-w { background: #efefef 5px 5px url(../../skin/common_files/css/../images/icon_warning_small.gif) no-repeat; } .cart-message div.close-link { float: right; width: 25px; height: 13px; text-align: right; cursor: pointer; background: transparent url(../../skin/common_files/css/../images/but_cross.gif) no-repeat right top; } /** * side bar container */ .menu-dialog { margin-bottom: 15px; } .menu-dialog.menu-special { margin-bottom: 0px !important; } .menu-dialog .title-bar { width: 100%; border: 0 none; background: transparent none; overflow: hidden; padding: 0; margin-top: 15px; } .menu-dialog .title-bar img.icon { vertical-align: middle; margin: 4px 7px 6px; width: 17px; height: 17px; } .menu-dialog .title-bar h2 { font-size: 18px; font-weight: 600; line-height: 34px; margin: 0; width: auto; display: inline; white-space: nowrap; color: #1d988a; } .menu-dialog .link-title span.title-link { float: right; padding: 8px 7px 8px 0; } .menu-dialog .link-title a.title-link { text-decoration: none; outline-style: none; } .menu-dialog .link-title .title-link img { width: 7px; height: 11px; background: transparent url(../../skin/common_files/css/../images/menu_arrow.gif) no-repeat left center; } .menu-dialog .content { border: 0; background-color: #fff; overflow: hidden; } .menu-dialog ul { list-style: none; padding: 0; margin: 0; } .menu-dialog ul li { padding: 0; vertical-align: middle; } .menu-dialog .item { } .menu-dialog ul li a { text-decoration: none; display: block; line-height: 1; padding: 8px 0; color: #464749; border-bottom: 1px solid #d9d9d6; transition: color .2s, border-color .2s, background-color .2s, transform .2s, padding .2s; } .menu-dialog ul li a:hover { text-decoration: none; color: #0057B8; border-bottom-color: #0057B8; padding-left: 3px; transition: color .2s, border-color .2s, background-color .2s, transform .2s, padding .2s; } .menu-dialog hr { background-color: #999; } .menu-dialog .login-text ul li { padding: 1px 0; } /** * Dialog container */ .dialog { padding: 0; margin: 0 0 43px; page-break-inside: avoid; } .dialog .title { position: relative; border: 0 none; vertical-align: middle; min-height: 1.2em; line-height: 1.2em; margin: 0; padding: 0 0 0 0px; text-align: left; overflow: hidden; } .dialog .title h2 { margin: 0; padding: 0; font-size: 24px; overflow: hidden; white-space: nowrap; color: #000; } .dialog .content { border: 0 none; background: transparent none; text-align: left; padding: 20px 0px 0px; } .list-dialog .title h2 { width: 60%; } .list-dialog .title div.sort-box { min-height: 30px; position: absolute; top: 0; right: 0; /* width: 50%;*/ overflow: hidden; } .list-dialog .title div.sort-box .search-sort-bar { padding: 0; margin: 7px 0; } .list-dialog .title div.sort-box .search-sort-title, .list-dialog .title div.sort-box .search-sort-cell { padding-right: 10px; } /** * Dialog with "noborder" class parameter */ .noborder { border: 0 none; } .noborder .content { padding: 0; } /********************************** * Buttons **********************************/ /** * button-based * button.button { border: 0 none; background-color: transparent; cursor: pointer; height: 28px; margin: 0; padding: 1px; vertical-align: top; overflow: visible; outline-style: none; } button.button .button-right { display: block; background: transparent url(../../skin/common_files/css/../images/but_right.png) no-repeat right top; padding: 0 10px 0 0; height: 26px; } button.button .button-left { display: block; margin: 0; background: transparent url(../../skin/common_files/css/../images/but_left.png) no-repeat left top; padding: 0 2px 0 12px; vertical-align: middle; white-space: nowrap; color: #ffffff; font-weight: bold; font-size: 15px; height: 27px; line-height: 26px; } */ /** * div-based * div.button { border: 0 none; background: transparent none; cursor: pointer; margin: 0; padding: 0 10px 0 0; white-space: nowrap; background: transparent url(../../skin/common_files/css/../images/but_right.png) no-repeat right top; float: left; } div.button div, div.button a { display: block; background: transparent url(../../skin/common_files/css/../images/but_left.png) no-repeat left top; padding: 0 2px 0 12px; line-height: 26px; white-space: nowrap; color: #ffffff; font-weight: bold; font-size: 15px; text-decoration: none; outline-style: none; } */ /** * button-based link * button.simple-button { border: 0 none; background-color: transparent; cursor: pointer; height: 15px; margin: 3px 0 0; padding: 0; white-space: nowrap; color: #043fa0; font-size: 11px; font-weight: bold; line-height: 15px; vertical-align: middle; outline-style: none; } button.simple-button span { text-decoration: underline; } button.simple-button img { display: none; } */ /** * a-based link */ a.simple-button { white-space: nowrap; margin: 0; padding: 0; line-height: 26px; vertical-align: bottom; outline-style: none; } a.simple-button:hover { } /** * input-image-based */ input.image-button { margin: 0; padding: 0; margin-bottom: 2px; border: 0 none; width: 18px; height: 18px; background: transparent url(../../skin/common_files/css/../images/go.gif) no-repeat 50% 50%; vertical-align: middle; } /** * a-image-based */ a.image-button { text-decoration: none; } a.image-button img { margin: 0; padding: 0; margin-bottom: 2px; border: 0 none; width: 19px; height: 18px; background: transparent url(../../skin/common_files/css/../images/go.gif) no-repeat left top; vertical-align: middle; } /********************************* * Buttons alternative styles *********************************/ /** * Highlighted button */ /* button.main-button .button-right { background: transparent url(../../skin/common_files/css/../images/but_main_right.png) no-repeat right top; } button.main-button .button-left { background: transparent url(../../skin/common_files/css/../images/but_main_left.png) no-repeat left top; color: #510000; } div.main-button { background: transparent url(../../skin/common_files/css/../images/but_main_right.png) no-repeat right top; } div.main-button div, div.main-button a { background: transparent url(../../skin/common_files/css/../images/but_main_left.png) no-repeat left top; color: #510000; } button.add-to-cart-button .button-left { background: transparent url(../../skin/common_files/css/../images/but_cart_left.png) no-repeat left top; padding-left: 33px; } div.add-to-cart-button div, div.add-to-cart-button a { background: transparent url(../../skin/common_files/css/../images/but_cart_left.png) no-repeat left top; padding-left: 33px; } button.simple-main-button, a.simple-main-button { color: #ff0000; } */ /** * Light button * button.light-button { height: 23px; } button.light-button .button-right { background: transparent url(../../skin/common_files/css/../images/but_light_right.gif) no-repeat right top; height: 21px; } button.light-button .button-left { background: transparent url(../../skin/common_files/css/../images/but_light_left.gif) no-repeat left top; height: 22px; line-height: 21px; font-size: 12px; } div.light-button { padding: 0 5px 0 0; background: transparent url(../../skin/common_files/css/../images/but_light_right.gif) no-repeat right top; } div.light-button div, div.light-button a { background: transparent url(../../skin/common_files/css/../images/but_light_left.gif) no-repeat left top; padding: 0 5px 0 11px; font-size: 12px; line-height: 21px; } */ .button a { color: #fff; text-decoration: none; } .add-to-cart-button { height: 34px; padding: 0 10px; font-size: 18px; font-weight: 500; line-height: 32px; border-radius: 0; white-space: nowrap; } .add-to-cart-button .icon-font-cart { font-size: 1.3em; line-height: 32px; vertical-align: middle; } .wl-add-to-cart-button.add-to-cart-button { height: auto; padding: 0.5em 1em; font-size: 0.9rem; line-height: 1; font-weight: 400; } .wl-add-to-cart-button.add-to-cart-button .icon-font-cart { font-size: 1.1rem; line-height: 0.8rem; } /** * Delete cart item button */ a.simple-delete-button { color: #ff0000; background: transparent url(../../skin/common_files/css/../images/custom/cross-small.png) no-repeat left 50%; padding-left: 20px; } /** * Delete button w/o icon */ a.simple-delete-button-woicon { color: #ff0000; } /** * Add to list... button */ div.drop-out-button { padding: 0 23px 0 0; background: transparent url(../../skin/common_files/css/../images/but_right_dropout.png) no-repeat right top; } div.drop-out-button div, div.drop-out-button a { background: transparent url(../../skin/common_files/css/../images/but_left.png) no-repeat left top; padding-right: 10px; } div.dropout-container { position: absolute; padding: 0; margin: 0; border: 0 none; } div.dropout-wrapper { float: left; position: relative; z-index: 1; margin: 0; } div.dropout-box { border: solid 1px #adb6c6; background-color: #fff; padding: 5px 0; margin-top: 26px; position: absolute; display: none; } div.dropout-wrapper ul { margin: 0; padding: 0; } div.dropout-wrapper ul li { list-style-position: outside; list-style-type: none; padding: 5px 15px; float: left; } div.dropout-wrapper ul li .button { float: left; position: relative; } div.dropout-wrapper .button { float: none; position: absolute; margin-right: 0; margin-top: 2px; } /** * Menu button * button.menu-button { height: 22px; } button.menu-button .button-right { background: transparent url(../../skin/common_files/css/../images/but_menu_right.png) no-repeat right top; padding-right: 7px; height: 20px; } button.menu-button .button-left { background: transparent url(../../skin/common_files/css/../images/but_menu_left.png) no-repeat left top; height: 20px; padding: 0 1px 0 8px; color: #deedf7; font-size: 10px; height: 21px; line-height: 20px; } div.menu-button { background: transparent url(../../skin/common_files/css/../images/but_menu_right.png) no-repeat right top; padding-right: 7px; } div.menu-button div, div.menu-button a { background: transparent url(../../skin/common_files/css/../images/but_menu_left.png) no-repeat left top; padding: 0 1px 0 8px; line-height: 20px; color: #deedf7 !important; font-size: 10px; } */ /** * Add2Cart AJAX-based */ button.do-add2cart-wait, button.do-add2cart-success, button.do-add2cart-error { cursor: default; min-width: 100px; } button.do-add2cart-wait .button-right, button.do-add2cart-success .button-right, button.do-add2cart-error .button-right { } button.do-add2cart-wait .button-left, button.do-add2cart-success .button-left, button.do-add2cart-error .button-left { } button.do-add2cart-wait .button-left .progress { display: block; background: transparent url(../../skin/common_files/css/../images/progress.gif) repeat-x left 50%; margin: 0; } /** * button(s) containers */ .button-row, .button-row-right { margin-top: 20px; padding: 0; min-height: 23px; line-height: 23px; } .buttons-row .button, .buttons-row button.simple-button, .buttons-row a.simple-button { float: left; } .buttons-row-right .button, .buttons-row-right button.simple-button, .buttons-row-right a.simple-button, .button-row-right .button, .button-row-right button.simple-button, .button-row-right a.simple-button { float: right; } .buttons-row-right-box { float: right; } .buttons-row-right, .buttons-row { margin: 14px 0 0; min-height: 28px; } .buttons-row .button-separator { float: left; width: 20px; min-height: 30px; } .buttons-row-right .button-separator { float: right; width: 30px; height: 15px; } table tr td.buttons-row, table tr td.button-row, table tr td.buttons-row-right, table tr td.button-row-right { margin: 0; padding-top: 15px; } .buttons-auto-separator .button, .buttons-auto-separator button.simple-button, .buttons-auto-separator a.simple-button { margin-right: 15px; } .button-up { position: relative; margin-top: -23px; width: 30%; } /** * popup help link */ a.popup-link { text-decoration: none; } a.popup-link img { vertical-align: bottom; width: 20px; height: 18px; background: transparent url(../../skin/common_files/css/../images/question_button.gif) no-repeat left top; margin-bottom: 1px; } /** * cart page */ .shipping-method a { font-weight: bold; font-size: 11px; text-decoration: underline; } .shipping-method a:hover { text-decoration: none; } .shipping-method label { display: block; vertical-align: middle; } .shipping-warning { color: #3c6992; text-decoration: none; font-size: 9px; font-family: arial, verdana, helvetica, sans-serif; } .estimator-container { width: 80%; float: right; text-align: right; } .estimator-container .button-row { margin-top: 0px; } /** * Gift wrapping */ .giftwrapping-cart { text-align: left; padding: 10px 0; } .giftwrap-option { padding: 5px 0 5px 5px; } .giftwrap-message-label { padding: 5px 0; } .giftwrap-message-text textarea { width: 300px; height: 80px; } .giftwrap-cart-note { margin-left: 15px; color: #b51800; } .invoice-total-name span { font-weight: normal; } .cart-total-row .total-name a { font-weight: normal; } .invoice-giftwrap-notes { padding-top: 30px; } .invoice-giftwrap-notes p { font-size: 14px; font-weight: bold; text-align: center; } .invoice-giftwrap-notes div { border: 1px solid #cecfce; height: 50px; overflow: hidden; padding: 5px; } .dialog-coupon { padding: 10px; margin-bottom: 20px; float: left; } .coupon-table { width: auto; } .coupon-table td { padding: 5px; } .coupon-table td.data-name { font-weight: bold; } .coupon-table td input[type="text"] { max-width: 200px; } .coupon-button { border-color: #006fba; background: #fff none; color: #006fba; } .coupon-button:hover { background-color: #006fba; color: #fff; } /** * Images preview */ .images-preview-bg { background: transparent url(../../skin/common_files/css/../images/grey.png) repeat left top; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 3000; } .images-preview { position: absolute; top: 50px; right: 50px; bottom: 50px; left: 50px; background: #fff none; border: 5px solid #e3e3e3; overflow: hidden; min-width: 700px; min-height: 500px; z-index: 4000; } .images-preview .wait { position: absolute; top: 30px; right: 0; bottom: 30px; left: 0; background: #fff url(../../skin/common_files/css/../images/loading.gif) no-repeat center center; z-index: 1500; } .images-preview a.close { position: absolute; top: 9px; right: 11px; background: transparent url(../../skin/common_files/css/../images/close_images_preview.gif) no-repeat left center; padding-left: 12px; padding-bottom: 2px; font-size: 11px; color: #4e4e4e; text-decoration: none; outline-style: none; text-transform: lowercase; } .images-preview .list-box { margin: 50px 50px 0; padding: 0; text-align: center; position: relative; border: 1px solid #fff; } .images-preview a.arrow { position: absolute; display: block; width: 13px; height: 13px; outline-style: none; cursor: pointer; } .images-preview a.hidden { display: none; } .images-preview a.left { left: 0; background: transparent url(../../skin/common_files/css/../images/arrow_left.gif) no-repeat left center; } .images-preview a.right { right: 0; background: transparent url(../../skin/common_files/css/../images/arrow_right.gif) no-repeat right center; } .images-preview a.left-disabled { background: transparent url(../../skin/common_files/css/../images/arrow_left_disabled.gif) no-repeat left center; cursor: auto; } .images-preview a.right-disabled { background: transparent url(../../skin/common_files/css/../images/arrow_right_disabled.gif) no-repeat 6px center; cursor: auto; } .images-preview div.list-subbox { margin: 0; padding: 0; overflow: hidden; position: relative; text-align: center; } .images-preview ul { list-style: none; margin: 0; padding: 0; text-align: center; vertical-align: middle; position: absolute; } .images-preview ul li { display: block; padding: 0; margin: 0 12px; border: 1px solid #fff; background: transparent none; text-align: center; vertical-align: middle; float: left; cursor: pointer; } .images-preview ul li.over, .images-preview ul li:hover { border: 1px solid #ccc; } .images-preview ul li.selected { border: 1px solid #215485; } .images-preview ul li img { display: inline; text-align: center; vertical-align: middle; } .images-preview ul li.loading { background-image: url(../../skin/common_files/css/../images/loading.gif); background-repeat: no-repeat; background-position: center center; } .images-preview ul li.loading img { display: none; } .images-preview .box { position: relative; margin: 50px; vertical-align: middle; text-align: center; background: transparent none; } .images-preview .box.loading { background-image: url(../../skin/common_files/css/../images/loading.gif); background-repeat: no-repeat; background-position: center center; } .images-preview .box img { cursor: pointer; vertical-align: middle; text-align: center; } /** * Data table */ .data-table td { padding: 4px 1px; line-height: 21px; vertical-align: top; } .data-table.light-table td { line-height: 16px; padding: 3px; } .data-table td.data-name { vertical-align: middle; color: #112536; padding-right: 5px; } .data-table .fill-error td.data-name { vertical-align: top; } .data-table td.data-required, td.data-required { color: #ff0000; } .data-table td.data-required { padding-right: 4px; text-align: center; width: 5px; } .data-table .error-message { color: #ff0000; vertical-align: middle; } .data-table div.error-message { margin: 0; } .data-table tr.head-row th { padding-left: 5px; padding-right: 5px; } .data-table tr th.data-checkbox-column { width: 10px; } .data-table tr .data-right-column { text-align: right; } .data-table tr .data-width-100 { width: 100%; } .data-table tr td.data-name label { vertical-align: top; } span.star { padding-left: 5px; color: #ff0000; } /** * Search sort bar */ .search-sort-bar { vertical-align: middle; line-height: 20px; min-height: 16px; padding-right: 20px; margin: 7px 0; text-align: right; } .search-sort-title { padding-right: 20px; } .search-sort-cell { padding-right: 20px; } a.search-sort-link { text-decoration: underline; } .search-sort-bar img, .search-sort-bar-float img { width: 9px; height: 9px; margin-right: 5px; } .search-sort-bar a.up-direction { font-weight: bold; padding-left: 14px; background: transparent url(../../skin/common_files/css/../images/uarrow.gif) no-repeat left 3px; } .search-sort-bar a.down-direction { font-weight: bold; padding-left: 14px; background: transparent url(../../skin/common_files/css/../images/darrow.gif) no-repeat left 3px; } /** * Expandable section */ .expand-section { height: 16px; margin: 20px 0; vertical-align: middle; line-height: 16px; } .expand-section img { width: 11px; height: 11px; vertical-align: middle; margin: 2px 5px 3px 0; } .expand-section img.plus { background: transparent url(../../skin/common_files/css/../images/plus.gif) no-repeat left top; } .expand-section img.minus { background: transparent url(../../skin/common_files/css/../images/minus.gif) no-repeat left top; } .expand-section a { font-weight: bold; text-decoration: underline; } /** * Pagination mechanism */ .nav-pages { white-space: nowrap; vertical-align: bottom; padding: 0; margin: 0; } .nav-pages-title { padding-right: 10px; vertical-align: middle; } .nav-pages img { vertical-align: bottom; width: 15px; height: 15px; } .nav-pages a { text-align: center; text-decoration: underline; display: inline-block; vertical-align: middle; } .nav-pages .left-arrow img { background: transparent url(../../skin/common_files/css/../images/navigation_arrow_left.gif) no-repeat left top; } .nav-pages .right-arrow img { background: transparent url(../../skin/common_files/css/../images/navigation_arrow_right.gif) no-repeat left top; } .nav-pages .current-page { text-align: center; font-weight: bold; vertical-align: middle; } .nav-pages .right-delimiter { padding-right: 12px; } /** * Subheader styles */ h3 { /* margin: 0 0 10px; color: #b51a00; font-weight: bold; font-size: 12px; padding: 0; border: 0 none; border-bottom: 1px solid #9d1500; */ } h3.grey { color: #666; font-size: 11px; border-bottom: 1px solid #ccc; } h3.black { color: #010101; font-size: 12px; font-weight: bold; border-bottom: 1px solid #000; } h3.red { border-bottom: 1px solid #acb7c7; } h3.separator { margin-top: 30px; } /** * Table head cell */ .img-down-direction { width: 7px; height: 6px; vertical-align: middle; background: transparent url(../../skin/common_files/css/../images/r_bottom.gif) no-repeat left top; margin-right: 3px; } .img-up-direction { width: 7px; height: 6px; vertical-align: middle; background: transparent url(../../skin/common_files/css/../images/r_top.gif) no-repeat left top; margin-right: 3px; } /** * NoScript warning */ .noscript-warning { position: absolute; top: 10px; padding: 10px; left: 25%; right: 25%; margin: 0; overflow: hidden; border: 5px solid #ddd; background: #fff none; } .noscript-warning .content { background: transparent url(../../skin/common_files/css/../images/icon_warning.gif) no-repeat left top; font-weight: bold; padding-left: 37px; min-height: 32px; line-height: 16px; } /** * Webmaster mode */ .lbl { display: inline !important; color: green !important; font-weight: 700 !important; width: auto !important; margin: 0 !important; padding: 0 !important; } .section { margin: 0 !important; padding: 0 !important; width: auto !important; } /** * BlockUI plugin (screen overlay) */ .blockMsg { padding: 0; margin: 0; min-width: 200px; top: 40%; text-align: center; color: #000; border: 3px solid #aaa; background-color: #fff; cursor: wait; } .blockUI span.waiting { padding: 3px; background: #fbfbfb url(../../skin/common_files/css/../images/loading.gif) no-repeat; color: #617683; display: inline-block; font-size: 18px; margin: 8px 5px; padding: 5px 0 5px 45px; } .ui-dialog .blockOverlay { background: #fff !important; opacity: 1 !important; filter:Alpha(Opacity=100); } .ui-dialog .blockMsg { border: 0 none !important; } .ui-widget { font-family: 'Korolev', tahoma, arial, helvetica, sans-serif; } .ui-dialog .ui-dialog-title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 98%; } /*============================================================================== Side-bar styles ==============================================================================*/ /** * categories list */ .menu-categories-list img.icon { background: transparent url(../../skin/common_files/css/../images/dingbats_categorie.gif) no-repeat left top; } .menu-categories-list ul li a { font-size: 14px; } /** * Special menu */ .menu-special img.icon { background-image: url(../../skin/common_files/css/../images/dingbats_categorie.gif); } /** * Help menu */ .menu-help img.icon { background-image: url(../../skin/common_files/css/../images/dingbats_help.gif); } /** * Minicart */ .menu-minicart .title-bar { background-image: url(../../skin/common_files/css/../images/menu_bg_light.gif); } .menu-minicart .title-bar h2 { color: #2c3e49; } .menu-minicart img.icon { background: url(../../skin/common_files/css/../images/dingbats_orders.gif) no-repeat; } .full-mini-cart .title-bar img.icon { background: transparent url(../../skin/common_files/css/../images/cart_full.gif) no-repeat left top; width: 18px; height: 13px; } div.minicart { /* color: #112536; font-size: 10px; */ } div.minicart img { width: 19px; height: 16px; } div.minicart .empty b { line-height: 18px; } div.minicart table { margin: 0 0 0 1px; } div.minicart table tr td { /* color: #112536; font-size: 10px; padding: 1px; */ } hr.minicart { clear: both; margin: 5px 0; padding: 0; height: 0; } /** * AJAX-based minicart */ .ajax-minicart .title-bar { position: relative; overflow: visible; } #content-container .ajax-minicart img.minicart-button { background: transparent url(../../skin/common_files/css/../images/cart_button.gif) no-repeat left top; width: 38px; height: 21px; cursor: pointer; position: relative; overflow: hidden; margin-top: 2px; margin-bottom: 4px; z-index: 100; } #content-container .ajax-minicart img.minicart-button-show { background-position: left -21px; } .minicart-box { display: none; position: absolute; left: auto; right: 0; top: 23px; width: 300px; padding: 24px; white-space: normal; z-index: 2500; font-weight: normal; } .minicart-box .progress { background: transparent url(../../skin/common_files/css/../images/progress.gif) repeat-x left top; height: 11px; } .minicart-box hr { margin-left: 5px; display: none; } .minicart-box ul { margin: 0; padding: 0; list-style: none; } .minicart-box ul.cart-items li { margin-bottom: 24px; } .minicart-box ul li { position: relative; margin: 0; overflow: hidden; white-space: normal; line-height: normal; } .minicart-box ul li a.delete { padding-left: 10px; } .minicart-box ul li a.delete img { background: transparent url(../../skin/common_files/css/../images/custom/cross-small.png) no-repeat left top; width: 15px; height: 15px; } .minicart-box ul li a { white-space: normal !important; text-decoration: none; } .minicart-box .price-row { margin-top: 4px; } .minicart-box .price-row .price, .minicart-box .price-row .currency, .minicart-box .price-row .currency .sm, .minicart-box .price-row .total { font-size: 14px; font-weight: 400; } .minicart-box input.quantity { width: 35px; height: 25px; display: inline-block; } .minicart-box .buttons-row { margin-top: 5px; margin-left: 5px; height: 30px; } .minicart-box .buttons-row .light-button div, .minicart-box .buttons-row .light-button a, .minicart-box .buttons-row .light-button .button-left { font-size: 10px; font-weight: normal; } .minicart-box li.checkout-popup-link { overflow: visible; padding-left: 0; padding-top: 2px; padding-bottom: 2px; } .minicart-box .checkout-popup-link a.link:link, .minicart-box .checkout-popup-link a.link:visited, .minicart-box .checkout-popup-link a.link:hover, .minicart-box .checkout-popup-link a.link:active { text-decoration: none; } .minicart-box .checkout-popup-link a.link { border: 1px solid #fff; outline-style: none; z-index: 1000; padding: 4px 0 4px 5px; position: relative; outline-style: none; } .minicart-box .checkout-popup-link a.show { border-top: 1px solid #99a4ad; border-left: 1px solid #99a4ad; border-right: 1px solid #99a4ad; border-bottom: 1px solid #fff; padding-right: 5px; } .minicart-box .checkout-popup-link .link span { border-bottom: 1px dashed #043fa0; cursor: pointer; } .minicart-box .checkout-popup-link a.link img { background: transparent url(../../skin/common_files/css/../images/checkout_arrow.gif) no-repeat right top; width: 9px; height: 7px; cursor: pointer; } .minicart-box .checkout-popup-link div.buttons-box { position: absolute; border: 1px solid #99a4ad; background: #fff none; left: 0; top: 19px; display: none; padding: 10px; } .minicart-box .minicart-checkout-button { background: transparent url(../../skin/common_files/css/../images/but_flc_arrow_right.png) no-repeat right top; padding-right: 31px; } .minicart-box .minicart-checkout-button a:link, .minicart-box .minicart-checkout-button a:hover, .minicart-box .minicart-checkout-button a:visited, .minicart-box .minicart-checkout-button a:active { background: transparent url(../../skin/common_files/css/../images/but_flc_main_left.png) no-repeat; line-height: 29px; color: #510000; font-weight: bold; font-size: 11px; text-decoration: none; float: left; } .minicart-box .gcheckout-cart-buttons a img { width: inherit; height: inherit; background: transparent none; } .minicart-box .paypal-cart-button, .minicart-box .paypal-cart-button p, .minicart-box .gcheckout-cart-buttons, .minicart-box .gcheckout-cart-buttons p { text-align: left; } .minicart-box .paypal-cart-button div, .minicart-box .gcheckout-cart-buttons div { text-align: left; margin: 0; } iframe.minicart-bg { position: absolute; display: none; width: 250px; border: 0 none; background: #fff none; } iframe.minicart-checkout-bg { position: absolute; display: none; border: 0 none; background: #fff none; } .help-link { border-bottom: 1px dashed #000; cursor: help; text-decoration: none !important; } div.minicart .alt-layout { display: none; color: #ffffff; font-family: Arial; font-size: 12px; } #topbar .menu-minicart { float: right; padding: 0 11px; position: relative; } #topbar .menu-minicart.minicart-opened { background-color: #006fba; } #topbar .menu-minicart .ajax-minicart-icon { /* position: absolute; top: -10px; left: 11px;*/ display: block; float: left; height: 42px; padding-left: 0px; margin-right: 5px; background: transparent none; text-decoration: none; cursor: default; outline: none; font-size: 24px; } #topbar .menu-minicart .ajax-minicart-icon span { display: none; } #topbar .ajax-minicart .ajax-minicart-icon { cursor: pointer; } #topbar .ajax-minicart .ajax-minicart-icon span { display: inline; line-height: 42px; } #topbar .ajax-minicart .ajax-minicart-icon:after { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 6px 4px 0 4px; border-color: #ffffff transparent transparent transparent; vertical-align: top; margin-top: 21px; transition: border-width .2s, border-color .2s; } #topbar .ajax-minicart.minicart-opened .ajax-minicart-icon:after { border-width: 0 4px 6px 4px; border-color: transparent transparent #ffffff transparent; } #topbar div.minicart { padding: 0px; white-space: nowrap; float: left; } #topbar div.minicart .default-layout { display: none; } #topbar div.minicart .alt-layout { display: inline; font-size: 12px; line-height: 42px; } #topbar div.minicart .i1 { font-size: 18px; float: left; padding-right: 4px; } #topbar div.minicart .i2 { float: left; } #topbar .minicart-box { right: 0px; top: 42px; background-color: #006fba; border: 0; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px rgba(0,0,0,.5); } #topbar .minicart-box ul.menu { margin: 5px 0; } #topbar .minicart-box ul.menu a { border: 1px solid #eee; text-align: center; padding: 9px; } #topbar .minicart-box ul.menu .view-cart-link { padding-right: 12px; } #topbar .minicart-box ul.menu .checkout-link { padding-left: 12px; } /** * Tooltip */ #tooltip { position: absolute; border: 1px solid #000; padding: 5px; background: #fff none; top: 0; left: 0; text-align: left; max-width: 300px; z-index: 10000; } #tooltip h3, #tooltip div { margin: 0; } /** * auth box */ .menu-auth img.icon { background: url(../../skin/common_files/css/../images/dingbats_authentification.gif) no-repeat; } .menu-auth input { width: 120px; } .login-buttons { margin: 3px 0 5px; } .login-buttons .button { float: left; margin-right: 10px; margin-bottom: 5px; } .menu-dialog .recovery { clear: both; margin-bottom: 2px; } .menu-dialog .recovery a { text-decoration: underline; font-size: 10px; } .menu-dialog .left { text-align: left; } .menu-dialog .login-text { vertical-align: top; } .small-note, .small-link { color: #3c6992; text-decoration: none; font-size: 9px; font-family: arial, verdana, helvetica, sans-serif; } .small { font-weight: normal; font-size: 10px; } .small-link:hover { text-decoration: underline; } /** * news box styles */ .menu-news img.icon { background: url(../../skin/common_files/css/../images/dingbats_news.gif) no-repeat; } .menu-dialog .subscribe { margin-top: 8px; } .menu-dialog a.prev-news { text-decoration: underline; } /** * interneka menu */ .menu-interneka img.icon { background: url(../../skin/common_files/css/../images/dingbats_affiliates.gif) no-repeat; } /** * Popup-dialog */ div.popup-dialog { text-align: left; min-width: 300px; } /*============================================================================ page-specific styles ==============================================================================*/ /** * home page */ .sections { margin-bottom: 33px; } .sections .s { width: 48%; margin-right: 4%; float: left; } .sections .s4 { margin-right: 0; text-align: right; } /** * static page */ .static-page-container #center-main p { line-height: 1.3em; } /** * category page */ .category-description { margin-bottom: 15px; } .current-category-icon { padding: 0; height: 100%; vertical-align: top; } .current-category-icon img { margin: 5px; } .subcategories h4 { margin-bottom: 0px; } .subcategories ul { list-style: none; margin: 0 0 15px; padding: 0; border-bottom: 1px solid #f3f3f3; } .subcategories li { margin: 0; text-align: left; border-top: 1px solid #f3f3f3; } .subcategories ul > li > a { text-decoration: none; font-size: 16px; padding: 14px 0px 10px 8px; display: block; color: #474747; transition: color .2s, border-color .2s, background-color .2s,transform .2s; } .subcategories ul > li > a:before { display: inline-block; margin: 0 12px 0 5px; content: ''; width: 0; height: 0; border-style: solid; border-width: 5.5px 0 5.5px 7px; border-color: transparent transparent transparent #00AEAD; } .subcategories ul > li > a:hover { background-color: #f7f7f7; transform: translateX(3px); transition: color .2s, border-color .2s, background-color .2s, transform .2s; } span.subcategories { display: inline-block; vertical-align: top; margin: 0 10px; text-align: center; padding-bottom: 0; overflow: hidden; } .subcategory-image { float: left; margin: 0 10px 10px 0; } .subcategory-descr { width: auto; padding: 0; margin-bottom: 20px; color: #474747; } /** * Product details page */ .product-details { position: relative; margin-bottom: 50px; margin-top: 22px; } .product-details .image { position: absolute; text-align: center; vertical-align: top; padding: 0; float: left; margin: 3px 20px 5px -3px; } .product-details .image .image-box { margin: 0 auto; padding: 0; } .product-details .details { padding-left: 30px; } .product-details .details .descr { vertical-align: top; line-height: 1.36em; padding-top: 19px; } .product-details .details .save-percent-container { width: 50px; height: 50px; float: right; margin: 0 0 10px 10px; } .product-details .details .save { background: #006fba none; width: 50px; height: 50px; border-radius: 50px; padding: 10px 0; color: #fff; font-size: 13px; line-height: 15px; font-weight: bold; text-align: center; text-transform: uppercase; } .product-details .product-subtitle { padding: 23px 0 10px; } .product-details .product-subtitle div { color: #b51a00; font-weight: bold; font-size: 12px; border: 0 none; border-bottom: 1px solid #9d1500; } .product-details .message { color: #b51a00; } .product-details .warning-message { color: red; } .product-details .customer-message { color: #b51a00; font-weight: bold; } .product-details .quantity-row td { padding-top: 5px; } .product-details .buttons-row { margin: 0; min-height: 34px; text-align: right; } .product-details .buttons-row .button { margin: 0 0 0 auto; float: none; } #product-tabs-container { margin-bottom: 30px; } .product-details .ask-question { margin-top: 16px; float: none; } .product-details ul.product-files { margin: 20px 0 0 0; padding: 0 !important; list-style: none; } .product-details ul.product-files li { padding: 0 0 5px 0; line-height: 1.3em; list-style: none !important; } .product-details .buy-now-section { padding: 14px 18px 15px 12px; background: #eeeeef none; border-bottom: 1px solid #09b1b0; } .buttons-column, .product-details .buy-now-section .buttons-column { text-align: right; line-height: 1.4em; } .buttons-column a, .product-details .buy-now-section .buttons-column a { line-height: 1.4em; display: block; } .product-details .tafe-staff-note { min-height: 40px; line-height: 1.4em; } .tafe-staff-note { background: #464749 none; border-left: 5px solid #10be98; color: #fff; padding: 8px 10px; text-align: center; font-size: 13px; } .tafe-staff-note a { color: #fff; text-decoration: underline; } .tafe-staff-note a:hover { color: #10be98; } .buy-now-section .buy-row { border-top: 3px solid #fff; margin-top: 10px; } .buy-now-section .buy-row .columns { padding-top: 9px; min-height: 40px; } /** * Product properties table */ table.product-properties { width: 100%; margin: 0; min-height: 34px; } .product-details .product-properties { margin-bottom: 25px; } .product-details .buy-now-section .product-properties { width: auto; margin-bottom: 0px; } table.product-properties tr td { padding: 2px; vertical-align: middle; } table.product-properties .property-name { width: 42%; font-weight: bold; } table.product-properties .property-value { width: 60%; } table.product-properties .product-price { color: #010101; font-weight: bold; font-size: 12px; } table.product-properties .product-price-value { color: #b51a00; font-weight: bold; font-size: 12px; font-family: verdana; white-space: nowrap; } table.product-properties .product-market-price { color: #787878; padding-left: 5px; font-size: 12px; font-family: verdana; white-space: nowrap; font-weight: bold; } table.product-properties .product-taxed-price { color: #383838; white-space: nowrap; font-weight: normal; vertical-align: bottom; } table.product-properties .product-input { height: 25px; padding-right: 10px; } table.product-properties td select, table.product-properties td input[type='text'] { margin: 0; height: 20px; } table.product-properties .product-min-amount, table.product-properties .product-one-quantity { font-size: 14px; } table.product-properties .separator td { height: 18px; } /** * Send 2 friend section */ input.send2friend { width: 300px; } textarea.send2friend { width: 400px; } #send_message_box { margin-top: 10px; } /* Training Packages */ .training-packages { overflow: hidden; margin: 40px 0 45px; } .training-packages .training-packages_head { text-align: center; display: block; padding: 10px 10px 15px; border-bottom: 1px solid #d9d9d6; font-size: 40px; line-height: 1.1; font-weight: 400; margin: 0 0 .9em; } .training-packages .training-packages_list { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none inside none; padding: 0; margin: 0; } .training-packages .training-packages_list-item { display: block; list-style: none inside none; padding: 0; margin: 0 0 10px 0; } .training-packages .training-packages_list-link { display: block; color: #363636; font-size: 18px; line-height:20px; font-weight: 400; text-align: left; border-left: 1px solid #00aead; height: 100%; text-decoration: none; padding: 5px 10px 20px 10px; } .training-packages .training-packages_list-link:hover { background-color: #00aead; color: #fff; } /********************************* * Products list *********************************/ .featured-holder { background: #f5f5f5; padding: 30px 0 45px; } .featured-holder .dialog-featured-list { padding-left: 7px; padding-right: 7px; } /** * Common styles */ .products { margin-bottom: 15px; margin-top: 30px; } .dialog-featured-list .products, .dialog-uproducts .products, .dialog-rproducts .products, .dialog-bestsellers .products, .cart-page-container .products { margin-bottom: 0; margin-top: 0; } .products .image { text-align: center; vertical-align: top; white-space: nowrap; } .products .image > a > img, .products .image-wrapper > a > img, .product-details .image-box img { border: 4px solid #f1f1f1; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; } .dialog-featured-list .products .image > a > img, .dialog-featured-list .products .image-wrapper > a > img, .dialog-featured-list .product-details .image-box img { border: 4px solid #fff; } .products a.see-details { display: block; text-align: center; text-decoration: underline; } .products .product-title, .product-details .product-title { text-decoration: none; } .products .product-title:hover, .product-details .product-title:hover { text-decoration: underline; } .products-table .product-title { color: #474747; font-size: 14px; } .products-list .product-title { font-size: 18px; color: #19a29b; line-height: 1.2em; } .products .descr { padding: 15px 0; margin: 0; line-height: 1.3em; } .products .sku { margin-top: 15px; } .products .price-row { margin: 0; padding: 0; text-align: left; font-size: 24px; } .market-price-value { background: transparent url(../../skin/common_files/css/../images/spacer_black.gif) repeat-x left 8px; } .products .price { font-weight: bold; font-size: 12px; } .price-value, .currency { color: #1E988A; font-weight: bold; } .cart.products .total-value .currency .sm, .products .details .currency .sm, .product-details .currency .sm{ font-size: .5em; } .products .price-save { padding: 0; margin: 0; color: #a32a62; } .products .taxes { padding: 2px 2px 2px 0px; } .products .buy-now .buy-row { padding-top: 11px; border-top: 3px solid #fff; margin-top: 11px; } .products .buy-now .buy-row > .columns { height: 34px; line-height: 34px; } .products .buy-now .buy-row input, .products .buy-now .buy-row select { height: 34px; margin: 0; } .products .buy-now .buy-row .buttons-row { min-height: 34px; margin: 0; text-align: right; } .products .buy-now .buy-row .buttons-row .button { float: none; margin: 0 0 0 auto; } .products .buy-now .quantity { /* white-space: nowrap;*/ vertical-align: middle; } .products .buy-now .quantity-empty { height: 45px; } .products .buy-now .quantity-title { padding-right: 12px; font-weight: bold; } .products .buy-now .quantity select { vertical-align: middle; } .products .buy-now .out-of-stock { white-space: nowrap; font-weight: bold; } .products .buy-now .prices { height: 15px; vertical-align: middle; } .products .product-details-title { color: #b51a00; font-weight: bold; font-size: 12px; } .products .product-price-text { color: #010101; font-weight: bold; } .products .product-price-text input[type="text"] { width: auto; display: inline-block; height: 1.9rem; } .quantity-text { color: #818891; padding-left: 3px; } /** * List as list */ .products-list .item { position: relative; padding-bottom: 27px; border-bottom: 1px solid #D9D9D6; margin: 0 0 27px; } .products-list .item.last { margin-bottom: 0; } .products-list .image { float: left; position: relative; padding: 0px 20px 0px 0px; margin: 0; padding-right: 20px !important; } .products-list .details { vertical-align: top; padding-left: 40px; border: 0 none; } .products-list .product-properties { margin-top: 15px; } .products-list .details hr { margin: 5px 5px 5px 0; } .products-list .buy-now .center, .products-list .buy-now .halign-center { margin-left: 0; text-align: left; } .products-list .price-row, .product-details .price-row { font-size: 30px; } .product-details .price-row { line-height: 1; } .products-list .price-row, .products-list div.market-price { line-height: 1; } .products-list .buy-now { padding: 14px 18px 15px 12px; background: #eeeeef none; border-bottom: 1px solid #00AEAD; } .products-list div.market-price, .product-details div.market-price { margin-top: 15px; line-height: 40px; } .products-list .taxes, .product-details .taxes { line-height: 1.2em; font-size: 12px; } .product-details #wl-prices { /*clear: left; margin-top: 65px;*/ } .products-list table.product-properties tr td { padding: 0; line-height: 1.2em; } /** * List as multicolumn table */ .products-table .product-cell { background: none; padding: 0 16px 0 0; vertical-align: top; } .products-table .first.products-row td.product-cell { padding-top: 0; } .products-table td.product-cell-price { padding-top: 2px; } .products-table td.product-cell-buynow { padding-top: 6px; vertical-align: bottom; } .products-table td.product-cell-buynow .button-row { text-align: left; margin: 9px 0 5px; } .products-table td.product-cell-buynow .quantity-empty { height: auto; } .products-table .price-row { padding-top: 4px; font-family: Arial; } .products-table .image { padding: 0; margin: 25px -4px 18px -4px; text-align: left; } .products-table tr.first .image { margin-top: 0px; } .products-table .creviews-rating-box { margin-top: 0px; } .products-table a.see-details { text-align: left; display: inline; } .products-table .sku { margin-top: 5px; } .products-table .product-title { line-height: 1.4em; } .products-table .buttons-row, .products-table .button-row { margin: 0; } .products-table .buttons-row button, .products-table .button-row button { float: none; } .products-table .buy-now { margin-top: 5px; } .products-table .buy-now .quantity-title { width: auto; padding-right: 5px; } .products-table tr.separator td { padding: 0; height: 25px; border-bottom: 1px solid #F1F1F1; } .products-grid.products.row.collapse { margin-left: -7px; margin-right: -7px; } .products-grid .item.column { padding: 0 7px; border: 0 none; } .products-grid .image{ float: none; width: 100%; padding: 0 !important; } .products-grid .details { float: none; width: 100%; padding: 20px 0 0; } .products-grid .product-title { color: #363636; font-size: 14px; line-height: 1.2em; display: block; } .products-grid .price-row { margin-top: 10px; } /** * Advanced search page */ .adv-search table td { } .adv-search table .data-name { width: 20%; vertical-align: top; color: #112536; font-weight: bold; } [type='file'], [type='checkbox'], [type='radio'] { margin: 0; } .adv-search [type='radio'] { margin: 10px .5rem 10px 0px; vertical-align: baseline; } .adv-search table .data-input { white-space: nowrap; } .adv-search input[name="posted_data[price_min]"], .adv-search input[name="posted_data[price_max]"], .adv-search input[name="posted_data[weight_min]"], .adv-search input[name="posted_data[weight_max]"], .adv-search input[name="posted_data[orderid1]"], .adv-search input[name="posted_data[orderid2]"], .adv-search input[name="f_start_date"], .adv-search input[name="f_end_date"], input.datepicker-formatted, input.hasDatepicker { width: auto; display: inline-block; margin-bottom: 4px; } .adv-search input[name="f_start_date"], .adv-search input[name="f_end_date"], input.datepicker-formatted, input.hasDatepicker{ width: 60%; margin-bottom: 2px; margin-top: 2px; } .adv-search table .pattern { padding-bottom: 0; } .adv-search table .pattern input, .adv-search table .pattern select { width: 95%; vertical-align: bottom; } .adv-search table .search-button { width: 25%; padding: 0; } #adv_search_box { margin-bottom: 15px; } .search-again { position: relative; text-align: right; } .results-found { position: relative; } select.adv-search-select { width: 75%; } .adv-search .responsive-search .data-name, .adv-search .responsive-search .data-input, .adv-search .responsive-search .input-row, .adv-search .responsive-search .search-button { display: inline-block; } .adv-search .responsive-search .data-name { width: 24%; font-weight: bold; vertical-align: top; word-wrap: break-word; } .adv-search .responsive-search .data-input.pattern { width: 50%; margin-right: 10px; } .adv-search .responsive-search .data-input.pattern input { width: 100%; } .adv-search .responsive-search .search-button { width: 15%; } .adv-search .responsive-search .button-row .data-name { margin-top: 0; vertical-align: top; } .adv-search .responsive-search .search-button button { vertical-align: middle; } .adv-search .responsive-search .input-row { width: 71%; } .adv-search .responsive-search .input-row, .adv-search .responsive-search .data-input { margin-bottom: 5px; } .adv-search .responsive-search .expand-section { margin-left: 24%; } .adv-search .responsive-search label { line-height: inherit; } .search-returns-table select, .search-returns-table input { width: auto; } /** * Register page */ .register-note { color: #000; margin-bottom: 15px; } .register-newbie-note { text-align: center; margin-top: 30px; } .register-bottom-note { margin-top: 30px; padding-bottom: 45px; } .register-ups-box { margin-top: 45px; margin-bottom: 15px; } .register-section-title { height: 30px; vertical-align: middle; } .register-section-title div { vertical-align: middle; padding: 2px 0; border-bottom: 1px solid #000; } .register-section-title div * { vertical-align: middle; } .register-sec-minimized div { border-bottom: 0 none; } .register-section-title label { color: #2c3e49; font-size: 15px; font-weight: bold; display: inline-block; } .register-table .register-exp-section label { border-bottom: 1px dashed #2c3e49; display: inline-block; } table.register-table .register-exp-section { padding-top: 16px; padding-bottom: 16px; } table.register-table td.data-name { text-align: right; font-weight: normal; width: 30%; } /** * Cart page */ .cart.products .cart-title > td { border-top: 2px solid #a3a4a5; border-bottom: 2px solid #a3a4a5; background: #eeeeef none; font-weight: bold; height: 50px; vertical-align: middle; padding: 0 5px; white-space: nowrap; } .cart .item { } .cart .item .image { position: relative; padding: 3px 8px 3px 3px; height: 100%; } .cart .details { margin-left: 138px; vertical-align: top; width: 80%; } .cart .product-title { display: block; line-height: 1.3em; } .cart .descr { padding-bottom: 15px; } .products.cart .c { vertical-align: top; padding: 16px 4px 5px; border-bottom: 1px solid #464749; } .products.cart tr.first .c { padding-top: 10px; } .products.cart .c1 { width: 30px; text-align: center; } .products.cart .c4 { text-align: right; } .products.cart .price, .products.cart .price .currency, .products.cart .price .currency .sm { font-weight: normal; font-size: 14px; line-height: 1.2em; } .products.cart .item .currency, .products.cart .price .currency .sm{ color: inherit; font-weight: bold; } .chevron-input-wrapper { position: relative; padding: 0 20px 0 0; margin: 0; } .chevron-input-wrapper input[type="text"] { margin: 0 0 0 auto; height: 20px; width: auto; max-width: 50px; } .chevron-input-wrapper .chevron-button { width: 20px; height: 20px; position: absolute; right: 0; top: 0; background: #4768d6; color: #fff; text-decoration: none; text-align:center; } .chevron-input-wrapper .chevron-button span { display: block; margin: 0; padding: 0; width: 100%; height: 100%; line-height: 20px; } .products.cart .taxes { white-space: nowrap; padding: 0; line-height: 1.2em; } .products.cart .taxes br { display: none; } .cart .poptions-title { font-weight: bold; } .cart .poptions-list { margin-bottom: 15px; } .cart .subcart { border-top: 0 none; } .cart .buttons { position: relative; vertical-align: top; margin-bottom: 20px; height: 28px; } .cart .buttons .buttons-row { margin-top: 0; } .cart .right-buttons-row .checkout-button { float: right; } .cart-total-line { width: 50%; margin-left: 50%; } .cart-total-row { text-align: right; } div.cart table.totals { margin: 0 0 0 auto; text-align: right; width: auto; } table.totals tr td.total, table.totals tr td.total-name, table.totals tr td.total-value, table.totals tr td.total-value-alt, table.totals span.total-name { text-transform: none; padding: 0; vertical-align: baseline; line-height: 30px; text-align: right; } table.totals tr td.total-value { font-size: 16px; padding-left: 5px; } .products.cart table.totals tr td.total-value { font-size: 30px; padding-left: 10px; } div.shipping-method { color: #112536; font-weight: bold; margin-bottom: 15px; text-align: right; } th.shipping-method { color: #112536; font-weight: bold; text-align: left; } .shipping-method select { font-weight: normal; } .shipping-method table { margin: 0 0 0 auto; text-align: right; } .shipping-method table td { font-weight: normal; text-align: left; } .shipping-method tr.selected { background: #eee none; } .totals { margin: 0 0 0 auto; text-align: right; width: 30%; } .totals .total-name { white-space: nowrap; color: #112536; font-weight: bold; padding-right: 8px; text-align: left; } .totals .total-value { white-space: nowrap; text-align: right; } .totals .total-alt-value { white-space: nowrap; text-align: right; } .totals .total-line img { background: #000 none; width: 100%; height: 1px; display: none; } .totals .total { white-space: nowrap; color: #112536; font-weight: bold; padding-right: 8px; text-transform: uppercase; text-align: left; } .totals .total-taxes { font-weight: bold; text-align: right; } .totals .total-tax-line td { text-align: right; white-space: nowrap; } .cart hr { margin-top: 10px; margin-bottom: 10px; border-color: #d7d9e4; } .cart .checkout-shippings label.highlight { background: transparent none; } .cart-content { margin-bottom: 15px; } .cart-content tr td, .cart-content tr th { padding: 1px 3px; height: 23px; text-align: left; vertical-align: top; } .cart-content tr th { border-left: 1px solid #fff; text-align: center; } .cart-content tr td.summary-cell { text-align: right; } .cart-content tr th.cart-column-total { text-align: right; } .cart-content .cart-column-tax { text-align: center; } .cart-content td.cart-column-price, .cart-content td.cart-column-total { text-align: right; } .cart-content tr td .isbn { font-size: 12px; } .cart-content .cart-content-text { color: #b51a00; font-weight: bold; } .cart-content .cart-column-qty { width: 30px; text-align: center; } .cart-content .cart-column-product { } .table-wrapper table.cart-content { min-width: 370px; } .cart-content input.cart-quantity { width: 30px; } .cmpi-vbv-icon { width: 49%; float: left; text-align: center; } .cmpi-vbv-icon img { width: 71px; height: 57px; background: transparent url(../../skin/common_files/css/../images/vbv_logo.gif) no-repeat left top; } .cmpi-mcsc-icon { width: 49%; text-align: center; } .cmpi-mcsc-icon img { width: 74px; height: 40px; background: transparent url(../../skin/common_files/css/../images/mcsc_logo.gif) no-repeat left top; } /** * Checkout page */ .checkout-payments tr td { padding: 2px; text-align: left; } .checkout-payments tr td.checkout-payment-name { width: 20%; white-space: nowrap; } .checkout-payments tr td.checkout-payment-name label { font-weight: bold; } .checkout-payments tr td.checkout-payment-descr { width: 80%; } .checkout-payments tr td.checkout-payment-paypal { width: 100%; } .checkout-payments tr td.checkout-payment-paypal img { border: 0 none; } .checkout-update-button { float: left; margin: 0; } .order-placed-msg { margin: 20px 0 10px; padding: 0; font-size: 13px; text-align: center; } /** * Payment wait page */ body.payment-wait { text-align: center; background: none; } body.payment-wait .payment-wait-title, body.payment-wait .payment-details-title { border-top: 30px solid #f1f1f1; } body.payment-wait h1 { display: block; padding: 40px 0 0; border-top: 1px solid #d0ddeb; margin-top: 1px; color: #2c3e49; } body.payment-wait img.payment-wait-image { background: transparent url(../../skin/common_files/css/../images/progress.gif) repeat-x; width: 350px; height: 11px; margin-top: 10px; } /** * Help index page */ .help-index { list-style: none; padding: 0; margin: 0; } .help-index li { margin: 0; padding: 10px 0 0; } .help-index li.first-item { padding-top: 0; } /** * Help / cvv2 page */ .help-cvv2-images { float: right; margin: 15px 5px 5px; } .help-cvv2-images img { float: none; display: block; margin-bottom: 15px; } /** * Help / usps test page */ .help-usps-test-dir { text-decoration: underline; margin-bottom: 15px; } /** * Images viewer */ .images-viewer { text-align: center; margin: 10px 0; } .images-viewer-list { position: relative; white-space: nowrap; } .images-viewer-list .side-arrow { position: absolute; top: 0; display: block; width: 10px; height: 54px; text-decoration: none; outline-style: none; } .images-viewer-list .left-arrow { text-align: left; left: 0; } .images-viewer-list .right-arrow { padding-left: 3px; text-align: right; right: 0; } .images-viewer-list .side-arrow img { width: 7px; height: 100%; } .images-viewer-list .left-arrow .enabled { display: block; background: transparent url(../../skin/common_files/css/../images/arrow_left.gif) no-repeat left center; } .images-viewer-list .left-arrow .disabled { display: block; background: transparent url(../../skin/common_files/css/../images/arrow_left_disabled.gif) no-repeat left center; } .images-viewer-list .hidden { display: none; } .images-viewer-list .right-arrow .enabled { display: block; background: transparent url(../../skin/common_files/css/../images/arrow_right.gif) no-repeat left center; } .images-viewer-list .right-arrow .disabled { display: block; background: transparent url(../../skin/common_files/css/../images/arrow_right_disabled.gif) no-repeat left center; } .images-viewer-icons { text-align: left; padding: 0; margin: 0 10px; overflow: hidden; } .images-viewer-icons a { display: block; padding: 0; border: 1px solid #fff; padding: 0; margin: 0 10px; float: left; outline-style: none; background: #eee none; text-align: center; vertical-align: middle; } .images-viewer-icons a.selected { border: 1px solid #215485; } .images-viewer-icons a:hover { border: 1px solid #ccc; } .images-viewer-icons img { margin: 1px; vertical-align: middle; border: 0 none; } /** * Order invoice */ .order-invoice { background: #fff none; } .invoice-company-icon { vertical-align: top; padding-top: 10px; padding-bottom: 5px; } .invoice-data-box { width: 100%; padding-left: 30px; } .invoice-data-box table { width: 100%; } .invoice-data-box table tr td { padding: 2px; vertical-align: top; } .invoice-title { font-weight: bold; font-size: 28px; text-transform: uppercase; } .invoice-data-box table tr td.invoice-right-info { text-align: right; vertical-align: bottom; } hr.invoice-line { margin: 2px 0 17px; border-bottom: 2px solid #58595b; } .invoice-personal-info { width: 45%; margin-bottom: 15px; } .invoice-personal-info tr td { padding: 0; } .invoice-personal-info tr td strong { white-space: nowrap; } .invoice-address-box { width: 100%; margin-bottom: 30px; } .invoice-address-title { width: 45%; height: 25px; } td.invoice-line { vertical-align: top; padding: 0; height: 4px; } td.invoice-line img { height: 2px; width: 100%; background: #58595b none; } .invoice-address-box table { width: 100%; } .invoice-address-box table tr td { padding: 0; } .invoice-address-box table tr td strong { white-space: nowrap; } .invoice-customer-notes { padding-top: 30px; } .invoice-customer-notes p { font-size: 14px; font-weight: bold; text-align: center; } .invoice-customer-notes div { border: 1px solid #cecfce; height: 50px; overflow: hidden; padding: 5px; } .invoice-bottom-note { text-align: center; padding-top: 30px; font-size: 12px; } p.invoice-products-title { font-size: 14px; font-weight: bold; text-align: center; } .invoice-products { width: 100%; background: #000 none; } .invoice-products tr td, .invoice-products tr th { background: #fff none; } .invoice-products tr th { padding: 3px; background: #eeeeef none; white-space: normal; word-wrap: break-word; border-top: 2px solid #9a9b9c; border-bottom: 2px solid #9a9b9c; text-align: center; } .invoice-products tr th.invoice-sku-column, .invoice-products tr th.invoice-quantity-column, .invoice-products tr th.invoice-total-column { width: 60px; } .invoice-products tr th.invoice-tax-column { width: 100px; } .invoice-products tr th.invoice-price-column { width: 100px; text-align: center; } .invoice-products tr td { padding: 3px; } .invoice-products tr td.invoice-price-column, .invoice-products tr td.invoice-tax-column, .invoice-products tr td.invoice-quantity-column { text-align: center; } .invoice-products tr td.invoice-product-column span.isbn { font-size: 12px; } .invoice-products tr td.invoice-product-column table tr td { vertical-align: top; padding: 0 3px 3px 0; } .invoice-products tr td.invoice-product-column p { white-space: nowrap; } .invoice-products tr td.invoice-product-column div { padding-left: 10px; white-space: nowrap; } .invoice-products tr td.invoice-price-column { white-space: nowrap; } .invoice-products tr td.invoice-total-column { text-align: right; white-space: nowrap; padding-right: 5px; } .invoice-totals { width: 100%; } .invoice-totals tr td { padding: 0; } .invoice-totals tr .invoice-total-title { text-align: right; width: 100%; height: 20px; } .invoice-totals tr .invoice-total-name { text-align: right; width: 100%; height: 20px; padding-right: 3px; } .invoice-totals tr .invoice-total-value { text-align: right; height: 20px; padding-right: 5px; white-space: nowrap; } .invoice-totals tr .invoice-total-name-fin { text-align: right; width: 100%; height: 25px; padding-right: 3px; background: #eeeeef none; } .invoice-totals tr .invoice-total-value-fin { text-align: right; height: 25px; padding-right: 5px; background: #eeeeef none; white-space: nowrap; } .invoice-totals tr td.invoice-line { height: 2px; } .invoice-giftcerts { width: 100%; } .invoice-giftcerts tr td { padding: 0; } .invoice-giftcerts tr th { background: #eeeeef none; } .invoice-giftcerts tr th.invoice-giftcert-id { width: 60px; } .invoice-giftcerts tr td.invoice-giftcert-id { text-align: center; } .invoice-giftcerts tr .invoice-giftcert-cost { text-align: right; white-space: nowrap; padding-right: 5px; } /** * 404 error page */ .error-page #header { /* height: 87px;*/ } .error-page #header .line2 { /* height: 20px;*/ } .error-page #header .logo { /* margin-left: 167px;*/ } .error-page #content-container { /* margin-top: 87px;*/ margin-bottom: 50px; } .error-page #center-main { text-align: center; margin: 0 10px; } .error-page #header .line1 .tabs, .error-page #header .line1 .phones, .error-page #header .line2 .search, .error-page #header .line2 .languages, .error-page #left-bar, .error-page #right-bar, .error-page #location { display: none; } .error-page .subcontainer { text-align: left; width: 95%; margin: 32px auto 0; position: relative; clear: both; } .error-page .code-number { font: normal 74px arial, sans-serif; color: #d8d8d8; width: 20%; float: left; text-align: center; } .error-page .description { font-family: verdana; width: 75%; float: right; } .error-page .description h1 { font-weight: normal; color: #000; } .error-page .description a { text-decoration: underline; } .error-page .description ul { margin: 0; padding: 5px 0; list-style-position: inside; } .error-page .reason { font-weight: bold; color: #a10000; } .error-page .description hr { margin: 10px 0 15px; } .error-page ul.links { margin: 0; padding: 5px 0; list-style: none; } .error-page #header .line1 .announcement { display: none; } /** * PayPal */ .paypal-cart-button { text-align: right; height: 65px; } .paypal-cart-button div { width: 200px; height: 65px; margin-left: auto; margin-right: 0; overflow: visible; text-align: right; } .paypal-cart-button p { width: 100%; text-align: right; margin: 10px 0; } .paypal-cart-icon { float: left; padding-right: 10px; } /** * 'Note' box */ div.note-box { position: absolute; border: 1px solid #000; background-color: #f6f5eb; margin: 0 0 0 30px; padding: 3px; width: 150px; line-height: 15px; white-space: normal; overflow: hidden; z-index: 100; } @media screen and (max-width: 1300px) { #email_note.note-box { right:0; left: auto !important; margin-top: 40px; } } /** * Printable */ .printable { background: none; } .printable #content-container { position: static; padding: 0; margin-top: 92px; border: 0; } .printable #content-container2 { float: none; position: static; left: 0; right: 0; width: 100%; } .printable #center { float: none; position: static; width: 100%; left: 0; } .printable #header { position: static; height: 92px; } .printable #header .tabs { display: none; } .printable #header .line1 { margin-top: 0px; } .printable #header .logo { padding: 0px; } .printable #header .line2 { display: none; } .printable #header .printable { display: none; } .printable #location { margin-bottom: 0px; } .printable #center-main { margin: 0 10px !important; position: static; } .printable #footer { position: static !important; } .printable #footer .box { background: none; } .printable #footer .subbox { background: transparent none; color: inherit; } .printable #footer .subbox a { color: inherit; } /** * Buttons */ .printable button.button, .printable div.button, .printable a.simple-button, .printable .buttons-row { display: none; } /** * Containers */ .printable .dialog .title { background: transparent none; } .printable .products-list .item { padding-bottom: 10px; margin-bottom: 10px; } .title h2 { margin: 0; } .printable .product-details .dropout-wrapper { height: 150px; } /** * Service styles */ .printable .no-print { display: none; } .printable #content-container, .printable #center-main { overflow: visible !important; } .normal { font-weight: normal; } /** * Admin preview layout */ .admin-preview #header, .admin-preview #footer, .admin-preview #left-bar, .admin-preview #right-bar, .admin-preview #location, .admin-preview .offers-short-list, .admin-preview .creviews-dialog, .admin-preview .send2friend-dialog { display: none; } .admin-preview #content-container { margin: 0; padding: 0; } .admin-preview #center-main { margin: 5px; } /** * 'Need help' box */ .need-help-link { text-decoration: none !important; cursor: help; border: none; border-bottom: 1px dashed #3c6992 !important; white-space: nowrap; color: #3c6992 !important; } div.need-help-box, div.need-help-box div { position: relative; width: 200px; margin: 0; padding: 0; } div.need-help-box div { position: absolute; top: 0; left: 14px; border: 1px solid #888; background: #FFF; padding: 6px; white-space: normal; font-weight: normal; overflow: hidden; } div.evaluation-notice { border: solid 4px #c7c5c5; background: #f7f6f4; padding: 16px; color: #2c3e49; margin-bottom: 25px; } div.evaluation-notice span.license-warning { color: #911717; font-weight: bold; } /** * Language selectors */ a.language-code img, .language-code img.language-code-out { padding: 2px; border: 0 none; } strong.language-code img, .language-code-over { padding: 1px !important; border: solid 1px #fff !important; } div.market-price { margin-top: 4px; font-size: 14px; } div.man-url { margin-bottom: 6px; } /** * Payment page */ #payment-form { width: 100%; text-align: left; } #payment-form .payment-note { width: 400px; } /** * Address book */ ul.address-container { text-align: left; padding: 0; margin: 0; } div.address-bg { background: transparent url(../../skin/common_files/css/../images/bg_post.png) repeat top left; margin: 2px; padding: 8px; width: 274px; } li.address-box { display: inline-block; margin: 0 50px 50px 0; padding: 0; border: solid 1px #ddd; width: 280px; min-height: 192px; overflow: hidden; text-decoration: none; vertical-align: top; text-align: left; list-style: none; } .address-main { padding: 5px 10px; background: #fff; min-height: 170px; } .address-main a.new-address { font-size: 22px; line-height: 36px; } .address-main .new-address-label { padding-top: 40px; text-align: center; } .address-default { font-weight: bold; vertical-align: top; } .address-default img { margin-right: 5px; } .address-line { margin: 5px 0; } /** * Popup address selection */ .popup-address { min-width: 780px; text-align: left; } .popup-address .address-box { margin: 0 25px 25px 0; padding: 0; border: solid 1px #ddd; width: 230px; float: left; min-height: 150px; overflow: hidden; } .popup-address .address-current { border: solid 1px #eeeeee; } .popup-address .address-main { min-height: 130px; } .popup-address .address-bg { width: 224px; } .popup-address .address-main hr { margin: 15px 0 30px; } .popup-address .address-main .new-address-label { padding-top: 28px; } .popup-address .address-main a.new-address { line-height: 32px; } .popup-address .address-default { float: right; } .per-page-selector { float: right; margin-top: 2px; } .per-page-selector select { margin: 0; height: 1.4rem; display: inline-block; width: auto; padding: 0 10px; } .transactions { border-top: 1px solid #666; margin-top: 10px; padding-top: 15px; } .delete-icon { width: 8px; height: 8px; background: transparent url(../../skin/common_files/css/../images/delete_record.gif) no-repeat left top; } /** * Common checkout styles */ .checkout-sns-button { position: absolute; top: 0; left: 30px; height: 100%; } .checkout-sns-button img { width: 9px; height: 9px; } .checkout-top-login { position: absolute; top: 0; right: 10px; height: 20px; line-height: 21px; text-align: right; width: 50%; vertical-align: middle; } #header .checkout-top-login .simple-button { margin-bottom: 7px; } .checkout-top-login-text { white-space: nowrap; padding: 0 10px 0 0; } .checkout-container #header .line2 { /* height: 20px;*/ } .checkout-container #content-container { /* margin-top: 102px;*/ } .checkout-container #header { /* height: 102px;*/ } .checkout-container #center { /* text-align: center;*/ } .checkout-container #center-main { /* text-align: left;*/ } .checkout-login-text { font-size: 12px; font-weight: 700; margin: auto 0; } .checkout-login-text a:link, .checkout-login-text a:visited, .checkout-login-text a:hover, .checkout-login-text a:active { text-decoration: underline; } /* Checkout buttons */ .checkout-buttons { margin-bottom: 20px; padding-top: 12px; } .checkout-buttons .checkout-1-button { float: right; } .checkout-buttons .checkout-3-button, .checkout-buttons .checkout-2-button { margin-left: 20px; float: right; } /** * Big main button */ div.checkout-2-button { background: transparent url(../../skin/common_files/css/../images/but_flc_main_right.png) no-repeat right top; } div.checkout-2-button div, div.checkout-2-button a:link, div.checkout-2-button a:visited, div.checkout-2-button a:hover, div.checkout-2-button a:active { background: transparent url(../../skin/common_files/css/../images/but_flc_main_left.png) no-repeat; line-height: 29px; color: #510000; font-weight: 700; font-size: 11px; } /** * Big button */ div.checkout-1-button { background: transparent url(../../skin/common_files/css/../images/but_flc_right.png) no-repeat right top; } div.checkout-1-button div, div.checkout-1-button a:link, div.checkout-1-button a:visited, div.checkout-1-button a:hover, div.checkout-1-button a:active { background: transparent url(../../skin/common_files/css/../images/but_flc_left.png) no-repeat; line-height: 29px; color: #111d4d; font-weight: 700; font-size: 11px; } /** * Big main with arrow button */ div.checkout-buttons div.checkout-3-button { font-size: 18px; padding: .6em 1.75em; color: #fff; text-decoration: none; } div.checkout-3-button div, div.checkout-3-button a:link, div.checkout-3-button a:visited, div.checkout-3-button a:hover, div.checkout-3-button a:active { border-color: transparent; background-color: transparent; color: #fff; text-decoration: none; } ul.simple-list, ul.simple-list-left { list-style: none; padding: 10px 0 0; margin: 0; } .products + ul.simple-list-left { padding-bottom: 34px; } .item-left { float: left; } .item-right { float: right; } /** * jQuery UI tabs layout change * (remove style definitions below to have default UI tabs look & feel) */ .ui-tabs { padding: 0; border: 0 none; } .ui-tabs .ui-tabs-panel { border-width: 1px; } .ui-tabs .ui-widget-header { background: transparent none; border: 0 none; } .ui-tabs .ui-tabs-nav { padding-left: 0; } #top-links .ui-widget-content { height: 1px; padding: 0; border-width: 1px 0 0; } img.separator { width: 100%; height: 1px; margin-top: 15px; margin-bottom: 15px; background-color: #f1f1f1; } /* Small design fix */ .cart .buttons .left-buttons-row.buttons-row button.button { margin-top: -1px; } .simple-products-table tr.separator td { height: 30px; padding: 0; } .simple-products-table .product-cell { padding-right: 10px; } .simple-products-table td.last { padding-right: 0px; } .simple-products-table .image { margin-bottom: 0px; } div.replaces_box { margin-bottom: 10px; } div.replaces_box div.replaces_date { float: left; padding: 7px 15px; text-align: center; font-size: 16px; } div.replaces_box div.in_development_product { background-color: #e8e8e8; padding: 15px 15px 15px 80px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; font-size: 14px; } div.replaces_box div.replacement_product { background-color: #d8d8d8; padding: 15px 15px 15px 80px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; font-size: 14px; } div.in_dev_new_box { margin-bottom: 10px; } div.in_dev_new_box div.in_dev_date { float: left; padding: 7px 15px; text-align: center; font-size: 16px; } div.in_dev_new_box div.in_development_product { background-color: #e8e8e8; padding: 15px 15px 15px 80px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; font-size: 14px; } div.in_dev_title { padding-bottom: 10px; font-size: 14px; font-weight: bold; } .shipping-signature { padding-top: 15px; } .shipping-signature label { display: block; font-weight: bold; padding-top: 3px; } .shipping-signature div.signature-note { padding-top: 5px; font-style: italic; } @media screen and (max-width:63.9375em) { #center { padding-left: 0.9375rem; padding-right: 0.9375rem; } #footer .subbox ul li { white-space: normal; } #header { padding-top: 42px; } #topbar { position: fixed; top: 0; left:0; right:0; } #topbar div.minicart .alt-layout:not(.empty) { display: none; } #header .line2 .holder { padding: 0 20px 0 30%; text-align: right; background-size: 27%; } #header .line2 .search { width:100%; } #header .header-dialog { margin:0; } body:not(.home-page) #header .line1 .logo-column { justify-content: center; } } @media screen and (max-width: 54em) { } /* Small only */ @media screen and (max-width: 39.9375em) { #header .line1 { min-height: 0; } #header .line1 .logo-column a, #header .line1 .announcement .table-cell { height: auto; } #header .callout.head-callout { font-size: 12px; } #header .line2 .holder { padding: 0 20px 40px; text-align: center; background-image: none; min-height:402px; } #header .line2 .header-learning-resources { font-size: 14px; font-size: 4vw; margin: 20px auto 40px; } #header .line2 .graphics { opacity: .5; } #footer .row { padding-left: 0.9375rem; padding-right: 0.9375rem; } #footer .subbox .menus { display: block; float: none; } #footer .subbox ul { display: block; padding: 0; width: 100%; } #footer .subbox ul li { max-width:100%; } #footer .astamp { float: none; margin: 1em auto 0; } .product-details .image, .product-details .details { float: none; width: 100% !important; margin: 0 !important; padding: 0; } .product-details .image { position: relative; padding-bottom: 20px; } .list-dialog .title div.sort-box { position: static; } .chevron-input-wrapper input[type="text"] { max-width: 30px; } .products.cart .taxes, .products.cart .price, .products.cart .price .currency, .products.cart .price .currency .sm { font-size: 12px; } .cart .buttons { margin-top: 10px; } .cart .right-buttons-row, .cart .left-buttons-row { position: static; } table.totals tr td.total { white-space: normal; line-height: 1.3em; } .estimator-container { width: 100%; } .wl-products.cart .buttons-row, .wl-products.cart .item .image, .wl-products.cart .details { display: block; width: 100%; margin: 0; } .invoice-products tr th.invoice-sku-column, .invoice-products tr th.invoice-quantity-column, .invoice-products tr th.invoice-total-column { width: auto; } .invoice-products tr th.invoice-tax-column { width: auto; } .invoice-products tr th.invoice-price-column { width: auto; text-align: center; } table.order-invoice { table-layout: fixed; } div.table-wrapper { overflow: auto; width: 100%; } div.table-wrapper > table { } td.invoice-company-icon, td.invoice-data-box { display: block; width: 100%; padding: 0; margin: 0; } li.address-box { margin: 0 0 20px 0; } .error-page .subcontainer { width: 100%; } .error-page .code-number { width: 90%; float: none; margin: 0 auto; } .error-page .description { width: 90%; float: none; margin: 0 auto 50px; } .adv-search .responsive-search .data-name { width: 100%; } .adv-search .responsive-search .input-row { width: 100%; } .adv-search .responsive-search .expand-section { margin-left: 0%; } .adv-search .responsive-search .data-name.search-options { display: none; } .adv-search .responsive-search .button-row .data-name, .adv-search .responsive-search .button-row .search-button { width: auto; margin-right: 10px; } .dialog-coupon { padding: 10px 0; } .coupon-table, .coupon-table td { display: block; } .coupon-table td:not(.data-name) { float: left; } .coupon-table td input[type="text"] { height: 1.9rem; max-width: 150px; } } @media screen and (max-width: 28.75em) { #header .line1 .logo-column { height: 125px; } #header .line1 .header-learning-resources { margin-bottom: 5px; } #header .line2 .header-learning-resources { transform: none; margin: 18px auto 20px; } .home-page #header .line1 .announcement, .home-page #header .line1 .logo-column { display: block; text-align: center; height: auto; padding: 10px; float: none; width:100%; } .home-page #header .line1 a.logo svg { margin: 0 auto; } .products-list .image.columns, .products-list .details.columns { width: 100%; float: none; } .products-list .image.columns { padding: 0 0 20px 0 !important; } .invoice-products tr th.invoice-quantity-column, .invoice-products tr td.invoice-quantity-column { width: 20px; } .list-dialog .title div.sort-box .search-sort-bar { text-align: left; } .list-dialog .title div.sort-box .search-sort-title { display: block; } .nav-pages { white-space: normal; } .nav-pages-title { display: block; } td.invoice-data-box table td { display: block; padding: 0; width: 100%; } .invoice-personal-info {width: 100%;} .invoice-address-box > tr > td, .invoice-address-box > tbody > tr > td, .invoice-address-box .invoice-address-box-cell { display: block; width: 100%; } } /* Large and up */ @media screen and (min-width: 64em) {} /* Large only */ @media screen and (min-width: 64em) and (max-width: 74.9375em) {} /* Medium and up */ @media screen and (min-width: 40em) {} /* Medium only */ @media screen and (min-width: 40em) and (max-width: 63.9375em) {} @media print { a[href]:after { content: none !important; } } .iv-input { text-align: -webkit-center !important; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * General CSS stylesheet (overrides for Firefox) * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.FF.css,v 1.3 2010/06/24 11:41:09 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ button.button { margin-right: -3px; margin-left: -3px; } div.button { margin-top: 1px; } .login-buttons div.button { margin-top: 2px; } button.simple-button { margin-top: 2px; } .ajax-minicart img.minicart-button { margin-top: 1px; margin-bottom: 5px; } button.do-add2cart-wait .button-left, button.do-add2cart-success .button-left, button.do-add2cart-error .button-left { margin-top: -2px !important; } /* global */ #cluetip-close img { border: 0; } #cluetip-title { overflow: hidden; } #cluetip-title #cluetip-close { float: right; position: relative; } #cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(../../skin/common_files/lib/cluetip/images/wait.gif); } .cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0; } #cluetip-extra { display: none; } /*************************************** =cluetipClass: 'default' -------------------------------------- */ .cluetip-default { background-color: #d9d9c2; } .cluetip-default #cluetip-outer { position: relative; margin: 0; background-color: #fff; border: 1px solid #bbb; } .cluetip-default h3#cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 1.1em; font-weight: bold; background-color: #eee; } .cluetip-default #cluetip-title a { color: #d9d9c2; font-size: 0.95em; } .cluetip-default #cluetip-inner { padding: 10px; } .cluetip-default div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; } /* default arrows */ .clue-right-default .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/darrowleft.gif); } .clue-left-default .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/darrowright.gif); left: 100%; margin-right: -11px; } .clue-top-default .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/darrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-default .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/darrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /*************************************** =cluetipClass: 'jtip' -------------------------------------- */ .cluetip-jtip { background-color: transparent; } .cluetip-jtip #cluetip-outer { border: 2px solid #ccc; position: relative; background-color: #fff; } .cluetip-jtip h3#cluetip-title { margin: 0 0 5px; padding: 2px 5px; font-size: 16px; font-weight: normal; background-color: #ccc; color: #333; } .cluetip-jtip #cluetip-inner { padding: 0 5px 5px; display: inline-block; } .cluetip-jtip div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; } /* jtip arrows */ .clue-right-jtip .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/arrowleft.gif); } .clue-left-jtip .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/arrowright.gif); left: 100%; margin-right: -11px; } .clue-top-jtip .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/arrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-jtip .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/arrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /*************************************** =cluetipClass: 'rounded' -------------------------------------- */ .cluetip-rounded { background: transparent url(../../skin/common_files/lib/cluetip/images/bl.gif) no-repeat 0 100%; margin-top: 10px; margin-left: 12px; } .cluetip-rounded #cluetip-outer { background: transparent url(../../skin/common_files/lib/cluetip/images/tl.gif) no-repeat 0 0; margin-top: -12px; } .cluetip-rounded #cluetip-title { background-color: transparent; padding: 12px 12px 0; margin: 0 -12px 0 0; position: relative; } .cluetip-rounded #cluetip-extra { position: absolute; display: block; background: transparent url(../../skin/common_files/lib/cluetip/images/tr.gif) no-repeat 100% 0; top: 0; right: 0; width: 12px; height: 30px; margin: -12px -12px 0 0; } .cluetip-rounded #cluetip-inner { background: url(../../skin/common_files/lib/cluetip/images/br.gif) no-repeat 100% 100%; padding: 5px 12px 12px; margin: -18px -12px 0 0; position: relative; } .cluetip-rounded div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #009; background: transparent; } .cluetip-rounded div#cluetip-close a { color: #777; } /* rounded arrows */ .clue-right-rounded .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/rarrowleft.gif); } .clue-left-rounded .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/rarrowright.gif); left: 100%; margin-left: 12px; } .clue-top-rounded .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/rarrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-rounded .cluetip-arrows { background-image: url(../../skin/common_files/lib/cluetip/images/rarrowup.gif); top: -23px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /* stupid IE6 HasLayout hack */ .cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner { zoom: 1; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * X-Magnifier module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2.2.1 2010/08/25 09:09:34 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /* Product details page */ .magnifier-popup-link { margin-top: 3px; text-align: center; vertical-align: middle; } .magnifier-popup-link a:link, .magnifier-popup-link a:visited, .magnifier-popup-link a:hover, .magnifier-popup-link a:active { text-decoration: underline; background: transparent url(../../skin/common_files/modules/Magnifier/../../images/zoom_image.gif) no-repeat left top; padding-left: 16px; } .printable .magnifier-popup-link { display: none; } #magnifier_wrapper { min-height: 400px; margin: 0 auto; padding: 0; } #magnifier_div { position: relative; text-align: center; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Wishlist module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:30 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .wishlist-sendlist { margin-top: 15px; } .wishlist-sendlist .button { margin-left: 10px; } .wishlist-sendlist input.input-email { height: 1.9rem } .wishlist-sendlist.data-table td.data-name { vertical-align: middle; } .wishlist-sendlist td label { display: inline; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Manufacturers module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:29 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /* manufacturers menu list */ .menu-manufacturers img.icon { background: url(../../skin/common_files/modules/Manufacturers/../../images/dingbats_categorie.gif) no-repeat; } /* manufacturers list */ ul.manufacturers-list { padding: 0; margin: 0; list-style: none; } ul.manufacturers-list li { margin: 0; padding: 0 0 0 5px; white-space: nowrap; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * News management module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:29 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .news-register-item { margin-bottom: 5px; } .news-register-item label { line-height: 15px; } .news-register-item span { font-style: italic; } /* News list */ label.news-item { display: block; font-weight: bold; } .news-item-descr { font-style: italic; padding-left: 20px; padding-bottom: 15px; } .news-list .news-item { margin-top: 27px; } .news-list .news-item.last { margin-bottom: 27px; } .news-list .news-date { color: #818891; } .news-list .news-title { color: #2c3e49; font-weight: bold; font-size: 14px; } .news-list .news-body { margin-top: 10px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * X-Survey module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.3 2010/07/27 06:19:38 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /* Surveys menu list */ .menu-survey .title-bar img { background: url(../../skin/common_files/modules/Survey/../../images/dingbats_categorie.gif) no-repeat; } /** * Survey page */ .survey-name { font-weight: bold; } .survey-header { font-size: 11px; padding-bottom: 15px; } .menu-survey .survey-header { font-size: 10px; } .survey-question { font-size: 12px; font-weight: bold; padding: 15px 2px 2px 2px; } .menu-survey .survey-question { font-size: inherit; padding: 0; } .survey-answers { padding: 2px 2px 5px 20px; } .menu-survey .survey-answers { padding: 8px 0; } .survey-textarea { width: 400px; height: 150px; } .menu-survey .survey-textarea { width: 120px; height: 60px; } .survey-answer { padding: 0 25px 15px 0; vertical-align: top; } .menu-survey .survey-answer { padding-bottom: 5px; } .survey-answer label { display: block; } .survey-answer textarea { width: 380px; height: 100px; margin-left: 20px; } .menu-survey .survey-answer textarea { width: 120px; height: 60px; } .survey-answer table tr td { padding: 3px; vertical-align: top; } .menu-survey .survey-answer table tr td { padding: 1px; } .survey-footer { font-size: 11px; } .menu-survey .survey-footer { font-size: 10px; } .survey-required { color: #b51a00; font-weight: bold; } .survey-required span { color: #b51a00; font-size: 10px; padding-left: 10px; font-weight: bold; } /** * Survey result page */ .survey-result-row { padding-left: 10px; } .survey-result-row table tr td { padding: 1px; white-space: nowrap; } .survey-result-answer { width: 250px; } .survey-result-row img.survey-bar { vertical-align: middle; height: 15px; background: transparent url(../../skin/common_files/modules/Survey/../../images/bar.gif) repeat left top; float: left; } .survey-answer-hl .survey-result-row img.survey-bar { background-image: url(../../skin/common_files/modules/Survey/../../images/bar_hl.gif); } .survey-bar-label { padding-left: 6px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Image verification module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2.2.1 2010/11/15 11:46:25 ferz Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ div.iv-box { margin-top: 15px; font-size: 10px; line-height: normal; } table.data-table tr td.iv-box { font-size: 10px; line-height: normal; vertical-align: top; padding-right: 5px; } table.data-table tr td.iv-box-descr { padding-top: 15px; font-size: 10px; line-height: normal; } .iv-description { padding: 0; margin: 0; } .iv-row { text-align: left; height: 60px; } .iv-img { text-align: center; } .iv-input { text-align: center; } .iv-row .iv-img { text-align: left; margin-right: 10px; float: left; } .iv-row .iv-input { text-align: left; height: 60px; line-height: 60px; } #opc_profile .iv-row { margin-top: 4px; } #opc_profile .iv-row .iv-input { height: auto; line-height: normal; } #opc_profile .iv-row .iv-input .button { margin: 3px 0px 0px 13px; } .iv-input input { width: 100px; display: inline-block; } .iv-error { padding-left: 5px; color: #880000; } .iv-box a:link, .iv-box a:visited, .iv-box a:hover, .iv-box a:active { text-decoration: none; border: none; border-bottom: 1px dashed #3c6992; white-space: nowrap; color: #3c6992; font-size: 10px; } .iv-box span.star { padding: 0; } table.data-table tr td.iv-box .button-row { margin: 4px 0px 3px 0px; } table.register-table div.iv-box { text-align: center; } table.register-table div.iv-box div.iv-img { margin-top: 4px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Recently viewed module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.3 2010/08/03 15:52:10 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .menu-rviewed-section img.icon { background: transparent url(../../skin/common_files/modules/Recently_Viewed/../../images/dingbats_products.gif) no-repeat left top; } .menu-rviewed-section div.item { margin-bottom: 10px; } .menu-rviewed-section div.image { float: left; margin-right: 10px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Detailed product images module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.5 2010/08/04 11:32:48 joy Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /* Detailed images on product detailed page */ .dpimages-list .content { text-align: center; } .dpimages-list .content img { padding: 0 0 10px 0; } .dpimages-list .content img.last { padding: 0; } .dpimages-list .dpimage-container { text-align: center; margin: 3px 0; } /* Product details line */ div.dpimages-popup-link { margin-top: 33px; text-align: center; vertical-align: middle; } .dpimages-popup-link a:link, .dpimages-popup-link a:visited, .dpimages-popup-link a:hover, .dpimages-popup-link a:active { text-decoration: underline; padding: 0 0 0 17px; background: transparent url(../../skin/common_files/modules/Detailed_Product_Images/../../images/zoom_image.gif) no-repeat left 1px; line-height: 13px; } /* Icons box */ .dpimages-icons-box { padding-top: 15px; padding-bottom: 10px; width: 220px; } .dpimages-icons-box a:link, .dpimages-icons-box a:visited, .dpimages-icons-box a:hover, .dpimages-icons-box a:active { display: block; outline-style: none; border: 1px solid #fff; float: left; } .dpimages-icons-box a:hover { border: 1px solid #215485; } /* Printable page */ .printable .dpimages-popup-link, .printable .dpimages-icons-box { display: none; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Wholesale trading module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:30 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ #wl-prices { margin-top: 15px; } #wl-prices table td { padding: 2px 10px; background: #eee none; white-space: nowrap; } #wl-prices table th { padding: 2px 10px; white-space: nowrap; background: #ccc none; font-weight: bold; text-align: center; } #wl-prices div strong { color: #112536; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * New arrivals module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.0 2011/05/28 17:54:29 chemisk Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /** * New arrivals products menu box */ .menu-new_arrivals img.icon { background: url(../../skin/common_files/modules/New_Arrivals/../../images/dingbats_categorie.gif) no-repeat; } .menu-new_arrivals ul li a:link, .menu-new_arrivals ul li a:visited, .menu-new_arrivals ul li a:hover, .menu-new_arrivals ul li a:active { font-weight: normal; } .menu-new_arrivals ul li, .menu-special ul li, .menu-help ul li, .menu-manufacturers ul li { padding: 4px 0; } /** * New arrival list */ ul.new_arrivals-item { list-style: none; margin: 0; padding: 0; } ul.new_arrivals-item li { list-style: none; padding: 2px; } ul.new_arrivals-item img { width: 50px; float: left; } .new_arrivals-item .details { margin-left: 50px; padding-left: 10px; } .new_arrivals-item a.product-title:link, .new_arrivals-item a.product-title:visited, .new_arrivals-item a.product-title:hover, .new_arrivals-item a.product-title:active { font-weight: bold; } .menu-new_arrivals ul li a { font-size: 12px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * On Sale module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.0 2011/06/26 13:49:39 chemisk Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .position-relative { position: relative; } .position-absolute { position: absolute; } .on-sale-image-position-product { position: absolute; z-index: 10; right: 5px; bottom: 5px; } .on-sale-image-position-products { position: absolute; z-index: 10; right: 22px; bottom: 22px; } .on-sale-image-position-products_t { position: absolute; z-index: 10; right: 7px; bottom: 7px; } .products .image .on-sale-image-position-products img, .products .image .on-sale-image-position-products_t img { border: 0; } .on-sale-icon { background: url(../../skin/common_files/modules/On_Sale/images/on_sale.png) no-repeat scroll right bottom transparent; bottom: 5px; overflow: hidden; position: absolute; right: 2px; } /** * CloudSearch CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /** * Search popup menu */ .instant-search-menu { text-align: left; background: white; background: rgba(255, 255, 255, 0.95); position: absolute; border: 1px solid #363663; border-radius: 0px; font-size: 12px; box-shadow: none; /*0 1px 5px silver;*/ z-index: 55000; } .instant-search-menu dl { margin: 0; padding: 5px 17px 10px 22px; } .instant-search-menu.left dl { padding: 5px 22px 10px 17px; } .instant-search-menu dt { padding: 6px 0; } .instant-search-menu dt a { font-size: 16px; } /* Normal search result link color */ .instant-search-menu dt a { color: #0057B8; } /* Active (hovered) search result link color */ .instant-search-menu dt a:hover, .instant-search-menu dt a.hover, .instant-search-menu .name a { color: #014da2; } .instant-search-menu a, .instant-search-menu a:hover { text-decoration: none; outline: none; } .instant-search-menu dd { display: none; border: 1px solid #363636; /* #b1c9e0 */ border-radius: 0px; margin: 0 3px 3px 3px; padding: 20px; background: white; background: rgba(255, 255, 255, 0.95); position: absolute; top: 0; left: -306px; width: 270px; box-shadow: none; /* 0 1px 5px silver;*/ } .instant-search-menu.left dd { left: 285px; } .instant-search-menu dd .arrow { position: absolute; background: white; border: none; border-top: 1px solid #363636; border-right: 1px solid #363636; width: 14px; height: 14px; right: -9px; top: 14px; /* box-shadow: 2px -2px 2px rgba(100, 100, 100, 0.07);*/ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')"; filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand'); } .instant-search-menu.left dd .arrow { border: none; border-bottom: 1px solid #363636; /*#b1c9e0;*/ border-left: 1px solid #363636; /*#b1c9e0;*/ left: -8px; /* box-shadow: -2px 2px 2px rgba(100, 100, 100, 0.07); */ } .instant-search-menu.ie dd .arrow { right: -8px; top: 10px; } .instant-search-menu.left.ie dd .arrow { left: -9px; } .instant-search-menu .clearing { clear: both; } .instant-search-menu .highlight-hit { background-color: #cce8ff; } /** * Product price styles */ .instant-search-menu .price { float: right; color: #1f6188; font-size: 22px; } /** * Product image */ .instant-search-menu .image { float: left; margin: 0 10px 5px 0; border: solid 1px #dbdbdb; padding: 5px; background: white; } .instant-search-menu .image.show-on-load { display: none; } .instant-search-menu .description { margin: 10px 0 0px; text-align: justify; color: black; } .instant-search-menu .header { margin: 15px 17px 0; color: #444; } .instant-search-menu .results-for, .instant-search-menu .results-for:hover { font-weight: bold; } .instant-search-menu .see-details { text-align: center; font-size: 16px; margin: 13px 0 0 0; } .instant-search-menu .name { font-size: 16px; margin: 0 0 20px; } .instant-search-menu .see-more-results { border-top: 1px solid #ddd; padding-top: 15px; text-align: center; font-size: 12px; margin: 0 0 15px 0; } .instant-search-menu .suggestions { margin: 10px 17px 12px; } .instant-search-menu .suggestions .suggestion { line-height: 26px; font-size: 14px; } .instant-search-menu .header-right { text-align: right; color: #777; font-weight: bold; margin: 0px 17px 0; } .instant-search-menu .header-right:first-child { margin: 15px 17px 0; } .instant-search-menu .powered-by { font-size: 10px; text-align: center; margin: 0 0 10px; padding-top: 10px; } .instant-search-menu dt .parent-category { font-size: 12px; } .instant-search-menu .category-sep { color: #777; } .instant-search-menu .currency .sm { font-size: .7em; }/* vim: set ts=2 sw=2 sts=2 et: */ /** * X-Product configurator module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.3 2010/06/17 10:24:41 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .pconf-cart-list { margin-bottom: 30px; } .pconf-cart-list table td { margin: 0; vertical-align: top; } .pconf-cart-list table td.pconf-cart-subproduct { padding-left: 10px; padding-right: 80px; } .pconf-cart-list table td.pconf-price-modifier { white-space: nowrap; text-align: right; color: #b51a00; } .pconf-cart-list table td.pconf-price { white-space: nowrap; text-align: right; padding-right: 10px; } .pconf-negative-price { color: #b51800; } .pconf-cart-list .subhead-row { background: #f1f1f1 none; } .pconf-cart-list tr.pconf-cart-total td { border-top: 1px solid #dddddd; } .pconf-cart-list tr.pconf-cart-total td.pconf-cart-total-name { padding-left: 20px; } .pconf-cart-list .button-row { margin: 0; padding-top: 15px; } /** * Configuration wizard: Step page */ .pconf-product-configure .pconf-step-title { font-weight: bold; font-size: 12px; margin: 0; padding: 0; } .pconf-product-configure .pconf-step-descr { margin: 0; padding: 15px 0 0 0; } .pconf-slot-configure { margin: 0; padding: 45px 0 0 0; } .pconf-slot-configure-first { padding-top: 25px; } .pconf-slot-header { position: relative; vertical-align: top; height: 35px; background-color: #efebef; margin-bottom: 10px; } .pconf-slot-configure .pconf-slot-title { left: 15px; top: 10px; font-weight: bold; position: absolute; margin-top: 0; } .pconf-slot-configure .pconf-slot-actions { margin: 0; padding: 0; width: 40%; right: 15px; top: 10px; position: absolute; } .pconf-slot-configure .pconf-slot-actions .buttons-row-right { padding: 0; margin: 0; } .pconf-slot-configure .pconf-slot-actions .buttons-row-right a { line-height: 14px; } .pconf-slot-configure .pconf-slot-descr { margin: 0; padding: 0 0 10px 0; } .pconf-slot-configure .pconf-slot-required { font-weight: normal; color: #b51a00; } .pconf-slot-product .image { text-align: center; vertical-align: top; white-space: nowrap; } .pconf-slot-product-details { vertical-align: top; padding-left: 20px; } .pconf-slot-product-details a.product-title { color: #043fa0; font-size: 12px; } .pconf-price-row { padding: 5px 20px 5px 0; font-size: 11px; } .pconf-price-row .price { font-weight: bold; } .pconf-price-row .price-value { font-weight: bold; color: #b51a00; } /** * Configuration wizard: Products list */ .pconf-rules tr td { padding: 2px; vertical-align: top; } .pconf-rules .pconf-rules-or { display: block; } /** * Configuration summary */ .pconf-product-summary table.product-properties { padding-top: 10px; width: auto; } .pconf-product-summary table tr td { white-space: nowrap; padding: 5px 15px 5px 0; } .pconf-product-summary table tr td.property-name { font-weight: bold; } p.pconf-summary { font-weight: bold; padding-bottom: 15px; } .pconf-summary-step { position: relative; vertical-align: top; border: 1px solid #c5d0e1; padding: 0; margin: 0 0 15px 0; } .pconf-summary-step .pconf-step-title { height: 26px; background: #e2e8f0 none; border: 0 none; border-bottom: 1px solid #c5d0e1; position: relative; vertical-align: middle; line-height: 25px; padding: 0 50px 0 10px; position: relative; margin: 0; } .pconf-summary-step .pconf-step-title .button-row { margin: 0; position: absolute; top: 2px; right: 10px; } .pconf-summary-slots { padding-top: 15px; } .pconf-summary-slots .pconf-slot-image, .pconf-summary-slots .pconf-slot-details { padding: 0 0 38px 0; } .pconf-summary-slots .pconf-slot-image { text-align: center; width: 90px; } .pconf-summary-slots .pconf-slot-title { font-weight: bold; } .pconf-summary-slots a.pconf-slot-product:link, .pconf-summary-slots a.pconf-slot-product:visited, .pconf-summary-slots a.pconf-slot-product:hover, .pconf-summary-slots a.pconf-slot-product:active { font-weight: bold; text-decoration: underline; } .pconf-summary-slots .pconf-slot-price { margin: 10px 0 0 0; padding: 0; } .pconf-summary-slots .pconf-slot-taxes { padding-left: 40px; } .pconf-summary-total { font-size: 12px; height: 40px; vertical-align: middle; } .pconf-cart-list-checkout { margin: 6px 6px 6px 20px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Feature Comparison Module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.5 2010/07/27 11:49:37 igoryan Exp $ * @link http: //www.x-cart.com/ * @see ____file_see____ */ /** * Comparison list */ .fcomp-list .title-bar img { background: url(../../skin/common_files/modules/Feature_Comparison/../../images/dingbats_categorie.gif) no-repeat; } .fcomp-list .fcomp-subtitle { font-weight: 700; padding: 0 0 5px; margin: 0; } .fcomp-list ul { margin: 0; padding: 0; } .fcomp-list ul li { padding: 1px 16px 1px 1px; margin: 0; position: relative; } .fcomp-list ul li img.delete-icon { position: absolute; top: 4px; right: 4px; } .fcomp-list ul li.fcomp-line { padding: 2px 0; } .fcomp-list ul li.fcomp-line hr { margin: 0; border-bottom-color: #dee2e9; } ul.fcomp-buttons li { margin: 5px 0px 25px 0px; } a.fcomp-menu-link { font-weight: 400; text-decoration: underline; } /** * Functionality in products list */ .fcomp-checkbox-box label { white-space: nowrap; vertical-align: middle; } .fcomp-checkbox-box label * { vertical-align: middle; } .products-list .fcomp-checkbox-box { margin-top: 10px; text-align: center; } .products-table .fcomp-checkbox-box { margin-top: 3px; } .fcomp-product-box { margin-top: 22px; } .fcomp-compare-with-title { margin: 15px 0 5px; } .fcomp-select-box { position: relative; white-space: nowrap; padding: 10px 0 0; height: 24px; } .fcomp-select-product { width: 200px; vertical-align: top; } .fcomp-compare-buttons { padding: 25px 0; } .printable .fcomp-compare-buttons, .printable .fcomp-checkbox-box, .printable .fcomp-product-box { display: none; } /** * Comparison page (classes list) */ .fcomp-classes-list .fcomp-class-title { background: #eee none; font-weight: 700; margin-top: 15px; } .fcomp-classes-list ul { margin: 0; padding: 0; list-style: none; } .fcomp-classes-list ul li { margin: 0; padding: 0 0 0 5px; } /** * Comparison page (classes list) */ .fcomp-toolbar { text-align: left; white-space: nowrap; padding-bottom: 15px; margin-right: 20px; } .fcomp-show-not-equal { width: 24px; height: 24px; background: transparent url(../../skin/common_files/modules/Feature_Comparison/../../images/nofiltr.png) no-repeat; } .fcomp-show-equal { width: 24px; height: 24px; background: transparent url(../../skin/common_files/modules/Feature_Comparison/../../images/filtr.png) no-repeat; } .fcomp-axis { width: 24px; height: 24px; background: transparent url(../../skin/common_files/modules/Feature_Comparison/../../images/change.png) no-repeat; } .fcomp-popup-link { width: 24px; height: 24px; background: transparent url(../../skin/common_files/modules/Feature_Comparison/../../images/popup.png) no-repeat; } .fcomp-removed-features { padding-top: 15px; padding-bottom: 15px; } .fcomp-removed-features span { padding-left: 5px; padding-right: 5px; } span.fcomp-removed-features-title { font-weight: 700; padding-right: 5px; } .fcomp-table .search-sort-bar { padding-right: 0; margin: 0 0 15px; } .fcomp-table table { background: #ccc none; float: left; } .fcomp-table tr td { padding: 2px; } .fcomp-table tr td.fcomp-corner { background: #fff none; width: 200px; } .fcomp-table tr td.fcomp-title { background: #ccc none; font-weight: 700; text-align: center; } .fcomp-table tr td.fcomp-empty { background-color: #eee; } .fcomp-xy tr td.fcomp-title-h { vertical-align: top; text-align: center; background-color: #eee; font-weight: 700; } .fcomp-xy tr td.fcomp-title-v { vertical-align: middle; background-color: #eee; white-space: nowrap; } .fcomp-yx tr td.fcomp-title-h { vertical-align: top; text-align: center; background-color: #eee; font-weight: 700; } .fcomp-yx tr td.fcomp-title-v { vertical-align: middle; background-color: #eee; white-space: nowrap; } .fcomp-yx tr td.fcomp-title-h a:link, .fcomp-yx tr td.fcomp-title-h a:visited, .fcomp-yx tr td.fcomp-title-h a:hover, .fcomp-yx tr td.fcomp-title-h a:link, .fcomp-yx tr td.fcomp-title-v a:link, .fcomp-yx tr td.fcomp-title-v a:visited, .fcomp-yx tr td.fcomp-title-v a:hover, .fcomp-yx tr td.fcomp-title-v a:active { font-weight: 700; } .fcomp-yx tr td.fcomp-title-h label, .fcomp-xy tr td.fcomp-title-v label { font-weight: 700; } .fcomp-table tr td.fcomp-hl-cell { vertical-align: middle; background-color: #fff5e4; text-align: center; } .fcomp-table tr td.fcomp-cell { vertical-align: middle; background-color: #fff; text-align: center; } .fcomp-table img.fcomp-yes { vertical-align: middle; width: 12px; height: 9px; background: transparent url(../../skin/common_files/modules/Feature_Comparison/../../images/yes.png) no-repeat left top; } .fcomp-table img.fcomp-no { vertical-align: middle; width: 10px; height: 10px; background: transparent url(../../skin/common_files/modules/Feature_Comparison/../../images/no.png) no-repeat left top; } .fcomp-table tr td.fcomp-center-note { white-space: nowrap; text-align: center; background: #fff none; } .fcomp-table tr td.fcomp-note { text-align: center; background: #fff none; } .fcomp-table tr td.fcomp-delete-cell { white-space: nowrap; background: #fff none; vertical-align: top; line-height: 15px; } .fcomp-table tr td.fcomp-delete-cell a:link, .fcomp-table tr td.fcomp-delete-cell a:visited, .fcomp-table tr td.fcomp-delete-cell a:hover, .fcomp-table tr td.fcomp-delete-cell a:active { background: transparent url(../../skin/common_files/modules/Feature_Comparison/../../images/delete_obj.gif) no-repeat left 1px; padding-left: 16px; display: block; height: 15px; } /** * Choosing page (classes list) */ .fcomp-class-cell { float: left; text-align: center; } .fcomp-class-cell a.image:link, .fcomp-class-cell a.image:visited, .fcomp-class-cell a.image:hover, .fcomp-class-cell a.image:active { text-decoration: none; } .fcomp-class-cell a:link, .fcomp-class-cell a:visited, .fcomp-class-cell a:hover, .fcomp-class-cell a:active { font-weight: 700; } /** * Choosing page (options list) */ .fcomp-options-table .data-name { white-space: nowrap; } table.fcomp-options-table td { padding-bottom: 15px; } table.fcomp-options-table table td { padding-bottom: 0; } .fcomp-options-label-including { padding: 0; font-size: 10px; } /** * Products list popup */ .fcomp-popup-dialog .content { vertical-align: top; } .fcomp-popup-dialog form { width: 100%; } .fcomp-popup-categories-list { width: 48%; float: left; vertical-align: top; padding: 0 0 15px; } .fcomp-popup-products-list { margin-left: 50%; width: 48%; vertical-align: top; padding: 0 0 15px; } .fcomp-popup-column-title { font-weight: 700; } .fcomp-popup-categories-list select, .fcomp-popup-products-list select { width: 100%; } img.fcomp-in-cart { width: 16px; height: 18px; background: transparent url(../../skin/common_files/modules/Feature_Comparison/images/in_cart.png) no-repeat; } img.fcomp-fake-image { display: none; } img.fcomp-progress-image { width: 60px; height: 19px; background: transparent url(../../skin/common_files/modules/Feature_Comparison/../../images/progress.gif) repeat-x 0 5px; } select.fcomp-select-product { margin-right: 10px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Gift certificates Module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:29 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /** * Gift certificate page */ .giftcert-header { vertical-align: middle; padding-bottom: 15px; } .giftcert-header img { width: 61px; height: 67px; background: transparent url(../../skin/common_files/modules/Gift_Certificates/../../images/gift.gif) no-repeat left top; float: left; margin: 0 15px 15px 0; } .giftcert-table .giftcert-title { color: #b51a00; font-weight: bold; font-size: 12px; padding: 10px 0 0; } .giftcert-table .data-name { text-align: right; } .giftcert-table .giftcert-subtitle { padding-bottom: 30px; } .giftcert-table .giftcert-h-separator { padding: 15px 0; } .giftcert-table .giftcert-h-separator hr { border-bottom: 1px solid #ccc; } .giftcert-table .buttons-row #preview_button { float: left; } .giftcert-table .giftcert-delivery-method { font-weight: bold; } table.data-table tr#preview_template td { vertical-align: middle; } #preview_template td select { margin-right: 20px; } form[name=registergiftcert] .button { margin-top:10px; } form[name=registergiftcert] input[name=gcid] { margin-top:5px; } /** * Cart page */ .giftcert-item .image img { width: 84px; height: 69px; background: transparent url(../../skin/common_files/modules/Gift_Certificates/../../images/gift.gif) no-repeat left top; } .giftcert-item .giftcert-item-row .giftcert-item-subtitle { padding-right: 3px; } .giftcert-item .product-title { padding-bottom: 15px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Upselling products module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:30 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ ul.uproducts { list-style: none outside none; padding: 0; margin: 0; } .uproducts li { padding: 5px; font-weight: bold; } ul.uproducts a:link, ul.uproducts a:visited, ul.uproducts a:hover, ul.uproducts a:active { font-weight: bold; font-size: 12px; } .printable .uproducts { display: none; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Discount Coupons Module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:29 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ .dcoupons-add-coupon { color: #112536; font-weight: bold; } /* clear link */ .dcoupons-clear img { background: transparent url(../../skin/common_files/modules/Discount_Coupons/../../images/delete_cross.gif) no-repeat; width: 11px; height: 11px; vertical-align: bottom; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Advanced Order Management module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:28 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ #history-box { padding: 5px; border: solid 1px #ccc; font-size: 10px; } #history-box ul { padding-left: 20px; margin: 0px; } #history-box li { padding: 0; margin: 0; font-size: 10px; } #history-box .subhead { color: #000; font-size: 10px; font-weight: bold; padding-top: 3px; margin: 0; } #history-box .subhead-comment { color: #000; font-size: 10px; font-weight: normal; padding: 3px 0; margin: 0; } #history-box .subhead-note { color: #848a94; padding: 3px 0; font-size: 10px; } #history-box .section-subhead { color: #b51a00; font-size: 10px; font-weight: normal; padding: 3px 0; margin: 0; } #history-box p { font-size: 10px; padding: 0; margin: 0; } #history-box .status { color: #848a94; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Product options module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.2 2010/05/31 06:08:30 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /* exceptions list */ #exception_msg { padding-bottom: 15px; } .poptions-exceptions-list { padding-bottom: 15px; } /* short options list */ .poptions-options-list { padding: 1px; } .poptions-options-list td { padding-right: 10px; } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Fast Lane Checkout module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.4 2010/06/28 08:00:14 igoryan Exp $ * @link http: //www.x-cart.com/ * @see ____file_see____ */ .flc-container.checkout-container #center { float: right; } /** * Checkout page: user profile */ .flc-left-dialog { width: 49%; float: left; min-height: 260px; } .flc-right-dialog { margin-left: 50%; min-height: 260px; } .flc-ext-left-dialog, .flc-ext-right-dialog { min-height: 380px; } .flc-right-dialog .content { vertical-align: middle; text-align: center; line-height: 184px; } .flc-ext-right-dialog .content { line-height: 314px; } .flc-login-text { font-size: 12px; font-weight: 700; margin: auto 0; } .flc-login-text a:link, .flc-login-text a:visited, .flc-login-text a:hover, .flc-login-text a:active { text-decoration: underline; } .flc-left-dialog input { max-width: 180px; } /** * Checkout page: shipping & payment methods */ .flc-checkout-container { vertical-align: top; padding-bottom: 30px; width: 100%; clear: both; } .flc-checkout-container h3 { color: #1e988a; margin:0; padding: 17px 0; } .flc-checkout-container .flc-address { vertical-align: top; width: 30%; float: left; overflow: hidden; } .flc-checkout-container .flc-checkout-options { margin-left: 32%; vertical-align: top; } .checkout-payments tr td { padding: 5px; vertical-align: top; } .checkout-payments tr td.checkout-payment-name { width: 20%; white-space: nowrap; padding-right: 10px; } .checkout-payments tr td.checkout-payment-name label { font-weight: 700; } .checkout-payments tr td.checkout-payment-descr { width: 80%; } .checkout-payments tr td.checkout-payment-paypal { width: 100%; } .checkout-payments tr td.checkout-payment-paypal img { border: 0 none; } .checkout-shippings label { position: relative; display: block; padding: 2px; min-height: 18px; line-height: 18px; vertical-align: middle; } .checkout-shippings label input { vertical-align: middle; } .checkout-shippings label span { padding-left: 3px; } .checkout-shippings label.highlight { background: #eee none; } /** * Checkout page: tabs */ div.flc-tabs-container { position: relative; text-align: right; min-height: 60px; } div.flc-tabs { position: relative; right: 0; top: 0; width: 100%; } ul.flc-progress-bar { list-style-type: none; margin: 0; padding: 0; } ul.flc-progress-bar li { float: left; min-height: 60px; width: 25%; padding: 0; margin: 0; text-align: center; } div.flc-tab-cart-line { vertical-align: top; text-align: center; height: 30px; color: #006fba; font-size: 20px; transform: scale(-1, 1); } div.flc-tab-cart-line img { width: 18px; height: 13px; text-align: center; background: transparent url(../../skin/common_files/modules/Fast_Lane_Checkout/../../images/cart_checkout.gif) no-repeat left top; } div.flc-tab-marks-line { padding: 0; height: 10px; vertical-align: top; } .flc-tab-marks-line div { width: 100%; height: 6px; position: relative; } .flc-tab-marks-line img { position: absolute; background: #d9d9d6 none; } .flc-tab-marks-line .flc-tab-line-img1 { top: 0; right: 50%; left: 0; width: 50%; height: 2px; } .flc-tab-marks-line .flc-tab-line-img2 { top: 0; right: 0; left: 50%; width: 50%; height: 2px; } .flc-tab-marks-line .flc-tab-line-img3 { top: 2px; right: 50%; width: 2px; height: 4px; } .flc-tab-marks-line .flc-tab-first .flc-tab-line-img1 { width: 2px; left: auto; } .flc-tab-marks-line .flc-tab-last .flc-tab-line-img2 { background: #FFF none; } .flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img1, .flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img2, .flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img3, .flc-tab-marks-line .flc-tab-line-half .flc-tab-line-img1, .flc-tab-marks-line .flc-tab-line-half .flc-tab-line-img3 { background: #f6b220 none; } div.flc-tab-links { font-weight: 500; text-align: center; padding: 0 5px; line-height: 1; } .flc-tab-links a:link, .flc-tab-links a:visited, .flc-tab-links a:hover, .flc-tab-links a:active { text-decoration: underline; font-weight: 700; } /** * Checkout: last step */ .flc-checkout-products { padding-bottom: 30px; } .flc-checkout-box-info { padding: 0 0 30px 20px; text-align: center; padding: 0 5px; } .flc-tab-links a:link, .flc-tab-links a:visited, .flc-tab-links a:hover, .flc-tab-links a:active { text-decoration: underline; font-weight: 600; } .flc-checkout-products { padding-bottom: 30px; } .flc-checkout-box-info { padding: 0 0 30px 20px; text-align: left; } .flc-checkout-address-left { width: 48%; float: left; vertical-align: top; padding-bottom: 15px; } .flc-checkout-address-right { vertical-align: top; margin-left: 50%; padding-bottom: 15px; } table.flc-checkout-address tr td { padding: 2px; } .flc-payment-options { padding-bottom: 15px; } @media screen and (max-width: 39.9375em) { .flc-right-dialog, .flc-left-dialog { width: 100%; float: none; min-height: 0px; margin: 0 0 20px 0; } .flc-ext-left-dialog, .flc-ext-right-dialog { min-height: 0px; } .flc-right-dialog .content { line-height: 1rem; } .flc-ext-right-dialog .content { line-height: 1rem; } .checkout-shippings label { display: inline-block; } .flc-checkout-container .flc-address { float: none; width: 100%; } .flc-checkout-container .flc-checkout-options { float: none; width: 100%; margin: 0; } .checkout-payments tr td.checkout-payment-name { white-space: normal; } .flc-checkout-box-info { padding: 0 0 20px; } .flc-checkout-address-left, .flc-checkout-address-right { width: 100%; float: none; margin: 0; display: block; } } /* vim: set ts=2 sw=2 sts=2 et: */ /** * Flyout menus module CSS stylesheet * * @category X-Cart * @package X-Cart * @subpackage CSS * @author Ruslan R. Fazlyev * @version $Id: main.css,v 1.3 2010/07/22 09:41:43 igoryan Exp $ * @link http://www.x-cart.com/ * @see ____file_see____ */ /** * Layout */ .menu-fancy-categories-list .content { overflow: visible; } .fancycat-icons-e ul { list-style-type: none; padding: 0; margin: 0; list-style: none; width: 247px; } .fancycat-icons-e ul li { float: left; position: relative; width: 100%; padding: 3px 0 5px 0; background: white none; } ul.fancycat-icons-level-0 { margin-left: -8px; } ul.fancycat-icons-level-0 li { background: transparent url(../../skin/common_files/modules/Flyout_Menus/Icons/../../../images/bg_dash.gif) repeat-x 0 100%; } ul.fancycat-icons-level-1 li { background: none; } .fancycat-icons-e li ul { display: none; position: absolute; top: 1px; left: 236px; background: white none; border: 1px solid #d3d3d3; margin: 0; padding: 5px 6px 5px 5px; } .fancycat-icons-e li:hover, .fancycat-icons-e li.over { background-color: #f1f1f1; } .fancycat-icons-e li:hover ul, .fancycat-icons-e li.over ul { display: block; } .fancycat-icons-e li iframe { position: absolute; padding: 0; border: 0 none; margin: 0; left: 0; top: 0; display: none; } .fancycat-icons-e li iframe.over { display: block; } /** * Multi-level support */ .fancycat-icons-e li:hover ul ul, .fancycat-icons-e li.over ul ul, .fancycat-icons-e li:hover ul ul ul, .fancycat-icons-e li.over ul ul ul, .fancycat-icons-e li:hover ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul, .fancycat-icons-e li:hover ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul, .fancycat-icons-e li:hover ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul, .fancycat-icons-e li:hover ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul, .fancycat-icons-e li:hover ul ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul ul, .fancycat-icons-e li:hover ul ul ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul ul ul, .fancycat-icons-e li:hover ul ul ul ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul ul ul ul, .fancycat-icons-e li:hover ul ul ul ul ul ul ul ul ul ul ul, .fancycat-icons-e li.over ul ul ul ul ul ul ul ul ul ul ul { display: none; } .fancycat-icons-e li li:hover ul, .fancycat-icons-e li li.over ul, .fancycat-icons-e li li li:hover ul, .fancycat-icons-e li li li.over ul, .fancycat-icons-e li li li li:hover ul, .fancycat-icons-e li li li li.over ul, .fancycat-icons-e li li li li li:hover ul, .fancycat-icons-e li li li li li.over ul, .fancycat-icons-e li li li li li li:hover ul, .fancycat-icons-e li li li li li li.over ul, .fancycat-icons-e li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li.over ul, .fancycat-icons-e li li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li li.over ul, .fancycat-icons-e li li li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li li li.over ul, .fancycat-icons-e li li li li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li li li li.over ul, .fancycat-icons-e li li li li li li li li li li li:hover ul, .fancycat-icons-e li li li li li li li li li li li.over ul { display: block; } /** * Visual scheme */ .fancycat-icons-e ul li a:link, .fancycat-icons-e ul li a:visited, .fancycat-icons-e ul li a:hover, .fancycat-icons-e ul li a:active { display: block; position: relative; font-size: 14px; font-family: Arial; text-decoration: none; line-height: 16px; vertical-align: middle; background: transparent none; padding: 0 25px 0 7px; margin-left: 0px !important; overflow: hidden; } .fancycat-icons-e a.icon-link:link, .fancycat-icons-e a.icon-link:visited, .fancycat-icons-e a.icon-link:hover, .fancycat-icons-e a.icon-link:active { padding-left: 26px; } .fancycat-icons-e a.sub-link:link, .fancycat-icons-e a.sub-link:visited, .fancycat-icons-e a.sub-link:hover, .fancycat-icons-e a.sub-link:active { background: transparent url(../../skin/common_files/modules/Flyout_Menus/Icons/tree_subdir_plus.gif) no-repeat 97% 4px; } .fancycat-icons-e a.empty-link:link, .fancycat-icons-e a.empty-link:visited, .fancycat-icons-e a.empty-link:hover, .fancycat-icons-e a.empty-link:active { color: #a3b1c7; } .fancycat-icons-e a.nowrap-link:link, .fancycat-icons-e a.nowrap-link:visited, .fancycat-icons-e a.nowrap-link:hover, .fancycat-icons-e a.nowrap-link:active { white-space: nowrap; } .fancycat-icons-e img { position: absolute; top: 0; left: 0; padding: 0; margin: 0; } /** * Tree-like expanding */ .fancycat-page-subskin-c #center-main { margin-left: 207px; } .fancycat-page-subskin-c #left-bar { width: 180px; } .fancycat-icons-c { padding-top: 5px; padding-left: 8px; overflow: hidden; } .fancycat-icons-c ul { list-style: none; padding: 0; } .fancycat-icons-c ul li { padding: 4px 0px 7px 19px; position: relative; } .fancycat-icons-c ul.fancycat-icons-level-1 li { padding-bottom: 3px; } .fancycat-icons-c ul li ul { margin-top: 3px; } .fancycat-icons-c li.closed ul { display: none; } .fancycat-icons-c ul li a:link, .fancycat-icons-c ul li a:visited, .fancycat-icons-c ul li a:hover, .fancycat-icons-c ul li a:active { color: #324c76; font-size: 11px; } .fancycat-icons-c li a.arrow:link, .fancycat-icons-c li a.arrow:visited, .fancycat-icons-c li a.arrow:hover, .fancycat-icons-c li a.arrow:active { display: block; position: absolute; left: 0; top: 5px; outline-style: none; width: 12px; height: 12px; background: transparent url(../../skin/common_files/modules/Flyout_Menus/Icons/plus_minus.gif) no-repeat left -12px; overflow: hidden; } .fancycat-icons-c li.closed a.arrow:link, .fancycat-icons-c li.closed a.arrow:visited, .fancycat-icons-c li.closed a.arrow:hover, .fancycat-icons-c li.closed a.arrow:active { background-position: left top; } .fancycat-icons-c a.empty-link:link, .fancycat-icons-c a.empty-link:visited, .fancycat-icons-c a.empty-link:hover, .fancycat-icons-c a.empty-link:active { color: #808b9d; } .mm-menu,.mm-panels,.mm-panels>.mm-panel{margin:0;left:0;right:0;top:0;bottom:0;z-index:0;box-sizing:border-box} .mm-btn,.mm-menu{box-sizing:border-box} .mm-listview a,.mm-listview a:hover,.mm-navbar a,.mm-navbar a:hover{text-decoration:none} .mm-hidden{display:none!important} .mm-menu,.mm-panels>.mm-panel:not(.mm-hidden){display:block} .mm-wrapper{overflow-x:hidden;position:relative} .mm-menu{padding:0;position:absolute} .mm-panels,.mm-panels>.mm-panel{background:inherit;border-color:inherit;position:absolute} .mm-btn,.mm-panel.mm-highest{z-index:1} .mm-panels{overflow:hidden} .mm-panel{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} .mm-panel.mm-opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-panel.mm-subopened{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)} .mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px} .mm-listview .mm-divider,.mm-listview>li>a,.mm-listview>li>span,.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .mm-panels>.mm-panel.mm-hasnavbar{padding-top:40px} .mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{content:'';display:block;height:20px} .mm-vertical .mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important} .mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:10px 0 10px 10px} .mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{border-color:transparent} .mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block} .mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{height:40px;bottom:auto} .mm-listview>li.mm-vertical>.mm-next:after,.mm-vertical .mm-listview>li>.mm-next:after{top:16px;bottom:auto} .mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);right:19px} .mm-btn{width:40px;height:40px;position:absolute;top:0} .mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{content:'';border:2px solid transparent;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} .mm-clear:before,.mm-close:before{border-right:none;border-bottom:none;right:18px} .mm-clear:after,.mm-close:after{border-left:none;border-top:none;right:25px} .mm-arrow:after,.mm-next:after,.mm-prev:before{content:'';border:2px solid transparent;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} .mm-prev:before{border-right:none;border-bottom:none;left:23px} .mm-arrow:after,.mm-next:after{border-top:none;border-left:none;right:23px} .mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0} .mm-navbar>*{display:block;padding:10px 0} .mm-navbar .mm-btn:first-child{padding-left:20px;left:0} .mm-navbar .mm-btn:last-child{text-align:right;padding-right:20px;right:0} .mm-panel .mm-navbar{display:none} .mm-panel.mm-hasnavbar .mm-navbar{display:block} .mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0} .mm-listview{font:inherit;font-size:14px;line-height:20px} .mm-listview>li{position:relative} .mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit} .mm-listview>li>a,.mm-listview>li>span{color:inherit;display:block;padding:10px 10px 10px 20px;margin:0} .mm-listview>li>a.mm-arrow,.mm-listview>li>span.mm-arrow{padding-right:50px} .mm-listview>li:not(.mm-divider):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;right:0;bottom:0;left:20px} .mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2} .mm-listview .mm-next:before{content:'';border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0} .mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px} .mm-listview .mm-next.mm-fullsubopen{width:100%} .mm-listview .mm-next.mm-fullsubopen:before{border-left:none} .mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0} .mm-panels>.mm-panel>.mm-listview{margin:20px -20px} .mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px} .mm-listview .mm-inset{list-style:disc inside;padding:0 10px 15px 40px;margin:0} .mm-listview .mm-inset>li{padding:5px 0} .mm-listview .mm-divider{font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px} .mm-listview .mm-spacer{padding-top:40px} .mm-listview .mm-spacer>.mm-next{top:40px} .mm-listview .mm-spacer.mm-divider{padding-top:25px} .mm-menu{background:#006fba;border-color:rgba(255,255,255,.1);color:#fff} .mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(255,255,255,1)} .mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(255,255,255,.3)} .mm-menu .mm-listview{border-color:rgba(255,255,255,.1)} .mm-menu .mm-listview>li .mm-arrow:after,.mm-menu .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,1)} .mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.5);tap-highlight-color:rgba(255,255,255,.5)} .mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.5)} .mm-menu .mm-divider,.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)} .mm-page{box-sizing:border-box;position:relative} .mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1} html.mm-opened{overflow-x:hidden;position:relative} html.mm-blocking,html.mm-blocking body{overflow:hidden} html.mm-background .mm-page{background:inherit} #mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2} html.mm-blocking #mm-blocker{display:block} .mm-menu.mm-offcanvas{z-index:0;display:none;position:fixed} .mm-menu.mm-offcanvas.mm-current{display:block} .mm-menu{width:80%;min-width:140px;max-width:440px} html.mm-opening .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0);overflow:hidden;} @media all and (max-width:175px){html.mm-opening .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)} } @media all and (min-width:550px){html.mm-opening .mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)} } .mm-menu.mm-pageshadow:after{content:"";display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:99;box-shadow:0 0 10px rgba(0,0,0,.3)} .mm-menu.mm-pageshadow.mm-right:after{left:auto;right:100%} .mm-menu.mm-pageshadow.mm-front:after,.mm-menu.mm-pageshadow.mm-next:after{content:none;display:none} .mm-search,.mm-search input{box-sizing:border-box} .mm-search{height:40px;padding:7px 10px 0;position:relative} .mm-search input{border:none!important;outline:0!important;box-shadow:none!important;border-radius:26px;font:inherit;font-size:14px;line-height:26px;display:block;width:100%;height:26px;min-height:26px;max-height:26px;margin:0;padding:0 10px} .mm-search input::-ms-clear{display:none} .mm-search .mm-clear,.mm-search .mm-next{right:0} .mm-panel>.mm-search{width:100%;position:absolute;top:0;left:0} .mm-panel.mm-hassearch{padding-top:40px} .mm-panel.mm-hassearch.mm-hasnavbar{padding-top:80px} .mm-panel.mm-hassearch.mm-hasnavbar .mm-search{top:40px} .mm-noresultsmsg{text-align:center;font-size:21px;padding:40px 0} .mm-noresults .mm-indexer{display:none!important} li.mm-nosubresults>a.mm-next{display:none} li.mm-nosubresults>a.mm-next+a,li.mm-nosubresults>a.mm-next+span{padding-right:10px} .mm-panels>.mm-resultspanel:not(.mm-opened){-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-menu .mm-search input{background:rgba(0,0,0,.05);color:rgba(255,255,255,.7)} .mm-menu .mm-noresultsmsg{color:rgba(255,255,255,.3)} .mm-panel:not(.search-needed)>.mm-search { display: none; } .mm-panel ul.fancycat-icons-level-0 li { background: transparent none; } #mmenu:not(.mm-menu) { display: none; } .top-mobile-menu .mobile-account-links:not(.submenu), .top-mobile-menu #search-box:not(.submenu) { display: none; }