* {
    margin: 0;
}
HTML, BODY {
    height: 100%;
}
HTML {
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
}
BODY {
    background-image:url('../pic/body_hatter_uj.png');
    background-repeat:no-repeat;
    background-position: center top;
    background-color: #F3F3F3;

    font-family: Arial;
    font-size: 12px;
    color: #3B3B3B;
}
FORM, IMG {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
TABLE {
    border-spacing: 0px;
    border-collapse: separate;
    *border-collapse: collapse;
}
#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /*margin: 0 auto -215px;*/
    margin: 0 auto -176px;
}
#pushTop {
    width: 1040px;
    height: 21px;
    margin: 0px auto 0px auto;
    padding-top: 14px;
}
#header {
    width: 1041px;
    height: 180px;
    margin: 50px auto 0px auto;
}
#contentWrapper {
    width: 1058px;
    margin: 40px auto 0px auto;
    padding-top: 20px;
    background-image:url('../pic/iv.png');
    background-repeat:no-repeat;
    background-position: left top;
    position: relative;
    z-index: 99;
}

#content {
    /*width: 1040px;*/
    width: 990px;
    border-left: 1px solid #D3D2D2;
    border-right: 1px solid #D3D2D2;
    background-color: #FFFFFF;
    /*margin: 60px auto 0px auto;*/
    margin: 0px 0px 0px 9px;
    padding: 0px 24px 0px 24px;
    position: relative;
    z-index: 100;
}
#contentBottomRadius {
    width: 1040px;
    /*height: 39px;*/
    height: 20px;
    margin: 0px auto 0px auto;
    background-image:url('../pic/also_iv.jpg');
    background-repeat:no-repeat;
}
#pushBottom {
    /*height: 200px;*/
    height: 176px;
    z-index: -1;
}
#footer {
    /*height: 215px;*/
    height: 149px;
    /*padding-top: 66px;*/
    padding-top: 27px;
    background-image:url('../pic/lablec_hatter_uj.jpg');
    background-repeat:no-repeat;
    background-position: center bottom;
    position: relative;
    /*z-index: -1;*/
    z-index: 50;
}
.clear {
    clear: both;
    padding: 0px !important;
    margin: 0px !important;
}

/*{{{ legfelso */
/* felso menu */
#pushTop UL {
    list-style: none;
    padding: 0;
    margin: 0;
}
#pushTop UL LI {
    float: left;
    font-size: 14px;
    font-weight: bold;
    border-right: 1px solid #7A7A7a;
}
#pushTop A {
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    margin: 0px 10px 0px 10px;
}
#pushTop A:hover, #pushTop A.active {
    color: #E2031E; 
}
/* felso kereso */
#pushTop DIV {
    width: 270px;
    float: right;
    background-image:url('../pic/keres_hatter.jpg');
    background-repeat:no-repeat;
    background-position: left top;
    margin-top: -3px;
}
#search {
    width: 170px;
    height: 12px;
    margin: 0px 20px 0px 10px;
    border: 1px solid white;
    font-size: 10px;
}
/*}}}*/

/*{{{ fejlec */
/* fejlec elemek */
#logoLink {
    width: 144px;
    height: 165px;
    top: -35px;
    left: 47px;
    display: block;
    position: absolute;
}
#header {
    position: relative;
}
#header .right, .banner, .lap {
    width: 760px;
    height: 180px;
}
#header .right {
    float: right;
}
#header .left {
    float: left;
    margin-left: 4px;
    width: 215px;
    height: 180px;
}
#header .left IMG {
    margin-top: 140px;
}
.banner, .lap {
    background-repeat:no-repeat;
    background-position: right top;
}
.lap {
    background-image:url('../pic/hatter.png');
    cursor: pointer;
}
#header .lap .left {
    float: left;
    width: 325px;
    height: 180px;
    margin: 0px;
}
.line1, .line2, .line3 {
    margin-left: 30px;
    margin-top: 10px;
}
.line1 {
    color: #E2031E;
    font-size: 24px;
    font-weight: bold;
}
.line2, .line3 {
    color: #FFFFFF;
    font-size: 26px;
    font-weight: bold;
}
.line3 {
    font-weight: normal;
}
#scrollButtons {
    float: right;
    width: 61px;
    height: 150px;
    padding-top: 30px;
}
#scrollButtons A, #scrollButtons DIV {
    display: block;
    width: 20px;
    height: 22px;
    margin: 3px 0px 0px 10px;
}
#scrollButtons A {
    background-image:url('../pic/negyzetek.jpg');
    background-repeat:no-repeat;
    background-position: 0px 0px;
}
#scrollButtons A:hover, #scrollButtons A.active {
    background-position: 0px -24px;
}
/* fejlec lapozo */
.scrollableLap {
    top: -180px;
    position:relative;
    width: 760px;
    height: 180px;
    background-image:url('../pic/hatter_ures.png');
    background-repeat:no-repeat;
}
.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 760px;
    height: 180px;

}
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}
.items .banner {
    float:left;
}
/*}}}*/

