body { 
    margin: 0px; 
    font-family: Open sans, Arial, sans-serif;
    font-size: 17px;
	color: #444;
	line-height: 30px; 
	text-align: justify; 
	background-color: white; 
	letter-spacing: -0.4px;
	box-sizing: border-box;
}

body.modal-window {
    padding: 15px; 
	background-color: white;
	box-sizing: border-box;
	margin: 0px;
	min-width: auto;
}

header {
    width: 100%;
    box-shadow: 0px 0px 5px #888888;
	background-color: rgb(248,248,248);
	#border-top: 5px solid rgb(232,232,232);
	#padding-top: 2px;
}

footer {
    width: 100%;
	font-size: 90%;
}

main {
   	overflow: hidden;
	#min-height: 800px;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
}

main #main_content {
	 min-height: 100vh;
}

.DarkOverlay {
    position: fixed; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%; 
	background-color: black; 
	opacity: 0.8; 
	z-index: 25; 
	visibility: hidden;
	transition: all .25s ease-out; 
}

.DarkOverlayVisible {
    opacity: 0.7;
	visibility: visible;
}

#footer-why-us {
	color: black; 
	font-size: 90%; 
	padding:5px; 
	text-align: left;
	margin-bottom: 20px;
	margin-top: 10px; 
	border-top: 1px solid rgb(242,242,242);
	border-bottom: 1px solid rgb(242,242,242);
	background-color: rgb(248,248,248);
    display: flex;
	flex-wrap: wrap;
	row-gap: 10px;
	justify-content: space-between;
}

#footer-why-us div.column {
    box-sizing: border-box; 
	display: flex;
	column-gap: 10px;
	padding-left: 10px;
	vertical-align: top;
}

#footer-why-us div.column div.text span:nth-child(1) {
	font-size: 120%; 
	line-height: 24px; 
	font-style: italic; 
	margin-bottom: 5px; 
	margin-top: 5px;
}

#footer-why-us div.column div.text span:nth-child(2) {
	font-size: 90%; 
	line-height: 20px;
}

#footer-why-us div.column span {
	display: inline-block;
}

#footer-why-us div.column:nth-child(1) {
    width: 28%;
	min-width: 140px;
}

#footer-why-us div.column:nth-child(2) {
    width: 27%;
	min-width: 180px;
}

#footer-why-us div.column:nth-child(3) {
    width: 22%;
	min-width: 160px;
}

#footer-why-us div.column:nth-child(4) {
    width: 22%;
	min-width: 160px;
}

#footer-why-us div.checkbox {

	background-color: #66bb6a; 
	vertical-align: middle;
	width: 24px; 
	height: 24px; 
	border-radius: 100%; 
	text-align: center; 
	margin-top: 7px;
}

#footer-why-us div.checkbox span:first-child {
    display: block; 
	margin-top: 0px; 
	color: white; 
	padding-top: 3px;
	vertical-align: middle; 
	font-size: 18px;
}

#footer-top div.column {
    width: 33%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

#footer-bottom {
	background-color: black;
	width: 100%;
	padding: 10px 0px;
}

#footer-top {
	background-color: rgb(64,64,64);
	width: 100%;
	padding: 15px 10px 10px 10px;
	box-sizing: border-box;
	border-top: 3px solid orange;
}

#footer-top div.footer-icon {

    display: inline-block; 
	background-color: black; 
	width: 28px; 
	height: 28px; 
	border-radius: 100%; 
	border: 1px solid rgb(64,64,64); 
	text-align: center; 
    margin-right: 8px;
	margin-bottom: 7px;
}

#footer-top div.footer-icon span:first-child {
    display: block; 
	margin-top: 6px; 
	color: silver; 
	vertical-align: middle; 
	font-size: 16px;
}

footer h3 {
    color: white;
	font-weight: 100;
	border-bottom: 0px;
}

footer a {
    color: silver;
}

footer {
    color: silver;
}

div.content-width {
	margin-left: auto; 
	margin-right: auto; 
	box-sizing: border-box;
	position: relative;
}

#RootPageLeft {   
	width: 73%;
	box-sizing: border-box;
	float: left; 
	padding-top: 15px;
}

#RootPageRight {
    width: 27%; 
	box-sizing: border-box;
	float: right; 
	padding-left: 30px;
}

.horizontal-scrollable {

    display: flex; 
	flex-wrap: nowrap; 
	overflow-x: auto; 
	-webkit-overflow-scrolling: touch; 
	#justify-content: space-between;
	column-gap: 20px;
	margin-bottom: 20px;
}

body, header, footer {
	min-width: 1200px;
}

div.content-width {
	max-width: 1280px; 
	#width: 100%;
	#padding-left: 30px;
	#padding-right: 30px;
}

#breaking-news {
	
	background-color: orange; 
	color: white;
	padding: 5px; 
	margin-top: 10px; 
	text-align: center; 
	font-size: 90%; 
	font-weight: bold;
	letter-spacing: 0.9px
}

a { 
    text-decoration: none; 
	color: rgb(59, 110, 169); 
	cursor: pointer; 
	transition:0.3s color ease;
}

a:hover { 
    #text-decoration: underline; 
	#border-color: rgb(36, 109, 192); 
	color: #ff6600;
}

a.image { 
    text-decoration: none;
}

a.image:hover { 
    border: none;
}

li.filter-option {
	color: rgb(112, 143, 179); 
	cursor: pointer; 
	transition:0.3s color ease;
}

li.filter-option:hover {
    color: orange;
}

.icon-star-full, .icon-star-half, .icon-star-empty {
    color: coral;
}

h1 { 
    color: rgb(41,60,110); 
	font-weight: bold; 
	font-size: 160%;
	margin: 10px 4px 0px 0px; 
	line-height: 120%;
	padding-left: 0px; 
	padding-bottom: 6px; 
	#border-bottom: 1px dashed rgb(222,222,222);
	text-align: left;
}

h2 { 
    font-weight: bold; 
	font-size: 110%;
	margin: 10px 0px;
	text-align: left;
}

