/* CSS DISPLAY SCREEN TED-E-BEAR */

/* ---------- 1. 0 Misc ---------- */

*   {
	padding:0;
	margin:0;
	border:0;
	}
	
body {
	color:#181818;
	font: 0.7em "Arial", Tahoma, Helvetica, Sans-Serif;
	background:#FFEEFF;
	padding:20px 0 20px 20px;
	}

.end {
	clear:both;
	list-style:none;
	height:0;
	width:auto;
	font-size:0;
	line-height:0;
	}

#container {
	position:relative;
	left:0;
	max-width:980px;
	min-width:736px;
	text-align:left;
	z-index:3;
	}
	
	html*> #container {
	position:relative;/*Baeddan added this back in to align the images correctly in ie7 "testimonial" page*/		
	}

#colLeft {
	width:210px;
	float:left;
	position:relative;
	z-index:10;
	}

#colRight {
	width:200px;
	float:right;
	text-align:right;
	position:relative;
	z-index:10;
	}

#colCenter {
	margin:0 220px 0 230px;
	position:relative;
	z-index:10;
	}

.header {
	height:7em;
	}



/* ---------- 2.0 HEADER & Navigation ---------- */

.header h1, .skypContent, .skypMenu {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	display:block;
	}

.skypContent, .skypMenu {
	position:absolute;
	top:0;
	left:0;
	text-decoration:none;
	}

.header h1 {
	width:210px;
	height:59px;
	background:url(images/logo_barbour_abi.gif) 0 0 no-repeat;
	margin:0 0 20px 0;
	}
	
.bps {
	width:210px;
	height:40px;	
	margin:10px 0 20px 0;
	}

h1 a {
	width:210px;
	height:59px;
	display:block;
	text-decoration:none;
	}

.navigation h3 {
	background:#FFD0F4;
	font-size:1.1em;
	letter-spacing:200%;
	padding:4px 12px;
	position:relative;
	z-index:14;
	border-bottom:1px solid #f6f6f6;
	}

.navigation .boxContent {
	background:url(images/pink/box_repeat.gif) 0 0 repeat-x;
	padding:10px 12px 20px 12px;
	position:relative;
	z-index:15;
	border-top:1px solid #a2a2a2;
	}

.navigation li {
	width:160px;
	display:block;
	list-style-type:none;
	}

.navigation dt {
	font-weight:bold;
	margin-top:3px;
	font-size:1.1em;
	display:block;
	}

.navigation dt strong {
	font-weight:bold;
	font-size:1.2em;
	margin-right:2px;
	}

.navigation dd {
	margin-bottom:4px;
	}

.navigation dd {
	margin-left:16px;
	}

.navigation a {
	border-bottom:1px solid #c1c0c1;
	color:#565758;
	text-decoration:none;
	}

.navigation a:hover {
	border-bottom:1px solid #DFDFDF;
	color:#E2001A;
	text-decoration:none;
	}

.navigation a.selected {
	color:#E2001A;
	text-decoration:none;
	font-weight:bold;
	border:0;
	}

/* ---------- 2.1 Banner ---------- */
#sidebanner {
	border-top:1px solid #a2a2a2;
	background:url(images/pink/content_repeat.gif) 0 0 repeat-x;
	margin-top: -1px;
	}

/* ---------- 3.0 Links ---------- */
.header .link{
	margin-bottom:10px;
	}


/* ---------- 3.0 Links ---------- */

.header .link a {
	border-bottom:1px solid #c1c0c1;
	color:#565758;
	text-decoration:none;
	font-weight:bold;
	}

.header .link a:hover {
	border-bottom:1px solid #DFDFDF;
	color:#E2001A;
	text-decoration:none;
	}

.header .link strong {
	padding:0 4px;
	}


/* ---------- 4.0 SearchForm ---------- */
.header .searchForm {
	margin-top:10px;
	}

.searchForm dt, .searchForm dd {
	float:left;
	color:#565758;
	}

.searchForm dt {
	font-size:1.0em;
	font-weight:bold;
	padding:5px 15px 0 34px;
	}

.searchForm label {
	font-weight: normal;
	line-height: 1.0em;
	text-indent: -2000em;
	font-size:0;
	position:absolute;
	}

