/* CSS Document */

/*Author: Sanjiv Kumar Biswas
Company: RNS Informatics Pvt. Ltd. (inLue Sai Informatics Pvt. Ltd.)
Website: http://wwww.saiinformatics.com, http://www.virtualemployeeonline.com, http://www.rnsinformatics.com*/

/*
#339900


*/


body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
}
body {
	background-color: #e2e2e2;
	background-image: url(../images/BG.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding:0;
}
table td {
	font-size:1em;
}
a {
	color: #00a300;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
form, fieldset, input, select, textarea, li, dl, dd, dt, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
ul {
	margin:0px 0px 0px 30px;
	padding:0;
}
input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}
img {
	border:none;
}
p {
	margin:1.2em 0;
	padding:0;
	line-height:1.2em;
}

#protxt, #headerBody, #menuBody, #flashBody, #contentBody, #footerBody {
	margin:0 auto;
	padding:0;
	width:962px;
	height:auto;
	clear:both;
}

/*-------------------------------------------------------------- Shade --------------------------------------------------------------*/
#bgShade {
	background:transparent url(../images/shade.png) no-repeat center bottom;
	margin:0 auto;
	padding:0;
	height:58px;
	width:962px;
	clear:both;
}
#bgShade img {
	position:absolute;
	margin:0px 0px 0px -13px;
}
/*-------------------------------------------------------------- Ends Shade --------------------------------------------------------------*/

/*-------------------------------------------------------------- Top Text --------------------------------------------------------------*/
#protxt {
	color:#dbdddf;
	font-size:0.85em;
	line-height:1.4em;
	text-transform:capitalize;
}
#protxt p {
	margin:0;
}
/*-------------------------------------------------------------- Ends Top Text --------------------------------------------------------------*/

/*-------------------------------------------------------------- Header --------------------------------------------------------------*/
#headerBody {
	background-color:#FFFFFF;
	min-height:94px;
	height:auto !important;
	height:94px;
	border-bottom:1px solid #429306;
}
#headerBody .logoholder {
	font-size:2em;
	color:#000000;
	width:221px;
	height:68px;
	float:left;
	overflow:hidden;
	padding:14px 0px 0px 21px;
}
#headerBody h2 {
	float:left;
	width:350px;
	height:13px;
	line-height:15px;
	margin:0;
	padding:30px 0px 0px 27px;
	font-size:1.3em;
	color:#009c00;
	text-transform:uppercase;
	font-weight:bold;
}
#headerBody #topLinks {
	margin:0;
	padding:0;
	float:right;
	height:auto;
	width:290px;
}
#topLinks ul {
	margin:0;
	padding:43px 18px 0px 0px;
	list-style:none;
}
#topLinks ul li {
	float:right;
	height:auto;
	width:auto;
	padding:0px 13px;
}
#topLinks ul li a {
	color:#999999;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.9em;
}
#topLinks ul li a:hover {
	color:#00a300;
}
/*-------------------------------------------------------------- Ends Header --------------------------------------------------------------*/

/*-------------------------------------------------------------- Menu --------------------------------------------------------------*/
#menuBody {
}

#menuBody .menu {width:962px; height:24px; position:relative; z-index:900;margin:0 auto;border-top:1px solid #eaeaea;border-bottom:1px solid #7d8186;background:#FFFFFF url(../images/menuBg.gif) repeat-x left bottom;height:30px;}
* html #menuBody .menu {width:962px; w\idth:961px;}
#menuBody .menu ul {padding:0;margin:0;list-style-type:none;list-style:none;margin:0;padding:0;clear:both;height:26px;background:transparent url(../images/menuListBg.gif) repeat-x top;width:962px;}
#menuBody .menu ul ul {}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menuBody .menu li {float:left;position:relative; }
#menuBody .menu li a:hover {text-decoration:none;background-color:#e0e0e0;}
/* style the links for the top level */
#menuBody .menu a, #menuBody .menu a:visited {
text-transform:uppercase;
display:block;text-decoration:none;padding:0px 20px 0px 20px;
font-size:0.9em;font-weight:bold;text-decoration:none;t
ext-transform:uppercase;color:#000000;line-height:2.2em; background:transparent url(../images/menuLineBg.gif) no-repeat left top;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #menuBody .menu a, * html #menuBody .menu a:visited {width:auto; w\idth:auto;}

