/* Base CSS */
@import url(reset.css);
@import url(fonts.css);
@import url(base.css);
html, body { height: 100%; direction:rtl }
body { direction: rtl; font: normal 12px arial;
  background: #153255 url(../images/bg-rep.jpg) repeat-x top center;
}
/* Sticky footer. The height for #footer and #push, and the negative bottom margin for the #wrapper must be the same! */
#wrapper { margin: 0 auto -120px; }
#footer, #push { height: 120px; margin: auto; }
img { border: 0; vertical-align: middle; }
.clear { clear:both;}
#wrapper, #footer { width: 985px; }
table{ border-collapse:collapse; border-spacing:0; }
td { vertical-align:top; padding:0; }
.left { float:left; }
.right { float:right; }
a:hover { text-decoration:none; }	
a { color: #009eff; }
#wrapper {
  width: 985px;
  background: url(../images/main-bg.jpg) no-repeat center top;
  height: 618px;
}
#footer { 
  background: url(../images/fotter-img.jpg) no-repeat center 4px;
  margin-top: 15px;

}
/* Your CSS goes here! */


.input-type {
  background: url(../images/inputs.png) no-repeat center top;
  border: none;
  height: 26px;
  padding-top: 2px;
  float: right;
  font-size: 16px;
  font-weight: bold;
  color: #74859e;
  width: 155px;
  margin-top: 4px
}

.input-left {
  display: block;
  float:right;
  height: 28px;
  width: 10px;
  background: url(../images/inputs.png) no-repeat left top;
  margin-left: 15px;
  margin-top: 4px
}
.input-right {
  display: block;
  float:right;
  height: 28px;
  width: 10px;
  background: url(../images/inputs.png) no-repeat right top;

  margin-top: 4px
}

.input-btn {
  background: url(../images/inputs.png) no-repeat right bottom;
  height: 38px;
  border: none;
  width: 105px;
  float: right;
  cursor: pointer;
  margin-right: 5px;
}


.input-btn:hover {
  background: url(../images/inputs.png) no-repeat -692px bottom;
}

.contact-form {
  float: left;
  width: 702px;
  margin-top: 2px;
}

.kcs-div {
  clear: both;
  display: block;
  padding: 90px 0 40px 25px;
}

.kcs a{
  background: url(../images/kcs-logo.png) no-repeat left top;
  width: 110px;
  display: block;
  font-family: tahoma;
  font-size: 11px;
  height: 20px;
  text-decoration: underline;
  color: #6194b6;
}

.kcs a:hover {
  text-decoration: none;
}

.error {
	color:red;
}

li.error {
	display:inline;
	list-style-type:square;
	margin:0px 10px 0px 0px;
}