﻿body 
{
	background-image : url('Images/top_gradient.gif');
	background-repeat :repeat-x;
	margin:0; padding:0;
	background-color:#fff;
	font-family:Arial;
	height:100%;
}

.parent
{
	display: block;
	_height:100%;
	min-height:100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}


.content
{
	background-color:#fff;
	border-top: solid 5px #61ADE7;
	padding: 10px 0px 50px 0px;

}

.ContentPad
{
	padding : 5px 10px 10px 20px;
}

.ContentPad img
{
	padding-left:5px;
}

.header 
{
	background-color: #fff;
}

.Footer
{
	background-image: url('Images/footer.gif');
	height:38px;
	text-align:center;
	font-size:0.6em;
	color:#1a5182;
}

a
{
	text-decoration: none;
	color:#1a5182;
}

.Footer a
{
	text-decoration: none;
	color:#1a5182;
}

.BackgroundFooter
{
	height:38px;
	background-image : url('Images/footer_gradient.gif');
	background-repeat: repeat-x;
	clear:both;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	display: block;
	height: 45px;
	z-index: 999;
	padding: 0px;
	margin: 0px;
}

div.central { margin:0 auto; width:760px; }

/*The top navigation bar*/

#NavBar ul
{
	background-color:#fff;
}

#NavBar li
{
	float:left;
	padding:0px 5px 0px 5px;
	list-style:none;
	font-size:0.5em;
}

#NavBar li.mf_top_menu_seperator
{
	background: url('Images/bullet.gif') no-repeat;
	height: 15px;	
	width:5px;
	margin-left:5px;
}

#NavBar a
{
	text-decoration : none;
	display:block;
}

#NavBar a.airCondition:hover
{
	background-position: 0 -14px;
}

#NavBar a.AirConditioningEquipment
{
	width: 191px;
	height: 14px;
	background: url('Images/aircon_equip.gif') no-repeat;
	background-position: 0 -28px;
}

#NavBar a.AirConditioningEquipment:hover 
{
	background-position: 0 -14px;
}

#NavBar .HeatingAndVentilation
{
	width: 147px;
	height: 14px;
	background: url('Images/Heating_Vent.gif') no-repeat;
	background-position: 0 -28px;
}

#NavBar .HeatingAndVentilation:hover
{
	background-position: 0 -14px;
}

#NavBar a.QuickQuote
{
  width: 87px;
  height: 14px;
  background: url('Images/quick_quote.gif') no-repeat;
  background-position: 0 -28px;
}

#NavBar a.QuickQuote:hover
{ 
  background-position: 0 -14px;
}

#NavBar a.Selected
{
	background-position: 0 0px;
}

/*Home Page */
.HomeBackground
{
	background-image: url('Images/HomeImage.jpg');
	width: 708px;
	height: 333px;
	margin:0px auto;
	color:#fff;
	font-size : 0.8em;
}

.contentText
{
	padding : 5px 10px 10px 20px;
}

.Home
{
	text-align:center;
	color:#1A5182;
	font-family: Arial Black;
	font-size: 0.9em;
}

span.StrapLine
{
	font-family:Arial;
	font-style:italic;
	padding : 0px 50px 0px 50px;
	font-size : 1.1em;
}

div.CentreCaption
{
	padding-left:30px;
}

div.Caption
{
	color:#1A5182;
	font-size:0.7em;
	font-family:Arial Black;
	text-align:center;
	float:left;
}

div.CentralCaption
{
	padding: 0px 60px 0px 60px;
}

span.AltText
{
	font-family:Arial;	
}

/* Bottom navigation on the home page */
#BottomNav ul
{
	background-color:#fff;
}

#BottomNav li
{
	float:left;
	list-style:none;
	padding-left: 60px;
}

#BottomNav a
{
	text-decoration : none;
	display:block;
}

#BottomNav #quote
{
  width: 142px;
  height: 116px;
  background: url('Images/quick_quote_bottom.gif') no-repeat;
  background-position:0 0px;
}

#BottomNav #quote:hover
{ 
  background-position: 0 -116px;
}

#BottomNav #quote span
{
  display: none;
}

#BottomNav #services
{
  width: 142px;
  height: 114px;
  background: url('Images/services_bottom.gif') no-repeat;
  background-position:0 0px;
}

#BottomNav #services:hover
{ 
  background-position: 0 -114px;
}

#BottomNav #services span
{
  display: none;
}

#BottomNav #products
{
  width: 142px;
  height: 113px;
  background: url('Images/products_bottom.gif') no-repeat;
  background-position:0 0px;
}

#BottomNav #products:hover
{ 
  background-position: 0 -114px;
}

#BottomNav #products span
{
  display: none;
}

/* Product information */
div.Product
{
	padding:10px 0px 10px 0px;	
	clear:both;
}

span.ProductInfo
{
	color: #1a5182;	
	font-size:1.1em;
}

div.Product img
{
	float:left;
	padding-right: 5px;
}

div.ProductBlurb p
{
	font-size:0.8em;
	color: #666666;
	margin-left: 5px;
}

div.ProductBlurb h1
{
	font-size: 0.9em;
	color: #1a5182;	
	margin-left: 5px;
}

div.ProductBlurb
{
	float:right;
	width:65%;
}
div.ContactUs
{
	width: 45%;
}
div.ContactUs h1
{
	font-size: 0.9em;
	color: #1a5182;	
}
div.ContactUs p
{
	font-size:0.8em;
	color: #666666;
	margin-left: 5px;
}

SPAN.validator{ color:#fff; font-weight:bold; font-size:16px; }
DIV.validationSummary{ color:#fff; font-weight:bold; font-size:14px; }

TABLE.wizard{ font-size:14px; color:#404040; margin-left:14px; }

TABLE.wizard a, TABLE.wizard a:visited {color:#1a5182; text-decoration:none; }

TABLE.wizard TD.wizardSideBar{ font-size:12px; width:110px; padding-right:10px; vertical-align:top; }
TABLE.wizard TD.wizardSideBar TABLE TD{ padding:3px; }

h1
{
	font-size: 0.9em;
	color: #1a5182;	
	/*margin-left: 5px;*/
}

/* Pagination */
DIV#pagingNavigator { text-align:center; width:100%; }
DIV#pageXOfX { color:#1a5182; font-weight:bold; }
DIV#pagingNavigator DIV#links { padding:10px 0px; }
DIV#pagingNavigator A { margin:0px 5px; }
DIV#pagingNavigator A.pageNavDisabled { color:#ccc; }

DIV.central A{ color:#1a5182; }