﻿/* --------------------------------- Fullpage Centered Layout --------------------------------- */

head {
    display:none;
}


html, body, form
{
	margin: 0px;
	padding: 0px;
	height: 100% !important;
	width: 100% !important;
	font-family: Arial;
}


.FullPage
{
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	height: 100% !important;
	width: 100% !important;
}


/* --------------------------------- Layout Sections --------------------------------- */

#main {
  width: 896px;         /* Szélesség */
  margin-left: auto;
  margin-right: auto;   
}  


#header-top-zone
{
    width: 100%;
    padding-bottom: 0px;
    text-align:right; 
    padding-bottom:2px;
}


#header
{
    float:left;
    margin: 0px;
    width: 100%;
    text-align:center; 
    padding-bottom: 0px;
    background-repeat:no-repeat;
    background-image: url(line1px.jpg); 
    background-position:bottom;
}


#logo
{
    color: #AF882D;
    float:left;
    padding:0px;
    margin:0px;
    text-align:left;
    width:246px;
    float:left;
    vertical-align:bottom;
    padding-top:3px;
}  


#main-menu
{
    float:left;
    vertical-align:bottom; 
    margin:0px;
    padding:0px;
    padding-bottom:2px;
}      
    
    
#leftcolumn
{
    float:left;
    width: 240px;       
    margin-bottom:2px;        
    min-height: 665px;  
}


#content
{
    float:left;
    width: 654px;        
    min-height: 665px;
   
    margin-top: 0px; 
    padding-top: 0px;
     margin-bottom:2px;    
}


#footer
{
    clear:both;
    width: 100%;
    height: 20px;    
    background-repeat:no-repeat;
    background-image: url(line1px.jpg); 
    background-position:top;  
}

.line 
{
	background-repeat:no-repeat;
    background-image: url(line1px.jpg); 
    background-position:top;
    height:2px;
    margin:1px;
    padding:1px;
    float:left;
    width:800px;
}

/* --------------------------------- Defaults --------------------------------- */

body {
    background-color: Black;
    font-size: small;
    color: #bbbbbb;
}


div, a, h1, h2, h3 {
    font-size: 12px;
    color: #bbbbbb;
}


a:link {
    text-decoration: none;
}


a:visited {
    text-decoration: none;
} 


/* --------------------------------- Headings - SEO --------------------------------- */


h1.logo {
    color: #AF882D;
    font-weight: bolder;
    font-size: 17px; 
    padding: 0px; 
    margin: 0px;
    display: inline; 

}

h2.leftsubmenu {
    font-size:14px;
    font-weight:normal;
    padding-left: 35px;   
    padding-bottom:0px;
    padding-top:0px;
    margin-bottom:0px;
    margin-left: 0px;
    margin-top: 4px;
    margin-bottom: 5px; 

}

h2.leftsubmenu:hover   {
    color: #AF882D;   
}

/*
h2.leftsubmenu {
    font-size:13px;
    font-weight:normal;
    padding-left: 35px;   
    padding-bottom:0px;
    padding-top:0px;
    margin-bottom:0px;
    margin-left: 0px;
    margin-top: 4px;
    margin-bottom: 6px; 

}

h2.leftsubmenu:hover   {
    color: #AF882D;       
}
*/



h1.header {
    padding:0px;
    margin:0px; 
    margin-bottom:0px;
    display: inline; 
    font-size:13px;
    font-weight:normal;
    
    background-repeat:no-repeat;
    background-image: url(arrow-trans.png); 
    background-position:left center;

    padding-left: 10px; 
    margin-left: 5px;
    font-size: 12px;
    vertical-align:bottom;
}



h1.header-no-img {
    padding:0px;
    margin:0px; 
    margin-bottom:0px;
    display: inline; 
    font-size:13px;
    font-weight:normal;
    
    padding-left: 0px; 
    margin-left: 0px;
    font-size: 12px;
    vertical-align:bottom;
}


h2.header {
    padding:0px;
    margin:0px; 
    margin-bottom:0px;
    display: inline; 
    font-weight:normal;
    
    background-repeat:no-repeat;
    background-image: url(arrow-trans.png); 
    background-position:left;

    padding-left: 10px; 
    margin-left: 5px;
    font-size: 12px;
    vertical-align:bottom;
}


h2.termekNev {
    padding: 0px;
    margin:0px;
    font-weight: bold;
    font-size: 12px;
    color: White;
    text-align: left;
}


