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

body {
	font: 100%/1.4 Century Gothic;
	margin: 0;
	padding: 0;
	color: #000;
	
	position: relative;
	overflow: auto; 
	/*width: 100%;*/

	background: #EDEDED;
	/*font-family: "Muli";
	font-style: normal;
	font-weight: 400;*/
}

.elvalaszto {background: url(../images/design/elvalaszto-vonal.png) center repeat-x; width: auto; height: 1px; margin: 5px 0 0px 0;}

h2 {
	color: #c5861f;	
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 0.1em
}

.CartTitles {
	color: #67463C;	
	font-size: 0.9em;
	font-weight: bold;
}
.CartTitles2 {
	color: #67463C;	
	font-size: 0.9em;
}
.CartItem {
	color: #C43D0E; /*#9C2F10; /*#67463C;	*/
	font-size: 1em;	
}
.CartPrice {
	color: #67463C;	
	font-size: 0.9em;	
}
.CartTextfieldDarab {
	/*cursor: pointer;
	width: 22px;
	height: 20px;*/
	background-color: #eee;
	border: 1px solid #AC907A; /*#67463C;	*/
	padding: 2px 0;

	color: #67463C;	
	font-size: 0.8em;
	text-align: center;		
}
.CartTextfield {
	/*cursor: pointer;
	width: 22px;
	height: 20px;*/
	background-color: #eee;
	border: 1px solid #AC907A; /*#67463C;	*/
	padding: 7px;

	color: #67463C;	
	font-size: 0.9em;		
}
.CartTotalPrice {
	color: #67463C;	
	font-size: 1em;	
	font-weight: bold;	
}
.CartExtrak {
	color: #67463C;	
	font-size: 0.76em;		
}

	
/*** refresh button ***/
input#CartRefreshButton {
	cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	margin: 3px 0px;
	padding: 2px 4px; /*add some padding to the inside of the button*/
	background: url(../images/design/refresh_icon.png) center no-repeat #5E3C30; /*the colour of the button*/
	/*border:1px solid #cae5fc; /*required or the default border for the browser will appear*/
	border: none;
	width: 40px;
	
	/*style the text*/
	color:#f3f3f3;
	
	/*
	font-size: 0.8em;
	text-transform: uppercase;
	*/
	letter-spacing: 0.04em;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
input#CartRefreshButton:hover, input#CartRefreshButton:focus{
	background-color: #B7B5A4; /*make the background a little darker*/
	/*border: 1px solid #5E3C30;*/
	color: #fff;
}


/*** rendel button ***/
input#CartOrderButton {
	cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	margin: 10px 0px;
	padding: 5px 8px; /*add some padding to the inside of the button*/
	background: #5E3C30; /*the colour of the button*/
	/*border:1px solid #cae5fc; /*required or the default border for the browser will appear*/
	border: none;
	/*style the text*/
	color:#f3f3f3;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
input#CartOrderButton:hover, input#CartOrderButton:focus{
	background-color: #B7B5A4; /*#090; /*make the background a little darker*/
	/*border: 1px solid #5E3C30;*/
	color: #fff;
}

input#CartOrderButtonLetiltott {
	/*float: right;*/
	cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	margin: 11px 0px 7px 0px;
	padding: 5px 8px; /*add some padding to the inside of the button*/
	background: #999; /*the colour of the button*/
	/*border:1px solid #cae5fc; /*required or the default border for the browser will appear*/
	border: none;
	/*style the text*/
	color:#f3f3f3;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}


/* rendeles es textbox increment decrement */
.termek-rendeles-form {
	margin: 0 auto;
	max-width: 710px;
	/*	border: 1px solid red;	*/
}

.termek-rendeles-form label {
  font-size: 15px;
  display: inline-block;
  /*float: left;*/
  /*text-align: right;*/
  padding: 5px 10px 0 0;
  width: auto;
  height: auto;
  color: #333;
  /*	border: 1px solid red;	*/
}
.termek-rendeles-form .counter-holder {
  font: bold 20px Helvetica, sans-serif;
  display: block;
  float: left;
  text-align: right;
  padding: 5px 10px 0 0;
  margin: 50px auto 0 auto;
  width: auto;
  height: auto;
  /*	border: 1px solid red;	*/
}

.termek-rendeles-form input[type=text] {
  float: left;
  width: 86px;
  font: 20px Helvetica, sans-serif;
  padding: 10px 15px;
  text-align: center;
  margin-bottom: 15px;
  border: 1px solid #CCCCCC;
  background-color: transparent;
  color: #C68702;
}
.sum {
  /*float: left;*/
  width: 86px;
  font: 20px Helvetica, sans-serif;
  padding: 10px 15px;
  text-align: center;
  margin-bottom: 15px;
  border: 1px solid #CCCCCC;
  background-color: transparent;
  color: #C68702;
}

