
.contactAreaBox{ 

	width: 100%; 
	background:#ffffff; 
	width: 100%  ; 
	
	
	
	margin: 0px;
	
	
}

.formHeadrs{  float: left; height: 100%;  margin-right: 20px;}
.getListed{  float: right; margin-right: 4px; color: black; height: 100%; }
a.getListed{  color: red;  }


.formArrowRow{ 

	float: left;
	width: 100%; 
	
	background:#cccccc;
	
	
	color: black;
	
	text-indent : 3px;
	
	
	
	margin-bottom : 5px;
	
	
	font-size: 12px;
	font-weight: 600;
}



.formHeader{ 

	float: left;
	width: 100%; 
	background:#333333;
	height: 20px;
	color: white;
	
	text-indent : 3px;
	
	
	margin-top: 5px;
	
	line-height: 180%;
	font-size: 12px;
	font-weight: 600;
}

.formHeader a {
	text-decoration: none;
	color: white;
	

}

.formHeader a:hover {
	text-decoration: none;
	color: #cccccc;

}

.contactAreaBox a img{ padding: 0px; margin: 0px; margin-top: 3px;  } 

#recommendAPlaceFormHolder, #tellAFriendFormHolder, #suggestAFeatureFormHolder, #joinUsFormHolder, #generalEnquiryFormHolder{ 
	
	  
	  display: none;}



.contactContentArea{
  
  position: relative;
   
   width: 99%;
   
   background-color:  #ffffff;
   
   font-size: 0.7em;
   font-family: sans-serif, Arial, "MS Serif";
   
   color:#555555;
   
   margin-top: 5px;
}


.formArea{  
  
  width:  100%;
  float: left;
  color: #000000;
  
  background: #ffffff;

}


.row, .row_sel{

  height: 25px;
  width:  100%;  

  float: right;
  color: #f6f6f6;
  
  margin-right: 0px;
}





.textBoxHolder, .textAreaBoxHolder, .textBoxHolder_sel, .sendHolder, .sendBoxHolder,.cb {


  top: 18px;
  right:10px;

  height: 25px;
  width:  180px;  

  float: right;

  background-color: #ffffff;

}

.cb{  float: left;  display: block; }

.sendBoxHolder{ background-color: transparent; }
.textBoxHolder_sel{ width: 165px;}

.ftype { 
	
	position: relative;  
	right: 1px; 
	width:  165px;  
	padding: 0px; 
	margin: 0px; 
	height: 100%;  
	font-size: 12px; 
	
}

.row, .row_sel{
 

  height: 25px;
  width:  100%;

  

  float: right;

  color: #f6f6f6;
  
  


}





.label, .errorlabel{
  float: left;
  width: 90px;
/*  border: 1px solid #000000;  */
  text-align: left;
  
  font-size: 12px;
  
  line-height: 180%; 
  

}

.textBoxHolder {background: url(../images/contact/inputfieldBG.gif) no-repeat top right;  }

.textAreaBoxHolder{ top: 4px;  height: 250px;  background: url(../images/contact/inputfieldLongBG.gif) no-repeat top right;}
 
 
 
.tb, .sendtb{

color: #666666;
   height: 13px;
   font-size: 10px;
   padding: 0px;
   margin: 0px;
   
   
  left: 20px;
   top: 2px;
   width: 145px;
   
   position: relative;
   
   /* width: 190px; */

   border: 1px solid #ffffff;
   
   
   
   
}

.label, .errorlabel{
  float: left;
  width: 200px;
/*  border: 1px solid #000000;  */
  text-align: left;
  
  font-size: 12px;
  
  line-height: 180%;
  color:#555555;
  text-indent: 5px;
  
  

}

