/****************************************
  ELECTROTEST
*****************************************/

/*** MASTER COLORS ***/

/* Brand Colour #1 */
.color1	{ color: #0079be !important; }
.color1Bk{ background-color: #0079be !important; }
.color1Lo	{ color: #9C0019 !important; }
.color1LoBk{ background-color: #9C0019 !important; }

/* Brand Colour #2 */
.color2		{ color: #990000 !important; }
.color2Bk	{ background-color: #990000 !important; }
.color2Hi	{ color: #DFFFDF !important; }
.color2HiBk	{ background-color: #DFFFDF !important; }

/* GREY */
.VVLgrey{ color: #E8E9E9 !important; }
.VLgrey	{ color: #D6D6D6 !important; }
.Lgrey	{ color: #AEAEAE !important; }
.Mgrey	{ color: #828B90 !important; }
.grey	{ color: #576067 !important; }
.Dgrey	{ color: #393F44 !important; }
.VDgrey	{ color: #303639 !important; }

.color3HiBk { background-color: #D6D6D6 !important; }
.color3Bk { background-color: #576067 !important; color:#FFF !important; }

.white	{ color: #FFF !important; }
.whiteBk{ background-color: #FFF !important; }
.black	{ color: #000 !important; }
.blackBk{ background-color: #000 !important; }

/********* BODY + SET-UPS *********/
html {
font-size: 1.25em;
min-height:100%;
}
body {
font-size: 90%;
min-height:100%;
background-color: #e4e4e4;
}
html>body {
font-size: 12px;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3em;
	color: #576067;
	position:relative;
}
body, div, object, embed, form, img, dl, dt, dd, ul, ol, li {
	margin:0;
	padding:0;
	border:0;
}
img, .show {
	display:block;
	}
.hide {
	display:none;
}
.display {
	display:block !important;
}

h1, h2, h3, h4, h5, h6 {
color: #0079be;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #0079be;
}

/* BASE CONTAINER ELEMENTS */
#entire
{
	width: 100%;
	margin: 0;
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: fixed;
	background-image: url(../Images/fade_back.png);
	background-color: #e5e5e5;
}
#center {
	width:100%;
	min-width:995px;
	margin:0 auto;
	position:relative;
}
#header, #footer {
	width:100%;
	margin:0 auto;
	position:relative;
}	
#hdrHold {
	position:relative;
}
#content, #ftrHold {
	position:relative;
	}
#header {
background-color: #0079be;
	height:194px;
	margin-bottom:0;
	padding-bottom: 0;
}
#taglineImage {
	position:absolute;
	right:15px;
	top:1px;
}
img.png {
    behavior: url(css/iepngfix.htc);
}
#logo, #logoLink
{
	width: 230px;
	height: 65px;
	display: block;
	position: absolute;
	left: 27px;
	top: 1px;
	background-image: url(../Images/electrotest_logo.png);
	background-repeat: no-repeat;
	behavior: url(css/iepngfix.htc);

}
#logo {
	
}
#logo img {
	display:none;
	}

#logoLink span {
	display:none;
}
#topNav
{
	padding: 35px 15px 0 220px;
	margin: 0;
	height: 30px;

	border-bottom: 1px solid #AEAEAE;
	position: relative;
}
#hdrPanel {
	margin:0;
	padding:45px 15px 0;
	text-align:left;
	position:relative;
	background:transparent;
}
.orderDets, .orderLinks {
	float:right;
	font-size:1.2em;
	line-height:1em;
}.orderDets {
	padding-right:15px;	
}


/****************************
	
TABLE STYLES
	
.color1	{ color: #D30023 !important; }
.color1Bk{ background-color: #D30023 !important; }
.color1Lo	{ color: #9C0019 !important; }
.color1LoBk{ background-color: #9C0019 !important; }

.color2		{ color: #090 !important; }
.color2Bk	{ background-color: #090 !important; }
.color2Hi	{ color: #DFFFDF !important; }
.color2HiBk	{ background-color: #DFFFDF !important; }

.VVLgrey{ color: #E8E9E9 !important; }
.VLgrey	{ color: #D6D6D6 !important; }
.Lgrey	{ color: #AEAEAE !important; }
.Mgrey	{ color: #828B90 !important; }
.grey	{ color: #576067 !important; }
.Dgrey	{ color: #393F44 !important; }
.VDgrey	{ color: #303639 !important; }
	
****************************/


table {
	font-size:1.1em;
	border-collapse:collapse;
	margin:1em 0;
}
table td table {
	font-size:1em;
}
.container {
	margin-top:10px;
	background:#AEAEAE;
}
th, td {
	text-align:left;
	padding:0 1em;
	vertical-align:middle;
}
.altRow td {
	background:#EFEFEF;
}
.editRow td {
	background:#DFFFDF;
}
td input, td textarea {
	vertical-align:middle;
	font-size:1em;
}
td label, td input.cb {
	float:left;
}





/***** Lower Panel ******/

#MainBody {
	text-align: center;
}

	
/****** CONTENT ******/	
#content
{
	z-index: 2;
	overflow: hidden;
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
	min-height: 600px;
	height: auto !important;
	height: expression((document.body.clientHeight>610) ? "auto" : "600px");

	background-position: right 0;
	background-color: transparent;
	padding-top: 40px;
	margin-top: 0;
	width: 975px;
	padding-left: 0;
	padding-right: 0;
}



/* CONTENT PANELS */
.main, .mainL, .mainR, .left, .mid, .right {
	float:left;
	position:relative;
	padding-top:20px;
}

.main, .mainFull { /* MAIN + LEFT COLUMN */
	width:778px;
	padding-left:10px;
	padding-top:25px;
}
.mainFull { /* MAIN FULL HEIGHT COLUMN */
	padding-top:0;
}
.mainL {
	width:350px;
	padding-top:0;
	padding-left:23px;
}
.mainR {
	width:395px;
	padding:0 0 0 10px;
}
.topCol {
	float:right;
	height:20px;
	overflow:hidden;
	position:relative;
	width:100%;
}
.left {
	width:180px;
	background:#576067 url(../images/gen/bk/leftBk.gif) right bottom no-repeat;
	padding:10px 0 30px 27px;
	min-height:360px;
	color:#FFF;
}
.mid {
	width:215px;
	padding:0 12px 0 0;
	border-right:1px solid #D6D6D6;
}
.right {
	width:162px;
	padding:10px;
	margin-left:10px;
	min-height:310px;
	display:inline;
	/*background:#E8E9E9;*/
}
/* SPECIALS */



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

      MAIN TOP NAVIGATION 

----------------------------- */
div#navcontainer {
	position:absolute;
	top: 40px;
	left: 200px;
	z-index: 5000;
}
#navigation {
	width:100%;
	height:23px;
	list-style:none;
	margin:0;
	padding:0;
	background:url(Images/navBk.gif);
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	}
#navigation h2 { 
	display:block;
	padding:0;
	margin:0;
	font-size:11px;
	line-height:11px;
	font-weight:bold;
	}
#navigation li {
	list-style:none;
	float:left;
	padding:0;
	margin:0;
}
#navigation li:hover {
	position:relative;
	z-index:100;
}

#navigation li a {
	display:block;
	margin:0;
	padding:7px 16px 5px !important;
	padding:8px 16px 4px;
	font-size:11px;
	line-height:11px;
	text-decoration:none;
	background:transparent;
	color:#FFF;
	font-weight:bold;
}


#navigation li:hover a, #navigation li.current a {
	background:url(Images/navRollBk.gif); 
	color: #c00;
}

/* LEVEL 2 */
#navigation li:hover ul li.subnav a {
	background-image:url(../Images/navChildBk.gif);
	background-position:right 50%;
	background-repeat:no-repeat;
	padding-right: 20px;
}

#navigation li ul  {
	position: absolute;
	left: -999em;
	top:23px;
	height: auto;
	width: 150px;
	font-weight: normal;
	margin:0;
	padding:0;
	background:#FFF;
	list-style:none;
}

#navigation li li {
	margin:0 0 1px;
	background-color:#0079be;
}

