/* CSS Document */
form,form *, form *:before, form *:after {
margin:0;padding:0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html{
	min-width: 320px;
}

body {
	line-height: 1;
	margin: 0 auto;
	background: url(../images/bkg-main.jpg) no-repeat top center #adbfce;
	color: #2f383e;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
}

p {
	padding: 4px 0 6px 0;
	line-height: inherit;
	color: #2f383e;
}

ol, ul {
	margin: 0;
	padding: 0 0 0 15px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


h1 {
	font: 24px Arial, Helvetica, sans-serif;
	line-height: 28px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: bold;
}

h1.home {position: absolute; left: -9999px;}

h2 {
	font: 20px Arial, Helvetica, sans-serif;
	color: #195095;
	line-height: 24px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h3 {
	font: 14px Arial, Helvetica, sans-serif;
	color: #8398aa;
	line-height: 18px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 3px solid #dee7ef;
}

h4 {
	font: 14px Arial Narrow, Arial, Helvetica, sans-serif;
	color: #30353c;
	line-height: 18px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	border-bottom: 3px solid #dee7ef;
}

h4 a {color: #30353c;}
h4 a:hover {color: #195095;}

h5 {
	font: 12px Arial, Helvetica, sans-serif;
	color: #30353c;
	line-height: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

h6 {
	font: 12px Arial, Helvetica, sans-serif;
	color: #8398aa;
	line-height: 16px;
	font-weight: normal;
	font-style: italic;
	margin: 0;
	padding: 0;
}

h6.images {
	margin: 0;
	padding: 0;
	line-height: 0;
}

a {
	color: #195095;
	text-decoration: none;
}

a:hover {
	color: #2f383e;
	text-decoration: none;
}

#header-wrap {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: #0f386a;	
	border-bottom: 8px solid #99acbc;	
}

#header {
	width: 100%;
    max-width: 980px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	position: relative;
}

#header-rt {
	width: 370px;
	height: auto;
	float: right;
	margin: 0;
	padding: 0;	
}

#header-lt {
	width: 550px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;	
}

#logo {
	position: absolute;
	left: 0;
	z-index: 1200;	
	padding: 22px 0 0 0;
}

#mininav {
	width: auto;
	height: 41px;
	margin: 0;
	padding: 0;	
}

#mininav-social {
	float: right;
	width: 25px;
	height: auto;
	margin: 0;
	padding: 4px 0 10px 0;
	/*display:none;	*/
}

#mininav-social ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}	

#mininav-social li {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
	width: 27px;
	height: 27px;
}

#mininav-social li a {
	background: url(../images/icn-social.gif) no-repeat 0 0;
	display: block;
	width: 27px;
	height: 27px;	
}

#mininav-social li a span {position: absolute; left: -9999px;}

#mininav-social li a.in {background-position: -54px 0;}
#mininav-social li a.twitter {background-position: -27px 0;}
#mininav-social li a.fbook {background-position: 0 0;}

#mininav-social li a:hover.in {background-position: -135px 0;}
#mininav-social li a:hover.twitter {background-position: -108px 0;}
#mininav-social li a:hover.fbook {background-position: -81px 0;}

#mininav-search, .mininav-search {
	float: left;
	width: 326px;
	height: auto;
	margin: 0;
	padding: 7px 0 0 0;	
}

#mininav-search label, .mininav-search label {
	font: 11px Arial, Helvetica, sans-serif;	
	color: #fff;
	float: left;
	width: 60px;
	padding: 4px 4px 0 0;
}

#mininav-search input, .mininav-search input {
	background: #092649;
	color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 5px 4px;
	width: 220px;
	float: left;
	border: none;
}

#mininav-search input.btn {
	width: 30px;
	height: 22px;
	display: block;
	margin: 0 0 0 4px;
	padding: 0;
	float: left;
	background: url(../images/icn-search.gif) no-repeat 0 0;
}

.mininav-search input.btn, .mininav-search input{
	float:none;
	display: inline-block;
}

.mininav-search input[type=text]{
	height: 30px;
    width: 220px;
    padding-left: 12px;
    font-size: 14px;
    vertical-align: middle;
}

.mininav-search input.btn{
	width: 44px;
    height: 38px;
    vertical-align: middle;
    background-color: #ffffff;
    background: url(../images/search-icon.png) center center no-repeat #ffffff;
    margin-left: 5px;
}
#mininav-search input:hover.btn {background-position: -29px 0;}

.round {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius: 3px;	
}

#tagline {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: right;	
}

#tagline p {
	font: 24px Arial Narrow, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 24px;
	color: #fff;
}

#tagline p span {font: 24px "Arial Black", Gadget, sans-serif;}


/* MAIN NAVIGATION */

#navwrap {
	/*width:100%;*/
	max-width: 930px;
	height: auto;
	margin: 0 auto;
	padding: 15px 0 0 50px;
	text-align: center;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	text-align: left;
	z-index: 2000;
}

#nav a {
	display: block;
	padding: 0;
	color: #fff;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	z-index: 2000;
}

#nav li {
	float: left;
	padding: 0;
	margin: 10px 2px 0 2px;
	width: 170px;
	height: 35px;
	display: block;
	z-index: 2000;
	position: relative;
}

#nav li.torquetrak {width: 180px; height: 45px; margin: 0;}
#nav li.temptrak {width: 180px; height: 45px; margin: 0;}

#nav li.torquetrak.sfhover .nav-triangle-image {
	display: block;
    height: 11px;
    width: 95%;
    position: absolute;
    /* bottom: 0px; */
    z-index: 1999;
	background:url(../images/torquetrak-nav-triangle.png) top center no-repeat;
}

