/* 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:12px; height:100%; background-image:url("../images/trail.png")no-repeat; background-position:5px 4px; }
div.trail span.last {font-weight:bold; }

/* banner */
div.bannerFrame { overflow:auto; width:811px; height:306px; margin-left:5px; background-image:url('Images/bannerFrame.jpg'); background-repeat:no-repeat; padding-left:11px;position:relative; }
div.bannerFrame h3 { margin:34px 0px 0px 0px; border-left:solid 40px #7BC143; height:20px; padding-left:10px; font-size:24px; line-height:24px; color:#7BC143; }
/* top banners */
div.topbanner { position:relative; height:138px;}
div.topbanner > div { display:none; position:absolute; left:0px; top:0px;}
ul.bannerText { margin-top:17px; margin-left:52px; list-style-position:inside; height:110px; color:#7BC143; width:450px;  }
ul.bannerText > li {padding-bottom:5px; }
ul.bannerText > li > span { color:#777777; font-size:14px; }
/*img#topbanner_img1 { position:absolute; top:0px; top:30px; left:540px; }*/
/* banner tabs */
ul.bannerTabsTop { list-style-type:none; padding-left:50px; z-index:500; margin:0; overflow:hidden; }
ul.bannerTabsTop li.banActiveTop { background:url('Images/CtrlBtns.png') -25px -2px; }
ul.bannerTabsTop > li { margin-right:15px; overflow:hidden; float:left; height:22px; width:143px; background-repeat:no-repeat; position:relative; z-index:10;}
ul.bannerTabs { list-style-type:none; padding-left:50px; margin:0; }
ul.bannerTabs li { margin-right:15px; overflow:hidden; float:left; height:80px; width:143px; background-repeat:no-repeat; position:relative; }
/* ul.bannerTabs li > h4 {color:#fff; font-weight:bold; margin-top:20px; font-size:15px; height:25px; text-align:center;} */
ul.bannerTabs li > h4 {color:#fff; font-weight:bold; margin-left:5px; margin-top:10px; font-size:15px; height:25px; }
ul.bannerTabs li > h4 > span { font-size:14px; display:block; padding-left:1px; z-index:1000; }
ul.bannerTabs li > span { display:block; font-weight:bold; font-size:11px; padding-left:5px; padding-top:10px; }
ul.bannerTabs li:hover > span { color:#fff;}
ul.bannerTabs li.banActive { background:url('Images/CtrlBtns.png') -25px -24px; }
li.banActive span { color:#fff; }
ul.bannerTabs li.banNotActive { background:url('Images/CtrlBtns.png') -25px -243px; }
ul.bannerTabs li.banNotActive:hover {background-position:-25px -135px; cursor:pointer; }
ul.bannerTabs li h3 { display: none; }
/* top banner */
div.topbanner > p { font-size:14px; color:#777; margin:20px 0px 0px 60px; width:410px;}
div#topbanner_STSSHS { display:block; }
div#topbanner_STSSHS > span { display:block; margin-left:50px; margin-top:10px; font-size:20px; color:#7BC143; }
div#topbanner_STRSHR > span { display:block; margin-left:50px; margin-top:10px; font-size:20px; color:#7BC143; }
div#topbanner_CSV > span { display:block; margin-left:50px; margin-top:10px; font-size:20px; color:#7BC143; }
img#topbanner_img1 { position:absolute; top:0px; top:35px; left:545px; }
img#topbanner_img2 { display:none; position:absolute; top:-40px; left:620px; }
img#topbanner_img3 { display:none; position:absolute; top:-40px; left:620px; }
img#btl { position:absolute; top:55px; left:520px; }
/* body heading title */
div#bodyHeading {width:786px; height:34px; margin-left:16px; margin-top:5px; background-image:url('Images/BodyHeaderBackground.png'); background-repeat:no-repeat; padding-top:5px;position:relative; } 
div#bodyHeading span.prodName { border-left:solid 40px #7BC143; height:20px; padding-left:10px; font-size:16px; line-height:21px; color:#777777; font-weight:bold }
div#bodyHeading span.prodDetail { height:20px; font-size:16px; line-height:21px; color:#777777;}
/* body top buttons */
div.downloadBtns { border-spacing:0px; margin-left:16px;}
div.downloadBtns > a { display:inline-block; height:29px; }
a.selectSoftware { background:url('Images/CtrlBtns.png') no-repeat -25px -359px; width:245px; margin-right:108px; visibility:hidden; }
a.selectSoftware:hover {background-position:-274px -359px; cursor:pointer;}
div.downloadBtns > div {display:inline-block; height:29px;  /* margin-left:260px; */ position:relative; }
a.pdfBtn_cat {
	background: url('Images/pdf-download.png') no-repeat 0px -26px;
	width: 162px;
	height: 26px;
	display: block;
}

	a.pdf_cat_pop, a.pdfBtn_cat:hover {
		background-position: 0px 0px;
		cursor: pointer;
	}
a.pdfBtn1 {background:url('Images/CtrlBtns.png') no-repeat -484px -24px; width:81px; height:29px; display:block; }
a.pdf_bro_pop, a.pdfBtn1:hover {background-position:-484px -68px; cursor:pointer;}
a.pdfBtn2 {background:url('Images/CtrlBtns.png') no-repeat -489px -279px;  width:91px; height:29px; margin-left:79px; display:block;}
a.pdf_instr_pop, a.pdfBtn2:hover {background-position:-489px -319px; cursor:pointer;}
/* the popups for the pdfs */
#pop_cat {
	display: none;
	width: 230px;
	position: absolute;
	left: -4px;
	top: 26px;
	z-index: 10000;
}
#pop_bro { display:none;  width:230px; position:absolute; left:-4px; top:28px; z-index:10000; }
#pop_instr { display:none; width:260px; position:absolute; left:75px; top:28px; z-index:10000; }
div.pdf_STC{  }
/*div.pdf_STRSHR { } 
div.pdf_CSV { padding-left:84px; }*/
div.popPdf { display:table; border-spacing:0; text-align:left; padding:0; margin:0; min-width:170px;}
div.popC2 > ul { list-style-type:none; }
div.popC2 a { display:inline-block; width:100%; cursor:pointer; color:#705D62;  padding-right:5px }
div.popC2 a.apModel4 {  margin-top:10px; }
div.popC2 a.apModel1 { height:25px; padding-top:12px;}
div.popC2 a.apModel2 { height:25px; }
div.popC2 a.apModel3 { height:25px; padding-bottom:5px; }
div.popC2 { padding:10px 15px 15px 10px; display:table-cell; height:100%; border:solid 1px #a698a1; background-color:#ffffff; color:#705D62; font-size:12px; }
div.popC2 li.sel { font-weight:bold; padding:5px 0px 4px 5px; border-bottom:1px solid #E5E5E5; background-color:#e5e5e5; overflow:hidden;}
div.popC2 li.sel > span { float:right; margin-right:10px; }
div.popC2 li { padding-left:6px; padding-bottom:12px;}
div.popC1 { width:4px; display:table-cell; height:100%; background-image:url('Images/LShadow.png'); background-repeat:repeat-y; background-position:0px 0px; padding-top:5px;}
div.popC3 { width:4px; display:table-cell; height:100%; background:url('Images/RShadow.png') repeat-y 0px 0px; }

/* body */

/*div > controllerContainer > div.img.str-small-ic { position:absolute; left:30px; top:30px;}*/
div.controllerContainer > otw_small_ic{padding-top:10px;}
/*div.controllerContainer > div.str_small_ic{padding-top:10px;}*/

div.content { margin-left:17px; }
div.controllerContainer  {
	border:solid 1px #C4C4C4; 
	border-radius:6px; 
	float:left; 
	width:253px; 
	height:85px;
	margin-top:10px; 
	margin-right:10px; 
}
div.controllerContainer:hover { 
	background-color: #EAF7DF; cursor:pointer; 
	-o-transition:background 0.3s ease-in-out;
	-ms-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	-webkit-transition:background 0.3s ease-in-out;
	/* ...and now override with proper CSS property */
	transition:background 0.3s ease-in-out;
}
div.controllerContainer > div{
	float:left;
	width:90px;
	overflow:visible;
	
    
}
div.controllerContainer > div + div {
	float:left;
	text-align:right;
	width:153px;
	padding-right:7px;
}
div.controllerContainer > div + div > h4 {
	font-size:14px;
	padding-bottom:2px;
	padding-top:8px;
}
div.controllerContainer > div + div > span {
	display:block;
	text-align:right;
}
/* bottom body */
.hrSep 
{
	margin:20px 45px 10px 45px;
}
/* left size */
div.bcLeft { float:left; width:285px;  }
div.bcLeft div.botCImg1 { height:140px; padding-left:40px; margin-top:35px;margin-bottom:-35px;}
div.bcLeft div.botCImg { height:140px; padding-left:15px; margin-top:10px;}
div.bcLeftFootCon { text-align:center; padding-left:70px;}
div.bcLeftFoot { float:left; }
div.bcLeftFoot a {color: #4D4849;}
div.bcLeftFoot a:hover {text-decoration:underline; }
/*a.TS_id:hover{ float:left;text-decoration:underline; color: #4D4849;}*/
div.bcLeftFootSep { float:left; margin:0px 6px; font-weight:bold; }
div#textitalic{text-align:left; font-style:italic;font-size:11px;}
/* right size */
div.bcRight { float:left; width:495px; }
div.bcRight h4 { font-size:15px; }
div.bcRight ul { margin:10px 0px 12px 16px; list-style-position:outside;  font-size:12px; width:400px;}
div.bcRight ul li { margin-bottom:6px; }
div.bcRight ul ul  { margin:2px 0px 0px 16px; }
div.bcRight ul ul li.first { margin-top:6px;	}
img.smImg1 {padding-left:20px; padding-top:17px;}
img.smImg2 {padding-left:20px; padding-top:10px;}
img.smImg3 {padding-left:20px; padding-top:5px;}
img.smImg4 {padding-left:20px; padding-top:5px;}
img.smImg5 {padding-left:20px; padding-top:5px;}
img.smImg6 {padding-left:20px; padding-top:5px;}
img.smImg7 {padding-left:20px; padding-top:5px;}
img.smImg8 {padding-left:10px; padding-top:10px;}
img.smImg9 {padding-left:20px; padding-top:13px;}
img.smImg10 {position:absolute; top:640px; left:725px;}
img.big_icons1{padding-left:20px;}
img.big_icons2{padding-left:30px;}
img.big_icons3{padding-left:30px;}
img.big_icons4{padding-left:30px;}
img.big_icons5{padding-left:30px;}
img.big_icons6{padding-left:30px;}
img.big_icons7{padding-left:4px;}

/* brochure*/
div.proBro { margin-left: 0px; }
div.proBro a:hover { text-decoration:none; }
#proBro { font-size:14px; color:#8d97a4; font-weight:bold; }
#pdfDown{ width:162px; height:26px; display:block; overflow:hidden;}
#pdfDown img{ margin-top:-26px;}
#pdfDown:hover img{ margin-top:0px;}

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

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

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

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