/* style the second level background */
#menuBody .menu ul ul a.drop, #menuBody .menu ul ul a.drop:visited {}
/* style the second level hover */
#menuBody .menu ul ul a.drop:hover{}
.menu ul ul :hover > a.drop {}
/* style the third level background */
#menuBody .menu ul ul ul a, #menuBody .menu ul ul ul a:visited {}
/* style the third level hover */
#menuBody .menu ul ul ul a:hover {}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menuBody .menu ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; margin-left:0px; width:280px; padding-top:0px; float:none;z-index:999; background:#ffffff url(../images/subListbg.gif) repeat-x left top;


}
#menuBody .menu ul ul.lastContent {left:-158px;}
#menuBody .menu ul ul ul {
	visibility:hidden;
}

/* --------------------- this is the submenu item --------------------- */
#menuBody .menu ul ul li a {border:none; font-weight:normal; background-color:#FFFFFF; font-size:11px; border-bottom:1px solid #e1e1e1;}
/* another hack for IE5.5 */
* html #menuBody .menu ul ul {top:25px;t\op:25px;}

/* position the third level flyout menu */
#menuBody .menu ul ul ul{left:-200px; top:20px; width:280px;}

/* position the third level flyout menu for a left flyout */
#menuBody .menu ul ul ul.left {left:-112px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menuBody .menu table {position:absolute; top:0; left:0; border-collapse:collapse;font-size:1.2em;border:none;text-transform:uppercase;}
#menuBody .menu table td li {text-transform:uppercase;}
/* style the second level links */

/* -------------------------------- THE SUBMENU BG -------------------------------- */
#menuBody .menu ul ul a, #menuBody .menu ul ul a:visited {color:#000000; height:auto; width:280px; text-transform:uppercase; background:#ffffff  url(../images/bgArrow.png) no-repeat left top;}
/* yet another hack for IE5.5 */
* html #menuBody .menu ul ul a, * html #menuBody .menu ul ul a:visited {width:280px;text-transform:uppercase;}
#menuBody .menu ul ul li {
	/*float:left;*/
	float:none;
	width:280px;
	
}
/* style the top level hover */
#menuBody .menu ul ul a:hover{color:#FEFFFF; text-decoration:none;background:#00aa00 url(../images/bgArrow.png) no-repeat left top;}
#menuBody .menu ul ul :hover > a {color:#FEFFFF;}
#menuBody .menu :hover > a {/*color:#FEFFFF;*/}
/* make the second level visible when hover on first level list OR link */
#menuBody .menu ul li:hover ul,
#menuBody .menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#menuBody .menu ul :hover ul ul, #menuBody .menu ul :hover ul :hover ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#menuBody .menu ul :hover ul :hover ul{ visibility:visible;}
/*-------------------------------------------------------------- Ends Menu --------------------------------------------------------------*/

/*-------------------------------------------------------------- Flash --------------------------------------------------------------*/
#flashBody {
	min-height:246px;
	height:auto !important;
	height:246px;
}
#flashBody img.flashImg {
	position:absolute;
	margin:0px -21px 0px 0px;
	z-index:1;
	left: 5px;
	top: 8px;
}
/*-------------------------------------------------------------- Ends Flash --------------------------------------------------------------*/

