/* CSS Document */

body{
background:url(../images/site-backbg.jpg) repeat-x top left;
background-color:#C8C8C8;
padding:0px;
margin:0px;
padding-top:20px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}

p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#img{
float:left;
width:185px;
}
#img1{
float:left;
height:275px;
width:300px;
}
#content{
width:500px;
padding-left:15px;
float:left;
padding-right:10px;}
#content1{
width:350px;
padding-left:15px;
float:left;
padding-right:10px;}
#content_product{
padding-left:15px;
float:right;
padding-right:10px;}
.special{
color:#2facdc;
font-size:12px;
text-decoration:none;
}
.line{
border-bottom:1px dashed #333333;;}
.source{
padding-top:7px;
padding-left:170px;}
#site-width{
width:980px;
height:auto;
padding:0px;
margin:0 auto;
}

#top-area{
width:980px;
height:132px;
padding:0px;
margin:0px;
float:left;
}

.top-left{
width:10px;
height:132px;
background:url(../images/top-left-curve.jpg) no-repeat top left;
padding:0px;
margin:0px;
float:left;
}

.top-right{
width:10px;
height:132px;
background:url(../images/top-right-curve.jpg) no-repeat top right;
padding:0px;
margin:0px;
float:right;
}

.top-middle{
width:960px;
height:132px;
background:url(../images/top-lightbg2.jpg) repeat-x top left;
padding:0px;
margin:0px;
float:left;
}


.logo{
width:465px;
height:70px;
padding:25px 0px 0px 0px;
margin:0px;
float:left;
overflow:hidden;
}

.serch-area{
width:180px;
height:auto;
padding:50px 0px 0px 0px;
margin:0px;
float:right;
}

.serch-field{
width:150px;
height:14px;
background:#FFFFFF;
border: 1px solid #CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#8B8B8B;
text-align:left;
padding:2px;
margin:0px;
float:left;
}

.gobuton{
padding:0px;
margin:0px;
float:right;
cursor:pointer;
}



.breaker{
padding:0px;
margin:0px;
clear:both;
}

#middle-part{
width:980px;
height:auto;
padding:25px 0px 20px 0px;
margin:0px;
float:left;
}

#left-part{
width:210px;
height:auto;
padding:0px;
margin:0px;
float:left;
}

#prod-area{
width:210px;
height:auto;
background:#C9CBCC;
padding:0px;
margin:0px;
float:left;
}

.prod-had{
width:210px;
height:31px;
background:url(../images/our-offering.gif) no-repeat top left;
padding:0px;
margin:0px;
float:left;
}

#masterdiv{
padding:0px;
margin:0px;
}
.menutitle{
width:200px;
height:25px;
background:url(../images/prod-hadbg.jpg) no-repeat top left;
background-color:#5CC7F0;
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-align:left;
font-weight:bold;
padding:0px 0px 0px 10px;
margin:0px 0px 1px 0px;
}

.menutitle a{
color:#000000;
text-decoration: none;
padding:0px;
line-height:24px;
}

.menutitle a:hover{
color:#FFFFFF;
text-decoration:none;
}

span{
padding:0px;
margin:0px;
}

.submenu{
width:200px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
.submenu ul{
margin:5px 5px 0px 10px;
padding:0px;
}

.submenu li {
height:20px;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:left;
margin:0px 0px 4px 0px;
padding:2px 0px 0px 15px;
background-image:url(../images/gry-dotarrow.jpg);
background-repeat:no-repeat;
background-position: 2px 5px;
display:block;
border-bottom:1px dashed #999999;
}

.submenu li a {
color:#333333;
text-decoration:none;

}
.submenu li a:hover {
color:#333333;
text-decoration:underline;
}


#event-box{
width:210px;
height:130px;
background:#DADCDD;
padding:0px;
margin:25px 0px 0px 0px;
float:left;
}

.event-had{
width:210px;
height:30px;
background:url(../images/upcoming-events.gif) no-repeat top left;
padding:0px;
margin:0px;
float:left;
}

.event-link{
width:200px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#4C4C4C;
text-align:left;
line-height:18px;
margin:0px;
padding:10px 0px 0px 10px;
list-style:none;
float:left;
}

.event-link li{
margin:0px;
padding:0px;
list-style:none;
}

.event-link li a{
display:block;
padding:1px 0 1px 20px;
background-image:url(../images/bold-arrow.jpg);
background-repeat:no-repeat;
background-position: 4px 6px;
text-decoration:none;
color:#4C4C4C;
height:18px;
list-style:none;
}