#nav li.temptrak.sfhover .nav-triangle-image{
	display: block;
    height: 11px;
    width: 95%;
    position: absolute;
    /* bottom: 0px; */
    background: url(../images/temptrak-nav-triangle.png) top center no-repeat;
    z-index: 1999;
}

#nav li a { 
	height: 25px;
	padding: 10px 0 0 0;
	background: #99acbc;
	text-decoration: none;
	z-index: 2000;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	-khtml-border-radius: 3px 3px 0 0;
}

#nav > li > a.on {background: #fff; color: #99acbc;} 

#nav li a:hover {background: #fff; color: #99acbc;} 

#nav li.torquetrak > a, #nav li.temptrak > a {
	/*background: url(../images/bkg-nav.png) no-repeat 0 0;*/
	background: url(../images/torque-trak-bg.png) no-repeat 0 0;
	width: 160px;
	height: 24px;
	font-size: 16px;
	padding: 9px 0px 8px 0;
    margin-top: 4.5px;
    border: 3px solid #fff;
    border-bottom: none;
    max-height: 20px;
    -moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	-khtml-border-radius: 3px 3px 0 0;
    box-shadow: 0px 0px 3px #444;
}

#nav li.torquetrak.sfhover > a {height: 40px; position: relative; z-index: 2400; color: #fff;}
#nav li.temptrak.sfhover > a{height: 40px; position: relative; z-index: 2400; color: #fff; }

#nav li.torquetrak > a.on {
	/*background: url(../images/bkg-nav.png) no-repeat 0 0;*/
	background: url(../images/torque-trak-bg.png) no-repeat 0 0;
	height: 36px;
}

/*#nav li.temptrak > a { /*
	/*background: url(../images/bkg-nav.png) no-repeat -180px 0;*/ /*
	background: url(../images/temp-trak-bg.png) no-repeat 0 0;
	width: 165px;
	height: 24px;
	font-size: 16px;
	padding: 17px 10px 0 0;
	margin-top: 4px;
}*/

#nav li.temptrak > a { 
	/*background: url(../images/bkg-nav.png) no-repeat -180px 0;*/ 
	background: url(../images/temp-trak-bg.png) no-repeat 0 0;
}

#nav li.temptrak > a.on {
	/*background: url(../images/bkg-nav.png) no-repeat -180px 0;*/
	background: url(../images/temp-trak-bg.png) no-repeat 0 0;
	height: 36px;
}

#nav li ul li {
	float: left;
	width: 200px;
	height: auto;
	text-align: left;
	text-transform: none;
	padding: 0;
	margin: 0;
	z-index: 2000;
	background: none;
}

#nav li ul li a {
	text-align: left;
	padding: 4px 15px;
	margin: 6px 20px;
	height: auto;
	color: #fff;
	text-transform: none;
	font-size: 14px;
	border: none;
	z-index: 2000;
	background: none;
	border-bottom: 3px solid #1b477d;
}

#nav li ul li a.on {
	border-bottom: 3px solid #c1ced8;
}

#nav li ul li a:hover {
	text-align: left;
	padding: 4px 15px;
	margin: 6px 20px;
	height: auto;
	text-transform: none;
	font-size: 14px;
	color: #73a6e6;
	z-index: 2000;
	background: none;
	border-bottom: 3px solid #c1ced8;
}

#nav li ul {
	position: absolute;
	width: 200px;
	left: -999em;
	background: url(../images/bkg-subnav.gif) repeat-x top #133e74;
	z-index: 1800;
	margin: 0 0 0 -20px;
	padding: 25px 0 50px 0;
}

#nav li.sfhover ul {
	left: auto;
	background: url(../images/bkg-subnav.gif) repeat-x top #133e74;
	z-index: 1800;
	margin: 0 0 0 -20px;
	-moz-border-radius:  0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;
}

#nav li.sfhover ul.lg, 
#nav li.sfhover.torquetrak > ul, 
#nav li.sfhover.temptrak > ul {margin: 0px 0 0 -15px;}
#nav li.sfhover ul.sm, #nav li.sfhover > ul {margin: 0 0 0 -15px;}

#nav li.sfhover ul ul {
	left: -999em;
	z-index: 2000;
}

/* END MAIN NAVIGATION */

#content-wrap {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	/*background: #30353c;*/
	border-bottom: 8px solid #bac9d4;	
}

#content {
	background: #fff;
	width: 100%;
    max-width: 980px;
	height: auto;
	margin: 0 auto;
	text-align: center;	
}

#hm-hero {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background: url(../images/bkg-map.gif) no-repeat #fff;	
	overflow: hidden;
	height:342px;
}
#hm-hero #homepage-hero-slide-selector{
	position:absolute;
	bottom:0px;
	z-index: 1001;
	right: 30%;
}

#hm-hero #homepage-hero-slide-selector a{
	display: inline-block;
	width:20px;
	height:20px;
	line-height: 20px;
	margin:2px 2px 0px 2px;
	background-color: #adbfce;
	color: #ffffff;
}

#hm-hero #homepage-hero-slide-selector a.on{
	background: url(../images/bkg-slide-selector-on.png) center center no-repeat #0f386a;
}

#hm-hero #homepage-hero-slide-selector a:hover{
	background-color: #0f386a;
}

#hm-hero-rt {
	float: right;
	width: 375px;
	height: auto;
	margin: 0;
	padding: 170px 40px 20px 25px;	
	background: url(../images/bkg-hero-temp.png) no-repeat top;
	text-align: left;
}

