body{background: #1b1b1b; margin: 0px; font-family: Arial; font-size: 11px; color: #4b4b4c;text-align:left;}
.BackGround{background: #1b1b1b url('/images/backgroundimage.jpg') repeat-x;}
.BackGroundExtra{background: url('/images/backgroundimage_extra.jpg') no-repeat top center;}
/* 
COLOR TABLE 
4b4b4c - sötétszürke az általános íráshoz, ez a TG logo legsötétebb szürke színe
c6c6c6 - nagyon világos szürke sor overekhez
cccccc - szürke az iráshoz
6f6969 - szürke a másodiksoroso iráshoz
*/
/* ###################### MINDEN OLDALON MEGVAN DE A SZÍN VÁLTOZIK ################# */
body{color: #cccccc}
/* OLDAL BELSŐ BETŰÍNEK SZÍNE */
.Center div{color: #cccccc}
/* AKTIV LAPFÜL SZÍNE  (változtatni: borderbottom és background)*/
.MenuPointLightActive{ padding: 12px 8px 0px 10px; height: 25px; float:left; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #FFFFFF; border-bottom: 1px solid #2c2b2b; background: #2c2b2b; cursor: pointer;}
/* AKTIV ÉS OVER MENÜPONT SZÍNE (változtatni: background és border-left)*/
.SubmenuPoint-Over{float:left; padding: 14px 8px 0px 10px; color: #FFFFFF;  background-color:#191919; font-size: 12px; height: 27px; cursor: pointer; border-left: 1px solid #262626}
a{color:#FFFFFF; text-decoration: none;}
a:hover{color:#6f6969; text-decoration: none;}
.Background{background-color: #202020;}

.Categ a{color:#454545}
/* ###################### TELJESEN EGYEDI EGY OLDALHOZ TARTOZÓ ################# */
.StoreBg{height: 151px; margin-top: 1px; background: #070808 url(/images/storebg.jpg) repeat-x;}


/* ALL */

.clr{clear:both; font-size: 1px;}
.fl{float:left;}
.fr{float:right}
img{border:0px;}
.Image{border: 1px solid #4b4b4c}
input{font-family: Arial; font-size: 11px; color:#4b4b4c; padding: 4px}
.p10 {padding: 10px;}
.p4 {padding: 4px;} 
.p6 {padding: 6px;}
.p8 {padding: 8px;}
.p0 {padding:0px;}
.MarginTop6{margin-top: 6px;}
.MarginBottom6{margin-bottom: 6px;}
.Spacer{height: 6px;}
.SubmitSm{background: #ae0f0f url(/images/input-submitbg.gif) repeat-x; padding-top: 3px; padding-left: 14px; padding-right: 14px; border: 1px solid #aa090a; color: #FFFFFF; font-weight:bold; text-transform: lowercase; cursor: pointer; font-size: 11px;}
.SubmitSmOvr{background: #ae0f0f url(/images/input-submitbg-ov.gif) repeat-x; padding-top: 3px; padding-left: 14px; padding-right: 14px; border: 1px  solid #aa090a; color: #FFFFFF; font-weight:bold; text-transform: lowercase; cursor: pointer; font-size: 11px;}
label{cursor: pointer;}
div{color: #4b4b4c}
p{padding: 0px; margin: 0px;}
.Left{width: 594px; overflow:hidden; padding: 6px 0px 6px 6px;}
.Right{width: 386px; overflow:hidden; padding: 0px 6px 6px 6px;}
.DottedLine{background: #000000 url(/images/dotted.gif) repeat-x; height: 1px; margin: 5px 0px 5px 0px;}

/* TOP HEADER AND LOGIN */
.TopButton{ background:#f1f1f1 url(/images/small-gradient.gif) repeat-x; padding: 13px; float:left; border: 1px solid #bbbbbb; font-weight:bold;  color: #4b4b4c; border-left: 1px solid #FFFFFF; }
.TopButtonOvr{ background:#fb0000 url(/images/small-gradient-red.gif) repeat-x; padding: 13px; float:left; border: 1px solid #bbbbbb; font-weight:bold; color: #FFFFFF; cursor: pointer; border-left: 1px solid #FFFFFF; }
.TopUser{height: 40px; background:#f1f1f1 url(/images/small-gradient.gif) repeat-x; border: 1px solid #bbbbbb; float: left;padding-right: 13px; color: #4b4b4c;}
.TopSearch{background-color:#c8c6c6; margin-top: 13px; margin-right: 14px; width: 198px;overflow:hidden;}
.TopSearch input{margin: 4px; padding: 5px; border: 1px solid #bbbbbb; background:#FFFFFF url(/images/input-search.gif) right no-repeat; padding-right: 29px}
.TopLoginNow{ border: 1px solid #bbbbbb;width: 332px; background:#f1f1f1 url(/images/small-gradient.gif) repeat-x; position: absolute;float:left;color: #4b4b4c; margin-top: 3px;}
.TopLoginNow input{ border: 1px solid #bbbbbb;}
.TopLoginLabel{width: 60px; text-align: right; padding-right: 8px; font-weight: bold; padding-top: 5px;}
.TopStayLogin {padding-top: 4px; padding-left: 3px;}
.SiteHead{background:url('/images/sitebg.png');}

/* TOP MAIN MENU */
.MenuPointLight{padding: 12px 8px 0px 10px; height: 25px; float:left; font-size: 12px; font-weight: bold; background: url(/images/separator-light.gif) left no-repeat; cursor: pointer;}
.Darkmenu {background: url(/images/menu-dark.gif); float:left;}
.MenuPointDark{padding: 12px 8px 0px 10px; height: 25px; float:left; font-size: 12px; font-weight: bold; background: url(/images/separator-dark.gif) left no-repeat; color:#FFFFFF; cursor: pointer;}
.SubmenuPoint{float:left; padding: 14px 8px 0px 10px; color: #FFFFFF;  font-size: 12px; height: 27px; font-weight: bold; cursor: pointer; margin-left: 1px;}
.mtext { position: relative; color: #000000;}
.stext { position: absolute; left: -0.1em; top: -0.1em; color: #FFFFFF; font-weight: bold;}
.stext a{ color: #FFFFFF;}
.WithSub{background: url(/images/toparrow.gif) no-repeat right; padding: 12px 30px 0px 10px; height: 25px; color:#FFFFFF;}
.DropDown{position:absolute; display:none; z-index: 8; width: 140px;}
.DropDownRow {font-weight: bold; border: 1px solid #828282; padding: 2px 0px 2px 6px; width: 140px; background-color: #585858; cursor: pointer; border-top: 0px; text-align:left; z-index: 6; color:#FFFFFF;}

/* CENTER */
.Center {width: 999px; overflow: hidden; background-color: #414040; border-top: 1px solid #313131; border-left: 1px solid #0f0f0e; border-right: 1px solid #0f0f0e; border-bottom: 1px solid #0f0f0e;}
.TitleOut{background-color:#1d1d1d; padding: 3px;}
.TitleIn{color: #FFFFFF; background-color:#050505; padding: 0px; height: 32px; overflow:hidden;}
.TitleIn h1{font-size: 12px; padding: 7px; margin:0px; font-weight:bold; color:#FFFFFF;}
.TitleIn h3{font-size: 12px; padding: 7px; margin:0px; font-weight:bold; color:#FFFFFF;}
.Inside{background-color: #1d1d1d; padding: 10px; overflow:hidden;}
.TopHelp{padding: 2px; margin-top: 4px; margin-right: 5px; padding-left: 30px; background: #2e2e2e url('/images/help.gif') no-repeat left; font-size: 11px; padding-right: 9px;}
.TitleMore{font-size: 11px; padding-top: 6px; padding-right: 8px;}

.SmallBoxContainer{background-color: #212121; position: relative; color: inherit; z-index: 0}
.SmallBox{padding:1px; background-color: #000000; position: relative; bottom: 3px; right: 3px; z-index: 1 }
.SmallBox h2{font-size: 12px;  padding:0px; margin:0px; font-weight:bold;}

/* TD */
.LeftShadow{background-image: url(/images/left.png); width: 4px; background-position: right;background-repeat: repeat-y;}
.RightShadow{background-image: url(/images/right.png); width: 4px; background-position: left; background-repeat: repeat-y;}
.Center{background-color: #2f2f2f; }
td{font-family: Arial; font-size: 12px; color: #cccccc; line-height: 19px;text-align:left;}

/*HEADER*/
.Header{background-image: url(/images/header.gif); width: 100%; height: 88px; background-repeat: no-repeat; overflow:hidden;}
.Header1{height: 90px; width: 466px;}
.HeaderIcon{text-align:right; margin-top: 74px; margin-left: -1px;  display:none; position: absolute;;}
.Header3{width: 468px; height: 60px;  margin: 10px 15px 0px 0px; background-color:red; border: 1px solid #262525; padding:2px; background-color: #000000; }
.container{border: 1px solid #000000; background-color: #1d1d1d}

/*PRODUCTS */
.ProductPicSm{width: 188px; height: 130px}
.ProductPicSmCart{width: 116px; height: 80px}
.Price{color:#FFFFFF; font-size: 13px; padding-top: 12px}
.MainSelect{font-weight: bold; border: 1px solid #3c3c3c; margin: 0px; margin-bottom: 0px; padding: 2px 0px 2px 6px; width: 190px; cursor: pointer; background-image: url('/images/selectbg.jpg'); text-align:left;}
.SelectRow {font-weight: bold; border: 1px solid #3c3c3c; padding: 2px 0px 2px 6px; width: 190px; background-color: #202022; cursor: pointer; border-top: 0px; text-align:left; z-index: 6;}
.Arrow{background-image: url('/images/arrow.gif'); background-repeat: no-repeat; background-position: right;}
.Error{padding: 8px; color:#FFFFFF; background-color: #9f0109; font-weight: bold; border: 1px solid red;}
.SearchField{padding: 4px; border: 1px solid #050505; color:#cccccc; font-size: 12px; background-color:#2f2f2f; padding-bottom: 6px; width: 330px; padding-right: 32px; background-image: url('/images/search_sm.gif'); background-repeat: no-repeat; background-position: right;}
.messageDiv{width: 300px; border: 1px solid #FFFFFF; height: 60px;z-index: 1100; color: #FFFFFF; font-weight: bold; background-color:green; filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.9;  position: absolute; left: 50%; margin-left: -150px; top: 50%;margin-top: -30px;}
.messageEDiv{width: 300px; border: 1px solid #FFFFFF; height: 60px;z-index: 1100; color: #FFFFFF; font-weight: bold; background-color:red; filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.9;  position: absolute; left: 50%; margin-left: -150px; top: 50%;margin-top: -30px;}


/*LAPOZO*/
.Lapozo { float:left; border: 1px solid #3c3c3c;	font-size: 12px; background-color: #161616; font-weight: bold;  cursor: pointer; padding:4px 8px 4px 8px; margin: 2px; margin-top: 2px;}
.LapozoActive { float:left;  border: 1px solid #7b0003; font-size: 12px; color: #FFFFFF; font-weight: bold;   background-color: #ff0000; cursor: pointer;  padding:4px 8px 4px 8px; margin: 2px; margin-top: 2px;}


/*RIGHT */
.RightGradBg{background: #161616 url(/images/rightgradbg.png) repeat-x bottom;}
.BoxOne{height: 242px; overflow: hidden;}
.RightArrow{background: url(/images/rightarrow.gif) no-repeat right bottom;}
.RightOneNews{height: 70px; overflow:hidden;}
.RightOneNews h3{margin: 0px; padding: 0px; font-size: 12px; color:#FFFFFF; line-height: 12px; margin-bottom:3px;}
.RightRow{padding-top: 2px; padding-bottom:2px; cursor: pointer; }
.RightRow h3{margin: 0px; padding: 0px; font-size: 12px; color:#FFFFFF; line-height: 13px; margin-bottom:3px; height: 13px; overflow:hidden;}
.Red{background: url(/images/redgrad.gif) repeat-x; padding: 4px; padding-left: 8px; padding-right: 8px;}
.ServiceBox{height: 30px; padding-top: 59px; background-repeat: no-repeat; width: 127px; overflow:hidden; float:left; font-weight:bold; cursor: pointer;}
.ServiceBox2{height: 30px; padding-top: 59px;  background-repeat: no-repeat; width: 126px; overflow:hidden; float:left; margin-left:3px; margin-right: 3px; font-weight:bold; cursor: pointer;}

/* CART */
.CartBg {background: #fc0000 url(/images/cartbg.gif) repeat-x; cursor: pointer; height: 65px; margin-bottom: 2px; margin-top: 6px;}
.CartIn{background: url(/images/cart-b.gif) no-repeat bottom left; color:#202022; padding-left: 70px; padding-top: 14px; width: 280px; overflow:hidden;}
.CartAr{font-size: 22px; font-weight: bold; overflow:hidden; color:#202022; padding-right: 8px;}
.CartDb{font-size: 16px; font-weight: bold; margin-bottom: -4px;width: 28px; text-align:center; padding-top: 4px;}
.IncCart{padding-left: 9px; padding-top: 9px; padding-right: 9px;}
.FrM{background-color:#050505; border: 1px solid #2f2f2f;font-size: 12px; color:#cccccc; padding: 4px; margin-top: 2px; width: 260px;}
.error{background-color:#050505; border: 1px solid #ff0000;font-size: 12px; color:#cccccc; padding: 4px; margin-top: 2px; width: 260px;}
.Row{height: 50px;}
.DelOrder{border: 1px solid #2f2f2f; padding: 4px; background: #050505 url(/images/trash.gif) no-repeat left; padding: 4px 16px 4px 30px;cursor: pointer;}
.SendOrder{border: 1px solid #2f2f2f; background: #050505 url(/images/sendorder.gif) no-repeat right; padding: 4px 29px 5px 8px; font-weight: bold; cursor: pointer;}
.toCart{background-color:#000000; padding: 4px; cursor:pointer; padding-left: 8px}
.CartPrice{background-color:#2f2f2f; height: 46px; border: 1px solid #000000;}
.ProdText {  text-align:left; width:280px; overflow:hidden;}
.ProdTextRight{ text-align:left; width:260px; overflow:hidden; padding-left: 5px;}
.PictureContainer{width:280px; height: 280px; background-color:#050505; text-align:center; overflow:hidden;}
.ProdTextRight h2{font-size: 13px;}
.ProdText h2{font-size: 13px;}
.Prodbox{width:110px; background-color: #000000; border: 1px solid #000000; font-size: 11px; line-height: 12px}
#allResult{background-color: #050505; padding: 8px; text-align:right; margin-top: 4px;}

.CartPriceBrutto{font-size: 16px; font-weight:bold; padding: 6px 8px 0px 0px; text-align:right; width: 160px;}
.CartPriceNetto{font-size: 12px; font-weight:bold; padding: 0px 8px 0px 0px; text-align:right; width: 160px;}
.CartPriceAkcio{background-color:red; color:#FFFFFF; font-size: 12px; padding: 8px; text-align:left; width: 263px;}
.Images{border:1px solid #000000;}

.Inside ul{margin: 0px; padding: 0px; overflow:hidden}
.Inside li{background-image: url(/images/li.gif); background-repeat: no-repeat; padding-left: 20px; padding-bottom: 2px;}

/* NEWS */

.NewsMainPic{margin-right: 10px; margin-bottom: 8px; margin-top: 8px; padding: 1px; border: 1px solid #000000}
.Inside h2{font-size: 14px; color:red; padding: 0px; margin: 0px;}
.Inside h2 a{font-size: 14px; color:red; padding: 0px; margin: 0px;}
.Inside h2 a:hover{font-size: 14px; color:#FFFFFF; padding: 0px; margin: 0px;}
.SubLine{color:#636363; padding-bottom: 0px; padding-top: 0px;}
.SubLine a{color:red;}
.SubLine a:hover{color:#FFFFFF;}
.SubLine span{color:#636363}

/* BOTTOM */
div.SiteBottom {background-color: #050505; color:#474747;}
div.SiteBottom div{background-color: #050505; color:#474747;  padding: 8px; border-right: 1px solid #2f2f2f;}

div.SiteBottom a{color:#474747;}
div.SiteBottom a:hover{color:#FFFFFF;}