h2 span:first-child {
    border-bottom: 2px solid #ff9800;
	color: black;
	margin-bottom: -1px;
	display: inline-block;
	color: black;
}

h3 { 
    font-weight: bold; 
	font-size: 110%; 
	margin: 10px 0px;
	text-align: left;
	color: rgb(32,32,32);
	width: 100%;
	#border-bottom: 1px solid rgb(238,238,238);
}

h3 span:first-child {
    border-bottom: 2px solid #ff9800;
	color: black;
	margin-bottom: -1px;
	display: inline-block;
	color: black;
}


#Checkout h3 span:first-child {
    color: white;
    display: inline-block;
    background-color: orange;
    width: 26px;
    height: 24px;
    line-height: 26px;
    border-radius: 50%;
	text-align: center;
    margin-right: 10px;
	margin-top: 20px;
}

div.item-notes {
	
	display: inline-block; 
	padding: 0px 4px; 
	cursor: pointer; 
	margin-left: 5px; 
	font-size: 70%; 
	line-height: 20px; 
	color: white; 
	background-color: orange; 
	border-radius: 6px;
	vertical-align: text-bottom;
}
	
div.BrandEntry {
	width: 18%;
}
	
#service_form h3 {
    color: rgb(75, 100, 172);
	margin-left: -35px;
	margin-top: 0px;
}

#service_form h3 span:first-child {
    color: white;
    display: inline-block;
    background-color: orange;
    width: 26px;
    height: 24px;
    line-height: 26px;
    border-radius: 50%;
	text-align: center;
    margin-right: 10px;
	margin-top: 20px;
}

#Checkout .shipping_charge {
    color: red; 
	font-weight: bold;
}

div.cell {
    float: left;
}

h6 { 
	margin: 0px;
	text-align: left;
}

img { 
    border: 0px; 
}

span[class^="icon"].hover {
    opacity: 0.5;
	color: black;
	font-size: 120%;
	cursor: inherit;
}


span[class^="icon-"].hover:hover {
    opacity: 1;
}

span.ar { 
    font-weight: bold;
}

span.athuz { 
	color: darkgray; 
	text-decoration: line-through;
	font-size: 90%
}

span.akcio { 
    font-weight: bold; 
	color: red; 
}

hr { 
    background-color: rgb(234, 234, 234); 
	color: rgb(234, 234, 234); 
	height: 1px; 
	border: 0px
}

p.highlighted {
    margin-left: 15px;
	border-left: 8px solid orange;
	padding: 10px 15px;
	font-size: 110%;
	line-height: 180%;
	background-color: rgb(246,246,246);
	color: black;
}

input { 
    background-color: rgb(251, 251, 251); 
	border: 1px solid silver; 
	padding: 6px 8px;
	font-size: 100%;
	color: darkgray;
}

select {
    background-color: rgb(251, 251, 251); 
}

input:required {
    box-shadow: none;
}

input:focus {
	#border: solid 1px silver;
    background-color: rgb(240, 240, 240);
	color: rgb(36, 109, 192);
    outline-width: 0;
}

input:hover {
	border: solid 1px silver;
    background-color: rgb(240, 240, 240); 
}


input.readonly, input.readonly:focus, input.readonly:hover { 
    background-color: transparent; 
	border: none; 
}

input.error, textarea.error, select.error, div.error {
	background-color: blanchedalmond !important;
	border: 1px solid red !important;
	transition: all .2s ease;
}

ul.error, li.error {
	background-color: blanchedalmond;
	border-radius: 3px;
}

div[name=error] {
	display: none; 
	font-weight: bold; 
	font-size: 80%; 
	color: red; 
	line-height: initial
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] {
    -moz-appearance:textfield;
}

input[type=text], input[type=email] {
    border-radius: 3px;
}

input[type=radio] {
    width: 18px; 
	height: 18px;
	margin: 0px;
	transform: scale(1.1);
    margin-top: -4px;
    vertical-align: middle;
}

button, a.button, #onlinepenztarca_login_button {
	font: bold 90% Arial;
	padding: 7px 25px;
	text-transform: uppercase;
	display: inline-block;
	cursor: pointer;
	border: 0px;
	color: white;
	border-radius: 25px;
	-moz-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out; 

	user-select: none;
	
	background-color: #c5c5c5;
}

button.disabled, .disabled {
    pointer-events: none; 
	opacity: 0.35;
	cursor: not-allowed;
}

button:hover, a.button:hover, #onlinepenztarca_login_button:hover {
	color: white;
    border: 0px;
	background-color: darkgray;
}

button.highlighted, div.highlighted, a.highlighted {
	color: white;
    background-color: #ff9800;
	text-align: center;
	border: 0px;
}

button.highlighted:hover, div.highlighted:hover, a.highlighted:hover {
    background-color: #e9910e;
}

div[name="ChangeQty"] {

    display: inline-block; 
	border-radius: 50%; 
	text-align: center; 
	width: 28px; 
	height: 28px; 
	border: 1px solid rgb(232,232,232); 
	margin: 0px 14px; 
	font-size: 160%; 
	line-height: 26px; 
	cursor: pointer; 
	background-color: white; 
	user-select: none;
	color: black;
}

div[name="ChangeQty"]:hover {
	
    box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.23);
}

input.small, button.small, a.small {
	padding: 5px 12px;
	font-size: 90%;
	line-height: 15px;
}

button.large, a.large {
    padding: 16px 60px 14px 60px;
	border-bottom: 0px;
}


button.large:hover {
	border-bottom: 0px;
}

input[type=file] {
    border: 1px solid gray; 
	background-color: silver; 
	height: 22px;
}

div.tooltip_templates { 
    display: none; 
	font-size: 80%
}

.tooltip-more {
    width: 26px; 
	height: 26px; 
	line-height: 26px; 
	text-align: center; 
	border-radius: 50px; 
	background-color: rgb(242,242,242); 
	cursor: pointer; 
	font-weight: bold; 
	font-size: 140%;
	display: inline-block;
}

