td.mainCenterArea { min-height:1500px; }
td.mainCenterArea * { font-family:Arial, Lucida Grande, Lucida Sans, Helvetica, Arial, Sans-Serif; }
/* the banner menu */
#valve-smenu{ height:42px; position:absolute; left:55px; top:230px; }
#valve-smenu li { display:block; float:left; margin-right:7px; width:111px; height:42px; background:url('../Images/whiteArrow.png') no-repeat 6px 5px; background-color:#b3bcc3; } 
#valve-smenu li.active span { color:#ffffff; cursor:default;} 
#valve-smenu li.nactive span { color:#000000; } 
#valve-smenu li span { display:block; font-size:12px; padding-left:17px; padding-top:6px;} 


/* the header */
#data-banner{ height:35px; width:785px; background-color:rgb(149,158,170); margin-bottom:10px; margin-top:10px;}
#deco-square{ float:left; width:40px; height:20px; background-color:rgb(230,14,19); margin-top:7px;}
#data-title{ float: left; font-size:18px; margin-top:7px; padding-left:7px; color:White; }
#data-title span{ font-weight:bold;}
#data-standard{ float:right; margin-right:20px; margin-top:3px;}
/* the top menu */
div.vbtns { margin-top:7px; }
a.selSoft { display:block; float:left; width:238px; height:29px; background:url("../images/software.jpg"); }
a.selSoft:hover { background:url("../images/software_on.jpg"); }

.vbtnsRight1 { float:right; position:relative; }
a.instruct { display:inline-block; width:95px; height:29px; margin-right:25px; background:url("../images/instructions_btn.jpg"); }
a.pdf_instr_pop, a.instruct:hover { background:url("../images/instructions_btn_on.jpg"); cursor:pointer;}
a.brochure { display:inline-block; width:81px; height:29px; margin-right:15px; background:url("../images/pdf_brolist_off.jpg"); }
a.pdf_bro_pop, a.brochure:hover { background:url("../images/pdf_brolist_on.jpg"); cursor:pointer; }

/* the left side */
#step1_2Way, #step2_2Way { display:block; }
#step1_3Way, #step2_3Way { display:none; }

