/* the top menu trail */
div.trail {height:10px; margin-top:9px; margin-left:17px;}
div.trail a, div.trail span { float:left; display:block; color:#244f85; font-size:10px; } 
div.trail span.sep { width:15px; height:10px; background-image:url("../images/trail.png"); background-repeat:no-repeat; background-position:5px 4px; }
div.trail span.last {font-weight:bold; }
/* the top banner */
div.banner { width:811px; height:306px; margin-left:5px; background-image:url('../images/TopBannerBG.png'); background-repeat:no-repeat; padding-left:11px; }
div.carouselContainer {position:relative; width:786px; height:281px; top:12px;}
div.homeCenter { position:absolute; left:0px; top:0px; width:786px; height:281px; z-index:0; }
#carousel_2, #carousel_3, #carousel_4 { display:none;} 


/* the selection software button */
#softwareSelect { width:786px; height:31px; background: url('Images/softwareSelectBtn.png') -4px -4px; margin-left:15px; font-size:15px; display:block; } 
/* #softwareSelect a { display:block; width:785px; padding-left:10px; } */
#softwareSelect span { height:14px; font-size:14px; float:left; display:block;  }
#softwareSelect span.o_o { color:#ec8000; font-size:15px; font-weight:bold; margin-left:13px; margin-top:6px; }
#softwareSelect span.dark { color:#494646; font-weight:bold; margin-left:5px; margin-top:8px; }
#softwareSelect span.pale { color:#8b8a8a; text-transform:none; margin-top:8px; } 
#softwareSelect:hover { width:786px; height:31px; background: url('Images/softwareSelectBtn.png') -4px -43px; text-decoration:none; } 
#softwareSelect:hover span.dark { color:#cbcbcb;  text-decoration:none; } 
#softwareSelect:hover span.pale { color:#8b8a8a; text-decoration:none;  } 

/* pdf section */
div.pdf {margin-left:16px; margin-bottom:15px; margin-top:15px;}
div.pdf a { display:block; float:left; height:26px; background-repeat:no-repeat; margin-right:10px; }
/* pdf section */
a.pdf1 { background-image:url("images/pdfButtons.png"); width:162px; background-position:0px 0px; height:26px !important; margin-left:28px; }
a.pdf1:hover { background-position:0px -130px;}
a.pdf2 { background-image:url("images/pdfButtons.png"); width:102px; background-position:0px -26px; }
a.pdf2:hover { background-position:0px -156px;}
a.pdf3 { background-image:url("images/pdfButtons.png"); width:164px; background-position:0px -52px; }
a.pdf3:hover { background-position:0px -182px;}
a.pdf4 { background-image:url("images/pdfButtons.png"); width:107px; background-position:0px -78px; }
a.pdf4:hover { background-position:0px -208px;}
a.pdf5 { background-image:url("images/pdfButtons.png"); width:121px; background-position:0px -104px; height:26px !important; margin-left:70px; }
a.pdf5:hover { background-position:0px -236px;}
/* details */
#page_1 { margin-left:16px; color:#3d3d3d; }

p.ocTitle { font-size:16px; padding-top:15px; font-weight:bold; color:#ec8000; font-size:17px;}
div.page1_divImg { position:relative; height:230px; z-index:20;}
img.page1_img { position:absolute; top:20px; left:60px; z-index:20;}
p.lined1 { font-size:14px; margin-bottom:17px; margin-top:17px;}
p.lined2 { font-size:14px; margin-bottom:17px; margin-top:17px; width:760px; color:#3d3d3d;} /* 030000 */
p.lined3 { font-size:14px; margin-bottom:17px; margin-top:17px; width:765px; color:#3d3d3d; line-height:18px;}
p.lined4 { font-size:14px; margin-bottom:14px; margin-top:14px; width:765px; color:#3d3d3d; padding-left:50px;}
p.lineArr { background-image:url("images/arrowDescription.jpg"); background-position:left center; background-repeat:no-repeat; padding-left:15px; font-size:14px; margin-bottom:14px; margin-top:14px; width:765px; color:#3d3d3d; } 
div.linedtl { padding-left:15px; width:500px; position:relative; z-index:23; font-size:14px; margin-bottom:2px; background-image:url("Images/Arrow.png"); background-position:left center; background-repeat:no-repeat; }

a.selectSoftware { background:url('Images/HeaterBtns.20160322.png') no-repeat -20px -359px; width:250px;  margin-left:10px;}
a.selectSoftware:hover {background-position:-298px -359px; cursor:pointer;}

.techTime {
    background-color: #a6afb8;
    width: 90px;
    margin-right: 255px;   
    border-top-right-radius: 15px;
    vertical-align: top;
}

    .techTime span {
        padding-left: 10px;
        color: white;
        font-weight: bold;
        line-height: 31px;
    }

    .techTime:hover {
        background-color: #20558a;
    }

a.techTime:hover {
    text-decoration: none;
}

div.downloadBtns > a {
    display: inline-block;
    height: 31px;  
    vertical-align:middle;
}

@media (max-width: 576px) {
    .techTime {
        margin-right: 0
    }

    p.lined2, p.lined3, p.lineArr {
        width: 100%
    }

}