@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0;}


.text-center	{ text-align:	center; }
.text-left		{ text-align: 	left; }
.text-right		{ text-align: 	right; }
.text-justify	{ text-align:	justify;}

.clear			{ clear: both; }
.clear-right	{ clear: right; }


body {background-image: url(/design/body-bg.jpg); font-family: Arial, Helvetica, sans-serif; font-size: 14px;}

#container {width: 980px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif;}
#container p {color: #504E4D;}

#top {
	  width: 100%;
	  height: 150px;
	  background-image: url(/design/top-bg.jpg);
	  background-repeat: repeat-x;
	  margin-bottom: 5px;
	  }

#header {
		 background: url(/design/header2-bg.jpg) center top no-repeat;
	  	 width: 100%;
		 height: 150px;
		 margin: 0 auto;
		 }

#header a {text-decoration: none;}
#header a img { border: none;}





			
#left {
	   width: 168px;
	   float: left;
	   display: inline;
	   margin-right: 10px;
	   margin-left: 10px;
	   }
	   
#left a {
		 text-decoration: none;
		 text-align: left;
		 padding: 4px 0 4px 4px;
		 }

#left a.active {
		 color: #FE0000;
		 }

#left ul {
		  list-style: none;
		  margin-top: 5px;
		  }
		  
		  
#left li {
		  margin-left: 12px;

		  }

.ulList {}

.ulList  a{
		display: block;
		  background-image: url(/design/horizontal-border.jpg);
		  background-repeat: no-repeat;
		  background-position: bottom left;
		  }

.ulList ul a{
	background: none;
		  }

#lenyilo {

		  padding-bottom: 5px;
		  }

#lenyilo li {
			 list-style-position: outside;
			 list-style-image: url(/design/list-style-type.jpg);
			 background-image: none;
			 margin-left: 25px;
			 }
				
#lenyilo li a {
			   font-size: 11px;
			   padding: 0;
			   margin-left: -3px;
				}
		  
#left a:hover {color: #FE0000;}
#left #active {color: #FE0000;}






	   
#content {
		  width: 592px;
		  float: left;
		  display: inline;
		  margin-right: 10px;
		  }
		  
#contenttop {
			 height: 29px;
			 font-family: Verdana, Geneva, sans-serif;
			 }
			 
#contenttop #first, #contenttop #first_actual{
					width: 92px;
					height: 29px;
					background: url(/design/menu-left.gif) left top no-repeat;
					padding: 0;
		 			}

#contenttop #first span, #contenttop #first_actual span {
						 display: block;
						 text-align: right;
						 margin-right: 10px;
						 }
			 
#contenttop #first:hover, #contenttop #first_actual {
			  			  background-image: url(/design/menu-left-hover.gif);
			  			  background-repeat: no-repeat;
				   	   	  }
					   
#contenttop #last, #contenttop #last_actual{
				   width: 103px;
				   height: 29px;
				   background: url(/design/menu-right.gif) right top no-repeat;
				   float: left;
				   padding: 0;
					}
				
#contenttop #last:hover, #contenttop #last_actual {
						 background-image: url(/design/menu-right-hover.gif);
						 background-repeat: no-repeat;
						 }
				
#contenttop #last span, #contenttop #last_actual span {margin-left: 10px;}
				   
#contenttop a {
			   color: #FFFFFF;
			   text-decoration: none;
			   background-image:url(/design/menu-mid.jpg);
			   background-repeat: repeat-x;
			   font-size: 14px;
			   line-height: 29px;
			   padding: 0 12px 0 13px;
			   float: left;
				}

				
#contenttop a:hover, #contenttop a.actual {
					 background-image: url(/design/contenttop-hover.jpg);
					 background-repeat: repeat-x;
					 }
				
#contenttop .border {
					 width: 2px;
					 height: 29px;
					 background-image: url(/design/vertical-border.jpg);
					 background-repeat: no-repeat;
					 float: left;
					 }




#contentmid {
			 background-color: #FFE7D3;
		 	 border-left: 2px solid #fe0000;
		 	 border-right: 2px solid #fe0000;
			 clear: left;
			 padding-top: 10px;
			 }
			 
#contentmid h1 {
				margin: 0 0 10px 20px;
				}


#contentmid p {
			   margin: 10px 20px 10px 20px;}
			 




#contentbot {
			 background-image: url(/design/content-bottom.gif);
			 background-repeat: no-repeat;
			 height: 29px;
			 }




#content .minibox {
				   float: left;
				   width: 121px;
				   display: inline;
				   margin: 10px 0 0 20px;
				   }
			 
#content .minibox-top {
					   height: 28px;
					   background-image: url(/design/minibox-top.jpg);
					   background-repeat: no-repeat;
						}
						
#content .minibox-middle {
						  background-color: #FFE7D3;
						  border-left: 2px solid #fe0000;
						  border-right: 2px solid #fe0000;
						  }
						  