/*{{{ tartalom */
/* cimszavak */
H1 {
    color: #ED3103;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}
H2 {
    color: #6D6D6D;
    font-size: 14px;
}
H3 {
    font-size: 12px;
}
/* tartalmi resz */
#content .left {
    float: left;
    width: 211px;
    margin-right: 19px;
}
#content .content {
    width: 530px;
    float: left;
    color: #5B5B5B;
    font-size: 12px;
    line-height: 150%;
    text-align: justify;
}

#content .content p {
    padding-bottom: 12px;
}

#content .content div {
    padding-bottom: 12px;
}

/* kiskosar a webshop-bol */
#kiskosar, #kiskosar DIV {
    padding: 0 !important;
}

#content .content a {
    color: #E50006;
    text-decoration: none;
}

#content .content a:hover {
    color: #000000;
}

#content .right {
    float: right;
    width: 211px;
    margin-left: 19px;
}
#index {
    padding-bottom: 0px !important;
}

/* navigacio */
#nav {
    font-size: 16px;
    font-weight: bold;
    color: #EC3300;
    border-bottom: 1px dotted #4C4C4C;
    padding-bottom: 8px;
    margin-bottom: 15px;
}
#nav A {
    color: #585858;
    text-decoration: none;
}

/* menu */
#menu, #menu UL {
    list-style: none;
    padding: 0;
    margin: 0;
}
#menu A {
    min-height: 21px;
    padding-left: 30px;
    padding-top: 6px;
    display: block;
    text-decoration: none;
    background-repeat:no-repeat;
}
#menu A:hover, #menu A.active {
    background-image:url('../pic/menu_bg_hover_es_aktiv.jpg');
    color: #FFF9FF;
}
#menu LI A {
    background-image:url('../pic/menu_bg_01_szint.jpg');
    color: #545454;
}
#menu LI LI A {
    background-image:url('../pic/menu_bg_02_szint.jpg');
    color: #ECECEC;
    padding-left: 40px;
}
#menu LI LI LI A {
    background-image:url('../pic/menu_bg_03_szint.jpg');
    color: #ABA9AA;
    padding-left: 50px;
}

#menu .sep {
    height: 2px;
    background-color: #B7B9B8;
    /*background-color: red;*/
    background-image:url('../pic/menu_vonal.gif');
    background-repeat:no-repeat;
    background-position: center bottom;
}
#menu .sep2 {
    height: 1px;
    background-color: #B7B9B8;
}

#contact {
    width: 162px;
    height: 236px;
    float: left;
    background-image:url('../pic/jobb_hatter.jpg');
    padding: 20px 15px 30px 34px;
    font-size: 11px;
    color: #3B3B3B;
}

/* kerdesek */
#questions {
    width: 162px;
    float: left;
    background-image:url('../pic/jobb_hatter.jpg');
    padding: 20px 15px 30px 34px;
    font-size: 11px;
    color: #3B3B3B;
}
#questions B, #questions I {
    float: left;
    display: block;
    font-size: 13px;
    color: #6B6B6B;
    margin-top: 10px;
}
#questions I {
    margin-top: 0px;
}
#questions INPUT {
    float: left;
}
#questions DIV {
    float: right;
    width: 85%;
}
#questions UL {
    width: 162px;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
}
#questions LI {
    padding-top: 10px;
    clear: both;
}
#questions IMG {
    float: right;
}

/* hirek */
.news {
    margin-bottom: 10px;
}

/* termekek */
.productLead {
    clear: both;
}
.productLead IMG {
    float: left;
}
.productLead DIV, .productLead H3 {
    width: 500px;
    float: right;
    padding-bottom: 0px !important;
}
.productLead DIV {
    padding-left: 20px;
    width: 480px;
    margin-bottom: 5px;

    background-image:url('../pic/pipa.jpg');
    background-repeat:no-repeat;
    background-position: left top;
}

.product {
    border-bottom: 1px dotted #4C4C4C;
    padding-bottom: 10px !important;
    margin-bottom: 15px;
    color: #4F4F4F;
}
.product DIV {
    padding-bottom: 0px !important;
}
.product H2 {
    color: #201D2E;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 10px;
}
.product IMG {
    float: left;
}
.product .info {
    width: 384px;
    float: right;
}
.product .clear {
    height: 10px;
}
.product .price {
    height: 28px;
    background-color: #EFEFEF;
}
.product .price .info {
    margin-top: 5px;
    font-weight: bold;
    color: #201E2C;
}
.product .price .info DIV {
    background-color: #FFFFFF;
    float: right;
    margin-top: -5px;
    height: 30px;
}

.productOrder, .productCheck {
    margin-top: 10px;
    background-color: #EFEFEF;
    font-weight: bold;
    color: #201E2C;
}
.productCheck {
    background-color: #FFFFFF;
}
#productTabs {
    padding: 0px;
}

#productTabs .head {
    height: 33px;
    padding: 0px !important;
    /*background-image:url('../pic/fulek_4.jpg');*/
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#productTabs .head TD {
    height: 33px;
    width: 190px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}
