@charset "utf-8";
/* CSS Document */

/* #########################################################################################################################
 
 
	   Project       :      VIA - Optronics 
	   Developer     :      Bridge - India 
	   Date          :      06 May 2010
	   Version       :      1.0 


#########################################################################################################################*/

/*############################################# --- Global Styles ---  ##################################################*/
html, body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#101010;
	font-weight:normal;
	line-height:24px;
	background:#F1F1F1;
}
* {
	margin:0;
	padding:0;
}
a {
	outline:0;
	color:#101010;
	text-decoration:none;
}
a:hover, a:focus {
	outline:0;
}
.clearbg {
	background:none !important;
}
.marginremover {
	margin:0px !important;
}
.paddingremover {
	padding:0px !important;
}
/*############################################# --- General Styles  ---  ##################################################*/
#global-container {
	width:100%;
	height:auto;
	overflow:hidden;
	border-top:5px solid #191919;
}
#wrapper {
	width:1000px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.login-block {
	width:420px;
	height:25px;
	float:right;
	padding-right:20px;
}
.download-link{
width:auto;
padding-right:6px;
color:#111;
font-size:12px;
font-weight:bold;
text-decoration:underline;
float:left;
letter-spacing:1px;
}
.download-link a{
color:#111;
text-decoration:underline;
}
.download-link a:hover{
color:#111;
text-decoration:none;
}
.language-block {
	width:135px;
	float:left;
	height:25px;
}
.languagelink {
	width:25px;
	height:15px;
	padding:5px 10px 0px 8px;
	background:url(../images/flag-splitter.gif) right no-repeat;
	float:left;
}
.login-box {
	width:274px;
	height:25px;
	background:url(../images/login-block-bg.png) right no-repeat;
	float:right;
}
.searchfield-container {
	float:left;
	padding:2px 0px 0px 45px;
}
.search-button-container {
	float:left;
	padding:2px 0px 0px 6px;
}
.searchfield {
	width:145px;
	height:16px;
	border:0px;
	background:url(../images/searchfield-bg.gif);
	padding:0px 2px 0px 2px;
}
.btn-search {
	width:64px;
	height:17px;
	float:left;
	background:url(../images/btn-search.png) left top no-repeat;
	padding:0px;
	text-align:center;
	color:#191919;
	font-size:11px;
	border:0px;
	outline:0px;
	padding-bottom:2px;
	line-height:16px;
}
.logo-container {
	width:1000px;
	height:115px;
	float:left;
}
.logo {
	width:180px;
	height:70px;
	float:left;
	padding:15px 0px 0px 20px;
}
.display-block {
	width:330px;
	height:48px;
	float:right;
	padding-top:50px;
	padding-right:20px;
}
.display-item {
	width:75px;
	height:43px;
	background:url(../images/display-block-bg.png) center top no-repeat;
	text-align:center;
	padding-top:10px;
	margin-right:5px;
	float:left;
}
/*.display-item:hover {
	background:url(../images/display-block-bg-mover.png) center top no-repeat;
	cursor:pointer;
}*/
.display-label {
	width:auto;
	float:left;
	margin-right:15px;
	color:#101010;
	border-bottom:1px dotted #101010;
	font-size:13px;
	font-weight:bold;
	letter-spacing:1px;
	padding-top:16px;
}
.nav-container{
    width:960px;
    height:35px;
	float:left;
	padding:0px 20px 0px 20px;
	background:none;
}
.nav {
	width:960px;
	background:#191919;
	height:35px;
}
.nav ul {
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:14px;
	font-weight:bold;
	height:35px;
}
.nav ul li {
	width:auto;
	text-align:center;
	float:left;
	padding:0px 30px 0px 30px;
}
.nav ul li a {
	color:#fff;
	line-height:35px;
	letter-spacing:0.5px;
	background:#191919;
	padding: 4px 6px 5px 6px;
}
.nav ul li a:hover {
	color:#191919;
	line-height:34px;
	letter-spacing:0.5px;
	background:#fff;
	padding: 4px 6px 5px 6px;
}
.nav ul li.active-link a {
	color:#fff !important;
	line-height:34px;
	letter-spacing:0.5px;
	background:#555555 !important;
	padding: 4px 6px 5px 6px;
}
.banner-container {
	width:1000px;
	height:auto;
	overflow:hidden;
	float:left;
margin:0px;
padding:0px;
}
.banner-top {
	width:1000px;
	height:6px !important;
	background:url(../images/banner-bg-top.png) bottom no-repeat;
    float:none;
	margin:0px;
	padding:0px;
	display:inline;

}
.banner {
	width:985px;
	height:auto;
	overflow:hidden;
	background:url(../images/banner-bg-tile.png);
	float:left;
	padding:10px 0px 0px 15px;
}
.banner-bottom {
	width:1000px;
	height:10px;
	background:url(../images/banner-bg-bottom.png) no-repeat;
	float:left;
}
.page-title {
	width:80%;
	color:#191919;
	font-size:22px;
	font-weight:bold;
	float:left;
	padding:18px 0px 20px 45px;
}
.content-wrapper {
	width:975px;
	height:auto;
	float:left;
	padding-left:13px;
}
.content-top {
	width:975px;
	height:12px !important;
	overflow:hidden;
	background:url(../images/content-top.png) bottom no-repeat;
    float:left;
	margin:0px;
	padding:0px;
}
.content {
	width:915px;
	height:auto;
	overflow:hidden;
	background:url(../images/content-tile.png) repeat-y;
	padding:15px 28px 4px 32px;
	text-align:justify;
	font-size:14px;
	color:#101010;
	line-height:24px;
	float:left;
}
.content a {
	color:#101010;
	text-decoration:underline;
}
.content a:hover {
	color:#101010;
	text-decoration:none;
}
.content p {
	margin:0px;
	padding:0px;
}
.twocolumn-wrapper {
	width:915px;
	height:auto;
	overflow:hidden;
	float:left;
}
.twocolumn-left {
	width:700px;
	height:auto;
	overflow:hidden;
	float:left;
	text-align:left;
	padding-right:20px;
}
.product-container{
width:700px;
height:auto;
overflow:hidden;
}
.product-item{
width:285px;
height:120px;
overflow:hidden;
float:left;
margin-right:20px;
border:1px solid #e3e3e3;
margin-bottom:20px;
padding:20px;
}
.prod-image{
width:100px;
height:120px;
float:left;
margin-right:10px;
overflow:hidden;
}
.prod-desc{
width:175px;
height:120px;
overflow:hidden;
float:left;
color:#101010;
font-size:12px;
line-height:20px;
}
.twocolumn-right {
	width:148px;
	height:auto;
	overflow:hidden;
	float:right;
	text-align:left;
	background:#eeeeee;
	border:1px solid #e4e4e4;
	padding:20px;
}
.twocolumn-right ul {
	width:148px;
	height:auto;
	overflow:hidden;
	list-style:none;
	color:#101010;
	font-size:13px;
	font-weight:bold;
	padding-bottom:10px;
}
.twocolumn-right ul li {
	width:148px;
	height:auto;
	border-bottom:1px dotted #101010;
	padding:4px 0px 4px 0px;
}
.twocolumn-right ul li a {
	background:#none;
	text-decoration:none;
}
.twocolumn-right ul li a:hover {
	background:#fff;
	text-decoration:none;
}
.content-title {
	width:100%;
	color:#767676;
	font-size:13px;
	font-weight:bold;
	border-bottom:1px dotted #767676;
	padding-bottom:1px;
	margin-bottom:5px;
}
.threecolumn-wrapper {
	width:915px;
	height:auto;
	overflow:hidden;
	float:left;
}
.threecolumn-left {
	width:200px;
	height:auto;
	overflow:hidden;
	float:left;
	text-align:left;
	padding-right:20px;
}
.threecolumn-left img {
	margin-bottom:10px;
	margin-top:15px;
}
.threecolumn-left p {
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:12px;
	font-weight:normal;
	color:#767676;
	text-align:left;
	padding-bottom:10px;
}
.threecolumn-center {
	width:480px;
	height:auto;
	overflow:hidden;
	float:left;
	text-align:left;
	padding-right:20px;
}
.threecolumn-right {
	width:148px;
	height:auto;
	overflow:hidden;
	float:right;
	text-align:left;
	background:#eeeeee;
	border:1px solid #e4e4e4;
	padding:20px;
}
.threecolumn-right ul {
	width:148px;
	height:auto;
	overflow:hidden;
	list-style:none;
	color:#101010;
	font-size:13px;
	font-weight:bold;
	padding-bottom:10px;
}
.threecolumn-right ul li {
	width:148px;
	height:auto;
	border-bottom:1px dotted #101010;
	padding:4px 0px 4px 0px;
}
.threecolumn-right ul li a {
	background:#none;
	text-decoration:none;
}
.threecolumn-right ul li a:hover {
	background:#fff;
	text-decoration:none;
}
.link-box-wrapper {
	width:915px;
	height:auto;
	overflow:hidden;
	float:left;
	padding-top:20px;
}
.link-box {
	width:235px;
	height:auto;
	overflow:hidden;
	float:left;
	border:10px solid #eeeeee;
	padding:10px 20px 20px 20px;
	margin-right:15px;
}
.link-box-small {
	width:180px;
	height:auto;
	overflow:hidden;
	float:left;
	border:10px solid #eeeeee;
	padding:10px 10px 20px 10px;
	margin-right:10px;
}
.link-box-small ul {
	width:180px;
	padding-left:0px;
	height:auto;
	overflow:hidden;
	list-style:none;
}
.link-box-small ul li {
	width:175px;
	padding-left:10px;
	color:#101010;
	font-size:12px;
	line-height:24px;
	background:url(../images/arrow.gif) 0px 10px no-repeat;
}
.link-box-small ul li a {
	color:#101010;
	text-decoration:none;
}
.link-box-small ul li a:hover {
	color:#101010;
	text-decoration:underline;
}
.link-box-small p {
	width:100%;
	color:#101010;
	padding-bottom:10px;
	font-size:12px;
	line-height:20px;
	border-bottom:1px dotted #101010;
}
.link-box-title {
	width:100%;
	height:auto;
	padding-bottom:1px;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px dotted #101010;
}
.link-box ul {
	width:200px;
	padding-left:20px;
	height:auto;
	overflow:hidden;
	list-style:none;
}
.link-box ul li {
	width:190px;
	padding-left:10px;
	color:#101010;
	font-size:12px;
	line-height:24px;
	background:url(../images/arrow.gif) 0px 10px no-repeat;
}
.link-box ul li a {
	color:#101010;
	text-decoration:none;
}
.link-box ul li a:hover {
	color:#101010;
	text-decoration:underline;
}
.link-box p {
	color:#101010;
	/*padding-bottom:10px;*/
	font-size:12px;
	line-height:20px;
	/*border-bottom:1px dotted #101010;*/
}
.link-box-content {
	width:140px;
	height:auto;
	overflow:hidden;
	font-size:12px;
	color:#767676;
	line-height:20px;
	float:left;
}
.link-box-content-small {
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:12px;
	color:#767676;
	line-height:20px;
	float:left;
}
.link-box-image {
	width:80px;
	height:100px;
	padding-left:10px;
	padding-bottom:10px;
	float:right;
}
.more {
	width:38px;
	height:13px;
	background:url(../images/more.gif) center no-repeat;
	font-size:10px;
	color:#fff;
	text-align:center;
	float:right;
	line-height:10px;
}
.more a {
	color:#fff;
	text-decoration:none;
}
.more a:hover {
	color:#fff;
	text-decoration:underline;
}
.footer-wrapper {
	width:100%;
	height:170px;
	background:#191919;
}
.footer {
	width:1000px;
	height:170px;
	margin:auto;
	padding-left:26px;
}
.copyright {
	width:975px;
	height:170px;
	float:left;
	margin-left:0px;
	background: url(../images/content-bottom.png) top center no-repeat;
}
.copyright-content-left {
	width:400px;
	padding-left:35px;
	float:left;
	padding-top:50px;
	color:#434242;
	font-size:11px;
	background:url(../images/logo-footer.jpg) 130px 46px no-repeat;
}
.copyright-content-right {
	width:350px;
	float:right;
	text-align:right;
	padding-right:20px;
	color:#a0a0a0;
	padding-top:45px;
	font-size:11px;
	letter-spacing:0.5px;
}
.copyright-content-right a {
	color:#a0a0a0;
	text-decoration:none;
}
.copyright-content-right a:hover {
	color:#ffffff;
	text-decoration:none;
}
/* ------------Typo3 Styles Overrides-----------*/
.tx-indexedsearch{
font-style:normal !important;
}
.tx-indexedsearch-descr{
font-style:normal !important;
font-size:12px !important;
padding-bottom:5px;
}
.tx-indexedsearch-info{
padding:10px 10px 10px 20px;
font-size:11px !important;
line-height:18px;
}
.tx-indexedsearch-percent{
font-weight:bold !important;
}
.tx-indexedsearch-redMarkup{
color:#111111;
}
.tx-indexedsearch-title{
font-weight:bold !important;
}
.tx-indexedsearch-browsebox{
padding:2px 0px 2px 0px!important;
border-bottom:1px dotted #111;
margin-bottom:20px;
font-size:12px;
}
.tx-indexedsearch-searchbox{
width:100%;
float:left;
font-size:12px;
}
.tx-indexedsearch-whatis{
width:100%;
float:left;
font-size:12px;
}
.tx-indexedsearch-searchbox-sword{
height:16px;
border:1px solid #111111;
margin:0px;
outline:0px;
}
.sword{
width:220px;
}
.tx-indexedsearch-searchbox-button{
width:100px;
height:18px;
border:0px;
padding:0px;
font-size:12px;
font-weight:bold;
color:#fff;
outline:0px;
background:#111;
padding-bottom:4px;
line-height:18px;
}
.submit input{
width:auto;
height:18px;
border:0px;
padding:1px 20px 4px 20px;
font-size:12px;
font-weight:bold;
color:#fff;
outline:0px;
background:#111;
line-height:18px;
}
.tx-srfeuserregister-pi1-submit{
width:auto;
height:18px;
border:0px;
padding:1px 20px 4px 20px;
font-size:12px;
font-weight:bold;
color:#fff;
outline:0px;
background:#111;
line-height:18px;
}
.topmarginadder{
margin-top:6px;
}
form fieldset input{
width:220px;
height:16px;
border:1px solid #111111;
margin:0px;
outline:0px;
}
form fieldset select{
width:220px;
height:18px;
border:1px solid #111111;
margin:0px;
outline:0px;
font-size:12px;
}
.tx-srfeuserregister-pi1-password-again{
width:auto;
float:left;
}
.tx-srfeuserregister-pi1-password_again{
width:auto;
float:left;
}
form dd input{
width:auto;
padding-right:4px;
float:left;
}
form dd label{
width:auto;
padding-right:4px;
float:left;
}
.tx-srfeuserregister-pi1 dt{
width:30% !important;
}
.tx-srfeuserregister-pi1 dd{
width:65% !important;
}
form fieldset textarea{
width:220px;
height:80px !important;
height:16px;
border:1px solid #111111;
margin:0px;
outline:0px;
}
form fieldset{
font-size:12px;
padding:10px;
}
form fieldset legend{
font-size:12px;
padding:10px;
font-weight:bold;
text-transform:uppercase;
}
.tx-felogin-pi1 h3{
font-size:12px;
font-weight:bold;
}
.tx-felogin-pi1 div{
font-size:12px;
font-weight:normal;
}
.tx-srfeuserregister-pi1 p a{
font-size:12px;
}