.event-link li a:hover{
background-image:url(../images/bold-arrow.jpg);
background-repeat:no-repeat;
background-position: 3px 6px;
text-decoration:none;
color:#000000;
}

#home-right{
width:750px;
height:auto;
padding:0px;
margin:0px;
float:right;
}

.red-mor{
width:70px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#DF0F2F;
text-align:left;
font-weight:bold;
margin:0px;
padding:5px 0px 10px 15px;
float:left;
}

.red-mor a{color:#DF0F2F; text-decoration:none;}

.red-mor1{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#DF0F2F;
text-align:left;
font-weight:bold;
margin:0px;
padding:0px;
float:left;
}

.red-mor1 a{color:#DF0F2F; text-decoration:none;}



#cont-box{
width:210px;
height:150px;
background:#E7E9EA;
padding:0px;
margin:25px 0px 0px 0px;
float:left;
}

.cont-had{
width:210px;
height:30px;
background:url(../images/contact-had.gif) no-repeat top left;
padding:0px;
margin:0px;
float:left;
}

.cont-txt{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-align:left;
line-height:16px;
padding:10px 0px 0px 12px;
margin:0px;
}
.cont-txt a{color:#666666; text-decoration:underline;}
.cont-txt a:hover{color:#FF0000; text-decoration:none;}

#hader-area{
width:750px;
height:265px;
padding:0px;
margin:0px;
float:left;
}


#hom-txtarea{
width:750px;
background:url(../images/hometxt-topcurve.jpg) no-repeat top left;
background-color:#E1E3E4;
padding:0px;
margin:0px;
float:left;
}

#hom-txtarea1{
width:750px;
height:895px;
_height:691px;
background:url(../images/hometxt-topcurve.jpg) no-repeat top left;
background-color:#E1E3E4;
padding:0px;
margin:0px;
float:left;
}

#about-txtarea{
width:750px;
background:url(../images/hometxt-topcurve.jpg) no-repeat top left;
background-color:#E1E3E4;
padding:0px;
margin:0px;
float:left;
padding-bottom:80px;
}
#electronic{
width:750px;
background:url(../images/hometxt-topcurve.jpg) no-repeat top left;
background-color:#E1E3E4;
padding:0px;
margin:0px;
float:left;
height:720px;
}

#tape{
width:750px;
background:url(../images/hometxt-topcurve.jpg) no-repeat top left;
background-color:#E1E3E4;
padding:0px;
margin:0px;
float:left;
height:720px;
}

#auto_height{
width:750px;
background:url(../images/hometxt-topcurve.jpg) no-repeat top left;
background-color:#E1E3E4;
padding:0px;
margin:0px;
float:left;
height:auto;
}
#clint-txtarea{
width:750px;
background:url(../images/hometxt-topcurve.jpg) no-repeat top left;
background-color:#E1E3E4;
padding:0px;
margin:0px;
float:left;
}

.home-txt{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-align:left;
line-height:18px;
padding:20px 20px 0px 20px;
margin:0px;
}

.iner-txt{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4a4a4a;
text-align:justify;
line-height:18px;
padding:10px 20px 0px 20px;
margin:0px;
}
.iner-txt a{color:#666666; text-decoration:none;}
.iner-txt a:hover{color:#000000; text-decoration:underline;}



#foter-bg{
width:980px;
height:38px;
background:url(../images/footer-bg.jpg) repeat-x top left;
padding:0px;
margin:0px 0px 10px 0px;
float:left;
}

.copy{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#D2D2D2;
text-align:left;
padding:10px 0px 0px 10px;
margin:0px;
float:left;
}

.foter-link{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#D2D2D2;
text-align:right;
padding:10px 10px 0px 0px;
margin:0px;
float:right;
}
.foter-link a{color:#D2D2D2; text-decoration:none;}
.foter-link a:hover{color:#FFFFFF; text-decoration:underline;}


#prod-rangtab{
width:710px;
height:auto;
padding:0px;
margin:0px 0px 0px 20px;
}


/* Top mainlink Start*/

#prod-tab {
width:407px;
float:left;
padding:0px;
margin:0px;
height:30px;
overflow:hidden;
}
#prod-tab ul {
list-style-type:none;
padding:0px;
margin:0px;
}
#prod-tab li {
	float:left;
	margin:0px;
}
#prod-tab li a {
	background: url(../images/tab-linka.gif) top left no-repeat;
	height:35px;
	width:207px;
	float: left;
	margin:0px;
	display: block;
}
#prod-tab li a:hover {
	background: url(../images/tab-linka.gif) bottom left no-repeat;
}
#prod-tab li a#a0 {
	background: url(../images/tab-linka.gif) bottom left no-repeat;
	width:207px;
}
#prod-tab li a#a1 {
	background: url(../images/tab-linkb.gif) bottom left no-repeat;
	width:200px;
}