#navigation li:hover ul a, #navigation ul li:hover ul a,  #navigation ul ul li:hover ul a
{
	width: 124px;
	display: block;
	font-size: 10px !important;
	line-height: 11px;
	text-decoration: none;
	text-transform: none;
	color: #FFF;
	padding: 4px 10px 4px 16px !important;
	margin: 0;
	font-weight: normal;
	background: transparent;
}



/* LEVEL 3 */
#navigation li ul ul{
	position:absolute;
	top:1px;
	padding:0 0 0 1px;
	margin-left:140px;
}

/* subnav nested fix */
#navigation li:hover ul li.subnav ul a, #navigation li:hover ul li.subnav ul li.subnav ul a {
	background-image:none;
}
#navigation li:hover ul li.subnav ul li.subnav a {
	background-image:url(../Images/navChildBk.gif);
	background-position:right 50%;
	background-repeat:no-repeat;
}

/* CURRENT COLORS */
#navigation ul li.current, #navigation li:hover ul ul li.current, #navigation li:hover ul li:hover ul li:hover ul li.current {
	background-color:#09F;
}
/* NESTED NORMAL STATE */
#navigation ul li.current ul li, #navigation ul li.current ul li.current ul li {
	background-color:#004A8D;
}
/* HOVER COLORS */
#navigation ul li:hover, #navigation ul ul li:hover, #navigation ul li.current ul li:hover, #navigation ul li.current ul li.current ul li:hover {
	background-color:#09F;
	cursor:pointer;
}


