/* CSS Document */

 /********************** PLEASE NOTE ************************* /  
 /															   /		
 / IMPORTANT: Please ensure you are familiar with CSS protocol /
 / before making ANY CHANGES 	                               /
 /															   /
 /*************************************************************/ 
 
 
 /****************** Site constant tags ********************** /  
 /															   /		
 / The tags below are NOT to be modified, deleted or added to. /
 / Doing so will result in deviation from the Display Homes  
 / Online website template.                                    /
 /															   /
 /*************************************************************/
 
 
 /* General Fonts, Links, Structural Elements and Body Tags */

 body 		 	 		{ background-image: url(../images/bg-top.jpg);	background-repeat: repeat-x;	background-position: top;	font-size: 10px;	color: #4C5660;	background-color: #00425D;}
 font, th, td, p, div  	{ font-family: Verdana, Helvetica, Sans-Serif; font-size: 10px; line-height: 16px; }
 a						{ color: #206FA9; text-decoration: none; }
 a:hover				{ color: #206FA9; text-decoration: underline; }
 h1						{ font-family: Trebuchet MS, Tahoma, Verdana, Helvetica, Sans-Serif; font-size: 16px; color: #003366; font-weight: bold;  }
 .header				{ font-family: Verdana, Helvetica, Sans-Serif; font-size: 12px; color: #206FA9; font-weight: bold;  }
 .header2				{ font-family: Verdana, Helvetica, Sans-Serif; font-size: 14px; color: #206FA9; font-weight: bold;  }
 h2						{ font-family: Verdana, Helvetica, Sans-Serif; color: #042C35; font-size: 11px; font-weight: bold; }
li		            	{ list-style-image: url(../images/list.gif);	font-size: 10px;	border-bottom: 1px solid #ECEDED;	line-height : 18px;	color: #042C35; }
li2		            	{ list-style-image: url(../images/list.gif);	font-size: 10px;	border-bottom: 1px solid #ECEDED;	line-height : 18px;	color: #042C35; }
.sub-head				{ font-family: Verdana, Helvetica, Sans-Serif; color: #042C35; font-size: 11px; font-weight: bold; }

 /* BreadCrumb Trail 
 #breadcrumb				{ color: #CCCC33; position: absolute; padding-top: 6px; padding-bottom: 4px }
 #breadcrumb a				{ color: #CCCC33; font-weight: normal; text-decoration: none; }
 #breadcrumb a:hover		{ text-decoration: underline;  }*/
 
 /* Home Content */
 
 td.panel 							{ padding: 2px;	color: #000; text-decoration:none;	background-image: url(../images/bg_testimonials.gif);	background-repeat: no-repeat;}
 #testimonials						{ position: center; 	height: 180px; 	width: 270px; margin-left: 30px;}
 td.welcome							{ padding: 8px;	}
 td.red   						    { background: #E20000 }	
 td.blue  						    { background: #245397  } 
 td.redside  						{ border-right: 1px solid #E20000 } 
 .style1 							{color: #FFFFFF}
 
 /* Content pages*/
 .white-txt							{ color: white; font-weight: bold; }
td.content							{ padding-left: 15px; padding-right: 15px; background-image: url(../images/bg-divider.gif); background-repeat: repeat-y; background-position: right; border-right: solid 2px white;}
td.content-hm						{ padding-left: 5px; padding-right: 5px; background-image: url(../images/bg-divider.gif); background-repeat: repeat-y; background-position: right; border-right: solid 2px white;}
td.forums                           { color:#11535A; }
.forums                             { color:#FF6633; }
a.forums:link                       { color:#FF6633; text-decoration:underline; }
a.forums:hover                      { color:#FF6633; text-decoration:none; }
#bodyhome					        { padding: 15px; border: 1px solid black; margin : 15px;}
#bodycontent					    { width: 420px; padding: 15px; border: 1px solid black; margin : 15px;}

#about-top						   { width: 390px; align: justify;}

td.contact						   { background-image: url(../images/pics_contact.jpg); background-repeat: no-repeat; background-position: right bottom;}
#contact						   { width: 330px;}

#property						   { width: 330px;}
td.property					       { background-image: url(../images/pics_property.gif); background-repeat: no-repeat; background-position: right;}

#test							   { width: 330px;}
td.test					           { background-image: url(../images/pics_test.jpg); background-repeat: no-repeat; background-position: right;}


td.list                            { border-bottom: 1px solid #ECEDED; }

td.services						   { background-image: url(../images/pics_services.jpg); background-repeat: no-repeat;	background-position: bottom;}

td.jobs						       { background-image: url(../images/pics_jobs.jpg); background-repeat: no-repeat;	background-position: bottom;}


/* Side Section */
td.its							  { border-top: 3px solid #FFFFFF;  }
td.itscontent					  { padding-left: 2px; padding-right: 3px; }
td.sidebg						  { background-color: #EBF6F7; }
td.sideline						  {	background-image: url(../images/bg-side.gif);	background-repeat: repeat-y;	background-position: right;}
td.sideright					  {	background-image: url(../images/bg-rightside.gif);	background-repeat: no-repeat;	background-position: left top;}
.slink                            { color:#FF6633; }
a.slink  :link                    { color:#FF6633; text-decoration:none;  }
a.slink  :hover                   { color:#FF6633; text-decoration:underline;}
/* Footer */
td.footer						    { color: #000; text-decoration:none;	background-image: url(../images/bg-btm.gif);	background-repeat: repeat-x;}
td.footer2, td.footer2:link			{ color: #809FAC; text-decoration:none; background-image: url(../images/bg-fbtm.gif);	background-repeat: repeat-x;}
td.footer2:hover                    { text-decoration:underline;}	


 
 /* All Forms */
 
 input, textarea, select			{ font-family: Verdana, Arial, Helvetica, Sans-Serif; border: 1px solid #A4A9AF; font-size: 10px; padding: 3px; }
 .button			    			{ background: #004080; color: #FFF; font-size: 12px; border: 1px solid #FFF; }
 .searchform						{ border: 1px solid #333; font-size: 12px; padding: 2px; width: 150px; }	
 .searchbutton						{ background: #FFCC66; border: 1px solid #000; color: #000; font-size: 11px; font-weight: bold; font-family: Verdana, Arial; height: 20px; line-height: 10px; }
 td.searchpadding					{ padding: 3px; height: 15px; }
 .nil								{ border: 0px ;  }

 fieldset 				            { margin-top: 5px; border: 1px solid #CC0000; background-color: #FFFFFF; color: #000000; width: 360px;} 
 legend.header           			{ font-weight: bold; font-size: 11px; color: #CC0000;}


/******* FORM *******/
#vaccarb{
	padding: 0 10px 10px;
}
#vaccarb label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}
#vaccarb input{
	width: 220px;
	padding: 2px;
	height: 22px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #cecece;
	}

#vaccarb input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#vaccarb textarea{
	width: 300px;
	height: 80px;
	padding: 6px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
#vaccarb textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#vaccarb {
	margin-bottom: 15px;
}
#vaccarb span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 9px;
	font-style: italic;
}
#vaccarb span.error{
	color: #e46c6e;
	font-size: 9px;
}

#vaccarb span.ok{
	color: #6EE46C;
	font-size: 9px;
}


#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}
/******* /FORM *******/