.searchForm input {
	border:1px solid #a5acb2;
	height:1.5em;
	width:86px;
	color:#565758;
	font-size:1.2em;
	}

.searchForm #btSearch {
	background:url(images/bt_go.gif) 0 0 no-repeat;
	height:22px;
	width:22px;
	cursor:pointer;
	font-weight: normal;
	line-height: 1.0em;
	text-indent: -2000em;
	font-size:0;
	display:block;
	border:0;
	margin-left:3px;
	}

* html .searchForm #btSearch {
	margin:1px 0 0 3px;
	}


/* ---------- 5.0 LoginForm & pannel ---------- */

.loginForm dl {
	background:url(images/pink/box_repeat.gif) 0 26px repeat-x;
	position:relative;
	z-index:100;
	}

.pannel .content {
	background:url(images/pink/box_repeat.gif) 0 0 repeat-x;
	margin-bottom:20px;
	padding:10px 10px 1px 10px;
	}

.loginForm dt, .pannel h3 {
	background:#FFD0F4;
	padding:5px 10px 5px 0;
	font-weight:bold;
	border-bottom: 1px solid #a2a2a2;
	font-size:1.0em;
	width:190px;
	border-top: 1px solid #a2a2a2;
	}

.loginForm dt {
	margin-bottom:8px;
	border-top: 1px solid #a2a2a2;
	}

.loginForm dd {
	padding:0 12px 1px 0;
	margin:0;
	}

.loginForm label {
	font-size:1.0em;
	font-weight:bold;
	margin:0 5px 2px 0;
	}

.loginForm .txtBox {
	border:1px solid #a5acb2;
	height:1.5em;
	width:97px;
	color:#565758;
	font-size:1.2em;
	}

.loginForm select{ /*Bae added*/
	border:1px solid #a5acb2;
	height:1.5em;
	width:99px;
	color:#565758;
	font-size:1.2em;
	margin-bottom:1px;
	}

.loginForm #btLogin {
	background:url(images/bt_submit.gif) 0 0 no-repeat;
	height:22px;
	width:99px;
	cursor:pointer;
	font-weight: normal;
	line-height: 1.0em;
	text-indent: -2000em;
	font-size:0;
	display:block;
	border:0;
	margin:0 0 0 89px;
	}

.loginForm .btLogin {
	text-align:left;
	margin:3px 0 0 0;
	}

.loginForm ul {
	display:block;
	margin:8px 0 0 0;
	}

.loginForm li {
	display:block;
	list-style:none;
	height:2.0em;
	}

.loginForm a, #downloadLogo a, #cmpInformation a{
	/*border-bottom:1px solid #c1c0c1; Baeddan took out - bottom underline on right hand side of free trial advert*/
	color:#565758;
	/*text-decoration:none; Baeddan took out - bottom underline on right hand side of free trial advert*/
	font-weight:bold;
	}

.loginForm  a:hover, #downloadLogo a:hover, #cmpInformation a:hover {
	/*border-bottom:1px solid #DFDFDF;*/
	color:#E2001A;
	/*text-decoration:none;*/
	}
	
/*login checkBox - all day function*/
.loginForm .checkBox input {		
		margin-top:5px;			
		}

	/* ---------- 5.1 DOWNLOAD LOGO ---------- */
	#downloadLogo ul{
		margin-bottom:10px;
		}
		
	#downloadLogo li{
		list-style-type:none;
		margin-bottom:2px;
		text-align:left; /*move the text in the right hand side nav to left align*/
		}

	/* ---------- 5.2 cmpInformation ---------- */
	#cmpInformation img {
		float:left;
		margin-right:10px;
		}

	#cmpInformation p {
		margin-bottom:15px;
		}

	#cmpInformation a {
		margin:0 0 5px 0;
		font-weight:normal;
		}

	#cmpInformation li{
		list-style-type:none;
		margin-bottom:2px;
		}
		

/* ---------- 6.0 Advert ---------- */

.advert {/*sectino for the new advert on the right hand side - by me*/
	display:block;
	width:200px;
	background:url(images/pink/box_repeat.gif) 0 0px repeat-x;
	margin-top:0px;
	text-align: center;
	}

