html {overflow-x: hidden;}

body{
	margin:0 auto;
	color:#555;
	font:13px Helvetica, Arial, Verdana, Geneva, sans-serif;
	background:#FFF;
	min-width:960px;
	position:relative;
	letter-spacing:-0.1px;
}
img{border:0;}
a{
	color:#f26522;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
.header-holder{
	background:url(../images/bg-header.gif) repeat;
	width:100%;
}
a:focus {
	outline: none;
}
.floatRight {
	float:right;
}
.floatLeft {
	float:left;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
}
.tab-content img.floatLeft, img.floatLeft {
	margin: 0 10px 10px 0;
}
.tab-content img.floatRight, img.floatRight {
	margin: 0 0 10px 10px;
}
#header{
	width:960px;
	margin:0 auto;
	padding:20px 0 0;
	border-bottom:1px solid #000;
}
#header:after,
#twocolumns .frame:after,
.items-box:after{
	clear: both;
	content:"";
	display: block;
}
.logo{
	float:left;
	width:205px;
	height:73px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo.gif) no-repeat;
	margin:0 0 0 3px;
}
.logo a{
	height:100%;
	display:block;
}
.nav{
	margin:0;
	padding:55px 0 0;
	list-style:none;
	float:right;
}
.nav li{
	float:left;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	padding:0 0 18px 48px;
	text-transform:uppercase;
}
.nav a{
	color:#fff;
	float:left;
}
.nav a:hover,
.nav li.active a{
	background:url(../images/bg-nav-hover.gif) no-repeat 50% 100%;
	margin:0 0 -19px;
	padding:0 0 19px;
	position:relative;
	text-decoration:none;
	color:#7f7f7f;
}
.visual-wr{
	width:100%;
	background:#666;
	position:relative;
	overflow:hidden;
	text-align: center;
	margin: 0 auto;
}
.visual{
	position:relative;
	width:100%;
	background:url(../images/bg-visual-border.gif) repeat-x 0 100%;
	overflow:hidden;
	padding:0 0 2px;
}
.visual-wr .v1{
	float:left;
	width:1306px;
	position:relative;
	left:50%;
}
.visual-wr .v2{
	float:left;
	position:relative;
	width:960px;
	left:-50%;
	padding:0 173px;
	background:#93a1c2;
}

.visual-wr .v2.home{
	background:url(../images/home-banner.jpg) center center no-repeat #93A2C3;
	height: 195px;
}

.promo-box{
	width:960px;
	background:#fff;
	overflow:hidden;
}
.list{
	margin:0;
	padding:0 20px 0 0;
	list-style:none;
	float:left;
	width:258px;
	overflow:hidden;
}
.list li{
	height:72px;
	vertical-align:middle;
	float:left;
	width:256px;
	border-bottom:1px solid #FFF;
}
.list li a{
	background:url(../images/tab-bgd.png) no-repeat;
	padding:14px 9px 3px 12px;
	overflow:hidden;
	height:55px;
	display:block;
	color:#323232;
	font-size:12px;
}
.list .border{
	background:url(../images/bg-border.png) no-repeat;
	padding:5px 6px 6px 5px;
	float:left;
	margin:-4px 5px 0 0;
}
* html .list .border{margin-right:2px;}
.list li a img{
	display:block;
}
.list li a span,
.list li a strong{
	display:block;
	overflow:hidden;
	letter-spacing:-0.3px;
	vertical-align:top;
}
.list li a strong{font-size:13px;}
.list a:hover,
.list .active a{
	background:url(../images/tab-active.png) no-repeat -158px center transparent;
	width:277px;
	margin:0 -20px 0 0;
	position:relative;
	text-decoration:none;
	cursor:pointer;
}
.list a:hover strong,
.list .active a strong{color:#fff; padding-right: 45px;}
.promo{
	overflow:hidden;
	height:1%;
	position:relative;
	padding:6px 10px 0 10px;
}
* html .promo{padding-left:26px;}
.promo img{display:block;}
.promo .text-box{
	position:absolute;
	right:10px;
	bottom:16px;
	text-align:left;
	color:#000;
	font-size:14px;
	width:270px;
}
.promo .text-box p{
	margin:0;
	letter-spacing:-0.3px;
	line-height: 18px;
}
.promo .text-box p span{display:block;}
.promo .text-box p strong{
	color:#f26622;
	font-size:20px;
	line-height:26px;
}
.main-content{
	width:960px;
	margin: 0 auto;
	background:#FFF;
	padding-bottom: 25px;
}
	.main-content.home {
		background: url(../images/main-content-bgd.gif) repeat top left #FFF;
	}
	
#main{
	overflow:hidden;
	width:960px;
	background:url(../images/bg-main-shadow.gif) no-repeat 50% 0 ;
	margin:0 auto;
}
#main.main-container{
	background:none;
	padding:22px 0 0;
}
#twocolumns{
	width:100%;
	/* margin:0 0 10px; */
}
#twocolumns .frame{
	height:1%;
	padding:8px 0;
}
#main.main-container #twocolumns{background:url(../images/bg-twocolumns.gif) repeat-y -44px 0;}
#main.main-container #twocolumns .holder{background:url(../images/bg-twocolumns-t.gif) no-repeat 695px 0;}
#main.main-container #twocolumns .frame{background:url(../images/bg-twocolumns-b.gif) no-repeat 695px 100%;}
#content{
	float:left;
	width:700px;
}
#main.main-container #content{
	width:670px;
	margin:-13px 0 0;
	position:relative;
}
#main.main-container h2{
	margin:0 0 5px;
	color:#f26622;
	font-size:20px;
	vertical-align:top;
	font-weight:normal;
}