#prod-tab li a:hover#a0 {
	background: url(../images/tab-linka.gif) top left no-repeat;
	width:207x;
}
#prod-tab li a:hover#a1 {
	background: url(../images/tab-linkb.gif) top left no-repeat;
	width:200px;
}



#maintab li a#b0 {
	background: url(../images/tab-linka.gif) top left no-repeat;
	width:207px;
}
#maintab li a#b1 {
	background: url(../images/tab-linkb.gif) top left no-repeat;
	width:200px;
}

/* top mainlink end*/

#newprod-secton{
width:670px;
height:250px;
background:#FFFFFF;
padding:15px 15px 0px 15px;
margin:0px;
}


.range-pic{
width:150px;
height:105px;
background:#FFFFFF;
border: 1px solid #E1E3E4;
text-align:center;
float:left;
padding:5px 0px 0px 0px;
margin:0px 0px 2px 0px;
}

.range-grybox{
width:150px;
height:110px;
background:#F2F3F4;
border: 1px solid #E1E3E4;
padding:0px;
margin:0px;
float:left;
}

.prod-rang-box{
width:150px;
height:auto;
padding:0px;
margin:0px 20px 0px 0px;
float:left;
}

.prod-rang-box2{
width:150px;
height:auto;
padding:0px;
margin:0px;
float:left;
}

.newprod-txt{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-align:left;
line-height:16px;
padding:5px 10px 0px 10px;
margin:0px;
}

.red-had{
color:#CC0000;
font-weight:bold;
text-align:left;
padding:0px;
margin:0px;
text-decoration:none;
}

.more-detal{
width:90px;
height:17px;
background:url(../images/more-blubg.jpg) no-repeat top right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-align:right;
padding:2px 5px 0px 0px;
margin:0px;
float:right;
}
.more-detal a{color:#FFFFFF; text-decoration:none;}
.more-detal a:hover{color:#8DE0FF; text-decoration:underline;}

.blue-txt{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#027BC0;
font-weight:bold;
text-align:left;
line-height:20px;
padding:0px;
margin:0px;
}

.blue-txtloc{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#027BC0;
font-weight:bold;
text-align:left;
line-height:20px;
padding:0px;
margin:0px;
text-decoration:none;
}

.blue-txtloc a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#027BC0;
font-weight:bold;
text-align:left;
line-height:20px;
padding:0px;
margin:0px;
text-decoration:none;
}
.blue-txtloc a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#027BC0;
font-weight:bold;
text-align:left;
line-height:20px;
padding:0px;
margin:0px;
text-decoration:none;
}
.page-path{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-align:left;
padding:0px;
margin:0px 0px 20px 0px;
border-bottom: 1px dashed #ADADAD;
}
.page-path a{color:#1B99CA; text-decoration:none;}
.page-path a:hover{color:#CC0000; text-decoration:underline;}


.gape{
width:700px;
height:40px;
padding:0px;
margin:0px;
float:left;
}


.client-list{
width:350px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#454545;
text-align:left;
line-height:20px;
margin:0px;
padding:0px;
list-style:none;
float:left;
}

.client-list li{
display:block;
padding:2px 0 2px 20px;
background-image:url(../images/blue-dot.gif);
background-repeat:no-repeat;
background-position: 5px 10px;
text-decoration:none;
color:#454545;
font-weight:normal;
height:20px;
list-style:none;
}

.sitemap{
width:350px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#454545;
text-align:left;
line-height:20px;
margin:0px;
padding:0px;
list-style:none;
float:left;
}

.sitemap li{
display:block;
padding:2px 0 2px 20px;
background-image:url(../images/blue-dot.gif);
background-repeat:no-repeat;
background-position: 5px 10px;
text-decoration:none;
color:#454545;
font-weight:normal;
list-style:none;
}

/* Contact Query */
#persnol-form {
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
padding:0px;
margin:0px;
float:left;
}

#persnol-form form {
	padding:0px 0 0 0;
	margin:0px;
}
#persnol-form span {
	color:#FF6804;
}
#persnol-form input.textf {
	width:210px;
	height:12px;
	padding:2px 0px 2px 0px;
	border:1px solid #7F9DB9;
	font-size:11px;
	color:#666666;
	margin: 0 0 10px 0;
}

#persnol-form select {
	width:212px;
	height:20px;
	padding:2px 0px 2px 0px;
	border:1px solid #7F9DB9;
	font-size:11px;
	color:#484848;
	margin: 0 0 10px 0;
}