.advert li {
	display:block;
	width:200px;
	background:#e1e1e1;
	margin-top:0px;
	}
	
.advert .partnerslogo{
	width:200px;
	background:url(../../B2B Construction Data, Construction Sales Leads, Construction Trends, UK Construction Sales Leads, images/images/advert/homepage_logos.gif) 0 0 no-repeat;
	height:73px;
	}
	
.advert .partnerslogo li {
	background:none;
	float:left;
	display:block;
	}

.advert .partnerslogo  a {
	display:block;
	float:left;
	font-weight: normal;
	font-size: 0;
	line-height: 1.0em;
	text-indent: -2000em;
	text-decoration:none;
	color:#F6F6F6;
	}

.advert .partnerslogo li.logo1, .advert .partnerslogo li.logo1 a {
	width:72px;
	height:35px;
	}

.advert .partnerslogo li.logo2, .advert .partnerslogo li.logo2 a {
	width:67px;
	height:35px;
	}

.advert .partnerslogo li.logo3, .advert .partnerslogo li.logo3 a {
	width:61px;
	height:35px;
	}

.advert .partnerslogo li.logo4, .advert .partnerslogo li.logo4 a {
	width:72px;
	height:38px;
	}

.advert .partnerslogo li.logo5, .advert .partnerslogo li.logo5 a {
	width:67px;
	height:38px;
	}

.advert .partnerslogo li.logo6, .advert .partnerslogo li.logo6 a {
	width:61px;
	height:38px;
	}

.advert .partnerslogo  a:hover {
	text-decoration:none;
	}


/* ---------- 7.0 MENU ---------- */

#menu h3 {
	font-weight: normal;
	line-height: 1.0em;
	text-indent: -2000em;
	font-size:0;
	position:absolute;
	}

#menu ul {
	display:block;
	list-style:none;
	padding:45px 0 0 0;
	}
	
#menu li {
	display:inline;
	}

#menu li a {
	color:#565758;
	text-decoration:none;
	margin:0 3%;/*0 = top and bottom area......4% = left and right area*/
	font-size:1.6em;
	font-weight:bold;
	padding-bottom:11px;
	border-bottom:4px solid #F6F6F6;
	}

#menu li.link1 a {
	margin-left:0;
	}

#menu li.link5 a {
	margin-right:0;
	}

#menu li a.selected {
	border-bottom:4px solid #E2001A;
	}

#menu li a:hover {
	color:#E2001A;
	}

/* ---------- 8.0 SUBMENU ---------- */
#submenu {
	border-top:1px solid #a2a2a2;
	position:relative;
	z-index:10;
	background:#FFEEFF;
	}

#submenu ul {	
	padding:4px 8px;
	display:block;
	}

#submenu h3 {
	font-weight: normal;
	line-height: 1.0em;
	text-indent: -2000em;
	font-size:0;
	position:absolute;
	}

#submenu li {
	display:inline;
	}

#submenu a {
	color:#181818;
	text-decoration:none;
	font-size:1.1em;
	padding:0 8px 0 0;
	font-weight:normal;
	line-height:1.6em;
	}

#submenu a:hover {
	color:#E2001A;
	}

#submenu a.selected {
	color:#E2001A;
	font-weight:bold;
	}

/* ---------- 9.0 CONTENT ---------- */
#content {
	border-top:1px solid #a2a2a2;
	background:url(images/pink/content_repeat.gif) 0 0 repeat-x;
	padding:10px 8px 0 8px;
	position:relative;
	z-index:11;
	}

.blockWrapper {
	position:relative;
	z-index:12;
	}

#content .blockContentLeft {
	float:left;
	width:48%;
	position:relative;
	z-index:13;
	}

#content .blockContentRight {
	float:right;
	width:48%;
	position:relative;
	z-index:13;
	}

#content .blockTextRight img {
	float:right;
	margin:0 0 5px 15px;
	background:#fff;
	padding:1px;
	border:1px solid #DFDFDF;
	position:relative;
	z-index:25;
	}

.picBorder {
	background:#fff;
	padding:1px;
	border:1px solid #DFDFDF;
	display:block;
	text-align:center;
	}

