body {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#666666;
	margin:0px;
	background:url(../imgs/cloudBack.jpg) center top repeat-x;
}
img{border:none}

a { outline:none;color:#33cc33; text-decoration:none}
a:hover {outline:none;text-decoration:none;color:#000;}

p{margin:0 0 15px 0}

ul, li{ list-style:none; margin:0; padding:0}


h1,h2,h3,h4 { margin:0; padding:0;}
h1{font-family:Arial, Helvetica, sans-serif;font-size:17px;margin:17px 0 15px 0;color:#8fc84b;}
h2{font-family:Arial, Helvetica, sans-serif;font-size:16px;margin:5px 0 5px 0;color:#45b339;}
h3{font-family:Arial, Helvetica, sans-serif;font-size:14px;margin:0 0 5px 0;color:#45b339;font-weight:bold;padding:0 0 5px 0}
h4{font-family:Arial, Helvetica, sans-serif;font-size:13px;margin:0 0 5px 0;color:#45b339;font-weight:bold;padding:0 0 5px 0}

.clear{	clear: both;}
.left{float:left}
.right{float:right}
.arht{ text-align:right}
.alft{ text-align:left}
.acenter{ text-align: center}
.center{ margin:0 auto}
.vcenter{ vertical-align:middle}
.red{ color:#FF0000}
.black{ color:#000;}
.marginb20 {margin-bottom:20px;}
.green{color:#45b339;}
.font-normal{ font-weight:normal;}

#wrapper {width:980px;margin:0 auto;background:#FFF;padding:0 0 18px 0}
#toppart{height:146px;}
#toppart .logo{padding:67px 0 0 25px;float:left}
#toppart .topright{padding:65px 0px 0 0;float:right;color:#999999; font-size:11px;}
.topright a{color:#999999;padding:0 2px}
.topright a:hover{color:#329626}
.top_second{height:105px; background:url(../imgs/topBanner.jpg) no-repeat;padding:25px 0 0 0;position:relative}
.top_second .free{background:url(../imgs/newsArrow.png) no-repeat left top;padding:1px 0 0 25px;color:#fff;font-size:14px;float:left;height:25px; margin:0 0 0 20px}
.top_second .search{float:right;margin:0 16px 0 0;color:#fff;}
.top_second .search span{margin:0 15px 0 0}
.top_second .search input{background:#fff;border:1px solid #999999;height:16px;padding:0 3px 0 3px}
.top_second .search .button{width:22px;height:22px;background:url(../imgs/GO_button.png);border:none;padding:0 0 0 0;cursor:pointer;margin:0 0 0 10px; vertical-align:middle}
#header {}
.menu{height:35px;position:absolute;bottom:0px;width:972px;left:0; padding:0 0 0 8px}
a.home , .homeon , a.products , .productson , a.maintenance , .maintenanceon , a.training , .trainingon , a.shop , .shopon , a.calls , .callson , a.news , .newson , a.contact , .contacton  , a.bill , .billon , a.siements , .siementson
{display:block;margin:0 0px 0 0px;padding:0 0 0 0;height:35px;float:left;margin:0 3px 0 3px}
a.home {background:url(../imgs/navigation/home_OFF.png) no-repeat;width:63px;}
a.home:hover {background:url(../imgs/navigation/home_OVER.png) no-repeat;}
.homeon {background:url(../imgs/navigation/home_ON.png) no-repeat;width:63px;}

a.products {background:url(../imgs/navigation/productsServices_OFF.png) no-repeat;width:168px;}
a.products:hover {background:url(../imgs/navigation/productsServices_OVER.png) no-repeat;}
.productson {background:url(../imgs/navigation/productsServices_ON.png) no-repeat ;width:168px;}

a.maintenance {background:url(../imgs/navigation/maintenance_OFF.png) no-repeat;width:115px;}
a.maintenance:hover {background:url(../imgs/navigation/maintenance_OVER.png) no-repeat;}
.maintenanceon {background:url(../imgs/navigation/maintenance_ON.png) no-repeat ;width:115px;}

a.training {background:url(../imgs/navigation/training_OFF.png) no-repeat;width:89px;}
a.training:hover {background:url(../imgs/navigation/training_OVER.png) no-repeat;}
.trainingon {background:url(../imgs/navigation/training_ON.png) no-repeat ;width:89px;}

a.shop {background:url(../imgs/navigation/shop_OFF.png) no-repeat;width:59px;}
a.shop:hover {background:url(../imgs/navigation/shop_OVER.png) no-repeat;}
.shopon {background:url(../imgs/navigation/shop_ON.png) no-repeat ;width:59px;}

a.calls {background:url(../imgs/navigation/calls_OFF.png) no-repeat;width:59px;}
a.calls:hover {background:url(../imgs/navigation/calls_OVER.png) no-repeat;}
.callson {background:url(../imgs/navigation/calls_ON.png) no-repeat ;width:59px;}

a.news {background:url(../imgs/navigation/news_OFF.png) no-repeat;width:61px;}
a.news:hover {background:url(../imgs/navigation/news_OVER.png) no-repeat;}
.newson {background:url(../imgs/navigation/news_ON.png) no-repeat ;width:61px;}

a.contact {background:url(../imgs/navigation/contact_OFF.png) no-repeat;width:85px;}
a.contact:hover {background:url(../imgs/navigation/contact_OVER.png) no-repeat;}
.contacton {background:url(../imgs/navigation/contact_ON.png) no-repeat ;width:85px;}

a.bill {background:url(../imgs/navigation/viewBill_OFF.png) no-repeat;width:131px;}
a.bill:hover {background:url(../imgs/navigation/viewBill_OVER.png) no-repeat;}
.billon {background:url(../imgs/navigation/viewBill_ON.png) no-repeat ;width:131px;}

a.siements {background:url(../imgs/navigation/siemens_OFF.png) no-repeat;width:138px;}
a.siements:hover {background:url(../imgs/navigation/siemens_OVER.png) no-repeat;}
.siementson {background:url(../imgs/navigation/siemens_ON.png) no-repeat ;width:138px;}


#container {width:944px; margin:0 auto}
#container .leftpart{width:238px;float:left;padding:25px 0 0 0}
.leftpart div img{margin:0 0 22px 0}
.leftpart ul{margin:0 0 20px 0}
.leftpart ul li{display:block;line-height:22px;}
.leftpart ul li a{color:#45b339}
.leftpart ul li a:hover{color:#000}
.leftpart ul li a.active{display:block;color:#000}
#container .rightpart{width:680px;float:right;padding:25px 0 0 0}
.rightpart .inbanner{position:relative;font-size:20px;color:#333;font-weight:bold;margin:0 0 30px 0;height:399px}
h1.title{font-size:20px;color:#333;font-weight:bold;}
.rightpart h3{color:#45b339;font-size:16px;font-weight:bold;margin:10px 0 10px 0;padding:0 0 0 0}
.rightpart ul h3{margin:15px 0 15px -13px}
.rightpart .inbanner img{position:absolute;left:0px;bottom:0px;z-index:1}
.rightpart .inbanner span{position:absolute;left:0px;top:25px;z-index:2}
.rightpart ul{margin:15px 0 15px 12px; line-height:25px}
.rightpart ul li{background:url(../imgs/bullet_point.png) 0px 7px no-repeat;padding:0 0 0 15px}

#container .banner{text-align:center; width:944px; height:350px}
#container .contantpart {border:1px solid #cfcece;background:url(../imgs/stretchFade.jpg) repeat-x;padding:22px}
.contantpart .mailing{width:249px;height:90px;float:left;background:url(../imgs/mailingListTest.png) no-repeat;margin:0 0 0 14px;padding:188px 0 0 40px}
.mailing input{background:url(../imgs/mailing-input.jpg) no-repeat;width:201px;height:21px;border:none;padding:4px 5px 0 5px}
.contantpart .mailing .button{background:none;border:none;width:92px;height:25px;margin:6px 0 0 117px; cursor:pointer;padding:0 0 0 0}
.contantpart .f14{font-size:14px; padding:10px 0 0 0 }
.contantpart .middleFeature{float:left;width:289px;height:278px;margin:0 0 0 14px}

.footer{margin:20px 0 0 0;}
.footer .copyright{text-align:center;padding:0 0 25px 0}
.copyright p{color:#45b339}
.copyright a{color:#77787d}
.copyright a:hover{color:#000}
.footer .links{padding:22px;border:1px solid #45b339}
.links .broese , .product , .contatc{width:275px;float:left; font-size:11px;line-height:16px}
.links .broese img , .product img , .contatc img{margin:0 0 10px 0}
.product{margin:0 29px 0 34px}
.broese a{display:block; color:#45b339;font-weight:bold;}
.broese a:hover{display:block;color:#33cc33;}
.broese a.active{color:#33cc33;display:block;font-weight:normal}
.product a{color:#999999;display:block;}
.product a:hover{color:#000;}
.product a.active{color:#000;display:block;}
.contatc{color:#999;}
.contatc p b{color:#45b339;margin:0px 2px 0px 0px;}
.contatc a{color:#999}
.contatc a:hover{color:#000}

.touch-banner{ margin:-25px 0 0 0}
.gray-box{background:#d9d9d9;padding:43px 19px 60px 19px; font-size:14px}
.gray-box div.title img{margin:0 0 47px 0}
.gray-box1{background:#d9d9d9;padding:25px 19px 25px 19px; margin-bottom:20px}
.gray-box1 .reds{float:left;margin:0 0 0 25px;color:#666}
.gray-box1 .reds b{color:#cc0000}
.gray-box1 .reds strong{color:#666}
.gray-box1 .reds ul{margin:0 0 0 12px}
.gray-box1 .reds ul li{ background:url(../imgs/redBullet.png) no-repeat 0 7px }

/* LOGIN */

.login{background:url(../imgs/viewBillMainImg.jpg) left top no-repeat;width:962px;padding:257px 0 0 0;margin:0 0 0 -18px}
.appointment{background:url(../imgs/arrangeAppointmentMainImg.jpg) left top no-repeat;width:980px;padding:257px 0 0 0;margin:0 0 0 -18px}
.login-gray{background:#d9d9d9;width:660px;padding:43px 0 54px 19px; float:right; margin:0 0 20px 0}
.login-gray div img{margin:	0 0 47px 0;}
.login .box {width:395px;margin:0 0 0 122px;float:left;}
.appointment-gray{background:#d9d9d9;width:660px;padding:43px 0 54px 19px; float:right; margin:0 18px 20px 0}
.appointment-gray div img{margin: 0 0 47px 0;}
.appointment .box {width:480px;margin:0 0 0 122px;float:left;}
.box div{height:40px;}
.box div span{width:75px;float:left;font-size:14px;line-height:26px;display:block;margin:0 20px 0 0; text-align:right}
.appointment .box div span{width:160px;float:left;font-size:14px;line-height:26px;display:block;margin:0 20px 0 0; text-align:right}
.box div input{float:left;background:url(../imgs/login-input.gif) no-repeat;width:290px;height:24px;border:none;padding:2px 5px 0 5px}
.appointment .box div input{background:none repeat scroll 0 0 #FFFFFF}
.appointment .box div textarea{float:left;background:none repeat scroll 0 0 #FFFFFF;width:290px;height:74px;border:none;padding:2px 5px 5px 5px}
.box .right{ padding:13px 0 0 0}


.product-info{margin:30px 0 0px 0}
.product-info .left{width:225px; text-align:center}
.product-info .right{width:454px;}
.product-info .p-code{height:22px;display:block;position:relative;font-size:16px;color:#fff;font-weight:bold;background:#333333; line-height:22px; padding:0 0 0 5px}
.product-info .p-code img{position:absolute;left:5px;bottom:-9px;}
.news-article{margin:0 0 25px 0;border-bottom:1px solid #ffffff;padding:0 0 25px 0; line-height:24px}
.news-article span.date{font-size:11px;color:#333333; display:block}
.news-article .hedline{color:#45b339;font-size:14px;font-weight:bold}
.news-article a{color:#cc0000}
.news-article a.green{color:#45b339;}
.news-article a:hover{color:#000}
.testimonials{ border:1px solid #45b339; padding:10px}
.testimonials-info{ background:url(../imgs/dottedLine.gif) no-repeat center bottom; padding:0 0 25px 0;margin:20px 0 0 0}
.testimonials-info img{margin:0 0 12px 0}
.testimonials-info span{padding:10px 0 0 0;display:block}
.testimonials-last{padding:0 0 25px 0;margin:20px 0 0 0}

/* other styles */

.red-box div{height:40px;}
.red-box div span{width:185px;float:left;font-size:14px;line-height:26px;display:block;margin:0 20px 0 0; text-align:right}
.red-box div input{float:left;background:url(../imgs/red-input.gif) no-repeat;width:290px;height:24px;border:none;padding:2px 5px 0 5px}
.red-box div textarea{float:left;background:url(../imgs/red-textarea.gif) no-repeat;width:290px;height:74px;border:none;padding:2px 5px 5px 5px}
.red-box .right{ padding:0 180px 0 0}

.contentImage_left
{
	margin: 0 10px 10px 0;
}

.contentImage_right
{
	margin: 0 0 10px 10px;
}

.blockImage_left
{
	text-align: left;
	margin: 0;
	padding: 0;
}

.blockImage_right
{
	text-align: right;
	margin: 0;
	padding: 0;
}

.blockImage_center
{
	text-align: center;
	margin: 0;
	padding: 0;
}

.leftpart div p img{margin:0 0 0 0}

.block
{
	clear:both;
}

.block a, .block a:link, .block a:visited {
	color:#36A728;
	text-decoration:none;
	font-size:12px;
}
.block a:hover {
	color:#36A728;
	text-decoration:underline;
	font-size:12px;
}

.leftColumn ul{
	font-family: 'Lucida Grande', LucidaGrande, Geneva, Lucida Sans, 'Lucida Sans Unicode';
	font-size:13px;
	margin-left:0px;
	padding: 0;
	margin-left: 10px;
	line-height:1.7;
}

.leftColumn ul a {
	font-size:13px;
	color:#959699;
	font-weight:bold;
	text-decoration:none;
}

.leftColumn ul a:hover, ul a.active {
	font-size:13px;
	color:#36A728;
	font-weight:bold;
	text-decoration:none;
}

.rightColumn {
   line-height:1.5;
   font-size:15px;
}

.rightColumn a {
   color:#090;
}

p.panel-title-bar {
	font-family: 'Lucida Grande', LucidaGrande, Geneva, Lucida Sans, 'Lucida Sans Unicode';
	width:289px;
	height:11px;
	background-color:#D0DFE0;
	color:#5F5F5F;
	font-weight:bold;
	font-size:10pt;
	padding-left:10px;
	padding-top:7px;
	padding-bottom:7px;
	line-height:1;
}
.advert {
	font-family: 'Lucida Grande', LucidaGrande, Geneva, Lucida Sans, 'Lucida Sans Unicode';
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-left: 10px;
	text-align: center;
}

.threeCol {
   width: 100%;
}
.leftCol {
   width: 32%;
   float: left;
}
.middleCol {
   width: 32%;
   float: left;
}
.rightCol {
   width: 32%;
   float: right;
}