/* Positioning */
#navigation li:hover ul ul, #navigation ul li:hover ul ul, #navigation ul ul li:hover ul ul,  #navigation ul ul ul li:hover ul ul {
	left: -999em;
}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li li:hover ul, #navigation li li li li li:hover ul {
	left: 0;
}


/* PRINT STYLES FOR NAVS */

@media print {
#topNav, #logo a, .right, .noPrint {
	display:none !important;
	}
#logo img {
	display:block;
	}
#entire, #content, .main {
	float:none;
	border:0;
	margin:0;
	padding:0;
	}
	.main {
		width:60%;
		font-size:1.3em;
	}	
}

/* TOOLTIPS */
.tool-tip {
	color: #FFF;
	z-index: 13000;
	width:200px;
	height:70px;
	background:url(../images/gen/bk/tipBk.png) no-repeat !important;
	background:url(../images/gen/bk/tipBk.gif) no-repeat;
	font-size: 1.1em;
}
.tool-title {
	padding:.7em .5em .2em 2.8em;
}
.tool-text {
	padding:0 .5em .5em 2.8em;
	font-weight:bold;
}

/* ADJUSTABLE TOOLTIPS */
.norm-tip {
	color: #333;
	border: 1px solid #666;
	width:200px;
	z-index: 130000;
	background:#FFF;
}
.norm-title {
	font-size: 1.3em;
	font-weight:bold;
	margin: 0;
	color: #000;
	padding:.5em;
} 
.norm-text {
	font-family: Arial, sans-serif;
	font-size: 1.1em;
	padding:0 .7em .9em;
}

/* LIST STYLES */
ul, ol {
	padding:4px 0 8px;
	margin-left:1.3em;
	list-style:disc outside;
	font-size:1.2em;
	line-height:1.3em;
	position:relative;
	}
li {
	padding:2px 0 1px;
}	
ol li {
	list-style:decimal outside;
	}

/* LINK STYLES */
/* Main (Colour #1) */
a, p a, a.color1 { 
	color:#D30023;
	text-decoration:underline; 
	}