#hm-hero-lt {
	float: left;
	width: 320px;
	height: auto;
	margin: 0;
	padding: 170px 0 20px 190px;
	background: url(../images/bkg-hero-torque.png) no-repeat top left;
	text-align: left;
}

#hm-hero h3 {
	font: 28px "Arial Black", Gadget, sans-serif;	
	color: #232425;
	line-height: 28px;
	font-weight: normal;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	text-transform: none;
	letter-spacing: normal;
	border-bottom: 3px solid #dce7f0;
}

#hm-hero h3 a {color: #232425; background: url(../images/btn-hero-arrow2.png) no-repeat right; padding: 0 40px 0 0;}
#hm-hero h3 a:hover {color: #21589c; background: url(../images/btn-hero-arrow1.png) no-repeat right; padding: 0 40px 0 0;}

#hm-hero h3 a.tt {color: #232425; background: url(../images/btn-hero-arrow1.png) no-repeat right; padding: 0 40px 0 0;}
#hm-hero h3 a.tt:hover {color: #21589c; background: url(../images/btn-hero-arrow2.png) no-repeat right; padding: 0 40px 0 0;}

#hm-hero p {
	color: #565c65;
	font-size: 11px;
}

#hm-trio-wrap {
	width:100%;
	max-width: 1030px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	/*background: url(../images/bkg-bot-trio.png) no-repeat center;	*/
}

#hm-trio {
	width:100%;
	max-width: 980px;
	height: auto;
	margin: 0 auto;
	padding: 0;	
}

.trio {
	width:100%;
	max-width: 276px;
	height: 150px;
	float: left;
	margin: 16px 16px 0 0;
	padding: 10px 20px;
	text-align: left;
	overflow: visible;
	background: url(../images/bkg-bot-trio-single.png) no-repeat center;
}

.last {margin-right: 0;}

.trio-cols {
	width: auto;
	height: auto;
	margin: 0;
	padding: 10px 0 0 0;	
}

.trio-cols-rt {
	width: 176px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	float: right;	
}

.trio-cols-lt {
	width: 100px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	float: left;	
}

.trio-cols p {margin: 0; padding: 0; color: #7d8289;}

#scroller {
	background: url(../images/bkg-scroller.png) no-repeat;
	margin: 0;
	padding: 0 0 2px 10px;
	height: 108px; 	
}

/* Tiny Scrollbar */
/*#scrollbar1 { width: 520px; margin: 20px 0 10px; }*/
#scroller .viewport { width: 150px; height: 108px; overflow: hidden; position: relative; }
#scroller .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scroller .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 13px; }
#scroller .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:11px; position: relative; padding: 0 1px; }
#scroller .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 23px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scroller .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 23px; }
#scroller .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#scroller ul {margin: 0; padding: 0; display: block; list-style-type: none;}
#scroller li {margin: 1px 0; padding: 0; display: block; list-style-type: none; font-size: 11px; color: #99acbc;}
#scroller li a {color: #99acbc;}
#scroller li a:hover {color: #21589c;}

#scroller p.title {font-size: 10px; text-transform: uppercase; margin: 0; padding: 0; font-weight: bold;}

#news {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;	
}

#news ul {margin: 5px 0 0 0; padding: 0; display: block; list-style-type: none;}
#news li {margin: 8px 0; padding: 0; display: block; list-style-type: none;}

.item {float: right; width: 230px;}
	
.date {
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	text-align: center;
	width: 30px;
	height: 30px;
	float: left;
}

.mo {
	text-transform: uppercase;
	font: 12px Arial Narrow, Arial, Helvetica, sans-serif;	
	margin: 0;
	padding: 0;
	line-height: 12px;
	color: #99acbc;
}

.day {
	text-transform: uppercase;
	font: 16px "Arial Black", Gadget, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 12px;
	color: #99acbc;
}

#footer {
	width:100%;
	max-width: 980px;
	height: auto;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;	
}

#footer p {
	font: 11px Arial, Helvetica, sans-serif;	
	color: #fff;
	margin: 0;
	padding: 0;
}

#footer a {color: #fff;}
#footer a:hover {color: #74889a;}

/*Footer Social Media Icons*/
#footer-cont{
	position: relative;
	width:100%;
	max-width: 980px;
	height: auto;
	margin: 0 auto;
}

#footer-social-cont{
	position: absolute;
	left: 0px;
	top: 20px;
}

#footer-social-cont ul{
	padding-left:0px;
}

#footer-social-cont ul li{
	list-style: none;
}


#title {
	background: url(../images/general-header.jpg) no-repeat;
	text-align: right;
	width: auto;
	height: 40px;
	margin: 0;
	padding: 80px 20px 0 0;	
	border-bottom: 4px solid #bac9d4;
}
#title.torquetrak {
	background: url(../images/torque-header.jpg) no-repeat;
}
#title.temptrak {
	background: url(../images/bkg-about-hero.jpg) no-repeat;
}

#title h1 {
	text-shadow: .1em .1em .1em #333;
}


#cols-in {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background: url(../images/bkg-cols.gif) repeat-y;	
}

#cols-in-rt {
	float: right;
	width: 740px;
	height: auto;
	margin: 0;
	padding: 20px;
	background: url(../images/bkg-cols-rt1.gif) no-repeat top;
	text-align: left;	
	min-height: 308px;
	/*width:auto;*/
}

#cols-in-rt a {color: #195095;}
#cols-in-rt a:hover {color: #8398aa;}

#cols-in-lt {
	float: left;
	width: 160px;
	height: auto;
	margin: 0;
	padding: 20px;
}

