/* reset all padding and margins */
*{padding:0;margin:0;}

body {
	font-family: arial, helvetica, serif;
	font-size: 1em;
	background: #C1E0FF url(images/bck_tile.jpg) repeat-x;
	/* behavior:url("csshover.htc");*/
}

#header {
	height: 100px;
	background: #fff;
}


#content {
background: url(images/content_bck.jpg) repeat-x;
	clear: left;
	color: #000;
	font-size: 0.9em;
	line-height: 1.2em;	
}

#container {
width: 770px;
margin: 0 auto;
background:#FFFFFF;
}

#logo {
padding-left: 25px;
}

#logo h1 {
    padding: 90px 0 0 0;
    overflow: hidden;
    background-image: url(images/mccallum-water-heating.gif); 
    background-repeat: no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:90px; /* for IE5.5's bad box model */
}


#flash {
height: 88px;
width: 94px;
float: right;
}

.clearLeft {
clear: left;
}

.clearRight {
clear: right;
}

/* ================================== Left side Styling =====================================*/


.leftSide {
padding: 15px 10px 5px 25px;
width: 380px;
float: left;
/* height: 350px !important;
height /**/  /* : 350px;*/
}

.leftSide p{
font-size: 0.9em;
padding-bottom: 10px;
}

.leftSide h2{
color: #2a2f7e;
font-size: 1.4em;
line-height: 1.2em;
padding-bottom: 5px;
}

.leftSide h3{
color: #005192;
font-size: 1.2em;
line-height: 1.1em;
padding-bottom: 5px;
}

.leftSide a:link{
text-decoration: none;
color:#005192;
}

.leftSide a:visited { 
color: #005192; 
text-decoration: none;
}   /* #004D79 */

	
.leftSide a:hover, .leftSide a:active{
color: #b80808;
text-decoration: none;
/* background-color: #1F1F1F; */
}

.leftSide ul{
margin-left: 30px;
}

.brazed {
margin-left: 20px;
font-size: 0.9em;
}

.brazed li {
padding:5px 0px 5px 0px;
}

.bullet {
font-size: 0.9em;
color: #2c72a9;
margin-left: 20px;
}


/* ======================================== PDF Download Styles =================================== */

#pdfDown {
border: 1px solid #6f7dbd;
background: #f3f8fe url(images/pdf_bck.gif) top right no-repeat;
color: #2c72a9;
font-weight: bold;
}

#pdfDown ul {
margin-left: 0px;
list-style: none;
}

#pdfDown li a {
display: block;
padding: 13px;
color: #2c72a9;
text-decoration: none;
}

#pdfDown li a:hover {
background: url(images/pdf_over.png);
color: #000;
}

/* ======================================== PDF Download Styles =================================== */

#webLink {
border: 1px solid #6f7dbd;
background-color: #f3f8fe;
color: #2c72a9;
font-weight: bold;
}

#webLink ul {
margin-left: 0px;
list-style: none;
text-align: center;
}

#webLink li a {
display: block;
padding: 13px;
color: #2c72a9;
text-decoration: none;
}

#webLink li a:hover {
background-color: #dfebf8;
color: #000;
}




/******************************* bottom styling ***/
.lowerPage {
clear: left;
padding: 10px 20px 5px 20px;
}

#bottom {
clear: left;
background: #fff url(images/footer_bck.jpg) bottom left no-repeat;
padding: 0px 20px 5px 20px;
/* height:1px;*/
}

.fullContent {
padding: 10px 25px 10px 25px;
}

.fullContent p{
font-size: 0.9em;
padding-bottom: 10px;
}

.fullContent h3{
color: #005192;
font-size: 1.2em;
line-height: 1.1em;
padding-bottom: 5px;
}

#prodInfo h4 {
color: #005192;
font-size: 1.1em;
line-height: 1.1em;
padding-bottom: 5px;
text-align: center;
}

.fullContent ul{
margin-left: 30px;
}