/*.twocolumn-right,*/ .threecolumn-right ul li ul{
 width:148px;
 height:auto;
 overflow:hidden;
 list-style:none;
 color:#101010;
 font-size:11px;
 font-weight:bold;
 padding-bottom:10px;
/* padding-left:18px;*/
}
/*.twocolumn-right,*/ .threecolumn-right ul li ul li {
 width:130px;
 height:auto;
 border:none;
 background:url(../images/right_arrow_sub.gif) 3px 9px no-repeat;
 padding:0 0 0 18px;
}
/*.twocolumn-right,*/ .threecolumn-right ul li ul li a {
color:#111111;
text-decoration:none;
border:none;
background:none;
font-weight:normal;
}
/*.twocolumn-right,*/ .threecolumn-right ul li ul li a:hover {
color:#111111;
text-decoration:underline;
border:none;
background:none;
font-weight:normal;
}
.innercontent{
text-align:left !important;
vertical-align:top;
}
.innercontent img{
text-align:left !important;
float:left !important;
margin-right:10px;
}
.news-single-timedata{
font-size:11px;
}
.news-single-item h2{
font-size:12px;
line-height:18px;
padding-bottom:4px;
}
.link-box h1{
	width:100%;
	height:auto;
	padding-bottom:1px;
	/*margin-bottom:10px;*/
	font-size:14px;
	font-weight:bold;
	border-bottom:1px dotted #101010;
}
.link-box .csc-textpic-text{
	padding-bottom:0px !important;
}
.link-box .csc-textpic-text .bodytext, .link-box .bodytext{
	/*margin:10px 0 0 0 !important;*/
}
.link-box .csc-firstHeader{
margin-bottom:10px;
}
.link-box .csc-textpic-text .bodytext .internal-link,  .link-box .bodytext .internal-link{
	width:38px;
	height:13px;
	background:url(../images/more.gif) center no-repeat;
	font-size:10px;
	color:#fff;
	text-align:center;
	float:left;
	line-height:10px;
	text-decoration:none;
}
.product-head-desc-image{
	margin:0 0 20px 0 ;
	width:100%;
	height:auto;
	float:left;
}
.product-head-desc-image h1{
	width:100%;
	font-size:16px;
	margin:0 0 15px 0;
}
.product-head-desc-image img{
	float:left;
	margin:0 15px 15px 0;
}
.product-spec-tble-container{
	width:100%;
	height:auto;
	float:left;
	}