ul.tooltip-menu {
    display: inline; 
	padding: 0px; 
	list-style: none;
	font-size: 90%;
	line-height: 150%;
	margin: 0px;
}

ul.tooltip-menu li {
    cursor: pointer;
	padding: 2px 5px;
}

ul.tooltip-menu li:hover {

    color: white;
    background-color: #4a65ab;
}

ul.tooltip-menu li.separator {
    pointer-events: none; 
	height: 1px; 
	border-bottom: 1px solid silver; 
	margin-bottom: 6px;
}


.tooltipster-theme {
	#border-radius: 5px; 
	#border: 2px solid #000;
	#background: white;
	#color: #fff;
	line-height: 32px;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-theme .tooltipster-content {
	#font-family: Arial, sans-serif;
	font-size: 85%;
	padding: 8px 10px;
	line-height: 32px;
}


.cart-button {
    background-color: #ff483f;
	opacity: 1;
	color: white;
	-moz-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
 	-o-transition: all .2s ease-out;
    transition: all .2s ease-out; 
	white-space: nowrap;
	border-radius: 25px;
	display: block;
}

.cart-button:hover {
	background-color: #ff0d01;
	box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.23);
}

.cart-button:hover .cart-button img {
    height: 23px;
}

.btn_compare {
	#display: none;
	font-size: 75%;
	opacity: 0.75;
    #background: linear-gradient(  rgba(133,199,127,1), rgba(76,178,99, 1) );
	background-color: #B0C580;
	padding: 2px 6px;
	color: white;
	#border-radius: 4px;
	line-height: 16px;
	position: absolute;
	left: 0px;
	top: 132px;
	z-index: 5;
	cursor: pointer;
	border: 1px solid green;
	letter-spacing: 0px;
	transition:0.3s color ease;
}

.btn_compare:hover {
    opacity: 1;
    #background: linear-gradient(  rgba(133,199,127,1), rgba(76,178,99, 1) );
	background-color: #578D78;
		transition:0.3s color ease;
}

#newsletter_email {
    background-color: gray; 
	color: white; 
	border: 0px; 
	box-sizing: border-box;
	width: 270px;
}

span.circle::after {
    content: '\25CF';
	font-size: 180%;
}


span.empty-circle::after {
    content: '\25C9';
	font-size: 140%;
}

span.silver {
    color: silver;
	cursor: pointer;
}

span.green {
    color: green;
	cursor: pointer;
}

span.red {
    color: red;
	cursor: pointer;
}

span.yellow {
    color: orange;
	cursor: pointer;
}

/*.cart-button span {
   display: inline-block; 
   float: left; 
   padding: 5px 2px 2px 8px;
} 

.cart-button img {
     float: right; 
	 height: 19px; 
	 margin-right: 6px;
	 margin-top: 3px;
} */


.button-icon {
    vertical-align: middle;
	margin-right: 5px;
	font-size: 90%;
	display: inline-block;
	margin-top: -1px;
	color: black;
}

.button-next-glyph {
    vertical-align: middle;
	margin-right: 5px;
	font-size: 90%;
	display: inline-block;
	margin-left: 7px;
	margin-right: 8px;
	color: white;
	cursor: inherit;
}

.button:hover .button-next-glyph {
	margin-left: 11px;
	margin-right: 4px;
}

.button-prev-glyph {
    vertical-align: middle;
	margin-right: 5px;
	font-size: 90%;
	display: inline-block;
	margin-left: 8px;
	margin-right: 7px;
	color: white;
	cursor: inherit;
}

.button:hover .button-prev-glyph {
	margin-left: 4px;
	margin-right: 11px;
}

select {
    border: solid 1px silver;
    padding: 6px;
    border-radius: 3px;
}

select.field { 
    background-color: rgb(255, 255, 238); 
	border: solid 1px silver; 
}

textarea {
    border: 1px solid silver; 
	width: 100%; 
	height: 100px
}

#PrintPage {
    display: inline-block;
}

.graybox { 
    clear: both; 
	background: linear-gradient( rgba(250,250,250,0.5), rgba(242,242,242,0.5) );
	border-bottom: 2px solid rgb(222,222,222);
	padding: 5px; 
	margin-top: 20px
}

.graybox:hover {
	 background: linear-gradient( rgba(250,250,250,1), rgba(242,242,242,1) );
	 border-bottom: 2px solid orange;
}

.graybox ul { margin-top: 0px; margin-bottom: 0px; }

.redbox { 
	background-color: #fde0e0; 
	font-weight: bold;
	color: red;
	text-align: center;
	padding: 5px; 
	font-size: 100%; 
	border-radius: 3px; 
}

div.banner-selector {
    width: 16px;
	height: 16px;
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px; 
	border-radius: 50px;
	background-color: black;
	float: left; 
	margin-left: 8px; 
	cursor: pointer;
}

div.current-banner {
    background-color: rgb(36, 109, 192);
}

#ChangesBox, #BeginnersInfoBox, #DailySpecial {
     padding-left: 16px; 
	 padding-right: 16px;
	 padding-top: 1px;
	 box-sizing: border-box; 
	 vertical-align: top;
	 text-align: left;
}

#ChangesBox {
    width: 45%;
}

#BeginnersInfoBox {
    width: 55%;
}

#BeginnersInfoBox  {
	padding-left: 25px;
	padding-right: 25px;
}


#DailySpecial { 
	 vertical-align: top; 
	 box-sizing: border-box;
	 width: 29%;
     position: relative;
     border: 2px solid orange;
     background-color: white;
}

#MainGrid {
    display: grid; 
	grid-template-columns: 70% 30%;
	width: 100%; 
	margin: 10px 0px;
	grid-gap: 25px;
}

#BannerContainer {
 	padding-bottom: 0px; 
    box-sizing: border-box;
	margin: 10px 0px 40px 0px;
	position: relative;
	width: 100%;
	line-height: 0px;
}

#ContactInfo {
	vertical-align: top;
    box-sizing: border-box;
	padding-bottom: 20px;
}

