@charset "utf-8";
/* CSS Document */
html,body{
	height:100%;
	margin: 0 0 1px;
	padding: 0;
}
body{
	background:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
table.outer{
	/*border:#C8C8C8 10px solid;*/
}
table.inner{
	/*border:#FFFFFF 6px solid;*/
	width:907px;
}
a{
	color:#0033CC;
}
a:hover{
	color:#0066CC;
}

a:visited, a:link, a:focus{
	border:none;
	outline:none;
}

img{
	border:none;
}
form{
	padding:0px;
	margin:0px;
}
#hepcologo3{
	display:block; 
	float:right; 
	margin-top:105px; 
	margin-right:10px; 
	width:132px; 
	height:24px; 
	background-image:url(../images/hepco-logo3.gif); 
	background-repeat:no-repeat; 			
	background-position:top;
}
/* flv player div */
#player{
	width:410px;
	height:267px;
	overflow:hidden;
}
#strap{
	font-family:Arial, Helvetica, sans-serif;
	display:inline;
	font-size:15px;
	font-weight:bold;
	color:#999999;
}

#google-search{
	display:block;
	overflow:hidden;
	width:300px;
	height:35px;
	float:right;
	padding:10px 0;
}
#googlesearchresults{
	padding:20px 20px 0 20px;
	border-bottom:#CCCCCC 1px solid;
}

ul{
	padding:10px 0px;
	margin:0px;
}
li{
	padding:0px;
	margin-left:20px;
}
h2{
	color:#990000;
	font-size:17px;
	padding:0px;
	margin:0px;
}
h3{
	color:#000000;
	font-size:15px;
	margin:0 0 5px 0;
	padding:0;
}
.superscript{font-size:xx-small; vertical-align:top;} 
.subscript{font-size:xx-small; vertical-align:bottom;}
.nobreak{
	white-space: nowrap;
}
/* start topbar */
#top{
	width:907px;
}
#topbarhome{
	padding:31px 26px;
	background-color:#4590E3;
	background-image:url(../images/grad-175.png);
	background-repeat:repeat-x;
	color:#FFFFFF;
}
#topbarhome.en{
	padding:31px 26px;
	background-image:url(../images/en/topbar-home.png);
	color:#FFFFFF;
}
#topbarempty{
	height:38px;
	background-image:url(../images/top-bar-empty.png);
	background-repeat:no-repeat;
}

#page-title{
	font-size:24px;
}

#page-intro{
	padding-top:10px;
	font-size:18px;
	width:629px;
	line-height:1.35em;
}
/* end topbar */

/* main nav start */
td#mainnav{
	width:231px;
	background-image:url(../images/hepco-logo2.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
#mainnav ul, #mainnav li{
	list-style:none;
	list-style-image:none;
	display:block;
	padding:0px;
	margin:0px;
}
#mainnav li{
	width:231px;
	background-image:url(../images/grad-div-lt.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#mainnav li a{
	display:block;
	color:#990000;
	text-decoration:none;
	font-size:17px;
	line-height:18px;
	margin:0px;
	padding:4px 4px 4px 28px;
}
#mainnav li a:hover{
	color:#FFFFFF;
	background-color:#666666;
}
#mainnav li a.on{
	display:block;
	color:#FFFFFF;
	background-color:#666666;
	text-decoration:none;
	font-size:17px;
	line-height:18px;
	padding:4px 4px 4px 28px;
}
#mainnav li a.on:hover{
	color:#FFFFFF;
	background-color:#666666;
}
#mainnav li h2{
	display:block;
	font-weight:bold;
	color:#990000;
	text-decoration:none;
	font-size:17px;
	line-height:18px;
	padding:4px 28px;
}
#mainnav li h3{
	display:block;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	font-size:17px;
	line-height:18px;
	margin:0;
	padding:4px 28px;
}
/* main nav end */