.picBorder img {
	display:inline;
	}

#content .blockTextRight p {
	text-align:justify;
	}

#content h1 {
	font-size:1.6em;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:1.0em;
	}

#content h2 {
	font-size:1.3em;
	font-style:normal;
	}

#content h2 a {
	font-size:0.8em;
	text-decoration:none;
	float:right;
	position:relative;
	z-index:20;
	}

#content h4 {
	font-size:1.2em;
	}

#content p {
	text-align:left;
	line-height:1.4em;
	margin-bottom:1.4em;
	font-size:1.1em;
	}

#content span.date {
	color:#BC2B16
	}

#content a {
	border-bottom:1px solid #c1c0c1;
	color:#181818;
	text-decoration:none;
	}

#content a span{
	display:none;
	}

#content .endParaLink {
	margin-top:5px;
	}

#content a:hover {
	border-bottom:1px solid #DFDFDF;
	color:#E2001A;
	text-decoration:none;
	}

#content ul {
	margin:0 0 30px 20px;
	display:block;
	list-style:none;
	}
	
/*ul ul = indent of paragraph/text (like a tree angle)*/
#content ul ul {
	margin:10px 0 30px 20px;
	}

#content li {
	margin-bottom:9px;
	list-style:disc;
	font-size:1.1em;
	color:#E2001A;
	}
	
/*list - one after another*/
#content li li {
	font-size:1.0em;
	}

#content li span {
	color:#181818;
	}

/* -- Padding/Position of bullet points in Our Services Page -- */
#content .boxContent ul {
	margin:20px 0 30px 20px;
	display:block;
	}
	
/* -- List of bullet points in Our Services Page -- */
#content .boxContent li {
	margin-bottom:9px;
	list-style:disc;/*bullet point style*/
	font-size:1.0em;
	color:#E2001A;
	}

#content .box h3 {
	background:#FFD0F4;
	font-size:1.1em;
	letter-spacing:200%;
	padding:4px 12px;
	position:relative;
	z-index:14;
	border-bottom:1px solid #f6f6f6;
	}
	
#content .boxindex h3 {/*h3 = title of the trackbase red box......baeddan added to index page*/
	background:#FFD0F4;
	font-size:1.1em;
	z-index:14;
	padding:4px 12px;
	text-align: center;
	}

#content .boxContent {
	background:url(images/pink/box_repeat.gif) 0 0 repeat-x;
	padding:14px 12px;
	position:relative;
	z-index:15;
	border-top:1px solid #a2a2a2;
	}

* html #aboutUs #content .boxContent {
	height:12em;
	}

*> #aboutUs #content .boxContent {
	min-height:12em;
	}

* html #ourServices #content .boxContent {
	height:14em;
	}

/*Height within Our Services page with the blocks - IE Baeddan Added*/
* .boxContentSmall {
    background:url(images/pink/box_repeat.gif) 0 0 repeat-x;
	height:auto;
	border-top:1px solid #a2a2a2;
	padding:14px 12px;
	}	


*> #ourServices #content .boxContent {
	min-height:14em;
	}

#content .boxContent h4 {
	font-size:1.1em;
	}

#content .boxContent p, #content .boxContent span {
	font-size:1.1em;
	margin:0;
	}

#content .boxContent p.viewMore {
	margin-top:10px;
	}

#content  a.btRegister {
	background:#E2001A;
	padding:5px 8px;
	color:#fff;
	font-weight:bold;
	}

#content  a.btRegister:hover {
	background:#9E9FA3;
	color:#fff;
	}

#content  .box h6 {
	color:#181818;
	font-size:1.0em;
	font-weight:bold;
	}
	
#content  a.btRegister2 {/*on certain pages - big red button - "index page"!*/
	background:#E2001A;
	padding:5px 151px;
	color:#fff;
	font-weight:bold;
	}

#content  a.btRegister2:hover {
	background:#9E9FA3;
	color:#fff;
	}
	
#content  a.btRegisterform {/*on certain pages - big red button - "our service > black book range!*/
	background:#E2001A;
	padding:3px 0 2px 0;
	text-align: center;	
	color:#fff;	
	font-weight:bold;	
	border-bottom: none;	
	text-decloration: none;	
	width: 49%;
	}
	