h3.termekNev {
    padding: 0px;
    margin:0px;
    font-weight: bold;
    font-size: 12px;
    color: White;
    text-align: left;
}



a.termekLeiras {
    font-size: 12px;
    text-align: left;
}


h3.termekLeiras {
    font-size: 12px;
    text-align: left;
    font-weight:normal;
}


/* --------------------------------- CSS Classes - Menu DIV Layout --------------------------------- */

.menu-elem
{

    margin-top: 8px;
    margin-bottom: 7px; 
    margin-left: 0px;
} 


.menu-sub-elem-cart
{
   
    padding-left: 0px;
    margin-left: 0px;
    margin-top: 4px;
    margin-bottom: 6px;   
    padding-left: 35px;   
}


/* --------------------------------- CSS Classes - Menu text styles --------------------------------- */

/* Fomenu */

a.fomenu {
    margin-top: 0px;
    margin-bottom: 0px;
    padding:0px;
    color: White;
    font-size: 12px;
    font-weight: bolder;
    margin-left: 30px;
    font-family: Arial;
}

a.fomenu:hover   {
 
    color: #AF882D;  
    /*
    border-bottom: solid 2px white;
    color: white;
	*/
}

/* Left menu */
/* Left menu */

a.leftmenu   {
    background-repeat:no-repeat;
    /*background-image: url(arrow-trans.png);*/ 
    background-position:left center;

    padding-left: 10px; 
    margin-left: 4px; 
    color: White; 
    font-size: 13px;
}



a.leftmenu:hover   {
    background-repeat:no-repeat;
    /*background-image: url(arrow-emp-trans.png);*/ 
    background-position:left;

    padding-left: 10px;
    margin-left: 4px; 
    color: #AF882D;    
    font-size: 13px;
}



a.leftmenu-link   {
    background-repeat:no-repeat;
    /*background-image: url(arrow-trans.png);*/ 
    background-position:left center;
	font-weight:bold;
    margin-left: 14px; 
    color: White; 
    font-size: 13px;
    border-bottom:solid 1px #AF882D;
}



a.leftmenu-link:hover   {
    background-repeat:no-repeat;
    /*background-image: url(arrow-emp-trans.png);*/ 
    background-position:left;
	font-weight:bold;
    margin-left: 14px; 
    color: #AF882D;    
    font-size: 13px;
    border-bottom:solid 1px #AF882D;
}



.leftmenu-static   {
    background-repeat:no-repeat;
    /*background-image: url(arrow-trans.png);*/ 
    background-position:left center;

    /*padding-left: 10px;*/ 
    margin-left: 4px; 
    color: #F8F8F8; 
    font-size: 13px;
}

h1.leftmenu-static   {
    background-repeat:no-repeat;
    background-position:left center;
    color: #F8F8F8;
    font-size: 13px;
    padding:0px;
    margin:0px;
    margin-left: 4px; 
    font-weight:bold;
}


/*
a.leftmenu   {
    background-repeat:no-repeat;
    background-image: url(arrow.png); 
    background-position:left;

    padding-left: 10px; 
    margin-left: 8px; 
    color: White; 
    font-size: 13px;
}



a.leftmenu:hover   {
    background-repeat:no-repeat;
    background-image: url(arrow-emp.png); 
    background-position:left;

    padding-left: 10px;
    margin-top: 17px;
    margin-bottom: 8px;   
    margin-left: 8px; 
    color: #AF882D;    
    font-size: 13px;
}


.leftmenu-static   {
    background-repeat:no-repeat;
    background-image: url(arrow.png); 
    background-position:left;

    padding-left: 10px; 
    margin-left: 8px; 
    color: White; 
    font-size: 13px;
}
*/

/* --------------------------------- CSS Classes - Text styles --------------------------------- */

.text-yellow {
    color: #AF882D;
    font-size: 13px;
}


.middle-text-yellow {
    color: #AF882D;
    font-size: 13px;
    font-weight: bolder;
}

a.middle-text-yellow:hover {
    color: White;
    font-size: 13px;
    font-weight: bolder;
}

.small-text-white {
   color:White;
   font-size:13px; 
}

.normal-text-white {
   color:White;
   font-size:12px; 
   font-weight:bold;
}

.middle-text-white {
   color:#dfdfdf;
   font-size:13px; 
   font-weight:bold;
}


.large-text-white {
   color:White;
   font-size:16px; 
   font-weight:bold;
}