#span.star-rating {
 #   opacity: 1;
#	color: red;
#}

#ProgressContainer {
    height: auto; 
	border-bottom: 1px solid silver; 
	text-align: right; 
	padding: 20px 0px; 
	margin-bottom: 20px;
    background: linear-gradient(to top, rgb(227,226,222), rgba(255,0,0,0));
    background-size: 100% 30px;
	background-repeat: no-repeat; 
	background-position: bottom;
	display: flex;
}

div.active-step {
    font-weight: bold;
	color: black; 
	width: 25%;
	height: auto;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	max-width: 180px;
	padding: 0px 5px;
}

div.nonactive-step {
	color: silver; 
	width: 25%;
	text-align: center;
	box-sizing: border-box;
	max-width: 180px;
	padding: 0px 5px;
}

#ProgressContainer div.number {
    font-size: 200%;
	display: inline-block;
	background-color: white;
	width: 50%;
}

div.active-step-line {
	background-color: black; 
	width: 25%;
	height: 2px;
	display: inline-block;
}

div.nonactive-step-line {
	background-color: silver; 
	width: 25%;
	height: 2px;
	display: inline-block;

}


.button_separator {
    height: auto; 
	border-top: 1px solid silver; 
	text-align: center; 
	margin-top: 10px; 
	margin-bottom: 20px;
	padding-top: 20px;
    background: linear-gradient(to bottom, rgb(227,226,222), rgba(255,0,0,0));
    background-size: 100% 30px;
	background-repeat: no-repeat; 
	clear: both;
}

.no-margin-bottom {
    margin-bottom: 0px;
}

.row_even {
    background-color: rgb(249, 249, 249);
}

.row_odd {
    background-color: rgb(239, 239, 239);
}
.row_orange {
    background-color: rgb(255, 248, 210);
}

.row_green {
    background-color: rgb(192, 255, 192);
}

.row_highlight {
    background-color: rgb(255, 192, 192);
}

.row_yellow {
    background-color: rgb(255, 255, 192) !important;
}

.gray_text {
    color: rgb(110,110,110);
}
.silver_text {
    color: silver;
}
.small_text {
    font-size: 85%; 
	line-height: 20px;  
	display: inline-block;
}

.attrib_name { font-weight: bold; font-family: Arial; font-size: 12px }
.attrib_value { font-family: Arial; font-size: 12px }

em {
    font-weight: italic;
}

form em {
	color: red;
}

.grow { 
    transition: all .4s ease-in-out; 
}
.grow:hover { 
    transform: scale(1.025); 
}

div.ThumbnailContainer {
    position: relative; 
	overflow: hidden; 
	border: 1px solid rgb(48,48,48); 
	box-sizing: border-box; 
	width: 30%; #225px; 
	#height: 172px;
	margin: 7px;
    transition: all .4s ease-in-out; 
}

div.ThumbnailContainer:hover {
    border: 1px solid rgb(92,92,128); 
}

.block-title {
    margin: 5px 0px;
	position: relative;
    text-align: left;
	margin-top: 20px;
} 

.block-title strong {
	background-color: white;
	padding: 0px 10px;
	font-size: 100%;
	display: inline-block;
    text-transform: uppercase;
	letter-spacing: 0.6px;
	z-index: 1;
    position: relative;
	margin-left: 15px;

}

.block-title:after {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    background: #cbcbcb;
}

/* ------------------------------------------------------------------------------------ */
/* Termék választó oldal (http://www.tavcso-mikroszop.hu/termekek/*                     */
/* ------------------------------------------------------------------------------------ */

#ProductPageContainer {
    display: flex;
	margin-bottom: 20px;
    margin-top: 10px; 
}

#ProductPageContainer h1 {
    background-color: rgb(242,242,242);
	color: gray;
	border-bottom: none;
	padding: 5px 10px;
	font-size: 140%;
}

#ProductPageFilterHeader h3 {
	
	margin-top: 0px; 
	font-weight: 300;
	border-bottom: 1px solid rgb(228,228,228);
	width: 100%;
}

#ProductPageFilterHeader h3 > span {
	margin-bottom: -1px;
	display: inline-block;
}

#ProductPageInfoContainer {
	padding-right: 20px;
	width: 300px;
}

#ProductPageFilters {
	 width: 300px; 
	 height: 100%;
	 text-align: left;
	 box-sizing: border-box;
	 padding: 15px;
     background-color: rgb(248,248,248);
	 padding-top: 10px;
}

#ProductPageFilters #ChevronDown {
	display: none;
}

#ProductPageFilters span.title {
	 font-weight: bold;
	 display: inline-block;
	 margin-bottom: 5px;
	 margin-left: 5px;
	 font-size: 90%;
}

#ProductPageFilters div.AFilter {
	 padding: 0px; #5px 0px 1px 5px;
	 margin-top: 5px;
	 border-bottom: 2px solid transparent;
}

#ProductPageFilters div.AFilter:hover {
	 #background: linear-gradient( to top, #DDE9E4 0%, rgb(255,255,255) 60%);
	 #border-bottom: 2px solid orange;
}


#ProductPageFilter li {
	
	color: gray;
}

#ProductPageFilter ul {
    margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 90%;
	line-height: 26px;
	padding-left: 32px;
	list-style: none;
	text-align: left;
	list-style-position: outside;
    text-indent: -1.6em;
}

div.ProductPageDescription {
  
    font-size: 85%; 
	text-align: justify; 
	color: rgb(92,92,92); 
	line-height: 22px; 
	width: 100%;
	margin-top: 0px;
	height: 250px; 
	position: relative; 
	overflow: hidden;
	margin-bottom: 20px;
}

div.ProductPageDescription h3 {
    padding-bottom: 4px;
}	

div.ProductPageDescription p {
    margin-bottom: 0px;
}

div.ProductPageDescription ul {
    margin-top: 10px;
	margin-left: 5px;
	list-style-type: initial;
	font-size: 100%;
}