#persnol-form .select1 {
	width:60px;
	height:20px;
	padding:2px 0px 2px 0px;
	border:1px solid #7F9DB9;
	font-size:11px;
	color:#484848;
	margin: 0 0 10px 0;
}

#persnol-form .butt {
	width:70px;
	height:22px;
	text-align:center;
	border:1px solid #FFFFFF;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	background:#CA0000;
	margin:10px 0px 10px 235px;
	float:left;
	cursor:pointer;
}
#persnol-form textarea {
	width:200px;
	height:70px;
	padding: 2px 4px 0px 4px;
	border:1px solid #7F9DB9;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	font-size:12px;
	color:#484848;
	margin:0px;
}
#persnol-form label {
width:170px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
line-height:16px;
padding:0px;
text-align:right;
margin:0px 10px 0px 0px;
float:left;
}

#persnol-form .radio {
width:150px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
padding:0px;
margin:0px 10px 0px 0px;
float:left;
}

/* Contact Query END */

.contact-addres{
width:200px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-align:left;
line-height:18px;
padding:0px;
margin:0px;
float:right;
}
.contact-addres a{color:#666666; text-decoration:none;}
.contact-addres a:hover{color:#FF0000; text-decoration:underline;}


.principle-logos{
width:710px;
height:130px;
padding:0px;
margin:0px;
float:left;
}

.logo-part{
width:130px;
height:auto;
padding:0px;
margin:0px 15px 0px 0px;
font-size:11px;
text-align:center;
line-height:30px;
float:left;
}

.logo-part2{
width:130px;
height:auto;
padding:0px;
margin:0px;
font-size:11px;
text-align:center;
line-height:30px;
float:left;
}

.logo-box{
width:127px;
height:92px;
background:url(../images/logo-box.jpg) no-repeat top left;
text-align:center;
padding:0px;
margin:0px;
float:left;
padding-top:17px;
}

.principal_title{
padding-bottom:15px;
}

.other-links{
width:500px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#454545;
text-align:left;
line-height:16px;
margin:0px;
padding:0px;
list-style:none;
float:left;
}

.other-links li{
display:block;
padding:2px 0 2px 20px;
background-image:url(../images/red-arrow.gif);
background-repeat:no-repeat;
background-position: 5px 8px;
text-decoration:none;
color:#454545;
font-weight:normal;
height:16px;
list-style:none;
}


.other-links1{
width:400px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#454545;
text-align:left;
line-height:16px;
margin:0px;
padding:0px;
list-style:none;
float:left;
}

.other-links1 li{
display:block;
padding:2px 0 2px 20px;
background-image:url(../images/red-arrow.gif);
background-repeat:no-repeat;
background-position: 5px 8px;
text-decoration:none;
color:#454545;
font-weight:normal;
height:16px;
list-style:none;
}

.other-links2{
width:380px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#454545;
text-align:left;
line-height:16px;
margin:0px;
padding:0px;
list-style:none;
float:left;
}

.other-links2 li{
display:block;
padding:2px 0 2px 20px;
background-image:url(../images/red-arrow.gif);
background-repeat:no-repeat;
background-position: 5px 8px;
text-decoration:none;
color:#454545;
font-weight:normal;
height:16px;
list-style:none;
}

.summary{
width:70px;
color:#0177BE;
text-decoration:none;
float:left;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#ba0000;
text-align:left;
font-weight:bold;
padding:0px;
margin:0px;
text-transform:uppercase;
}

.blue-had{
color:#027BC0;
font-size:12px;
font-weight:bold;
padding:0px;
margin:0px;
}

.pdf-link{
width:200px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:left;
font-weight:bold;
padding:0px;
margin:0px;
float:right;
}

.coting-links{
width:400px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#454545;
text-align:left;
line-height:16px;
margin:0px;
padding:0px;
list-style:none;
float:left;
}

.coting-links li{
display:block;
padding:2px 0 2px 20px;
background-image:url(../images/red-arrow.gif);
background-repeat:no-repeat;
background-position: 5px 8px;
text-decoration:none;
color:#454545;
font-weight:normal;
height:16px;
list-style:none;
}
.message{
text-align:center;
padding-top:45px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.no_image{
width:150px;
background-color:#ffffff;
text-align:center;
padding-top:25px;
padding-bottom:25px;
}

#atilogo {
	width:980px;
	overflow:hidden;
	padding:0px 0 0 0px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

#atilogo a {
	text-decoration:none;
	color:#333333;
}
#atilogo a:hover {
	text-decoration:underline;
}
