/* ================================================================ */

/* ======================== ECA Styles ===================== */

/* ================================================================ */





/***************************/

/* General element styles: */

/***************************/

/* H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family: arial, helvetica; color: #000000; } */



/* PRE { font-family: monospace; } */





/* ECA styles */

body {



	/* font-family: 'Lucida Grande', Arial, Helvetica, Tahoma, sans;  */

	background-color: #ffffff; /* colour must be before image for netscape navigator */

	/* background-repeat: no-repeat;  */

	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; 

	font-size: 70% ;

	/* font-family:Verdana, Arial, Helvetica, sans-serif; */

	font-family: 'Lucida Grande', Arial, Helvetica, Tahoma, sans;  

	line-height: 1.3em;

    color: #626262; 



}

.subbutton {

	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; 

	/* font-family:Verdana, Arial, Helvetica, sans-serif; */

	font-family: 'Lucida Grande', Arial, Helvetica, Tahoma, sans; 

		font-size: 11px ; 

	line-height: 1.3em;

    color: #626262; 



}









/* ECA NEW STUFF HERE */

.navbg{

    /* height: 30px; */

	background-image:   url(../images/template/navbg.gif);

	background-repeat:repeat-x;



}



.botnavbg{

    /* height: 30px; */

	background-image:   url(../images/template/botnavbg.gif);

	background-repeat:repeat-x;



}



p.footer { font-size: 0.80em;  

	color: #ffffff;

	margin: 0px 0px 0px 0px;	/* line-height: 20px; */

    text-align: left;

	/* line-height: 20px; */

	padding-right: 10px; 

    padding-left: 10px;

    padding-bottom:0px;

    padding-top: 0px;

}