*> #content  a.btRegisterform {/*on certain pages - big red button - "our service > black book range!*/
	background:#E2001A;
	padding:3px 0 2px 0;
	text-align: center;		
	color:#fff;	
	font-weight:bold;	
	font-size: 11px;	
	border-bottom: none;	
	text-decloration: none;
	width: 49%;				
	}

#content  a.btRegisterform:hover {	
	color:#fff;
	background:#9E9FA3;
	border-bottom: none;	
	text-decloration: none;
	}

	/* ---------- 9.1 Ticker---------- */
	
	#content .ticker div /*this will hide all children tags */
	{
		display:none;
	}




	/* ---------- 9.2 ACCOUNT & CONTACT FORM---------- */
	
	#form form {
		font-size:1.1em;
		position:relative;
		z-index:30;
		width:93%;
		}
		
	#form dt {
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		display:block;
		}
		
	#form dd {
		margin-bottom:18px;
		position:relative;
		font-size:1.0em;
		top:0;
		left:0;
		z-index:40;
		text-align:left;
		}

	#HelpMeDecide #form dl {
		display:block;
		padding:10px;
		border:1px solid #CFCFCF;
		background:#F9F9F9;
		margin-bottom:20px;
		}

	#HelpMeDecide #form dd dl {
		display:none;
		}

	#form dd.radio {
		margin-bottom:20px;
		position:relative;
		color:#343434;
		}
	
	#form dd.note {
		font-weight:bold;
		}
		
	#form dd.error {/*error message style*/ 
		color:#6880A4; /*#FF910F*/
		font-weight:bold;
		margin-bottom:16px;
		}
		
	#form dd.error span{/*error message style*/ 
		color:#E2001A;
		font-weight:bold;
		margin-bottom:16px;
		}
		
	/* Payment Portal validation / animated message */
	.flash1{
		width:auto;
		text-align:center;
		padding:5px;
		margin-top:2px;
		margin-bottom:10px;
		border:1px dashed #A2A2A2;
		color:#003366;
		font-weight:normal;
		background-color:#FFFFCC;
		font-size:12px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		}
	
	#form form p { 
		margin-top:10px;
		}

	#form form dd p { 
		font-size:1.0em;
		}
	
	#form label { 
		padding-right:10px;
		line-height:1.4em;
		}
	
	#form input, #form select {
		border:1px solid #CFCFCF;
		width:70%;
		position:absolute;
		/*display:block;*/
		background:#fff;
		right:0;
		top:0;
		height:1.4em;
		z-index:200;
		color:#707173;
		}

	#form .radio input {
		border:0;
		width:auto;
		position:inherit;
		background:transparent;
		height:auto;
		z-index:1;
		color:#707173;
		position:relative;
		top:1px;
		margin-left:3px;
		}

	#form .radio input.radio1 {
		margin-right:20px;
		}

	#form .radio label { 
		padding-right:0;
		}
	
	#form .brInput input {
		border:1px solid #CFCFCF;
		width:396px;
		/*display:block;*/
		background:#fff;
		height:1.4em;
		color:#707173;
		position:static;
		margin-top:8px;
		}
	
	#form select {
		width:222px;
		background:#707173;
		color:#fff;
		/*font-weight:bold;*/
		height:1.6em;
		}
	
	#form .checkBox label {
		padding:0 0 0 20px;
		}

	#form .checkBox input {
		border:0;
		height:16px;
		width:16px;
		left:0;
		top:0;
		background:transparent;
		}
	
	
	#form #last input {
		border:0;
		margin-right:234px;
		height:16px;
		width:16px;
		}
	
	#form select option {
		color:#fff;
		padding:3px 9px;
		border-bottom:1px solid #fff;
		font-weight:bold;
		}
	
	#form textarea {
		border:1px solid #CFCFCF;
		height:120px;
		display:block;
		width:100%;
		margin-top:8px;
		color:#707173;
		}
	
	#form .button {
		background:#E2001A;
		color:#fff;
		font-weight:bold;
		cursor:pointer;
		width:49%;
		height:2em;
		position:static;
		font-size:0.8em;
		padding:3px 0 5px 0;
		margin:0 0 10px 0px;
		border:0;
		}
		
	#form a.button { 
		display:block; 
		text-align:center;
		text-decoration:none;
		height:1.6em;
		padding:5px 0 0 0;
		}
	
	#form .button:hover {
		background:#9E9FA3;
		}