.fullContent a:link{
text-decoration: none;
color:#005192;
}

.fullContent a:visited { 
color: #000; 
text-decoration: none;
}   /* #004D79 */

	
.fullContent a:hover, .fullContent a:active{
color: #b80808;
text-decoration: none;
/* background-color: #1F1F1F; */
}

.lowerPage h3{
color: #005192;
font-size: 1.2em;
line-height: 1.1em;
padding-bottom: 5px;
}

.center {
text-align:center;
}

/******************************* form styling ***/

fieldset {
padding: 10px;
width: 243px;
border: 1px solid #7F9DB9;
}

/* -------------------------------------------------------------- 


-------------------------------------------------------------- */
   
#footer {
height: 90px;
background: url(images/footer_bck.gif) repeat-x;
padding: 8px 20px 0px 20px;
}   

#footer img {
border: none;
border: 0;
padding-right: 30px;
}

#footer img.imgNopad {
padding-right: 0px;
}

.footer {
height: 70px;
background: url(images/footer_bck.gif) repeat-x;
padding: 8px 20px 8px 20px;
}   

.footer img {
border: none;
border: 0;
padding-right: 30px;
}

.footer img.imgNopad {
padding-right: 0px;
}

hr {
border: none 0;
border-top: 1px dashed #4a6d89;
border-bottom: none 0;
height: 1px;
}

.copyright{
padding: 3px;
text-align: center;
background-color: #C1E0FF;
font-size: 0.7em;
color:#81A8CF;
}

.copyright a{
text-decoration:none;
color:#81A8CF;
}

.copyright a:hover{
text-decoration:none;
color:#81A8CF;
}



/* =========================== text styles ============================== */

.bold {
font-weight: bold;
}
	
.boldb {
font-weight: bold;
color: #0f5b97;
}

.boldbl {
font-weight: bold;
color: #2c72a9;
}

.boldo {
font-weight: bold;
color: #f79d00;
}

.bolddo {
font-weight: bold;
color: #d28217;
}

.deployTxt {
color: #0c436e;
}

.deployTxtBold {
font-weight: bold;
color: #0c436e;
}

.txtLink {
font-weight: bold;
color: #eb9601;
}

.textHighO {
color: #f79d00;
}

.textHighB {
color: #0f5b97;
}

.addrBigger {
font-size: 1.2em;
}

.bigger {
font-size: 2em;
}


/*.bContact {
font-size: 140%;
}*/


/* =========================== float styles ============================== */

.floatRightPdf {
margin-top: -30px;
float: right;
width:60px;
height: 72px;
}


/* ============================ table styles =============================== */

/*
=Start table structure
*/
#Summary, #Caption {
	width: 28em;
}

.tableStyle {
	width: 99%;
	margin: 1em 0 0 0;
	border: solid #666;
	border-width: 1px 0 0 1px;
	border-collapse: collapse;
	font-size: 0.9em;
	text-align: center;
}

.tableStyle th, .tableStyle td {
	border: solid 1px #666;
	border-width: 0 1px 1px 0;
	padding: 0.2em;
}
/*
=End table structure
*/

/*
=Start grey colour scheme
*/
.greyScheme, .greyScheme th, .greyScheme td {
	border-color: #999;
}

.greyScheme .even {
	background-color: #f6f6f6;
}

.greyScheme th, .greyScheme thead td {
	color: #2A2F7E;
	background-color: #DFEBF8;
}

.greyScheme th.firstColumn {
	background-color: #D1D1D1;
}
/*
=End grey colour scheme
*/

.tableNote {
font-size: 0.8em;
}

.floatTable {
width: 355px;
float: left;
}

.floatTablePad {
padding-right: 20px;
}

.textLeft {
text-align: left;
}

/* =========================== image styles ============================== */

.border {
border: 1px solid #006699;
}

/* =========================== clear floats ============================== */



.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* applies to ie < 7 */
* html .clearfix {height: 1px;}
/* End hide from IE<7 */