p.steps { font-weight:bold; font-size:14px;}
div.stepsLeft { float:left; height:740px; }
div.vlmenuA { height:37px; background:#f0f0ef; display:table; border-top:solid 1px #959eaa; border-left:solid 1px #959eaa; border-right:solid 1px #959eaa; }

div.vlmenuB { padding-bottom:3px; height:38px; background:#f0f0ef; display:table; border-top:solid 1px #959eaa; border-left:solid 1px #959eaa; border-right:solid 1px #959eaa; }
div.vlmenuB div.vlImgL img { height:38px; width:44px; }

div.vlmenuA { cursor:pointer; }
div.vlmenuASel, div.vlmenuBSel { background-color:#959EAA; color:#ffffff; }
div.vlmenuA:hover { background-color:#e3151f; color:#ffffff; }
div.vlmenuBot { border-bottom:solid 1px #959eaa; margin-bottom:20px; }
div.vlmenuA div, div.vlmenuB div { display:table-cell; padding-top:2px; vertical-align:middle;}
div.vlImgL { width:45px; padding-left:2px; }
div.vlDesc { padding-left:5px; width:132px; font-size:12px; padding-top:2px;}
div.vlImgR { padding-right:4px; }

/* the middle */
div.tableCon {float:left;}
div.stepsMiddle { float:left; margin-left:5px; }
div.groupTitleA { background-color: #E3151F; color: #FFFFFF; height: 55px; width:291px; }
div.groupTitleA #step3Out { padding-top:5px; margin-left:10px; font-size:15px; font-weight:bold; color:#ffffff; }
div.groupTitleA #threadType { margin-top:5px; margin-left:10px; width:125px; }
table.det { margin-top:2px; }
table.det th { height:55px; color:#705D62; border-top:solid 1px #959eaa; border-left:solid 1px #959eaa; border-bottom:solid 1px #959eaa; font-weight:normal; font-size:14px; background-color:#e5e5e5; z-index:1002;}
table.det td  { height:22px; text-align:center; color:#705D62; border-top:solid 1px #959eaa; border-left:solid 1px #959eaa; font-weight:normal; font-size:12px; }
table.det tr.last td { border-bottom:solid 1px #959eaa; }
td.tdspace { border-style:none !important; background-color:#ffffff !important; height:4px !important; }
td.tdspace1 { border-style:none !important; background-color:#ffffff !important; height:5px !important; }
table.det th.t1, table.det td.t1 { width:42px; }
table.det th.t2 { width:42px; }
table.det td.t2 { width:42px; }
table.det th.t3 { width:42px; }
table.det td.t3 { width:42px; }
table.det td.t2 div, table.det td.t3 div{ text-align:left; padding-left:3px; }

table.det th.t4, table.det td.t4 { width:105px; }
table.det td.t4 a { color:#E3151F; }
table.det th.t5, table.det td.t5 { width:47px; border-right:solid 1px #959eaa; } 
.t5Hidden { display:none;}

th.trspace, td.trspace { border-top-style:none !important; border-bottom-style:none !important; background-color:#ffffff !important; border-left:solid 1px #959eaa; width:2px; }
tr.trVLast .t1, .trVLast .t2, .trVLast .t3, .trVLast .t4, .trVLast .t5 { border-bottom:solid 1px #959eaa; }
p.cvnote { margin-left:5px; margin-top:2px; padding:0; font-size:11px; font-style:italic; margin-bottom:150px;  }

/* the right */
div.stepsRight { margin-left:5px; margin-top:30px; float:left; }
div.groupTitleB1 { background-color: #E5E5E5; color: #FFFFFF; height:55px; width:283px; border-left:solid 1px #959eaa; border-top:solid 1px #959eaa; border-right:solid 1px #959eaa; }
div.groupTitleB1 p { color:#E3151F; font-size:12px; margin-top:20px; margin-left:10px; height:44px;}
div.groupTitleB2 {  display:table; border-spacing:0px; background-color:#ffffff; color:#705D62; font-size:12px; height:35px; border-top:solid 1px #959eaa; border-right:solid 1px #959eaa; }
div.groupTitleB2 div { display:table-cell; vertical-align:middle; text-align:center; width:70px; border-left:solid 1px #959eaa; }
div.groupTitleB3 { border-spacing:0px;  background-color: #E5E5E5; color:#705D62; font-size:12px; height:20px; border-top:solid 1px #959eaa; border-right:solid 1px #959eaa; border-bottom:solid 1px #959eaa; }
div.groupTitleB3 div#col1, div.groupTitleB3 div#col2, div.groupTitleB3 div#col3, div.groupTitleB3 div#col4 { position:relative; float:left; vertical-align:middle; text-align:center; width:70px; height:20px; border-left:solid 1px #959eaa; color:#705D62; line-height:20px;}
div.groupTitleB3 a { color:#E3151F; }
span.redArrow { float:right; width:13px; height:15px; background-image:url('../Images/redArrow.png'); background-repeat:no-repeat; background-position:0px 1px; margin-top:2px;}
span.redArrowSel, span.redArrow:hover {background-position:-1px -12px;}
div.clearB { float:none !important; clear:both; height:0px;}
table.res td { text-align:center; color:#705D62; height:22px; cursor:pointer; border-top:solid 1px #ffffff; border-left:solid 1px #ffffff; background-color:#F0F0EF; font-weight:normal; font-size:12px;  }
td.t7 { width:70px; }
td.t8 { width:70px; }
td.t9 { width:70px; }
td.t10 { width:70px; }
td.t7 div:hover, td.t8 div:hover, td.t9 div:hover, td.t10 div:hover {height:14px; padding-top:1px; border:solid 2px #e3151f; } 

/* the popup for the actuators and the pdfs */
div.actPopupCon { display:none; position:absolute; left:-5px; top:20px; z-index:1000; }
div.actPopup { display:table; width:165px; text-align:left; padding:0; margin:0; }
#pop_bro { display:none;  width:230px; position:absolute; left:-4px; top:28px; z-index:1000; }
#pop_instr { display:none; width:230px; position:absolute; left:-4px; top:28px; z-index:1000; }

div.popPdf { display:table; border-spacing:0; text-align:left; padding:0; margin:0; }
div.actC4 a { display:inline-block; width:100%; cursor:pointer; color:#705D62;  padding-right:5px }
div.actC4 a.apModel1 { height:25px; padding-top:12px;}
div.actC4 a.apModel2 { height:25px; }
div.actC4 a.apModel3 { height:25px; padding-bottom:5px; }
div.actC4 { padding:10px 15px 15px 10px; display:table-cell; height:100%; border:solid 1px #a698a1; background-color:#ffffff; color:#705D62; font-size:12px; }
div.actC4 li.sel { font-weight:bold; padding:5px 0px 4px 5px; border-bottom:1px solid #E5E5E5; background-color:#e5e5e5; }
div.actC4 li { padding-left:6px;}

div.actC1 { width:4px; display:table-cell; height:100%; background-image:url('../Images/LShadow.png'); background-repeat:repeat-y; background-position:0px 0px; }
div.actC2 { padding:5px 10px 5px 10px; display:table-cell; height:100%; border:solid 1px #a698a1; background-color:#ffffff; color:#705D62; font-size:12px; }
div.actC2 a.apSel { font-weight:bold; }
div.actC2 a.apModel { display:inline-block; width:100%; height:15px; cursor:pointer; color:#705D62; }
div.actC2 a.apModel:hover { font-weight:bold; text-decoration:none; cursor:pointer; }
li.liborder { border-bottom: 1px solid #E5E5E5; border-top:1px solid #A698A1; height:0px; margin-bottom:6px; margin-top:6px; }
div.actC2 li.apDesc { margin-top:5px; font-size:11px; }
div.actC2 a.apSpec { color:#E3151F; }
div.actC3 { width:4px; display:table-cell; height:100%; background:url('../Images/RShadow.png') repeat-y 0px 0px; }