p.footer A { color: #ffffff; text-decoration: none; }

p.footer A:hover { color: #ffffff; text-decoration: underline; }



A { color: #626262; text-decoration: underline; }

A:hover { color: #626262; text-decoration: none; }

P { margin: 1em 5px 1em 5px; } /* trbl */







/* homematrix */

td.homematrix1 {

	background-image:   url(../images/template/homematrix/1.jpg);

	background-repeat: no-repeat;

}

.homematrix1 p{ /* adding p after means it doesn't inherit */

    /* height: 30px; */

	line-height: 1.0em;

	margin: 0px 0px 5px 0px;

	padding: 0px; 

	text-align:center;

}



td.homematrix2 {

	background-image:   url(../images/template/homematrix/2.jpg);

	background-repeat: no-repeat;

}

.homematrix2 p{ /* adding p after means it doesn't inherit */

    /* height: 30px; */

	line-height: 1.0em;

	margin: 0px 0px 5px 0px;

	padding: 0px; 

	text-align:center;

}



td.homematrix3 {

	background-image:   url(../images/template/homematrix/3.jpg);

	background-repeat: no-repeat;

}

.homematrix3 p{ /* adding p after means it doesn't inherit */

    /* height: 30px; */

	line-height: 1.0em;

	margin: 0px 0px 5px 0px;

	padding: 0px; 

	text-align:center;

}



td.homematrix4 {

	background-image:   url(../images/template/homematrix/4.jpg);

	background-repeat: no-repeat;

}

.homematrix4 p{ /* adding p after means it doesn't inherit */

    /* height: 30px; */

	line-height: 1.0em;

	margin: 0px 0px 5px 0px;

	padding: 0px; 

	text-align:center;

}



td.homematrix5 {

	background-image:   url(../images/template/homematrix/5.jpg);

	background-repeat: no-repeat;

}

.homematrix5 p{ /* adding p after means it doesn't inherit */

    /* height: 30px; */

	line-height: 1.0em;

	margin: 0px 0px 5px 0px;

	padding: 0px; 

	text-align:center;

}



td.homematrix6 {

	background-image:   url(../images/template/homematrix/6.jpg);

	background-repeat: no-repeat;

}

.homematrix6 p{ /* adding p after means it doesn't inherit */

    /* height: 30px; */

	line-height: 1.0em;

	margin: 0px 0px 5px 0px;

	padding: 0px; 

	text-align:center;

}



td.homematrix7 {

	background-image:   url(../images/template/homematrix/7.jpg);

	background-repeat: no-repeat;

}

.homematrix7 p{ /* adding p after means it doesn't inherit */

    /* height: 30px; */

	line-height: 1.0em;

	margin: 0px 0px 5px 0px;

	padding: 0px; 

	text-align:center;

}



td.homematrix8 {

	background-image:   url(../images/template/homematrix/8.jpg);

	background-repeat: no-repeat;

}

.homematrix8 p{ /* adding p after means it doesn't inherit */

    /* height: 30px; */

	line-height: 1.0em;

	margin: 0px 0px 5px 0px;

	padding: 0px; 

	text-align:center;

}



td.homematrix9 {

	background-image:   url(../images/template/homematrix/9.jpg);

	background-repeat: no-repeat;

}

.homematrix9 p{ /* adding p after means it doesn't inherit */

    /* height: 30px; */

	line-height: 1.0em;

	margin: 0px 0px 5px 0px;

	padding: 0px; 

	text-align:center;

}



/* hoematrix health */

td.homematrixhealth1 {

	background-image:   url(../images/template/homematrix_health/1.jpg);

	background-repeat: no-repeat;

}

.homematrixhealth1 p{ /* adding p after means it doesn't inherit */

    /* height: 30px; */

	line-height: 1.0em;

	margin: 0px 0px 5px 0px;

	padding: 0px; 

	text-align:center;

}



td.homematrixhealth2 {

	background-image:   url(../images/template/homematrix_health/2.jpg);

	background-repeat: no-repeat;

}

.homematrixhealth2 p{ /* adding p after means it doesn't inherit */

    /* height: 30px; */

	line-height: 1.0em;

	margin: 0px 0px 5px 0px;

	padding: 0px; 

	text-align:center;

}



td.homematrixhealth3 {

	background-image:   url(../images/template/homematrix_health/3.jpg);

	background-repeat: no-repeat;

}

.homematrixhealth3 p{ /* adding p after means it doesn't inherit */

    /* height: 30px; */

	line-height: 1.0em;

	margin: 0px 0px 5px 0px;

	padding: 0px; 

	text-align:center;

}



td.homematrixhealth4 {

	background-image:   url(../images/template/homematrix_health/4.jpg);

	background-repeat: no-repeat;

}

.homematrixhealth4 p{ /* adding p after means it doesn't inherit */

    /* height: 30px; */

	line-height: 1.0em;

	margin: 0px 0px 5px 0px;

	padding: 0px; 

	text-align:center;

}



td.homematrixhealth5 {

	background-image:   url(../images/template/homematrix_health/5.jpg);

	background-repeat: no-repeat;

}

.homematrixhealth5 p{ /* adding p after means it doesn't inherit */

    /* height: 30px; */

	line-height: 1.0em;

	margin: 0px 0px 5px 0px;

	padding: 0px; 

	text-align:center;

}



td.homematrixhealth6 {

	background-image:   url(../images/template/homematrix_health/6.jpg);

	background-repeat: no-repeat;

}

.homematrixhealth6 p{ /* adding p after means it doesn't inherit */

    /* height: 30px; */

	line-height: 1.0em;

	margin: 0px 0px 5px 0px;

	padding: 0px; 

	text-align:center;

}



td.homematrixhealth7 {

	background-image:   url(../images/template/homematrix_health/7.jpg);

	background-repeat: no-repeat;

}

.homematrixhealth7 p{ /* adding p after means it doesn't inherit */

    /* height: 30px; */

	line-height: 1.0em;

	margin: 0px 0px 5px 0px;

	padding: 0px; 

	text-align:center;

}



td.homematrixhealth8 {

	background-image:   url(../images/template/homematrix_health/8.jpg);

	background-repeat: no-repeat;

}

.homematrixhealth8 p{ /* adding p after means it doesn't inherit */

    /* height: 30px; */

	line-height: 1.0em;

	margin: 0px 0px 5px 0px;

	padding: 0px; 

	text-align:center;

}



td.homematrixhealth9 {

	background-image:   url(../images/template/homematrix_health/9.jpg);

	background-repeat: no-repeat;

}

.homematrixhealth9 p{ /* adding p after means it doesn't inherit */

    /* height: 30px; */

	line-height: 1.0em;

	margin: 0px 0px 5px 0px;

	padding: 0px; 

	text-align:center;

}


.padding { /* adding p after means it doesn't inherit */

    /* height: 30px; */

	padding: 5px; 

/*		margin: 5px; */



}





/* corner colours */

.corner1 {

	background-color: #e5e5e5; 

}



.whitebg {

	background-color: #ffffff; 

}



.corner2 {

	background-color: #f2f2f2; 

}



.normal {

    color: #626262; 



}



.over {

    color: #e7a008; 

	/* text-decoration: underline; */



}



.productselect {

	background-color:#ffffff; /* #e5e5e5 */

}

.productselectoff td{

	background-color:#f9f9f9;

	padding: 5px;

}

.productselectoff p{

	margin: 0px;

	PADDING-RIGHT: 0px; 

    PADDING-LEFT: 0px;

    PADDING-BOTTOM: 0px;

    PADDING-TOP: 0px;

}





.productselectover td{

	background-color:#fcf4e3;

	padding: 5px;

}

.productselectover p{

	margin: 0px;

	PADDING-RIGHT: 0px; 

    PADDING-LEFT: 0px;

    PADDING-BOTTOM: 0px;

    PADDING-TOP: 0px;

}













.dashvirt {

	background-image:   url(../images/template/lines/dashvirt.gif);

	background-repeat: repeat-y;

 	background-position: center;  





}







INPUT, TEXTAREA, SELECT { font-family: arial, helvetica; color: #000000; 	font-size: 1.0em ;

 }

FORM { margin: 0px 0px 0px 0px;}





/* Bulleted list */

UL, OL,  { 

	padding-bottom:0px;

    padding-top: 0px;

	margin-bottom:5px; 

	margin-top:5px; 

}



li { 

	padding-bottom:0px;

    padding-top: 0px;

	margin-bottom:0px; 

	margin-top:0px; 

}



.navtitle {

	font: bold 1.49em Verdana, Arial, sans-serif; 

	/* letter-spacing: 0px; */

	color: #464646;

 	/* text-transform: uppercase; */

	margin: 0.5em 10px 0.5em 10px; /* trbl */



}



h1 {

	font: bold 1.49em Verdana, Arial, sans-serif; 

	/* letter-spacing: 1px; */

	color: #464646; /* 464646 */

 	/* text-transform: uppercase; */

	margin: 0.5em 10px 0.5em 10px; /* trbl */



}

h2 {

	font: bold 1.0em Verdana, Arial, sans-serif; 

	/* letter-spacing: 1px; */

	color: #6e6d6d;

 	/* text-transform: uppercase; */

	margin: 0.5em 10px 0.5em 10px; /* trbl */



}

h3 {

	font: bold 0.9em Verdana, Arial, sans-serif; 

	/* letter-spacing: 1px; */

	color: #6e6d6d;

 	/* text-transform: uppercase; */

	margin: 0.5em 10px 0.5em 10px; /* trbl */



}



h4 {

	font: bold 1.0em Verdana, Arial, sans-serif; 

	/* letter-spacing: 1px; */

	color: #6e6d6d;

 	/* text-transform: uppercase; */

	margin: 0.5em 10px 0.5em 0px; /* trbl */



}







#main ul {

	/* margin-left:2em;  /* this margin sshunt the entire table in from left but shunts more for Firefox!! */

	margin-top:0em; 

	margin-bottom:0em; 

	margin-right:2em; 	

	list-style-type: none;

	}

	

#main  ul li {

	background: url(../images/template/bullet.gif) 0px 0.7em no-repeat; /* xpos y pos */

	padding-left: 1.3em;

	padding-bottom: 0.2em;

	padding-top:0.2em;

	}





/* Take from InterQuest Nav Bar and modified heavily  DONT US STYE MAINNAV cos name causes problems */

/* =================================================================================================================== */

#navlist li

{

display: inline;

list-style-type: none;

padding-right: 5px;

}



#firstnav {

  width:190px; /* Setting width removes space above first link caused by block (which is required) (IE only) */

}

#firstnav ul {

  margin:0;

  padding:0;

  list-style-type:none; /* kills the dots */

}