.termek-rendeles-form input[type="text"]:focus,
.termek-rendeles-form input[type="text"]:hover {
	border-color: none;
	box-shadow: none; 
}

.counter-holder .darab {
	display: inline-block;
	float: left;
	width: auto;
	padding: 12px 0 0 10px;
	color: #999;
	font-size: 16px;
	font-weight: normal;
}

.termek-rendeles-form div {
  overflow: hidden;
  margin: 0 0 5px 0;
}
.termek-rendeles-form .button {
  margin: 0 0 0 5px;
  text-indent: -9999px;
  cursor: pointer;
  width: 39px;
  height: 39px;
  float: left;
  text-align: center;
  background: url(../inc/InputNumberIncrementer/images/buttons.png) no-repeat;
}
.termek-rendeles-form .button2 {
  margin: 0 0 0 5px;
  text-indent: -9999px;
  cursor: pointer;
  width: 39px;
  height: 39px;
  float: left;
  text-align: center;
  background: url(../inc/InputNumberIncrementer/images/buttons.png) no-repeat;
}
.termek-rendeles-form .dec {
	background-position: -5px -38px;
	margin: 4px 20px 0 0;
  /*	border: 1px solid red;	*/
}

.termek-rendeles-form .inc {
	background-position: 10px 0;
	margin: 4px 0 0 25px;
}


.termek-rendeles-form .buttons {
  padding: 20px 0 0 40px;
}
.termek-rendeles-form label > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.termek_elvalaszto_only_mobile { display: none; }

.user-data {
	margin: 0 auto;
	margin-top: 30px;
	max-width: 700px;
	/*	border: 1px solid red;	*/
}

.btn_sarga,
input[type="submit"].btn_sarga {
  display: inline-block;
  vertical-align: top;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.65em;
  text-align: center;
  text-decoration: none;
  color: #fff;
  -webkit-appearance: none;
  outline: none;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  background: #C5861F;
  padding: 0.9em 2em;
  text-transform: uppercase;
}
.btn_sarga:hover,
input[type="submit"].btn_sarga:hover {
  color: #fff;
  background: #E1A540; /*#B77D1E;*/
}


/*
.textbox {
  width: auto;
  font: 14px Helvetica, sans-serif;
  padding: 15px 20px;
  text-align: left;
  margin-bottom: 15px;
  border: 1px solid #CCCCCC;
  background-color: transparent;
  color: #C68702;
  text-transform: uppercase;
}
.textbox::-webkit-input-placeholder { color: #B6B6B6; font-size: 14px; }
.textbox::-moz-placeholder { color: #B6B6B6; font-size: 14px;}
*/


.user-data input[type="text"],
.user-data input[type="email"],
.user-data textarea {
  width: 90%;
  font: 14px Helvetica, sans-serif;
  padding: 15px 20px;
  text-align: left;
  margin: 0 10px;
  border: 1px solid #CCCCCC;
  background-color: transparent;
  color: #7a7a7a;
  text-transform: uppercase;
}
.user-data input[type="text"]:focus,
.user-data input[type="email"]:focus,
.user-data textarea:focus {
  box-shadow: none;
  border-color: #CCCCCC;
    border-bottom: solid 2px #C68702;
    color: #C68702;
}
.user-data textarea { width: 95% };
.user-data input:-webkit-input-placeholder { color: #B6B6B6; font-size: 14px; }
.user-data input:-moz-placeholder { color: #B6B6B6; font-size: 14px;}

#star {
	display: inline;
	font-size: 9px;
	color: #C58601;
}


@media only screen and (max-width: 767px) {
	.termek-rendeles-form {
		max-width: 280px;
	}
	.termek-rendeles-form input[type=text] {
		width: 86px;
		font: 16px Helvetica, sans-serif;
  		padding: 13px 5px;
	}
	.termek-rendeles-form .dec {
		margin: 4px 0px 0 0;
	}
	.termek-rendeles-form .inc {
		margin: 4px 0 0 5px;
	}
	.termek-rendeles-form .counter-holder {
		margin: 10px 0 0 0;
		/*text-align: right;*/
		float: right;
		/*border: 1px solid red;*/
	}

	.termek_elvalaszto_only_mobile {
		display: block;
		
		background: url(../images/design/elvalaszto-vonal.png) repeat-x;
		height: 20px;
	}
	/*.termek-rendeles-form .counter-holder {
  font: bold 20px Helvetica, sans-serif;
  display: block;
  float: left;
  text-align: right;
  padding: 5px 10px 0 0;
  margin: 50px auto 0 auto;
  width: auto;
  height: auto;

  
}*/
}