#content .minibox-middle img {margin-left: 10px; border: none;}
						
#content .minibox-bottom {
						  height: 19px;
				   		  background-image: url(/design/minibox-bottom.jpg);
				   		  background-repeat: no-repeat;
				   		  background-position: bottom;
						  }
						
#content .minibox-top h3 {
			 			  font-size: 10px;
			 			  color: #FFFFFF;
			 			  padding-top: 8px;
						  text-align: center;
						  margin: 0;
						  font-weight: normal;
						  }
			 
#content .minibox-top h3 a { text-decoration: none; color: #fff; }
			 
#content .minibox-top h3 a:hover { color: #504E4D; }



#content #footer {
				  margin-top: 30px;
				  padding: 0 40px;
				  }
				  
#footer a {
		   text-decoration: none;
		   color: #504E4D;
		   font-size: 12px;
		   }
				  
#content #footer p {text-align: center; color: #504E4D; margin: 0;}	
#content #footer #jatekvilag {margin-top: 25px; font-size: 12px;}

			 
#right {
		float: left;
		display: inline;
		width: 168px;
		}
		
#right a {
		  display: block;
		  margin-top: 2px;
		  color: #FF4C14;
		  }
		  
		  
		  
		  
		  
		  
		  
		  
/*OLDALSAV DOBOZOK*/

.boxtop {
		 background-image: url(/design/boxtop.gif);
		 background-repeat: no-repeat;
		 height: 29px;
		 }
		 
.boxtop h2 {
			text-align: center;
			color: #FFFFFF;
			font-size: 14px;
			line-height: 30px;
			font-weight: normal;
			font-family: Verdana, Geneva, sans-serif;
			}
		 
.boxmid {
		 width: 164px;
		 background-color: #FFE7D3;
		 border-left: 2px solid #fe0000;
		 border-right: 2px solid #fe0000;
		 padding: 5px 0 0 0;
		 }

.boxmid p {
		   font-size: 14px;
		   margin-left: 5px;
		   }

.boxmid .floatleft {float: left;}
		   
.boxmid #kosar {float: left; margin-left: 5px;}
 
			 
.boxmid input {
			   width: 125px;
			   margin-left: 18px;
			   margin-bottom: 2px;
			   color: #504E4D;
			   }
			   
.boxmid #belepes {
				  width: 91px;
				  height: 23px;
				  margin-left: 38px;
				  display: block;
				  }
				  
.boxmid #kereses, .boxmid .btnKereses {
				  width: 91px;
				  height: 23px;
				  margin: 0 0 0 38px;
				  display: block;
				  }
			   
.boxmid a {
		   color: #504E4D;
		   display: block;
		   font-size: 13px;
		   text-align: center;
		   }
		   
.boxmid ol {
			margin: 0 5px 0 28px;
			color: #185e3a;
			font-size: 12px;
			 }
			 
.boxmid ol a {text-align: left;}





.boxbot {
		 background-image: url(/design/boxbot.gif);
		 background-repeat: no-repeat;
		 height: 17px;
		 margin-bottom: 5px;
		 }
		 
.center {text-align: center; margin-bottom: 10px;}
.clear-left {clear: left; height: 1px;}


/*KOSAR*/


#contentmid .basketbox {
						width: 550px;
						background-image: url(/design/termekbox-border.jpg);
						background-repeat: repeat-x;
						background-position: bottom left;
						margin: 15px 0 0 20px;
						padding-bottom: 15px;
						}
						
#contentmid .basketbox img {
							float: left;
							border: none;
							margin-right: 15px;
							}
							
#contentmid .baskettext {
						 float: left;
						 width: 265px;
						 margin: 0 10px 0 0;
						 }

#contentmid .baskettext p {margin: 0;}							


#contentmid .baskettext h3 a {
							  font-size: 16px;
							  text-decoration: none;
						   	  display: block;
						   	  margin-bottom: 30px;
							  color: #FF4C14;
							  }

#contentmid .baskettext h3 {
							margin: 0 0 30px 0;
							}

#contentmid .basketar {
					   float: left;
					   width: 165px;
					   text-align: right;
						}
						

#contentmid .basketar p:first-child {color: #FF4C14; font-weight: bold; margin-bottom: 10px;}

#contentmid .basketar a {
						 display: block;
						 text-decoration: none;
						 color: #FF4C14;
						 margin-top: 18px;
						 }

#contentmid .basketar a span {font-weight: bold; margin-right: 5px;}




#kosardiv a {
			 text-align: left;
			 margin-left: 5px;
			 text-decoration: none;
			 }
			 
#kosardiv a.del { font-size: .85em; text-align: right; margin-right: 5px; color: #F00; font-weight: bold; }			 

#kosardiv p {
			 color: #185E3A;
			 margin: 15px 0 5px;
			 text-align: center;

			 }
			 