/* now the links */

#firstnav li a {

  background: #fff url(../images/template/nav.gif) 10px 50% no-repeat;

  display:block; /* add a linebreak before and after each element making nav button bigger and makes entire block clickable */

  line-height:20px;

  height:20px;

  padding-left:22px;

  padding-top:0.4em; /* added by DAG 20050407 */

  padding-bottom:0.4em; /* added by DAG 20050407 */

  text-decoration:none;

  border-bottom: solid 1px #ededed; /* required cos links on ul li's */

 }



#firstnav li a:hover {

  background: f5f5f5 url(../images/template/nav.gif) 10px 50% no-repeat;

  text-decoration:none;

  padding-left:22px;

  background-color: #f5f5f5; 

}



#secondnav {

  width:190px; /* Setting width removes space above first link caused by block (which is required) (IE only) */

}

#secondnav ul {

  margin:0;

  padding:0;

  list-style-type:none; /* kills the dots */

}



/* now the links */

#secondnav li a {

  background: #fff url(../images/template/bullet.gif) 16px 50% no-repeat;

  display:block; /* add a linebreak before and after each element making nav button bigger and makes entire block clickable */

  line-height:12px;

  height:12px;

  padding-left:28px;

  padding-top:0.4em; /* added by DAG 20050407 */

  padding-bottom:0.4em; /* added by DAG 20050407 */

  text-decoration:none;

  border-bottom: solid 1px #ededed; /* required cos links on ul li's */

 }



