@charset "UTF-8";
/* CSS Document */
/**********************************************/
/*					FONTS					  */
/**********************************************/
@font-face{font-family: newErasDemi;src:url('../Fonts/ITCErasStd-Bold-Exp2.ttf') format("truetype");}
@font-face{font-family: charcoal_exp;src:url('../Fonts/Charcoal-Exp.ttf') format("truetype");}
@font-face{font-family: charcoal;src:url('../Fonts/Charcoal.ttf') format("truetype");}
@font-face{font-family: newErasMed0; src: url('../Fonts/ITCErasStd-Med-0.ttf')  format("truetype");}
@font-face{font-family: newErasDem0; src: url('../Fonts/ITCErasStd-Dem-0.ttf')  format("truetype"); font-weight:600; font-style:normal;}


body{ margin:0px; padding:0px;font-family: newErasMed0; color:black; height:100%; max-height:630px; width:100%; max-width:821px;}
html{ height:100%; width:100%;}
#cable_container{background-color:#e6e6e6; width:100%; overflow:hidden; max-width:821px; height:100%; max-height:630px; text-align:center; position:relative; min-width:320px; min-height:400px;}
h2{margin:0px; padding:0px;}
a:hover {color:#9B242D;}
a:visited {color:#c00;}
img{border:0;}
#dark_wall{position:absolute; width:821px; height:630px; background-image:url(../home_cable_features/dark_wall.png);} 
#outside_link{padding-left:290px;}
.title{font-family:newErasDemi; font-size:20px;}

/**********************************************/
/*			 		MAIN	 				  */
/**********************************************/
#HVX_main{margin-top:-150px;}

/**********************************************/
/*			 	Harness Tester 				  */
/**********************************************/
#m3u-exp{ width:73%;}
#harness_text{position:absolute; bottom:12%; left:12%; color:#c00;}

/**********************************************/
/*			 CableEye Software 				  */
/**********************************************/
#software-ul{ position:relative; width:95%; left:10px; top:10px; }
li{text-align:left; }
ul{padding-top:2%; padding-left:4%; margin-top:5px;}

#software_screenshot{font-size:14px; color:#555; font-weight:bold; display:block; margin-top:10px;}
#software_screenshot_es{margin:-5px 0 5px -60px; padding:0; font-size:14px; color:#555; font-weight:bold;}

.wiring{ width:70%; margin-top:-15px;}
	
.netlist{position:absolute; top:72%; right:4%; border:1px solid #ccc;background-color:rgba(0,0,255,0.8);	background-color:#e6e6e6\9;	padding:3px; width:30%;}

#pdf_icon{position:absolute; top:53%; right:10px;;}
#pdf_icon p{margin:0px; padding:0px; font-size:14px;}
#cable_report{position:absolute; width:47%; top:8%; left:28%; display:none;}
.instr{font-size:13px; color:#555; font-weight:bold; margin-top:0px; text-align:left; margin-left:15%; }
.instr_es{ text-align:left; padding-left:200px; font-size:13px; color:#555; font-weight:bold; margin:0;}

/**********************************************/
/*			 Expansion Modules				  */
/**********************************************/
#more_points_text{position:absolute; width:30%; margin-top:40px; color:#c00; left:40px;}
#big_system{ position:absolute; width:60%; right:15%; top:15%; }

/**********************************************/
/*			 	Harness Example				  */
/**********************************************/
#harness_example_text{ position:absolute; width:30%; top:60px; left:40px; color:#c00; }
#harness_example{ position:absolute; width:90%; left:5%; top:10%;}

/**********************************************/
/*				ARROWS & DOTS				  */
/**********************************************/
#left_arrow{position:absolute;left:0px; top:45%;}
#right_arrow{position:absolute;right:0px; top:45%;}

#left_arrow a{width:43px; height:45px; float:left; background: url(../home_hvx_features/arrows.png) no-repeat -3px -44px;}
#left_arrow a:hover{background: url(../home_hvx_features/arrows.png) no-repeat -3px 0;}
#left_arrow a:focus{outline-color:invert; outline-style:none; outline-width:medium;}

#right_arrow a{width:43px; height:45px; float:left; background: url(../home_hvx_features/arrows.png) no-repeat -45px -44px;}
#right_arrow a:hover{background: url(../home_hvx_features/arrows.png) no-repeat -45px 0px;}
#right_arrow a:focus{outline-color:invert; outline-style:none; outline-width:medium;}

#scroll_dots{position:absolute; top:600px; left:375px; width:85px; overflow:hidden;}

/**********************************************/
/*					FONTS					  */
/**********************************************/

@font-face	
{
	font-family: newErasDemi;
	src:url('../Fonts/ITCErasStd-Bold-Exp2.ttf') format("truetype");	
}

@font-face	
{
	font-family: charcoal_exp;
	src:url('../Fonts/Charcoal-Exp.ttf') format("truetype");	
}

@font-face	
{
	font-family: charcoal;
	src:url('../Fonts/Charcoal.ttf') format("truetype");	
}


@media only screen and (max-width: 820px) {
}

@media only screen and (max-width: 599px) {
.title{font-size:18px;}
#harness_text{position:relative; margin:5% auto; left:0; bottom:0; }
/*software*/
#software-ul{ font-size:14px;}
#pdf_icon p{ font-size:12px;}
/*expansions*/
#more_points_text{width:80%; margin-top:0; top:40px; color:#c00; left:40px;}
#big_system{width:70%; right:15%; top:22%; }
/*example*/
#harness_example_text{ top:50px; width:80%; left:10%; color:#c00; }
#harness_example{ width:90%; left:5%; top:25%;}

	
}

@media only screen and (max-width: 399px) {
.title{font-size:16px;}
#harness-title{ width:60%; display:block; margin-left:20%;}
/*software*/
#software-ul{ font-size:12px;}
#pdf_icon p{ font-size:10px;}
/*expansions*/
#more_points_text{ width:80%; margin-top:0; top:40px; color:#c00; left:40px;}
#big_system{ width:80%; right:10%; top:25%; }
/*example*/
#harness_example{ top:35%;}
}