/* Style for invalid input */
.invalidInput { border:1px solid #F00; background-color: #FFD9D9; color: #F00; }
/* Style for valid input */
.validInput { background-color: #FFF; }
/* ---| Support Forms |--- */
/* ---| Uye giris penceresi |--- */
form#uye_girisi { width:320px; display:block; height: 500px; padding-top: 120px; padding-left: 350px; }
form#uye_girisi fieldset { padding: 20px; border: 5px solid #d6ecf7; }
form#uye_girisi fieldset legend { font-weight: bold; color: #81979a; padding:0 0.5em; }
form#uye_girisi fieldset label { color:#40474a; display:block; margin-bottom: 4px; }
form#uye_girisi fieldset label a:link, form#uye_girisi fieldset label a:active, form#uye_girisi fieldset label a:visited { color:#40474a; margin-top: 4px; display:block; background-image: url(../images/icon1.png); background-repeat: no-repeat; background-position: left center; text-indent: 12px; font-weight:bold; text-decoration: none; }
form#uye_girisi fieldset label a:hover { color: #ff1301; }
form#uye_girisi fieldset input { color:#000; display:block; width:177px; }
form#uye_girisi fieldset input.giris { color:#46515e; height: 22px; display:block; width:62px; margin-top:6px; }
form#uye_girisi fieldset #secureCode { width:80px }
form#uye_girisi table { }
form#uye_girisi table tr td { padding: 2px; }
/* */
form#uye_girisi2 { width:420px; display:block; height: 500px; padding-top: 120px; padding-left: 350px; }
form#uye_girisi2  fieldset { padding: 20px; border: 5px solid #d6ecf7; }
form#uye_girisi2  fieldset legend { font-weight: bold; color: #81979a; padding:0 0.5em; }
form#uye_girisi2  fieldset label { color:#40474a; display:block; margin-bottom: 4px; }
form#uye_girisi2  fieldset input { color:#000; display:block; width:250px; }
form#uye_girisi2  fieldset textarea { color:#000; display:block; width:250px; }
form#uye_girisi2  fieldset select { color:#000; display:block; width:250px; }
form#uye_girisi2  fieldset input.giris { color:#46515e; height: 22px; display:block; width:62px; margin-top:6px; }
form#uye_girisi2  fieldset input.giris3 {  color:#000; display:block; width:150px; }
form#uye_girisi2  fieldset #secureCode { width:80px }
form#uye_girisi2  table { }
form#uye_girisi2  table tr td { padding: 2px; }

/* */
form#siparisFormu { width:900px; display:block; padding: 0px; margin-top: 30px; }
form#siparisFormu fieldset { padding: 20px; border: 5px solid #d6ecf7; display: block; }
form#siparisFormu fieldset legend { font-weight: bold; color: #81979a; padding:0 0.5em; }
form#siparisFormu fieldset label { color:#40474a; display:block; margin-bottom: 4px; }
form#siparisFormu fieldset label a:link, form#uye_girisi fieldset label a:active, form#uye_girisi fieldset label a:visited { color:#40474a; margin-top: 4px; display:block; background-image: url(../images/icon1.png); background-repeat: no-repeat; background-position: left center; text-indent: 12px; font-weight:bold; text-decoration: none; }
form#siparisFormu fieldset label a:hover { color: #ff1301; }
form#siparisFormu fieldset input { color:#000; width:100px; }
form#siparisFormu input.disabled { color:#000; display:block; width:120px; background-color: #dbdfe6; border: 1px solid #dbdfe6; }
form#siparisFormu input.disabled2 { color:#000; display:block; width:120px; background-color: #dbdfe6; border: 1px solid #dbdfe6; }
form#siparisFormu fieldset input.giris { color:#46515e; height: 22px; display:block; width:80px; margin-top:6px; }
form#siparisFormu fieldset input.giris2 { color:#46515e; height: 22px; display:block; width:80px; margin-top:6px; float: right; }
form#siparisFormu fieldset input.coklu { width:20px}

/* ----- HEADER ---*/
form#siparisFormu fieldset #secureCode { width:80px }
#siparisHeader tr th { padding: 4px; text-align: right; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d6ecf7; }
#siparisHeader tr td { padding: 4px; text-align: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d6ecf7; }
#siparisHeader tr td input { color:#000; display:block; width:120px; }

#siparisBody tr th { padding: 4px; text-align: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d6ecf7; }
#siparisBody tr td { padding: 4px; text-align: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d6ecf7; }
#siparisBody tr td input { color:#000; display:block; width:120px; }

#siparisFooter tr th { padding: 4px; text-align: right; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d6ecf7;  }
#siparisFooter tr td { padding: 4px; text-align: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d6ecf7; }
#siparisFooter tr td input { color:#000; display:block; width:120px; }

#siparisOnay tr th { padding: 4px; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d6ecf7; }
#siparisOnay tr td { padding: 4px; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d6ecf7; }
#siparisOnay tr td input { color:#000; display:block; width:120px; }

#siparisHesabpama tr td { padding: 2px; text-align: left;  }
#siparisHesabpama tr td input { color:#000; display:block; width:120px; }
.sonucssss{ font-size: 1.4em; color: #F00; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

#siparisBody2{ margin-top: 40px; /*background-color: #eff8fc; border: 1px solid #d6ecf7; */ background-color: #FFE8E8; border: 1px solid #FFD9D9; }
#siparisBody2 tr th { padding: 4px;  border: 1px solid #FFD9D9;  }
#siparisBody2 tr td { padding: 4px;  }
.cls01{ background-color: #ffdada; }

#siparisBody4 {width:780px}
#siparisBody4 tr th { padding: 4px; text-align: center; border: 1px solid #d6ecf7; }
#siparisBody4 tr td { padding: 4px; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d6ecf7; }
#siparisBody4 tr td input { color:#000; display:block; width:120px; }


.web{ display: block; margin: 0px; padding: 0px; width: 850px; float: left; }
.web div{ float: left; padding: 0px; margin: 2px; }

.web2 div	{ float: left; text-align: right; padding-right: 4px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; }

/**
* Core code for resuing in common techniques such as image replacement,
* easy clearing and a method of hiding elements without display: none;
*
*
* CONTENTS
* -------------------------
* Accessible Hiding
* Image Replacement
*  + Phark
*  + Gilder/Levin
* Easy Clearing
*
*/

/* Accessible Hiding
-------------------------------------------------------------------------------------------------- */
.access {
	position: absolute; top: -9999px; left: -9999px;
	overflow: hidden;
	height: 0.0; width: 0.0;
	font-size: 0.0; line-height: 0.0;
}

#metreKupTOPLAM, #metreKupKALAN{ font-weight: bold; color: #F00; font-size: 14px; }

/* Image Replacement (Phark) http://phark.typepad.com/phark/2003/08/accessible_imag.html
-------------------------------------------------------------------------------------------------- */
.phark {
	display: block;	overflow: hidden;
	font-size: 0.0;	line-height: 0.0;
	text-decoration: none; text-indent: -9999px;
	background: transparent no-repeat 0 0;
	border: 0;
}


/* Image Replacement (Gilder/Levin) http://levin.grundeis.net/files/20030809/alternatefir.html
-------------------------------------------------------------------------------------------------- */
.gl, .gl span.gl-ir {
	position: relative;
	display: block; overflow: hidden;
}
.gl span.gl-ir {
	position: absolute; top: 0; left: 0; z-index: 5001;
	margin: 0; padding: 0;
	font-size: 0.0; line-height: 0.0;
}


/* Easy Clearing - http://www.positioniseverything.net/easyclearing.html
-------------------------------------------------------------------------------------------------- */
.clearfix::after,
#container::after,
#content::after,
#content div.section::after {
	content: '.';
	clear: both;
	display: block; visibility: hidden;
	height: 0.0; width: 0.0;
	font-size: 0.0;	line-height: 0.0;
}


.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}html body div.clear,html body span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
.grid_clear {clear: both;}