.errorlabel{ color:#fc0000; width: 90px; text-indent: 0px; text-decoration: none;}
 
 
 .ta{


  
   font-size: 11px;
   padding: 0px;
   margin: 0px;
   
   
  left: 20px;
   top: 4px;
   width: 145px;
   
   color: #666666;
   height: 220px;
  
   
   position: relative;
   overflow: hidden;
  
   border: none;
   background-color: #ffffff;

     font-family: sans-serif, Arial, "MS Serif";
   
   
   text-align: justify; 
  text-justify: auto;
   

}

.multipleRows{
  
  height: 240px;
  width:  100%;

  

  float: right;

  color: #f5f5f5;

}

.fsendLabel, #f_isendLabel{
  
  width: 100%;
  height: 27px;
 
  
  float: right;
  
 cursor: pointer;
  
  margin-top: 6px;
  text-decoration: none;
  
  border-top: 1px solid #dedede;
  background : url( "../images/sendit.jpg") transparent no-repeat  706px 3px ;
 
}

.fsenditImg{

width: 120px;
  height: 100%;
  margin-left: 5px;
  
/*background : url( "../images/contact/buttons/sendit.png") #9d9d9d no-repeat  -10px 5px ;*/

}



.sendRow{

  height: 40px;
  width:  100%;  

  float: right;
    
  margin-right: 0px;
}


#r_errorTextLabel,#t_errorTextLabel, #s_errorTextLabel, #g_errorTextLabel, #a_errorTextLabel { 
	
	float: left;
	width: 100%;
	height: 21px;
	
	margin-top: 2px;
	
	/* border: 1px solid red; */


}

.sendBoxHolder{ width: 100%; }

#r_header,#t_header, #s_header, #g_header, #a_header {
	float:left;
  width: 100%;
  height: 30px;
  margin-bottom: 3px;
        
	
}	

#r_header{background : url( "../images/contact/buttons/recommendaplace.png") no-repeat  left center ; }
#t_header{background : url( "../images/contact/buttons/tellafriend.png") no-repeat  right bottom ; }
#s_header{background : url( "../images/contact/buttons/suggestafeature.png") no-repeat  right bottom ; }
#g_header{background : url( "../images/contact/buttons/getListed.png") no-repeat  right bottom ; }
#a_header {background : url( "../images/contact/buttons/anythingelse.png") no-repeat  right bottom ; }

.closeContactForm{
	
float:right;
width: 20px;
height: 98%;

cursor: pointer;

}

#fname, #fsubemail, #fsubtel{

	border: 1px solid #dddddd;

}

#fname{ margin-top: 50px;}



.locatorRow{

	float: left;
	width: 100%;
	height: 26px;
	background-color: white;
	border-bottom: 1px solid #cccccc;
	
}

.describeRow{

	float: left;
	width: 100%;
	
	background-color: white;


	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}


.describeInner{

	float: right;
	width: 100%;

	margin-bottom: 10px;
	
	margin-top: 3px;
	
	background-color: #efefef;
	color: #444444;
	line-height: 130%;
	font-size: 11px;
	border-bottom: 5px;
font-family: helvetica,HelveArial;
	
	
}	

.describeInnerText{ float: left; width: 96%; margin-left: 2%; margin-top: 2%;  height: 96%; text-indent: 0px; margin-bottom: 10px ;}
	





.firstArrow, .secondArrow, .thirdArrow, .getListedArrow{

	background : url( "../images/contactcross.png") no-repeat  -21px 0px; 
	width: 20px;
	height: 100%;
	
	
	
	

}

.firstArrow{ float: left; margin-left: 50px;}

.secondArrow{ float: left; margin-left: 160px;}
.thirdArrow{ float: left; margin-left: 270px;}
.getListedArrow{ float: right; margin-right: 20px;}


.closeCross{

	background : url( "../images/contactcross.png") no-repeat  -0px 0px; 
	width: 20px;
	height: 20px;
	float: left;
	margin-left: 2px;
	margin-top: 2px;
	
	cursor: pointer;
}



.importantTextForm{



 color:#7d607e ;

}



.joinusad{ 

	float: right;

	width: 264px;
	height: 533px;
	background : url( "../images/smallcapad.jpg") no-repeat  -0px 0px; 
	margin-right: 10px;
}

