﻿/* 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:49; }
#carousel_2, #carousel_3, #carousel_4 { display:none;} 


/* the selection software button */
#softwareSelect { width:688px; 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:688px; 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; }
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; }
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; }


/* overwrite the other css file's rules... */
div.btnSelected, div.homeBtnInner:hover { background: none !important; color: #ec8000 !important; }

div.vseparator { height: 120px !important; }

div.carousBtns { position:absolute; left:20px; top:245px; z-index:50000; }
div.carousBtns div { display:block; float:left; z-index:50000; margin-right:8px;}
div.carousBtns div.ccbtn_1a { cursor:pointer; color:#FFFFFF; font-size:32px; }
div.carousBtns div.ccbtn_2a { cursor:pointer; color:#FFFFFF; font-size:32px; }
div.carousBtns div.ccbtn_3a { cursor:pointer; color:#FFFFFF; font-size:32px; }
div.carousBtns div.ccbtn_4a { cursor:pointer; color:#FFFFFF; font-size:32px; }
div.carousBtns div.ccbtn_5a { cursor:pointer; color:#FFFFFF; font-size:32px; }
div.carousBtns div.ccbtn_6a { background:url("images/Pause_Icon.png") no-repeat 0px 10px; width:21px; height:32px; line-height: 32px; cursor:pointer; }
div.carousBtns div.ccbtn_6c { background:url("images/Play_Icon.png") no-repeat 0px 10px; width:21px; height:32px; line-height: 32px; cursor:pointer; }

div.carousBtns div.ccbtn_1c, div.carousBtns div.ccbtn_1a:hover { color:#ec8000; }
div.carousBtns div.ccbtn_2c, div.carousBtns div.ccbtn_2a:hover { color:#ec8000; }
div.carousBtns div.ccbtn_3c, div.carousBtns div.ccbtn_3a:hover { color:#ec8000; }
div.carousBtns div.ccbtn_4c, div.carousBtns div.ccbtn_4a:hover { color:#ec8000; }
div.carousBtns div.ccbtn_5c, div.carousBtns div.ccbtn_5a:hover { color:#ec8000; }
div.carousBtns div.ccbtn_6b, div.carousBtns div.ccbtn_6a:hover { background:url("images/Pause_Icon_Mouse_Over_Controls.png") no-repeat 0px 10px; width:21px; height:40px; line-height: 32px; cursor:pointer; }
div.carousBtns div.ccbtn_6d, div.carousBtns div.ccbtn_6c:hover { background:url("images/Play_Icon_Mouse_Over_Controls.png") no-repeat 0px 10px; width:21px; height:40px; line-height: 32px; cursor:pointer; }

div.carousBtns div.ccbtn_1c, div.carousBtns div.ccbtn_2b, div.carousBtns div.ccbtn_3b, div.carousBtns div.ccbtn_4b, div.carousBtns div.ccbtn_5b { cursor:default;}

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: 5px;
    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;
}

h2 {
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    color: #ec8000;
}
p.double-line {
    font-size: 16px;
    color: #244f85;
    text-align: justify;
    padding:10px 15px;
}
p.morelink {
    font-size: 14px;
    letter-spacing: .05em;
    color: #244f85;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    line-height: 1;
    text-align: center;
    font-weight:bold;
}
a.orange-over {
    display: block
}

    a.orange-over:hover {
        background-color: #f5b466;
        -webkit-transition: all .3s ease 0s;
        text-decoration: none;
    }