HTML {
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
}

BODY {
    font-family: verdana, arial,  helvetica;
    font-size: 11px;
    color: #116C03;
    background-color: #ffffff;
    margin: 0px;
}
 
td 
{
    font-family: verdana, arial,  helvetica; 
    font-size: 11px;
    COLOR: #116C03; 
}

th 
{
    font-family: verdana, arial,  helvetica; 
    font-size: 13px;
    COLOR: #116C03; 
}

p 
{
    font-family: verdana, arial,  helvetica; 
    font-size: 11px;
    COLOR: #116C03; 
}

div 
{
    font-family: verdana, arial,  helvetica; 
    font-size: 11px;
    COLOR: #116C03; 
}

IMG {
    border: 0px;
}


ul {
   list-style-image: url('pic/li.gif');
   margin-left: 20px;
   padding-left: 0px;
}


/* SZINES ELEMEK */

.keret
{
    height: 100%;
    width: 1000px;
    background-image: url('pic/autogumi_hatter_keret.jpg');
    background-repeat: repeat;
    background-position: top left; 
}

.fejlec
{
    height: 250px;
    vertical-align: top;
}


.kozepe
{
    height: 100%;
    vertical-align: top;
}

.kozepe .bal
{
    width: 255px;
    height: 100%;
    vertical-align: top;
    background-image: url('pic/autogumi_hatter_bal.jpg');
    background-repeat: repeat;
    background-position: top left;
}

.boxok
{
    width: 202px;
}

.jobb .boxok {
    width: 192px;
}

.kozep .boxok {
    width: 600px;
}

.boxok .box_hatter
{
    background-image: url('pic/autogumi_box_hatter.jpg');
    background-repeat: repeat-y;
    background-position: top left;
}

.jobb .boxok .box_hatter {
    background-image: url('pic/autogumi_box_hatter_2.jpg');
}

.kozep .boxok .box_hatter {
    
}

.boxok .box_hatter div 
{
    margin: 16px 16px 0px 16px;
    line-height: 150%;
}

.boxok .box_hatter div img
{
    margin: 0px 8px 0px 0px;
}

.boxok .box_hatter div a
{
    color: #0F6D00;
    font-weight: bold;
}

.boxok .box_hatter div a:hover
{
    color: #B3D922;
}

.boxok .box_hatter div .cimszo
{
    font-weight: bold;
    margin: 3px 0px 1px 0px;
}

.boxok .box_hatter .gumi
{
    line-height: 100%;
}

.boxok .box_hatter .gumi select
{ 
    font-size: 10px;
    color: #333333;
    background: #C2D3A6;
}

.boxok .box_hatter .gumi .gomb
{
    background: #C2D3A6;
    border: 1px solid #333333;
    font-size: 10px;
    color: #333333;
    font-weight: normal;
}

.boxok .box_hatter .gumi .mezo
{
    background: #C2D3A6;
    border: 1px solid #333333;
    font-size: 10px;
    color: #333333;
    font-weight: normal;
}

.kozepe .jobb
{
    width: 745px;
    height: 100%;
    vertical-align: top;
    background-image: url('pic/autogumi_hatter_jobb.jpg');
    background-repeat: no-repeat;
    background-position: top left;    
}

.kozepe .jobb .nagykereskedelem
{
    height: 39px;
    background-image: url('pic/autogumi_jobb_05.jpg');
    background-repeat: no-repeat;
    background-position: top left;

}

.kozepe .jobb .nagykereskedelem div
{
    font-weight: bold;
    margin: 0px 26px 0px 26px;
    text-align: center;
}

.kozepe .jobb .nagykereskedelem div input
{
    width: 100px;
    font-size: 10px;
    font-weight: normal;
    color: #333333;
    background: #ffffff;
    border: 1px solid #333333;
}

.kozepe .jobb .nagykereskedelem div .gomb
{
    background: #C2D3A6;
    border: 1px solid #333333;
    font-size: 10px;
    color: #333333;
    font-weight: normal;
    width: 25px;
}

.kozepe .jobb .tartalom
{
    width: 672px;
    margin: 0px 53px 0px 20px;
    height: 100%;
}