#leftnav {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;	
}

#leftnav ul {margin: 0; padding: 0; display: block; list-style-type: none;}

#leftnav li {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
	font-size: 14px;
}

#leftnav li a {
	display: block;
	color: #fff;
	border-bottom: 4px solid #91a5b6;
	padding: 0 0 2px 0;
	margin: 0 0 4px 0;	
}

#leftnav li a.on {
	display: block;
	color: #fff;
	border-bottom: 4px solid #91a5b6;
	padding: 0 0 2px 0;
	margin: 0 0 4px 0;
	background: url(../images/img-lftnav-arrow.gif) no-repeat right;	
}

#leftnav li a:hover {background: url(../images/img-lftnav-arrow.gif) no-repeat right; color: #b8c5d1;}

#leftnav ul.sub {margin: 0 0 25px 10px; padding: 0; display: block; list-style-type: none;}
#leftnav ul.sub li {font-size: 12px;}
#leftnav ul.sub li a {border: none; color: #b8c5d1;}
#leftnav ul.sub li a:hover {color: #fff; background: none;}

#leftnav li.opdaq > a{
	height:27px;
	background:url('../images/img-opdaq.gif')no-repeat 0 0;
	overflow: hidden;
	background-color: transparent;
	*text-indent: -9999px;
}
#leftnav li.opdaq > a.on{
	background:url('../images/img-opdaq.gif')no-repeat 0 0, url(../images/img-lftnav-arrow.gif) no-repeat right;
}
#leftnav li.opdaq > a:hover{
	background:url('../images/img-opdaq.gif')no-repeat 0 0, url(../images/img-lftnav-arrow.gif) no-repeat right;
}

#leftnav li.opdaq > a:before {
	display: block;
	width: 0;
	height: 100%;
	content: ""; 
}

.overview {
	width: auto;
	height: auto;
	margin: 0;
	padding: 20px;	
}

.overview p {font-size: 14px; line-height: 20px;}

.overview li {font-size: 14px; line-height: 20px; margin: 4px 0;}

.overview h2 {margin: 0 0 10px 0;}

.overview-rt {
	width: 225px;
	height: auto;
	float: right;	
	text-align: center;
}

.overview-lt {
	width: 460px;
	height: auto;
	float: left;	
	max-width: 100%;
}

.overview-sub {
	background: url(../images/img-arrow-lg.png) no-repeat left top;
	width: auto;
	height: auto;
	margin: 20px 0;
	padding: 0 0 0 45px;	
}

.overview-sub div {float: right; width: 112px; margin: 0;}
.overview-sub p {font-size: 12px; color: #3d4850; line-height: 16px; margin: 0;}

.overview-sub h4 {font: 14px Arial, Helvetica, sans-serif; font-style: italic; margin: 0; padding: 0; border: none; text-transform: none;}
.overview-sub h4 a {color: #718fa8;}
.overview-sub h4 span {font-style: normal; font-weight: bold;}

.altbkg { /* background: url(../images/bkg-cols-rt2.gif) repeat-x top; */ border-top: 5px solid #dae3ec; }

.tabbedbox {
	width: 730px;
	height: auto;
	margin: 0 20px;
	padding: 0;
	border: 1px solid #91a5b6;	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-khtml-border-radius: 6px;

	background-clip: border-box;
	overflow: hidden;
}

.tabtitle {
	display: none;
}

.all .tabtitle {
	display: block;
	font-size: 12px;
	color: #000;
}
.all .tab-txt {
	border:1px solid black;
}

ul.tabitems {display: block; list-style-type: none; margin: 0; padding: 0; background-color:#EAEFF4;}
ul.tabitems li {display: block; list-style-type: none; margin: 0; padding: 0; font-size: 12px; text-transform: uppercase; float: left;  height: 40px;}

ul.tabitems li a {
	color: #30353c;	
	background: #eaeff4;
	display: block;
	height: 30px;
	padding: 10px 25px 0;
	text-align: center;
	border-left: 1px solid #91a5b6;
	border-bottom: 1px solid #91a5b6;
	font-weight: bold;
}
ul.tabitems li:first-child a{
	border-left:none;
}
ul.tabitems li a:hover {background: #fff;}
ul.tabitems li a.on {background: #fff; border-bottom: none; color:#195095;}


.tab-txt {
	width: auto;
	height: auto;
	margin: 0;
	padding: 20px;
	text-align: left;
	clear: both;
}

.tab-txt ul {display: block; list-style-type: none; margin: 0; padding: 0;}
.tab-txt li {display: block; list-style-type: none; margin: 15px 0; padding: 0 0 0 15px; font-size: 12px; background: url(../images/img-arrow-sm.gif) no-repeat left top;}
.tab-txt li span {font-weight: bold; text-transform: uppercase;}

.newsItem{
	margin:10px;	
}

/* root element for accordion */
#accordion {   
    margin:10px;
}

#accordion h3{
	cursor:pointer;
}

/* accordion pane */
#accordion .pane {    
    display:none;   
    border-bottom: 3px solid #DEE7EF;
}


#msg{
	font-weight:bold;
	margin:10px;
}

#messages{
	font-weight:bold;
	margin:10px;	
}

#searchterms{
	margin:0 0 0 5px!important;
}

#recaptcha_area{
	margin:0 0 0 105px;
}

.choice-buttons{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	/*width: 660px;*/
}

.choice-buttons-rt {
	float: right;
	width: 320px;
	height: auto;
	margin: 0;
	padding: 0;	
}

