/* CSS Document */


body {


	padding: 0px;


	margin: 0px;


	font-family: Arial, Helvetica, sans-serif;


	font-size: 11px;


	color: #12311F;


/*	background-image: url(../images/body_bg_top.gif);


	background-position: top;


	background-repeat: repeat-x;


*/


}





a img {


	border: 0px;


	outline: none;


}


p {


	margin:0px;


	padding:5px;


	padding-left:0px;


	padding-right: 0px;


}


a {


	color: #9E2925;


	outline: none;


}


h1 {


	font-size: 24px;


}


h2 {


	font-size: 20px;


}


h3 {


	font-size: 18px;


	font-weight: normal;


	padding:0px;


	padding-top:5px;


	padding-bottom: 5px;


	margin:0px;





}


h4 {


	font-size: 14px;


	font-weight: normal;


	padding:0px;


	padding-top:5px;


	padding-bottom: 5px;


	margin:0px;


}


form {


	padding:0px;


	margin:0px;	


}





hr {


	border:0px;


	display: block;


	height: 1px;


	padding: 2px 0px;


	clear: both;


	border-bottom: 1px dashed #102f20;


}





table {


	border-collapse: collapse;	


}





table td {


	vertical-align: top;	


}


.clear {


	float: none !important;


	clear: both !important;


	font-size: 0 !important;


	width: 0 !important;


	height: 0 !important;


	line-height: 0 !important;


}





/***** hirek */


ul.news h1,ul.news h2, ul.news h3, ul.news h4, ul.news h5, ul.news h6 {


	display: block;


	font-family: Arial;


	font-size: 11px;


	font-weight: normal;


	text-decoration: none;


	padding: 0px;


	margin: 0px;


}





ul.news li a.head, ul.news li a.head h1,ul.news li a.head h2, ul.news li a.head h3, ul.news li a.head h4, ul.news li a.head h5, ul.news li a.head h6 {


	font-weight: bold !important;


}





/* BODY ***************************************************************************************/


div.body_bg_bottom {


/*	background-image: url(../images/body_bg_bottom.gif);


	background-position: bottom;


	background-repeat: repeat-x;


*/


}


div.body_shadow_top {


	margin: auto;


	width: 1000px;


/*	background-image: url(../images/body_shadow_top.png);


	background-position: top;


	background-repeat: no-repeat;


*/


}


div.body_shadow_bottom {


	width: 1000px;


/*	background-image: url(../images/body_shadow_bottom.png);


	background-position: bottom;


	background-repeat: no-repeat;


*/


}


/**********************************************************************************************/


/* HEADER *************************************************************************************/


div.header {


	width: 960px;


	height: 107px;


	background: url(../images/nyilaszaro_sprite_old.png) no-repeat 0px 0px;


	margin-left: 20px;


}


div.header div.logo {


	float: left;


	display: block;


	width: 40px;


	height: 40px;


	padding: 32px 0 0 32px;


	overflow: hidden;


}


	#mobile_box div a, div.header div.logo a {


		display: block;


		width: 40px;


		height: 40px;


		background-image: url(../images/home-icon.png);
		background-size:contain;


		outline: none;


		text-decoration: none;


	}

	#mobile_box div.cart a {
		background-image: url('../images/cart_icon.png');
	}

	#mobile_box div.menu a {
		background-image: url('../images/menu_icon.png');
	}


div.header div.menu {


	float: left;


	display: block;


	width: 802px;


	height: 107px;


}


div.header div.menu ul {


	margin: 0px;


	padding: 0px;


	list-style: none;


	margin: 73px 5px 0 0;


	overflow: hidden;
	padding-left:70px;


}


	div.header div.menu ul li {


		display: block;


		float: left;


		height: 8px;


		line-height: 8px;


		padding: 0px 18px 0px 18px;


		margin: 13px 0 0;


		border-left: 1px solid white;


	}


	div.header div.menu ul li:first-child {


		border-left: 0px;


	}


div.header div.menu ul li a {


	color: #FFFFFF;


	font-family: Arial, Helvetica, sans-serif;


	font-size: 11px;


	text-decoration: none;


	text-transform: uppercase;


}