#productTabs .head A {
    color: #5B5B5B !important; 
}
#productTabs .head A:hover, #productTabs .head A.active {
    color: #ED3103 !important;
}
#productTabs .middle {
    background-image:url('../pic/fulek_hatter.jpg');
    background-repeat: repeat-y;
}
#productTabs .tab {
    padding: 10px 10px 0px 10px !important;
    display: none;
}
#productTabs .active {
    display: block;
}
#productTabs .foot {
    height: 4px;
    padding: 0px !important;
    background-image:url('../pic/fulek_alja.jpg');
    background-repeat: no-repeat;
}
/*}}}*/

/*{{{ lablec */
#footer .content {
    width: 1040px;
    height: 149px;
    margin-left: auto;
    margin-right: auto;
}
.l1 {
    height: 109px;
}
.l1 IMG {
    float: left;
    width: 52px;
    height: 58px;
    margin-right: 4px;
}
.l1 .title {
    /*height: 34px;*/
    height: 18px;
    padding-top: 16px;
    color: #D7D7D7;
    border-bottom: 1px solid #BC051B;
}
.l1 .left {
    float: left;
    height: 109px;
}
.l1 .left .channels {
    height: 61px;
    padding: 9px 0px 4px 0px;
}

.l1 .right {
    float: right;
    height: 109px;
}
.l1 .right .channels {
    /*padding-top: 44px;*/
    height: 61px;
    padding-top: 9px;
}
.l2 {
    /*height: 40px;*/
    height: 27px;
    border-top: 1px solid #7E7E7E;
    padding-top: 12px;
    color: #EC3502;
}
.l2 A {
    color: #D7D7D7;
    text-decoration: none;
}
.l2 DIV {
    float: right;
}
.l2 IMG {
    margin-top: -5px;
}
/*}}}*/

/*{{{ tablazatok */ 

#ecosw_table {
	width: 530px;
	border: 0px;
	font-family: Arial;
	font-size: 12px;
	color: #5B5B5B;
}

#ecosw_table td {
	height: 30px;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
}

#ecosw_table th {
	height: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	background: #D0D0D0;
	border-bottom: 2px solid  #BABCBB;
}

#ecosw_table td.first {
	height: 30px;
	text-align: left;
	vertical-align: middle;
	border-left: 1px solid #D3D3D3;
	padding-left: 6px;
	font-weight: bold;
}

#ecosw_table td.subth {
	background: #F6F6F6;
	text-align: center;
}

#ecosw_table td.subth span {
	font-size: 10px;
	font-style: italic;
}

#ecosw_table a {
	color: #E50006;
	text-decoration: none;
}

#ecosw_table a:hover {
	color: #000000;
}

#ecosw_table tr.sum td {
	background: #E9E9E9;
}

#ecosw_table tr.sum td.first {
	font-weight: bold;
	border-left: 1px solid #D3D3D3;
	padding-left: 6px;
}

#ecosw_table td.footer {
	text-align: center;
	border-left: 1px solid #D3D3D3;
}
/*}}}*/

/* {{{ products */
#products {
    width: 990px;
    border-top: 1px solid #D1D1D1;
}
#products TH, #products TD {
    border-right: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
    padding: 3px 0px 3px 0px;
    font-weight: bold;
    vertical-align: top;
}
#products TH {
    width: 233px; /* 234 + 1 bortder, a tobb resz osszesen 756 mert az oszthato 6-tal! */
    text-align: left;
}
#products TD {
    width: 125px; /* + 1 border -> 126 * 6 = 756 */
    text-align: center;
}
#products .head {
    background-color: #000000;
    color: #ABA9A9;
    vertical-align: middle;
}
#products .head SPAN {
    color: #FFFFFF;
}
#products .head .mindigtv {
    color: #E40011;
}
#products .info {
    vertical-align: middle;
    width: 110px;
    padding-right: 15px;
    height: 31px;
    background-image:url('../pic/button_i.png');
    background-repeat:no-repeat;
    background-position: 97px 3px;

    cursor: pointer;
}
#products .check {
    font-style: italic;
    vertical-align: middle;
    height: 31px;
    background-image:url('../pic/button_arrows.png');
    background-repeat:no-repeat;
    background-position: 348px 3px;

    cursor: pointer;
}
#products .price TD {
    font-size: 15px;
    color: #000000;
}
#products .year TD {
    font-size: 13px;
}

#products .odd {
    background-color: #F5F5F5;
}

#products .odd2 {
    background-color: #EBEAEA;
}

#products .discount {
    cursor: pointer;
}

#products .csat {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    }

#products .hbo TH, #products .hbo TD {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #686868;
    border-bottom-width: 3px;
    background-color: #EDEDED;
    vertical-align: middle;
}
#products .hbo TH, #products .hbo SPAN {
    color: #000000;
}
#productsContainer H1 {
    color: #ED3103;
    font-weight: bold;
    font-size: 16px;
    float: left;
}
#productsContainer .select {
    font-weight: bold;
    font-size: 14px;
    float: right;
}
#productsSelect1 {
    margin-left: 10px;
    margin-right: 10px;
}
/* }}} */