.choice-buttons-lt {
	float: left;
	width: 320px;
	height: auto;
	margin: 0;
	padding: 0;	
}

.torque-btn{
	margin:0 10px;
	background: url("../images/btn-bg.png") no-repeat scroll 0 0 transparent;
    font-size: 16px;
    height: 37px;
    line-height:37px;   
    width: 159px;	
    display:inline-block;
    color:#fff;
    text-align:center;
    border:3px solid #fff;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

.torque-btn:hover{
	margin:0 10px;
	background: url("../images/btn-bg.png") no-repeat scroll -174px 0 transparent;
    font-size: 16px;
    height: 37px;
    line-height:37px;   
    width: 159px;	
    display:inline-block;
    color:#fff;
    text-align:center;
    border:3px solid #fff;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}


.temp-btn{
	margin:0 10px;
	background: url("../images/btn-bg.png") no-repeat scroll -174px 0 transparent;
    font-size: 16px;
    height: 37px;
    line-height:37px;   
    width: 159px;
    display:inline-block;
    color:#fff;
    text-align:center;
    border:3px solid #fff;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.temp-btn:hover{
	margin:0 10px;
	background: url("../images/btn-bg.png") no-repeat scroll 0 0 transparent;
    font-size: 16px;
    height: 37px;
    line-height:37px;   
    width: 159px;
    display:inline-block;
    color:#fff;
    text-align:center;
    border:3px solid #fff;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

h3.thank-you{
	border:none!important;
	text-align:center!important;
	text-transform:none!important;
}

/***Tony Aslett's clearing hack***/
.clearing:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearing {
	display: inline-block;
}

/* hides from IE/Mac \*/
* html .clearing { 
	height: 1%;
}

.clearing {
	display: block;
}
/* end hide from IE-Mac */
/***end clearing hack***/



.disable-click {
	pointer-events: none;
	cursor: default;
}

.hide-on-desktop {
	display: none;
}

/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*Gallery Styling*//*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#cols-in-rt #gallery-page{
	display: block;
	text-align: center;
}

#cols-in-rt #gallery-details-page{
	display: block;
	text-align: center;
}

#cols-in-rt .gallery-ind{
	max-width: 148px;
	max-height: 200px;
	width: auto;
	color: #718fa8;
	font-size:14px;
	text-align: center;
	font-weight: bold;
	display: inline-block !important;
	/*margin-right: 2.557544757033248081841432225064%;
    margin-left: 2.557544757033248081841432225064%;*/
    margin-left: 12px;
    margin-right: 12px;
}

#cols-in-rt #gallery-details-page .gallery-ind, #cols-in-rt #gallery-page .gallery-ind{
	margin-top:17px;
	margin-bottom: 17px;
}

/*#cols-in-rt .gallery-ind:nth-last-child(1){
	margin-right: 0px;
}*/
#cols-in-rt .gallery-ind .gallery-image{
	background-color: #98acbd;
    height: 125px;
    line-height: 125px;
    text-align: center;
    /*width: 150px;*/
    max-height: 125px;
}
#cols-in-rt .gallery-ind .gallery-image img{
	max-width: 100%;
	vertical-align: middle;
	max-height: 125px;
}

#hm-hero{
	overflow: hidden;
	height:342px;
}




/*Hero and featured boxes */
@media screen and (max-width: 980px){
	#hm-hero {
		height: 342px;
	}

	#cols-in-rt table,
	#cols-in-rt table tbody,
	#cols-in-rt table tfoot,
	#cols-in-rt table tr,
	#cols-in-rt table td, #cols-in-rt table th, #cols-in-rt table div {
		min-width: 0px !important;
		width: auto !important;
		max-width: 100% !important;
		height:auto !important;
	}
	#cols-in-rt table{
		margin-left:auto;
		margin-right: auto;
	}

	#cols-in-rt table img {
		max-width: 100% !important;
	}
	
	#cols-in-rt iframe{
		max-width: 100% !important;
		width: auto !important;
	} 	
	#cols-in-rt img{
		max-width: 100% !important;
		height: auto !important;
		max-height: 100% !important;
	}
	#cols-in-rt .choice-buttons-lt, #cols-in-rt .choice-buttons-rt{
		max-width: 320px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	.tabbedbox {
		width: auto !important;
		max-width: 100% !important;
		display: table !important;

	}

	/*.tabbedbox .tabitems{
		display: table-row !important;
		background-color: transparent;
	}*/

	.tabbedbox .tabitems li{
		width: 100%;

	}

	.tabbedbox ul li a {
		display: block;
		width:auto;
		height: 30px;
		padding-right:5px !important;
		padding-left:5px !important;
		border-left: none;
		/*border-right: 1px solid #91a5b6;*/
	}

	
}