.go {
	text-transform:lowercase;
	color:#D30023;
}
#hdrPanel a, thead a {
	color:#303639;
	}
	
div#hdrImage
{
	height: 130px;
	background-color: #000;
	background-repeat: repeat-x;
	background-image: url(../Images/Banners/composite_1.jpg);
}
	
#footer a {
	color:#576067;
	text-decoration:none; 
	}
.left a {	
	color:#FFF;
}
a:hover, a.color1:hover, p a:hover, .go:hover, #footer a:hover { 
	color:#303639;
	}
#hdrPanel a:hover, .left a:hover, thead a:hover {
	color:#D30023;
}
a.color1:hover, a.color2:hover { 
	color:#303639 !important;
}

.pdf, .pdfLink {
	margin-left: 5px;
	padding:4px 0 4px 26px;
	background:transparent url(Images/pdf.gif) left 50% no-repeat;
	display:block;
}


div.product {
color: #0079be;
}

div.fpPanel, div.Panel, div.LargePanel
{
	background-image: url(../Images/panel_250_top.png);
	background-repeat: no-repeat;
    behavior: url(css/iepngfix.htc);	
    width: 260px;
	max-width: 260px;
	min-width: 260px;
	overflow: none;
	width: expression("260px");
	max-width: expression("260px");
	min-width: expression("260px");
	padding-top: 6px;
	margin: 0;
	color: transparent;
	margin-left: 0;
}


div.Panel
{
	background-image: url(../Images/panel_300_top.png);
    width: 310px;
	max-width: 310px;
	min-width: 310px;
	width: expression("310px");
	max-width: expression("310px");
	min-width: expression("310px");

}

div.LargePanel, div.wbLargePanel
{
	background-image: url(../Images/panel_650_top.png);
    width: 660px;
	max-width: 660px;
	min-width: 660px;
	width: expression("660px");
	max-width: expression("660px");
	min-width: expression("660px");
}


div.fpPanel div.MidPanel
{
	color: #000;
	background-image: url(../Images/panel_250_main.png);
	behavior: url(css/iepngfix.htc);
	margin: 0;
	padding-top: 0;
	padding-left: 20px;
	width: expression("260px");
	text-align: left;
	background-position: 0 20px;
	background-repeat: repeat-y;
}


div#InventoryMessage {
color: #0079be;
padding-bottom: 1em;

}

div.Panel div.MidPanel
{
	color: #000;
	background-image: url(../Images/panel_300_main.png);
	behavior: url(css/iepngfix.htc);
	margin: 0;
	padding-top: 0;
	width: expression("260px");
	padding-left: 20px;
	padding-right: 25px;
	background-position: 0 20px;
	background-repeat: repeat-y;
}

div.LargePanel div.MidPanel, div.wbLargePanel div.MidPanel
{
	margin-top: 0px;
	color: #000;
	background-image: url(../Images/panel_650_main.png);
	padding-top: 0;
	width: expression("610px");
	padding-left: 20px;
	padding-right: 25px;
	background-position: 0 20px;
	background-repeat: repeat-y;
}

div.tPanel div.MidPanel {
padding-left: 2px;
padding-right: 5px;
}

div.LargePanel div.MidPanel {
    behavior: url(css/iepngfix.htc);	
}

