a {text-decoration:none} 
/*--------------BEGIN IMAGE STYLE---------------------*/
a:hover {text-decoration:underline}

img {
	border-style: none;
    border-color: inherit;
    border-width: medium;
}



img.gh-image {
	border: 0;
}
/*--------------END IMAGE STYLE---------------------*/



/*--------------------PRODUCT MENU---------------------*/
/*-----------------header drop menu--------------------*/


#header-menu-tab {
	margin: 2px;
	padding: 2px;
}

#header-menu-tab a.tab,
#header-menu-tab a.tab:hover,
#header-menu-tab a.tab:active,
#header-menu-tab a.tab:link {
	width: 187px;	
	height: 25px;
	background: url(http://www.enernet.ca/commerce/images/menu1.jpg) no-repeat;
	display: block;
	text-align:left; 
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	padding-left: 12px;
	padding-top: 5px;	
}

#header-menu-tab a.tab:hover{
	text-decoration: none !important;
}

#header-menu-tab a.tab-last,
#header-menu-tab a.tab-last:hover,
#header-menu-tab a.tab-last:active,
#header-menu-tab a.tab-last:link  {
	width:190px;
	height: 25px;
	background: url(http://www.enernet.ca/commerce/images/menu1.JPG) no-repeat ;
	display: block;
	font-size: 14px;
	text-align:left;
	color: #ffffff;
	font-weight: bold;
	padding-left: 12px;
	padding-top: 5px;
	text-decoration: none;
}

#header-menu-tab-prem { /* premium close menu  */
	padding: 0;
	margin: 0;
	margin-right: 2px;
	margin-left: 2px;
	height: 25px;
	background: url(http://www.enernet.ca/commerce/images/menu2.JPG) repeat-x ;
	list-style-type: none;	
}

#header-menu-tab { /* all header menu  */
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#header-menu-tab li { /* all header menu tab --- Product , service */
	float: left;
	width: 184px;
}


/*-----------Header Second level menu---------*/

#menu, #menu1, #menu2, #menu3, #menu4 { /* second-level lists */
	position: absolute;
	padding: 0;
	margin: 0;
	background-color: #edede1; 
	border-left	: 2px solid #AEB5BD;
	border-right: 2px solid #AEB5BD;
	border-bottom: 2px solid #AEB5BD;	
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 2;
}

#header-menu-tab li:hover ul, 
#header-menu-tab li.sfhover ul { /* lists nested under hovered list items */
	left: auto;	
}

#header-menu-tab li ul li {
	width: 13em;
	color: #FFFFFF !important;
	background-color: #39556A;/*level 1 menu background*/
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	text-align:left;
	list-style-type: none;
}
#header-menu-tab li:hover, 
#header-menu-tab li.sfhover { /*--level 1 menu hover background--*/
	background-color: #e5e2dd; 
	color: #35362e !important;
}



#header-menu-tab li ul li a,
#header-menu-tab li ul li a:hover {/* product drop menu style*/
	width: 184px;
	display: block;
	color: #FFFFFF;
	padding-left: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;	
	text-decoration: none;
}

#header-menu-tab li ul li a:hover {
	text-decoration: underline;
	cursor: pointer;
}

#header-menu-tab #menu4 li a,
#header-menu-tab #menu4 li a:hover {
	width: 186px;
}

#header-menu-tab li ul ul {
	position: absolute;
	display: block;
	padding: 0;
	margin: 0;
	background-color: #7694bE;
	border: 2px solid #96b1d9;		
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 1;
	margin: -19px 0 0 184px;
	.margin-top: -18px;
	padding: 8px;
}

#header-menu-tab ul.twocol {
	position: absolute;
	display: block;
	padding: 0;
	margin: 0;
	background-color: #e3e2dd;
	border: 2px solid #a29e95;		
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 1;
	margin: -19px 0 0 184px;
	.margin-top: -18px;
	/*width: 388px; 
	.width: 392px;	*/
	width: 390px; 
	.width: 408px;
	padding: 8px;
}
#header-menu-tab .twocol .left {
	width: 150px;
	padding-right: 0px;
	margin-right: 20px;
	.margin-right: 20px;
}

#header-menu-tab .twocol .right {
	width: 150px;
}

#header-menu-tab #menu1 li:hover ul, 
#header-menu-tab #menu1 li:sfhover ul, 
#header-menu-tab #menu2 li:hover ul, 
#header-menu-tab #menu2 li:sfhover ul, 
#header-menu-tab #menu3 li:hover ul, 
#header-menu-tab #menu3 li:sfhover ul, 
#header-menu-tab #menu4 li:hover ul, 
#header-menu-tab #menu4 li.sfhover ul { 
	display: block;
}

/*-----------------product drop menu for firefox--------------------*/

html>body #header-menu-tab li { /* all header menu tab --- Product , service */
	width: 187px;
	margin-top: 0px;
}

html>body #header-menu-tab a.tab,
html>body #header-menu-tab a.tab:hover, 
html>body #header-menu-tab a.tab:active, 
html>body #header-menu-tab a.tab:link {
	width: 176px;
	height: 20px;
	margin-top: 0px;

}

html>body #header-menu-tab a.tab-last,
html>body #header-menu-tab a.tab-last:active, 
html>body #header-menu-tab a.tab-last:link,
html>body #header-menu-tab a.tab-last:hover {
	width: 178px;
	height: 20px;
	padding-left: 12px;
	margin-top: 0px;	
	text-decoration: none;
}
html>body #header-menu-tab #menu1 li a,
html>body #header-menu-tab #menu1 li a:hover,
html>body #header-menu-tab #menu1 li a:active,
html>body #header-menu-tab #menu1 li a:link,
html>body #header-menu-tab #menu2 li a,
html>body #header-menu-tab #menu2 li a:hover,
html>body #header-menu-tab #menu2 li a:active,
html>body #header-menu-tab #menu2 li a:link,
html>body #header-menu-tab #menu3 li a,
html>body #header-menu-tab #menu3 li a:hover,
html>body #header-menu-tab #menu3 li a:active,
html>body #header-menu-tab #menu3 li a:link {
	width: 173px;
}

html>body #header-menu-tab li ul li a,
html>body #header-menu-tab li ul li a:hover ,
html>body #header-menu-tab li ul li a:active ,
html>body #header-menu-tab li ul li a:link,
html>body #header-menu-tab #menu4 li a,
html>body #header-menu-tab #menu4 li a:hover,
html>body #header-menu-tab #menu4 li a:active,
html>body #header-menu-tab #menu4 li a:link {/* product drop menu style*/
	width: 175px;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 3px;

} 

html>body #header-menu-tab #menu4 { /* last header tab menu- submenu width*/
	width: 186px;
}

html>body #header-menu-tab #menu4 li { /* last header tab menu- submenu width*/
	float: left;
	width: 186px;
}

#header-menu-tab li ul { /* second-level lists- other than tabs */
	width: 184px;
}

html>body #header-menu-tab li ul ul { /* second-level lists- other than tabs */
	margin: -19px 0 0 184px;
}

html>body #header-menu-tab #menu li,
html>body #header-menu-tab #menu1 li,
html>body #header-menu-tab #menu2 li,
html>body #header-menu-tab #menu3 li { /* last header tab menu- submenu width*/
	float: left;
	width: 184px; 
}

/* IMAGE POPUP VIEWER*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dotted gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}