@media screen and (max-width: 998px){
	#hm-hero-rt .hero-ind-cont, #hm-hero-lt .hero-ind-cont {
	    margin: 170px 4.0816326530612244897959183673469% 20px 2.5510204081632653061224489795918%;
	}

	#hm-hero-rt {
		width:50%;
		padding:0px;
		background-size: contain;
	}

	#hm-hero-lt {
		width:50%;
		padding:0px;
		background-size:80%;
	}

	#hm-hero-rt .hero-ind-cont{
		margin-top: 275px;
	}

	#hm-hero-lt .hero-ind-cont{
		margin-top: 295px;
	}

	.trio{
		width: 28.163265306122448979591836734694%;
		margin-right:1.6326530612244897959183673469388%;
		padding-left: 2.0408163265306122448979591836735%;
		padding-right: 2.0408163265306122448979591836735%;
	}

	.last{
		margin-right:0px;
	}

	/*Trio Styling*/
	.trio-cols .trio-cols-rt{
		width: 63.768115942028985507246376811594%;
	}
	.trio-cols .trio-cols-lt{
		width: 36.231884057971014492753623188406%;
	}

	.trio-cols .trio-cols-rt img{
		max-width: 100%;
	}
	.trio-cols .trio-cols-lt img{
		max-width: 100%;
		height: auto !important;
	}

	#news .date{
		width: 10.869565217391304347826086956522%;
	}
	#news .item{
		width: 83.333333333333333333333333333333%;
	}
	#scroller .viewport{
		width:auto;
	}
	/*#content{
		display: table;
	}*/

	#cols-in{
		display: table-row;	
		background:none;
	}

	#cols-in-lt{
		display: table-cell;
		float:none;
		vertical-align: top;
		background: url(../images/bkg-cols.gif) repeat-y;
		min-width: 145px;
	}

	#cols-in-rt{
		display: table-cell;
		float:none;
		vertical-align: top;
		/*padding: 4px;*/
		/*width: auto;*/
	}
}

@media screen and (max-width: 880px){
	#cols-in-rt .choice-buttons .choice-buttons-lt, #cols-in-rt .choice-buttons .choice-buttons-rt {
		display: block;
		float:none;
		margin-left:auto;
		margin-right: auto;
	}
}

/*User Guides Page*/
@media screen and (max-width: 866px){
	.user-guide {
		margin-top: 25px;
		text-align: center;
		max-width: 350px;
	    margin-left: auto;
	    margin-right: auto;
	}

	.user-guide div {
		float:none !important;

		text-align: left;
	}

}

/*Contact Page*/
/*@media screen and (max-width: 980px){
	.choice-buttons-rt, .choice-buttons-lt {
		max-width: 50% !important;
	}

}*/

@media screen and (max-width: 790px){
	#cols-in-rt {
		padding-top: 0px;
	}

	#cols-in-rt .contact-page .choice-buttons-lt{
		max-width: 42.407407407407407407407407407407% !important;
		float:none;
		display: inline-block;
		margin-left: 3%;
		margin-right: 3%;
	}

	#cols-in-rt .contact-page .choice-buttons-rt{
		max-width: 56.666666666666666666666666666667% !important;
		float:none;
		display: inline-block;
		margin-left: 3%;
		margin-right: 3%;
	}
}

/*Nav*/
@media screen and (max-width: 935px){
	#navwrap {
		padding-left: 2.6737967914438502673796791443851%;
		padding-right: 2.6737967914438502673796791443851%;
	}

	#nav li{
		width: 18.181818181818181818181818181818%;
	}

	#nav li.temptrak, #nav li.torquetrak {
		width: 19.251336898395721925133689839572%;
		margin-right: 0.53475935828877005347593582887701%;
	}

	#nav li.temptrak a, #nav li.temptrak a:hover{
		width:96.969696969696969696969696969697%;
		max-width: 160px;
		padding-right:0px;
		margin-right:1.069518716577540106951871657754%;
	}

	#nav li.torquetrak a, #nav li.torquetrak a:hover {
		width:96.969696969696969696969696969697%;
		max-width: 160px;
		padding-right: 0px;
		margin-right: 1.069518716577540106951871657754%;
	}


	#nav li.temptrak ul li a, #nav li.torquetrak ul li a, #nav li.temptrak ul li a:hover, #nav li.torquetrak ul li a:hover{
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}

	#nav li.temptrak ul li a, #nav li.torquetrak ul li a, #nav li.temptrak ul li a:hover, #nav li.torquetrak ul li a:hover {
		width:auto;
	}
}
/* Was 899px for "tablet" */
@media screen and (max-width: 919px){
	/*#header{
		min-height:60px;
		max-height:60px;
	}
	#logo {
		padding-top: 20px;
	}
	#logo img.hide-on-tablet {
		display:none;
	}

	#logo img.show-on-tablet {
		display: inline-block;
		max-width: 100%:;
	}
	#logo{
		width: 33.785310734463276836158192090395%;
		bottom: -10px;
		
	}
	#logo img{
		max-width: 100%;
	}
	#header-rt{
		width: 66.214689265536723163841807909605%;
	}
	#tagline {
		display: none;
	}
	#mininav{
		width: auto;
	    height: 41px;
	    margin: 0;
	    padding: 0;
	    display: inline-block;
	    float:right;
	}
	#mininav-social{
		display: inline-block;
	    /* float: right; */
	    /*right: 0px;
	    position: relative;
	    padding-top: 18px;	
	}
	#mininav-search{
		padding-top: 22px;*/
	    /* float: right; */
	   /* position: relative;
	}*/
	#header{
		min-height: 74px;
	}

	#header-lt{
		float:none;
	}

	#tagline{
		display: none;
	}
}

/*Tablet*/
@media screen and (max-width: 768px){

}

/*#mobile-header-nav{
	display: none;
}*/