/* ---------- 9.3 Home Improvers table ---------- */

#hitable { 		
	width: 100%; 
	float: left;
	margin-right: 20px; 	 
	text-align: left;	
	border: #A2A2A2 1px solid;		
}

	*> #hitable {
		margin-bottom: 20px;
	}


#hitable TH {
	border-bottom: #A2A2A2 1px solid; 	
	background: transparent; 
	font: Arial, Verdana, Trebuchet MS, Helvetica, sans-serif; 
	font-weight: normal;
	font-size:1.1em;
	color: #E2001A; 
	padding-left: 10px;	
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 50%;	

}



/* ---------- 10.0 FOOTER ---------- */
#footer {
	margin-top:10px;
	border-top:1px solid #a2a2a2;
	padding-top:8px;
	}

#cmpForm {
	width:260px;
	float:left;
	}

#accessibility {
	width:200px;
	float:right;
	text-align:right;
	}

#linksCopyright {
	margin:0 220px 0 230px;
	text-align:center;
	}

	/* ---------- 10.1 cmpForm ---------- */
	
	
	#cmpForm dt, #cmpForm dd {
		float:left;
		color:#565758;
		}
	
	#cmpForm dt {
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		display:block;
		background:url(images/pink/cmp_logo.gif) 0 0 no-repeat;
		width:65px;
		height:47px;
		}
	
	#cmpForm label {
		font-weight: normal;
		line-height: 1.0em;
		text-indent: -2000em;
		font-size:0;
		position:absolute;
		}
	
	#cmpForm select {
		border:1px solid #a5acb2;
		height:1.5em;
		width:180px;
		color:#565758;
		font-size:1.2em;
		margin-left: 5px;
		}
	
	#cmpForm #btCmp {
		background:url(images/bt_go.gif) 0 0 no-repeat;
		height:22px;
		width:22px;
		cursor:pointer;
		font-weight: normal;
		line-height: 1.0em;
		text-indent: -2000em;
		font-size:0;
		display:block;
		border:0;
		margin-left:3px;
		}
	
	* html #cmpForm #btCmp {
		margin:0px 0 0 3px;
		}
	
	
	/* ---------- 10.2 accessibility ---------- */
	
	#accessibility dl {
		display:block;
		width:153px;
		height:2em;
		padding-left:47px;
		}

	#accessibility dt, #accessibility dd {
		float:left;
		}

	#accessibility dt {
		width:90px;
		margin:0 10px 0 0;
		}

	#accessibility a {
		display:block;
		padding:1px 4px;
		border:1px solid #a6a6a7;
		background:#fff;
		color:#000;
		text-decoration:none;
		font-size:0.7em;
		margin:0 0 0 2px;
		}

	#accessibility .style2 a {
		background:#ffccf2;
		}

	#accessibility .style3 a {
		background:#000;
		color:#fff;
		}

	#accessibility a:hover {
		background:#e2001a;
		color:#fff;
		}

	#accessibility strong {
		margin:0 4px 0 6px;
		}

	/* ---------- 10.3 accessibility ---------- */
	#linksCopyright p {
		margin-bottom:5px;
		}

	#linksCopyright a {
		border-bottom:1px solid #c1c0c1;
		color:#565758;
		text-decoration:none;
		font-weight:bold;
		}
	
	#linksCopyright a:hover {
		border-bottom:1px solid #DFDFDF;
		color:#E2001A;
		text-decoration:none;
		}
	
	#linksCopyright strong {
		padding:0 4px;
		}

	/* ---------- 10.4 top ---------- */
	#footer .top {
		float:right;
		}
	
	#footer .top a{
		color:#000;
		text-decoration:none;
		}
	
	#footer .top a:hover{
		text-decoration:underline;
		}