div.header div.menu ul li a:hover {


	color: #ee4d1a;


}


/**********************************************************************************************/





/* CENTER KERETRENDSZER ***********************************************************************/


div.center {


	display: block;


	float: left;


	width: 960px;


	margin-left: 20px;


	background-color: #FFFFFF;


	padding-top: 9px;


	padding-bottom: 10px;


}


div.center div.left {


	display: block;


	float: left;


	width: 206px;


	padding-left: 5px;


}


div.center div.middle {


	display: block;


	float: left;


	width: 526px;


	padding-left: 4px;


}


div.center div.right {


	display: block;


	float: left;


	width: 211px;


	padding-left: 4px;


}


/**********************************************************************************************/





/* FOOTER *************************************************************************************/


div.footer {


	clear: both;


	width: 960px;


	height: 62px;


	margin-left: 20px;


	font-family: Arial, Helvetica, sans-serif;


	font-size: 12px;


	color: #FFFFFF;


}


div.footer div.menu {


	clear: both;


	width: 960px;


	height: 35px;


	line-height: 35px;


	background: url(../images/nyilaszaro_sprite.png) no-repeat 0px -184px;


	text-align: center;


	text-transform: uppercase;


	font-weight: bold;	


}





div.footer div.menu a {


	color: #FFFFFF;


	text-decoration: none;


	padding: 0px 5px 0px 5px;


}


div.footer div.menu a:hover {


	color: #11301E;


}





div.footer div.text {


	clear: both;


	width: 960px;


	color: #164A2D;


	text-align: center;


	line-height: 27px;


}





input,textarea {


	filter:alpha(opacity=85);


	-moz-opacity:0.85;


	-khtml-opacity: 0.85;


	opacity: 0.85;


	border: 1px solid #417658;


}





input[type='radio'],input[type='checkbox'] {


	border:0px;	


}


/********************** ALERT BOX **************************************************/





#alert_box {


	position: absolute;


	padding: 20px;


	


	top:70%;


	


	/*top: 150px;*/


	left: 50%;


	width: 300px ;


  	margin-left: -150px ;	


	


	border: 1px solid #d6d6d6;


	border-left-color: #e4e4e4;


	border-top-color: #e4e4e4;





	visibility: hidden;


	z-index: 6000;


}





#alert_box_message {


	font-size: 24px;


	font-weight: bold;


	text-align: center;		


}





.alert_open{


	background-color: #FFFC9E;


	color: #5D613C;


}





.alert_close{


	background-color: #fff;


	color: #fff;


}





.alert_fade_open{


	background-color: #FFFC9E;


	color: #5D613C;


}


.close_alert_head {


	padding: 0;


	display: none;


}





/**********************  Kosár *********************/


#kosar-tabla td {


	padding-top: 5px;


	padding-bottom: 5px;


}





#kosar-tabla {


	width: 500px;


	color: #4f2b00;


}


#form-form input {


	border: 1px solid #fb4106;


}


#kosar-tabla #fejlec td {


	text-align: center;


	font-weight: bold;


}





#kosar-tabla tr td {


	border-bottom: 1px dashed #fb4106;


}





#kosar-tabla tr.szines td {


	background: #feccaa;


}





div.kosar-osszegzes {


	width: 490px;


	float: left;


	padding: 20px 5px 0;


	margin-top: 3px;


	border-top: 1px dashed #fb4106;


	color: #4f2b00;


}


	.kosar-osszegzes .kosar_left {


		float: left;


		padding: 15px 0 0;


	}





div.fizetendo {


	width: 490px;


	float: left;


	padding: 20px 5px;


	margin-top:3px;


	border-top: 3px double #fb4106;


}





div.kosar-osszegzes div.left, div.fizetendo div.left {


	float:left;


	padding:0px;


	margin:0px;


	/*width: 360px;*/


	height:20px;


	text-align:right;


}





div.kosar-osszegzes div.right,div.fizetendo div.right {


	float:right;


	padding:0px;


	margin:0px;


	width: 90px;


	height:20px;


	text-align:right;


}





div.kosar-osszegzes div.nagy, div.fizetendo div.nagy {


	font-size: 14px;	


}





div.kosar-osszegzes div.piros, div.fizetendo div.piros {


	color: red;	


}