/* start subnav */
td#subnav-view{
	width:451px;
	height:399px;
	border:#CCCCCC 1px solid; 
	border-right:none;
	background-image:url(../images/grad-bg-543.png);
	background-repeat:repeat-x;
	background-position:bottom;
}
#subnav td#subnavtitle{
	height:33px;
	background-image:url(../images/grad-33.png);
	background-repeat:repeat-x;
	
}
td#subnavtitle div{
	display:block;
	padding:0px;
	margin-left:18px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
}
#subnav td.subnavbtn{
    height:92px;
	background-color:#CCCCCC;
	background-image:url(../images/grad-div-rt.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	z-index:1;
	cursor:pointer;
}
#subnav a.subnavbtn{
	display:block;
	vertical-align:middle;
	padding-left:18px;
	color:#990000;
	font-size:17px;
	text-decoration:none;
	z-index:0;
}
#subnav td.subnavbtn_{
    height:92px;
	color:#FFFFFF;
	background-color:#666666;
	background-image:url(../images/grad-div-rt.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	z-index:1;
	cursor:pointer;
}
#subnav a.subnavbtn_{
	display:block;
	vertical-align:middle;
	padding-left:18px;
	color:#FFFFFF;
	font-size:17px;
	text-decoration:none;
	z-index:0;
}
/* end subnav */

/* start subnav product list items */
#subnav td{
	
}
td.productnavtab{
	width:8px;
}
.productnav{
	background-color:#666666;
	
}

.productnav a{
	font-family: Arial, Helvetica;
	color:#FFFFFF;
	text-decoration:none;
	min-height:32px;
	display:block;
	font-size:12px;
	line-height:12px;
	padding:2px 3px;
	margin:0px 0px 0px 6px;
	background-image:url(../images/grad-div-rt.png);
	background-repeat:no-repeat;
	background-position:bottom right;	
}

.productnav a.dark:hover{
	/* color:#333333; */
}
/* end subnav product list items */


/* start foot */
.foot{
	height:12px;
	color:#666666;
	background-color:#CCCCCC;
	padding:10px 26px;
}
#foot-left{
	display:inline;
	float:left;
}
#foot-right{
	display:inline;
	float:right;
}
.foot a{
	color:#666666;
	text-decoration:none;
}
.foot a:hover{
	color:#888888;
	text-decoration:underline;
}
/* end foot */


/* start product specific */
#productsubmenu td{
	border-top:#FFFFFF 1px solid;
	background-color:#CCCCCC;
	color:#333333;
}
#productsubmenu a{
	padding:3px 8px;
	margin:0;
	height:16px;
	color:#333333;
	text-decoration: none;
	display:inline-block;
}
#productsubmenu a:hover{
	background-color:#990000;
	color:#FFFFFF;
}
#productsubmenu a.on{
	background-color:#990000;
	color:#FFFFFF;
	text-decoration: none;
}
#mediasubmenu td{
	border-top:#FFFFFF 1px solid;
	background-color:#666666;
	color:#FFFFFF;
}
#mediasubmenu a{
	padding:3px 5px;
	margin:0;
	height:16px;
	color:#FFFFFF;
	text-decoration: none;
	display:inline-block;
}
#mediasubmenu a:hover{
	background-color:#990000;
	color:#FFFFFF;
}
#mediasubmenu a.on{
	background-color:#990000;
	color:#FFFFFF;
	text-decoration: none;
}
/* end product specific */

td.bgrange_0{
	background-image:url(../images/arrow_nav0.gif) !important;
	background-repeat:no-repeat !important;
	background-position:top right;
}
td.bgrange_1{
	background-image:url(../images/arrow_nav1.gif) !important;
	background-repeat:no-repeat !important;
	background-position:top right;
}
td.bgrange_2{
	background-image:url(../images/arrow_nav2.gif) !important;
	background-repeat:no-repeat !important;
	background-position:top right;
}
td.bgrange_3{
	background-image:url(../images/arrow_nav3.gif) !important;
	background-repeat:no-repeat !important;
	background-position:top right;
}
.literature td{
	background-color:#EEEEEE;
	border-bottom:#CCCCCC 1px solid;
	margin:0;
	font-size:12px;
	padding:3px 5px;
}
.literature-amend td{
	background-color:#DDDDDD;
	border-bottom:#CCCCCC 1px solid;
	margin:0;
	padding:3px 5px;
}
.literature-amend-noborder td{
	background-color:#DDDDDD;
	border:none;
	margin:0;
	padding:3px 5px;
}
.literature-noborder td{
	background-color:#EEEEEE;
	margin:0;
	padding:3px 5px;
	border:none;
}
.literature-header td{
	background-color:#CCCCCC;
	vertical-align:bottom;
	font-weight:bold;
	margin:0;
	padding:3px 5px;
}
.literature-title td{
	background-color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	margin:0;
	padding:15px 5px 3px 5px;
}
table.literature a{
	text-decoration:underline;
	cursor:pointer;
}
table.literature p{
	padding:0px;
	margin:0px;
}
.redbold{
	font-weight:bold;
	color:#990000;
}
.ctrls td{
	border:none;
	padding:0;
	margin:0;
}
.note{
	font-size:12px !important;
}
.range_advert{
	padding:15px;
	color:#FFFFFF;
	background-color:#990000;
	font-size:15px;
	margin-right:24px 
}