.small-text-with-img {
    background-repeat:no-repeat;
    background-image: url(arrow-trans.png); 
    background-position:left center;

    padding-left: 10px; 
    margin-left: 5px;
    font-size: 12px;   
}


.small-text-with-img-y {
    background-repeat:no-repeat;
    background-image: url(arrow-trans.png); 
    background-position:left center;

    padding-left: 10px; 
    margin-left: 5px;
    font-size: 12px;   
    color:White;
}


.stwi-head {
    background-repeat:no-repeat;
    background-image: url(arrow-trans.png); 
    background-position:left center;

    padding-left: 9px; 
    margin-left: 0px;
    font-size: 12px;   
}

/* --------------------------------- CSS Classes - Specific text styles --------------------------------- */


.procuct-leiras {
    text-align: justify;
    font-size: 11px;
    text-align: left;
}


.product-elozo-ar {
    color: #AF882D;
    font-size: 14px;
    font-weight:bold;
    text-align: right;
    text-decoration:line-through;
    padding-top: 0px;
    margin-top:0px;
}

a.normal-text-white-expand {
    text-align: left;
    text-align: left;
    color:White;
    background-repeat:no-repeat;
    background-image: url(expand-trans.png); 
    background-position:right center;
    padding-left:0px;
    padding-right:13px;
    font-size:13px;
}



a.normal-text-white-expand:hover {
    text-align: left;
    text-align: left;
    color: #AF882D;
    background-repeat:no-repeat;
    background-image: url(expand-trans.png); 
    background-position:right center;
    padding-left:0px;
    padding-right:13px;
     font-size:13px;
}

.product-attributes {
    font-size: 12px;
    text-align: left;
    color: White;
}

/* --------------------------------- CSS Classes - Hyperlink styles --------------------------------- */

.smalltext   {
    font-size: 12px;
}

a.smalltext-noimage-link   {
    font-size: 12px;
}

a.smalltext-noimage-link:hover   {
    font-size: 12px;  
    color:#AF882D;
}


a.leftmenu-kosar-link   {
    font-size: 13px;
}

a.leftmenu-kosar-link:hover   {
    font-size: 13px;  
    color:#AF882D;
}



.small-text-link {
    background-repeat:no-repeat;
    background-image: url(arrow-trans.png); 
    background-position:left center;

    padding-left: 10px; 
    margin-left: 5px;
    font-size: 12px;   
}

.small-text-link:hover {
    background-repeat:no-repeat;
    background-image: url(arrow-emp-trans.png); 
    background-position:left;

    padding-left: 10px; 
    margin-left: 5px;
    font-size: 12px;   
    color:#AF882D;
}



a.product-add-kosar {
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    color:White;
}

a.product-add-kosar:hover {
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    color:#AF882D;
}


a.product-add-kosar-list {
    font-size: 12px;
    text-align: left;
    text-align: left;
}

a.product-add-kosar-list:hover {
    font-size: 12px;
    text-align: left;
    text-align: left;
    color: #AF882D;
}


a.product-reszletek {
    font-size: 13px;
    text-align: left;
    text-align: left;
}

a.product-reszletek:hover {
    font-size: 13px;
    text-align: left;
    text-align: left;
    color: #AF882D;
}



a.info-reszletek {
    font-size: 12px;
    text-align: left;
    text-align: left;
    color:White;
}

a.info-reszletek:hover {
    font-size: 12px;
    text-align: left;
    text-align: left;
    color: #AF882D;
}


a.text-noimage-link   {
    font-size: 12px;
}

a.text-noimage-link:hover   {
    font-size: 12px;  
    color:#AF882D;
}


a.big-text-noimage-link   {
    font-size: 14px;
    color:White;
}

a.big-text-noimage-link:hover   {
    font-size: 14px; 
    color:#AF882D;
}


.data-pager-class {
    padding-left: 3px;
    padding-right: 3px;
}


a.tovabb   {
    background-repeat:no-repeat;
    background-image: url(pager-last-trans.png); 
    background-position:left center;

    padding-left: 10px; 
    margin-left: 8px; 
    color: White; 
    font-size: 14px;
}



a.tovabb:hover   {
    background-repeat:no-repeat;
    background-image: url(pager-last-emp-trans.png); 
    background-position:left;

    padding-left: 10px;
    margin-left: 8px; 
    color: #AF882D;    
    font-size: 14px;
}