/*-------------------------------------------------------------- Content Body --------------------------------------------------------------*/
#contentBody {
}
	/*-------------------------------------------------------------- Left Body --------------------------------------------------------------*/
	#contentBody #leftBody {
		float:left;
		width:639px;
		height:auto;
		margin:0;
		padding:0;
	}
	#leftBody img.imgSet, #rightPanel img.imgSet, #footerBody img.imgSet {
		display:block;
		clear:both;
	}
	
	#leftBody .mRound, #rightPanel .mRound, #footerBody .mRound {
		background:transparent url(../images/mContentBg.png) repeat;
		margin:0;
		padding:10px 15px;
		width:609px;
	}
	#leftBody .mRound h2 {
		font-size:1.7em;
		color:#009e00;
	}
	#leftBody .mRound h3 {
		font-size:1.2em;
		color:#00b600;
	}
	#leftBody .mRound .homeGray, #leftBody .mRound .homeGray2 {
		color:#666666;
		clear:both;
		background:transparent url(../images/handPicked.gif) no-repeat right 40px;
		font-size:0.9em;
	}
	
	#leftBody .mRound .homeGray2 {
		background:none;
	}
	#leftBody .mRound .homeGray h2, #leftBody .mRound .homeGray2 h2 {
		margin:0;
		padding:0;
		font-size:1.2em;
		color:#000000;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
	}
	#leftBody .mRound .homeGray h3.linkTxt, #leftBody .mRound .homeGray2 h3.linkTxt {
		color:#000000;
		font-size:1em;
		text-transform:uppercase;
		line-height:1em;
		vertical-align:middle;
		display:block;
		padding:10px 0px 0px 0px;
	}
	#leftBody .mRound .homeGray h3 img {
		vertical-align:middle;
	}
	#leftBody .mRound .homeGray p, #leftBody .mRound .homeGray2 p {
		margin:0.7em 0;
		line-height:1.4em;
	}
	#leftBody .mRound ul.homeList {
		margin:0;
		padding:0;
		list-style:none;
		clear:both;
		width:500px;
	}
	#leftBody .mRound ul.homeList li {
		padding:0px 0px 0px 10px;
		margin:0px 15px 0px -10px;
		background:transparent url(../images/arrow.gif) no-repeat 4px 8px;
		border-bottom:1px dashed #CCCCCC;
		float:left;
		width:128px;
		line-height:1.7em;
		color:#339900;
		position:relative;
		zoom:1;
	}
	#leftBody .mRound ul.homeList li a:hover {
		color:#666666;
		text-decoration:none;
	}
	#leftBody .mRound .homeGray2 .mid {
		width:290px;
		float:left;
		height:auto;
		border-right:1px solid #dbdbdb;
		padding:0px 10px 0px 0px;
	}

	#leftBody .mRound .homeGray2 .contianer {
		padding:0px 0px 0px 12px;
		width:295px;
		border:none;
	}
	#leftBody .mRound .homeGray2 .contianer h2 {
		font-size:1.85em;
	}
	#leftBody .mRound .homeGray2 .mid h2 {

		
	}
	#leftBody .mRound .homeGray2 .mid p {
		
	}
	#leftBody .mRound .homeGray2 .mid ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#leftBody .mRound .homeGray2 .mid ul li {
		padding:0px 0px 0px 10px;
		margin:0px 15px 20px -10px;
		background:transparent url(../images/arrow.gif) no-repeat 4px 3px;
		line-height:1em;
		color:#00a300;
		position:relative;
		zoom:1;
		
	}
	#leftBody .mRound .homeGray2 .mid #calculatorCash {
		background:transparent url(../images/calculateBg.gif) no-repeat left top;
		width:274px;
		height:69px;
		overflow:hidden;
		display:block;
		padding:10px;
		margin:26px 0px 0px 0px;
	}
	#leftBody .mRound .homeGray2 .mid #calculatorCash h3 {
		font-size:1.3em;
		color:#000000;
		text-transform:uppercase;
		font-weight:bold;
	}
	#leftBody .mRound .homeGray2 .mid #calculatorCash p {
		margin:0.4em 0;
	}
	#leftBody .mRound .homeGray2 .mid #calculatorCash input {
		background-color:#FFFFFF;
		border:1px solid #cdcdcd;
		height:18px;
		padding:2px 0px 0px 3px;
		width:175px;
		color:#666666;
	}
	#leftBody .mRound .homeGray2 .mid #calculatorCash input.send {
		background:transparent url(../images/buttons/claculate.gif) no-repeat left top;
		width:74px;
		height:20px;
		padding:0;
		margin:0;
		border:none;
		cursor:pointer;
	} 
	/*-------------------------------------------------------------- Ends Left Body --------------------------------------------------------------*/
	
	/*-------------------------------------------------------------- Right Panel --------------------------------------------------------------*/
	#contentBody #rightPanel {
		float:right;
		width:316px;
		height:auto;
		margin:0;
		padding:0;
	}
	#rightPanel .mRound {
		width:306px;
		padding:1px 5px;
	}
	#rightPanel .mRegister {
		background:transparent url(../images/registerBg.png) no-repeat left top;
		height:326px;
		width:294px;
		margin-bottom:7px;
		padding:13px;
		padding-right:10px;
		color:#f8fcfe;
		font-size:11px;
		margin-top:0px;
	}

	#rightPanel .mRegister h2 {
		font-size:14px;
		text-transform:uppercase;
		line-height:1em;
		padding:10px 0px 0px 0px;
	}
	#rightPanel .mRegister p {
		margin:0.8em 0;
	}
	#rightPanel .mRegister p strong {
		color:#bbdcf3;
	}
	#rightPanel .mRegister dl {
		margin:30px 0px 0px 0px;
		padding:0;
		clear:both;
	}
	#rightPanel .mRegister dl dt {
		margin:0;
		padding:0;
		clear:both;
		font-size:11px;
	}
	#rightPanel .mRegister dl dd {
		margin:0px 0px 7px 0px;
		padding:0;
		clear:both;
		background:transparent url(../images/inputBg.png) no-repeat left top;
		width:293px;
		height:23px;
		display:block;
	}
	#rightPanel .mRegister dl dd input {
		border:none;
		padding:2px 0px 0px 3px;
		height:18px;
		width:285px;
		margin:1px 0px 0px 2px;
		border:none;
		background:none;
	}
	#rightPanel .mRegister dl dd select {
		border:none;
		padding:0px 0px 0px 3px;
		height:20px;
		width:287px;
		margin:1px 0px 0px 2px;
		border:none;
		background:none;
	}
	#rightPanel .mRegister .enquiry {
		vertical-align:middle;
		margin-top:20px;
	}
	#rightPanel .mRegister .enquiry input {
		vertical-align:middle;
		background:transparent url(../images/buttons/enquiry.png) no-repeat left top;
		width:151px;
		height:32px;
		cursor:pointer;
		border:none;
	}
	#rightPanel .mRegister .enquiry a {
		color:#f8fcfe;
		text-decoration:underline;
	}
	#rightPanel .mRegister .enquiry a:hover {
		text-decoration:none;
	}
	/*-------------------------------------------------------------- Right Panel --------------------------------------------------------------*/
	
	