.newsroom #main.main-container h2 {
	margin-bottom: 25px;
}

#main.main-container h3{
	color:#555;
	font-size:14px;
	margin:0 0 10px;
	text-transform:uppercase;
}
	.newsroom #main.main-container h3 {
		margin: 0;
		color: #999;
		font-size: 12px;
		text-transform: capitalize;
	}
h4 {
	color: #333;
}
#content h1{
	margin:0 -10px 8px 0;
	font-size:20px;
	font-weight:normal;
	line-height:24px;
	position:relative;
	color: #F26622;
}
#content .text{
	padding:0 0 22px;
	position:relative;
}

#content .text h2 {
	font-size: 16px;
}

#content p{
	line-height:17px;
	margin:0 0 10px;
	letter-spacing:-0.3px;
}
#content p a{font-weight:bold;}
#sidebar{
	float:right;
	width:190px;
	margin:0 10px 0 0;
	display:inline;
}

#sidebar.home {
	width: 165px;
	margin-left: 10px;
	float:none;
}

#sidebar.home a {
	color: #144a8e;
}
#main.main-container #sidebar{
	width:230px;
	margin-top:-8px;
	background: #FFF;
}
#main.main-container #sidebar h3{margin:0 0 15px;}
.sub-nav{
	margin:0;
	padding:0 0 12px;
	list-style:none;
}
.sub-nav li{
	border-bottom:1px solid #919191;
	font-weight:bold;
	font-size:14px;
	padding:13px 8px;
	letter-spacing:-0.3px;
	display: table;
}
.sub-nav li a{color:#474747;}
.social{
	margin:0;
	padding:0 0 0 8px;
	list-style:none;
	overflow:hidden;
	height:1%;
}
#main.main-container #sidebar .social{
	padding:0;
	margin:0 0 27px -24px;
}
.social li{
	float:left;
	margin:0 0 0 24px;
	display:inline;
}
#main.main-container #sidebar .social li{margin:0 0 0 37px;}
.social li a{
	float:left;
	height:17px;
	overflow:hidden;
	text-indent:-9999px;
}
.social .facebook{
	background:url(../images/icons.gif) no-repeat;
	width:17px;
}
.mail{
	background:url(../images/icons.gif) no-repeat 0 -17px;
	width:22px;
	display: block;
	text-indent: -9999px;
	float: right;
	margin: 0 10px 0 0;
}
.social .twitter{
	background:url(../images/icons.gif) no-repeat 0 -34px;
	width:17px;
}
.in{
	width:19px;
	background:url(../images/icons.gif) no-repeat 0 -52px;
	display: block;
	text-indent: -9999px;
	float: right;
	margin: 0 10px 0 0;
}
.wrapp-navbar{
	overflow:hidden;
	height:1%;
	margin:0 0 15px;
}
.navbar{
	margin:0 0 -18px;
	padding:0 0 17px 4px;
	list-style:none;
	overflow:hidden;
}
.navbar ul{
	margin:0;
	padding:7px 0 0 23px;
	list-style:none;
}
.navbar li{
	/* background:url(../images/bg-border-list.gif) no-repeat 10px 100%; */
	border-bottom: 1px solid #CCC;
	padding:7px 0 10px 0;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	letter-spacing:-0.3px;
}
.inner-navbar{margin-top:-20px;}
.inner-navbar li{padding:22px 0}
.navbar li strong{
	display:block;
	background:url(../images/bg-navbar.gif) no-repeat 0 2px;
	padding:0 0 0 12px;
}
.navbar li a{color:#474747;}
.navbar li li{
	background:url(../images/bullet-navbar.gif) no-repeat 0 7px;
	padding:0 0 8px 10px;
	font-weight:normal;
	letter-spacing:0;
	border:0;
}
.three-cols{
	overflow:hidden;
	width:960px;
	margin:0 -20px 0 0;
	position: relative;
	padding: 0 9px;
	background: none;
}
.three-cols .col{
	float:left;
	width:310px;
	margin:0 0 0 6px;
	padding-top: 4px;
	font-size:12px;
	background: url(../images/snippet-header.gif) repeat-x center top transparent;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#main .col h2{
	color:#d15200;
	font-size:14px;
/* 	height: 32px; */
	line-height: normal;
	overflow: hidden;
	margin: 8px 0;
	font-weight: normal;
}

.newsroom #main .col h2 {
	margin-bottom: 10px;
	margin-top: -3px;
}
#main .col h2 a {
	color: #444;
}

