﻿/* ========================================================================== */
/*  General Resets and Fixes                                                  */
/* ========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: top;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: separate;	border-spacing: 0; }
caption, th, td {text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after {	content: ""; }
blockquote, q {	quotes: "" ""; }
blockquote { background:url(Images/quotes.png) no-repeat; background-position:0px 4px; padding:15px; padding-left:58px; padding-top:0px; font-style:oblique;  margin-bottom:15px; }
blockquote strong { font-weight:bold; font-size:15px; }


/*  General & Helper Styles
----------------------------------------------------------*/
body {font-family: arial, helvetica, sans-serif;font-size:14px; color: #444444; background: #fff; margin:20px 10px 40px 10px;}
a {color: #20789E;}
a:hover {text-decoration: none; color:#009ADC;}
a:focus, object:focus, div:focus {outline:none;-moz-outline-style: none;}
a.dotted {border-bottom:1px dotted #20789E; text-decoration:none;}
a.dotted:hover {border-color:#009ADC;}
img {display: block;border: 0;}
a img {border: none;}
p {line-height: 20px;margin: 0 0 20px;padding: 0;}
ul {margin: 0 0 15px 15px;padding: 0; list-style-type:circle;}
ul li {line-height:150%;}
ol li {line-height:150%;}
ul.checks {list-style-image:url(Images/Icons/icon-check-small.png); margin: 0 0 15px 20px;}
ul.checks li {line-height:150%; margin-bottom:5px;}
strong {font-weight:bold;}
em {font-style:italic;}
ol {margin: 0 0 15px 22px;padding: 0; list-style-type:decimal;}

.clear {clear: both}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.hide { display: none;}
.mh200 { min-height: 200px;}

.nowrap {white-space:nowrap;}
.small {font-size:10px;}
.italic {font-style:italic;}
.bold { font-weight:bold;}
.not-bold { font-weight:normal;}
.gray {color: #666666;}
.red {color: Red !important;}
.round  {-webkit-border-radius: 5px;-moz-border-radius: 5px; }
.roundRight {-webkit-border-top-right-radius: 5px;-moz-border-radius-topright: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;}

.message {padding:10px; margin:0 0 20px 0; line-height:150%;}
.message h2 {font-size:14px; font-weight:bold; margin:10px 0 5px 0; color:#000;}
.message.success {background-color:#CEEFBA; border:1px solid #7AA13D;}
.message.info {background-color:#FBF7AA; border:1px dashed #F9E98E;}

.mt-10 {margin-top: -10px !important;}
.mt0 {margin-top: 0px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}

.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}

.mr0 {margin-right: 0px !important;}
.mr20 {margin-right: 20px !important;}
.ml0 {margin-left: 0px !important;}
.ml20 {margin-left: 20px !important;}

[class^="fa-"], [class*=" fa-"] {display: inline-block; margin-top: 1px;font-size: 16px;line-height: 12px; color: #666666;}
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3 {line-height:normal; font-weight:normal;color: #737d84;font-family: 'Segoe UI','Lucida Grande',Trebuchet MS, Arial,Helvetica,sans-serif;}
h1 {font-size:38px; color:#0377a6; font-weight:normal;  margin:15px 0 20px 0;}
h1 a, h1 a:hover {color:#0377a6;}
h1 a:hover {text-decoration:none;}
h2 {font-size:30px; font-weight:normal; margin:35px 0 15px 0;}
h2 img {display:inline;}
h3 {font-size:22px; font-weight:normal; margin:15px 0 10px 0;}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.wrap {margin:0pt auto; width:980px;}
#header {min-height:100px;position:relative;}
#header .logo {float:left; max-width:580px;}
#header .logo a {display:block;padding-bottom:10px;}
#header .logo img {max-width:950px;}
#header .controls {position:absolute; top:5px; right:10px; font-size:12px;}
#header .controls a.dotted {margin-right:20px;}
#header .controls a.cart {background:url(Images/Icons/cart.gif) no-repeat 0px 1px; padding-left:15px;}
#header .menu {float:right; margin-top:35px;} 
#header .menu li {list-style-type:none; float:left; background:url(Images/BG/page.jpg) no-repeat top right; padding: 3px 10px 3px 9px; font-size:14px; height:27px; line-height:normal;}
#header .menu li span {display:inline-block;height:24px; padding: 0px 0 0 12px;}
#header .menu li.selected span {background:url(Images/BG/menu-selected.gif) no-repeat top left;}
#header .menu li a {display:inline-block;height:24px;color:#20789e; text-decoration:none; border-bottom: 0px dotted #20789E; padding: 4px 12px 0 0px;}
#header .menu li.selected a {background:url(Images/BG/menu-selected.gif) no-repeat top right; color:#fff;}
#header .menu li a:hover {color:#009ae8;}
#header .menu li.selected a:hover {color:#fff;} 
#header .menu li.last {background:none; padding-right:0px;}
#header .menu li.last a {}

#main {min-height:600px; clear:both;}
#main .banner {width:980px; height:347px; background:url(Images/Banners/home-01.jpg); position:relative;}
#main .banner.en {background:url(Images/Banners/home-01-en.jpg);}
#main .banner .text {padding:140px 0 10px 35px; width:460px; color:#fff; font-size:14px;}
#main .banner.en .text {width:530px;}
#main .banner .text p {line-height:20px; margin-bottom:15px;}
#main .banner .controls {padding:0px 0 0px 35px;}
#main .banner .controls a.signup {float:left; margin-right: 15px; display:block; width:226px; height:62px; background:url(Images/Buttons/signup.png) no-repeat;}
#main .banner.en .controls a.signup {background:url(Images/Buttons/signup-en.png) no-repeat;}
#main .banner .controls a.signup:hover {background-position:0px -65px;}
#main .banner .controls a.signup b {display:none;}
#main .banner .controls .demo {float:left; padding-top:17px;}
#main .banner .controls .demo a {font-size:16px; color:#fff; text-decoration:underline;}
#main .banner a.features {position:absolute; display:block; top:31px; left:535px; width:437px; height:314px; background:url(Images/Buttons/play-video.png) no-repeat 150px -230px;}
#main .banner a.features:hover {background-position:150px 110px;}
#main .banner.en a.features {display:none;}
#main .banner a.features .comment {position:absolute; z-index:100; left:2px; top:280px; width:437px;  height:34px; background-color:#b1b1b1; opacity:0.6; filter:alpha(opacity=60); display:none;}
#main .banner a.features .comment-text {position:absolute; z-index:101; left:10px; top:290px;  color:#000; display:none;}
#main .banner a.features:hover .comment {display:block;}
#main .banner a.features:hover .comment-text {display:block;}
#main .intro h2 {color:#000; font-size:30px; font-family: Trebuchet MS, Arial; font-weight:bold;}
#main .subpage {padding: 20px 0 25px 0; background:url(Images/BG/page.jpg) no-repeat 0px -98px; min-height:200px;}

#main .shop {padding: 20px 0 25px 0; background:url(Images/BG/wide-horz-divider.jpg) no-repeat 0px 0px; min-height:200px;}
#main .shop .categories {width:200px; margin-right:5px; min-height:500px; float:left;}
#main .shop .categories ul {padding:0; margin:0; font-size:11px; list-style-type:none;}
#main .shop .categories a {text-decoration:none; display:block;}
#main .shop .categories li {padding:0 2px 0 3px; line-height:120%; margin-bottom:4px;}
#main .shop .categories li.selected {background:#20789E;-moz-border-radius: 3px;  -webkit-border-radius:3px; border-radius:3px; }
#main .shop .categories li.selected.all {background:#fff;}
#main .shop .categories li.selected a {color:#fff;}
#main .shop .categories li.selected.all a {color: #20789E;}
#main .shop .categories li.level-0 {font-weight:bold; margin-top:10px;}
#main .shop .categories li.level-0.first {margin-top:0px;}
#main .shop .categories li.level-1 {}
#main .shop .categories li.level-2 {padding-left:10px;}
#main .shop .categories li.level-3 {padding-left:20px;}
#main .shop .categories li.level-4 {padding-left:30px;}
#main .shop .categories li.level-5 {padding-left:40px;}
#main .shop .categories li.level-6 {padding-left:50px;}
#main .shop .browser {float:left; width: 760px; padding-left:15px;}
#main .shop .browser .shop-description {padding:0 0 0px 0px; margin-bottom:15px;}
#main .shop .browser .message {text-align:center;}
#main .shop .browser.extended {width:980px;}
#main .shop .browser .item {float:left;width:170px; margin:0 7px 30px 7px; padding:2px 2px 5px 2px; font-size:11px; border:1px solid #fff;}
#main .shop .browser .item:hover {border: 1px solid white;-moz-box-shadow: 0 0 12px #d3d3d3; -webkit-box-shadow: 0 0 12px #d3d3d3; box-shadow: 0 0 12px #d3d3d3;}
#main .shop .browser .item .image {width:160px; height:210px; margin:2px auto 4px auto;  background-position:center center; background-repeat:no-repeat; }
#main .shop .browser .item .image a {width:160px; height:210px; display:block;}
#main .shop .browser .item .name {width:160px; height:40px;text-align:center; overflow-y:hidden;overflow-x:hidden; margin:0 auto 0 auto;} 
#main .shop .browser .item .name a {text-decoration:none;}
#main .shop .browser .item .name a:hover {text-decoration:underline;}
#main .shop .browser .item .price {width:160px; color:#CC0000; font-weight:bold; text-align:center;margin:0 auto 0 auto;} 
#main .shop .productBrowser {float:left; width: 950px; padding-left:15px;}
#main .shop .productBrowser .shop-description {padding:0 0 0px 0px; margin-bottom:15px;}
#main .shop .productBrowser .message {text-align:center;}
#main .shop .productBrowser.extended {width:980px;}
#main .shop .productBrowser .item {float:left;width:170px; margin:0 7px 30px 7px; padding:2px 2px 5px 2px; font-size:11px; border:1px solid #fff;}
#main .shop .productBrowser .item:hover {border: 1px solid white;-moz-box-shadow: 0 0 12px #d3d3d3; -webkit-box-shadow: 0 0 12px #d3d3d3; box-shadow: 0 0 12px #d3d3d3;}
#main .shop .productBrowser .item .image {width:160px; height:210px; margin:2px auto 4px auto;  background-position:center center; background-repeat:no-repeat; }
#main .shop .productBrowser .item .image a {width:160px; height:210px; display:block;}
#main .shop .productBrowser .item .name {width:160px; height:40px;text-align:center; overflow-y:hidden;overflow-x:hidden; margin:0 auto 0 auto;} 
#main .shop .productBrowser .item .name a {text-decoration:none;}
#main .shop .productBrowser .item .name a:hover {text-decoration:underline;}
#main .shop .productBrowser .item .price {width:160px; color:#CC0000; font-weight:bold; text-align:center;margin:0 auto 0 auto;} 

#main .shop .pager {font-size:12px; margin:0 30px 10px 0;}
#main .shop .pager ul {padding:0; margin:0; float:right; list-style-type:none;}
#main .shop .pager ul li {float:left; margin-left:5px;}
#main .shop .pager ul li.all {margin-left:10px;}
#main .shop .pager ul li a {text-decoration:none;}
#main .shop .pager ul li a:hover {text-decoration:underline;}
#main .shop .pager ul li.selected a {font-weight:bold; color:#666666; text-decoration:none;}
#main .shop .pager ul li.selected a:hover {color:#666666; text-decoration:none;}

#main .shop .product {float:left; width: 755px; margin-left:20px; font-size:12px;}
#main .shop .product h1 {font-size:20px; color:#737d84; margin:0 0 3px 0;}
#main .shop .product .images {float:left; margin-right:20px;}
#main .shop .product .summary {float:left; width:430px;}

#main .shop .product .images .image {width:288px; min-height:100px; border:0px solid #eee; margin-bottom:10px; }
#main .shop .product .images .image img {width: 288px;}
#main .shop .product .images .thumbs {}
#main .shop .product .images .thumbs a {float:left; margin-right:7px;}
#main .shop .product .images .thumbs img {width:50px; }
#main .shop .product .status {font-size:11px; margin-bottom:20px;}
#main .shop .product .status.status-0 {color:#038e00;}
#main .shop .product .values {margin-bottom:10px;}
#main .shop .product .values label {float:left; width:70px;}
#main .shop .product .values ul {margin:0; padding:0; float:left; width:350px; list-style-type:none;}
#main .shop .product .values ul li {float:left; background: #E8EDF9; padding:2px 7px 2px 7px; margin-right:5px; font-size:12px; -moz-border-radius: 3px;  -webkit-border-radius:3px; border-radius:3px; cursor:pointer;}
#main .shop .product .values ul li.selected {background: #20789E; color:#fff;}
#main .shop .product .order {border:5px solid #E8EDF9; -moz-border-radius: 10px;  -webkit-border-radius:10px; border-radius:10px; padding:10px; background:none; margin-top:30px;}
#main .shop .product .order .quantity {float:left; width:70px; margin-left:5px;}
#main .shop .product .order .quantity label {display:block;}
#main .shop .product .order .quantity input {width:40px;}
#main .shop .product .order .price {float:left; width:100px; margin:20px 0 0 0; font-weight:bold; color:#CC0000;}
#main .shop .product .order .old-price {text-decoration: line-through; color:#444444; padding-right:2px;}
#main .shop .product .order div.button {float:right; margin:5px 5px 5px 2px; }
#main .shop .product .order div.button .loading {background: white url('Images/Load/loading2.gif') right center no-repeat; width:16px; height:32px; float:left; margin-right:3px;}
#main .shop .product .order div.button a.button {padding:7px 15px 7px 15px;}
#main .shop .product .order div.button a.button.cart span {background:url(Images/Icons/cart-white.gif) no-repeat 0px 2px; padding-left:20px;}
#main .shop .product .description {}
#main .shop .product .description h2 {font-size:12px; font-weight:bold; margin:20px 0 5px 0;}
#main .conditions p {margin-bottom:0; line-height:normal;}

#footer {background:url(Images/BG/page.jpg) no-repeat 0px -33px; height:50px; margin-top:20px; font-size:11px;position:relative;}
#footer div {position: absolute; top:25px;}
#footer .copy {left:45px;}
#footer .links {left:580px;}
#footer .email {left:672px;}
#footer .twitter {left:821px;}
#footer .skype {left:909px;}

hr {display:block; background:url(Images/BG/page.jpg) 0px -98px; height:1px; width:980px; border:0px;}
.note {font-size: 11px; line-height:normal; font-family:Arial; font-style:normal; font-weight:normal; color: #444444;}

/* POPULAR VENDORS
----------------------------------------------------------*/
.popular-vendors {text-align:center;}
.popular-vendors .vendor { display:inline-block; padding:7px 5px; }
.popular-vendors .vendor a { opacity:0.8;}
/*.popular-vendors .vendor img { width:98%; height:98%;}
.popular-vendors .vendor:hover img {width:100%; height:100%;}*/
.popular-vendors .vendor a:hover { opacity:1;}

.popular-vendor { }
.popular-vendor .item {float:left;width:170px; margin:0 7px 30px 7px; padding:2px 2px 5px 2px; font-size:11px; border:1px solid #d3d3d3;}
.popular-vendor .item:hover {border: 1px solid white;-moz-box-shadow: 0 0 12px #d3d3d3; -webkit-box-shadow: 0 0 12px #d3d3d3; box-shadow: 0 0 12px #d3d3d3;}
.popular-vendor .item .image {width:160px; height:190px; margin:2px auto 4px auto;  background-position:center center; background-repeat:no-repeat; }
.popular-vendor .item .image a {width:160px; height:190px; display:table-cell; vertical-align:middle; text-align:center; }
.popular-vendor .item .image img {max-width:160px; max-height:190px; margin:auto; display:inline;}
.popular-vendor .item .name {width:160px; height:40px;text-align:center; overflow-y:hidden;overflow-x:hidden; margin:0 auto 0 auto;} 
.popular-vendor .item .name a {text-decoration:none;}
.popular-vendor .item .name a:hover {text-decoration:underline;}
.popular-vendor .item .price {width:160px; color:#CC0000; font-weight:bold; text-align:center;margin:0 auto 0 auto;} 


/* FEATURES
----------------------------------------------------------*/
.features .feature {clear:both; margin-bottom:40px;}
.features .feature .image {float:left; width: 480px;} 
.features .feature .image img {display:inline-block;}
.features .feature .text {float:left; width: 500px; } 
.features .feature.right-image .text {padding-right:30px; width:470px;}
.features .feature.right-image .image {text-align:right;}
 
.features .feature h2 {margin: 15px 0 15px 0;}


/*  COLLAPSIBLE
----------------------------------------------------------*/
.collapsible {margin:10px 0 10px 0;} 
.collapsible .header {background: #f1f1f1;  padding:3px 2px 3px 2px; cursor:pointer; font-weight:bold; border-color:#C3CBD1; border-width:1px 2px 1px 2px; border-style:solid; }
.collapsible .header .collapse-icon {background:url(Images/Icons/group.png) no-repeat 0px -16px; width:16px; height:16px; display:inline-block; margin: 1px 3px 0px 0;}
.collapsible .header:hover .collapse-icon {background-position:-16px -16px;}
.collapsible.expanded .header .collapse-icon {background-position:0px 0px;}
.collapsible.expanded:hover .header .collapse-icon {background-position:-16px 0px;}

.collapsible .content {display:none; margin-bottom:10px; background: #f5f5f5; border-color:#C3CBD1; border-width:0px 2px 1px 2px; border-style:solid; padding:10px 5px 10px 20px; }
.collapsible.expanded .content {display:block;}

/* OTHER   
----------------------------------------------------------*/
ul.services {margin:30px 0 0 0; list-style-type:none;}
ul.services li {float:left;width:305px; height:185px; margin-right:25px;}
ul.services li .image {float:left; width:80px; height: 100px;background:url(Images/Icons/services.jpg) no-repeat 80px 100px;}
ul.services li .image.form {background-position:0px 0px;}
ul.services li .image.orders {background-position:-80px 0px;}
ul.services li .image.purchase {background-position:-160px 0px;}
ul.services li .image.track {background-position:0px -100px;}
ul.services li .image.webshop {background-position:-80px -100px;}
ul.services li .image.notifications {background-position:-160px -100px;}
ul.services li .image.vendors {float:left; width:80px; height: 100px;background:url(Images/Icons/vendors.jpg) no-repeat 80px 100px;background-position:-10px -0px;}

ul.services li .text {float:left; width:220px; color: #444444;}
ul.services li .text h3 {margin:0 0 10px 0; color:#20789e; font-family:Trebuchet MS, Tahoma, Arial; font-size:17px; font-weight:normal;}
ul.services li a {text-decoration:none; display:block;}
ul.services li a:hover .text h3 {text-decoration:underline;}

.qtip-title {font-size:12px; padding:5px 12px 5px 10px !important;}
.markup {color:#000000; font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif; background-color:#EEEEEE; padding:4px; margin:10px 0 10px 0;}
.markup .kwd {color:#00008B;}
.markup .str {color:#800000;}

.links .link-image {float:left; width:240px; margin-right:10px;}
.links .link-text {float:left; width:650px;}

.contact-block {float:left; width:300px; margin-right:20px;}

/* AutoComplete
----------------------------------------------------------*/
.ac_results {padding: 0px;border: 1px solid #8E8E8E;background-color: white;overflow: hidden;z-index: 99999;}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results li {margin: 0px;padding: 2px 5px;cursor: default;display: block;/*width: 100%;*/font: menu;font-size: 12px;line-height: 16px;overflow: hidden;}
.ac_loading { background: white url('Images/Load/loading2.gif') right center no-repeat;}
.ac_odd {background-color: #eee;}
.ac_over { background-color: #0A246A;color: white;} 
.ac_results .line2 {font-size:10px;color: #666666;}
.ac_results .ac_over .line2 {color: #fff;}


/* Image Zoom
----------------------------------------------------------*/
.cloud-zoom-lens { border: 4px solid #888; margin:-4px;	 background-color:#fff;	 cursor:move;}
.cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;	font-weight:bold;font-size:10px;top:0px;}
.cloud-zoom-big {border:4px solid #ccc;overflow:hidden;}
.cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;}


/* Lightbox
----------------------------------------------------------*/
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev {left: 0; float: left;}
#lightbox-nav-btnNext {right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;	}			
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;	}


/* Fancybox
----------------------------------------------------------*/
#fancybox-loading {	position: fixed;	top: 50%;	left: 50%;	width: 40px;	height: 40px;	margin-top: -20px;	margin-left: -20px;	cursor: pointer;	overflow: hidden;	z-index: 1104;	display: none;}
#fancybox-loading div {	position: absolute;	top: 0;	left: 0;	width: 40px;	height: 480px;	background-image: url('Images/Fancybox/fancybox.png');}
#fancybox-overlay {	position: absolute;	top: 0;	left: 0;	width: 100%;	z-index: 1100;	display: none;}
#fancybox-tmp {	padding: 0;	margin: 0;	border: 0;	overflow: auto;	display: none;}
#fancybox-wrap {	position: absolute;	top: 0;	left: 0;	padding: 20px;	z-index: 1101;	outline: none;	display: none;}
#fancybox-outer {	position: relative;	width: 100%;	height: 100%;	background: #fff;}
#fancybox-content {	width: 0;	height: 0;	padding: 0;	outline: none;	position: relative;	overflow: hidden;	z-index: 1102;	border: 0px solid #fff;}
#fancybox-hide-sel-frame {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: transparent;	z-index: 1101;}
#fancybox-close {	position: absolute;	top: -15px;	right: -15px;	width: 30px;	height: 30px;	background: transparent url('Images/Fancybox/fancybox.png') -40px 0px;	cursor: pointer;	z-index: 1103;	display: none;}
#fancybox-error {	color: #444;	font: normal 12px/20px Arial;	padding: 14px;	margin: 0;}
#fancybox-img {	width: 100%;	height: 100%;	padding: 0;margin: 0;	border: none;	outline: none;	line-height: 0;	vertical-align: top;}
#fancybox-frame {	width: 100%;	height: 100%;	border: none;	display: block;}
#fancybox-left, #fancybox-right {	position: absolute;	bottom: 0px;	height: 100%;	width: 35%;	cursor: pointer;	outline: none;	background: transparent url('Images/Fancybox/blank.gif');	z-index: 1102;	display: none;}
#fancybox-left {	left: 0px;}
#fancybox-right {	right: 0px;}
#fancybox-left-ico, #fancybox-right-ico {	position: absolute;	top: 50%;	left: -9999px;	width: 30px;	height: 30px;	margin-top: -15px;	cursor: pointer;	z-index: 1102;	display: block;}
#fancybox-left-ico {	background-image: url('Images/Fancybox/fancybox.png');	background-position: -40px -30px;}
#fancybox-right-ico {	background-image: url('Images/Fancybox/fancybox.png');	background-position: -40px -60px;}
#fancybox-left:hover, #fancybox-right:hover {	visibility: visible; /* IE6 */}
#fancybox-left:hover span {	left: 20px;}
#fancybox-right:hover span {	left: auto;	right: 20px;}
.fancybox-bg {position: absolute;	padding: 0;	margin: 0;	border: 0;	width: 20px;	height: 20px;	z-index: 1001;}
#fancybox-bg-n {	top: -20px;	left: 0;	width: 100%;	background-image: url('Images/Fancybox/fancybox-x.png');}
#fancybox-bg-ne {	top: -20px;	right: -20px;	background-image: url('Images/Fancybox/fancybox.png');	background-position: -40px -162px;}
#fancybox-bg-e {	top: 0;	right: -20px;	height: 100%;	background-image: url('Images/Fancybox/fancybox-y.png');	background-position: -20px 0px;}
#fancybox-bg-se {	bottom: -20px;	right: -20px;	background-image: url('Images/Fancybox/fancybox.png');	background-position: -40px -182px; }
#fancybox-bg-s {	bottom: -20px;	left: 0;	width: 100%;	background-image: url('Images/Fancybox/fancybox-x.png');	background-position: 0px -20px;}
#fancybox-bg-sw {	bottom: -20px;	left: -20px;	background-image: url('Images/Fancybox/fancybox.png');	background-position: -40px -142px;}
#fancybox-bg-w {	top: 0;	left: -20px;	height: 100%;	background-image: url('Images/Fancybox/fancybox-y.png');}
#fancybox-bg-nw {	top: -20px;	left: -20px;	background-image: url('Images/Fancybox/fancybox.png');	background-position: -40px -122px;}
#fancybox-title {	font-family: Helvetica;	font-size: 12px;	z-index: 1102;}
.fancybox-title-inside {	padding-bottom: 10px;	text-align: center;	color: #333;	background: #fff;	position: relative;}
.fancybox-title-outside {	padding-top: 10px;	color: #fff;}
.fancybox-title-over {	position: absolute;	bottom: 0;	left: 0;	color: #FFF;	text-align: left;}
#fancybox-title-over {	padding: 10px;	background-image: url('Images/Fancybox/fancy_title_over.png');	display: block;}
.fancybox-title-float {	position: absolute;	left: 0;	bottom: -20px;	height: 32px;}
#fancybox-title-float-wrap {	border: none;	border-collapse: collapse;	width: auto;}
#fancybox-title-float-wrap td {	border: none;	white-space: nowrap;}
#fancybox-title-float-left {	padding: 0 0 0 15px;	background: url('Images/Fancybox/fancybox.png') -40px -90px no-repeat;}
#fancybox-title-float-main {	color: #FFF;	line-height: 29px;	font-weight: bold;	padding: 0 0 3px 0;	background: url('Images/Fancybox/fancybox-x.png') 0px -40px;}
#fancybox-title-float-right {	padding: 0 0 0 15px;	background: url('Images/Fancybox/fancybox.png') -55px -90px no-repeat;}
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/Frontend/Images/Fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/Frontend/Images/Fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/Frontend/Images/Fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/Frontend/Images/Fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/Frontend/Images/Fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/Frontend/Images/Fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/Frontend/Images/Fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {height: expression(this.parentNode.clientHeight + "px");}
#fancybox-loading.fancybox-ie6 {position: absolute; margin-top: 0;top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');}
#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/Frontend/Images/Fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/Frontend/Images/Fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/Frontend/Images/Fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/Frontend/Images/Fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/Frontend/Images/Fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/Frontend/Images/Fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/Frontend/Images/Fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/Frontend/Images/Fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/Frontend/Images/Fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

/* IE6 */
.ie6 ul{margin: 0;padding: 0;}
.ie6 ul li {padding-top:150px; list-style: none;width: 195px; display: block; text-align:center; float:left; font-size:16px;}
.ie6 ul li h2 {font-size: 14px;margin:0 !important;padding:0 !important;}

.ie6 {}
.content {color: #333;}
.subheader {margin-bottom:20px;}


.opera {background: #fff url('Images/Icons/Browsers/opera.jpg') no-repeat top center;}
.firefox  {background: #fff url('Images/Icons/Browsers/firefox.jpg') no-repeat top center;}
.safari {background: #fff url('Images/Icons/Browsers/safari.jpg') no-repeat top center;}
.chrome {background: #fff url('Images/Icons/Browsers/chrome.jpg') no-repeat top center;}
.ie {background: #fff url('Images/Icons/Browsers/ie.jpg') no-repeat top center;}

/* Language selector*/
.frontend-tenant ul.language-selector { top: -20px; }
ul.language-selector { position: absolute; top: -10px; right: 10px; list-style-type: none;}
ul.language-selector li { display: inline; }
ul.language-selector li a { text-decoration: none; text-transform: uppercase; color: #666; padding: 3px; font-size: 10px; font-weight: bold; display:inline-block; min-height:13px; min-width:13px;  line-height:13px;}
ul.language-selector li.active a { color: #fff; background: #ff9733; border-radius: 10px; }

/* Subscription
----------------------------------------------------------*/
.subscriptions .subscription { width:290px; float:left; border:5px solid #E8EDF9; -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius:10px; padding:0px; margin-right:5px;}
.subscriptions .subscription.last { margin:0px;}
.subscriptions ul.features {list-style: none; margin:0px; padding:9px; font-size:12px;}
.subscriptions ul.features li { margin-bottom:5px; }
.subscriptions ul.features li span.yes, .subscriptions ul.features li span.no {height:16px; width:16px; display:inline-block; margin-right:8px}
.subscriptions ul.features li span.yes { background:url(Images/Icons/icons-toolbar.png) no-repeat 0 -288px; }
.subscriptions ul.features li span.no {background:url(Images/Icons/icons-toolbar.png) no-repeat 0 -512px; }
.subscriptions .selected {color:#009e13;}
.subscriptions .disabled { opacity:0.5;}
.subscriptions .subscription h2, .subscriptions .subscription h3 { text-align:center;}
.subscriptions h3 { color:#444; font-size:22px; background:#f5f5f5; margin:0 0 10px 0; padding:10px; }
.subscriptions h2 { margin-top:5px; vertical-align:text-bottom; font-size:46px; font-weight:normal; font-family:'Segoe UI','Lucida Grande',Trebuchet MS, Arial,Helvetica,sans-serif; color:#444; }
.subscriptions h2 .small { vertical-align:0px; color:#444; font-size:26px; }
.subscriptions h3 .small { vertical-align:0px; color:#444; font-size:26px; }
.subscriptions .button { display:block; margin:20px auto; width:70%; font-size:17px; padding:12px 25px; }
.h3-small {font-size:16px; vertical-align:bottom; }

@media (max-width: 992px) {
    .wrap {width:100%;}
}

/*!
 * Cookie Bar component (https://github.com/kovarp/jquery.cookieBar)
 * Version 1.2.6
 *
 * Copyright 2020 Pavel Kovář - Frontend developer [www.pavelkovar.cz]
 * Licensed under MIT (https://github.com/kovarp/jquery.cookieBar/blob/master/LICENSE)
 */
/* Settings */
/* Cookie Bar styles */
.cookie-bar__inner {
    background-color: #000;
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: .8rem;
    padding: .5rem .5rem;
    text-align: center;
}

@media (min-width: 62rem) {
    .cookie-bar__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.cookie-bar__buttons {
    display: block;
    margin-top: .375rem;
}

@media (min-width: 62rem) {
    .cookie-bar__buttons {
        display: inline;
        margin-top: 0;
    }
}

.cookie-bar__btn {
    background-color: #0275d8;
    color: #fff;
    border: none;
    margin: 0 .875rem;
    padding: .125rem .875rem;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    cursor: pointer;
}

    .cookie-bar__btn:hover {
        background-color: #0267bf;
    }

    .cookie-bar__btn:active {
        background-color: #0262b5;
    }

.cookie-bar__link {
    margin: 0 .5rem;
}

.cookie-bar a {
    color: #fff;
    text-decoration: underline;
}

    .cookie-bar a:hover {
        text-decoration: none;
    }

/* Privacy popup */
.cookie-bar-privacy-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .cookie-bar-privacy-popup.cookie-bar-privacy-popup--hidden {
        display: none;
    }

.cookie-bar-privacy-popup__dialog {
    background-color: white;
    width: 100%;
    max-width: 50rem;
    max-height: 90vh;
    overflow: auto;
    padding: 2rem 1.5rem 1.5rem;
    position: relative;
}

.cookie-bar-privacy-popup__dialog__close {
    position: absolute;
    top: 0;
    right: 0;
    background-color: black;
    color: white;
    display: block;
    width: 2rem;
    height: 2rem;
    border: none;
    cursor: pointer;
}

    .cookie-bar-privacy-popup__dialog__close:before, .cookie-bar-privacy-popup__dialog__close:after {
        content: '';
        display: block;
        width: 1rem;
        height: .25rem;
        background-color: white;
        position: absolute;
        top: 50%;
        left: 25%;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        margin-top: -.125rem;
    }

    .cookie-bar-privacy-popup__dialog__close:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .cookie-bar-privacy-popup__dialog__close:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.cookie-bar-privacy-popup__dialog p:last-child {
    margin-bottom: 0;
}

/* Cookie Bar layouts */
.cookie-bar--bottom-left,
.cookie-bar--bottom-right,
.cookie-bar--bottom {
    z-index: 100;
    position: fixed;
}

.cookie-bar--bottom {
    right: 0;
    bottom: 0;
    left: 0;
}

.cookie-bar--bottom-left {
    left: 0.9375rem;
}

.cookie-bar--bottom-right {
    right: 0.9375rem;
}

.cookie-bar--bottom-right,
.cookie-bar--bottom-left {
    bottom: 0.9375rem;
}

@media (min-width: 48rem) {
    .cookie-bar--bottom-right,
    .cookie-bar--bottom-left {
        width: 22.5rem;
    }
}

@media (min-width: 48rem) {
    .cookie-bar--bottom-right .cookie-bar__inner,
    .cookie-bar--bottom-left .cookie-bar__inner,
    .cookie-bar--bottom-right .cookie-bar__buttons,
    .cookie-bar--bottom-left .cookie-bar__buttons {
        display: block;
    }
}

@media (min-width: 48rem) {
    .cookie-bar--bottom-right .cookie-bar__buttons,
    .cookie-bar--bottom-left .cookie-bar__buttons {
        margin-top: .375rem;
    }
}

.cookie-bar--bottom-right .cookie-bar__inner,
.cookie-bar--bottom-left .cookie-bar__inner {
    line-height: 1.3;
}