/*-------------------------------------------------------------- Ends Content Body --------------------------------------------------------------*/

/*-------------------------------------------------------------- Footer --------------------------------------------------------------*/
#footerBody {
}
#footerBody .mRound {
	width:952px;
	min-height:85px;
	height:auto !important;
	height:85px;
		padding:1px 5px;
}
#footerBody .mRound h2 {
	margin:0;
	padding:17px 0px 0px 10px;
	width:290px;
	height:50px;
	font-size:0.85em;
	font-weight:normal;
	float:left;
}
#footerBody .mRound h2 img {
	margin-bottom:7px;
}
#footerBody .mRound ul {
	list-style:none;
	margin:15px 0px 0px 0px;
	padding:0;
	width:560px;
	float:left;
}
#footerBody .mRound ul li {
	width:170px;
	float:left;
	height:13px;
	margin-right:5px;
	font-size:0.85em;
}
#footerBody .mRound p.designIt {
	text-align:right;
	font-size:11px;
	color:#999999;
	clear:both;
	margin:0;
}
#footerBody .mRound p.designIt a {
	color:#999999;
}
/*-------------------------------------------------------------- Ends Footer --------------------------------------------------------------*/

.cl {
	clear:both;
	font-size:0.01em;
	font-weight:normal;
	line-height:0.01em;
	height:0px;
	width:99%;
}
.clb {
	clear:both;
}
img.margImg {
	margin-bottom:7px;
}
img.margLftImg {
	margin-left:27px;
}
img.margRftImg {
	margin-right:27px;
}
.txtCenter {
	text-align:center;
}
.greenCol {
	color:#009900;
}

#PropertyHolder{
padding-top:5px;
padding-bottom:5px;
height:234px;
width:639px;
background:url(../images/PropertyBG.png) no-repeat top left;

}

#PropertyImageHolder{
padding-top:5px;
padding-bottom:5px;
height:234px;
width:316px;
background:url(../images/PropertyImageBG.png) no-repeat top left;
}

.ImagePic{
margin-top:3px;
margin-left:7px;
width:303px;
height:218px;
}

#FooterLogoHolder{

}


.BoxTitle{
	margin:0;
	padding:0;
	font-size:1.2em;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;

}

.LinkTitle{
	margin:0;
	padding:0;
	font-size:1.2em;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.BoxTitle{
	margin:0;
	padding:0;
	font-size:1.2em;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;

}

.EnqTitle{
text-transform:uppercase;
font-size:1.2em;
}

.ViewPropertyTransBtn{

}

.StandardContentHolder{
margin-bottom:10px;
}

.StandardImage{
margin-left:10px;
margin-bottom:10px;
}

#calc{
color:#66CC00;
font-size:16px;
font-weight:bold;
}

.HorizDiv{
height:1px;
background-color:#e1e1e1;
line-height:1px;
margin-bottom:10px;
margin-top:5px;
}

.HighlightGreen{
color:#009E00;
}

#PropertyList{
font-size:11px;
}

.Property{
border-bottom:1px solid #e1e1e1;
padding-bottom:10px;
margin-bottom:10px;
}

.PropertyMainImage{
border:1px solid #ccc;
padding:5px;
width:160px;
float:left;
}

.PropertyDesc{
float:left;
width:230px;
margin-left:20px;
}

.PropertyDesc ul{
margin-left:0px;
list-style-image:url(../images/GreyArrow.gif);

}

