/* FJC Caching function */ /* File: site_css/layout.css */ @font-face { font-family: DINWeb; src: url("../../fonts/DINWeb.eot"); } @font-face { font-family: DINWeb; src: url("../../fonts/DINWeb.woff") format("woff"); } @font-face { font-family: DINWeb; font-weight: bold; src: url("../../fonts/DINWeb-Bold.eot"); } @font-face { font-family: DINWeb; font-weight: bold; src: url("../../fonts/DINWeb-Bold.woff") format("woff"); } @font-face { font-family: DINWeb; font-style: italic; src: url("../../fonts/DINWeb-Ita.eot"); } @font-face { font-family: DINWeb; font-style: italic; src: url("../../fonts/DINWeb-Ita.woff") format("woff"); } html, body { height: 100%; margin: 0px; padding: 0px; } img { border: 0px none; } input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #site_container { position: relative; min-height: 100%; font-size: 12px; font-family: Arial; margin: 0px auto; } .sprite { background-image: url('../../../site_images/sprite.png?v=2'); background-repeat: no-repeat; } .clear { clear: both; } .blue { color: #002D8F; } .bg-blue { background-color: #002D8F !important; } .content_wrapper { position: relative; width: 1024px; /*width: 1072px;*/ margin: 0 auto; } .hidden-desktop { visibility: hidden; display: none; } *:focus { outline: 0; } @media all and (max-width: 1023px) { .content_wrapper { width: 768px; } .hidden-desktop { visibility: visible; display: block; } } #ajaxErrorDocument .close { border: 0px solid #002D8F; margin: 10px 0px 0px 0px; padding: 2px 15px 2px 15px; background: #002D8F; display: inline-block; color: #FFFFFF; font-weight: bold; font-size: 16px; text-align: center; text-decoration: none; text-transform: uppercase; line-height: 26px; cursor: pointer; } /* FJC Caching function */ /* File: fjc/fjc_floatbox/floatbox.css */ /* Floatbox v3.22 */ /* November 15, 2008 */ #fbOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; border-width: 0; margin: 0; padding: 0; } /* overlay color */ div.fbOverlay_black { background-color: #000; } div.fbOverlay_white {background-color: #000; } div.fbOverlay_blue { background-color: #0b183b; } div.fbOverlay_yellow { background-color: #752; } div.fbOverlay_red { background-color: #280000; } div.fbOverlay_custom { background-color: #1b2642; } #fbBox { position: absolute; border-style: solid; border-width: 0; margin: 0; padding: 0; } div.fbBox_black { border-color:#FFFFFF; /* outerBorder color */ background-color: #FFF; /* main floatbox color */ } div.fbBox_white { border-color: #888; background-color: #fff; } div.fbBox_blue { border-color: #4060a8; background-color: #0b183b; } div.fbBox_yellow { border-color: #680c0c; background-color: #ed9; } div.fbBox_red { border-color: #945848; background-color: #580808; } div.fbBox_custom { border-color: #da7b4d; background-color: #eed39e; } #fbBox div, #fbBox a, #fbBox img, #fbBox iframe { border-width: 0; margin: 0; padding: 0; outline: none; -moz-outline: none; /* for older Netscape, doesn't validate, remove if you like */ } #fbBox a { background: url(graphics/blank.gif); } #fbZoomDiv, a.fbPopup img, #fbBox #fbIndexLinks img { position: absolute; left: -9999px; top: 0; /* border-width is set in js code */ border-style: solid; border-color: black; margin: 0; padding: 0; } #fbBox #fbLoader { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; } /* animated 'loading' graphic */ #fbBox .fbLoader_black { background-image: url(../../../fjc/fjc_floatbox/graphics/loading_black.gif); } #fbBox .fbLoader_white { background-image: url(../../../fjc/fjc_floatbox/graphics/loading_white.gif); } #fbBox .fbLoader_blue { background-image: url(../../../fjc/fjc_floatbox/graphics/loading_black.gif); } #fbBox .fbLoader_yellow { background-image: url(../../../fjc/fjc_floatbox/graphics/loading_white.gif); } #fbBox .fbLoader_red { background-image: url(../../../fjc/fjc_floatbox/graphics/loading_black_small.gif); } #fbBox .fbLoader_custom { background-image: url(../../../fjc/fjc_floatbox/graphics/loading_black_small.gif); } #fbBox #fbShadowTop, #fbShadowRight, #fbBox #fbShadowBottom, #fbBox #fbShadowLeft, #fbBox #fbShadowCorner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; } #fbBox #fbShadowTop { background-position: top left; } #fbBox .fbShadowTop_halo8 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowTop_halo8.png); } #fbBox .fbShadowTop_halo12 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowTop_halo12.png); } #fbBox .fbShadowTop_halo16 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowTop_halo16.png); } #fbBox .fbShadowTop_halo24 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowTop_halo24.png); } #fbBox #fbShadowRight { background-position: top right; } #fbBox .fbShadowRight_drop8 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowRight_drop8.png); } #fbBox .fbShadowRight_drop12 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowRight_drop12.png); } #fbBox .fbShadowRight_drop16 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowRight_drop16.png); } #fbBox .fbShadowRight_drop24 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowRight_drop24.png); } #fbBox .fbShadowRight_halo8 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowRight_halo8.png); } #fbBox .fbShadowRight_halo12 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowRight_halo12.png); } #fbBox .fbShadowRight_halo16 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowRight_halo16.png); } #fbBox .fbShadowRight_halo24 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowRight_halo24.png); } #fbBox #fbShadowBottom { background-position: bottom right; } /* overridden in code for drop shadow */ #fbBox .fbShadowBottom_drop8 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowBottom_drop8.png); } #fbBox .fbShadowBottom_drop12 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowBottom_drop12.png); } #fbBox .fbShadowBottom_drop16 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowBottom_drop16.png); } #fbBox .fbShadowBottom_drop24 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowBottom_drop24.png); } #fbBox .fbShadowBottom_halo8 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowBottom_halo8.png); } #fbBox .fbShadowBottom_halo12 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowBottom_halo12.png); } #fbBox .fbShadowBottom_halo16 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowBottom_halo16.png); } #fbBox .fbShadowBottom_halo24 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowBottom_halo24.png); } #fbBox #fbShadowLeft { background-position: bottom left; } #fbBox .fbShadowLeft_halo8 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowLeft_halo8.png); } #fbBox .fbShadowLeft_halo12 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowLeft_halo12.png); } #fbBox .fbShadowLeft_halo16 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowLeft_halo16.png); } #fbBox .fbShadowLeft_halo24 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowLeft_halo24.png); } #fbBox #fbShadowCorner { background-position: bottom right; } #fbBox .fbShadowCorner_drop8 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowCorner_drop8.png); } #fbBox .fbShadowCorner_drop12 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowCorner_drop12.png); } #fbBox .fbShadowCorner_drop16 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowCorner_drop16.png); } #fbBox .fbShadowCorner_drop24 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowCorner_drop24.png); } #fbBox #fbCanvas { position: relative; /* won't fade in ie6 if absolute */ left: 0; top: 0; width: 100%; height: 100%; } #fbBox #fbMainDiv, #fbBox #fbInfoPanel, #fbBox #fbControlPanel { position: absolute; border-style: none; overflow: hidden; } #fbBox #fbMainDiv { background-color: #fff; } /* innerBorder color */ #fbBox .fbMainDiv_black { border-color: #ccc; } #fbBox .fbMainDiv_white { border-color: #000; } #fbBox .fbMainDiv_blue { border-color: #aaa8be; } #fbBox .fbMainDiv_yellow { border-color: #700; } #fbBox .fbMainDiv_red { border-color: #b64; } #fbBox .fbMainDiv_custom { border-color: #b64; } #fbBox #fbResizer { position: absolute; width: 25px; /* = dimensions of the resize button (see note below) */ height: 25px; } /* resize button graphic */ #fbBox .fbResizer_black { background-image: url(../../../fjc/fjc_floatbox/graphics/resize_black.gif); } #fbBox .fbResizer_white { background-image: url(../../../fjc/fjc_floatbox/graphics/resize_white.gif); } #fbBox .fbResizer_blue { background-image: url(../../../fjc/fjc_floatbox/graphics/resize_blue.gif); } #fbBox .fbResizer_yellow { background-image: url(../../../fjc/fjc_floatbox/graphics/resize_yellow.gif); } #fbBox .fbResizer_red { background-image: url(../../../fjc/fjc_floatbox/graphics/resize_red.gif); } #fbBox .fbResizer_custom { background-image: url(../../../fjc/fjc_floatbox/graphics/resize_red.gif); } /* note: if you want the smaller resize button, change #fbResizer width and height to 19px and also add "_small" to the resize gif name (e.g., graphics/resize_black_small.gif) */ #fbBox #fbLeftNav, #fbBox #fbRightNav { position: absolute; height: 100%; } #fbBox #fbLeftNav, #fbBox #fbOverlayPrev { left: 0; } #fbBox #fbRightNav, #fbBox #fbOverlayNext { right: 0; } #fbBox #fbOverlayPrev, #fbBox #fbOverlayNext { position: absolute; width: 49px; /* = dimensions of the upper prev and next graphics */ height: 23px; background-repeat: no-repeat; } /* on-mouse-over upper nav prev graphic */ #fbBox .fbOverlayPrev_black { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_upr_black.gif); } #fbBox .fbOverlayPrev_white { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_upr_white.gif); } #fbBox .fbOverlayPrev_blue { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_upr_blue.gif); } #fbBox .fbOverlayPrev_yellow { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_upr_yellow.gif); } #fbBox .fbOverlayPrev_red { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_upr_red.gif); } #fbBox .fbOverlayPrev_custom { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_upr_blue.gif); } /* on-mouse-over upper nav next graphic */ #fbBox .fbOverlayNext_black { background-image: url(../../../fjc/fjc_floatbox/graphics/next_upr_black.gif); } #fbBox .fbOverlayNext_white { background-image: url(../../../fjc/fjc_floatbox/graphics/next_upr_white.gif); } #fbBox .fbOverlayNext_blue { background-image: url(../../../fjc/fjc_floatbox/graphics/next_upr_blue.gif); } #fbBox .fbOverlayNext_yellow { background-image: url(../../../fjc/fjc_floatbox/graphics/next_upr_yellow.gif); } #fbBox .fbOverlayNext_red { background-image: url(../../../fjc/fjc_floatbox/graphics/next_upr_red.gif); } #fbBox .fbOverlayNext_custom { background-image: url(../../../fjc/fjc_floatbox/graphics/next_upr_blue.gif); } #fbBox #fbInfoPanel { line-height: 1.25em; /* caption and info link text */ font-family: Verdana, Helvetica, sans-serif; font-size: 12px; } #fbBox #fbCaption { cursor: default; } #fbBox #fbInfoLink, #fbBox #fbPrintLink { padding-bottom: .1em; } #fbBox #fbItemNumber { font-size: 10px; /* 'image x of y' text */ white-space: nowrap; cursor: default; } /* 'image x of y' and indexLinks color */ #fbBox .fbItemNumber_black, #fbBox #fbIndexLinks.fbIndexLinks_black, #fbBox #fbIndexLinks.fbIndexLinks_black a:link, #fbBox #fbIndexLinks.fbIndexLinks_black a:visited { color: #aaa; } #fbBox .fbItemNumber_white, #fbBox #fbIndexLinks.fbIndexLinks_white, #fbBox #fbIndexLinks.fbIndexLinks_white a:link, #fbBox #fbIndexLinks.fbIndexLinks_white a:visited { color: #666; } #fbBox .fbItemNumber_blue, #fbBox #fbIndexLinks.fbIndexLinks_blue, #fbBox #fbIndexLinks.fbIndexLinks_blue a:link, #fbBox #fbIndexLinks.fbIndexLinks_blue a:visited { color: #aaa8be; } #fbBox .fbItemNumber_yellow, #fbBox #fbIndexLinks.fbIndexLinks_yellow, #fbBox #fbIndexLinks.fbIndexLinks_yellow a:link, #fbBox #fbIndexLinks.fbIndexLinks_yellow a:visited { color: #700; } #fbBox .fbItemNumber_red, #fbBox #fbIndexLinks.fbIndexLinks_red, #fbBox #fbIndexLinks.fbIndexLinks_red a:link, #fbBox #fbIndexLinks.fbIndexLinks_red a:visited { color: #ca8; } #fbBox .fbItemNumber_custom, #fbBox #fbIndexLinks.fbIndexLinks_custom, #fbBox #fbIndexLinks.fbIndexLinks_custom a:link, #fbBox #fbIndexLinks.fbIndexLinks_custom a:visited { color: #965f74; } /* caption, infoLink, printLink, & indexLinks:hover color */ #fbBox .fbInfoPanel_black, #fbBox .fbInfoPanel_black a:link, #fbBox .fbInfoPanel_black a:visited, #fbBox #fbIndexLinks.fbIndexLinks_black a:hover { color: #d7d7d7; } #fbBox .fbInfoPanel_white, #fbBox .fbInfoPanel_white a:link, #fbBox .fbInfoPanel_white a:visited, #fbBox #fbIndexLinks.fbIndexLinks_white a:hover { color: #000; } #fbBox .fbInfoPanel_blue, #fbBox .fbInfoPanel_blue a:link, #fbBox .fbInfoPanel_blue a:visited, #fbBox #fbIndexLinks.fbIndexLinks_blue a:hover { color: #aaa8be; } #fbBox .fbInfoPanel_yellow, #fbBox .fbInfoPanel_yellow a:link, #fbBox .fbInfoPanel_yellow a:visited, #fbBox #fbIndexLinks.fbIndexLinks_yellow a:hover { color: #700; } #fbBox .fbInfoPanel_red, #fbBox .fbInfoPanel_red a:link, #fbBox .fbInfoPanel_red a:visited, #fbBox #fbIndexLinks.fbIndexLinks_red a:hover { color: #ec9; } #fbBox .fbInfoPanel_custom, #fbBox .fbInfoPanel_custom a:link, #fbBox .fbInfoPanel_custom a:visited, #fbBox #fbIndexLinks.fbIndexLinks_custom a:hover { color: #735; } #fbBox #fbControls { height: 14px; /* height of control widget graphics - they should all be the same */ font-size: 1px; } #fbBox #fbNavControls { width: 88px; /* sum of lowerprev and lowernext widths */ height: 14px; /* height of 1 sprite panel in lowerprev and lowernext graphics */ } #fbBox #fbPrev { float: left; width: 44px; /* = dimensions of the lower nav 'prev' graphic */ height: 14px; background-repeat: no-repeat; } /* lower nav 'prev' graphic */ #fbBox .fbPrev_black { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_black.gif); } #fbBox .fbPrev_white { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_white.gif); } #fbBox .fbPrev_blue { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_blue.gif); } #fbBox .fbPrev_yellow { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_yellow.gif); } #fbBox .fbPrev_red { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_red.gif); } #fbBox .fbPrev_custom { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_yellow.gif); } /* lower nav greyed-out 'prev' graphic */ #fbBox .fbPrev_black_off { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_off_black.gif); } #fbBox .fbPrev_white_off { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_off_white.gif); } #fbBox .fbPrev_blue_off { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_off_blue.gif); } #fbBox .fbPrev_yellow_off { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_off_yellow.gif); } #fbBox .fbPrev_red_off { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_off_red.gif); } #fbBox .fbPrev_custom_off { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_off_yellow.gif); } #fbBox #fbNext { float: right; width: 44px; /* = dimensions of the lower nav 'next' graphic */ height: 14px; background-repeat: no-repeat; } /* lower nav 'next' graphic */ #fbBox .fbNext_black { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_black.gif); } #fbBox .fbNext_white { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_white.gif); } #fbBox .fbNext_blue { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_blue.gif); } #fbBox .fbNext_yellow { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_yellow.gif); } #fbBox .fbNext_red { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_red.gif); } #fbBox .fbNext_custom { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_yellow.gif); } /* lower nav greyed-out 'next' graphic */ #fbBox .fbNext_black_off { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_off_black.gif); } #fbBox .fbNext_white_off { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_off_white.gif); } #fbBox .fbNext_blue_off { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_off_blue.gif); } #fbBox .fbNext_yellow_off { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_off_yellow.gif); } #fbBox .fbNext_red_off { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_off_red.gif); } #fbBox .fbNext_custom_off { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_off_yellow.gif); } #fbBox #fbPlay, #fbBox #fbPause { position: absolute; background-repeat: no-repeat; } #fbBox #fbPlayPause, #fbBox #fbPlay, #fbBox #fbPause { width: 46px; /* = dimensions of the 'play' and 'pause' graphics (they need to be the same size) */ height: 14px; text-align: left; } /* 'play' and 'pause' graphics */ #fbBox .fbPlay_black { background-image: url(../../../fjc/fjc_floatbox/graphics/play_black.gif); } #fbBox .fbPlay_white { background-image: url(../../../fjc/fjc_floatbox/graphics/play_white.gif); } #fbBox .fbPlay_blue { background-image: url(../../../fjc/fjc_floatbox/graphics/play_blue.gif); } #fbBox .fbPlay_yellow { background-image: url(../../../fjc/fjc_floatbox/graphics/play_yellow.gif); } #fbBox .fbPlay_red { background-image: url(../../../fjc/fjc_floatbox/graphics/play_red.gif); } #fbBox .fbPlay_custom { background-image: url(../../../fjc/fjc_floatbox/graphics/play_yellow.gif); } #fbBox .fbPause_black { background-image: url(../../../fjc/fjc_floatbox/graphics/pause_black.gif); } #fbBox .fbPause_white { background-image: url(../../../fjc/fjc_floatbox/graphics/pause_white.gif); } #fbBox .fbPause_blue { background-image: url(../../../fjc/fjc_floatbox/graphics/pause_blue.gif); } #fbBox .fbPause_yellow { background-image: url(../../../fjc/fjc_floatbox/graphics/pause_yellow.gif); } #fbBox .fbPause_red { background-image: url(../../../fjc/fjc_floatbox/graphics/pause_red.gif); } #fbBox .fbPause_custom { background-image: url(../../../fjc/fjc_floatbox/graphics/pause_yellow.gif); } #fbBox #fbClose { width: 46px; /* = dimensions of the 'close' graphic */ height: 14px; background-repeat: no-repeat; } /* 'close' graphic */ #fbBox .fbClose_black { background-image: url(../../../fjc/fjc_floatbox/graphics/close_black.gif); } #fbBox .fbClose_white { background-image: url(../../../fjc/fjc_floatbox/graphics/close_white.gif); } #fbBox .fbClose_blue { background-image: url(../../../fjc/fjc_floatbox/graphics/close_blue.gif); } #fbBox .fbClose_yellow { background-image: url(../../../fjc/fjc_floatbox/graphics/close_yellow.gif); } #fbBox .fbClose_red { background-image: url(../../../fjc/fjc_floatbox/graphics/close_red.gif); } #fbBox .fbClose_custom { background-image: url(../../../fjc/fjc_floatbox/graphics/close_yellow.gif); } #fbBox #fbIndexLinks { clear: both; font-size: 11px; cursor: default; } #fbBox #fbIndexLinks a:hover { font-weight: bold; } /* posLeft, posCenter & posRight are dynamically assigned classes that allow layout of the info and control panels depending on which side they're on */ /* info panel */ #fbInfoPanel.posCenter, #fbInfoDiv.posCenter, #fbIndexLinks.posCenter { margin: 0 auto; } #fbInfoPanel.posRight, #fbInfoDiv.posRight, #fbIndexLinks.posRight { float: right; } #fbInfoPanel.posLeft, #fbInfoDiv.posLeft, #fbIndexLinks.posLeft { float: left; } /* control panel */ #fbControlPanel.posRight, #fbControls.posRight, #fbClose.posRight, #fbSubControls.posRight, #fbNavControls.posLeft, #fbPlayPause.posLeft { float: right; } #fbControlPanel.posLeft, #fbControls.posLeft, #fbClose.posLeft, #fbSubControls.posLeft, #fbNavControls.posRight, #fbPlayPause.posRight { float: left; } /* IE6 wants these, maybe for layout? */ #fbSubControls, #fbClose, #fbIndexLinks, #fbPlayPause, #fbNavControls { float: left; } /* FJC Caching function */ /* File: site_css/desktop/flowplayer_fullscreen.css */ /* make room for fullscreen button on the controlbar's right side no-mute no-volume modifier class combination must be adapted for devices which do no support volume controls (e.g. iOS) */ .flowplayer .fp-timeline { margin-right: 180px !important; /* originally: 165px */ } .no-mute.no-volume.flowplayer .fp-timeline { margin-right: 75px !important; /* originally: 55px */ } .flowplayer .fp-remaining, .flowplayer .fp-duration { right: 132px !important; /* orginally: 120px */ } .no-mute.no-volume.flowplayer .fp-remaining, .no-mute.no-volume.flowplayer .fp-duration { right: 34px !important; /* originally: 10px */ } .flowplayer .fp-volume { right: 32px !important; } /* shorten volume slider */ .flowplayer .fp-volumeslider { width: 78px !important; } /* re-position fullscreen button */ .flowplayer .fp-fullscreen { top: auto !important; /* allow fullscreen button to move down */ right: 8px !important; bottom: 2px !important; width: 16px !important; background-position: 0 -197px !important; z-index: 1 !important; } .flowplayer.is-fullscreen .fp-fullscreen { background-position: 0 -217px !important; bottom: 2px !important; } /* FJC Caching function */ /* File: site_css/desktop/content.css */ /* >>>>>>>>>> Content left <<<<<<<<<< */ body.ie .content_left li { padding: 3px 0 2px 0; } /*body.ie .content_left ul#fjc_menu > li > a span { bottom: 13px; }*/ .content_left ul * { list-style: none; text-decoration: none; color: #002D8F; font-family: DINWeb; } .content_left ul, li { margin:0; padding:0; } .content_left ul, li > ul li { padding: 4px; } .content_left li.active > a, .content_left li.hasactive > a, .content_left a:hover { color:#CC1316; } .content_left ul#fjc_menu > li { padding-bottom: 7px; border-top:#0099d7 2px solid; } .content_left ul#fjc_menu > li.last { border-bottom:#0099d7 2px solid; } .content_left ul#fjc_menu > li > a { font-weight: bold; text-transform: uppercase; padding: 2px 2px 0px 2px; display: block; position: relative; } .content_left ul#fjc_menu > li > a span { display:block; position: absolute; width: 8px; height: 6px; background-position: -283px -54px; float:right; right: 2px; top: 3px; } .content_left ul#fjc_menu > li.active > a span, .content_left ul#fjc_menu > li.hasactive > a span, .content_left a:hover span { background-position: -263px -59px!important; } .content_left ul#fjc_menu li ul { padding: 0 0 0 16px; display:none; } .content_left ul#fjc_menu li.active ul, .content_left ul#fjc_menu li.hasactive ul { display:block; } /* >>>>>>>>>> Content Right <<<<<<<<<< */ .content_right #hoofd { width: 780px !important; } /* Faq Page */ div#faq { width:750px; min-height: 100%; margin-left: 30px; } div#faq h2{ cursor: pointer; color:#CC1316; font-size: 15px; } /* Form elements */ .content_right table.return_form { margin-left: -15px; margin-top: -15px; } .content_right input[type="text"]{ border: 1px solid #0099d7; } .content_right input[type="button"], .content_right input[type="submit"]{ border:0px solid #002D8F; padding: 0px 15px 0px 15px; background: #002D8F; display: block; color: #FFFFFF; font-weight: bold; font-size: 12px; text-align: center; text-decoration: none; text-transform: uppercase; line-height: 20px; cursor: pointer; } .content_right textarea[name="subject"]{ width: 256px; height: 60px; border: 1px solid #0099d7; } .content_right input.return_form_next { float: left; } .content_right .submit_button.manual { float: left; margin-left: 10px; } .content_right img.return_form_loader { float: left; margin-left: 10px; margin-top: 2px; } .content_right .subscription_content input[type="submit"]{ float: left; margin-right: 10px; cursor: pointer; } .content_right .return_cards .title { border-bottom: 1px solid; font-size: 17px; margin-top: 10px; width: 100%; padding-bottom: 5px; } .content_right .return_cards { margin-left: -3px; } .content_right .return_cards .product_block { height: 192px; width: 183px; border-bottom: 3px dotted #CC1316; display: block; float: left; color: #002d8f !important; text-decoration: none; margin-right: 61px; margin-top: 9px; } .content_right .return_cards .product_block .product_image { position: relative; height: 159px; display: block; } .content_right .return_cards .product_block .product_image img { position: absolute; bottom: 0px; left: 0px; right: 0px; margin: 0px auto; } .label.new { background-position: -320px -41px; display: block; height: 34px; position: absolute; right: 4px; top: 5px; width: 56px; } .label.sale { background-position: -381px -42px; display: block; height: 34px; position: absolute; right: 4px; top: 5px; width: 56px; } .label.soon { height: 55px; width: 75px; background-position: -272px -132px; display: block; height: 34px; position: absolute; right: 4px; top: 5px; width: 56px; } .label.none { display: none; } .content_right .return_cards .product_block .product_name, .content_right .return_cards .product_block .product_price { display: block; text-align: right; } .content_right .return_cards .product_block .product_price { font-weight: bold; } .content_right .return_cards .product_block .product_price .old_price { text-decoration: line-through; } .content_right .return_cards .product_block .product_price .new_price { color: #CC1316; } /* FJC Caching function */ /* File: site_css/desktop/header.css */ #site_container #header_container { z-index: 1020; border-bottom: 1px solid #bababa; } #header_top_wrapper { overflow: hidden; display: flex; justify-content: space-between; } #wolkyshop_logo { float: left; position: relative; width: 244px; height: 96px; margin: 44px 0 0 0; } #site_container #header_container #logo { position: absolute; left: 18px; height: 50px; width: 226px; background-position: 0 0; display: block; } .language_de-de #site_container #header_container #logo { background-position: -1px -266px; } .language_uk-en #site_container #header_container #logo { background-position: -1px -377px; width: 242px; } .language_eu-en #site_container #header_container #logo { background-position: -1px -468px; width: 203px; height: 48px; } .language_us-en #site_container #header_container #logo { background-position: -261px -378px; height: 51px; width: 234px; } #site_container #header_container #logo_text { position: absolute; top: 51px; left: 80px; height: 27px; width: 140px; background-position: -62px -51px; } .language_de-de #site_container #header_container #logo_text { width: 159px; height: 28px; top: 49px; background-position: -62px -315px; } .language_uk-en #site_container #header_container #logo_text { width: 159px; height: 28px; top: 49px; background-position: -62px -427px; } #site_container #header_container .header_checks { width: 100%; font-size: 16px; line-height: 17px; font-family: DINWeb, sans-serif; padding: 20px 0; } #site_container #header_container .header_checks ul { display: flex; margin: 0; padding: 0; flex-wrap: wrap; } #site_container #header_container .header_checks ul li { display: inline-block; text-align: center; color: #4e4e4e; flex-grow: 1; } #site_container #header_container .header_checks ul li span { color: #0099D7; padding-left: 5px; position: relative; } #site_container #header_container .header_checks ul li div { display: inline-block; width: 14px; height: 14px; vertical-align: middle; background-position: -341px -291px; } #site_container #header_container .header_checks, #site_container #header_container .header_checks a{ color: #0099D7; text-decoration: none; } #site_container #header_container .header_checks p { margin: 0; padding: 0; } /* header top bar */ #header_top_bar { height: 50px; width: 100%; background-color: #333333; line-height: 50px; font-family: DINWeb, sans-serif; color: #ffffff; font-size: 14px; } #header_top_bar .content_wrapper { display: flex; height: 50px; } #header_top_bar .reviews { float: left; padding-left: 18px; padding-right: 15px; width: 300px; } #header_top_bar .center { float: left; flex-grow: 1; padding: 0 15px; } #header_top_bar .center .contact { } #header_top_bar .center .contact a { text-decoration: none; color: inherit; } #header_top_bar .icons { float: right; padding-right: 18px; display: flex; align-items: center; } #header_top_bar .icons img { vertical-align: middle; } #myCustomTrustbadge { height: 40px; } /* header top bar - end */ /* small menu */ #site_container #header_container .small_menu_container { float: left; display: block; margin-top: 40px; text-align: right; font-family: DINWeb, sans-serif; } #site_container #header_container .small_menu_container div { display: inline-block; text-align: center; text-decoration: none; width: 120px; vertical-align: top; } #site_container #header_container .small_menu_container div a { display: block; text-decoration: none; } #site_container #header_container .small_menu_container div img { margin: 0 auto; display: block; } #site_container #header_container .small_menu_container div span { display: block; font-size: 13px; margin-top: 8px; } #site_container #header_container .small_menu_container div span.header-link-text { color: #002d8f; } #site_container #header_container .small_menu_container div span.header-link-sub-text { margin-top: 2px; } /* small menu - end */ /* menu container */ #menu_container_container { position: relative; height: 50px; width: 100%; z-index: 1020; } #site_container #header_container .menu_container { height: 50px; width: 100%; background: #002D8F; z-index: 1020; } #site_container #header_container .menu_container .content_wrapper{ height: inherit; display: flex; } #site_container #header_container .menu_container .content_wrapper > ul, #site_container #header_container .menu_container .content_wrapper > div { flex-grow: 0; flex-shrink: 0; } #site_container #header_container .menu_container.affix { position: fixed; top: 0; } /** menu **/ #site_container #header_container .menu_container #fjc_menu { height: 100%; float: left; margin: 0; padding: 0; } #site_container #header_container .menu_container #fjc_menu li { height: 100%; background: #002D8F; display: block; float: left; } #site_container #header_container .menu_container #fjc_menu li:first-child { display: block !important; } #site_container #header_container .menu_container #fjc_menu li a { height: 100%; display: block; padding: 0 20px; color: #FFFFFF; font-family: DINWeb; font-size: 18px; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; line-height: 50px; position: relative; } #site_container #header_container .menu_container #fjc_menu > li > a::before { content: ""; border-right: 1px solid #fff; position: absolute; left: 0px; height: 30px; top: 10px; } #site_container #header_container .menu_container #fjc_menu > li:first-child > a::before { display: none; } #site_container #header_container .menu_container #fjc_menu > li > a::after { content: ""; border-left: 1px solid #fff; position: absolute; right: 0px; height: 30px; top: 10px; } #site_container #header_container .menu_container #fjc_menu > li:last-child > a::after { display: none; } #site_container #header_container .menu_container #fjc_menu li:hover .submenu, #site_container #header_container .menu_container #fjc_menu li.hover .submenu { display: flex; flex-wrap: wrap; } #fjc_menu .submenu { margin: 0; padding: 15px 5px; list-style: none; position: absolute; left: 0px; top: 50px; width: 790px; display: none; background: #fff; border: 2px solid #002D8F; border-top: 0; } #fjc_menu .submenu .submenu_left { padding-right: 15px; border-right: 2px solid #002D8F; width: 485px; } #fjc_menu .submenu .submenu_right { width: 250px; } #fjc_menu .submenu ul { margin: 0; padding: 0; } #fjc_menu .submenu .header { color: #002D8F; margin: 0 0 5px 10px; white-space: nowrap; font-size: 18px; font-weight: bold; } #fjc_menu .submenu .submenu_right .header { margin: 0 0 5px 15px; } #site_container #header_container .menu_container #fjc_menu .submenu li { margin: 0; padding: 2px 0 0 0; border: 0 none; width: auto; background-color: transparent !important; } #site_container #header_container .menu_container #fjc_menu .submenu li a, #site_container #header_container .menu_container #fjc_menu li a#all_shoes, #site_container #header_container .menu_container #fjc_menu li a#maintenance_misc { color: #002d8f; white-space: nowrap; text-align: left; padding: 0 8px; margin-left: 3px; width: 140px; text-transform: none; font-size: 14px; font-weight: normal; overflow: hidden; height: 22px; line-height: 24px; } #site_container #header_container .menu_container #fjc_menu li.active > a, #site_container #header_container .menu_container #fjc_menu li a:hover { background: #0099D7; color: #FFFFFF; } #site_container #header_container .menu_container #fjc_menu li.active > a::before, #site_container #header_container .menu_container #fjc_menu li a:hover::before { top: 0; left: -1px; height: 100%; border-color: #0099D7; z-index: 2; } #site_container #header_container .menu_container #fjc_menu li.active > a::after, #site_container #header_container .menu_container #fjc_menu li a:hover::after { top: 0; right: -1px; height: 100%; border-color: #0099D7; z-index: 2; } #site_container #header_container .menu_container #fjc_menu .submenu .submenu_right li { float: none; } #site_container #header_container .menu_container #fjc_menu .submenu .submenu_right li a { margin-left: 8px; width: auto; } #site_container #header_container .menu_container #fjc_menu .submenu li a:hover { background-color: #0099d7; color: #fff; } #site_container #header_container .menu_container #fjc_menu li a#all_shoes, #site_container #header_container .menu_container #fjc_menu li a#maintenance_misc { background-color: #fff; color: #002d8f; padding-top: 16px; } #site_container #header_container .menu_container #fjc_menu li a#all_shoes { margin-left: 329px; width: 171px; border-right: 2px solid #002D8F; padding: 16px 0 0 0; } #site_container #header_container .menu_container #fjc_menu li a#maintenance_misc { width: 229px; margin-left: 8px; } #site_container #header_container .menu_container #fjc_menu li a#all_shoes:hover, #site_container #header_container .menu_container #fjc_menu li a#maintenance_misc:hover { text-decoration: underline; } /** menu - end **/ /** search **/ #site_container #header_container .menu_container .search_container { /*height: 20px;*/ /*width: 235px;*/ /*border-right: 2px solid #FFFFFF;*/ float: left; margin: 0 30px 0 30px; padding: 10px 0; flex-grow: 1 !important; } #site_container #header_container .menu_container .search_container > form { display: flex; } #site_container #header_container .menu_container .search_container input { height: 30px; width: 100px; border: none; float: left; padding: 0 5px 0 10px; font-size: 13px; flex-grow: 1; } #site_container #header_container .menu_container .search_container input::-webkit-input-placeholder, #site_container #header_container .menu_container .search_container input::-moz-placeholder, /* firefox 19+ */ #site_container #header_container .menu_container .search_container input:-ms-input-placeholder { /* ie */ /* Place font-family for placeholder */ } #site_container #header_container .menu_container .search_container .search_button { background-color: #fff; background-position: -272px -471px; cursor: pointer; display: block; float: left; width: 33px; height: 30px; margin: 0 0 0 2px; border: 7px solid #fff; flex-grow: 0; } .ui-autocomplete.ui-front { z-index: 1020; } /** search - end **/ /** shopping cart **/ #site_container #header_container .menu_container .shopping_cart { position: relative; height: 100%; background: #FFCC00; float: right; } #site_container #header_container .menu_container .shopping_cart .counter { width: 40px; background-position: -325px -497px; float: left; margin: 8px 14px 0 15px; padding: 0; position: relative; } #site_container #header_container .menu_container .shopping_cart .counter img { width: 100%; } #site_container #header_container .menu_container .shopping_cart .counter .count { position: absolute; left: 10px; top: 5px; width: 28px; height: 20px; line-height: 20px; text-align: center; font-size: 14px; color: #002D8F; font-family: DINWeb; cursor: default; } #site_container #header_container .menu_container .shopping_cart .text { height: 100%; width: 144px; cursor: pointer; float: right; text-align: left; font-family: DINWeb; font-weight: bold; line-height: 52px; font-size: 19px; color: #002D8F; } #site_container #header_container .menu_container .shopping_cart .content { position: absolute; top: 22px; left: 0; width: 195px; background: #FFCC00; display: none; padding: 13px 4px 4px 4px; z-index: 10 } #site_container #header_container .menu_container .shopping_cart:hover .content { display: block; } #site_container #header_container .menu_container .shopping_cart .content .products { border-top: 1px solid black; border-bottom: 1px solid black; margin-bottom: 1px; } #site_container #header_container .menu_container .shopping_cart .content .products .product { display: block; overflow: hidden; color: #000000; font-family: DINWeb; line-height: 15px; text-decoration: none; margin-bottom: 13px; } #site_container #header_container .menu_container .shopping_cart .content .products .product.last{ margin-bottom: 9px; } #site_container #header_container .menu_container .shopping_cart .content .products .product .image { height: 44px; width: 45px; background: #FFFFFF; border: 1px solid #002D8F; float: left; margin: 5px 8px 5px 5px; } #site_container #header_container .menu_container .shopping_cart .content .products .product .details { float: left; margin: 2px 0 0 0; } #site_container #header_container .menu_container .shopping_cart .content .products .product .details .price { color: #CC1316; font-weight: bold; } #site_container #header_container .menu_container .shopping_cart .content .products .product .details .color, #site_container #header_container .menu_container .shopping_cart .content .products .product .details .size { font-style: italic; } #site_container #header_container .menu_container .shopping_cart .content .products .order { height: 27px; width: 195px; background: #002D8F; display: block; color: #FFFFFF; font-family: DINWeb; text-align: center; text-decoration: none; line-height: 29px; margin-bottom: 11px; } .shoppingcartContents { padding: 0 5px 5px 5px; background-color: #FFCC00; position: absolute; top: 50px; left: 0; } .shoppingcartContents .shoppingCartLines { border-top: 1px solid #000; margin-top: 10px; padding-top: 5px; font-family: DINweb; max-height: 255px; overflow-y: auto; } .shoppingcartContents .shoppingCartLines div.scLine { margin-bottom: 10px; } .shoppingcartContents .shoppingCartLines div.scLine div.image, .shoppingcartContents .shoppingCartLines div.scLine div.description { float: left; } .shoppingcartContents .shoppingCartLines div.scLine div.image { overflow: hidden; height: 45px; width: 45px; border: 1px solid #000; margin: 0 10px 0 5px; background-color: #ffffff; text-align: center; } .shoppingcartContents .shoppingCartLines div.scLine div.image.noImage { border-color: transparent; } .shoppingcartContents .shoppingCartLines div.scLine div.description { width: 114px; font-size: 12px; line-height: 15px; } .shoppingcartContents .shoppingCartLines div.scLine div.description .price { color: #CC1316; font-weight: bold; font-size: 12px; } .shoppingcartContents .shoppingCartLines div.scLine div.description .optionInfo { font-size: 12px; font-style: italic; font-family: DINweb; } .shoppingcartContents .uspContainer { text-transform: uppercase; color: #000; border-top: 1px solid #000; margin-top: 10px; padding-top: 5px; } .shoppingcartContents a.scLink { background: #002D8F; color: #FFFFFF; text-transform: uppercase; display: block; text-align: center; padding: 5px; text-decoration: none; font-weight: bold; margin: 5px 0; } /** shopping cart - end **/ /** language **/ #language_bar { float: right; display: flex; align-items: center; padding-right: 18px; } #site_container #header_container .language_select { margin: 0; flex-grow: 0; flex-shrink: 0; } #site_container #header_container .language_select .language_flag { width: 26px; height: 19px; float: left; margin: 4px 0px 4px 4px; } #site_container #header_container .language_select .language_flag.nl-nl { background-position: -325px -469px; } #site_container #header_container .language_select .language_flag.de-de { background-position: -352px -469px; } #site_container #header_container .language_select .language_flag.uk-en { background-position: -379px -469px; } #site_container #header_container .language_select .language_flag.us-en { background-position: -406px -469px; } #site_container #header_container .language_select .language_flag.eu-en { background-position: -433px -469px; } #site_container #header_container .language_select .language { width: 70px; display: block; color: #002D8F; font-size: 12px; font-weight: bold; text-decoration: none; line-height: 27px; text-align: right; clear: both; } /** language - end **/ /* menu container - end */ @media all and (max-width: 1023px) { #site_container #header_container #logo { left: 10px; } #site_container #header_container #logo_text { left: 72px; } #site_container #header_container .header_checks ul { margin-left: 19px; margin-right: 19px; padding: 0; } #site_container #header_container .header_checks ul li { width: 40%; text-align: left; padding: 5px 0; } #site_container #header_container .header_checks ul li:nth-child(odd) { width: 60%; } #header_top_bar .reviews { width: 240px; } /* menu container */ #site_container #header_container .small_menu_container div { width: 100px; } /** menu **/ #fjc_menu .submenu { left: 0; width: 754px; } #site_container #header_container .menu_container #fjc_menu li a#maintenance_misc { width: 225px; } /** menu - end **/ #site_container #header_container .menu_container .shopping_cart { width: 57px; margin-left: 13px; } #site_container #header_container .menu_container .shopping_cart .counter { margin-left: 8px; } #site_container #header_container .menu_container .shopping_cart .text { display: none; } /* menu container - end */ .shoppingcartContents { left: auto; right: 0; } } .wolky-fixed { position: fixed !important; } /* FJC Caching function */ /* File: site_css/desktop/default.css */ /* sections */ #site_container #content_container .section .section_title { height: 38px; background: #0099D7; color: #FFFFFF; font-size: 16px; font-family: DINWeb; font-weight: bold; line-height: 38px; margin: 0px; padding: 0px 26px; } .ekomireviews { background: none repeat scroll 0 0 #0099d7; color: #ffffff; font-family: DINWeb; font-weight: bold; height: 22px; line-height: 22px; margin: 0; padding: 0 36px; text-transform: uppercase; margin-bottom: 10px; } body.ie #site_container #content_container .section .section_title { line-height: 24px; } #site_container #content_container .section .section_content { margin: 0 auto; padding: 15px 0; position: relative; } #site_container #content_container .section.page_content .content_left { width: 175px; margin: 0 17px 16px 19px; float: left; } #site_container #content_container .section.page_content .content_right { margin: 0px 0px 0px 12px; width: 772px; float: left; } #site_container #content_container .section.page_content .customerlogin_right { margin: 0px 0px 0px 32px; width: 780px; } /** webshop menu **/ #site_container #content_container .section.page_content .section_content .webshop_menu { position: relative; float: left; z-index: 10; } #site_container #content_container .section.page_content .section_content .webshop_menu .group { position: relative; border-top: 2px solid #0099D7; padding: 0px 0px 11px 0px; } #site_container #content_container .section.page_content .section_content .webshop_menu .group.disabled .options { display: none; } #site_container #content_container .section.page_content .section_content .webshop_menu .group.disabled .more { display: none; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .title { /*height: 15px;*/ color: #002D8F; font-family: DINWeb; font-weight: bold; line-height: 15px; text-transform: uppercase; cursor: pointer; padding: 6px 13px 2px 2px; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .title a { color: #002D8F; text-decoration: none; display: block; position: relative; z-index: 5; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .options .option { width: 100%; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .options .option.disabled { display: none; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .options .option input { height: 15px; width: 15px; display: block; float: left; margin: 0px 3px 0px 0px; padding: 0px; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .options .option input { position: absolute; left: -20000px; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .options .option label .checkbox { margin-top: 4px; display: inline-block; width: 13px; height: 12px; background-image: url('../../../site_images/sprite.png?v=2'); background-position: -461px -233px; vertical-align: top; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .options .option label.checked .checkbox { background-position: -461px -219px; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .options .option label:not(.disabled):not(.checked) a:hover .checkbox { background-position: -461px -233px !important; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .options .option label.checked a .checkbox { background-position: -461px -219px !important; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .options .option label.disabled .checkbox { background-position: -461px -247px !important; } #site_container #content_container .section.page_content .section_content .webshop_menu .group.maingroup .options .option label .checkbox { position: absolute; left: 1px; top: 6px; width: 9px; height: 8px; background-position: -463px -235px; } #site_container #content_container .section.page_content .section_content .webshop_menu .group.maingroup .options .option label.checked .checkbox { background-position: -463px -221px !important; } #site_container #content_container .section.page_content .section_content .webshop_menu .group.maingroup .options .option label:not(.disabled):not(.checked) a:hover .checkbox { background-position: -463px -235px !important; } #site_container #content_container .section.page_content .section_content .webshop_menu .group.maingroup .options .option label.disabled .checkbox { background-position: -463px -249px !important; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .options .option label.checked { font-weight: bold; } #site_container #content_container .section.page_content .product_info .tab ul .feature_description { font-size: 10px; color: #000; font-weight: bold; font-style: italic; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .options .option label.disabled { cursor: default; color: #b8cbfd; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .options .option label.disabled a { color: #B8CBFD; cursor: default; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .options .option label { position: relative; width: 164px; cursor: pointer; color: #002D8F; display: block; overflow: hidden; line-height: 20px; padding: 3px 0 3px 12px; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .options .option label a { text-decoration: none; color: #002D8F; display: block; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .options .option label:not(.disabled) a:hover { font-weight: bold; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .options .option label:not(.disabled) a:hover .labelSpan { text-decoration: underline; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .more{ color: #002D8F; font-style: italic; text-decoration: none; cursor: pointer; padding: 0px 1px; display: block; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .more_arrow { position: absolute; right: 2px; top: 6px; height: 6px; width: 8px; cursor: pointer; background-position: -283px -54px; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .more_arrow.less { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } #site_container #content_container .section.page_content .section_content .webshop_menu .group .small_blocks { overflow: hidden; margin-top: 3px; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .small_blocks .block { height: 21px; width: 21px; display: block; cursor: pointer; float: left; color: #002D8F; font-size: 13px; font-weight: bold; line-height: 22px; text-align: center; margin: 0px 6px 5px 0px; border: 1px solid #002D8F; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .small_blocks .block.selected, #site_container #content_container .section.page_content .section_content .webshop_menu .group .small_blocks input:checked + .block { border: 1px solid #CC1316; } #site_container #content_container .section.page_content .section_content .webshop_menu .group #search_sizes.small_blocks .block.selected { background-color: #002D8F; color: #FFFFFF; } #site_container #content_container .section.page_content .section_content .webshop_menu .group .small_blocks .block.last { /**margin-right: 0px;*/ } /** webshop menu - end **/ /** product slider **/ #site_container #content_container .section.product_slider .section_content .product_prev, #site_container #content_container .section.product_slider .section_content .product_next { position: absolute; top: 15px; height: 195px; width: 16px; cursor: pointer; display: none; z-index: 10; } #site_container #content_container .section.product_slider .section_contnet .product_prev { left: 9px; } #site_container #content_container .section.product_slider .section_content .product_next { right: 9px; } #site_container #content_container .section.product_slider .section_content .product_prev span, #site_container #content_container .section.product_slider .section_content .product_next span { height: 17px; width: 16px; margin: 89px 0px 0px 0px; } #site_container #content_container .section.product_slider .section_content .product_prev span { background-position: -283px -63px; display: block; } #site_container #content_container .section.product_slider .section_content .product_next span { background-position: -302px -54px; display: block; } #site_container #content_container .section.product_slider .section_content .product_container { position: relative; height: 218px; width: 100%; overflow: hidden; z-index: 0; } #site_container #content_container .section.product_slider .section_content .product_container .products { position: absolute; top: 0px; left: 0px; height: 195px; } #site_container #content_container .section.product_slider .section_content .product_container .product_block { height: 192px; width: 183px; border-bottom: 3px dotted #CC1316; display: block; float: left; color: #000000; text-decoration: none; margin-right: 13px; } #site_container #content_container .section.product_slider .section_content .product_container .product_block .product_image { position: relative; height: 159px; display: block; text-align: center; } #site_container #content_container .section.product_slider .section_content .product_container .product_block .product_image img { position: absolute; left: 0px; right: 0px; margin: 0px auto; bottom: 0px; } #site_container #content_container .section.product_slider .section_content .product_container .product_block .product_image .label { position: absolute; top: 5px; right: 4px; height: 34px; width: 56px; display: block; } #site_container #content_container .section.product_slider .section_content .product_container .product_block .product_image .label img { max-height: 34px; max-width: 56px; } #site_container #content_container .section.product_slider .section_content .product_container .product_block .product_name, #site_container #content_container .section.product_slider .section_content .product_container .product_block .product_price { height: 14px; display: block; font-family: DINWeb; line-height: 18px; text-align: right; } #site_container #content_container .section.product_slider .section_content .product_container .product_block .product_price { font-weight: bold; } #site_container #content_container .section.product_slider .section_content .product_container .product_block .product_price .old_price { text-decoration: line-through; } #site_container #content_container .section.product_slider .section_content .product_container .product_block .product_price .new_price { color: #CC1316; } /** product slider - end **/ /** blocks **/ #site_container #content_container .section .section_content .section_block { border: 3px dotted #CC1316; padding: 5px 10px; } #site_container #content_container .section .section_content .section_block .block_title { height: 16px; color: #CC1316; font-family: DINWeb; font-size: 12px; font-weight: bold; line-height: 20px; text-transform: uppercase; } #site_container #content_container .section .section_content .section_block .block_content { color: #002D8F; font-size: 11px; font-weight: bold; } #site_container #content_container .section .section_content .section_block.shop_block { height: 131px; width: 285px; float: left; } /*** footer block ***/ #site_container #content_container .section .section_content.footer_blocks { padding: 38px 0 0 0; display: flex; overflow: hidden; } .footer_block { width: 318px; height: 170px; border: 1px solid #A9ADAC; overflow: hidden; flex-shrink: 0; flex-grow: 0; float: left; } .footer_block img { max-width: 100%; } /*** footer - end ***/ /*** blue blocks ***/ .blue_blocks { padding: 0 3px; display: flex; justify-content: space-around; flex-shrink: 1; flex-grow: 1; float: left; } .blue_blocks .blue_block { width: 120px; height: 172px; background: #0099D7; margin: 0 3px; color: #fff; font-size: 14px; font-family: DINWeb, arial, helvetica, sans-serif; text-decoration: none; font-weight: bold; text-align: center; flex-shrink: 1; flex-grow: 1; position: relative; float: left; } .blue_blocks .blue_block .icon { display: block; margin: 52px auto 0 auto; } .blue_blocks .blue_block .text { position: absolute; top: 122px; left: 10px; right: 10px; } /*** blue blocks - end ***/ /*** newsletter block ***/ .newsletter_block { background: #0098DA; padding: 16px 20px; margin: 38px 0; position: relative; } .newsletter_block .block_form { display: flex; align-items: center; } .newsletter_block .block_title { font-family: DINWeb, arial, helvetica, sans-serif; font-size: 24px; color: #ffffff; flex-grow: 0; float: left; } .newsletter_block input { line-height: 38px; height: 38px; padding: 0 12px; background: #fff; border: 1px solid #bfbfbf; border-right: 0; color: #bfbfbf; font-family: DINWeb, arial, helvetica, sans-serif; font-size: 15px; font-weight: bold; flex-grow: 1; margin-left: 20px; width: 180px; } .newsletter_block .block_button { line-height: 37px; width: 140px; height: 40px; border: 0; background: #002d8f; color: #fff; font-family: DINWeb, arial, helvetica, sans-serif; font-size: 15px; font-weight: bold; text-decoration: none; text-align: center; text-transform: uppercase; flex-grow: 0; } .newsletter_block .block_button:hover { cursor: pointer; background: #f4c000; } .newsletter_block input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #bfbfbf; font-style: italic; } .newsletter_block input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #bfbfbf; font-style: italic; } .newsletter_block input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #bfbfbf; font-style: italic; } .newsletter_block input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #bfbfbf; font-style: italic; } /*** newsletter block - end ***/ /*** payments block ***/ .payments_block { background: #fff; padding: 0; margin: 28px 0 28px 0; } .payments_block .payments_container { min-height: 50px; border-top: 1px solid #cccccc; text-align: center; } .payments_block .payments_container img { padding: 7px 10px 3px 10px; max-width: 100%; } /*** payments block - end ***/ /** blocks - end **/ /**Reviews**/ #ekomi_link { color: #ffffff; text-decoration: none; } div.review_rating_stars { position: relative; display: inline-block; top: 1px; right: 0; height: 16px; width: 90px; background: url('../../../site_images/stars_inactive.png') no-repeat; } div.review_star_active { background: url('../../../site_images/stars_active.png') no-repeat; width: 0px; height: 16px; } div.review_star_active.review_star_amount_1 { width: 18px; } div.review_star_active.review_star_amount_2 { width: 36px; } div.review_star_active.review_star_amount_3 { width: 54px; } div.review_star_active.review_star_amount_4 { width: 72px; } div.review_star_active.review_star_amount_5 { width: 90px; } /**Reviews end**/ #mobileSiteLink { position: fixed; left: 0px; bottom: 0px; right: 0px; line-height: 0px; font-size: 0px; z-index: 4999; } #mobileSiteLink img { width: 100%; } #site_container #content_container .content_right .social_tell_friend { height: 18px; width: 93px; background-position: -405px -196px; margin-right: 5px; margin-top: 7px; display: block; float: left; } #site_container #content_container .content_right .social_twitter { height: 24px; width: 24px; background-position: -444px -29px; margin-right: 5px; margin-top: 5px; display: block; float: left; } #site_container #content_container .content_right .social_facebook { height: 24px; width: 24px; background-position: -449px -54px; margin-right: 5px; margin-top: 5px; display: block; float: left; } /** Breadcrumbs **/ .breadcrumbs { font-family: DINWeb; font-weight: bold; line-height: 15px; font-size: 13px; margin: 13px 0 2px 26px; color: #002D8F; } .breadcrumbs a, .breadcrumbs span { margin: 0 6px; color: #002D8F; text-decoration: none; text-transform: lowercase; } .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs a:first-child, .breadcrumbs span:first-child { margin-left: 0; text-transform: capitalize; } /** Breadcrumbs - end **/ /* sections */ @media all and (max-width: 1023px) { #site_container #content_container .section.page_content .content_right { width: 550px; } .content_right #hoofd { width: 550px !important; } /* sections */ #site_container #content_container .section .section_title { padding: 0px 9px; } #site_container #content_container .section .section_content { padding: 19px 9px 0 9px; } #site_container #content_container .section.page_content .content_left { margin-left: 0; margin-right: 0; } #site_container #content_container .section.page_content .content_right { margin-left: 12px; margin-right: 0; } /** product slider **/ #site_container #content_container .section.product_slider .section_content .product_container .product_block { width: 230px !important; margin-right: 34px; } #site_container #content_container .section.product_slider .section_content .product_prev, #site_container #content_container .section.product_slider .section_content .product_next { top: 10px; } /** product slider - end **/ /** blocks **/ #site_container #content_container .section .section_content .section_block.newsletter_block, #site_container #content_container .section .section_content .section_block.shop_block { height: 181px; width: 208px; } #site_container #content_container .section .section_content .section_block.newsletter_block { margin: 0px 24px; } /*** newsletter block ***/ #site_container #content_container .section .section_content .newsletter_block .block_content { font-weight: normal; } #site_container #content_container .section .section_content .newsletter_block .newsletter_heart { top: 53px; right: 4px; } #site_container #content_container .section .section_content .newsletter_block .newsletter_group { left: 9px; } #site_container #content_container .section .section_content .newsletter_block .block_button { margin: 10px 0px 0px -2px; } /*** newsletter block - end ***/ #site_container #content_container .section .section_content .shop_block .block_content .shop_location { margin: 25px 0px; } /** blocks - end **/ /* sections - end */ #site_container #content_container .section.page_content .customerlogin_right { width: 540px; } .footer_block { height: 123px; width: 230px; } .blue_blocks .blue_block { width: auto; height: 123px; min-width: 93px; } .blue_blocks .blue_block .icon { margin-top: 15px; } .blue_blocks .blue_block .text { top: 70px; font-size: 12px; line-height: 16px; } } #seo_footer { clear: both; background-color: #0099D7; color: #FFFFFF; line-height: 26px; padding: 0 24px; overflow: hidden; font-size: 14px; box-sizing: border-box; } #seo_footer .models { float: left; width: 100%; position: relative; margin-top: 10px; margin-bottom: 10px; } #seo_footer .column { float: left; width: 16.666666666667%; } #seo_footer .column a, #seo_footer .models a { color: #FFFFFF; text-decoration: none; float: left; width: 100%; font-weight: bold; font-family: DINWeb, arial, helvetica, sans-serif; cursor: pointer; } #seo_footer .column a:hover, #seo_footer .models a:hover { text-decoration: underline; } #seo_footer .models p { line-height: 17px; margin: 18px 0 3px 0; font-family: DINWeb, arial, helvetica, sans-serif; } #seo_footer .title, #seo_footer h1.seo_title { font-weight: bold; height: 15px; margin-top: 10px; font-family: DINWeb, arial, helvetica, sans-serif; font-size: 15px; } /** Product Fields Returns **/ #site_container #content_container .section.product_returns { width: 785px; } @media all and (max-width: 1023px) { #site_container #content_container .section.product_returns { width: 500px; height: 450px; } #site_container #content_container .section.product_returns .section_content .product_container_returns { height: 400px !important; } } #site_container #content_container .section.product_returns .section_content .product_prev, #site_container #content_container .section.product_returns .section_content .product_next { position: absolute; top: 15px; height: 195px; width: 16px; cursor: pointer; display: none; z-index: 10; } #site_container #content_container .section.product_returns .section_contnet .product_prev { left: 9px; } #site_container #content_container .section.product_returns .section_content .product_next { right: 9px; } #site_container #content_container .section.product_returns .section_content .product_prev span, #site_container #content_container .section.product_returns .section_content .product_next span { height: 17px; width: 16px; margin: 89px 0px 0px 0px; } #site_container #content_container .section.product_returns .section_content .product_prev span { background-position: -283px -63px; display: block; } #site_container #content_container .section.product_returns .section_content .product_next span { background-position: -302px -54px; display: block; } #site_container #content_container .section.product_returns .section_content .product_container_returns { position: relative; height: 218px; width: 100%; overflow: hidden; z-index: 0; } #site_container #content_container .section.product_returns .section_content .product_container_returns .products { position: absolute; top: 0px; left: 0px; height: 195px; } #site_container #content_container .section.product_returns .section_content .product_container_returns .product_block { height: 192px; width: 183px; border-bottom: 3px dotted #CC1316; display: block; float: left; color: #000000; text-decoration: none; margin-right: 13px; } #site_container #content_container .section.product_returns .section_content .product_container_returns .product_block .product_image { position: relative; height: 159px; display: block; text-align: center; } #site_container #content_container .section.product_returns .section_content .product_container_returns .product_block .product_image img { position: absolute; left: 0px; right: 0px; margin: 0px auto; bottom: 0px; } #site_container #content_container .section.product_returns .section_content .product_container_returns .product_block .product_image .label { position: absolute; top: 5px; right: 4px; height: 34px; width: 56px; display: block; } #site_container #content_container .section.product_returns .section_content .product_container_returns .product_block .product_image .label img { max-height: 34px; max-width: 56px; } #site_container #content_container .section.product_returns .section_content .product_container_returns .product_block .product_name, #site_container #content_container .section.product_returns .section_content .product_container_returns .product_block .product_price { height: 14px; display: block; font-family: DINWeb; line-height: 18px; text-align: right; } #site_container #content_container .section.product_returns .section_content .product_container_returns .product_block .product_price { font-weight: bold; } #site_container #content_container .section.product_returns .section_content .product_container_returns .product_block .product_price .old_price { text-decoration: line-through; } #site_container #content_container .section.product_returns .section_content .product_container_returns .product_block .product_price .new_price { color: #CC1316; } /** Product Fields Returns - end **/ /* FJC Caching function */ /* File: site_css/desktop/footer.css */ .detectResponsive { float: left; } #site_container #footer_container { position: absolute; /*bottom: 0;*/ /*left: 0;*/ width: 100%; background: #0099D7; } #site_container #footer_container .copyright_container { position: absolute; bottom: 11px; right: 0; color: #FFFFFF; font-weight: bold; padding: 0 24px; } #site_container #footer_container .copyright_container a.mobileUrl { float:left; text-decoration:none; color: #FFF; } /*-------------------------------------------------------------- # Social Media links --------------------------------------------------------------*/ #footer_container .social_links { margin-top: 16px; width: 190px; } #footer_container .social_links a { display: inline-block; margin-bottom: 12px; margin-right: 18px; font-family: DINWeb, arial, helvetica, sans-serif; font-size: 14px; color: #fff; text-decoration: none; vertical-align: middle; } #footer_container .social_links a .icon { display: inline-block; float: left; width: 32px; height: 32px; vertical-align: middle; background-color: #fff; border: 5px solid #fff; border-radius: 50%; } #footer_container .social_links a.find_facebook .icon { background-position: -206px -501px; } #footer_container .social_links a.find_instagram .icon { background-position: -234px -501px; } #footer_container .social_links a.find_googleplus .icon { background-position: -264px -501px; } #footer_container .social_links a.find_realshops .icon { background-position: -293px -500px; } #footer_container .social_links a.find_twitter .icon { background-position: -364px -499px; } #footer_container .social_links a.find_pinterest .icon { background-position: -391px -503px; } #footer_container .social_links a.find_youtube .icon { background-position: -420px -503px; } #footer_container .social_links a.find_wolkylife .icon { background-position: -452px -502px; } /*-------------------------------------------------------------- # Sitemap --------------------------------------------------------------*/ #footer_container .sitemap { position: relative; margin: 0 36px 30px 36px; } #footer_container .sitemap > div { display: inline-block; width: 24%; vertical-align: top; font-family: DINWeb, arial, helvetica, sans-serif; font-size: 16px; color: #fff; } #footer_container .sitemap .block_title { font-size: 19px; font-weight: bold; margin: 30px 0 25px 0; } #footer_container .sitemap .block_title a { color: #ffffff; text-decoration: none; } #footer_container .sitemap .sitemap_link, #footer_container .sitemap .block_menu a { display: block; color: #fff; text-decoration: none; line-height: 20px; } #footer_container .sitemap .sitemap_link:hover, #footer_container .sitemap .block_menu a:hover { color: #fff; text-decoration: underline; } @media all and (max-width: 1023px) { .detectResponsive { float: none !important; } #footer_container .sitemap_link { font-size: 16px; } #footer_container .sitemap .block_title { font-size: 18px; } #footer_container .sitemap .block_menu a { font-size: 15px; } } /* FJC Caching function */ /* File: site_css/desktop/posts.css */ form.postsform,div#guestbook { display: none; } form.postsform .submitbutton{ cursor: pointer; } form.postsform .errorinput{ border: 1px solid red; } .errormessagefield, .errormessagecontent{ color: red; } .WolkyReactionToPost { margin-left: 64px; } .reaction h2 { padding-top: 10px; color: #009AD6; border-top: 2px solid #009AD6; } .reaction h2.date { padding: 0; border-top: 0px; border-bottom: 2px solid #009AD6; } .reaction:not(:first-child) h2.date { margin-top: 30px; } .reaction .new_reaction { margin-top: 10px; color: #002E8E; text-decoration: underline; } .reaction .new_reaction span { cursor: pointer; } /* FJC Caching function */ /* File: site_css/plugins/jquery-ui-1.10.3.custom.css */ /*! jQuery UI - v1.10.3 - 2013-07-22 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=0px&bgColorHeader=%23000000&bgTextureHeader=flat&bgImgOpacityHeader=75&borderColorHeader=%233c3c3c&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23aaaaaa&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23e6e6e6&bgTextureDefault=flat&bgImgOpacityDefault=75&borderColorDefault=%23d3d3d3&fcDefault=%23555555&iconColorDefault=%23888888&bgColorHover=%23dadada&bgTextureHover=flat&bgImgOpacityHover=75&borderColorHover=%23999999&fcHover=%23212121&iconColorHover=%23454545&bgColorActive=%23ffffff&bgTextureActive=flat&bgImgOpacityActive=65&borderColorActive=%23aaaaaa&fcActive=%23212121&iconColorActive=%23454545&bgColorHighlight=%23fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .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:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* 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: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; 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; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .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: normal; } .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-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 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-primary .ui-icon, .ui-button-text-icon-secondary .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-primary .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-icon-secondary .ui-button-icon-secondary, .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 */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .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, .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%; font-size: 0; } /* 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, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("../../../site_images/desktop/jqueryui/animated-overlay.gif"); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .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; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .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; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to overide default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertical centre icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .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: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,sans-serif; font-size: 12px; } .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 #aaaaaa; background: #ffffff url("../../../site_images/desktop/jqueryui/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 #3c3c3c; background: #000000 url("../../../site_images/desktop/jqueryui/ui-bg_flat_75_000000_40x100.png") 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url("../../../site_images/desktop/jqueryui/ui-bg_flat_75_e6e6e6_40x100.png") 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; 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("../../../site_images/desktop/jqueryui/ui-bg_flat_75_dadada_40x100.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url("../../../site_images/desktop/jqueryui/ui-bg_flat_65_ffffff_40x100.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: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url("../../../site_images/desktop/jqueryui/ui-bg_glass_55_fbf9ee_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 #cd0a0a; background: #fef1ec url("../../../site_images/desktop/jqueryui/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .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; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("../../../site_images/desktop/jqueryui/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("../../../site_images/desktop/jqueryui/ui-icons_ffffff_256x240.png"); } .ui-state-default .ui-icon { background-image: url("../../../site_images/desktop/jqueryui/ui-icons_888888_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("../../../site_images/desktop/jqueryui/ui-icons_454545_256x240.png"); } .ui-state-active .ui-icon { background-image: url("../../../site_images/desktop/jqueryui/ui-icons_454545_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("../../../site_images/desktop/jqueryui/ui-icons_2e83ff_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("../../../site_images/desktop/jqueryui/ui-icons_cd0a0a_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .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-on { background-position: -96px -144px; } .ui-icon-radio-off { 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-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url("../../../site_images/desktop/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url("../../../site_images/desktop/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px; } /* FJC Caching function */ /* File: site_css/desktop/detail.css */ /* sections */ #site_container #content_container .section.page_content .content_left { width: auto; } #site_container #content_container .section.page_content .content_right { width: 186px; float: right; margin-right: 2px; margin-left: 0px; width: 203px; } /** product images **/ #rotator { position: absolute; bottom: 0px; cursor: move; } #site_container #content_container .section.page_content .product_images { float: left; margin: 0px 31px 10px 0px; } #site_container #content_container .section.page_content .product_images .product_large_image { height: 446px; width: 461px; border: 3px solid transparent; overflow: hidden; text-align: center; margin-bottom: 14px; position: relative; } #site_container #content_container .section.page_content .product_images .product_large_image .large_image img { position: absolute; bottom: 0px; left: 0px; right: 0px; margin: 0px auto; } #site_container #content_container .section.page_content .product_images .product_large_image img.image_rotate{ height: 54px; position: absolute; right: 15px; top: 18px; width: 54px; cursor: pointer; z-index: 1000; } #site_container #content_container .section.page_content .product_images .product_small_images { width: 467px; overflow: hidden; } #site_container #content_container .section.page_content .product_images .product_small_images .video, #site_container #content_container .section.page_content .product_images .product_small_images .media { height: 66px; width: 66px; border: 1px solid transparent; cursor: pointer; float: left; overflow: hidden; text-align: center; margin-right: 7px; margin-bottom: 7px; position: relative; padding: 2px; } #site_container #content_container .section.page_content .product_images .product_small_images .media.active { border: 1px solid #CC1316; } #site_container #content_container .section.page_content .product_images .product_small_images .media.last, #site_container #content_container .section.page_content .product_images .product_small_images .video.last { margin-right: 0px; } #site_container #content_container .section.page_content .product_images .product_small_images div.row { margin-bottom: 10px; float: left; } #site_container #content_container .section.page_content .product_images .product_small_images .row .first { margin: 0px 11px 0px 0px; } #site_container #content_container .section.page_content .product_images .product_small_images .row .last { margin: 0px 0px 0px 1px; } #site_container #content_container .section.page_content .product_images .product_small_images .media img.swf { margin: 0 auto; position: absolute; right: 4px; top: 0; width: 27px; z-index: 1; } #site_container #content_container .section.page_content .product_images .product_small_images .media img.product { position: absolute; bottom: 0px; left: 0px; right: 0px; margin: 0px auto; } #site_container #content_container .section.page_content .product_images .product_small_images .video img { width: 100%; height: 100%; } /** product images - end **/ /** product options **/ /** REVIEW STYLING **/ div.review_customer { border-bottom: 1px solid #F1808D; padding-bottom: 6px; margin-top: 9px; position: relative; } div.reviews_none { text-align: center; font-style: italic; padding: 10px; } div.review_customer div.reviews_posted { color: #808080; } div.review_customer div.review_rating_text { padding: 3px; } div.review_customer div.review_rating_text span { font-weight: normal !important; } div.review_color_card { padding-left: 3px; color: #ccc; font-style: italic; } div.review_customer div.review_rating_stars { position: absolute; top: 0px; right: 0px; } div.review_customer a { color: #FE0000; } #site_container #content_container .section.page_content .product_options { width: 256px; float: left; margin-bottom: 22px; } #site_container #content_container .section.page_content .product_options .sold_out_button { color: #002d8f; cursor: pointer; padding-right: 10px; text-align: left; text-decoration: underline; margin-top: -25px; } #site_container #content_container .section.page_content .add_to_wishlist_button { color: #000000; margin: 10px 0; text-align: center; line-height: 20px; width: 162px; } #site_container #content_container .section.page_content .add_to_wishlist_button .add { cursor: pointer; } #site_container #content_container .section.page_content .add_to_wishlist_button .fa { font-size: 14px; color: #ff3737; } #site_container #content_container .section.page_content .product_options .option { margin: 0px 0px 25px 0px; } #site_container #content_container .section.page_content .product_options .option .title { color: #002D8F; font-weight: bold; text-transform: uppercase; } #site_container #content_container .section.page_content .product_options .option .content { overflow: hidden; margin: 16px 0px 0px 0px; } #site_container #content_container .section.page_content .product_options .colors .color { width: 75px; height: 75px; border: 1px solid #002D8F; cursor: pointer; float: left; overflow: hidden; text-align: center; margin: 0px 5px 5px 0px; position: relative; transition: opacity 0.5s ease; } #site_container #content_container .section.page_content .product_options .colors .active .color, #site_container #content_container .section.page_content .product_options .colors .color:hover { border: 1px solid #CC1316; } #site_container #content_container .section.page_content .product_options .colors .color.no_sizes { border: 1px solid #CCCCCC; } #site_container #content_container .section.page_content .product_options .colors .color img { position: absolute; bottom: 0px; left: 0px; right: 0px; margin: 0px auto; } .color_fold_toggle { color: #0099d7; font-size: 12px; cursor: pointer; line-height: 20px; } .color_fold_toggle .icon { background-position: -209px -62px; clear: left; height: 13px; padding: 4px 2px 3px; width: 15px; float: left; } .folded .color_fold_toggle .icon { background-position: -227px -62px !important; } .color_fold_toggle .open, .color_fold_toggle .close { } .color_fold_toggle .open, .folded .color_fold_toggle .close { display: none; } .folded .color_fold_toggle .open, .color_fold_toggle .close { display: inline; font-weight: bold; } #site_container #content_container .section.page_content .product_options .sizes .size { height: 31px; width: 32px; border: 1px solid #002D8F; cursor: pointer; float: left; color: #002D8F; font-weight: bold; line-height: 31px; text-align: center; margin: 0px 10px 10px 0px; } #site_container #content_container .section.page_content .product_options .sizes .size.size_not_available { cursor: default; background-position: -451px -157px; border: 1px solid #0099D7; color: #0099D7; } #site_container #content_container .section.page_content .product_options .sizes .size.size_not_available:hover { border: 1px solid #0099D7; } #site_container #content_container .section.page_content .product_options .sizes .size.active, #site_container #content_container .section.page_content .product_options .sizes .size:hover { border: 1px solid #CC1316; } #site_container #content_container .section.page_content .product_options .icons .content div { float: left; } #site_container #content_container .section.page_content .product_options .icons .removable { height: 47px; width: 47px; background-position: -2px -135px; margin-right: 4px; } #site_container #content_container .section.page_content .product_options .icons .recyclable { height: 42px; width: 47px; background-position: -53px -138px; margin: 3px 4px 0px 0px; } #site_container #content_container .section.page_content .product_options .icons .chrome_free { height: 47px; width: 48px; background-position: -104px -135px; margin-right: 5px; } #site_container #content_container .section.page_content .product_options .icons .warm_lining { height: 29px; width: 58px; background-position: -157px -144px; margin: 9px 6px 0px 0px; } #site_container #content_container .section.page_content .product_options .icons .water_proof { height: 29px; width: 48px; background-position: -221px -144px; margin-top: 9px; } /** product options - end **/ /** product info **/ #site_container #content_container .section.page_content .product_info { width: 754px; clear: both; } #site_container #content_container .section.page_content .product_info table#hoofd { width: 100%; } #site_container #content_container .section.page_content .product_info .social { float: right; margin-bottom: 4px; } #site_container #content_container .section.page_content .product_info #orderinfo div.kop { color: #e2001a; font-family: Trebuchet MS; font-size: 16px; font-weight: bold; line-height: 24px; margin: 12px 0; padding: 0; } #site_container #content_container .section.page_content .product_info .social .social_facebook, #site_container #content_container .section.page_content .product_info .social .social_twitter, #site_container #content_container .section.page_content .product_info .social .social_youtube, #site_container #content_container .section.page_content .product_info .social .social_wolkylife, #site_container #content_container .section.page_content .product_info .social .social_tell_friend { height: 24px; width: 24px; display: block; float: left; margin: -6px 2px 0px 2px; } #site_container #content_container .section.page_content .product_info .social .social_facebook { background-position: -449px -54px; } #site_container #content_container .section.page_content .product_info .social .social_twitter { background-position: -444px -29px; } #site_container #content_container .section.page_content .product_info .social .social_youtube { background-position: -442px -4px; } #site_container #content_container .section.page_content .product_info .social .social_wolkylife { background-position: -418px -2px; } #site_container #content_container .section.page_content .product_info .social .social_tell_friend { height: 18px; width: 93px; background-position: -405px -196px; margin-right: 0px; margin-top: 0px; } #site_container #content_container .section.page_content .product_info .menu_tabs { list-style: none; margin: 0px; padding: 0px; } #site_container #content_container .section.page_content .product_info .menu_tabs li { height: 22px; width: 105px; background: #002D8F; display: block; float: left; margin-right: 2px; } #site_container #content_container .section.page_content .product_info .menu_tabs li.disabled, #site_container #content_container .section.page_content .product_info .menu_tabs li.disabled:hover { background-color: #9B9B9B; } #site_container #content_container .section.page_content .product_info .menu_tabs li.disabled a { cursor:default; } #site_container #content_container .section.page_content .product_info .menu_tabs li.active, #site_container #content_container .section.page_content .product_info .menu_tabs li:hover { background: #0099D7; } #site_container #content_container .section.page_content .product_info .menu_tabs li a { height: 22px; width: 105px; display: block; color: #FFFFFF!important; font-family: DINWeb; font-weight: bold; line-height: 24px; text-align: center; text-decoration: none!important; text-transform: uppercase; } #site_container #content_container .section.page_content .product_info > div.tab { border: 1px solid #002D8F; clear: both; display: none; float: left; width: 734px; padding: 5px 9px 9px 9px; } #site_container #content_container .section.page_content .product_info a { color: #002d8f!important; text-decoration:underline!important; } #site_container #content_container .section.page_content .product_info .tab ul * { list-style: disc; text-decoration: none; font-family: Arial; font-size: 12px; color: #000000; } #site_container #content_container .section.page_content .product_info .tab ul li { margin-left: 15px; } #site_container #content_container .section.page_content .product_info .tab ul { padding: 8px; } #site_container #content_container .section.page_content .product_info > div.tab > .title { font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 13px; } #site_container #content_container .section.page_content .product_info .tab#description ul { padding: 0; padding-left: 8px; } #site_container #content_container .section.page_content .product_info .tab#maintainance .product_block { height: 192px; width: 183px; border-bottom: 3px dotted #CC1316; display: block; float: left; color: #000000!important; text-decoration: none!important; margin-right: 61px; margin-top: 9px; } #site_container #content_container .section.page_content .product_info .tab#maintainance .product_block .product_image { position: relative; height: 159px; display: block; } #site_container #content_container .section.page_content .product_info .tab#maintainance .product_block .product_image img { position: absolute; bottom: 0px; left: 0px; right: 0px; margin: 0px auto; } #site_container #content_container .section.page_content .product_info .tab#maintainance .product_block .product_image .label img { max-height: 34px; max-width: 56px; } #site_container #content_container .section.page_content .product_info .tab#maintainance .product_block .product_image .label { position: absolute; top: 5px; right: 4px; /*height: 34px; width: 56px;*/ display: block; z-index:1; } #site_container #content_container .section.page_content .product_info .tab#maintainance .product_block .product_image .label.new { background-position: -320px -41px; } #site_container #content_container .section.page_content .product_info .tab#maintainance .product_block .product_image .label.sale { background-position: -381px -42px; } #site_container #content_container .section.page_content .product_info .tab#maintainance .product_block .product_image .label.soon { height: 55px; width: 75px; background-position: -272px -132px; } #site_container #content_container .section.page_content .product_info .tab#maintainance .product_block .product_name, #site_container #content_container .section.page_content .product_info .tab#maintainance .product_block .product_price { display: block; text-align: right; } #site_container #content_container .section.page_content .product_info .tab#maintainance .product_block .product_price { font-weight: bold; } #site_container #content_container .section.page_content .product_info .tab#maintainance .product_block .product_price .old_price { text-decoration: line-through; } #site_container #content_container .section.page_content .product_info .tab#maintainance .product_block .product_price .new_price { color: #CC1316; } /** product info - end **/ /** product nav **/ #site_container #content_container .section.page_content .product_nav { font-family: DINWeb; font-size: 13px; font-weight: bold; line-height: 15px; height: 22px; } #site_container #content_container .section.page_content .product_nav .breadcrumbs { margin: 0 0 0 5px; display: inline-block; } #site_container #content_container .section.page_content .content_left .product_nav { margin-bottom: 11px; } #site_container #content_container .section.page_content .product_nav a { color: #002D8F; font-weight: bold; text-decoration: none; } #site_container #content_container .section.page_content .product_nav a:hover { text-decoration: underline; } #site_container #content_container .section.page_content .product_nav .next { float: right; } /** product nav - end **/ /** product details **/ #site_container #content_container .section.page_content .product_details { background: #F8F8F8; margin-bottom: 36px; padding: 9px 12px 12px 12px; } #site_container #content_container .section.page_content .product_details .name { font-family: DINWeb; font-size: 20px; font-weight: bold; line-height: 28px; text-transform: uppercase; margin-bottom: 13px; } #site_container #content_container .section.page_content .product_details .details .article span, #site_container #content_container .section.page_content .product_details .details .color span, #site_container #content_container .section.page_content .product_details .details .size span{ font-weight: bold; } #site_container #content_container .section.page_content .product_details .details .article { display: table; } #site_container #content_container .section.page_content .product_details .details .article .row { display: table-row; } #site_container #content_container .section.page_content .product_details .details .article span { display: table-cell; } #site_container #content_container .section.page_content .product_details .details .article span.value { font-weight: normal; } #site_container #content_container .section.page_content .product_details .details .price { font-size: 20px; font-weight: bold; margin-top: 7px; } #site_container #content_container .section.page_content .product_details .details .soon, #site_container #content_container .section.page_content .product_details .order .expected, #site_container #content_container .section.page_content .product_details .order .shipping { font-size: 10px; font-style: italic; } #site_container #content_container .section.page_content .product_details .order .shipping { margin: 2px 0px 8px 0px; } #site_container #content_container .section.page_content .product_details .order .shipping a { text-decoration: none; color: #Af1A1C; } #site_container #content_container .section.page_content .product_details .order { border-bottom: 1px solid #000; } #site_container #content_container .section.page_content .product_details .order .order_button { height: 37px; width: 162px; background: #1592CE; display: block; color: #fff; font-family: DINWeb; font-size: 20px; font-weight: bold; line-height: 37px; text-align: center; text-decoration: none; text-transform: uppercase; margin: 24px 0px 16px 0px; cursor: pointer; } #site_container #content_container .section.page_content .product_details .order .order_button.deu { font-size: 14px; } #site_container #content_container .section.page_content .product_details .order .order_button:hover { background: #3D5DAA; } #site_container #content_container .section.page_content .product_details .order .review_average { margin: 0px 0px 10px 0px; cursor: pointer; } #site_container #content_container .section.page_content .product_details .support .help { color: #002D8F; font-size: 10px; font-weight: bold; margin: 8px 0px 12px 0px; } #site_container #content_container .section.page_content .product_details .support .phone, #site_container #content_container .section.page_content .product_details .support .chat, #site_container #content_container .section.page_content .product_details .support .email, #site_container #content_container .section.page_content .product_details .support .whatsapp, #site_container #content_container .section.page_content .product_details .support .callback { overflow: hidden; color: #002D8F; font-size: 10px; } #site_container #content_container .section.page_content .product_details .support .phone { height: 23px; line-height: 25px; } #site_container #content_container .section.page_content .product_details .support .phone .icon { height: 23px; width: 13px; background-position: -363px -132px; float: left; margin: 0px 13px 0px 10px; } #site_container #content_container .section.page_content .product_details .support .chat { height: 24px; line-height: 18px; margin-top: 4px; } #site_container #content_container .section.page_content .product_details .support a{ text-decoration: none; color: #002D8F; } #site_container #content_container .section.page_content .product_details .support .chat .icon { height: 24px; width: 30px; background-position: -353px -158px; float: left; margin: 0px 7px 0px 0px; } #site_container #content_container .section.page_content .product_details .support .email { height: 16px; line-height: 12px; margin-top: 3px; } #site_container #content_container .section.page_content .product_details .support .email .icon { height: 16px; width: 24px; background-position: -389px -133px; float: left; margin: 0px 8px 0px 4px; } #site_container #content_container .section.page_content .product_details .support .callback { height: 28px; line-height: 18px; margin-top: 5px; } #site_container #content_container .section.page_content .product_details .support .callback .icon { height: 28px; width: 21px; background-position: -388px -154px; float: left; margin: 0px 12px 0px 3px; } #site_container #content_container .section.page_content .product_details .support .whatsapp img { width: 30px; height: 30px; float: left; margin-top: 5px; } #site_container #content_container .section.page_content .product_details .support .whatsapp span { float: left; height: 30px; padding-top: 15px; margin-left: 5px; } /** product details - end **/ /** product tips **/ #site_container #content_container .section.page_content .product_tips .title { height: 22px; background: #E1F0F7; color: #000; font-family: DINWeb; font-weight: bold; line-height: 26px; text-transform: uppercase; margin: 0px; padding: 0px 20px; } #site_container #content_container .section.page_content .product_tips .content .product_block { height: 192px; width: 183px; border-bottom: 3px dotted #CC1316; display: block; float: left; color: #000000; text-decoration: none; margin-top: 9px; } #site_container #content_container .section.page_content .product_tips .content .product_block .product_image { position: relative; height: 159px; display: block; position: relative; } #site_container #content_container .section.page_content .product_tips .content .product_block .product_image img { position: absolute; bottom: 0px; left: 0px; right: 0px; margin: 0px auto; } #site_container #content_container .section.page_content .product_tips .content .product_block .product_image .label { max-width: 75px; } #site_container #content_container .section.page_content .product_tips .content .product_block .product_image .label img { max-height: 34px; max-width: 56px; } #site_container #content_container .section.page_content .product_tips .content .product_block .product_image .label { position: absolute; top: 5px; right: 4px; height: 34px; width: 56px; display: block; z-index: 10; } #site_container #content_container .section.page_content .product_tips .content .product_block .product_image .label.new { background-position: -320px -41px; } #site_container #content_container .section.page_content .product_tips .content .product_block .product_image .label.sale { background-position: -381px -42px; } #site_container #content_container .section.page_content .product_tips .content .product_block .product_image .label.soon { height: 55px; width: 75px; background-position: -272px -132px; } #site_container #content_container .section.page_content .product_tips .content .product_block .product_name, #site_container #content_container .section.page_content .product_tips .content .product_block .product_price { display: block; text-align: right; } #site_container #content_container .section.page_content .product_tips .content .product_block .product_price { font-weight: bold; } #site_container #content_container .section.page_content .product_tips .content .product_block .product_price .old_price { text-decoration: line-through; } #site_container #content_container .section.page_content .product_tips .content .product_block .product_price .new_price { color: #CC1316; } #dialog_size .sizes { width: 270px; float: left; } #dialog_size .sizes .size{ border: 1px solid #002D8F; color: #002D8F; cursor: pointer; float: left; font-weight: bold; height: 31px; line-height: 31px; margin: 0 10px 10px 0; text-align: center; width: 32px; } #dialog_size .sizes .size.size_not_available { display: none; } #dialog_size .sizes .size.active, #dialog_size .sizes .size:hover { border: 1px solid #CC1316; } #dialog_size .dialog_button { background: none repeat scroll 0 0 #1592CE; color: #FFFFFF; cursor: pointer; display: block; float: left; font-family: DINWeb; font-size: 20px; font-weight: bold; height: 37px; line-height: 37px; margin: 24px 0 16px; text-align: center; text-decoration: none; text-transform: uppercase; padding: 0 20px; } #dialog_size .dialog_button .fa { display: none; } .language_de-de #dialog_size .dialog_button { font-size: 15px; } #dialog_size .dialog_button:hover { background: #3D5DAA; } .ui-dialog { z-index: 1500; } .product_large_image, .zoomContainer, .zoomContainer .zoomLens { cursor: pointer !important; } .dialog_video, .dialog_fotorama { padding: 0; z-index: 1040; } .dialog_video .ui-widget-header, .dialog_fotorama .ui-widget-header { background: none; background-color: #002d8f; font-size: 16px; } .dialog_video .ui-widget-header .ui-button-text, .dialog_fotorama .ui-widget-header .ui-button-text { text-indent: 0; width: auto; float: left; line-height: 100%; padding: 0 0 0 0.4em; font-size: 14px } .dialog_video .ui-dialog-content, .dialog_fotorama .ui-dialog-content { padding: 0; } .dialog_video .ui-dialog-titlebar-close, .dialog_fotorama .ui-dialog-titlebar-close { right: 0.6em; width: auto; height: 26px; top: 44%; } .dialog_video .ui-dialog-titlebar-close .ui-icon-closethick, .dialog_fotorama .ui-dialog-titlebar-close .ui-icon-closethick { float: right; position: static; left: auto; top: auto; margin: 0; } .dialog_fotorama .fotorama__arr { width: 22px; height: 56px; margin-top: -28px; background-position: 0 0; } .dialog_fotorama .fotorama__arr:focus { border-radius: 0; } .dialog_fotorama .fotorama__arr:focus::after { content: normal; } /* .fotorama__arr:focus::after, .fotorama__fullscreen-icon:focus::after, .fotorama__nav__frame:focus .fotorama__dot::after, .fotorama__nav__frame:focus .fotorama__thumb::after */ .dialog_fotorama .fotorama__arr--prev { background-size: auto; background-image: url('../../../site_images/mobile/photo_previous.png'); left: 12px; } .dialog_fotorama .fotorama__arr--next { background-size: auto; background-image: url('../../../site_images/mobile/photo_next.png'); right: 12px; } #dialog_video { overflow: hidden; background-color: #000000; } #dialog_video_flowplayer { overflow: hidden; width: 100%; height: 100%; } /** product tips - end **/ .product_large_image .label.comingSoon { background-position: -270px -131px; height: 59px; width: 77px; } .product_large_image .label.new { background-position: -318px -40px; height: 38px; width: 60px; z-index: 1; } .product_large_image .label.sale { background-position: -379px -41px; height: 38px; width: 60px; } .product_large_image .label { position: absolute; top: 15px; right: 80px; /*height: 120px; width: 120px;*/ z-index: 1; } .product_large_image .resize_icon { position: absolute; bottom: 10px; right: 10px; width: 30px; height: 30px; background-color: #ffffff; border-radius: 12px; z-index: 20; padding: 8px 6px 6px 8px; } .product_large_image .resize_icon img { width: 100%; height: 100%; } #site_container #content_container .section.page_content .product_images .product_large_image .swf_object { visibility:hidden; height: 1px; width: 1px; } #site_container #content_container .section.page_content .product_images .product_large_image .swf_object.show { visibility:visible; height: 100%; width: 100%; } #site_container #content_container .section.page_content .product_images .product_large_image .swf_object object { left: -5000px; position: absolute; } #site_container #content_container .section.page_content .product_images .product_large_image .swf_object.show object{ position: absolute; left: 0; } .zoomWindowContainer { position: absolute; bottom: 446px; z-index: 1; } .zoomWindow { z-index: 10; } .section.product_slider { margin-top: 15px; } /* sections - end */ #stockMessageContainer { clear: both; font-size: 14px; color: #002d8f; line-height: 22px; margin: 13px 0px 10px 0px; } #stockMessageContainer a { color: #002d8f; } #attributeNoteToShow { margin: 8px 0px 0px 15px; } #dialog_sold_out { display: none; } #dialog_sold_out .submit { border: 0px solid #002D8F; padding: 0px 15px 0px 15px; background: #002D8F; display: block; color: #FFFFFF; font-weight: bold; font-size: 12px; text-align: center; text-decoration: none; text-transform: uppercase; line-height: 20px; cursor: pointer; } .sold_out_dialog .ui-dialog-titlebar.ui-widget-header { background: #002D8F; border: 1px solid #002D8F; } @media all and (max-width: 1023px) { #site_container #content_container .section.page_content .content_right { margin: 0px 0px 0px 0px; } /* sections */ /** product images **/ #site_container #content_container .section.page_content .product_images { margin: 0px 2px 20px 0px; } #site_container #content_container .section.page_content .product_images .product_large_image { height: 376px; width: 389px; margin-bottom: 6px; position: relative; } #site_container #content_container .section.page_content .product_images .product_large_image .large_image img { width: 100%; height: auto; } #site_container #content_container .section.page_content .product_images .product_small_images { width: 395px; } #site_container #content_container .section.page_content .product_images .product_small_images .image { height: 65px; width: 66px; margin: 0px 8px 0px 0px; position: relative; } #site_container #content_container .section.page_content .product_images .product_small_images .image.first { margin: 0px 9px 0px 0px; } #site_container #content_container .section.page_content .product_images .product_small_images .image img { width: 66px; position: absolute; left: 0px; right: 0px; margin: 0px auto; } /** product images - end **/ /** product options **/ #site_container #content_container .section.page_content .product_options { width: 144px; } #site_container #content_container .section.page_content .product_options .option { margin-bottom: 4px; width: 148px; } #site_container #content_container .section.page_content .product_options .option .content { margin-top: 5px; } #site_container #content_container .section.page_content .product_options .brand .title { display: none; } #site_container #content_container .section.page_content .product_options .brand .content { margin-top: 0px; } #site_container #content_container .section.page_content .product_options .sizes .size { margin: 0px 2px 2px 0px; } #site_container #content_container .section.page_content .product_options .colors { margin-bottom: 19px; } #site_container #content_container .section.page_content .product_options .colors .color { margin-right: 2px; margin-bottom: 2px; width: 70px; height: 70px; } #site_container #content_container .section.page_content .product_options .colors .color img { max-width: 100%; height: auto; } /** product options - end **/ /** product info **/ #site_container #content_container .section.page_content .product_info { width: 541px; position:relative; } #site_container #content_container .section.page_content .product_info .social { float: none; position:absolute; top: -46px; right: -5px; width: 115px; } #site_container #content_container .section.page_content .product_info .social .social_tell_friend { margin-top: 5px; margin-left: 7px; } #site_container #content_container .section.page_content .product_info > div.tab { width: 520px; } /** product info - end **/ /* sections - end */ #site_container #content_container .section.page_content .product_images .product_small_images .media.last, #site_container #content_container .section.page_content .product_images .product_small_images .video.last { margin-right: 7px; } #site_container #content_container .section.page_content .product_options .sold_out_button { margin-top: 0px; } #site_container #content_container .section.page_content .product_options .add_to_wishlist_button { margin-top: 0px; } #dialog_add_to_wishlist { display: none; } .add_to_wishlist_dialog .ui-dialog-titlebar.ui-widget-header { background: #002D8F; border: 1px solid #002D8F; } } #content_container .product_options .color-blue-wolky { color: #0099D7; } #content_container .product_options .color-blue-wolky .size-chart { cursor: pointer; } #dialog_size_chart p.strong { font-weight: bold; } #dialog_size_chart table td { padding: 5px; text-align: center; min-width: 80px; } #dialog_size_chart { padding-left: 10px; } #dialog_size_chart td.fjc { padding: 0px; } #size_chart_table > tbody > tr > td > table > tbody > tr > td { padding: 0px; } #dialog_size_chart table tr td:nth-child(even) { background: #F8F8F8; } #dialog_size_chart table tr+tr > td { border-top: 1px dotted #e9e9e9; } #dialog_size_chart table p { margin: 0; } .ui-draggable.ui-resizable.max-width { max-width: 183px!important; } .ui-dialog-titlebar.ui-widget-header { background: #002D8F; border: 1px solid #002D8F; } /* FJC Caching function */ /* File: site_css/plugins/font-awesome.css */ /*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../../fonts/fontawesome-webfont.eot?v=4.5.0'); src: url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } /* FJC Caching function */ /* File: site_css/plugins/fotorama.css */ /*! * Fotorama 4.6.4 | http://fotorama.io/license/ */ .fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(../../../site_images/fotorama/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(../../../site_images/fotorama/fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none} /* FJC Caching function */ /* File: fjc_fade_o.css */ .fjc_slideshow { position:relative; overflow: hidden; } /* FJC Caching function */ /* File: fjc/fjc_floatbox/floatbox.css */ /* Floatbox v3.22 */ /* November 15, 2008 */ #fbOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; border-width: 0; margin: 0; padding: 0; } /* overlay color */ div.fbOverlay_black { background-color: #000; } div.fbOverlay_white {background-color: #000; } div.fbOverlay_blue { background-color: #0b183b; } div.fbOverlay_yellow { background-color: #752; } div.fbOverlay_red { background-color: #280000; } div.fbOverlay_custom { background-color: #1b2642; } #fbBox { position: absolute; border-style: solid; border-width: 0; margin: 0; padding: 0; } div.fbBox_black { border-color:#FFFFFF; /* outerBorder color */ background-color: #FFF; /* main floatbox color */ } div.fbBox_white { border-color: #888; background-color: #fff; } div.fbBox_blue { border-color: #4060a8; background-color: #0b183b; } div.fbBox_yellow { border-color: #680c0c; background-color: #ed9; } div.fbBox_red { border-color: #945848; background-color: #580808; } div.fbBox_custom { border-color: #da7b4d; background-color: #eed39e; } #fbBox div, #fbBox a, #fbBox img, #fbBox iframe { border-width: 0; margin: 0; padding: 0; outline: none; -moz-outline: none; /* for older Netscape, doesn't validate, remove if you like */ } #fbBox a { background: url(graphics/blank.gif); } #fbZoomDiv, a.fbPopup img, #fbBox #fbIndexLinks img { position: absolute; left: -9999px; top: 0; /* border-width is set in js code */ border-style: solid; border-color: black; margin: 0; padding: 0; } #fbBox #fbLoader { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; } /* animated 'loading' graphic */ #fbBox .fbLoader_black { background-image: url(../../../fjc/fjc_floatbox/graphics/loading_black.gif); } #fbBox .fbLoader_white { background-image: url(../../../fjc/fjc_floatbox/graphics/loading_white.gif); } #fbBox .fbLoader_blue { background-image: url(../../../fjc/fjc_floatbox/graphics/loading_black.gif); } #fbBox .fbLoader_yellow { background-image: url(../../../fjc/fjc_floatbox/graphics/loading_white.gif); } #fbBox .fbLoader_red { background-image: url(../../../fjc/fjc_floatbox/graphics/loading_black_small.gif); } #fbBox .fbLoader_custom { background-image: url(../../../fjc/fjc_floatbox/graphics/loading_black_small.gif); } #fbBox #fbShadowTop, #fbShadowRight, #fbBox #fbShadowBottom, #fbBox #fbShadowLeft, #fbBox #fbShadowCorner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; } #fbBox #fbShadowTop { background-position: top left; } #fbBox .fbShadowTop_halo8 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowTop_halo8.png); } #fbBox .fbShadowTop_halo12 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowTop_halo12.png); } #fbBox .fbShadowTop_halo16 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowTop_halo16.png); } #fbBox .fbShadowTop_halo24 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowTop_halo24.png); } #fbBox #fbShadowRight { background-position: top right; } #fbBox .fbShadowRight_drop8 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowRight_drop8.png); } #fbBox .fbShadowRight_drop12 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowRight_drop12.png); } #fbBox .fbShadowRight_drop16 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowRight_drop16.png); } #fbBox .fbShadowRight_drop24 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowRight_drop24.png); } #fbBox .fbShadowRight_halo8 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowRight_halo8.png); } #fbBox .fbShadowRight_halo12 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowRight_halo12.png); } #fbBox .fbShadowRight_halo16 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowRight_halo16.png); } #fbBox .fbShadowRight_halo24 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowRight_halo24.png); } #fbBox #fbShadowBottom { background-position: bottom right; } /* overridden in code for drop shadow */ #fbBox .fbShadowBottom_drop8 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowBottom_drop8.png); } #fbBox .fbShadowBottom_drop12 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowBottom_drop12.png); } #fbBox .fbShadowBottom_drop16 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowBottom_drop16.png); } #fbBox .fbShadowBottom_drop24 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowBottom_drop24.png); } #fbBox .fbShadowBottom_halo8 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowBottom_halo8.png); } #fbBox .fbShadowBottom_halo12 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowBottom_halo12.png); } #fbBox .fbShadowBottom_halo16 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowBottom_halo16.png); } #fbBox .fbShadowBottom_halo24 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowBottom_halo24.png); } #fbBox #fbShadowLeft { background-position: bottom left; } #fbBox .fbShadowLeft_halo8 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowLeft_halo8.png); } #fbBox .fbShadowLeft_halo12 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowLeft_halo12.png); } #fbBox .fbShadowLeft_halo16 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowLeft_halo16.png); } #fbBox .fbShadowLeft_halo24 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowLeft_halo24.png); } #fbBox #fbShadowCorner { background-position: bottom right; } #fbBox .fbShadowCorner_drop8 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowCorner_drop8.png); } #fbBox .fbShadowCorner_drop12 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowCorner_drop12.png); } #fbBox .fbShadowCorner_drop16 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowCorner_drop16.png); } #fbBox .fbShadowCorner_drop24 { background-image: url(../../../fjc/fjc_floatbox/graphics/shadowCorner_drop24.png); } #fbBox #fbCanvas { position: relative; /* won't fade in ie6 if absolute */ left: 0; top: 0; width: 100%; height: 100%; } #fbBox #fbMainDiv, #fbBox #fbInfoPanel, #fbBox #fbControlPanel { position: absolute; border-style: none; overflow: hidden; } #fbBox #fbMainDiv { background-color: #fff; } /* innerBorder color */ #fbBox .fbMainDiv_black { border-color: #ccc; } #fbBox .fbMainDiv_white { border-color: #000; } #fbBox .fbMainDiv_blue { border-color: #aaa8be; } #fbBox .fbMainDiv_yellow { border-color: #700; } #fbBox .fbMainDiv_red { border-color: #b64; } #fbBox .fbMainDiv_custom { border-color: #b64; } #fbBox #fbResizer { position: absolute; width: 25px; /* = dimensions of the resize button (see note below) */ height: 25px; } /* resize button graphic */ #fbBox .fbResizer_black { background-image: url(../../../fjc/fjc_floatbox/graphics/resize_black.gif); } #fbBox .fbResizer_white { background-image: url(../../../fjc/fjc_floatbox/graphics/resize_white.gif); } #fbBox .fbResizer_blue { background-image: url(../../../fjc/fjc_floatbox/graphics/resize_blue.gif); } #fbBox .fbResizer_yellow { background-image: url(../../../fjc/fjc_floatbox/graphics/resize_yellow.gif); } #fbBox .fbResizer_red { background-image: url(../../../fjc/fjc_floatbox/graphics/resize_red.gif); } #fbBox .fbResizer_custom { background-image: url(../../../fjc/fjc_floatbox/graphics/resize_red.gif); } /* note: if you want the smaller resize button, change #fbResizer width and height to 19px and also add "_small" to the resize gif name (e.g., graphics/resize_black_small.gif) */ #fbBox #fbLeftNav, #fbBox #fbRightNav { position: absolute; height: 100%; } #fbBox #fbLeftNav, #fbBox #fbOverlayPrev { left: 0; } #fbBox #fbRightNav, #fbBox #fbOverlayNext { right: 0; } #fbBox #fbOverlayPrev, #fbBox #fbOverlayNext { position: absolute; width: 49px; /* = dimensions of the upper prev and next graphics */ height: 23px; background-repeat: no-repeat; } /* on-mouse-over upper nav prev graphic */ #fbBox .fbOverlayPrev_black { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_upr_black.gif); } #fbBox .fbOverlayPrev_white { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_upr_white.gif); } #fbBox .fbOverlayPrev_blue { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_upr_blue.gif); } #fbBox .fbOverlayPrev_yellow { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_upr_yellow.gif); } #fbBox .fbOverlayPrev_red { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_upr_red.gif); } #fbBox .fbOverlayPrev_custom { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_upr_blue.gif); } /* on-mouse-over upper nav next graphic */ #fbBox .fbOverlayNext_black { background-image: url(../../../fjc/fjc_floatbox/graphics/next_upr_black.gif); } #fbBox .fbOverlayNext_white { background-image: url(../../../fjc/fjc_floatbox/graphics/next_upr_white.gif); } #fbBox .fbOverlayNext_blue { background-image: url(../../../fjc/fjc_floatbox/graphics/next_upr_blue.gif); } #fbBox .fbOverlayNext_yellow { background-image: url(../../../fjc/fjc_floatbox/graphics/next_upr_yellow.gif); } #fbBox .fbOverlayNext_red { background-image: url(../../../fjc/fjc_floatbox/graphics/next_upr_red.gif); } #fbBox .fbOverlayNext_custom { background-image: url(../../../fjc/fjc_floatbox/graphics/next_upr_blue.gif); } #fbBox #fbInfoPanel { line-height: 1.25em; /* caption and info link text */ font-family: Verdana, Helvetica, sans-serif; font-size: 12px; } #fbBox #fbCaption { cursor: default; } #fbBox #fbInfoLink, #fbBox #fbPrintLink { padding-bottom: .1em; } #fbBox #fbItemNumber { font-size: 10px; /* 'image x of y' text */ white-space: nowrap; cursor: default; } /* 'image x of y' and indexLinks color */ #fbBox .fbItemNumber_black, #fbBox #fbIndexLinks.fbIndexLinks_black, #fbBox #fbIndexLinks.fbIndexLinks_black a:link, #fbBox #fbIndexLinks.fbIndexLinks_black a:visited { color: #aaa; } #fbBox .fbItemNumber_white, #fbBox #fbIndexLinks.fbIndexLinks_white, #fbBox #fbIndexLinks.fbIndexLinks_white a:link, #fbBox #fbIndexLinks.fbIndexLinks_white a:visited { color: #666; } #fbBox .fbItemNumber_blue, #fbBox #fbIndexLinks.fbIndexLinks_blue, #fbBox #fbIndexLinks.fbIndexLinks_blue a:link, #fbBox #fbIndexLinks.fbIndexLinks_blue a:visited { color: #aaa8be; } #fbBox .fbItemNumber_yellow, #fbBox #fbIndexLinks.fbIndexLinks_yellow, #fbBox #fbIndexLinks.fbIndexLinks_yellow a:link, #fbBox #fbIndexLinks.fbIndexLinks_yellow a:visited { color: #700; } #fbBox .fbItemNumber_red, #fbBox #fbIndexLinks.fbIndexLinks_red, #fbBox #fbIndexLinks.fbIndexLinks_red a:link, #fbBox #fbIndexLinks.fbIndexLinks_red a:visited { color: #ca8; } #fbBox .fbItemNumber_custom, #fbBox #fbIndexLinks.fbIndexLinks_custom, #fbBox #fbIndexLinks.fbIndexLinks_custom a:link, #fbBox #fbIndexLinks.fbIndexLinks_custom a:visited { color: #965f74; } /* caption, infoLink, printLink, & indexLinks:hover color */ #fbBox .fbInfoPanel_black, #fbBox .fbInfoPanel_black a:link, #fbBox .fbInfoPanel_black a:visited, #fbBox #fbIndexLinks.fbIndexLinks_black a:hover { color: #d7d7d7; } #fbBox .fbInfoPanel_white, #fbBox .fbInfoPanel_white a:link, #fbBox .fbInfoPanel_white a:visited, #fbBox #fbIndexLinks.fbIndexLinks_white a:hover { color: #000; } #fbBox .fbInfoPanel_blue, #fbBox .fbInfoPanel_blue a:link, #fbBox .fbInfoPanel_blue a:visited, #fbBox #fbIndexLinks.fbIndexLinks_blue a:hover { color: #aaa8be; } #fbBox .fbInfoPanel_yellow, #fbBox .fbInfoPanel_yellow a:link, #fbBox .fbInfoPanel_yellow a:visited, #fbBox #fbIndexLinks.fbIndexLinks_yellow a:hover { color: #700; } #fbBox .fbInfoPanel_red, #fbBox .fbInfoPanel_red a:link, #fbBox .fbInfoPanel_red a:visited, #fbBox #fbIndexLinks.fbIndexLinks_red a:hover { color: #ec9; } #fbBox .fbInfoPanel_custom, #fbBox .fbInfoPanel_custom a:link, #fbBox .fbInfoPanel_custom a:visited, #fbBox #fbIndexLinks.fbIndexLinks_custom a:hover { color: #735; } #fbBox #fbControls { height: 14px; /* height of control widget graphics - they should all be the same */ font-size: 1px; } #fbBox #fbNavControls { width: 88px; /* sum of lowerprev and lowernext widths */ height: 14px; /* height of 1 sprite panel in lowerprev and lowernext graphics */ } #fbBox #fbPrev { float: left; width: 44px; /* = dimensions of the lower nav 'prev' graphic */ height: 14px; background-repeat: no-repeat; } /* lower nav 'prev' graphic */ #fbBox .fbPrev_black { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_black.gif); } #fbBox .fbPrev_white { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_white.gif); } #fbBox .fbPrev_blue { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_blue.gif); } #fbBox .fbPrev_yellow { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_yellow.gif); } #fbBox .fbPrev_red { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_red.gif); } #fbBox .fbPrev_custom { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_yellow.gif); } /* lower nav greyed-out 'prev' graphic */ #fbBox .fbPrev_black_off { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_off_black.gif); } #fbBox .fbPrev_white_off { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_off_white.gif); } #fbBox .fbPrev_blue_off { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_off_blue.gif); } #fbBox .fbPrev_yellow_off { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_off_yellow.gif); } #fbBox .fbPrev_red_off { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_off_red.gif); } #fbBox .fbPrev_custom_off { background-image: url(../../../fjc/fjc_floatbox/graphics/prev_lwr_off_yellow.gif); } #fbBox #fbNext { float: right; width: 44px; /* = dimensions of the lower nav 'next' graphic */ height: 14px; background-repeat: no-repeat; } /* lower nav 'next' graphic */ #fbBox .fbNext_black { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_black.gif); } #fbBox .fbNext_white { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_white.gif); } #fbBox .fbNext_blue { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_blue.gif); } #fbBox .fbNext_yellow { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_yellow.gif); } #fbBox .fbNext_red { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_red.gif); } #fbBox .fbNext_custom { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_yellow.gif); } /* lower nav greyed-out 'next' graphic */ #fbBox .fbNext_black_off { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_off_black.gif); } #fbBox .fbNext_white_off { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_off_white.gif); } #fbBox .fbNext_blue_off { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_off_blue.gif); } #fbBox .fbNext_yellow_off { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_off_yellow.gif); } #fbBox .fbNext_red_off { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_off_red.gif); } #fbBox .fbNext_custom_off { background-image: url(../../../fjc/fjc_floatbox/graphics/next_lwr_off_yellow.gif); } #fbBox #fbPlay, #fbBox #fbPause { position: absolute; background-repeat: no-repeat; } #fbBox #fbPlayPause, #fbBox #fbPlay, #fbBox #fbPause { width: 46px; /* = dimensions of the 'play' and 'pause' graphics (they need to be the same size) */ height: 14px; text-align: left; } /* 'play' and 'pause' graphics */ #fbBox .fbPlay_black { background-image: url(../../../fjc/fjc_floatbox/graphics/play_black.gif); } #fbBox .fbPlay_white { background-image: url(../../../fjc/fjc_floatbox/graphics/play_white.gif); } #fbBox .fbPlay_blue { background-image: url(../../../fjc/fjc_floatbox/graphics/play_blue.gif); } #fbBox .fbPlay_yellow { background-image: url(../../../fjc/fjc_floatbox/graphics/play_yellow.gif); } #fbBox .fbPlay_red { background-image: url(../../../fjc/fjc_floatbox/graphics/play_red.gif); } #fbBox .fbPlay_custom { background-image: url(../../../fjc/fjc_floatbox/graphics/play_yellow.gif); } #fbBox .fbPause_black { background-image: url(../../../fjc/fjc_floatbox/graphics/pause_black.gif); } #fbBox .fbPause_white { background-image: url(../../../fjc/fjc_floatbox/graphics/pause_white.gif); } #fbBox .fbPause_blue { background-image: url(../../../fjc/fjc_floatbox/graphics/pause_blue.gif); } #fbBox .fbPause_yellow { background-image: url(../../../fjc/fjc_floatbox/graphics/pause_yellow.gif); } #fbBox .fbPause_red { background-image: url(../../../fjc/fjc_floatbox/graphics/pause_red.gif); } #fbBox .fbPause_custom { background-image: url(../../../fjc/fjc_floatbox/graphics/pause_yellow.gif); } #fbBox #fbClose { width: 46px; /* = dimensions of the 'close' graphic */ height: 14px; background-repeat: no-repeat; } /* 'close' graphic */ #fbBox .fbClose_black { background-image: url(../../../fjc/fjc_floatbox/graphics/close_black.gif); } #fbBox .fbClose_white { background-image: url(../../../fjc/fjc_floatbox/graphics/close_white.gif); } #fbBox .fbClose_blue { background-image: url(../../../fjc/fjc_floatbox/graphics/close_blue.gif); } #fbBox .fbClose_yellow { background-image: url(../../../fjc/fjc_floatbox/graphics/close_yellow.gif); } #fbBox .fbClose_red { background-image: url(../../../fjc/fjc_floatbox/graphics/close_red.gif); } #fbBox .fbClose_custom { background-image: url(../../../fjc/fjc_floatbox/graphics/close_yellow.gif); } #fbBox #fbIndexLinks { clear: both; font-size: 11px; cursor: default; } #fbBox #fbIndexLinks a:hover { font-weight: bold; } /* posLeft, posCenter & posRight are dynamically assigned classes that allow layout of the info and control panels depending on which side they're on */ /* info panel */ #fbInfoPanel.posCenter, #fbInfoDiv.posCenter, #fbIndexLinks.posCenter { margin: 0 auto; } #fbInfoPanel.posRight, #fbInfoDiv.posRight, #fbIndexLinks.posRight { float: right; } #fbInfoPanel.posLeft, #fbInfoDiv.posLeft, #fbIndexLinks.posLeft { float: left; } /* control panel */ #fbControlPanel.posRight, #fbControls.posRight, #fbClose.posRight, #fbSubControls.posRight, #fbNavControls.posLeft, #fbPlayPause.posLeft { float: right; } #fbControlPanel.posLeft, #fbControls.posLeft, #fbClose.posLeft, #fbSubControls.posLeft, #fbNavControls.posRight, #fbPlayPause.posRight { float: left; } /* IE6 wants these, maybe for layout? */ #fbSubControls, #fbClose, #fbIndexLinks, #fbPlayPause, #fbNavControls { float: left; } /* FJC Caching function */ /* File: site_css/site.css */ /* FJC Caching function */ /* File: fjc_css/css1.css */ /* General style */ #hoofd, #hoofd td { font-family: DINWeb; font-size: 12px; font-weight: normal; line-height: 17px; color: #000000; text-align: left; } #hoofd { padding-top: 10px; } #hoofd p { padding: 5px 0; } /* Style of heads */ #hoofd h1.kop { margin: 12px 0px; padding: 0px; font-family: Trebuchet MS; font-size: 16px; font-weight: bold; line-height: 24px; color: #e2001a; } #hoofd h2.kop { margin: 6px 0px; padding: 0px; font-family: DINWeb; font-size: 13px; font-weight: bold; line-height: 16px; color: #178fcb; } #hoofd h3.kop { background-color: transparent; color: #1F1F1F; /* font-weight: bold; */ /* font-style: italic; */ /* text-decoration: underline; */ /* font-family: Verdana, Arial, sans-serif; */ font-size: 12px; } /* Style of normal link */ #hoofd a { background-color: transparent; color: #FE0000; /* font-weight: bold; */ /* font-style: italic; */ text-decoration: underline; /* font-family: Verdana, Arial, sans-serif; */ /* font-size: 12px; */ } /* Style of link when mouse is over */ #hoofd a:hover { background-color: transparent; color: #FE0000; /* font-weight: bold; */ /* font-style: italic; */ text-decoration: underline; /* font-family: Verdana, Arial, sans-serif; */ /* font-size: 12px; */ } /* Style of link when user clicked */ #hoofd a:visited, #hoofd a:active, #hoofd a.active { background-color: transparent; color: #FE0000; /* font-weight: bold; */ /* font-style: italic; */ text-decoration: underline; /* font-family: Verdana, Arial, sans-serif; */ /* font-size: 12px; */ } /* Space around the content */ #hoofd table.row td.default { padding: 0 10px; } #hoofd table.row { width: 100%; } #hoofd img { border: 0; } #hoofd .left { float: left; margin: 0 15px 0 0; } #hoofd .right { float: right; margin: 0 0 0 15px; } #hoofd hr { border: none; height: 1px; background-color: #000000; color: #ff0000; } /* styl for image gallary */ #hoofd .imggallery { border: 0; float: left; margin: 0 1px 1px 0; } #hoofd div.fjc_image_class { float: left; } table.contactform { width: 100%; } table.contactform .contacttext { color: #000000; font-weight: bold; } table.contactform .required { color: #cc0000; } table.contactform td .radiobutton { width: 20px; } table.moduleform tr{ height:22px } table.moduleform td{ /*width:215px;*/ /* width: 185px; height:22px;*/ } table.moduleform tr td table.recaptchatable tr, table.moduleform tr td table.recaptchatable td { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; height: 6px !important; } table.moduleform span.fieldlabel{ font-weight:normal; } table.tfmoduleform span.tfrequired, table.moduleform span.required{ color: #2696ce; } table.moduleform textarea.fieldtext{ border: 1px solid #0099d7; margin: 0px; padding: 0px; width: 213px; height: 61px; /* background-color: transparent; background-image: url('../../../../site_images/backgrounds/input_textarea_bg.png'); background-repeat: no-repeat;*/ margin-bottom: 5px; } table.moduleform input, div#page_container input.text { border: 0px none; margin: 0px; padding: 0px; background-color: transparent; } table.moduleform input.fieldinput, div#page_container input.text { /* background-image: url('../../../../site_images/backgrounds/input_text_bg.png'); background-repeat: no-repeat;*/ height: 17px; width: 213px; } div#page_container input.button, table#hoofd table.moduleform input.submitbutton, div#guest_book_form table.moduleform input.submitbutton{ border: 0px solid #002D8F; padding: 0px 15px 0px 15px; background: #002D8F; display: block; color: #FFFFFF; font-weight: bold; font-size: 12px; text-align: center; text-decoration: none; text-transform: uppercase; line-height: 20px; position: relative; } div#page_container input.button:hover, table.moduleform input.submitbutton:hover { background-image: url('../../../../site_images/red_arrow_med.png'); color:#e2001a; } table.moduleform div.radiobuttoncont { float: left; } table.moduleform div.radiobuttoncont input.fieldradio { margin-right:5px; } table.moduleform div.radiobuttoncont span.fieldradiooption { margin-right:20px; } table.tfmoduleform td span.tffieldcomment{ vertical-align:top; } table.tfmoduleform td p{ padding:0px !important; margin:0px; } table.tfmoduleform td span.tffieldtitle{ font-weight:bold; } table.tfmoduleform input.tffieldinput, table.tfmoduleform textarea.tffieldtext{ border:1px solid #000000; } table.tfmoduleform input.tfsubmitbutton{ background-color:#FE0000; border:1px solid #000000; color:#FFFFFF; font-size:12px; font-weight:bold; margin:-1px 0 1px; padding:0 10px 2px; text-decoration:none; position:relative; float:right; } div.tferrormessagefield{ display:none; } div.tferrormessagecontent{ color:#FE0000; font-weight:bold } table#hoofd table.moduleform span.fieldtitle { font-family: Verdana; font-size: 15px; font-weight: bold; line-height: 20px; color: #ff0000; } table.custom_forms_maintable h2.form_header { color:#178FCB; display:block; font-family:"trebuchet ms"; font-size:14px; line-height:25px; margin:0 0 10px; padding:0; } table.custom_forms_maintable tr.custom_forms_header_row h1 { color:#E2001A; font-family:Trebuchet MS; font-size:16px; font-weight:bold; line-height:24px; margin:12px 0; padding:0; } span.fjc_img_footnote { font-size: 10px; font-style: italic; display: block; } /*re-captcha resizing css by Ash Harrison/DeviBrigard*/ #recaptcha_widget_div{ height: 150px; } @media all and (max-width: 1001px) { #hoofd table.row td.default { padding: 0px; } } /* FJC Caching function */ /* File: fjc_css/css5.css */ /* - This CSS file is a fixed format, only modify the css attributes/properties, not the elements! - The attributes that are already configured are required and mandatory ! You can modify their value, but do not remove them ! - The more attributes/properties you define, the better. (Otherwise it will inherit from the CMS or site.css.) - You can not make use of any classes or id's since your content will be placed in an html e-mail. - You can not use: 'background-image'. Replace 'nieuwsbrieven' after table# with the name of your newsletter nieuwsbrieven. */ table#nieuwsbrieven { font-family: Tahoma; font-size: 12px; color:#000000; background-color: #FFFFFF; position: none; padding: 10px; margin: 0px; } table#nieuwsbrieven td { background-color: #FFFFFF; color: #000000; padding: 0px; margin: 0px; } table#nieuwsbrieven table.row { width: 100%; } table#nieuwsbrieven .left { float: left; margin: 0 15px 0 0; } table#nieuwsbrieven .right { float: right; margin: 0 0 0 15px; } table#nieuwsbrieven p { padding: 0px; margin: 0px 0px 0px 0px; } table#nieuwsbrieven hr { padding: 0px; margin: 0px; } table#nieuwsbrieven img { padding: 0px; margin: 0px; } table#nieuwsbrieven h1 { padding: 0px; margin: 0px; } table#nieuwsbrieven h2 { padding: 0px; margin: 0px; } table#nieuwsbrieven h3 { padding: 0px; margin: 0px; } table#nieuwsbrieven a { padding: 0px; margin: 0px; border: 0px none; text-decoration:underline; color: #FE0000; } table#nieuwsbrieven a:hover {} table#nieuwsbrieven a:visited {} table#nieuwsbrieven a:active {} /***/ table { text-align: left; } .noshow { display: none; }