@media screen and (max-width: 675px){
	#header-rt{
		width: 66.214689265536723163841807909605%;
	}
	#tagline {
		display: none;
	}
	#mininav{
		width: 135px;
	    height: 41px;
	    margin: 0;
	    padding: 0;
	    display: inline-block;
	    float:right;
	}
	#mininav-search{
		padding-top: 22px;
	    /* float: right; */
	   position: relative;
	}
	#header{
		min-height: 74px;
	}

	#header-lt{
		float:none;
	}

	#tagline{
		display: none;
	}


	.hide-on-mobile{
		display: none;
	}
	.show-on-mobile{
		display: block;
	}
	#header{
		min-height: 60px;
	}

	#header-wrap{
		padding-right:10px;
		width:auto;
	}

	#logo {
		padding-top: 20px;
		width: 100%;
		max-width: 300px;
		position: absolute;
		z-index: 1998;
	}

	#logo img.hide-on-tablet {
		display:none;
	}

	#logo img.show-on-tablet {
		display: inline-block;
		max-width: 100%:;
	}
	/*#logo{
		width: 33.785310734463276836158192090395%;
		bottom: -10px;
		
	}*/
	#logo img{
		max-width: 100%;
	}

	#mininav-search{
		display: none;
	}

	#mininav-social{
		display: none;
	}
	#mobile-header-nav, #mobile-footer-nav{
		display: inline-block;
		background: linear-gradient(180deg, #092343, #133e74) #0d2c53;
		width: 100%;
		list-style: none;
		padding:0px;
		position: fixed;	
		top:0px;
		z-index:2000;
	}

	#mobile-footer-nav{
		position: absolute;
	    bottom: 0px;
	    margin-top: -275px;
	}
	#mobile-header-nav li, #mobile-footer-nav li {
		list-style: none;
		text-align: left;
	}
	#mobile-header-nav li a, #mobile-footer-nav li a {
	    color: #ffffff;
	    border-bottom: 2px solid #1b477d;
	    display: block;
	    width: 71.25%;
	    font-size: 18px;
	    min-height: 42px;
	    line-height: 42px;
	    margin-left: auto;
	    margin-right: auto;
	    position: relative;
	    text-align: center;
	    /* padding-right: 13.75%; */    
	}

	.mobile-header-close-button, .mobile-footer-close-button {
		position: absolute;
		top: 10px;
    	left: 10px;
		z-index: 2001;
		width: 20px;
		height: 20px;
		background:url(../images/mobile-nav-close.png) center center no-repeat;
		cursor: pointer;
	}
	
	#mobile-header-nav li a .img-cont {
		min-width: 17px;
	    min-height: 40px;
	    background: url(../images/mobile-nav-item-off.png) no-repeat left center;
	    display: inline-block;
	    /*position: absolute;*/
	    padding-right: 26.321%;
	    text-align: left;
	    float:right;
	    top: 16px;
	}
	#mobile-header-nav li a.on .img-cont {
		background: url(../images/mobile-nav-item-on.png) no-repeat center center;
	}

	#mobile-header-nav li ul {
		padding:0px;
		display: none;
	}
	#mobile-header-nav li ul li a {
		border-bottom: none;
	}

	#mobile-header-nav #mininav-social {
		display: inline-block;
		float:none;
		width:35px;
		padding:0px;
	}

	#mobile-header-nav #mininav-social ul{
		display: inline-block;
	}

	#mobile-header-nav #mininav-social ul li a{
		min-width: 27px;
		height:27px;
	}


	#mobile-header-menu-button, #mobile-footer-menu-button {
		background-color: #0e2b54; 
		color: #ffffff;
		font-size: 14px;
		text-transform: uppercase;
		width: 140px;
		height: 30px;
		line-height: 30px;
		cursor:pointer;
		z-index: 1999;
		position: relative;
	}
	#mobile-footer-menu-button {
		width: 100%;
	}
	#mobile-header-menu-button.on, #mobile-footer-menu-button.on{

	}
	#mobile-header-menu-button #header-menu-button-image, #mobile-footer-menu-button #footer-menu-button-image{
		min-width: 14px;
	    min-height: 10px;
	    background: url(../images/menu-lines-off.png) no-repeat center center;
	    display: inline-block;
	    padding-left: 3px;
	    /* padding-right: 3px; */
	    margin-right: -5px;
	}
	#mobile-subnav{
		list-style: none;
	}

	#mobile-subnav .subnav-toggle-image{
		width: 30px;
		height: 30px;
		background: url(../images/mobile-nav-item-off.png) center center no-repeat;		
		position: absolute;
	    z-index: 1999;
	    vertical-align: middle;
	    padding-top: 7px;
	    padding-bottom: 5px;
	    padding-left: 5.3435114503816793893129770992366%;
    	padding-right: 5.3435114503816793893129770992366%;	
    	right: 20%;														
	}

	#mobile-subnav .subnav-toggle-image:hover{
		cursor: pointer;
	}

	#mobile-subnav .subnav-toggle-image.on{
		background: url(../images/mobile-nav-item-on.png) center center no-repeat;																	
	}
	/*#mobile-subnav li a, #mobile-subnav #subnav-path-parent .main-title {
	    color: #ffffff;
	    border-bottom: 2px solid #1b477d;
	    display: block;
	    width: 71.25%;
	    font-size: 18px;
	    min-height: 42px;
	    line-height: 42px;
	    margin-left: auto;
	    margin-right: auto;
	    position: relative; 
	    
	}*/

	#mobile-subnav ul{
		list-style: none;
		padding:0px;
	}

	#mobile-subnav{
		display: inline-block;
		background: linear-gradient(180deg, #092343, #133e74) #0d2c53;
		width: 100%;
		list-style: none;
		padding:0px;
		top:0px;
		z-index:1900;
	}
	#mobile-subnav li {
		list-style: none;
		text-align: left;
		max-width: 	100%;
		display: 	block;
	}
	#mobile-subnav li > li {
			max-width: 	100%;
	}
	#mobile-subnav li a, #mobile-subnav #subnav-path-parent .main-title {
	    color: #ffffff;
	    border-bottom: 2px solid #1b477d;
	    display: block;
	    width: 70%;
	    font-size: 18px;
	    min-height: 42px;
	    line-height: 42px;
	    margin-left: auto;
	    margin-right: auto;
	    position: relative;
	    text-align: left;
	    padding-left: 18.75%;
	    /* padding-right: 13.75%; */    
	}

	#mobile-subnav li a.on{
		/*border-bottom: none;*/
		
	}

	#mobile-subnav li a.on span.mobile-nav-title{
		font-weight: bold;
		/*text-decoration: underline;*/
		color: #99acbc;
	}

	#mobile-subnav li ul li a.on .mobile-nav-child-title {
		font-weight: bold;
		/*text-decoration: underline;*/
		color: #99acbc;
	}

	#mobile-subnav #subnav-path-parent a.main-title{
		padding-left: 16%;
		width: 75.75%;
		font-weight: bold;
		cursor: pointer;
	}
	/*#mobile-subnav .sub li{
		padding-left: 40px;
	}*/
	#mobile-subnav .sub li a {
		border-bottom: none;
		padding-top: 4px;
		padding-bottom: 4px;
	}

	#mobile-subnav .sub li:nth-last-child(1) a{
		border-bottom: 2px solid #1b477d;
	}

	/*#mobile-subnav ul ul li a{
		padding-left: 28.75%;
		display: 	block;
	}*/
	#mobile-subnav span.mobile-nav-title{
		display: inline-block;
		width: 50%;
		max-width: 310px;
		height: auto;
		text-align: left;
		line-height: normal;
		vertical-align: middle;
		padding-top: 2px;
		padding-bottom: 2px;
		
	}

	#mobile-subnav span.mobile-nav-child-title{
		display: inline-block;
		text-align: left;	
		line-height: normal;
		vertical-align: middle;	
		padding-top: 2px;
		padding-bottom: 2px;