div.fpPanel div.EndPanel
{
	background-image: url(../Images/panel_250_base.png);
    behavior: url(css/iepngfix.htc);	
	background-repeat: no-repeat;
    height: 50px;
	max-height: 50px;
	min-height: 50px;
	overflow: none;
	height: expression("50px");
	max-height: expression("50px");
	min-height: expression("50px");
	padding: 0;
	margin: 0;
	color: transparent !important;
	color: #bababe;
}
div.Panel div.EndPanel
{
	background-image: url(../Images/panel_300_base.png);
	background-repeat: no-repeat;
    behavior: url(css/iepngfix.htc);	
    height: 50px;
	max-height: 50px;
	min-height: 50px;
	overflow: none;
	height: expression("50px");
	max-height: expression("50px");
	min-height: expression("50px");
	padding: 0;
	margin: 0;
	color: transparent !important;
	color: #bababe;
}
div.LargePanel div.EndPanel, div.wbLargePanel div.EndPanel
{
	background-image: url(../Images/panel_650_base.png);
	background-repeat: no-repeat;
    behavior: url(css/iepngfix.htc);	
    height: 50px;
	max-height: 50px;
	min-height: 50px;
	overflow: none;
	height: expression("50px");
	max-height: expression("50px");
	min-height: expression("50px");
	padding: 0;
	margin: 0;
	color: transparent !important;
	color: #bababe;
}

div.wbLargePanel 
{
	background-image: url(../Images/panelwb_650_top.png);
	background-repeat: no-repeat;
    behavior: url(css/iepngfix.htc);	

}

div.wbLargePanel div.MidPanel
{
	background-image: url(../Images/panelwb_650_main.png);
	background-repeat: repeat-y;
}

div.wbLargePanel div.EndPanel
{
	background-image: url(../Images/panelwb_650_base.png);
	background-repeat: no-repeat;
    behavior: url(css/iepngfix.htc);	

}

div.MidPanel h1{
margin-top: 0;
padding-top:10px;
font-size: 1.5em;
}
div.MidPanel h2{
margin-top: 0;
padding-top:0;
margin-bottom: 0;
font-size: 1.4em;
}

div.MidPanel p, div.MidPanel ul{
margin-bottom: 0;
padding-top:.3em;
padding-bottom: .8em;
}

div.fpPanel div.MidPanel h2{
position: relative;
top: -10px;
}

div.ImgDiv {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

div.product div.MidPanel{
color: #0079be;
font-size: .9em;
min-height: 310px;
height: auto !important;
}
div.productWide div.MidPanel {
	min-height: 10px;
}




div.product div.MidPanel a{
color: #0079be;
font-size: .9em;
}
div.extraLinks {
vertical-align: middle;
clear: both;
width: 250px;
}

a.brands {
	position: relative;
	padding-left: 20px;
	color: #0079be;
}

table#brandTable
{
	border-collapse: collapse;
	background-color: #fff;
	width: 580px;
	z-index: 200;
}

table#brandTable td
{
	font-size: 15px;
	background-color: #fff;
	font-weight: bold;
	padding: 2px 2px 2px 5px;
	text-align: center;
}

table#brandTable td img {
margin-left: auto;
margin-right: auto;
}


div.fwBorder
{
	background-color: #fff;
	border: 5px #FFF solid;
}

div#BrandPanel {
height: 200px;

}

div#fpMainText,  div#fpMainText p, div#fpMainText ul{
font-size: 12px;
}

/* Popout functionality for news */


div.ProjectsShort {
clear: both;
padding: 0;
margin-bottom: 0;
width: 622px;
display: block;
}

div.ProjectsShort {
overflow: none;
}
div.ProjectsShort h2, div.ProjectsFull h2 {
padding-top: 10px;
}

div.ProjectsFull
{
	clear: both;
	padding: 0;
	border-width: 0 0 1px 0;
	border-color: #CBCBCB;
	border-style: solid;
	width: 622px;
	display: none;
	font-size: 12px;
}

div.ProjectsFull:after
{
	content: ".";
	color: #bababe;
	clear: both;
}

div.ProjectsMoreButton, div.ProjectsCloseButton {
float: right;
	color: #44a7b8;
	font-weight: bold;
	height: 15px;
	width: 56px;
	padding-bottom: 8px;
	margin-top: 0;
}

