html, body, div, table, p, span, tr, td, th, ul, li { margin:0; padding:0; border:0px solid white; font-size:14pt; line-height:1.5em; text-align:left; font-family: "Gadugi", sans;}
html, body, div, table, p {display:block; width:100%; }

body { background-color:#FFF; }
img, h1, h2, h3, h4, h5, h6	{ display:block; margin:0; padding:0; border:0px solid white; font-weight:300; }

h1,h2,h3,h4, .highlight, .footPrint { font-size:24pt; font-family:"JuliusSansOne","Times new Roman", "Times", sans-serif; color:#353340; line-height:1.3em; border-bottom:1px solid #e3e1e8; text-transform:uppercase; padding-top:1em;}
h2,h3,h4,.footPrint { border:0; font-size:18pt;}
form {display:inline;}
label { cursor:pointer; text-transform:uppercase; font-weight:800; }
h1 i, h1 a { color:#ff4ca3; font-style:normal; text-decoration:none; display:inline;}
h1 a, a.more { position:relative; background-color:#716B8F; color:white; font-size:70%; padding:0.5ex 1ex; vertical-align: middle; top:-0.3ex;}
h1 a.more, a.more { 
	font-family:"JuliusSansOne","Times new Roman";
	display:block;
	text-transform:none;
	background-color: #ffffff;
    color: #f74ba3;
    font-size: 40%;
    top: -0.3ex;
    right: 0px;
    border: 3px solid #FBCFE6;
    margin-left: 2em;
	padding:0 1em 0 1em;
	float:right;
	line-height:30px;
	margin-left:2em;
}

h1.warning { font-size:12pt; line-height:1.3em; width:90%; padding:1ex 4%; border:1px dotted #FDA6D1; background-color:#FEF1F8; color:#FF4DA6; font-weight:800; margin:1ex auto;}
sup.line { color:#FF4DA6; margin-top:1.5ex; display:block; font-family:"JuliusSansOne","Times new Roman", "Times", sans-serif; font-size:10pt; line-height:1.3em; text-transform:uppercase; margin-left:-1ex;}


/* Webfont: Gadugi */@font-face {
    font-family: 'Gadugi';
    src: url('/css/Fonts/Gadugi.eot'); 
    src: url('/css/Fonts/Gadugi.eot?#iefix') format('embedded-opentype'),
         url('/css/Fonts/Gadugi.woff') format('woff'),
         url('/css/Fonts/Gadugi.ttf') format('truetype'),
         url('/css/Fonts/Gadugi.svg#Gadugi') format('svg');
    font-style: normal;
    font-weight: normal;
  /*  text-rendering: optimizeLegibility;*/
}

/* Webfont: JuliusSansOne-Regular */@font-face {
    font-family: 'JuliusSansOne';
    src: url('/css/Fonts/JuliusSansOne-Regular.eot');
    src: url('/css/Fonts/JuliusSansOne-Regular.eot?#iefix') format('embedded-opentype'),
         url('/css/Fonts/JuliusSansOne-Regular.woff') format('woff'),
         url('/css/Fonts/JuliusSansOne-Regular.ttf') format('truetype'),
         url('/css/Fonts/JuliusSansOne-Regular.svg#JuliusSansOne-Regular') format('svg');
    font-style: normal;
    font-weight: normal;
    /*text-rendering: optimizeLegibility;*/
}

div.line	{ width:100%; min-height:2em; }
div.content	{ max-width:1200px; margin:0 auto; }
div.main_page	{ min-height: 40em; overflow:auto;}



.shadow 		{ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); }
.clear		{ float:none; clear:both; overflow:hidden; height:1px; display:block;}
.decor		{ background-color:#d7d5df; }
.form		{ background-color:#faf9fb; padding:0.5em 0 1em 0;}
.highlight, .highlight span    { border:0; padding:0; margin:0 0 1em 0; font-size:18pt; font-weight:800; line-height:2em; color:#ff4da5;  }
.highlight span { float:right; padding-top:0.2em; }
.outStock	{ background-color:#3C3A48; padding:0.5em 0 1em 0; display:block; text-align:center; font-family:"JuliusSansOne","Times new Roman", "Times", sans-serif; color:#D7D5E0;}

.static1_3, .static2_3, .static1_2 { font-size:10pt; line-height:1.2em; }
.static2_3  { float:left; width:60%; padding:1.4ex 2% 1ex 3%;}
.static1_3  { float:left; width:30%; text-align:right; padding:1.4ex 5% 1ex 0;}
.static2_3 b { font-weight:normal; text-transform:uppercase;}
.static1_2 { float:left; padding:1ex 3% 0 3%; width:44%; }

/*
 * Urlap
 **/
 form h1		{ }
 form h2, form h3		{ font-size:11pt; padding-bottom:5px;}

 
.form label	{ position:relative; min-height:80px; display:block; line-height:1.7em; }
.form input[type=text], .form textarea, .cCoupon input[type=text], .form select { width:96%; padding:2.5% 2%; border:2px solid #9590aa; margin:0; background-color:white; display:block; font-weight:normal; font-family: "Gadugi", sans;}
.form label.error input[type=text], label.errorBlock { border:2px solid #ff4da5; color:#ff4da5;}
.form select { font-size:14pt; line-height:1.5em; font-family: "Gadugi", sans; text-transform:none;}
.form span	{ position:absolute; bottom:2%; left:0; font-size:10px; line-height:1em; color:#ff4da5; font-weight:800; padding-top:5px; text-transform:none; }
.form textarea { height:6.3em;}
.form input.zip {position:absolute; top:1.7em; left:0; width:10%; display:inline-block;}
.form input.city {position:absolute; top:1.7em; right:-7.5%; width:100%; margin:0; display:inline-block; padding:3.3% 2%;}
	label.city {top: 0px; width: 75%; right: 5%; margin-right: 0px; display: block; position: absolute;}
	label.city span { position:absolute; top:6.4em; left:-27%; }
	
#szl_1, #szl_2 , #szl_3{ display:none; }
ul.szl li					{ display:block; margin:0.5em 0;}
	ul.szl li label			{ display:block; font-size:12pt; line-height:1.3em; }
	ul.szl li label i 		{ display:block; font-size:11pt; font-style:normal; text-indent:1.7em; font-weight:normal;  text-transform:none;}

.submit	{ background-color:#e3e1e8; margin:0; padding:1em 2%; width:96%; margin:1em 0; line-height:1em;}
.submit label { font-size:11pt; text-transform:none;}
.submit a { font-size:11pt; color:black; text-decoration:underline; }

.PickPackData { font-size:11pt; line-height:1.3em; color:white; }
.PickPackData  b { display:block; font-size:100%;}
.PickPackData sup, .PickPackData sub { font-size:90%; display:block; color:white; line-height:1.3em; }
#pp-open, #pp-details, #foxpost-details { background-color:#7E3488; min-height:4em; color:white; margin-left:-5%; padding:1em 0 0.5em 5%;}
#pp-details a {
    background-color: #F7584C;
    color: white;
    padding: 1ex 1em;
    font-size: 90%;
    float: right;
    text-decoration: none;
}
#all-map-pickpack, #foxpost-rawdata { min-height:200px; height:200px; } 
#foxpost-details { background-color:#B61816; }
#datafillForm h2, #datafillForm h3 { font-weight:800;}
/*
 * Navigáció stílus
 **/

a#main_navivigation_button { display:none; position:absolute; top:0px; left:0px; width:2em; line-height:2.3em; color:#FFFFFF; text-decoration:none; border-right:1px solid #624a88;}
div#cNavigation { background-color:#79589F; color:#FFFFFF;  }
ul#main_navigation	{ list-style-type: none; width:auto; z-index:1000; border-left:1px solid #8769A9; float:left; height:50px; }
	ul#main_navigation li { float: left; }
	ul#main_navigation li a, ul#main_navigation li.dropdown a.dropbtn { display:block; color:white; text-align:center; padding:8px 30px 2px 30px; line-height:40px; text-decoration:none; border-right:1px solid #8769A9; text-transform: uppercase; font-size:10.3pt; font-weight:normal;}
	ul#main_navigation li a:hover, ul#main_navigation li.dropdown:hover a.dropbtn { background-color: #6a4c8d; }
	ul#main_navigation li.dropdown { display: inline-block; position:relative; overflow:visible; }
	ul#main_navigation li.dropdown div.dropdown-content { display:none; z-index:1001; position:absolute; top:50px; left:0; background-color:#694c8a; min-width:260px; width:auto; border-top:1px solid #785b9a; padding-top:0.6em; opacity: 0.90; filter: alpha(opacity=90); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
	ul#main_navigation li.dropdown div.dropdown-content a { color:#FFFFFF; padding:0 1em; text-decoration:none; font-size:11pt; text-transform: none; display:block; text-align:left; line-height:2em; }
	ul#main_navigation li.dropdown div.dropdown-content a:hover {background-color: #6a4c8d; text-decoration:underline;} 
	ul#main_navigation li.dropdown:hover .dropdown-content { display: block; }

div#floatMenu { position:absolute; top:2em; left:0px; width:40%; height:auto; z-index:2000; background-color:#50357A;}
.hide { display:none;} .show { display:none;}
div#floatMenu div.Mml { width:100%; border-top:1px solid #624A88;  }
div#floatMenu div.Mml a { display:block; text-transform:uppercase; text-decoration:none; color:#FFFFFF; font-size:11pt; line-height:2.6em; padding-top:4pt; text-indent:0.8em; }
div#floatMenu div.Mml a.mopened {background:url(/css/nbar_closeBtn.png) right center no-repeat #5E4186;}
div#floatMenu div.Mml a.mclosed {background:url(/css/nbar_openBtn.png) right center no-repeat #50357A;}
div#floatMenu div.Mml div {  background-color:#5E4186; padding:0.5em 0;}
div#floatMenu div.Mml div a { line-height:2em; text-decoration:underline; text-transform:none; text-indent:1.6em; }

 /*
  * Fejléc stílus
  */

div.prec30		{ float:left; width:30.83%; height:3em;}
.cHeader	{ background-color:#50357A; color:#FFFFFF; height:3em; overflow:hidden;}

a#main_logo	{ float:left; width:auto; height:3em; min-width:250px;}
a#main_logo img	{ margin:12px 0; border:0;}

div#main_search 	{ float:left; width:100%; background-color:#624A88; height:1.4em; line-height:1.3em; margin:10px -5px 0 0px; padding:5px;}
div#main_search input[type=text] { float:left; background-color:#FFFFFF; border:0; width:89%; margin:0; padding:6px 2%; color:black; height:15px; }
div#main_search input[type=submit] { float:left; display:block; height:20px; width:7%; background:url(/css/icon_sch.png) left center no-repeat #FFFFFF; height:27px; border:0; }

div#bag 		 { position:absolute; top:0px; right:0px; width:auto; height:3em; overflow:hidden;}
	div#bag a  { float:right; margin-left:6px; display:block; min-width:22px; font-size:8pt; line-height:40px; color:#FFFFFF; background:url(/css/bag-1.png) left center no-repeat; text-decoration:none; text-align:center; font-weight:800; padding:10px 0 0 0;}
	div#bag a.empty { background-image:url(/css/bag-0.png); }
span.main_infobar	{ font-size:9pt; text-align:right; float:right; padding:0 1em; margin:13px 5px 0 0; border-right:1px solid #624A88;}
 
 /*
  * terméklista stílus
  **/

div#prec33	{ float:left; width:24.33%; margin-right:0.66%; min-height:1em; padding-top:56pt; }
div#prec66	{ float:left; width:75%; }

ul.product, .pData ul, ul.szl, ul.cart, ul.crumb, ul.brand-list	{ list-style-type: none; }
	ul.product li		{ float:left; width:23.33%; max-width:300px; margin:10pt 0 10pt 1.67%; padding:0; display:inline-block;}
	ul.product li a	{ z-index:1; display:block; position:relative; margin:0; padding:0; height:150pt; text-decoration:none; height:auto; border-bottom:2px solid #E2E1E7; overflow:hidden;}
	ul.product li a img.product { width:90%; margin:0 auto 10px auto; }
	ul.product li a img.badge { position:absolute; top:0px; left:0px; width:30%;}
	ul.product li a span	{ display:block;  padding:10px 15px; background-color:#F9F9FB; overflow:hidden; line-height:1em; height:6em; }
	ul.product li a span b  { display:block; font-size:12pt; font-weight:800; color:#353340; }
	ul.product li a span i { display:inline; font-size:10pt; font-weight:normal; color:#353340; font-style:normal; }
	ul.product li a span u { display:block; text-decoration:none; font-weight:800; color:#FF4CA3; font-size:14pt; line-height:2em; position:absolute; bottom:0;}
	
	ul.product li a span.info { position:absolute; top:0px; left:0px; width:89.3%; height:100%; display:none; opacity: 0.80; filter: alpha(opacity=80); font-size:70%;line-height:1.5em; color:black; overflow:hidden;}
	
	ul.product li a:hover { border-bottom:2px solid #9591AA;}
	ul.product li a:hover span { background-color:#F2F2F4; }
	ul.product li a:hover span.info { display:block; }
	
	div#prec66 ul.product { display:block; }
	div#prec66 ul.product li  { width:30%; margin:10pt 1.65% 10pt 1.65%; }
	.abs { position:absolute; top:0px; left:0px; width:25%!important; margin:0!important;}
	
/*
 * Filter bar
 **/
.box, .closed, .history, .startup { margin-bottom:1em; background-color:#E2E1E7; width:90%;}
.box a.title, .closed a.title, .startup a.title{ text-decoration:none; display:block; width:100%; padding:10pt 0 7pt 0; font-size:11pt; font-weight:500; line-height:1em; color:#34323F; text-indent:0.6em; border-bottom:1px solid #CDCBD8; 
	background:url(/css/fbar_closeBtn.png) right center no-repeat #d7d5df;
}
.box div, .startup div	{ width:90%; padding:1em 5%; font-size:11pt; line-height:2em; color:#353340;}
.box div a.link { line-height:1em; background-color:#D7D5E0; color:#3C3A48; display:block; text-align:center; position:relative; top:1em; left:-5%; text-align:center; width:110.5%; padding:0.5em 0; font-size:10pt;}
.closed a.title { border-bottom:1px solid #E2E1E7; background-color:#E2E1E7; background:url(/css/fbar_openBtn.png) right center no-repeat #E2E1E7;}
.closed div { display:none;}
.box div.medium { max-height: 5em; overflow:hidden;}



a.sch-link { display:block; text-decoration:none!important; color:black; margin-top:2ex; line-height:1em;}

	 /*
	  * Crumb list link
	  */
	  .crumb li a { display:block; text-decoration:none; color:#3C3A48; font-size:11pt; line-height:1.2em; padding:0.8em 0 0.4em 0;}
	  .crumb li a span { font-size:11pt;  padding-left:1ex; }
	  .crumb li a.active {text-indent:1ex; }

	 /*
	  * History Block
	  **/
	 
	 .history { background-color:#FFFFFF; overflow:hidden; }
	 .history h3 { font-size:13pt; border-bottom:2px solid #f1f1f4; margin-bottom:0.8em;}
	 .history a { clear:both; display:block; width:90%; padding:1em 2em 1em 1em; background-color:#f1f1f4; margin-bottom:0.5em; text-decoration:none; color:#353340; font-size:8pt; line-height:1em; height:60px; overflow:hidden; position:relative;}
		.history a img { float:left; width:60px; margin-right:1em;}
		.history a b { font-weight:800; text-transform:uppercase;}
		.history a i { font-size:7pt; font-style:normal; display:inline; padding-top:1ex;}
		.history a u { position:absolute; bottom:0.5em; left:75px; background-color:#f1f1f4; color:#ff4da5; font-weight:800; text-decoration:none; display:block; padding:0.5em 5em 0.5em 0.5em; }
	.history a:hover, .history a:hover u{ background-color:#E2E1E7;}
	
	.paginator { text-align:center; height:3em; margin-bottom:1em;}
	.paginator a { display:inline-block; text-decoration:none; background:url(/css/bNo.png) bottom center no-repeat; max-width:10%; width:3em; height:3em; text-align:center; color:#FEFEFE; font-size:11pt; font-family:"JuliusSansOne","Times new Roman", "Times", sans-serif;}
	.paginator a:hover { color:#3C3A48;}
	.paginator a.active { background:url(/css/bAct.png) bottom center no-repeat; color:#50357A; }
	.paginator a.first { background:url(/css/bFst.png) bottom center no-repeat; color:#50357A; }
	.paginator a.last { background:url(/css/bLst.png) bottom center no-repeat; color:#50357A; }
	
	/*
	 * Márka lista
	 */
	 
	div.abc-bar { padding:1em 0 0.5ex 0;margin-bottom:1em; line-height:1em; font-size:24pt; font-family:"JuliusSansOne","Times new Roman", "Times", sans-serif; color:#353340; border-bottom:2px solid #E2E1E7; }
	ul.brand-list li { display:inline-block; width:16%; padding:0; height:2.5em; line-height:1em; overflow:hidden; vertical-align:middle;}
	ul.brand-list li a { font-size:75%; color:#3C3A48; text-decoration:none; display:block; padding:0.5em 0 0 1ex;}
	ul.brand-list li a.faded { color:#E2E1E7; }
	ul.brand-list li a:hover { background-color:#3C3A48; color:white;}
	
/*
 * lábléc stílus
 **/
div.cFooter { background-color:#50357A; border-top:4px solid #E3E2E8; color:#C8BFD4; display:table; width:100%;}
div.prec25 { display:table-cell; width:25%;border-left:1px solid #64498F; overflow:hidden; vertical-align:middle;}
div.prec25:first-of-type{ border-left:0;}
div.prec25 > a, div.prec25 > ul > li  > a {display:inline-block; width:auto; margin:0; color:#C8BFD4!important; }
div.prec25 > ul > li  { margin:0!important; padding:0!important; line-height:1.6em!important; margin:0 7px!important;font-size:9pt; color:#C8BFD4; list-style-type:none; }
.footPrint { color:#C8BFD4; font-size:13pt; line-height:1em; padding:1.7ex 0 0 0; display:block;}
a.simple { padding:1ex 5%!important; background-color:white; } a.simple img { max-width:200px; background-color:white; width:100%;}
	
	
/*
 * Termékkártya
 */
.navText { text-align:left; padding:0; line-height:1.5em; width:auto; display:block; font-size:14pt;  color:#FF4DA5; }
	.navText a { text-decoration:underline; display:inline; padding:0; font-weight:normal; color:#FF4DA5;}
 
.pCard { color:#353340; padding:2%; width:90%; margin:2em auto 2em auto;}
.pCard i { color:#FF4DA5; font-style:normal; }

.pImage { float:left; background-color:#FFFFFF; position:relative; width:31.67%; }
	.pImage img { display:block; width:90%; margin:1em 5% 1em 5%; }
	.pImage span { display:block; text-align:center; font-size:8pt; color:#8e8c94; line-height:2em;}
.pData { float:left; width:65.5%; margin-left:2%; }
.pData h1 { border:0; font-size:25pt; color:#3c3835; margin-bottom:1em; }
.pData li { display:block; margin:0; padding:0; font-size:14pt; line-height:1.7em; font-weight:100; color:#161514;}
.pData li.price { display:inline-block; width:auto; padding:1em 1em 0 0em; margin:1em 0 1em 0; position:relative; line-height:1.5em;}
.pData li.price sup { display:block; text-decoration: line-through; line-height:1em; text-indent:0.5ex;}
.pData li.price i { font-weight:800; font-size:125%;}
.pData li.price input, .submit input[type=submit] , .cCoupon input[type=submit], #opForum input[type=submit], input#expression_submit{ float:right; border:0; background-color:#79589f; text-align:center; padding:1.5ex 1em; color:white; cursor:pointer; margin:-5px 0 1em 2em;}

.pLayout { width:80%; margin:0.5em auto; }

	/* termék lista */
.pTable { display:block; border-collapse:separate; border-spacing:0 0.2em;}

a.pRow { display:table; width:100%;text-decoration:none; position:relative; margin:0.3em 0; padding:0; min-height:2.8em;}
a.pRow img {display:inline-block; max-height:50px; margin:auto 0;}
a.pRow span { display:table-cell; vertical-align:middle; width:75%; padding:0 1em;}
a.pRow span b, a.pRow span i { display:inline; color:#161514; text-decoration:none; font-weight:100; line-height:1.4em; }
a.pRow span i strong { color:#FF4DA5; font-weight:normal; }
a.pRow u { 
	display:table-cell; vertical-align:middle; 
	width:18%;
	text-decoration:none; 
	color:#FF4DA5; 
	text-align:right;	
	padding:0 1em;
}
a.pRow u sup {display:block; font-size:80%; text-decoration: line-through; color:#161514; line-height:1em;}

.pColor { /*border-bottom:1px solid #EDEDED;*/}

.pColor span, .pColor u { background-color:#FAF9FB; }
a.pRow:hover span, a.pRow:hover u, a.pRow:hover span b { background-color:#8769A9; color:#FFFFFF;}

/*
 * Tartalmi stíluselemek
 **/
.article > p, .article > div { display:block; width:95%; padding-left:5%; line-height:1.7em; font-size:14pt; color:#161514; margin-bottom:1.7em; text-align:left; font-style:normal;}
.article > h1,.article > h2,.article > h3,.article > h4 { text-indent:2.5%; margin-bottom:14pt; border:0; color:#161514; } 
.article > h2 { font-size:18pt;} .article > h2 u { font-size:100%; font-family:"Gadugi", sans; color:#FDA6D1; text-transform:none; text-decoration:none; line-height:1em;}
.article > h3 { font-size:17pt; } 
.article > h4 { font-size:15pt; }
.article > strong,.article > b { font-weight:800; color:#000000;}
.article > p a { text-decoration:underline; color:black; font-weight:100;}
.article > ul { margin:0 0 1.7em 6%; width:80%; } .article > ul > li { margin: 0 0 1em 0; color:#161514;}

.aLayout { width:75%; margin:1.5em auto; }
.leadBlock { position:relative; width:100%!important;} .leadBlock img { width:100%; height:auto; z-index:1;} .leadBlock h1 { position:absolute; background:url(/css/bgBannerText.png) top left repeat; color:black; font-weight:500; width:100%; bottom:0em; left:0em; z-index:2; border:0; padding:0.5em 0; text-indent:1ex; margin:0;}
.aLayout .article > h1,.aLayout .article > h2,.aLayout .article > h3,.aLayout .article > h4 { text-indent:-1%;}

.aLayout .article { width:100%; padding:0;} .aLayout .article > div,.aLayout .article > p {padding:0;}
 
.article .payment_block { background-color:#30C6D5; color:black; width:90%; margin:1em 3%; padding:1em 2%; }
.article .payment_block i { color:#EDEDF3; font-style:normal;}

.articleList {border-collapse:separate; border-spacing:20px 20px; display:table;}
.articleSeparate {display:table-row;} 
.articleBox { display:table-cell; width:23.33%; margin:0; color:black; text-decoration:none; padding:0; font-size:10pt; vertical-align:top; overflow:hidden; line-height:1.4em; background-color:#FAFAFC; border-bottom:2px solid white; } 
.articleBox img { display:block; width:100%; padding:0; margin:0 0 1ex 0;}
.articleBox b, .articleBox sub{ display:block; font-size:11pt; padding-bottom:1ex; width:90%; margin:1ex auto;}
.articleBox b { line-height:1em; padding:1ex 0 0 0; font-size:13pt;}
.articleBox:HOVER { background-color:#F2F2F4; border-bottom:2px solid #9490A9; }
.show-all { float:right; background-color:#E3E1E8; line-height:2em; font-size:11pt; padding:0 1em; text-decoration:underline; color:black; }
 
img.picBlock { width:100%; padding: 1em 0; margin:0; display:block; height:auto;}
img.picLeft30 { max-width:33%; padding: 0 1em 0.5em 0; margin:0; height:auto; float:left; }
img.picLeft50 { max-width:50%; padding: 0 1em 0.5em 0; margin:0; height:auto; float:left; }
img.picRight30 { max-width:33%; padding: 0 0 0.5em 1em; margin:0; height:auto; float:right; }
img.picRight50 { max-width:50%; padding: 0 0 0.5em 1em; margin:0; height:auto; float:right; }
 
#prec66 .article {width:100%;}
#prec66 .article div, #prec66 .article p { margin:0 0 1.7em 0; padding:0;}
 
/*
 * Kosár aloldal
 **/

ul.cart	{ display:table; border-collapse:separate; border-spacing:0 0.5em; width:100%; margin:0; padding:0; overflow:hidden;}
ul.cart li	{ display:table-row; }
.cImage, .cData, .cQuantity, .cPrice, .cText { display:table-cell; vertical-align:top; border-bottom:1px solid #e3e1e8; padding:0.5em 0 0 0; margin:0; }
	.cText { width:79.16%; line-height:1.2em; padding-bottom:0.5em;}
		.cText h2 { padding:0; margin-top:-0.5em; font-size:13pt; font-weight:800; color:#8769A9;}
		.cText i { font-style:normal; line-height:1.5em; font-size:11pt;}
		.cCoupon { display:block;}
		.cCoupon input[type=submit] { float:none; margin-left:1em;}
		.cCoupon input[type=text] { width:20%; padding:0 1em; height:2.2em; line-height:2.2em; display:inline; min-width:20ex;}
	.cImage	{ width:13.33%; padding-bottom:1em; }
	.cImage img { width:95%; margin:0 auto;}
	.cData { width:50%;line-height:1.1em; min-height:5em; }
		.cData i, .cData b, .cData u { display:block;}
		.cData i { font-size:10pt; font-style:normal;}
		.cData i:first-of-type {font-size:12pt;}
		.cData u { text-decoration:none; color:#8769A9; font-weight:normal; font-size:13pt; line-height:1.6em;}
	.cQuantity { width:15.83%; text-align:right; }
	.cQuantity a { background-color:#d7d4de;text-decoration:none; line-height:1ex; color:white; padding:0.8ex 1ex 0.4ex 1.1ex; font-weight:800; font-size:12pt;}
	.cQuantity a:hover {background-color:#ff4da5;}
	.cQuantity select { padding:0 0 0 0.5em; width:5em; height:2em; line-height:2em; font-weight:600; }
	.cPrice { width:20.84%; text-align:right; color:#ff4da5; font-weight:800; font-size:13pt;}
	.span { display:inline-block; width:173%; position:relative; bottom:-1em; left:0; line-height:2em; font-size:12pt; padding:1ex 0 0.5ex 0;}
		.span label { float:left; display:block; width:57.6%;font-weight:normal; text-transform:none; }
		.span .cQuantity, .span .cPrice { float:right; display:block; width:18.26%; border:0; display:none; padding-top:2px;}
		.span .cPrice { width:24.03%;  padding-top:4px;}
	.checked { background:url(/css/pepita2.png) top left; }
	.checked .cQuantity, .checked .cPrice { display:block;}
	.middle { vertical-align:middle; padding-bottom:0.5em;}
ul.cart li .cImage { width:13.33%; }

/*
 * Banner
 */
 
.viewport { 
	width:100%;
	height:450px;
	position:relative; 
	background-color:#F9F9F9;
	display:block; 
	overflow:hidden; 
	float:left;
	margin-top:1.5em;
}
	div#banner_content  { width:100%; background-color:white; margin:0; padding:0; }
	div#banner_content .preload { visibility:hidden;}
	div#banner_content a { 
		position:absolute; 
		top:0px; left:0px; 
		width:100%; height:100%; 
		margin:0; padding:0; 
		background-position: right center;
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-color:white; 
		display:none;
		text-decoration:none;
	}
	div#banner_content a span.banner_text { position:absolute; bottom:2em; left:2em; width:auto; max-width:45%; background:url(/css/bgBannerText.png) top left repeat; height:auto; padding:0;}
	div#banner_content a span.banner_text b { display:block; padding:15px 30px; font-weight:normal; line-height:1.1em; font-size:28pt; color:black; font-family:"JuliusSansOne","Times new Roman", "Times", sans-serif; color:#353340; background:url(/css/bgBannerText.png) top left repeat; }
	div#banner_content a span.banner_text i { display:block; padding:15px 30px 15px 30px; line-height:1.5em; font-size:16pt; color:black; background:url(/css/bgBannerText.png) top left repeat;}
 
	div#banner_controll { text-align:center; min-height:28px; height:50px; overflow:hidden; margin-bottom:1ex;}
		div#banner_controll  a { display:inline-block; padding:1em 1em; text-decoration:none; background:url(/css/bNo.png) center center no-repeat; line-height:1.5em;}
		div#banner_controll  a.bullet { background:url(/css/bAct.png) center center no-repeat; }

		
/* 
 * Forum 
 */
div#opForum { width:77%; margin:0 auto; padding:2%; }

sup#StartRating{ position:relative; display:block; background-color:#FAF9FB; padding:0; margin:0; height:30px;}
sup#StartRating > a.StartRating-Cell{ float:left; width:20px; height:21px; margin:5px 0; padding:0; background-color:#484848; }

#formSubmit{ margin:1em 0 0 0!important;}


div#opForumContainer { height:4.8em; position:relative;  margin-bottom: 1em; overflow:hidden; }
div#opForumContainer div.navigation { position:absolute; bottom:0px; left:0px; height:30px; background-color:#FAF9FB;}
div#opForumContainer div.navigation a { color:blue; text-decoration:underline; font-size:12pt; line-height:2.5em; padding:1ex 2em; }

.opForumBlock, .opForumBlock .relay { width:100%; padding:0; margin:0; position:relative; display:block; border-top:1px solid #EDEDF3; font-weight:100; }
.opForumBlock p, .opForumBlock .relay p{ width:95%; padding:0 2% 0 3%; font-size:90%; line-height:1.5em; font-weight:normal; color:#484848;} 
.opForumBlock .relay { width:97%; margin: 1em 0 0 3%; padding:0 0 1ex 0; background-color:white; border-top:0px solid #EDEDF3;}
.opForumBlock  sup, .opForumBlock  .relay  sup, .opForumBlock  sub, div.opForumBlock  .relay  sub { position:relative; display:block; line-height:2em; font-size:100%; font-family:"JuliusSansOne","Times new Roman", "Times", sans-serif;}
.opForumBlock  sup  i, .opForumBlock .relay sup  i {
	float:left;
	width:2em; 	
	color:#484848; 
	background-color:#d8d8d8; 
	text-align:center;
	margin:0 2em 0 0;
	display:none;
}

.opForumBlock  sup  u, .opForumBlock .relay sup u {
	position:absolute; top:5px; right:15px; float:left;
	width:auto; height:15px; 
	color:#d8d8d8; font-size:90%;
	font-weight:normal; 
	text-decoration:none;
}

.opForumBlock  sub, div.opForumBlock  .relay  sub { text-align:right; min-height:2em;}

div.opForumBlock  sub span.rate { float:left; width:105px; height:21px; background: url(/js/star-vote.png) repeat-x top left #484848; overflow:hidden; padding-top:0!important; position:absolute!important; bottom:1ex!important; left:3%!important;}
div.opForumBlock  sub span.rate span.bar { float:left;  background: url(/js/star-vote.png) repeat-x top left #F25092; background-color:#F25092; height:21px; padding-top:0!important; }

a.like , a.dlike, a.btn { padding:1ex 2ex; margin-left:10px; text-decoration:none; font-size:80%; }
a.btn { background-color:#79589F; color:white; font-size:95%; font-family: "Gadugi", sans;}
a.like { background: url(/js/like.png) center left no-repeat; padding-left:25px; color:#79589F;}
a.dlike { background: url(/js/dlike.png) center left no-repeat; padding-left:25px; color:#79589F;}


div.cartNav { background-color:#E3E1E8; height:4.2em; position:relative; margin:1.2em 0;}
a.cartNext, a.cartBack  { padding:1.5ex 1em 1ex 1em; margin:0; text-decoration:none; font-size:12pt; line-height:1.5em; display:block; position:absolute; top:1em; float:none;}
a.cartNext { right:1em; color:white; background-color:#79589f; margin-top:2px;}
a.cartBack { left:1em; background-color:white; border:2px solid #79589F; color:black;  }
		
/* 
 * Optimalization for differrent screen 
 **/

@media screen and (max-width: 1148px) {
	ul#main_navigation li a, ul#main_navigation li.dropdown a.dropbtn { padding:8px 15px 2px 15px; }
	div#floatMenu.show { display:none;}
	.cText h2, .cText i, .cCoupon { padding-left:1em;}
	.highlight  { width:98%; padding:0 1%;}
	.history h3 { font-size:11pt; }
	.viewport { margin:0;}
	ul.brand-list { width:96%; margin:0 auto; }
	ul.brand-list li { width:18%;}
	div.abc-bar { text-indent:0.5em;}
}
 
@media screen and (max-width: 930px) {
	.viewport {  height:380px; }
	div#banner_content a { 
		background-position: left center;
		background-size: 110% auto;
	}
	div#banner_content a span.banner_text {  max-width:75%;}
	
	div#floatMenu.show { display:block;}
	a#main_navivigation_button {display:block;}
	div.prec30 {  width:100%; text-align:center; }
	a#main_logo { float:none; display:inline-block ; height:2em;}
	a#main_logo img { margin:0.3em auto 0 auto; height:1.3em;}
	div#bag { width:2em;}
	div#bag a { float:left; width:2em; line-height:20px;  background:url(/css/bag-1.png) center center no-repeat;}			

	.cHeader { height:2em;}
	._hd { display:none; }
	
	
	ul.product li { width:30%; margin:10pt 1.65% 10pt 1.65%;}
	div#prec33 { width:32.2%; }
	div#prec66 { width:66%; }
	div#prec66 ul.product li  { width:45%; margin:10pt 2% 10pt 2%; }
	
	.pCard {width:97%; margin:1em 1.5% 2em 1.5%; padding:0;}
	.pLayout { width:99%; margin:0.2em auto; }
	.pRow u { padding:0 1.5ex 0 0!important;}
	.form label {  min-height:70px; }
	.form label.city span { top:5.4em;}
	.submit { font-size:11pt;}
	.submit input[type=submit] { float:none; display:block; margin:1em 0 0 1.7em;}
	.span { bottom:0;}
	ul.brand-list li { width:24%;}
	div#opForum { width:96%; margin:0 auto; padding:2%;}
	.aLayout { width:100%; margin:0 0 1.5em 0; }
	.aLayout .article { width:90%; padding:0 5%;}
	.leadBlock { width:111%!important; margin-left:-5.5%!important;}
	.articleList {border-spacing:5px 5px;} 
	div.prec25 { width:33%;} ._hd2th { display:none!important;}
}		

@media screen and (max-width: 630px) {
	.viewport { height:300px; }
	div#banner_content a { 
		background-position: left center;
		background-size: 160% auto;
	}
	div#banner_content a span.banner_text {  max-width:100%; bottom:0px; left:0px;}
	div#banner_content a span.banner_text i { font-size:12pt;} 
	div#banner_content a span.banner_text b { font-size:15pt; font-weight:800;}
	div#floatMenu.show { display:block;}
	div#floatMenu { width:100%;}
	ul.product li { width:45%; margin:10pt 2% 10pt 2%;}
	div#prec66 { float:none; width:100%; }
	div#prec33 { float:none; display:block; width:100%; min-height:50px; padding-top:1em;}
	div#prec66 ul.product li  { width:45%; margin:10pt 2% 10pt 2%; }
	div#prec66 h1 { padding:1em 10px 0 10px;}
	ul.product li a span.info { opacity:1; filter:alpha(opacity=100); height:100%;}
	div.prec25 { width:48.5%; display:block; float:left; border:0;} div.prec25 ul li {text-align:center;}
	._hd2th { display:none; } .ct { width:99%!important; margin:1ex 0 -1ex 0; }
	.box { width:97%; margin:0 1.5% 2px 1.5%;}
	.startup div { display:none; }
	.startup a.title { border-bottom:1px solid #E2E1E7; background-color:#E2E1E7; background:url(/css/fbar_openBtn.png) right center no-repeat #E2E1E7;}
	.pLayout {width:98%;} 
	h2.pLayout { width:93%;}
	.pImage { float:none; display:block; width:60%; margin:0 auto;}
	.pData { float:none; display:block; width:90%; margin:0 auto;}
	.pData h1 { font-size:18pt; }
	.pData h2 { font-size:16pt; }
	.pData li, a.pRow span{ font-size:14pt; line-height:1.4em; }
	.pData li.price input { font-size:16pt; float:none; display:block; margin:0.5em 0 0 0; }
	.submit input[type=submit]  { font-size:11pt;}
	a.pRow span{ width:65%; padding:0 2% 0 2%!important; margin-left:1%;}
	a.pRow u { width:30%; font-size:12pt; font-weight:400;}
	a.pRow span i { font-size:12pt;}
	
	a.pRow span b { display:none; }
	a.pRow span i { display:block; font-size:12pt; line-height:1.3em; font-style:normal; }
	
	.article > p, .article > div { width:98%; margin:0 1% 1.7em 1%;  padding:0; }
	.article > h1,.article > h2,.article > h3,.article > h4 { text-indent:0; }
	.article > ul { margin: 0 0 1.4em 10%; width:80%;}
	.article > ul > li{ font-size:14pt; line-height:1.4em;}
	.article > p, .article > div , .article > ul > li, .pLayout div  > p  {  font-size:13pt; line-height:1.4em; }
	
	.aLayout .article > div, .aLayout .article > p{ width:95%; padding:0 2%; margin:0 0 1.7em 0; }
	
	.static1_2 { width:90%;}
	form h3, form h2, form ul { text-indent:1em;}
	.form label {  min-height:80px; }
	.form label.city span { top:6.4em; left:-26.5%}
	
	ul.cart, ul.cart li, .cText { display:block; border:0; border-bottom:1px solid #e3e1e8; background:0; position:relative; width:100%; float:none; clear:left; }
	ul.cart { border:0;}
	ul.cart li {  width:95%; padding:1ex 5% 0 0;}
	.cImage, .cData, .cQuantity, .cText { border:0;}
		.cImage { float:left; display:block; border:0; min-width:100px;}
		.cData, .cData i, .cData i:first-of-type, .cData b, .cData u { display:block; width:auto; font-size:14pt; color:black; line-height:1.3em; }
		.cData u { float:none; clear:both; display:block; width:90%; line-height:1em; margin-bottom:3em; padding:0 5%; font-size:14pt; }
		
	ul.cart li .cQuantity, ul.cart li .cPrice{ position:absolute; bottom:2.8em; right:15ex; clear:both; width:auto; border:0; font-size:14pt;}
		.cQuantity select { padding:0; width:4em; height:1.5em; line-height:1.5em; font-weight:normal; float:left; margin-right:0.5em;}
		ul.cart li .cQuantity a  { padding:1ex; }
		ul.cart li .cPrice { right:0;}
	

	.span { position:absolute; bottom:0.5em; left:0; width:105.4%; margin:0; padding:0; color:#343434; background-color:white;}
	.span label { float:left; height:2.4em; line-height:2.4em; margin:0 0 0 8px; word-wrap:normal; text-align:right; width:auto;}
	.cData .span .cPrice, .cData .span .cQuantity { bottom:0.3em;}
	
	li.strict { width:100% !important; padding:1em 0 0 0 !important;}
	li.strict:first-of-type { background-color:#EDEDF3; color:black; }
	.cText { display:inline-block; width:100%;}
	.middle { position:relative !important; top:0 !important; display:block !important; text-align:right !important; text-indent:0.8em; background-color:#EDEDF3; color:black;}
	.cCoupon input[type=text]{ display:block; width:85%; margin-bottom:0.4em;} .cCoupon input[type=submit] { margin:0 0 0.4em 0; }
	.highlight { font-size:14pt; background-color:#ff4da5; color:white; padding:1em 1%;} .highlight span {float:none; display:block; text-align:right;font-size:14pt; color:white; padding-top:0.1em;}
	.history { display:none; }
	h1 { font-size:18pt;}
	a.more { display:block; float:none; margin:10px 1.5%!important; text-align:center; font-size:80%!important;}
	h1 a.more { display:none;}
	ul.brand-list li { width:33%;}
	.pTable { border-spacing:0 0.3em;}
	
	#prec66 .article {width:95%; margin:0 auto;}
	sup#StartRating{position:relative; top:0; left:0;}
	
	.leadBlock { width:111%!important; margin:0 0 1em -5.5%!important; padding:0!important;}
	.articleList {border-spacing:5px 5px;}
	.articleBox { display:inline-block; width:47%; margin:2ex 1%; padding:0;}
	
}	
	
@media screen and (max-width: 340px) {
	h1 { font-size:14pt;}
	
	.viewport { height:200px; }
	div#banner_content a span.banner_text i { display:none;} 
	div#banner_controll { display:none;}
	div#floatMenu.show { display:block;}
	a.pRow { display:inline-block; width:95%; margin:2pt 2.5% 2pt 2.5%; padding-bottom:10px; border-bottom:2px solid #E2E1E7; }
	a.pRow:hover { background-color:white; color:black; }
	ul.product li { width:90%; margin:2pt 5% 2pt 5%;}
	div#prec66 ul.product li  { width:90%; margin:2pt 5% 2pt 5%; }
	div#prec66 { float:none; width:100%; }
	div#prec33 { float:none; display:block; width:100%; min-height:50px; }
	div.prec25 { width:100%; padding:0; min-height:0; margin:1ex 0!important; text-align:center;} 
	._hd2th { display:block; }
	
	/* termék kártya újra definiálása */
	ul.product li a img.product, a.pRow img{ float:left; width:28%; display:inline-block; margin:10px 7% 0 0; }
	a.pRow img { max-height:200px; padding:0; width:30%;}
	ul.product li a span, a.pRow span,  a.pRow u	{ float:left; width:60%; display:block; padding:0.4em 0!important; background-color:#FFFFFF; }
	ul.product li a span { min-height:4em; height:auto; padding-bottom:1.5em!important; }
	a.pRow span { width:63%; margin-left:0;}
	a.pRow span i:first-of-type { color:black;}
	ul.product li a span b  { font-size:12pt; line-height:2em; }
	ul.product li a span i  { font-size:9pt;}
	ul.product li a span u, a.pRow u { font-weight:400; font-size:12pt; line-height: 1em; padding:0.2em 0; }
	ul.product li a span u { display:block; background-color:white;}
	.pRow u { text-align:left!important; float:right; padding:0!important;}

	ul.product li a:hover { border-bottom:2px solid #9591AA;}
	ul.product li a:hover span { background-color:white; }
	ul.product li a:hover span.info { display:none; }
	.submit a, .submit label { font-size:9pt;}
	.pImage { float:none; display:block; width:80%; margin:0 auto;}
	.pData h1 { font-size:16pt; text-align:left;}
	h2.pLayout { font-size:14pt; }
	.form label {  min-height:70px; }
	.form label.city span { top:5.2em; left:-26%}
	form h1 { font-size:15pt;}
	.cData, .cData i { padding-left:1em;} .cData i { display:block; margin:0; padding:0; width:90%; margin:0 5%; float:none; clear:both;}
	.cImage { display:none;}
	.cData u { padding:0 0 0 12px; font-size:12pt; margin:1.6em 0 6.5em 0; color:#79589F;} 	
	ul.cart li .cQuantity{ font-size:12pt; bottom:4.7em; left:2em; text-align:left;} 
	ul.cart li .cQuantity a { margin-left:1em;display:inline-block; clear:both; padding:1ex;}
	ul.cart li .cPrice { font-size:15pt; bottom:3.5em; }
	.middle { width:100%!important;}
	
	.span { bottom:2.1em;}
	.span .cQuantity, .span .cPrice { bottom:-1.3em!important; left:0.9em!important; }
	.span label { background:0; margin:0;}
	.checked { background:0!important;}
	ul.brand-list li { width:50%;}
	ul.product li a img.badge { width:20%;}
	a.pRow:hover span, a.pRow:hover u, a.pRow:hover span b { background-color:#FFFFFF; color:black;}
	.article > p, .article > div, .article > ul > li, .pLayout div  > p   { font-size:12pt; line-height:1.5em;}
	.pCard { margin-top:0!important;}
	div.opForumBlock  sup  u, div.opForumBlock .relay sup u, .opForumBlock  sub a, div.opForumBlock  .relay  sub a,.opForumBlock  sup  i, .opForumBlock .relay sup  i { display:none!important;}
	img.picLeft30, img.picRight30 ,img.picRight50, img.picLeft50 { float:none; display:block; max-width:100%; width:100%; padding:0; margin:1em 0;}
	.leadBlock { width:112%!important; margin:0 0 1em -6%!important; padding:0!important;}
	.articleList {border-spacing:0px 7px;}
	.articleBox { display:block; width:100%; margin:0; padding:0; float:none;}
}