div.ProductPageDescription div.FadeBar {
	position: absolute; 
	width: 100%; 
	height: 75px; 
	bottom: 0px; 
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

div.ProductGrid {
    display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 16px;
	grid-auto-rows: minmax(120px, 400px);
	width: 100%;
	padding-top: 20px;
	box-sizing: border-box;
}


#ProductGridOrder {
	display: flex; 
	background-color: rgb(248,248,248); 
	padding: 0px 10px; 
	font-size: 90%; 
	text-align: left; 
	line-height: 24px;
}

#ProductGridOrder > div {
	padding: 10px 15px;
	cursor: pointer;
}

#ProductGridOrder > div > span:hover {
	text-decoration: underline;
}

#ProductGridOrder > div.selected {
	background-color: #5c79a2;
	color: white;
	cursor: default;
}

#ProductGridOrder > div.selected > span:hover {
	text-decoration: none;
}

#ProductGridContainer {
	width: 100%;
}

div.pp-icon-container {
	 background-color: white;
	 text-align: left;
	 vertical-align: top;
	 position: relative;
	 display: inline-block; 
	 box-sizing: border-box;
	 width: 100%;
	 padding: 12px;
	 box-sizing: border-box;
     vertical-align: top; 
	 border: 1px solid rgb(232,232,232);
	 transition: all 0.4s ease-in-out; 
}

div.pp-icon-image-container {
     position: relative; 
	 height: 180px;
     cursor: pointer;	 
	 overflow: hidden;
	 text-align: center;
}

div.pp-icon-image-container img {
    vertical-align: middle; 
	max-width: 95%; 
	max-height: 90%;
}

div.pp-icon-container:hover .btn_compare {
     display: block;
	 transition: all 0.4s ease-in-out; 
}

div.pp-icon-text-container {
	 cursor: pointer;
	 line-height: 24px;
	 display: block;
	 height: 70px;
	 font-size: 100%;
	 text-transform: capitalize;
 	 overflow: hidden;
	 text-align: left;
}

div.pp-icon-price-container {
	width: 100%; 
	text-align: left;
	height: 70px;
	display: flex;
	justify-content: space-between;
	line-height: 22px
}

div.pp-icon-price-container .ar {
    color: #f97e42; 
}

div.pp-icon-price-container .icon-flag-compare {
	color: rgb(128,128,128);
	font-weight: bold;
	transition: all 0.4s ease-in-out; 
}

div.pp-icon-price-container .icon-flag-compare:hover {
	color: orange;
}

div.pp-icon-price-container .icon-heart {
	color: rgb(128,128,128);
	font-weight: bold;
	transition: all 0.4s ease-in-out; 
}

div.pp-icon-price-container .icon-heart:hover {
	color: orange;
}

div.pp-icon-container img.discount {
     position: absolute; 
	 right: -4px; 
	 top: -4px;
	 z-index: 5;
	 transform: scale(0.8);
}

div.SmallIconContainer {
	 padding: 10px; 
	 box-sizing: border-box;
	 display: flex;
	 margin: 5px 0px;
}

div.SmallIconContainer > div:nth-child(1) {
}

div.SmallIconContainer > div:nth-child(2) {
	 padding: 0px 0px 0px 10px; 
	 text-align: left; 
	 vertical-align: top;
	 line-height: 24px;
	 width: 100%;
	 min-width: 180px;
}

#ContentPosts div.content_title a {
	font-size: 120%;
}

#MenuTree {
	font-size: 85%;
	line-height: 22px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-top: 8px;
	text-align: left;
}

/* ------------------------------------------------------------------------------------ */
/* Termék oldal (http://www.tavcso-mikroszop.hu/termek/*                     */
/* ------------------------------------------------------------------------------------ */

#ProductPageGrid {
    display: grid; 
	grid-template-columns: repeat(20, 5%);
	margin-top: 20px;
}

#ProductPageTitle {
}

#ProductHeader {
    background-color: white;
	margin-top: 5px;
}

#ProductImages {
	#padding: 10px 20px 5px 0px; 
	text-align: center;
	grid-column-start: 1; 
	grid-column-end: 10;
}

#ProductImage {
    max-width: 100%;
	#max-height: 100%;
}

#ProductInfo {
    grid-column-start: 11; 
	grid-column-end: 21;
}

#ProductDescription {
	padding-top: 10px;
	margin-bottom: 20px;
    grid-column-start: 1; 
	grid-column-end: 14;
}

#ProductRecAccessories {
    grid-column-start: 14; 
	grid-column-end: 21;
	padding: 18px 10px 10px 30px;
    background-color: white;
	grid-row-start: 2;
	grid-row-end: 6;
}

.Tabset .TabHeader div {
   padding: 10px 20px;
   border-bottom: 1px solid rgb(222,222,222);
   cursor: pointer;
   font-weight: bold;
   color: rgb(164,164,164);
   position: relative;
   line-height: 26px;
}

.Tabset .TabHeader span.underline {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: orange;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.2s ease-in-out;
}

.Tabset .TabHeader span.selected {
  visibility: visible;
  transform: scaleX(1);
}

.Tabset .TabHeader div:hover {
   color: black;
   background-color: rgb(248,248,248);
}

.Tabset .TabHeader div.selected {
   font-weight: bold;
   border-bottom: 0px;
   cursor: pointer;
   color: black;
}

.Tabset .TabHeader div.disabled {
   font-weight: normal;
   color: rgb(222,222,222);
   cursor: default;
   pointer-events: none;
   opacity: 1;
}

.Tabset .TabBody div.Tab:not(:first-child) {
   display: none;
}

#ProductTabs {
    grid-column-start: 1; 
	grid-column-end: 14;
    margin: 0px 0px;
}

#RecAccessories h3:first-child {
    margin-top: 0px;
}

#ProductFooter p:first-child {
    margin-top: 0px;
}

#ProductMoreOptions {
	width: 100%;
}

.ProductNameAndPrice {
    padding: 5px 5px 10px 5px
}

.ProductNameAndPrice:hover {
    background-color: rgb(249, 249, 249);
}