#secondnav li a:hover {

  background-color: #f5f5f5; 

}







/* simple background image styles */

/* =================================================================================================================== */



.topbar {

    /* height: 30px; */

	background-image:   url(../images/template/topbar.jpg);

	background-repeat:repeat-x;



}



.mid {

    /* height: 30px; */

	background-image:   url(../images/template/mid900.jpg);

	background-repeat:repeat-y;



}

.bot {

    /* height: 30px; */

	background-image:   url(../images/template/bot.jpg);

	background-repeat:repeat-y;



}





.whitebg {

	background-color: #ffffff;

}



.topline { font-size: 0.80em; 

    text-align: right;

	color: #ffffff; 

	margin: 0px 0px 0px 0px;	/* line-height: 20px; */

	padding-right: 2px; 

    padding-left: 0em;

    padding-bottom:0em;

    padding-top: 0.5em;

}

.topline A { color: #ffffff; text-decoration: underline; }

.topline A:hover { color: #ffffff; text-decoration: none; }





/* Product Styles */

/* =================================================================================================================== */

/* This style controls 3 boxes on homepage */

#titletable h1 {

	font: bold 1.2em Verdana, Arial, sans-serif; 

	letter-spacing: 2px;

 	text-transform: uppercase;

	margin: 0em 10px 0em 0px; /* trbl */

}

#titletable p {

 margin: 0.3em 0px 0.3em 0px;  	 /* trbl */

}

.clientbox{

    height: 355px;

}





/* frame box */

.frame_left {

	background-image:   url(../images/frame/frame_left.gif);

	background-repeat: no-repeat;

}

.frame_right {

	background-image:   url(../images/frame/frame_right.gif);

	background-repeat: no-repeat;

}



.frame_bot {

	background-image:   url(../images/frame/frame_bot.gif);

	background-repeat: no-repeat;

}

.frame_bot_right {

	background-image:   url(../images/frame/frame_bot_right.gif);

	background-repeat: no-repeat;

}

.frame_bg {

	background-image:   url(../images/frame/rbox_in_back_body.gif);

	background-repeat: no-repeat;

}





.bullet_text_highlighted {

    background-color:#e4e2e2; /* was F4FCF3 */

	/* border: 1px solid CCFAC7; */

}

.bullet_text_highlighted td{

	background-color:#fbfafa;

	padding: 3px;

}

.bullet_text_highlighted th{

    text-align: left;

	background-color:#f2f2f2;

	padding: 3px;

	font-weight:normal;

}

.bullet_text_highlighted p{

	margin: 0px;

	PADDING-RIGHT: 0px; 

    PADDING-LEFT: 0px;

    PADDING-BOTTOM: 0px;

    PADDING-TOP: 0px;

	line-height: 16px; 

}



.bullet_text_highlighted_tr {

COLOR: #63C858; 

font-weight: bold;

}

.nopadding  {

	margin: 0px;

	/* padding: 5px; */

	PADDING-RIGHT: 0px; 

    PADDING-LEFT: 0px;

    PADDING-BOTTOM: 0px;

    PADDING-TOP: 0px;





}

.colboxspacer{

 	width: 5px;

}

.colboxspacerhoriz{

 	height: 5px;

}





.colboxtop {

	padding-left:2px;

    padding-right: 2px;



	border-width:1px;

	border-style:solid;

	border-color:#CCCCCC;

	font-size: 7pt ;

}

.colbox {



	padding-left:2px;

    padding-right: 2px;



	border-width: 1px;

	border-style:solid;

	border-left-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-top-width: 0px;



	border-color:#CCCCCC;

	font-size: 7pt ;

}

.colbox p {

	padding-bottom:0px;

    padding-top: 0px;

	margin-bottom:0px; 

	margin-top:0px; 

}

.colbox br {

	padding-bottom:0px;

    padding-top: 0px;

	margin-bottom:0px; 

	margin-top:0px; 

}



/* RMA */

.col4 {

  width:110px;

}



.faultreport {

  width:300px;

}

.maxwide {

  width:98%;

}