.PropertyDesc ul li{
margin-bottom:5px;
}

.PropertyTitle{
color:#009E00;
font-size:18px;
font-weight:bold;
padding-bottom:5px;

}

.PropertyLinks{
float:left;
width:170px;
margin-left:10px;
line-height:14px;
font-size:12px;

}

.PropertyLinks img{
margin-right:5px;
float:left;
}

.PropertyLinks p{
padding-left:0px;
color:#666;
}

.PropertyLinks a{
text-decoration:none;
color:#009E00;
}

.PropertyLinks a:hover{
text-decoration:underline;
}

.PropertyLinks a.visited{
color:#333;
}

.ListHeaders{
text-transform:uppercase;
border:none;
color:#009E00;
font-size:14px;
font-weight:bold;
}


/* ------------------------------------------ errors for the enqury forms ---------------------------------- */

.ErrorHolderEnquiry{
display:none;
padding-right:10px;
text-align:left;
color:#fff;

margin-top:-250px;
margin-left:-210px;
width:190px;
background-color:#CC0000;
padding:10px;
position:relative;
background:url(../images/redarrow.png) no-repeat right center;

float:left;
}

.ErrorContentHolder{
background-color:#CC0000;
padding:10px;
}

.ErrorHolderEnquiry .title{
border-bottom:1px dotted #fff;
margin-bottom:10px;
padding-bottom:5px;
color:#fff;
}

#ErrorHolderEnquiry label
{
width:auto;
float:none;
text-align: left;
display: block;
line-height:26px;
font-weight:bold;
margin-bottom:10px;
}

.ErrorHolderEnquiry ul{
display:block;
list-style:none;
margin-left:0px;
}

.ErrorHolderEnquiry ul li{
float:none;
display:block;
color:#fff;
margin-bottom:10px;
font-weight:bold;

}

/* ------------------------------------------ errors for the register for access forms ---------------------------------- */

.ErrorHolder2{
display:none;
position:relative;
padding-right:10px;
text-align:left;
color:#fff;

margin-top:-280px;
margin-left:440px;
width:230px;
float:left;
padding:10px;
height:200px;
background:url(../images/redarrowLeft.png) no-repeat left center ;
}

.ErrorHolder2ContentHolder{
background-color:#CC0000;
padding:10px;
}

.ErrorHolder2 .title{
border-bottom:1px dotted #fff;
margin-bottom:10px;
padding-bottom:5px;
color:#fff;
}

#ErrorHolder2 label
{
width:auto;
float:none;
text-align: left;
display: block;
line-height:26px;
font-weight:bold;
margin-bottom:10px;
}

.ErrorHolder2 ul{
display:block;
list-style:none;
margin-left:0px;
}

.ErrorHolder2 ul li{
float:none;
display:block;
color:#fff;
margin-bottom:10px;
font-weight:bold;

}

.ThanksDiv{
font-size:18px;
font-weight:bold;
}

/* ---------------------------------------- Homepage slideshow --------------------------------------- */

#slider {
   width: 303px; /* important to be same as image width */
   height: 218px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
   background-color:#000;
}

#sliderContent {
   width: 303px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}

.sliderImage {
    float: left;
    position: relative;
	display: none;
}

.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 303px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	top:0;
}

.top {
	top: 0;
	left: 0;
}
.sliderImage span strong {
    font-size: 14px;
}
.bottom {
	bottom: 0;
    left: 0;
}

.clear {
   clear: both;
} 

.Terms li{
margin-bottom:10px;
}

#EnquiryForm{
width:200px;
}

.PropertyTable td{
vertical-align:top;

}

.PropertyTable p{
font-size:12px;
}

.PropertyTableDesc{
width:230px;
padding-left:20px;
}


.PropertyTableDesc ul{
margin-left:0px;
list-style-image:url(../images/GreyArrow.gif);

}

.PropertyTableDesc ul li{
margin-bottom:5px;
font-size:12px;
}


.PropertyTableLinks{
clear:both;
font-size:11px;
}

.PropertyTableLinks p{
clear:both;
font-size:11px;
}


.PropertyTableLinks{
width:170px;
margin-left:10px;
line-height:14px;
font-size:11px;

}

.PropertyTableLinks img{
margin-right:5px;
float:left;
}

.PropertyTableLinks p{
padding-left:0px;
color:#666;
}

.PropertyTableLinks a{
text-decoration:none;
color:#009E00;
font-size:11px;
}

.PropertyTableLinks a:hover{
text-decoration:underline;
}

.PropertyLinks a.visited{
color:#333;
}