#ProductProperty {
    width: 100%; 
	border: 0px; 
	border-spacing: 0px;
	font-size: 95%;
}

#ProductProperty tr:nth-child(even) {
    background-color: rgb(252, 252, 252);
}

#ProductProperty tr:nth-child(odd) {
    background-color: rgb(248, 248, 248);
}

#ProductProperty td:nth-child(1) {
    text-align: right; 
	font-weight: bold; 
	padding: 8px; 
	width: 36%; 
	min-width: 180px;
}

#ProductProperty td:nth-child(2) {
    text-align: left
}

#ProductProperty tr.category {
	background-color: white;
}

#ProductProperty tr.category td {
	border-bottom: 2px solid gray; 
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
	font-size: 120%; 
}

#PartnerTableList tr:nth-child(even) {
    background-color: rgb(248, 248, 248);
}

#ProductData {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-rows: auto 1fr;
}


#ShippingChargesButton {
    float: right; 
	background-color: rgb(95, 116, 208);
	color: white;
	#padding: 0px 6px 0px 6px; 
	margin-top: 14px; 
	cursor: pointer;
	
	-moz-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out; 
}

#ShippingChargesButton:hover {
    background-color: orange;
}


#ShippingChargesButton span:first-child {
    font-weight: bold;
}

div.wp-content-thumbnail {
	display: flex; 
	flex-direction: row;
	flex: 0 0 48%; 
	font-size: 90%; 
	line-height: 24px; 
	box-sizing: border-box; 
	background-color: rgb(255,245,215); 
	padding: 5px;
	border-radius: 5px; 
	cursor: pointer;
	transition: all .2s ease-out; 
}

div.wp-content-thumbnail:hover {
	background-color: rgb(255, 227, 144) !important;
}

div.wp-content-thumbnail img.wp-content-thumbnail-image {
	width: 100px !important;
}


div.item-feedback {
    padding: 10px 5px 0px 5px; 
	box-sizing: content-box; 
	font-size: 90%;
}

div.warranty {
    font-size: 80%; 
	display: inline-block; 
	#color: white; 
	#background-color: green; 
	padding: 2px 5px; 
	margin-right: 8px;
	border-radius: 3px;
	line-height: 22px;
	text-align: left;
}

div.warranty ul {
    margin: 0px;
}

div.DecreaseQty {
	border-radius: 50%; 
	width: 24px; 
	height: 24px; 
	border: 1px solid rgb(232,232,232); 
	font-size: 120%; 
	vertical-align: middle; 
	line-height: 25px; 
	margin-top: 1px; 
	cursor: pointer; 
	background-color: #ffc9be; 
	user-select: none;
	display: inline-block;
}


div.IncreaseQty {
	border-radius: 50%; 
	width: 24px; 
	height: 24px; 
	border: 1px solid rgb(232,232,232); 
	font-size: 120%; 
	vertical-align: middle; 
	line-height: 25px; 
	margin-top: 1px; 
	cursor: pointer; 
	background-color: #C1E1C1; 
	user-select: none;
	display: inline-block;
}

/* ------------------------------------------------------------------------------------ */
#admin_window {
		position: fixed;
		bottom: 0px;
		left: 20px;
        width: 310px; 
		height: 28px; 
		background-color: rgb(238, 238, 238); 
		border-width: 1px 1px 0 1px;  
		border-style: solid;
		border-color: red;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
		z-index: 999;
		line-height: 20px;
		font-size: 90%;
}

#admin_window #header {
        left: 0px; 
		top: 0px; 
		width: 100%; 
		height: 26px; 
		box-sizing: border-box; 
		background-color: red; 
		padding: 3px 5px 5px 5px; 
		color: white; 
		font-weight: bold
}

#admin_window #img_window_size {
        position: absolute; 
		right: 5px; 
		top: 2px; 
		cursor: pointer
}

#admin_window #content {
        padding: 2px 5px; 
}

.alahuz { border-bottom: 1px solid silver }

#ModalWindowOverlay {
    position: absolute;
	z-index: 1000; 
	background-color: black; 
	filter: alpha(opacity = 70);
	opacity:0.7;
	width: 100%;
}

#ModalWindowFrame {
    position: absolute;
	z-index: 1002; 
	display: none;
	background-color: white;
	border: 1px solid;
}

#ModalWindowTitle {
    font: bold 100% Arial; 
	letter-spacing: 0.5px; 
	text-align: left;
    text-transform: uppercase;
	line-height: 34px;
}

#ModalWindowTitle td {
    border-bottom: 1px solid silver;
	padding: 6px 10px;
	background-color: rgb(232,232,232);
}

#ModalWindowTitle .icon-cross {
    cursor: pointer;
    color: silver;
    float: right;
    font-size: 90%;
	margin-right: 8px;
    margin-top: 12px;
}

#ModalWindowTitle .icon-cross:hover {
    color: gray;
}

#div-newsletter .header {
        background-color: rgb(248,238,204); 
		padding: 4px; 
		margin-bottom: 6px;
		color: rgb(127,42,55);
        font-family: Verdana, Arial;
        font-size: 14px;
	    font-weight: bold;
		text-align: left;
        font-variant: small-caps;
}

#div-newsletter .box {
        background-color: rgb(255, 255, 218);
	    border: 0px solid rgb(221, 212, 190);
		padding: 4px;
	}

#div-warranty {
    text-align: center; 
	margin: 5px auto 0px auto; 
	border: 1px solid rgb(212,212,212); 
	background-color: #F0EEE2; 
	font: bold 12px/26px Arial Narrow; 
	height: 30px; 
	width: 140px; 
	letter-spacing: 0.5px; 
	box-shadow: 0px 1px 3px rgb(192, 192, 192); 
	text-transform: uppercase;
}

#div-warranty span {
    vertical-align: middle;
}

/* ------------------------------------------------------------------------------------ */
#SearchBox {
	margin: 5px 0px; 
	box-sizing: border-box;
    width: 320px; 
	height: 36px;
	position: relative;
	margin-left: 40px;
	background-color: white;
	border-radius: 30px; 
	border: 1px solid silver;
}

