@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;}

/**********************************************/
/*			 	Cable Tester 				  */
/**********************************************/
#m3u_cable{position:absolute; top:80px;left:110px; display:none;}
#hd15_screenshot{position:absolute; top:170px;left:45px; display:none;}
#hd15_report{position:absolute; top:40px;left:150px; display:none;}
#connect{position:absolute; top:40px; left:580px; display:none;}
#test{position:absolute; top:80px; left:630px;display:none;}
#print{position:absolute; top:120px; left:620px;display:none;}
#arrow_down{position:absolute; top:360px; left:150px; width:43px; height:104px; display:none;}
#arrow_right{position:absolute; top:490px; left:490px; width:86px; height:67px; display:none;}
#fast{position:absolute; top:50px; left:-200px;}
#simple{position:absolute; top:100px; left:600px; display:none;}
#precise{position:absolute; top:0px; left:0px; width:1830px; display:none;}

#screenshot_hover{position:absolute; top:190px; left:45px; display:none;}
#report_hover{position:absolute; top:40px; left:120px; display:none;}
#replay{position:absolute; bottom:30px; right:40px; text-decoration:none; display:none;}


/**********************************************/
/*			 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;}

/**********************************************/
/*			 	Documentation				 */
/**********************************************/
#doc_text{ padding-left:2%; width:27%; position:absolute; top:5%; left:36%; height:47%;}
#pc{ position:absolute; left:0; top:40px; width:36%;}
#doc_print{ position:absolute; bottom:18%; left:10%; width:35%; }
#doc_arrow{ position:absolute; bottom:15%; right:15%; width:32%;}
#color_report{ position:absolute; top:35px;; right:30px; width:30%;}

#custom_report{ position:absolute; left:14%; bottom:5%; width:25%;}
#doc_text2{position:absolute; width:46%; bottom:25%; right:5%; }
#custom_label{ position:absolute; right:15%; bottom:5%; float:left; margin-left:50px; width:40%}

#color_report_hover{position:absolute; top:8%; left:12%; display:none; width:47%;}
#custom_report_hover{position:absolute; top:6%; left:42%; width:52%; display:none;}



/**********************************************/
/*			 Expansion Modules				  */
/**********************************************/
#expansion_text{width:92%; margin-top:-20px;}
#expansion-tester{ width:73%;}


/**********************************************/
/*			 	  CB Boards					  */
/**********************************************/
#boards_text{width:30%; position:absolute; top:4%; right:4%;}
#cable_boards{float:left; position:relative; width:73%; height:71%; margin-left:6%;}
#cb_board0{position:absolute; top:40px; left:6%; width:73%;}
#cb_board1,#cb_board2,#cb_board3,#cb_board4,#cb_board5{position:absolute; top:40px; left:6%; width:73%; display:none;}
#cb_boards{position:absolute; bottom:5%; right:40px; width:45%;}
.cb_board{ width:30%; float:right; margin:1.5%;}
#boards_text2{position:absolute; top:12%; left:7.9%; color:#c00; font-size:18px; display:none; font-family:newErasDemi;}
#boards_text3{ position:absolute; bottom:5%; left:5px;; clear:both; width:45%;}


/**********************************************/
/*			 	  Automatic Testing			  */
/**********************************************/
#automatic_text{ margin-left:10px;}
#auto_links{ width:90%; margin-left:5%; height:25px; font-weight:bold;}
#auto_links div{ background-color:#CCC; cursor:pointer; }
#auto_links div:hover{ background-color:#09F;}
#auto_links div:active{ background-color:#00F; color:white;}


#macro{width:30%; float:left; background-color:blue; padding-top:4px;}
#java1{width:30%; float:left; margin-left:5%;  background-color:blue;  padding-top:4px;}
#java2{width:30%; float:left; margin-left:5%;  background-color:blue;  padding-top:4px;}
#macro_img{margin-top:5px; width:85.87%;}



/**********************************************/
/*		 	  External Control				  */
/**********************************************/
#remote{ position:absolute; top:15%; left:5%; width:45%;}
#external_text1{ position:absolute; top:15%;; right:5%; width:42%; text-align:left;}
#external_text2{ position:absolute; width:55%; bottom:10%; left:40px;}
#relay{ position:absolute; bottom:5%;  right:40px;; width:29%;}
#external_text3{ position:absolute; top:35%; right:40px;; line-height:16px; font-size:14px;}
#external_text3 a{ text-decoration:none; color:#c00;}

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

#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;}


#pulse_arrow a{width:43px; height:45px; float:left; background: url(../home_hvx_features/arrows.png) no-repeat -89px 0px;}
#next{position:absolute; top:295px; left:782px; color:#c00; display:none;}

#scroll_dots{position:absolute; top:600px; left:335px; width:147px; overflow:hidden;}


@media only screen and (max-width: 820px) {
/*boards*/
#boards_text3, #boards_text{font-size:14px;}
/*documentation*/
#doc_text, #doc_text2{ font-size:14px;}
}

@media only screen and (max-width: 599px) {
.title{font-size:18px;}

/*software*/
#software-ul{ font-size:14px;}
#pdf_icon p{ font-size:12px;}
/*boards*/
#boards_text{background-color:rgba(230,230,230,0.8); padding-bottom:10px;}
#boards_text2{ font-size:16px;}
#boards_text3{ width:40%;} 
#board1,#board3,#board6{ display:none;}
.cb_board{ width:45%; float:right; margin:1.5%;}
/*documentation*/
#pc,#doc_arrow, #doc_print{ display:none;} 
#doc_text{ padding-left:2%; width:45%; position:absolute; top:40px; left:2%; height:47%;}
#color_report{ position:absolute; top:35px;; right:35px; width:38%;}
#custom_report{ position:absolute; left:40px; bottom:2%; width:40%;}
#doc_text2{position:absolute; width:44%; bottom:17%; right:5%; }
#custom_label{ position:absolute; right:5%; bottom:2%; width:40%}
/*external control*/
#external_text1,#external_text2{ font-size:14px;}
#remote{position:absolute; top:20%; left:20%; width:60%;}
#external_text1{position:absolute; top:40px; left:5%; width:90%; text-align:left;}
#external_text2{position:absolute; width:50%; bottom:5%; left:40px;}
#relay{position:absolute; bottom:5%;  right:5%; width:33%;}
#external_text3{display:none;}
}

@media only screen and (max-width: 399px) {
.title{font-size:16px;}
/*software*/
#software-ul{ font-size:12px;}
#pdf_icon p{ font-size:10px;}
/*boards*/
#boards_text2{ font-size:14px;}
#cb_boards{position:absolute; bottom:2%; right:5%; width:45%;}
.cb_board{ width:45%; float:right; margin:1.5%;}
/*documentation*/
#doc_text{ font-size:13px;}
#custom_report,#pc,#doc_arrow, #doc_print{ display:none;} 
#doc_text2{position:absolute; width:80%; bottom:24%; right:8%; font-size:13px; }
#custom_label{ position:absolute; right:15%; bottom:2%; width:70%}
/*external*/
#external_text1,#external_text2{ font-size:12px;}
#remote{top:25%;}
}