/*** Szűrő CSS ***/

.tableSzuro
    {
    width: 600px;
    
    padding-top: 10px;
    }
    
.tdSzuroTxt1
    {
    width: 150px;
    
    padding-left: 15px;
    
    border-style: solid;
    border-color: #99CCFF;
    border-width: 1px;
    
    color: #001864;
    
    background-color: #DDEEFF;
    }

.tdSzuroSelect1
    {
    width: 150px;
    
    background-color: #DDEEFF;
    }

.tdSzuroSelect1 select
    {
    width: 150px;

    background-color: #88CCFF;
    }

/* Rendezés , Mennyit, Honnan */

.tableSzuroRendezes
    {
    width: 590px;
    }

/*** Termékek Listája ***/
.tdTermek
    {
    width: 600px;
    height: 130px;
    }

.divTermekElem
    {
    position: relative;
    height: 130px;
    width: 600px;

    background-image: url(../pic_elem/termekElemBg.jpg);
    }

.divTermekKep
    {
    position: absolute;
    height: 84px;
    width: 84px;
    
    top: 15px;
    left: 20px;
    }

.divTermekNev
    {
    position: absolute;
    top: 10px;
    left: 140px;
    height: 20px;
    width: 350px;


    font-size: 14px;
	color: #036;
    }

.divTermekLeiras
    {
    position: absolute;
    top: 45px;
    left: 140px;
    height: 35px;
    width: 320px;
    
    color: #036;
    font-size: 12px;
    }

.divTermekAr
    {
    position: absolute;
    top: 10px;
    left: 500px;
    height: 100px;
    width: 100px;

    font-size: 14px;
	color: #036;
    }

.divTermekKosarba
    {
    position: absolute;
    top: 80px;
    left: 350px;
    height: 30px;
    width: 200px;

    font-size: 14px;
	color: #036;
    }

.divTermekKosarba input
    {
    height: 12px;
    width: 60px;
    
    color: #FFFFFF;
    font-size: 11px;
    text-align: center;
    
    background-color: #22ACFF;
    }

.divTermekKosarba img
    {
    width: 20px;
    height: 20px;
    
    border-style: none;
    
    cursor: pointer;
    }

/*** Kinyiló részlketes adatok ***/
.tdTermek_kiemelt
    {
    width: 600px;
    height: 330px;
    }
.divTermek_kiemelt_Elem
    {
    position: absolute;
    height: 320px;
    width: 600px;

    background-image: url(../pic_elem/termekElemBg_nagy.jpg);
    }
.divTermek_kiemelt_Kep
    {
    position: absolute;
    height: 84px;
    width: 84px;

    top: 15px;
    left: 20px;
    }
.divTermek_kiemelt_Nev
    {
    position: absolute;
    top: 10px;
    left: 140px;
    height: 20px;
    width: 350px;


    font-size: 14px;
	color: #036;
    }
.divTermek_kiemelt_Leiras
    {
    position: absolute;
    top: 45px;
    left: 140px;
    height: 280px;
    width: 320px;

    color: #036;
    font-size: 12px;
    }
.divTermek_kiemelt_Ar
    {
    position: absolute;
    top: 10px;
    left: 360px;
    height: 100px;
    width: 100px;

    font-size: 14px;
	color: #036;
    }
.divTermek_kiemelt_Kosarba
    {
    position: absolute;
    top: 240px;
    left: 210px;
    height: 30px;
    width: 200px;

    font-size: 14px;
	color: #036;
    }
.divTermek_kiemelt_Kosarba input
    {
    height: 12px;
    width: 60px;

    color: #FFFFFF;
    font-size: 11px;
    text-align: center;

    background-color: #22ACFF;
    }
.divTermek_kiemelt_Kosarba img
    {
    width: 20px;
    height: 20px;

    border-style: none;

    cursor: pointer;
    }

/*** Részletes adatok *** Új ablakban ***/

.divTermekReszletek_keret
    {
    position: absolute;
    top: 20px;
    width: 600px;
    height: 320px;

    color: #036;
    
    background-image: url(../pic_elem/termekElemBg_nagy.jpg);
    }

.divTermekReszletek_kep
    {
    position: absolute;
    height: 84px;
    width: 84px;

    top: 15px;
    left: 20px;
    }
    
.divTermekReszletek_nev
    {
    position: absolute;
    top: 10px;
    left: 140px;
    height: 20px;
    width: 350px;

    font-size: 14px;
	color: #036;
    }
    
.divTermekReszletes_ar
    {
    position: absolute;
    left: 20px;
    top: 120px;
    }
    
.divTermekReszletek_leiras
    {
    position: absolute;
    top: 55px;
    left: 140px;
    height: 280px;
    width: 420px;

    color: #036;
    font-size: 14px;
    }

.divTermekReszletes_kosarba
    {
    position: relative;;
    left: 15px;
    top: 250px;
    }

    .divTermekReszletes_kosarba input[type=text]
        {
        height: 12px;
        width: 60px;

        color: #FFFFFF;
        font-size: 11px;
        text-align: center;

        background-color: #22ACFF;
        }

    .divTermekReszletes_kosarba img
        {
        width: 20px;
        height: 20px;

        border-style: none;

        cursor: pointer;
        }