.checkout 
{
	/*border: solid 1px red;*/
	text-align:left;
	padding-left:2px;
	padding-top:5px;
	background-repeat:no-repeat;
    background-image: url(checkout-bg.png); 
    width:208px;
    height:20px;
    float:left;
    margin-left:2px;
    margin-right:2px;
}



.reszletek-button 
{
	text-align:left;
	padding-left:2px;
	padding-top:5px;
	background-repeat:no-repeat;
    background-image: url(reszletek-button.png); 
    width:108px;
    height:20px;
    float:left;
    margin-left:2px;
    margin-right:2px;
}

a.product-reszletek-list {
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    color:White;
    padding-left: 4px;
    /*
    background-repeat:no-repeat;
    background-image: url(pager-last-trans.png); 
    background-position:right;
    padding-right:15px;

    border-bottom:solid 1px #AF882D;
    padding: 0px;
    */
    
}

a.product-reszletek-list:hover {
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    color:Black;
    padding-left: 4px;
    
    
    /*
    background-repeat:no-repeat;
    background-image: url(pager-last-trans.png); 
    background-position:right;
    padding-right:15px;

     border-bottom:solid 2px #AF882D;
     padding: 0px;
	*/
}


/* =========================================================================================== */

/* Fomenu */

a.fomenu-new {
    margin-top: 0px;
    margin-bottom: 0px;
    padding:0px;
    color: White;
    font-size: 13px;
    font-weight: bolder;
    margin-left: 25px;
    margin-right: 25px;
    font-family: Arial;
}

a.fomenu-new:hover   {
 
    color: #AF882D;  
    /*
    border-bottom: solid 2px white;
    color: white;
	*/
}

a.logo-new {
    margin-top: 0px;
    margin-bottom: 0px;
    padding:0px;
    color: Gray;
    font-size: 13px;
    font-weight: bolder;
    margin-left: 4px;
    margin-right: 8px;
    font-family: Arial;
    color:#AF882D;
}


.menu-elem2
{

    margin-top: 7px;
    margin-bottom: 5px; 
    margin-left: 0px;
} 



div.leftsubmenu2 {
    font-size:14px;
    font-weight:normal;
    padding-left: 35px;   
    padding-bottom:0px;
    padding-top:0px;
    margin-bottom:0px;
    margin-left: 0px;
    margin-top: 4px;
    margin-bottom: 4px; 

}

div.leftsubmenu2:hover   {
    color: #AF882D;   
}

.main-img 
{
	background-repeat:no-repeat;
    background-image: url(main-img.jpg); 
    background-position:left center;
    width:650px;
    height:260px;
    margin:2px;
}


.italic-font 
{
	 font-style:italic; 
	 font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	 font-size:13px;
}

.hir-font 
{
}


#legnepszerubb-tip1, #legnepszerubb-tip2, #legnepszerubb-tip3, #legnepszerubb-tip4, 
#legujabb-tip1, #legujabb-tip2, #legujabb-tip3, #legujabb-tip4, 
#akcios-tip1,#akcios-tip2,#akcios-tip3,#akcios-tip4
 {
	                display:none;
	                background:transparent url(black_arrow_mainpage.png);
	                font-size:11px;
	                height:180px;
	                width:220px;
	                padding:20px;
	                color:#fff;	
	                z-index:9999;
                }
                 
/* style the trigger elements */
#demo img {
    border:0;
    cursor:pointer;
    margin:0px;
}

.tooltip-link 
{
	font-size:11px;
	color:#fff;	
}

a.main-tovabb-link 
{
	font-size:11px;
}

a.main-tovabb-link:hover
{
	font-size:11px;
	color: White;
}


.tooltip-ar 
{
	color:#AF882D;
}


a.hirek-szoveg 
{
	font-size:16px;
	font-weight:bold;
	color: White;
}

a.hirek-szoveg:hover
{
	font-size:16px;
	font-weight:bold;
	color: #CCCCCC;
}

h1.main-pg 
{
	padding:0px;
	margin:0px;
	font-size: 20px;
	color: #EEEEEE;
}

h2.main-pg 
{
	padding:0px;
	margin:0px;
	color: #FFFFFF; 
	font-size: 14px;
	font-weight:normal;
}


h3.main-pg 
{
	padding:0px;
	margin:0px;
	color: #FFFFFF; 
	font-size: 12px;
	font-weight:bold;
}

.text-noimage-link-rf  {
    font-size: 14px;
    color: White;
}

.text-noimage-link-rf:hover   {
    font-size: 14px;  
    color:#AF882D;
}
