﻿@charset "utf-8";
/* CSS Document */
html{ background-color:black; }
body{ direction:rtl; background-color:black; background:url(../images/bg_pat.png) repeat-x; font-family:'SpoilerRegular'; font-size:22px; color:white; margin:0; padding:0; }
.clear{ clear:both; }
.btn{ display:block; cursor:pointer; }
#mainContent{ position:relative; width:1200px; margin:0 auto; overflow:auto; }

form{ display:block; width:380px; margin:30px auto 0 auto; }
.form_title{ display:block; line-height:22px; margin-bottom:15px; }
.req{ float:right; margin-right:-20px; margin-top:15px; }
.req li{ margin-bottom:34px; color:#fe2806; }
form .req .noReq{ visibility:hidden; }
.req li.last{ margin-top:-15px; }
form input, form select{ padding:14px 10px 14px 0; font-family:Arial, sans-serif; font-size:18px; width:100%; height:52px; border-radius:5px; margin-bottom:15px; }
.cb_btn{ width:25px; height:25px; border-radius:3px; background:white; overflow:auto; float:right; }
.cb_btn img{ display:none; margin:3px auto 0 auto; }
.cb_txt{ display:block; font-family:Arial, sans-serif; width:340px; float:left; font-size:13px; line-height:16px; }
.send_btn{ width:100%; height:52px; background:white; text-align:center; color:black; border-radius:5px; margin:15px 0 10px 0; font-family:'SpoilerBold'; line-height:52px; }
.err_msg{ color:#fe2806; font-family:Arial, sans-serif; font-size:15px; }

.page_title{ position:absolute; top:0; right:0; margin-top:30px; }
.page_title img, .page_title span{ display:block; width:230px; }
.page_title span{ text-align:center; font-size:22px; margin-top:15px; line-height:28px; }

.cutomerTypeSelector{ position:absolute; top:257px; right:0px; }

.order_online{ display:none; position:absolute; top:0; left:0; margin-top:30px; }
.order_online img, .order_online span{ display:block; width:230px; }
.order_online span{ font-size:14px; line-height:16px; margin-top:10px; }

.back_to_site_btn{ margin-right:625px; margin-top:20px; }

.footer{ width:500px; height:50px; margin:40px auto; }
.footer li{ float:right; margin-left:35px; }
.footer li img{ height:45px; }
.footer li.last{ margin-left:0; }

.sent_thanks{ display:none; position:fixed; top:0; right:0; z-index:100; width:100%; height:100%; background:url(../images/thanks_bg.png); }
.thanks_pop{ position:fixed; background:white; width:380px; top:100px; left:50%; margin-left:-190px; border-radius:5px; text-align:center; color:black; }
.thanks_pop .close_btn{ position:absolute; top:5px; left:5px; width:20px; }
.thanks_pop span{ display:block; }
.thanks_pop .t1{ font-size:40px; margin-top:30px; line-height:30px; }
.back_to_site_btn_thanks{ margin:20px auto; }

.disclaimer{ width:500px; font-family:Arial, sans-serif; font-size:12px; margin:20px auto; color:#CCC; }

.placeholderInputWrapper{ width: 100%; height: 100%; position: relative; }
.placeholderForIE{ display: inline; position: absolute; top: 10px; right: 14px; color: #ccc; }

@media all and (max-width: 1280px){
	#mainContent{ width:1000px; }
	.back_to_site_btn{ margin-right:525px; }
}

@media all and (max-width: 767px){
	#mainContent{ width:310px; }
	
	form{ width:280px; }
	.req{ margin-right:-15px; margin-top:9px;  }
	.req li{ margin-bottom:22px; }
	.req li.last{ margin-top:-9px; }
	form input, form select{ height:40px; }
	form select{ font-size:16px; }
	.cb_txt{ width:250px; }
	
	.page_title{ position:relative; direction:ltr; margin-left:20px; }
	.page_title span{ display:none; }
	
	.order_online{ position:relative; float:right; margin-right:12px; width:0;  }
	.order_online img{ height:30px; width:auto; }
	.order_online span{ width:200px; }
	
	.back_to_site_btn{ margin-right:0; margin-left:12px; margin-top:30px; float:left; height:30px; width:auto; }
	
	.footer{ width:300px; }
	.footer li{ margin-left:9px; }
	.footer li img{ height:30px; }
	
	.thanks_pop{width:290px; top:70px; margin-left:-145px; }
	.thanks_pop .t1{ margin-top:40px; }
	.back_to_site_btn_thanks{ width:260px; margin:20px auto; }

    .disclaimer{ width:290px; }

    .placeholderForIE{ top: 5px; }
}