.product-spec-tble{
	border-top:solid 1px #666666;
	border-left:solid 1px #666666;
}
.product-spec-tble td{
	padding:3px 5px;
	vertical-align:top;
	font-size:12px;
	border-right:solid 1px #666666;
	border-bottom:solid 1px #666666;
}
.product-spec-tble td, .product-spec-tble td a{
	color:#666666;
}
.product-spec-tble tr.head td{
	font-weight:bold;
	color:#000000;
}
.product-spec-tble tr.head td a{
	color:#000000;
}
.datasheet{
	width:500px;
}
.threecolumn-left .csc-header h1.csc-firstHeader{
	width:100%;
	color:#767676;
	font-size:13px;
	font-weight:bold;
	border-bottom:1px dotted #767676;
	padding-bottom:1px;
	margin-bottom:5px;
}
.threecolumn-left .csc-textpic-text h1{
	width:100%;
	color:#767676;
	font-size:13px;
	font-weight:bold;
	border-bottom:1px dotted #767676;
	padding-bottom:1px;
	margin-bottom:5px;
}
.tx-srfeuserregister-pi1 legend{
	width:660px; !important;
	overflow:hidden;
}
.prod-image{
	border:0px !important;
}
a img{
	border:0px !important;
}
.threecolumn-center ul li{
	padding-left:10px;
	background:url(../images/arrow.gif) 0px 10px no-repeat;
}
.news-single-img img{
	width:auto;
	padding:10px 20px 0px 0px;
	float:left;
}
.link-box .csc-textpic-text{
	width:150px;
	float:left;
}
.link-box .csc-textpic-text h1{
	width: 230px !important;
}
.link-box .csc-textpic-single-image{
	width:85px !important;
	height:auto;
	float:right;
	padding-top:35px;
}
.link-box .csc-textpic-single-image img{
	width:80px !important;
}
.link-box .csc-textpic-single-image a img{
	width:auto !important;
}
a.terms{
	color:#000000;
	text-decoration:underline;
	background:none !important;
}
a.download{
	width:auto;
	height:48px;
	float:left;
	padding:8px 15px 8px 65px;
	background:url(../images/download.png) no-repeat #EEE 8px 8px;
	border:solid 1px #CCC;
	line-height:48px;
	text-decoration:none;
}
a:hover.download{
	background:url(../images/download.png) no-repeat #E9E9E9 8px 8px;
}
.filelinks .pdf{
	background-image:none !important;
}
.filelinks div {
	background-image:none !important;
}