/* ---------- 11.0 Advert Images (animated)---------- */

.pics {
	margin-left: 0px;
	overflow: hidden; 
	width: 200px; 
	height: 150px;
	margin-top:5px;	
}

*>.pics {
	margin-left:-2px;	
}
	
.pics IMG {
	padding: 0px; 	 	
	width: 200px; 
	height: 150px; 
	background:transparent;		 
}

/* ---------- 12.0 Right Panel Feedback Form---------- */

/*style for FORM page i.e. contact form, feedback form, construction review form etc*/
#formpanel form {
	font-size:1.1em;
	position:relative;
	z-index:30;
	width:99%;				
}
		
#formpanel dt {/*title of the form*/
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	display:block;
}
		
#formpanel dd {/*the gap of each text field in form page*/
	margin-bottom:5px;
	position:relative;
	font-size:1.0em;
	top:0;
	left:0;
	z-index:40;
	width: 95%;
	text-align: left;
}
	/*firefox hack*/	
	*> #formpanel dd {
	margin-left: 5px;
    }
	/*ie7 hack*/
	html*> #formpanel dd {
	margin-left: 0px;
    }

	
#formpanel dd.note {
	font-weight:bold;
}
	
#formpanel dd.error {/*error message style*/ 
	color:#FF910F;
	font-weight:bold;
	margin-bottom:16px;
}
	
#formpanel form p { /*paragraph in the form*/
	margin-top:10px;
}

#formpanel form dd p { 
	font-size:1.0em;
}
	
#formpanel label { /*the title of the textfiled*/
	line-height:1.4em;
}

/*may not be in use for the select section....i.e.where did you find us*/
#formpanel input, #formpanel select {
	border:1px solid #CFCFCF;
	width:100%;	
	background:#fff;
	right:0;
	top:0;
	height:1.4em;
	z-index:200;
	color:#707173;
}

#formpanel textarea {/*text area*/
	border:1px solid #CFCFCF;
	height:120px;
	display:block;
	width:99%;
	margin-top:1px;
	color:#707173;
	
}
	
#formpanel .button {
	background:#E2001A;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	width:49%;
	height:2em;
	position:static;
	font-size:0.8em;
	padding:0 0 5px 0;
	margin:0 0 10px 0px;
	border:0;
}
		
#formpanel a.button { 
	display:block; 
	text-align:center;
	text-decoration:none;
	height:1.6em;
	padding:5px 0 0 0;
}
	
#formpanel .button:hover {
	background:#9E9FA3;
	}

/* ---------- 13.0 Calendar Media Section ---------- */

#calendar { 
	font: 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 	
	width: 150px; 
	float: right;
	margin-right: 20px; 	
	background-color: #fff; 
	text-align: center;
	border: 2px solid #E2001A;	
}

CAPTION {
	padding: 3px; 	
	background: #E2001A;
	border-bottom: 2px solid #a2adbc;	 	
	margin: 0px; 
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	width: 150px; 
	color: #fff;  
	text-align: center;
}

#calendar TH {
	border: #a2adbc 1px solid; 	
	background: #EAEEEE; 
	font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color: #666666; 
	padding: 5px;	
}

#calendar  a {/*on certain pages - big red button - "index page"!*/		
	color: #7092CF;
	font-weight: bold;
}

/* ---------- 14.0 Image Overlay Pop-up Function ---------- */

div#fancy_overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #333;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(images/fancy_progress.png) no-repeat;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(images/fancy_closebox.png) ;
	cursor: pointer;
	z-index: 100;
	display: none;
}

div#fancy_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	z-index: 96;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 92;
}

div#fancy_title {
	position: absolute;
	bottom: -35px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 2px;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(images/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(images/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(images/fancy_title_right.png) repeat-x;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 10px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	background-image: url(data:image/gif;base64,AAAA);
	z-index: 100; 
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

a#fancy_left:hover {
	background: transparent url(images/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
	background: transparent url(images/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

div#fancy_bg {
	display: none;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(images/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(images/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(images/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(images/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(images/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(images/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(images/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(images/fancy_shadow_nw.png) no-repeat;
}

.exampleIcon 
{
    border: none !important;
}