#SearchGrid > div {
    width: 20%;
	padding: 12px;
	box-sizing: border-box;
}

/* ------------------------------------------------------------------------------------ */


#div_headertop {
    height: 30px; 
	width: 100%;  
}

#div_headermiddle {
	_height: 60px; 
}

#div_headerbottom {
    position: relative; 
	top: 0px; 
	width: 100%; 
	height: 4px; 
	margin: 0px; 
	background-color: rgb(218, 208, 170); 
	border-top: 2px solid white;
	border-bottom: 1px solid gray;
}

#HeaderContacts li a {
	color: gray;
}

#HeaderSmall {
    display: none;
}

#img-shoppingcart {
    position: absolute; 
	left: 740px; 
	top: 15px; 
	z-index: 99;
}

#div-shoppingcartinfo {
    position: absolute; 
	top: 10px; 
	left: 805px;
}

#sitemap p { 
	    border-style: solid; 
	    border-width: 0px 0px 1px 0px; 
		border-color: silver; 
		margin-bottom: 5px;
		font-weight: bold;
		font-size: 14px;
}

#sitemap ul {

	    margin-left: 25px; 
		margin-top: 5px; 
		margin-bottom: 5px;
}

.content .date-and-author {
        display: inline-block;
        color: gray; 
		background-color: rgb(251,251,251); 
		padding: 1px 4px; 
		font-size: 80%;
		margin-top: 4px;
}

.content .content-title {
        
		font-size: 120%; 
		margin-top: 10px;
}

.content .content-footer {
        
		background-color: rgb(232, 232, 255); 
		padding: 5px; 
		clear: both; 
		margin-top: 10px;
}


/* Sitemap-hez */
.level1 { font-family: arial; text-decoration: none; color: RGB(22, 127, 55); font-size: 14px; font-weight: bold; line-height: 19px}
A.level1:hover { border-bottom: dotted; border-width: 1px; border-color: red; }
span.level2 { font-family: arial; font-style: italic; text-decoration: none; color: RGB(0, 0, 0); font-size: 13px; font-weight: bold; margin-left: 20px; line-height: 18px }
.level2 { font-family: arial; font-style: italic; text-decoration: none; color: RGB(22, 127, 55); font-size: 13px; font-weight: bold; margin-left: 20px; line-height: 18px }
A.level2:hover { border-bottom: dotted; border-width: 1px; border-color: red; }
.level3 { font-family: arial; text-decoration: none; color: RGB(22, 127, 55); font-size: 12px; margin-left: 40px; line-height: 17px }
A.level3:hover { border-bottom: dotted; border-width: 1px; border-color: red; }

#BlogLeftPanel {
	float: left;
	width: 65%;
}


#BlogRightPanel {
	float: left;
	width: 35%;
}

/* ------------------------------------------------------------------------------------ */
/* Főmenü betűtipusa */

#CompactContacts {
    display: none;
}

#ShoppingCartInfoWidget {
	height: 32px;
	box-sizing: border-box;
	color: black;  
	font-size: 110%; 
	padding: 3px 0px 3px 15px;
	margin: auto 0px;
	position: initial;
	cursor: pointer;
    border-radius: 0px;
	background: initial;
	text-align: center;
}

#ShoppingCartInfoWidget .cart-widget-text {
    vertical-align: top;
	display: inline-block;
	margin-top: -2px;
}

#ShoppingCartInfoWidget img.cart-png {
    margin-bottom: 3px;
	margin-left: 5px;
	height: 26px;
	vertical-align: baseline;
}
   
@keyframes circle-resize {
    0% { 
	    transform: scale(1,1);
	}
    50% { 
	    transform: scale(1.1,1.1);
	}
	100% { 
	    transform: scale(1,1); 
	}
}

#ShoppingCartSizeMini {
    position: absolute;
	width: 22px;
	height: 22px;
	right: 4px;
	top: 0px;
}

#ShoppingCartSizeFull {
    position: absolute;
	width: 22px;
	height: 22px;
	right: 10px;
	top: 0px;
}

div.ShoppingCartSize {
	padding: 0px;
	font-weight: bold;
	background-color: orange;
	color: black;
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px; 
	border-radius: 50px;
	text-align: center;
	font-size: 80%;
	vertical-align: middle;
	line-height: 22px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.75);
	animation-name: circle-resize;
    animation-duration: 1.5s;
	animation-iteration-count: infinite;
	transition-timing-function: ease-in;
}

div.ShoppingCartSize:hover {
    -ms-transform: scale(1.15,1.15); /* IE 9 */
    -webkit-transform: scale(1.15,1.15); /* Safari */
    transform: scale(1.15,1.15);
}

/* ------------------------------------------------------------------------------------ */
/* Image Slider                                                                         */
/* ------------------------------------------------------------------------------------ */
#DiscountedItemsSlider { 
    height: 120px; 
	overflow: hidden; 
	border: 2px solid silver; 
	position: relative; 
	line-height: 24px;
}

#DiscountedItemsSlider .viewport { 
    float: left; 
	width: 100%; 
	height: 120px;
	overflow: hidden; 
	position: relative;
}

#DiscountedItemsSlider .disable { 
    visibility: hidden; 
}

#DiscountedItemsSlider .overview { 
    list-style: none; 
	position: absolute; 
	padding: 0; 
	margin: 0; 
	width: 240px; 
	left: 0; 
	top: 0; 
}

#DiscountedItemsSlider .overview li { 
    float: left; 
	padding: 1px; 
	height: 121px; 
	width: 185px;
}

#DiscountedItemsSlider .buttons { 
    opacity: 0.4; 
}

#DiscountedItemsSlider .buttons:hover { 
    opacity: 1; 
}

#DiscountedItemsSlider #CarouselPrevButton {
    position: absolute; 
	left: 0px; 
	top: 42px; 
	z-index: 1; 
}

#DiscountedItemsSlider #CarouselNextButton {
    position: absolute; 
	right: 0px; 
	top: 42px; 
	z-index: 1; 
}