.kozepe .jobb .tartalom .navigacio
{
    background-image: url('pic/autogumi_hatter_navigacio.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    height: 22px;
    vertical-align: middle;
    color: #147003;
    font-weight: normal;
}

.kozepe .jobb .tartalom .navigacio span
{
    font-weight: bold;
}

.kozepe .jobb .tartalom .navigacio div
{
    margin-left: 12px;
}

.kozepe .jobb .tartalom .navigacio a
{
    color: #0F6D00;
    font-weight: normal;
    font-size: 11px;
}

.kozepe .jobb .tartalom .navigacio a:hover
{
    color: #333333;
}



.kozepe .jobb .tartalom .almenu
{
    background-image: url('pic/autogumi_hatter_navigacio.jpg');
    background-repeat: repeat;
    background-position: top left;
    height: 40px;
    vertical-align: middle;
    color: #147003;
    font-weight: normal;
}

.kozepe .jobb .tartalom .almenu span
{
    font-weight: bold;
}

.kozepe .jobb .tartalom .almenu div
{
    margin-left: 12px;
}

.kozepe .jobb .tartalom .almenu a
{
    color: #0F6D00;
    font-weight: normal;
    font-size: 11px;
}

.kozepe .jobb .tartalom .almenu a:hover
{
    color: #333333;
}



.kozepe .jobb .tartalom .szoveg
{
    padding-top: 12px;
    text-align: justify;
    /*background-image: url('pic/autogumi_hatter_napraforgo.jpg');*/
    background-repeat: no-repeat;
    background-position: bottom right;
    /*height: 100%;*/
    vertical-align: top;
    line-height: 150%;
}

.kozepe .jobb .tartalom .szoveg h1
{
    font-weight: bold;
    font-size: 16px;
    color: #6EC03A;
    margin: 0px;
    padding: 0px;
    margin-bottom: 12px;
}

.kozepe .jobb .tartalom .szoveg h2
{
    font-weight: bold;
    font-size: 14px;
    color: #6EC03A;
    margin: 0px;
    padding: 0px;
}

.kozepe .jobb .tartalom .szoveg h3
{
    font-weight: bold;
    font-size: 12px;
    color: #6EC03A;
    margin: 0px;
    padding: 0px;
}

.kozepe .jobb .tartalom .szoveg .markalogo td
{
    vertical-align: top;
}

.kozepe .jobb .tartalom .szoveg .markalogo td a
{
    color: #435428;
    font-weight: bold;
}

.kozepe .jobb .tartalom .szoveg .markalogo td a:hover
{
    color: #6EC03A;
}

.kozepe .jobb .tartalom .szoveg .markalogo td img
{
    margin-right: 20px;
}

.kozepe .jobb .tartalom .szoveg .lista
{
    width: 672px;
}

.kozepe .jobb .tartalom .szoveg .teteje
{
    font-weight: bold;
    background: #F5F5F4;
}

.kozepe .jobb .tartalom .szoveg .lista td
{
    border-right: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    vertical-align: middle;
    text-align: left;
    height: 30px;
}

.kozepe .jobb .tartalom .szoveg .lista .elso
{
    border-left: 1px solid #E3E3E3;
}

.kozepe .jobb .tartalom .szoveg .lista a
{
    color: #6EC03A;
    font-weight: bold;
}

.kozepe .jobb .tartalom .szoveg .lista a:hover
{
    color: #435428;
}

.kozepe .jobb .tartalom .szoveg .lista th
{
    border: 1px solid #E3E3E3;
    background: #F3FFD5;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
}

.kozepe .jobb .tartalom .szoveg .lista th h1
{
    font-size: 13px;
    color: #0F6D00;
    font-weight: bold;
    margin-bottom: 0px;
}


.kozepe .jobb .tartalom .szoveg .lista span
{
    color: red;
    font-weight: bold;
}

.kozepe .jobb .tartalom .szoveg .lista th span
{

    font-size: 11px;
    color: #0F6D00;
    font-weight: bold;
    margin-bottom: 0px;
}


.kozepe .jobb .tartalom .szoveg .lista .szinvalto
{
    background: #F3F3F3;
}


.kozepe .jobb .tartalom .szoveg .lista .kosar {
    text-align: center;
}
.kozepe .jobb .tartalom .szoveg .lista .kosar INPUT.num {
    width: 20px;
    font-size: 10px;
    font-weight: normal;
    color: #333333;
    background: #ffffff;
    border: 1px solid #333333;
    margin-right: 10px;
}

.markak
{
    background-image: url('pic/autogumi_hatter_markak.jpg');
    background-repeat: repeat;
    background-position: top left;
    vertical-align: top;
    color: #147003;
    font-weight: normal;
}

.markak div
{
    width: 840px;
    margin: 12px 0px 0px 85px;
    font-weight: normal;
    line-height: 150%;
}

.markak div a
{
    font-weight: normal;
    font-size: 11px;
    color: #146A09;
    text-decoration: none;
}

.markak div a:hover
{
    text-decoration: underline;
}

.lablec
{
    background-image: url('pic/autogumi_hatter_lablec.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    vertical-align: middle;
    color: #147003;
    font-weight: normal;
    height: 26px;
    text-align: center;
}

.lablec a
{
    color: #116809;
    font-weight: normal;
}

.lablec a:hover
{
	color: #333333;
}


/* ALAP LINKEK */

a
{
	color: #086C00;
	font-weight: bold;
	text-decoration: none;
}

a:hover
{
    color: #66C432;
}

.megrendel TH {
    text-align: left;
}

.megrendel .field {
    font-size: 10px;
    font-weight: normal;
    color: #333333;
    background: #ffffff;
    border: 1px solid #333333;
    margin: 0px 0px 10px 30px;
    width: 200px;
}

.megrendel .button {
    font-size: 10px;
    font-weight: normal;
    color: #333333;
    background: #ffffff;
    border: 1px solid #333333;
}

.megrendel TEXTAREA {
    font-size: 10px;
    font-weight: normal;
    color: #333333;
    background: #ffffff;
    border: 1px solid #333333;
    width: 300px;
    height: 100px;

}

.megrendel th {
    height: 30px;
    vertical-align: top;
}

.error {
    font-weight: bold;
    color: red;
}