div.ProjectsMoreButton a, div.ProjectsCloseButton a
{
	height: 15px;
	display: block;
}

 div.ProjectsCloseButton a
{
	background-image: url(../Images/close_button.gif);
	background-position: 0 0;
}
 div.ProjectsMoreButton a
{
	background-image: url(../Images/more_button.gif);
	background-position: 0 0;
}
div.ProjectsCloseButton a:hover,div.ProjectsMoreButton a:hover { background-position: 0 -15px; }

img.ImageShadow
{
	display: block;
	position: relative;
	background: url(../Images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../Images/OshadowAlpha.gif) no-repeat bottom right;
	padding: 0 11px 11px 0;
	margin: 0;
	z-index: 0;
}

div.ProjectsText img.ImageShadow {
	background: url(../Images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../Images/OshadowAlpha.gif) no-repeat bottom right;
	margin-right: 10px;
	margin-bottom: 20px;
}

div.ProjectsFull,div.ProjectsFull p,div.ProjectsShort, div.ProjectsText, div.ProjectsText p {
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

table.contact {
border-collapse: collapse;
margin-top: 0;
padding-top: 0;
}
table.contact a{
color: #333;
}
table.contact a:hover {
color: #c00;
}

table.contact thead
{
	background-color: #666;
	background-image: url(../Images/vsFadeDk.png);
	background-repeat: repeat-x;
}
 
table.contact thead th, table.contact thead td{
padding-top: 6px;
padding-bottom: 6px;
padding-left: 6px;
padding-right: 6px;
font-size: 1.2em;
color: #fff;
}

table.contact tbody th, table.contact tbody td{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
vertical-align: top;
}
table.contact tbody th{
	background-image: url(../Images/vsFade.png);
	background-repeat: repeat-x;
    behavior: url(css/iepngfix.htc);
}

td.cType, th.cType {
width: 160px;
font-size: .9em;
}

td.cName, th.cName {
width: 150px;
}
td.cEmail, th.cEmail {
width: 120px;
padding-right: 20px;
}
table#lContact {
	width: 650px;
}
table#lPapers {
	width: 650px;
}
table#lHoDetails {
	width: 296px;
}


td.cPaper, th.cPaper {
width: 260px;
width: expression("260px");	
}
td.cDesc, th.cDesc {
width: 260px;
}
td.cPDF, th.cPDF {
width: 100px;
}




.colorSubmit, .plainSubmit {
	background-color: #e1e0e0;
	font-size: 10px;
	font-weight: bold;
	margin-right: 10px;
	text-transform: uppercase;
	width: 100px;
}
.colorSubmit {
	background-color: #07b;
	color: #fff;
}


div#formFloat
{
	width: 600px;
	text-align: left;
	display: none;
	position: absolute;
	top: 30px;
	left: 20px;
	z-index: 5000;
	background-color: transparent;
	border-width: 0;
	border-color: #333;
	border-style: solid;
	display: none;
background: url(../Images/pop_shadow.png) no-repeat bottom right !important;
margin: 14px 0 0 14px !important;
margin: 14px 0 0 9px;
margin-bottom: -40px;
margin-right: -40px;

}

div#dfInner {

 display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -10px 10px 10px -10px;
}

div#formFloat div.formDetails, div#formFloat div#formDetails{
padding: 10px;
overflow: auto;
max-height: 400px;
height: expression( document.body.clientHeight > 400 ? "401px" : "auto" );
padding-left: 10px ! important;
padding-left: 20px;
margin-left: 10px;
padding-bottom: 30px;
}


div#dfClose {
background-color: #0079be;
color: white;
padding: 3px;
padding-right: 5px;
text-align: right;
}

div#formDetails h1{
font-size: 14px;
}
div#formDetails:after
{
content: ".";
display: block;
line-height: 0;
font-size: 0;
clear: both;
}

.errorText
{
	font-size: 12px;
	font-weight: bold;
	color: #f00;
	padding: 20px;
	border-width: 1px 2px 2px 1px;
	border-color: #033;
	border-style: solid;
	background-color: #eee;
}