#DiscountedItemsSlider table { 
    height: 100%; 
}

/* ------------------------------------------------------------------------------------ */
/* Termék oldal (http://www.tavcso-mikroszop.hu/termek/*                     */
/* ------------------------------------------------------------------------------------ */

table {
    line-height: inherit;
	font-size: inherit;
	text-align: inherit;
}

ul {
    line-height: inherit;
}

table.table-blue-header {
	width: 100%;
	background: white;
	margin: 0;
	#margin-top: 30px;
	padding: 0;
	border-collapse: collapse;
}

table.table-blue-header thead tr th {
	padding: 6px;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	background-color: rgb(69, 95, 167); 
	color: white;
	font-weight: bold;
	border-bottom: 3px solid orange ;
	text-transform: uppercase;
}

table.table-blue-header tbody tr:hover {
	background-color:#f9f9f9;
}

table.table-blue-header tbody tr td {
	padding: 4px 12px;
	#border: 1px dotted silver;
	vertical-align: middle;
	margin: 0;
}

table.table-blue-header em {
    color: red;
}

div.delivery-date {
    text-align: justify; 
	font-size: 80%; 
	font-weight: normal; 
	padding: 5px 8px; 
	color: gray; 
	line-height: 18px;
}


#------------------------------------------------------------------------------------

#form_user_data table:nth-child(1) {
	width: 48%;
	float: left;
}

#form_user_data table:nth-child(2) {
	width: 48%;
	float: right;
}

table.user-data tbody tr td:first-child {

    text-align: right;
	background: rgb(242,242,242);
	font-weight: bold;
	white-space: nowrap;
}


table.table-shipping-calculator {

    font-size: 90%;
	margin-top: 0px;
}

table.table-shipping-calculator tbody tr td,
table.table-shipping-calculator thead tr th {
    padding: 1px 10px;
}

table.table-shipping-calculator tbody tr td:nth-child(2) {

    text-align: center;
}

table.table-shipping-calculator tbody tr td:nth-child(3) {

    text-align: right;
}

table.table-packages {

    font-size: 100%;
	width: 100%;
	margin-top: 15px;

}

table.table-packages thead th {
    background-color: rgb(222,222,222);
	text-align: center;
}

table.table-packages tbody tr td,
table.table-packages thead tr th {

    padding: 5px 10px;
}

table.table-packages tbody tr:nth-child(odd) {
    background-color: rgb(252, 252, 252);
}

table.table-packages tbody tr:nth-child(even) {
    background-color: rgb(248, 248, 248);
}


table.table-packages tbody tr td:nth-child(2),
table.table-packages tbody tr td:nth-child(3) {

    text-align: center;
}

table.service-form {
    white-space: nowrap;
}

table.service-form tbody tr td:first-child {
    white-space: nowrap;
}

table.service-form input {
    width: 100%;
	box-sizing: border-box;
}

span.menu-tree-separator {
    color: red; 
	vertical-align: middle; 
	margin: 2px 12px;
	font-size: 90%;
	opacity: 1;
}

#MainDealerMenu {
     padding: 4px 10px 2px 10px;
	 border-bottom: 1px solid silver;
	 background-color: white;
	 margin: 0px 0px;
	 
}

#MainDealerMenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}


#MainDealerMenu ul li {
    display: inline;
	margin-right: 20px;
}

#MainDealerMenu ul li.selected {
    padding-bottom: 4px;
    border-bottom: 3px solid red;
}

#MainDealerMenu ul li a {
    text-decoration: none;
	padding-bottom: 4px;
}

#MainDealerMenu ul li a:hover {
   border-bottom: 3px solid orange;
}

header._header_xmas {
    border-top: 5px solid rgb(16,158,87);
	background-color: rgb(251, 255, 254);
}

#XmasProductGrid {
	 width: 100%;
	 margin-top: 20px;
}

#XmasProductGrid div.pp-icon-container {
	 width: 100%;
	 border: 1px solid rgb(16, 158, 87);
}

#XmasProductGrid div.pp-icon-container:hover {
	 box-shadow: 0px 0px 6px rgba(0, 64, 0, 0.5); 
}

#XmasProductGrid div.pp-icon-text-container {
     background: linear-gradient(to bottom, rgb(239, 248, 254), rgba(255,0,0,0));
}

#XmasProductGrid div.pp-icon-image-container::after {
    content: url(/shared/xmas-box.png);
	position: absolute;
	right: 10px;
	bottom: -20px;
	overflow: hidden;

}

#XmasProductGrid h3 span:first-child {
     color: rgb(16, 158, 87);
}

#div_advertisement table tr td:first-child {
    font-weight: bold;
}

#fb-page {
   transform: scale(1.5); 
   transform-origin: left center;
}

label {
    margin-left: 6px;
}

#FadeMessageBox {
    position: fixed; 
	z-index: 1000; 
	top: 100px; 
	width: 300px; 
	left: 50%; 
	margin-left: -140px;
	color: white; 
	background-color: mediumseagreen; 
	border: 1px solid gray; 
	padding: 20px; 
	text-align: center; 
	display: none; 
	box-shadow: 0px 0px 25px -3px rgba(0,0,0,0.75);
	line-height: 22px;
	font-size: 120%;
}

div.instock-sign {
	display: inline-block; 
	color: white; 
	background-color: mediumseagreen; 
	border-radius: 50%; 
	width: 20px; 
	height: 20px; 
	text-align: center; 
	margin-right: 2px; 
	font-size: 75%; 
	font-weight: bold; 
	line-height: 23px;
}

.StockAvailability .instock-sign {
	scale: 0.85;
	font-size: 100%;
	margin-right: 2px; 
}

.StockAvailability span {
	font-size: 85%;
}

#ProductFooterBar {
	position: fixed; 
	width: 100%; 
	background-color: #f1fcff; 
	bottom: 0px; 
	left: 0px; 
	z-index: 50; 
	box-shadow: 0 -5px 3px -3px #00000030; 
	display: none;
}