/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */



.contact-content
{
	max-width:625px;
	width: 100%;
	margin:0 auto;
	
}

#contact-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; max-width:625px; width:100%; top:22%; left:40%}

#contact-container .contact-send { float:left; /*margin-left:464px;*/ width:64px; background:url(../../images/callforprice/submit.jpg) no-repeat;}
#contact-container .contact-cancel { float:right; /*margin-right:33px;*/ width:74px; background:url(../../images/callforprice/close.jpg) no-repeat;}
#contact-container .contact-content {background:#f8f8f8 url(../../images/callforprice/bg-form3.jpg) no-repeat; border:1px solid #c5c5c5 }
#contact-container h1 {color:#0A263C; font-size:20px; font-weight:bold; height:50px; line-height:20px; margin:45px 0 0 118px; padding:0 0 6px 12px; text-align:left;}
#contact-container .contact-loading { height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}
#contact-container .contact-message { font-size:12px; width:88%; float:left; margin-left:36px; font-weight:bold; }
#contact-container .contact-error {background:#000; border:2px solid #ccc; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;}
#contact-container br {clear:both;}
#contact-container form {margin:0; padding:0;}
#contact-container label { height:30px; margin-left:32px; clear:left; display:block; float:left;  padding-right:4px; text-align:left; font-size:13px; width:155px; color:#666;}
#contact-container .contact-input { border:1px solid #B6B6B6; font-family:'Trebuchet MS', Verdana, Arial;  margin:4px; width:40%;}
#contact-container textarea {height:114px;}
#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;}
#contact-container .contact-top {background-color:#333; height:13px; margin:0; padding:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;}
#contact-container .contact-bottom {background-color:#333; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {background: none repeat scroll 0 0 transparent; border:0; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 -6px; text-align:center; vertical-align:middle; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:10px; top:0px;}
#contact-container a.modal-close:hover {color:#ccc;}
#contact-container .simplemodal-close{position: relative; }
#country_name{width: 41%; } 
#spantermsandcondition{width:71%; float:left;margin-top:5px; margin-left:36px; font-size:13px;}
#contact-message-error{width: 50%; text-align: right; color: rgb(255, 0, 0); margin-right: 37px; float: right;}
.sendaction{width:160px; ; float: right; margin-right: 10px; clear:both;}
 

#contact-name-error{ font-size: 13px;}
	#contact-email-error,
	#country_name-error,
	#contact-message-error{font-size: 13px;}
	
	

@media only screen and (max-width: 800px){
	
	.contact-content{	width: 85%;  position: relative;top: -50px;  overflow:scroll; height:450px;}
	#contact-container a.modal-close,
	#contact-container a.modal-close:link,
	#contact-container a.modal-close:active,
	#contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:70px; top:-47px; z-index: 200;}
	
	
	#country_name{width:41%; }
	
}
@media only screen and (max-width: 680px){
	
	.contact-content{	width: 90%;  position: relative;top: -50px;  overflow:scroll; height:450px;}
	
	
	#contact-container .contact-content{width:90%; }
	
	
	#contact-container h1{font-size:16px; /*margin:24px 0 0 118px;*/ }

	#contact-container .contact-message { width:80%; }
	#contact-container label{width:47px; margin-left: 10px;font-size: 12px;}
	#country_name{width:41%; }
	#contact-container .contact-message{font-size: 11px; margin-left: 10px; font-weight: normal}
	
	#contact-name-error,
	#contact-email-error,
	#country_name-error,
	#contact-message-error,
	#termsandcondition-error{font-size: 11px;}
	
	#contact-container a.modal-close,
	#contact-container a.modal-close:link,
	#contact-container a.modal-close:active,
	#contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:60px; top:-47px; z-index: 200;}
	#spantermsandcondition{width:71%; float:left;margin-top:5px; margin-left:20px; font-size:12px;}
	
	
	
}
@media only screen and (max-width: 460px){

}

	
@media only screen and (max-width: 320px){
	
	.contact-content{	width: 100%;  position: relative;top: -50px }
	
	#contact-container h1{font-size:14px;  margin:35px 0 0 10px; }
	#contact-container .contact-message { width:88%;}
	#contact-container label{width: 47px;  font-size: 10px; }
	#country_name{width:65%; }
	#contact-container .contact-message{font-size: 10px; margin-left: 10px; font-weight: normal }
	
	#contact-name-error,
	#contact-email-error,
	#country_name-error,
	#contact-message-error,
	#termsandcondition-error{font-size: 10px;}
	#contact-container .contact-content {background:#f8f8f8 /*url(../../images/callforprice/bg-form1.jpg) no-repeat*/; border:1px solid #c5c5c5 }
	
	#contact-container a.modal-close,
	#contact-container a.modal-close:link,
	#contact-container a.modal-close:active,
	#contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:40px; top:-47px; z-index: 200;}
	
	
	
	#contact-container .contact-input { width:65%;}
	#contact-container textarea {height:30px;}
	#spantermsandcondition{width:90%; float:left;margin-top:5px; margin-left:10px; font-size:11px;}
	#contact-message-error{text-align: right; color: rgb(255, 0, 0); margin-right: 20px; float: right;}
	.sendaction{width:160px; float: right; margin-right: 10px; }
}