div.kosar-osszegzes div.vastag, div.fizetendo div.vastag {


	font-weight: bold;	


}





/* BREADCRUMB ************************************************************/


div.center div.breadcrumb_left {


	display: block;


	float: left;


	width: 8px;


	height: 39px;


	background: url(../images/nyilaszaro_sprite.png) no-repeat left -220px;


	margin: 0px 0px 5px 10px;


}


div.center div.breadcrumb_cont {


	display: block;


	float: left;


	height: 33px;


	padding-top: 6px;


	width: 925px;


	overflow: hidden;


	background: url(../images/nyilaszaro_sprite.png) no-repeat -8px -220px;


}


div.center div.breadcrumb_right {


	display: block;


	float: left;


	width: 8px;


	height: 39px;


	background: url(../images/nyilaszaro_sprite.png) no-repeat -952px -220px;


	margin: 0px 0px 5px 0px;


}


	#breadcrumb {


		float: left;


		display: block;


		margin: 0px;


		padding: 0px;


		height: 24px;


		background: url(../images/nyilaszaro_sprite.png) no-repeat -8px -260px;


		list-style: none;


	}


		#breadcrumb li {


			float: left;


			height: 24px;


			line-height: 23px;


			overflow: hidden;


		}


		#breadcrumb li div {


			height: 24px;


			background: url(../images/nyilaszaro_sprite_jo.png) no-repeat right -285px;


			padding: 0 22px 0 0;


			margin-left: 7px;


		}


		#breadcrumb li.start {


			background: url(../images/nyilaszaro_sprite.png) no-repeat left -260px;


		}


		#breadcrumb li.start a {


			display: block;


			width: 18px;


			height: 18px;


			background: url(../images/nyilaszaro_sprite.png) no-repeat -219px -108px;


		}


		#breadcrumb li.start a:hover {


			background: url(../images/nyilaszaro_sprite.png) no-repeat -219px -127px;


		}


		#breadcrumb li.start div {


			padding: 3px 15px 0 0 !important;


		}


		#breadcrumb li.end div {


			padding-right: 14px !important;


			background: url(../images/nyilaszaro_sprite_jo.png) no-repeat right -260px;


		}


		#breadcrumb li a {


			color: #FFFFFF;


			text-decoration: none;


		}


		#breadcrumb li a:hover {


			color: #4f2b00;


		}


/**ÁRLISTA*************************************************************/





div.arlista {


	float:left;


	width:498px;


	margin-top:10px;


	border:1px solid black;


	border-bottom:0px;


}


div.arlista_termek {


	float:left;


	width:492px;


	padding:3px;	


	border-bottom: 1px solid black;


}





div.arlista_termek a {


	color: #12311F;


	text-decoration: none;	


}





div.arlista_termek div.nev {


	float:left;


	width: 350px;


	height: 30px;


}





div.arlista_termek div.nev h1 {


	padding: 0px;


	margin: 0px;


	font-family: Arial, Helvetica, sans-serif;


	font-size: 11px;


	font-weight: bold;


	color: #12311F;


}





div.arlista_termek div.nev h1 a {


	color: #9E2925;


}





div.arlista_termek div.ar {


	float:right;


	width: 142px;


	height: 25px;


	text-align: right;


}





div.arlista_termek div.leiras { 


	float:left;


	clear:both;


	width:492px;


	padding-bottom:5px;


}





/* TERMEK **********************************************************************************************************************************/


#termek_jobb_box #vasarlas .kosarba {


	display: block;


	width: 76px;


	height: 26px;


	line-height: 25px;


	padding: 0 26px 0 0;


	text-decoration: none;


	text-align: center;


	color: #ffffff;


	font-size: 12px;


	font-weight: bold;


	cursor: pointer;


	outline: none;


	background: url(../images/nyilaszaro_sprite.png) no-repeat -961px -338px;


}


#termek_bal_box #kiskepek .product_thumb {


	display: block;


	float: left;


	width: 30px;


	height: 30px;


	padding: 1px;


	margin-right: 5px;


	background: url(../images/nyilaszaro_sprite.png) no-repeat -1064px -338px;


	oveflow: hidden;


}