.newsroom #main .col h2 a {
	color: #F26522;
}

#sidebar .col h2{margin:0 0 15px !important;}

.three-cols .col .date {
	display:block;
	font-size:14px;
	font-style:normal;
	margin:2px 0 4px;
}

#main .col p{
	margin:0 0 2px;
	line-height:14px;
	letter-spacing: normal;
	line-height: normal;
}

.link-wrap{
	overflow:hidden;
	text-align:right;
	margin-top: 10px;
}
.three-cols.home .link-wrap{
	overflow:hidden;
	text-align:right;
	position: absolute;
	bottom: 8px;
	margin-left: 220px;
}
.more{
	font-weight:bold;
	font-size:12px;
}
.three-cols .col-mark,
#sidebar .col-mark{
	width:310px;
	margin:0;
	padding:4px 0px 0px 0px;
	font-size:12px;
	background: url(../images/snippet-header.gif) repeat-x center top transparent;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.three-cols .snippet1, .snippet2, .snippet3 {
	border: 1px solid #D7D7D7;
	padding: 0 10px;
	height: 180px;
	background: #FFF;
}

.home .col em {
	color: #FFF !important;
	font-size: 14px;
	font-weight: normal;
	padding-left: 10px;
}

.snippet1 + p + .link-wrap a, .snippet2 + p + .link-wrap a, .snippet3 + p + .link-wrap a {
	padding: 5px;
	background: #b5d99a;
	color: #FFF !important;
	display: table;
	float: right;
}

.snippet2 + p + .link-wrap a {
	background: #93a1c2;
}

.snippet3 + p + .link-wrap a {
	background: #397c3c;
}


