@charset "utf-8";
/* CSS Document */
html { height: 100%; }

body {
	font: 11px "Times New Roman", Times, serif;
	background: url("../images/bodyBg.jpg") repeat left top;
	margin: 0 0 0 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0 0 0 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #2d2928;
	height: 100%;
}

div#body { background: url("../images/mainBg.jpg") repeat-x left top;
  background-position: 0 -4px;
  width: 100%;
}

a { color: #942c29; text-decoration: none; }
a:hover { color: #2d2928 }
a img { border: none;}
ul li { list-style: none; }

span.fix { clear: both; float: none; display: block; visibility:hidden; width: 1px; height:1px; overflow: hidden;}

div#mainContainer { width: 1000px; margin: 0 auto 0 auto ;}

input { border: 1px solid #2d2928; }

/*div#mainContainer #header { background: url("../images/headerBg.jpg") no-repeat left center; height: 278px; }

div#mainContainer #header h1 {margin: 0 0 0 0;}
div#mainContainer #header h1 a { display: block;width: 485px; height: 65px; background:url("../images/taylor-gumi.jpg"); }
div#mainContainer #header h1 a span { display: none; }
div#mainContainer #header #addressContainer { height: 130px; margin: 0 0 0 0; padding-left: 32px; } */
div#mainContainer #header { height: 44px; margin-bottom:12px;}
div#mainContainer #header h1 {margin: 0 0 0 0; display: block; float: left; width: 150px; height: 34px; text-align: center; padding: 10px 0 0 0;}
div#mainContainer #header h1 a { display: block; background: url('../images/headerH1.png') no-repeat left top; width: 150px; height: 34px;}
div#mainContainer #header h1 a span {display: none; }

div#mainContainer #header ul#mainMenuContainer { height: 44px; padding: 0 14px 0 14px !important; margin: 5px auto 0 150px; position: absolute; }
div#mainContainer #header #mainMenuContainer li.rootVoice { float: left; list-style: none; height: 42px; }
div#mainContainer #header #mainMenuContainer li.rootVoice a.rootMenu { font: 21px Georgia, "Times New Roman", Times, serif; padding: 0 28px 12px 28px; color: #f3f3f3; text-decoration: none; }
#mainMenuContainer li#menu_akciok a.rootMenu { background:url("../images/menu_akciok.jpg") no-repeat bottom center; }
#mainMenuContainer li#menu_hasznalt a.rootMenu { background:url("../images/menu_hasznalt.jpg") no-repeat bottom center; }
#mainMenuContainer li#menu_szolgaltatasok a.rootMenu { background:url("../images/menu_szolgaltatasok.jpg") no-repeat bottom center; }
#mainMenuContainer li#menu_referencia a.rootMenu { background:url("../images/menu_referencia.jpg") no-repeat bottom center; }
#mainMenuContainer li#menu_interaktiv a.rootMenu { background:url("../images/menu_interaktiv.jpg") no-repeat bottom center; }
#mainMenuContainer li#menu_kapcsolat a.rootMenu { background:url("../images/menu_kapcsolat.jpg") no-repeat bottom center; }
div#mainContainer #header #mainMenuContainer li.rootVoice div.submenu { display: none; }
#mainMenuContainer li.rootVoice div.submenu { display: none; position: absolute; float: left; z-index: 1000; 
    background: #2b2726;  width: 240px; text-align: left; color: #333; padding: 6px 3px 6px 3px; margin-top: 12px; margin-left: -40px;}
#mainMenuContainer li.rootVoice div.submenu p { color: #fff2f2; font-size: 11px; margin: 0 0 0 0; text-align: justify; padding: 2px 4px 2px 4px;}
#mainMenuContainer li.rootVoice div.submenu p img { float: left; margin: -18px 0 0 -15px;}
#mainMenuContainer li.rootVoice div.submenu ul { margin: 6px 0 6px 0; padding: 0 0 0 0;}
#mainMenuContainer li.rootVoice div.submenu ul { list-style: none;}
#mainMenuContainer li.rootVoice div.submenu ul li { border-top: 1px dashed #4b4746; }
#mainMenuContainer li.rootVoice div.submenu ul li a { display: block;padding: 6px 0 6px 0; font: 12px "Times New Roman", Times, serif; text-align: center; color: #ffffff; font-weight: bold; }
#mainMenuContainer li.rootVoice div.submenu ul li a:hover { color: #942c29;}

#content #left, #content #right { float: left; margin: 0 0 0 12px; }
#content #left { width: 229px; }
#content #right { width: 726px; }

#left div.boxOuter { padding: 11px 0 0 0; background: #fff url("../images/leftBoxTop.png") no-repeat top center; }
#left div.boxOuter div.boxInner { padding: 0 0 10px 0; background: #fff url("../images/leftBoxBottom.png") no-repeat bottom center; }
#left div.boxOuter div.boxInner div.boxContent { padding: 0px 5px 3px 5px; background: #fff url("../images/leftBoxContent.png") repeat-y bottom center; }
div.boxContent h2 { margin: 0 0 0 0; background: url("../images/boxHeader.png") repeat-x bottom center; font: 12px Georgia, "Times New Roman", Times, serif; font-weight: bold; width: 100%; padding: 0px 0 5px 0; text-align: center; }

div.randomAkcio { width: 189px; height: 200px; padding: 4px 15px 0px 15px; text-align:center; }
div.randomAkcio a { font-family: "Times New Roman", Times, serif; font-weight: bold; }
div.randomAkcio a strong { font-size: 20px; text-align: center; width: 180px; display: block; }
div.randomAkcio a b, div.randomAkcio a b.kategoria { font-size: 14px; color: #2d2928; display: block;text-align: right; margin-top: 6px; }
div.randomAkcio div.details { text-align: right; }
div.randomAkcio div.details div.photo { margin: -50px 0 12px 0;  float: left; height: 140px; width: 111px; overflow: hidden; }
div.randomAkcio div.details dl { float: right; margin: 15px 0 15px 0; }
div.randomAkcio div.details dl dt, div.randomAkcio div.details dl dd { float:left; margin: 0 0 0 0; padding: 3px 2px 3px 2px;  }
div.randomAkcio div.details dl dd { font-weight: bold; }
div.randomAkcio div.details dl dt { font-style: italic;  }
div.randomAkcio div.prices { float: left; width: 78px; text-align: right; margin-top: 5px;}
div.randomAkcio div.prices .lista_ar { font-size: 14px; text-decoration: line-through; font-style:italic; font-weight: bold; }
div.randomAkcio div.prices .akcios_ar em { font-size: 18px; color: #942c29; font-style:normal;  font-weight: bold; }

a.kosarba { padding: 3px 12px 3px 12px; color: #942c29; font-size: 12px; text-transform:uppercase; font-weight: bold; }

div#termek_menu dl#termekek_lista { padding: 6px 14px 6px 14px; margin: 0 0 0 0;}
div#termek_menu dt.level1 { margin: 5px 0 5px 0; padding-left: 21px; background:url("../images/liClosed.png") no-repeat left center; }
div#termek_menu dt.level1.open { background:url("../images/liOpen.png") no-repeat left center; }
div#termek_menu dt.level1 a { font-size: 14px; font-weight: bold; }
div#termek_menu dd { margin-left: 21px; }
div#termek_menu dd ul.submenu { list-style: none; padding: 0 0 0 0; }
div#termek_menu dd ul.submenu li.level2 a { font-size: 14px; font-weight: bold; color: #2d2928;}
div#termek_menu dd ul.submenu li.level2 a:hover { color: #942c29; }

div#userBox form label { display: block; color: #942c29; font-size: 14px; font-weight: bold; padding: 3px 0 3px 12px; margin: 6px 0 0 0;}
div#userBox form input { display: block; border: 1px solid #aaa; margin: 5px 0 5px 24px; }
div#userBox form p { padding: 6px 12px 6px 12px; text-align: center; }
div#userBox form input.submit { display: inline; color: #942c29; font-weight:bold; font-size: 10px; background: #efefe1; }

#topBox { width: 726px; height: 247px; background: url("../images/topBoxBg.jpg") no-repeat left top; padding: 3px 5px 3px 5px; }

#tabMenu { height: 240px; }
#tabMenu dl.tabs { position: relative; height: 78px; width: 680px;}
#tabMenu dl.tabs dt { float: left; width: 160px; padding: 16px 0 20px 24px; display: block; overflow: hidden; cursor: pointer; font-size: 11px;}
#tabMenu dl.tabs dt.open { font-weight: bold; }
#tabMenu dl.tabs dt strong { margin: 0 0 0 0; display: block; font-size: 14px;}
#tabMenu dt#gumikeresoContainer { background: url('../images/gumikereso.jpg') no-repeat; background-position: 0px 0px; }
#tabMenu dt#enAutomContainer { background: url('../images/enautom.jpg') no-repeat; background-position: 0px 0px;}
#tabMenu dt#kosarContainer { background: url('../images/shopping_bag.jpg') no-repeat; background-position: 0px 0px;}
#tabMenu dt#idopontContainer { background: url('../images/idopontfoglalo.jpg') no-repeat; background-position: 0px 0px;}
#tabMenu dd.tabContent { position: absolute; float: right; margin: 60px 0 0 0; height: 200px; width: 720px;}
#tabMenu dd.tabContent div.contentDiv { height: 155px; margin-top: 2px; }
#tabMenu #gumiKereso { background: url("../images/gumiKeresoBgCsik.jpg") no-repeat left top; padding: 0 0 0 240px; margin: 0 0 0 0; }
#tabMenu #gumiKereso div.form-row { height: 28px;  }
#tabMenu #gumiKereso div.form-row label { display: block; float: left; width: 100px; font-size: 14px; font-weight: bold; text-transform:capitalize;}
#tabMenu #gumiKereso div.form-row label.between { width: 20px; text-align: center; }
#tabMenu #gumiKereso select, #tabMenu #gumiKereso input { display: block; float: left; border: 1px solid #2d2928;}
#tabMenu #gumiKereso div.form-row ul li { list-style: none; float: left; }
#tabMenu #gumiKereso #gumikereso_szezon ul li input { border: none; }
#tabMenu #gumiKereso #gumikereso_szezon ul li label { width: 80px; margin-left: 12px; }
#tabMenu #gumiKereso input.submit { float: right; margin: -28px 28px 0 0; width: 100px; border: 1px solid #2d2928; }
#tabMenu dd#enAutomContainer_box ul.meretek li.meret { display: inline-block; list-style: none;}

#right div.boxOuter { padding: 10px 0 0 0; background: #fff url("../images/rightBoxTop.png") no-repeat top center; }
#right div.boxOuter div.boxInner { padding: 0 0 9px 0; background: #fff url("../images/rightBoxBottom.png") no-repeat bottom center; }
#right div.boxOuter div.boxInner div.boxContent { padding: 0px 3px 3px 5px; background: #fff url("../images/rightBoxContent.png") repeat-y bottom center; }


div#footer { width: 100%; height: 155px; margin-top: 25px;background:url("../images/footerBg.png") repeat-x left top; }
div#footer ul {  padding: 0 0 0 0; text-align: center;} 
div#footer ul#footerMenu { width: 1000px; margin: 0 auto 0 auto; }
div#footer ul li { display: block; height: 155px; float: left; text-align: center; color: #ff8800;}
div#footer ul li b {display: block; height: 27px; color: #fff; font-weight: bold; font-size: 14px; margin: auto; }
div#footer ul li strong { color: #fff; }
div#footer ul li#informacio { width: 174px; margin-left: 10px;}
div#footer ul li#akcio { width: 160px; }
div#footer ul li#szolgaltatasok { width: 160px; }
div#footer ul li#kapcsolat { width: 235px;  }
div#footer ul li#ceginformacio { width: 235px; }
div#footer ul li#informacio b { background: url("../images/footerInformacio.png") no-repeat bottom center; }
div#footer ul li#akcio b { background: url("../images/footerAkcios.png") no-repeat bottom center; }
div#footer ul li#szolgaltatasok b { background: url("../images/footerSzolgaltatasok.png") no-repeat bottom center; }
div#footer ul li#kapcsolat b { background: url("../images/footerKapcsolat.png") no-repeat bottom center; }
div#footer ul li#ceginformacio b { background: url("../images/footerCeginformacio.png") no-repeat bottom center; }
div#footer ul li div.footerSubmenu ul { margin: 0 0 0 0; }
div#footer ul li div.footerSubmenu li { display: block; float: none; height: 20px;}
div#footer ul li div.footerSubmenu li a { color: #ff8800; font: 12px "Times New Roman", Times, serif; font-weight: bold; }
div#footer ul li div.footerSubmenu li a:hover { color: #fff; }

/* Content */
div#ackiok { padding: 20px 16px 20px 16px; }
div.twocol { width: 335px; float: left; margin: 12px 12px 6px 12px; }
div#akciok h3 { padding-bottom: 4px; border-bottom: 1px solid #2d2928; text-align: center;}
div#akciok div.akciosBox { background: url("../images/akciosBoxBg.png") no-repeat; width: 321px; height: 155px; padding: 5px 5px 5px 5px; position: relative; margin: 0px auto 12px auto; }
div#akciok div.akciosBox h4 { font-size: 13px;color: #2d2928; display: block; float: right; width: 193px; height: 25px; text-align: center; position: absolute; top:5px; right: 5px; margin: 0 0 0 0; padding: 3px 0 0 0; }

div#akciok div.akciosBox div {float: left;}
div#akciok div.akciosBox.gumi div.photo { height: 140px; width: 111px; overflow: hidden; margin: 10px 0px 10px 10px; }
div#akciok div.akciosBox.alufelni div.photo { height: 110px; width: 110px; overflow: hidden; margin: 10px 0px 10px 10px; }
div#akciok div.akciosBox a {display: block; margin-left: 6px; }
div#akciok div.akciosBox a strong { font-size: 18px; }
div#akciok div.akciosBox a b { font-size: 14px; color: #2d2928; display: block;}
div#akciok div.akciosBox div.details { text-align: left; width: 180px; margin-top: 35px;}
div#akciok div.akciosBox div.details dl { float: left; margin: 15px 0 15px 0; height: 50px;width: 70px; }
div#akciok div.akciosBox.alufelni div.details dl { float: left; margin: 15px 0 15px 0; height: 30px; width: 110px; position: absolute; top: 110px; left: 5px; }
div#akciok div.akciosBox div.details dl dt, div#akciok div.akciosBox div.details dl dd { float:left; margin: 0 0 0 0; padding: 0px 2px 0px 2px; width: 30px; height: 15px; font-size: 13px;}
div#akciok div.akciosBox.alufelni div.details dl dt, div#akciok div.akciosBox.alufelni div.details dl dd { width: 50px; }
div#akciok div.akciosBox div.details dl dd { font-weight: bold; color: #942c29;}
div#akciok div.akciosBox div.details dl dt { font-weight: bold; color: #2d2928; text-align: right; }
div#akciok div.akciosBox div.prices { float: right; width: 100px; text-align: right; margin-top: 5px;}
div#akciok div.akciosBox div.prices .lista_ar { font-size: 14px; text-decoration: line-through; font-style:italic; font-weight: bold; }
div#akciok div.akciosBox div.prices em { display: block; font-size: 18px; color: #942c29; font-style:normal;  font-weight: bold; }

div#cmsPage { font-size: 14px; padding: 10px 15px 10px 15px;  }