#kosardiv #osszesen {
					 background-image: url(/design/termekbox-border.jpg);
					 background-repeat: repeat-x;
					 background-position: top center;
					 padding-top: 20px;
					 color: #FF4C14;
					 margin: 0 10px 2px 5px;
					 }
					 
#kosardiv #kosarlink {
					  text-decoration: underline;
					  text-align: center;
					  }

#contentmid #megrendeles {padding-top: 15px;}

#contentmid #megrendeles p {
							float: left;
							display: inline;
							color: #ff4c14;
							font-weight: bold;
							}

#contentmid #megrendeles input {
								float: right;
	/*							margin-right: 18px; */
								}
#contentmid #megrendeles a {
								display: block;
								float: right;
								margin-right: 18px;
								}

#contentmid #megrendeles img { border: none;}

#formReg {}
#formReg fieldset { margin: 10px; padding: 10px; border: none;}
#formReg legend { font-weight: bold; font-size: 1.2em;}
#formReg label { display: block; width: 150px; float: left;}
#formReg .inputTxt { width: 200px; }
#formReg .inputSubmit { margin-left: 170px;}

/*#contentmid p,
#contentmid ul, #contentmid ol, #contentmid dl, 
#contentmid table,
#contentmid form,
#contentmid img,
#contentmid h1, #contentmid h2, #contentmid h3, #contentmid h4, #contentmid h5
{ margin: 5px 20px;}*/

#contentmid p {}
#contentmid a { text-decoration: none; color: #FF4C14;}
#contentmid ul, #contentmid ol, #contentmid dl {}
#contentmid table {}
#contentmid form {}
#contentmid img {}

#contentmid h1, #contentmid h2, #contentmid h3, #contentmid h4, #contentmid h5
{ color: #504e4d;}


form {}
form fieldset {}
form legend {}
form label {}
form input {}
form select { width: 140px; margin-left: 12px; font-size: 12px;}
form option {}
form option .all {}

#formSearch label { display: block; margin: 5px 0 2px; font-size: 12px; text-align: center; }
#formSearch .inputSubmit { margin-top: 10px;}

.divPager {margin: 0 20px 15px; padding: 7px 0 7px; text-align: center;  font-size: 13px; clear: left;}
.divPager a { color: #FF4C14; text-decoration: none; padding: 3px; }
.divPager span { color: #504E4D; padding: 3px; }

#divTopPager  {margin: 0 19px 15px; border-bottom: 1px solid #FF4C14;padding: 7px 0; }
#divTopPager .divPager {  text-align: left; margin: 0;padding: 7px 0 0;float: left;}


#tablaPriceList { width: 80%; margin: 15px 20px; font-size: 13px;}
#tablaPriceList a { color: #FF4C14;}
#tablaPriceList tr {}
#tablaPriceList th, #tablaPriceList td { }
#tablaPriceList th {}
#tablaPriceList td {}

#left .imgList { width: 50px; float: left; margin: 0 0 3px 15px; text-align: center; vertical-align: middle;}
.imgList img { border: none;}

#formContact { width: 300px; float: right;}
#formContact p {margin: 0 5px 10px 0; padding: 0;}
#formContact fieldset { border: none; margin: 0 10px 0 0;}
#formContact legend {}
#formContact label {}
#formContact span.inputTxt { display: block; width: 217px; height: 22px; background: url(/design/input.jpg) no-repeat;}
#formContact input.inputTxt { width: 200px; margin: 2px 8px; border: none; background: transparent; }
#formContact input.button {}
#formContact span.txtArea { display: block; width: 217px; height: 154px; background: url(/design/textarea.jpg) no-repeat;}
#formContact textarea { background: transparent; margin: 9px; width: 200px; height: 138px; border: none;}

#formLoginInContent { margin: 15px 20px; font-size: 14px;}
#formLoginInContent fieldset { border: none;}
#formLoginInContent legend { padding: 5px 0 5px 0; font-size: 16px; font-weight: bold; color: #504E4D;}
#formLoginInContent label { display: block; float: left; width: 70px;}
#formLoginInContent input.inputTxt { width: 200px;}
#formLoginInContent input.inputImg { margin-left: 70px;}

#formPriceList { margin: 10px 0 10px 30px;}

.formOrder { margin: 0 20px;}
.formOrder {}


span.ex_price { text-decoration: line-through;}
p.sale_price { padding-left: 22px;}

#flink { clear: both; text-align: center; padding: 25px 5px 10px;color:#574D53;}
#flink a { font-size: .8em; color:#574D53; text-decoration: none; }
#flink a:hover { text-decoration: underline; color: #666; }

#productNPText { clear: both; padding-top: 20px;}
#productNPText a { text-decoration: none; color: #504E4D;}
#productNPText span { font-weight: bold;}


#contentmid #formOrder { text-align: right; padding: 5px 20px 0px; float: right;  }