#sidebar .col-mark{
	background:url(../images/bg-col-mark-sb.gif) no-repeat;
	height:154px;
	width:239px;
	margin:0 -10px 0 0;
	position:relative;
}
.three-cols .col-mark .more{color:#dc5d00;}
.items-box{
	width:100%;
	padding:8px 0 1px;
}
.visual h1{
	margin:0;
	padding:25px 0 0;
	overflow:hidden;
	font-size:27px;
	line-height:29px;
	color:#1c1c1c;
	text-transform:uppercase;
	position:relative;
	z-index:10;
	float:left;
}
.items{
	margin:-6px -14px -3px -150px;
	padding:0;
	list-style:none;
	float:right;
	overflow:hidden;
	display:inline;
}
* html .items{
	position:relative;
	z-index:3;
}
* + html .items{
	position:relative;
	z-index:3;
}
.items.prods li{
	min-height:109px;
}
.items li{
	float:left;
	text-align:center;
	padding:0 0 0 2px;
	background:url(../images/separator-items.gif) no-repeat 0 10px;
	margin:0 2px -1px -2px;
	position:relative;
	z-index:2;
	overflow:hidden;
}
	.applications .items li {
		margin: 0 2px -9px -2px;
	}
* html .items li{height:109px;}
* +html .items li{height:109px;}
.items li span{
	float:left;
	height:90px;
	z-index:2;
	overflow:hidden;
	padding:0 17px;
}
.items li img{float:left;}
.items li a{
	color:#000;
	font-size:14px;
	font-weight:bold;
	float:left;
	padding:0 0 3px;
	cursor:pointer;
	position:relative;
}
.items li a strong{
	clear:both;
	display:block;
}
.items li a:hover,
.items li.active a{
	color:#f26522;
	text-decoration:none;
	background:#f0f2f7;
}
.items.items-list.prods li{
	height:109px;
}
.items.items-list li{
	display:table;
	height:78px;
	background:url(../images/separator-items-other.gif) repeat-y 0 100%;
}
.items.items-list li strong{
	display:table-cell;
	vertical-align:bottom;
}
	.applications .items.items-list li strong {
		vertical-align:middle;
	}
.items.items-list li a{
	padding:60px 0 3px;
	float:none;
	display:block;
	width:110px;
}
	.applications .items.items-list li a {
		padding:20px 8px;
		height: 50px;
	}
.tabset{
	margin:0;
	padding:0;
	list-style:none;
	width:670px;
	overflow:hidden;
	background:url(../images/bg-tabset.gif) no-repeat;
}
.tabset li{
	float:left;
	font-weight:bold;
	font-size:13px;
	line-height:23px;
}
.tabset li a{
	float:left;
	padding:0 15px 7px;
	color: #FFF;
}
.tabset li a:hover,
.tabset li a.active{
	color:#144a8e;
	background:url(../images/arrow.gif) no-repeat 50% 100%;
	text-decoration:none;
}
.tab-content{
	width:670px;
	padding:19px 0;
}
.gallery-box{padding:0 0 10px;}
.gallery{
	border:1px solid #000;
	padding:5px 0 0;
	position:relative;
}
.gallery div{
	width:470px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
.gallery ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:99999px;
}
.gallery ul li{
	float:left;
	width:470px;
}
.gallery ul li img{
	display:block;
	margin:0 auto;
}
.switcher{
	width:100%;
	overflow:hidden;
	position:relative;
}
.switcher div{
	float:left;
	position:relative;
	left:50%;
}
.switcher ul{
	margin:0;
	padding:6px 21px 0 0;
	list-style:none;
	float:left;
	position:relative;
	left:-50%;
}
.switcher ul li{
	float:left;
}
.switcher ul li a{
	float:left;
	background:url(../images/bg-switcher.gif) no-repeat -13px 0;
	width:9px;
	height:9px;
	overflow:hidden;
	margin:0 2px;
	text-indent:-9999px;
}
.switcher ul li.active a,
.switcher ul li a:hover{background-position:0 0;}
.prev,
.next{
	width:28px;
	height:25px;
	position:absolute;
	top:123px;
	text-indent:-9999px;
	overflow:hidden;
	z-index:99;
}
.prev{
	left:10px;
	background:url(../images/btn-prev-next.gif) no-repeat;
}
.next{
	right:10px;
	background:url(../images/btn-prev-next.gif) no-repeat 0 -25px;
}
.sub-ttl{
	display:block;
	font-size:16px;
	margin:-3px 0 9px;
}
.link-list{
	margin:-6px 0 6px;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:100%;
	position:relative;
}
.link-list li{
	float:left;
	padding:0 16px 0 0;
}
.link-list a{
	float:left;
	padding:0 0 0 18px;
	font-weight:bold;
	line-height:16px;
	color:#f26622;
}
.paging{
	overflow:hidden;
	width:100%;
	padding:23px 0 0;
}
.paging .num-page{
	float:left;
	padding:2px 1px 0 0;
	line-height:21px;
}
.paging ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
.paging ul li{
	float:left;
	padding:2px;
	font-weight:bold;
}
.paging ul li a{
	float:left;
	padding:3px 6px;
	color:#fff;
	background:#f16600;
	line-height:16px;
	text-decoration:none;
}
.paging ul li a:hover,
.paging ul li.active a{
	background:#fff;
	color:#2e2419;
}
.permalink{background:url(../images/icon1.gif) no-repeat;}
.share{background:url(../images/icon2.gif) no-repeat;}
.back{
	position:absolute;
	top:0;
	right:-1px;
	font-weight:bold;
	color:#f26622;
	letter-spacing:-0.3px;
}
.footer-area{border-top: 6px solid #f26522; background: #000;}
#footer{
	width:960px;
	overflow:hidden;
	margin:0 auto;
	color:#fff;
	font-size:11px;
	padding:30px 0;
}
.footer-link-box{
	overflow:hidden;
	height:1%;
}
.footer-link-box .col{
	float:left;
	margin-right:5px;
	padding:0 6px 0 0;
	width:150px;
}
.footer-link-box .col .ttl{
	display:block;
	font-size:12px;
	margin:0 0 5px;
	color:#F26522;
}
.footer-link-box .col ul{
	margin:0;
	padding:0;
	list-style:none;
	line-height:13px;
}

.footer-link-box .col ul li {
	border-left:5px solid #CCC;
	margin:5px 0;
	padding-left:5px;
}

.footer-link-box .col ul a{color:#fff;}
.copy{
	margin:-8px 0 0;
	text-align:right;
}
.copy p{
	display:inline;
	margin:0;
	font-size: 14px;
}
.copy ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	display:inline;
	height:1%;
}
.copy ul li{
	display:inline;
	background:url(../images/separator-footer-nav.gif) no-repeat 100% 2px;
	margin:0 -1px 0 1px;
	padding:0 6px 0 2px;
}
.copy img{margin:0 25px 0 0;}
.copy ul li a{color:#fff;}

/* js styles */
.slideset {
	position: relative;
	float: right;
	width: 682px;
	height: 290px;
}
.slideset .slide {
	position: absolute;
	width: 682px;
	top: 0;
	left: 0;
}
.slideset div.active {
	z-index: 1;
}
.tabset a:focus,
.gallery-box a:focus,
.promo-box ul.list a:focus {outline: none;}

div.loading {
	background:url(../images/ajax-loading.gif) no-repeat 50% 50%;
}

.slideset li {
	background: url("../images/bg-navbar.gif") no-repeat scroll 0 0 transparent;
	list-style:none outside none;
	margin-bottom:5px;
	margin-left:-35px;
	padding-left:10px;
}
	
.defects {
	margin: auto;
	display: table;
	text-align: center;
}
.defects  img {
	border: 10px solid #3C371C;
}

img.borderFrame {
	border:1px solid #CCCCCC;
	margin:5px;
	padding:5px;
}

.tab-content table.defects td {
	background-color: #FFF;
	border: none;
}

#content table.standard td {
	vertical-align: top;
	padding: 5px 5px 5px 0;
}

#respond {
	color:#CCCCCC;
	margin:0 auto;
	width:700px;
	padding-right: 260px;
}