/* product thumb links */
#subnav-view a.dark{
	color:#000000;
	text-decoration:none;
}
#subnav-view a.dark:hover{

}
#subnav-view a.light{
	color:#FFFFFF;
	text-decoration:none;
}
#subnav-view a.light:hover{

}
td.prod-tile{
	background-position:bottom !important;
	background-repeat:repeat-x !important;
}
td.image-tile{
	background-image:url(../images/get_image.php?action=tint&args=CCCCCC&file=grad-100.png) !important;
	background-position:bottom !important;
	background-repeat:repeat-x !important;
}
td.image-tile a{
	color:#333333;
	text-decoration:none;
}
td.image-tile a:hover{
	color:#333333;
	text-decoration:none;
}
td.image-tile p{
	padding:0; margin:0;
}
.handy{
	cursor:pointer;
}
div#application-images-holder{
	position:relative;
	z-index:80;
	width:409px; 
	height:500px;
	overflow:hidden; 
}
div#application-images{
	position:relative;
	height:450px;
	z-index:70
}
/* inactive media btns */
div.btn-media-1{
	display:inline-block;
}
div.btn-media-1 a{
	display:block; padding:3px 5px; text-decoration:none; color:#888888; font-size:9px; font-weight:bold;
	background-color:#666666;
}
div.btn-media-1 a:hover{
	background-color:#666666;
}
/* active media btns */
div.btn-media-2{
	display:inline-block;
	cursor:pointer;
}
div.btn-media-2 a{
	display:block; padding:3px 5px; text-decoration:none; color:#FFFFFF; font-size:9px; font-weight:bold;
	background-color:#990000;
}
div.btn-media-2 a:hover{
	background-color:#FF0000;
}
#mediactrls{
	display:block; float:right; height:25px;	
}
#mediactrls a.on{
    color:#FFFFFF;
    border:#999999 2px solid;   
}
div.whatsnew{ margin: 5px 0px; }
div.whatsnew a{
	cursor:pointer;
	color:#FFFFFF;
	text-decoration:none;
	font-size:9px;
	padding:3px 5px;
	font-weight:bold;
	background:#1E90FF;
	border:#116497 2px solid;
}
div.whatsnew a:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-size:9px;
	padding:3px 5px;
	font-weight:bold;
	background-color:#990000;
	border:#FF3333 2px solid;
}

div.newsdiv{
	border-bottom:#CCCCCC 1px solid;
	margin: 0 0 10px 0;
}

/* news ticker */
div.side#ticker-holder{
	background-color:#FFFFFF;
	color:#FFFFFF;
	margin:30px 0 0 0;
}

div.top#ticker-holder{
	background-color:#FFFFFF;
	color:#FFFFFF;
	margin:2px 0 0 0;
}

div.news{
	margin:0;
}
div.news div{
	padding-top:4px;
}
div.news div a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
div.news div a:hover{
	text-decoration:underline;
}

/* sitemap */
div#sitemap ul{
    list-style: none;
	padding:5px 0;
	margin:5px 0;
}
div#sitemap li{
    list-style: none;
	padding:2px 0;
	margin:0;
}
input.ok, textarea.ok{
	border:#CCCCCC 1px solid;
	margin:1px;
}
input.err, textarea.err{
	border:#FF3333 1px solid;
	margin:1px;
}
.range_advert ul{
	margin:0;
	padding:0;
}
.range_advert li{
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}
a.pweb_dark{
        font-weight:bold;
        background-position: bottom; 
		color:#000000 !important;
}
a.pweb_light{
        font-weight:bold;
        background-position: bottom; 
		color:#FFFFFF !important;
}
a#allproducts{
	color:#FFFFFF;
	text-decoration:none;
}
li#youtubeLink a{
	background: url(../images/hepco-youtube.gif) no-repeat center;
	height:18px;
	margin-left:150px;
}
li#youtubeLink a:hover{
	background: url(../images/hepco-youtube-over.gif) no-repeat center;
}