@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}

#contact{
	width:638px;
	position:relative;
	margin-left:34px;
	margin-right:50px;
}

/*----------End Contact Style-------------*/  
.clear{
	clear:both;
}  
  
/*----------Upper Contact Style-------------*/
#upperContacts{
	padding-top: 30px;
	padding-bottom: 43px;

}

#leftSide{
	width:442px;
	float:left;
	
}
#rightSide{
	width:196px;
	float:right;
}

.mailForm input{
	width:205px;
	height:23px;
	margin-bottom:11px;
	
}
/*-------left side icons-------------*/
.chat_icon{
	background:url(/includes/templates/app/images/chat_icon.gif) no-repeat top left;
	height:35px;
	padding-left:10px;
	padding-bottom:17px;
}
.mobile_icon{
	background:url(/includes/templates/app/images/phone_icon.gif) no-repeat top left;
	height:36px;
	padding-left:10px;
	padding-bottom:17px;
}
.clock_icon{
	background:url(/includes/templates/app/images/clock_icon.gif) no-repeat top left;
	height:36px;
	padding-left:10px;
	padding-bottom:17px;
}
.chat_icon a{
	font-weight:bold;
	color:#0066cc;
	text-decoration:underline;
}
.clock_icon a{
	color:#000000;
	text-decoration:underline;
	font-size:12px;
}
#leftSide p{
	padding-left:58px;
	padding-top:10px;
	font:14px Arial, Helvetica, sans-serif;
}
/*----------form-------------*/

h1 {
  font-size: 14px;
  }

form {
  padding-left: 10px;
 
  }
.mailForm{
	margin:56px auto 0px auto;
	width:638px;
	background:url(/includes/templates/app/images/form_middle.gif) repeat-y;
}
.head{
	background:url(/includes/templates/app/images/form_top.gif) no-repeat left top;
	padding-bottom:29px;
	height:42px;
	position:relative;
}

.mail_icon{
	background:url(/includes/templates/app/images/mail_icon.gif) no-repeat;
	height:21px;
	position:absolute;
	left: 17px;
	top: 8px;
}
.mail_icon p{
	margin-left:30px;
	padding-top:4px;
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.viaEmail{
	font:12px Arial, Helvetica, sans-serif;
	position:absolute;
	width: 303px;
	left: 425px;
	top: 14px;
	left: 402px;
}
.mailForm .last{
	background:url(/includes/templates/app/images/form_bottom.gif) no-repeat left bottom;
	/*padding-bottom:20px;*/
}
.mailForm h2, .mailForm p, .mailForm ul{
	padding-left:20px;
	padding-right:20px;
}
input.radio{
  width: auto;
}
label{
	float: left;
	text-align:left;
	font-weight:bold;
	margin-top:5px;
	margin-left:20px;
	width:60px;
	display: block
}
.email{
	margin-right: 30px;
}
.spaceTop{
	padding-top:30px;
}
.subject{
	margin-right:21px;
}
.labelDownspace{
	margin-bottom:11px;
}
inlineForm{
	padding-left:10px;
}
.inlineForm div{
	margin:10px 0px 0px 0px;
	width:100%;
	float:left;
}
.inlineForm input{
	float:left;
}
.textField{
	margin-left:80px;
	float:left;
	width:500px;
}
.checkbox{
	width: auto;
	margin-left:65px;
	margin-top:23px;
}
select{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.checkboxText{
	position:absolute;
	left: 107px;
	top: 29px;
}
.extLabel{
	width:30px;
}
.mailForm .ext{
	width:38px;
	height:23px;
}
.phoneLabel{
	font-weight:bold;
	display:inline;
}
.mailForm .phoneField{
	width:124px;
	height:23px;
}
textarea{
	width:502px;
	height:96px;
	margin-left:64px;
}
select{
	width:332px;
	height:25px;
	margin-bottom:15px;
}
.button {
	border: none;
	background: url(/includes/templates/app/images/sendButton.gif) no-repeat top left;
	width:123px;
	height:37px;    
}
.submitButton{
	position:relative;
	padding-bottom:20px;
}
.submitButton .floatRigth{
	float:right;
	margin:20px 50px 0px 0px;
}
.submitButton input{
	width:auto;
}
.submitButton #sendEmail{
	width:123px;
	height: 37px;	
}
	/*---------Useful Links curve box--------*/
.box{
	width:196px;
	background:url(/includes/templates/app/images/curveIndex.gif) repeat-y;
	margin-bottom:54px; /* jj */
}
.box .last{
	background:url(/includes/templates/app/images/curveBottom.gif) no-repeat left bottom;
}
.box p{
	padding-left:20px;
	padding-right:20px;
}
.box .title{
	background:url(/includes/templates/app/images/curveUpper.gif) no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:20px 0px 10px 20px;
	display:block;
}
#rightSide .box ul{
	color:#cccccc;
	margin:0px 0px 0px 30px;
	padding:0;
}
#rightSide .box ul li{
	color:#cccccc;
	margin:0px 0px 5px 0px;
	padding:0;
}
#rightSide .box ul li a{
	color:#0066cc;
	text-decoration:none;
	margin:0;
	padding:0;
}
#rightSide .box ul li a:hover{
	color:#0066cc;
	text-decoration:underline;
}
/*
#main #right .head{
	background:none;
}
*/