.nocomments {
	display: none;
}

#content .col {
	margin-bottom: 10px;
}
	.newsroom #content .col {
		margin-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #CCC;
	}
	.newsroom #content {
		color: #000;
	}
.alignleft, .tab-content table.alignLeft td {
	text-align: left;
	background: #FFF;
}

table.compare {
	width: 100%;
	background: #FFF;
}

tale.compare th {
	background: #EEE;
}

table.compare td.image {
	text-align: center;
	border-top: 1px solid #EEE;
	background: #FFF;
}

table.compare ul {
	list-style-position:inside;
}

table.compare ul.floatLeft {
	list-style-position:outside;
	margin-left:-10px;
	width:70px;
}

img + h3 {
	margin-top: 40px !important;
}

.home #twocolumns .holder {
	width: 960px;
	margin: auto;
	background: transparent;
	color: #444;
}

.home #twocolumns #content {
	width: auto;
	padding: 0 10px;
} 

.home #twocolumns h1 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: normal;
    padding: 5px 0 0 0;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}

.home #twocolumns p {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: normal;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}

.home #twocolumns .frame {
	background: none;
	border-top: 1px solid #666;
	margin-top: -1px;
	z-index: 999999;
	position: relative;
}

.home #twocolumns + #main {
	background: none;
	overflow: visible;
}

.snippet-divider {
	background: url(../images/snippet-divider.png) no-repeat center center #FFF;
	width: 6px;
	height: 302px;
	margin-left: 5px;
	margin-right: -5px;
}

.customers hr {
	float: none;
	clear: both;
}

.customers img {
	float: right;
	margin: 5px 0 5px 5px;
}

.customers h1 a {
	color: #000 !important;
}

a img:hover {
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