/*		padding-left:40px;*/
		margin-left:40px;	
		/*margin-left: 40px;*/
	}

	#mobile-subnav li a .img-cont, #mobile-subnav #subnav-path-parent .main-title .img-cont {
		min-width: 17px;
	    min-height: 40px;
	    background: url(../images/mobile-nav-item-off.png) no-repeat left center;
	    display: inline-block;
	    /*position: absolute;*/
	    padding-right: 26.321%;
	    text-align: left;
	    float:right;
	    top: 16px;
	}
	#mobile-subnav li a.on .img-cont, #mobile-subnav #subnav-path-parent .main-title.on .img-cont {
		background: url(../images/mobile-nav-item-on.png) no-repeat left center;
	}


	/*Page Title*/
	#title{
		padding: 15px 20px 45px 0px;
	}

	.trio{
		width: 92.653061224489795918367346938775%;
		max-width: 100%;
		display: block;
		background:url(../images/trio-responsive-bg.jpg) repeat-x center center;
		margin-right:1.6326530612244897959183673469388%;
		margin-left:1.6326530612244897959183673469388%;
	}

	.trio-cols .trio-cols-lt{
		width: 20%;
	}

	.trio-cols .trio-cols-rt{
		width: 78%;
	}

	#scroller{
		background:url(../images/bkg-scroller-responsive.png) repeat-x center center;
	}

	#cols-in{
		display: block;	
		background:none;
	}

	#cols-in-lt{
		display: none;
		vertical-align: top;
		background: url(../images/bkg-cols.gif) repeat-y;
	}

	#cols-in-rt{
		display: block;
		vertical-align: top;
		max-width: 100%;
		padding-left: 6px;
    	padding-right: 6px;
		width: auto;
	}

	#cols-in-rt .overview{
		padding:5px;
	}	

	/*Footer Social Media Icons*/
	#footer{
		padding-top:10px;
		padding-bottom: 10px;
		margin-left: 10px; /* 75px with social icon */
		margin-right: 10px;
		width:auto;
		text-align: center;
/*		margin-right: 25px;*/
	}

	#footer-social-cont{
		left: 12px;
		top: 10px;
	}

}

@media screen and (max-width:480px){
	#cols-in-rt object#binPlayer, #cols-in-rt embed{
		max-width: 100% !important;
		width: 100% !important;
		/*height: auto !important;*/
	}
}

/*Some trio changes*/
@media screen and (max-width:450px){
	/*Trio Styling*/
	.trio-cols .trio-cols-rt{
		width: 63.768115942028985507246376811594%;
	}
	.trio-cols .trio-cols-lt{
		width: 36.231884057971014492753623188406%;
	}
}

/*Full Mobile*/
@media screen and (max-width:320px){
	
}

.torquetrak-ad {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin: -20px;
	}

		.ad-section {
			display: inline-block;
			vertical-align: top;
			width: 32%;
			padding: 20px 5px;
			text-align: center;
		}

		.ad-section > h2 {
			font-family: Arial;
			font-weight: 700;
		}

		.ad-section > .underline {
			border-bottom: 4px solid #bac9d4;
			max-width: 184px;
			margin-left: auto;
			margin-right: auto;
			padding-top: 2px;
		}

			.ad-section:nth-child(2n) {
				background-color: rgba(92, 121, 157, .2);
			}

			.ad-section .ad-product {
				margin-top: 30px;
			}

				.ad-section .ad-product .ad-image {
					min-height: 150px;	
					height: 150px;
					padding-bottom: 15px;
				}

					.ad-section .ad-product .ad-image img {
						max-width: 100%;
					}

				.ad-section .ad-product h2 {
					font-family: 'Arial';
					font-weight: normal;
					text-align: center;
				}