@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300i,400,400i,600,600i,700,700i,800,800i');

/* CSS Document */

/*=======================     Default Rules Reset     =======================*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;padding:0;list-style-type:none;}table {border-spacing:0;}fieldset, img {border:0;}caption, th {text-align:left;}h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}

q:before, q:after {content:'';}abbr, acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input, textarea, select {font-size:12px;}

legend {color:#000;}:focus {outline:0;}

* {margin: 0;padding: 0;}

body {font:normal 15px/1.5em 'Open Sans', sans-serif; color:#212121; background:url(../images/pixels.png) repeat}

img {border:none;outline: none;}

a img {border:none;outline: none;}

a {border:none;text-decoration: none;outline: none;transition: background -0.65s ease-in-out;-moz-transition: background -0.65s ease-in-out;-webkit-transition: background -0.65s ease-in-out; color:#212121}

a:hover{color:#bd2e59}

p{margin:0px;padding:0px; text-align:justify; font-size:15px; color:#212121; font-family: 'PT Sans', sans-serif;font-weight: normal;}

.fl {float:left;}

.fr {float:right;}




.clear {clear:both}

.mleft10 {margin-left:10px}

.margin {margin:0px 25px 0 10px}

.strong{color:#ff6600; font:bold 13px/1.5em Arial, Helvetica, sans-serif;}

.strong a{color:#14327b; font:bold 13px/1.5em Arial, Helvetica, sans-serif;}

.strong a:hover{color:#bd2e59}

.padd{padding:0 0 11px 0;}

.padd1{padding:0px 0 10px 0;}





/*=======================     header     =======================*/

#header_container{ background:url(../images/bg.jpg) repeat-x; height:105px;}

.container_top{width:1060px; margin:0 auto;}

header{ width:1060px; margin:0 auto; position:relative}

header h1{margin:0px;}

h1 a{float:left; margin:8px 0 0 0}







.sitemap{ height:30px; background:#18367f; border-radius:0 0 7px 7px; float:right; margin-bottom:30px; margin-top:5px}

.sitemap ul li{float:left; background:url(../images/bar.png) repeat-y scroll 0 7px; padding:2px 13px}

.sitemap ul li.first{ background:none}

.sitemap ul li a{ font-size:12px; color:#fff;}

.sitemap ul li a:hover{ color:#ff9000}



.toll{position:absolute; right:0; top:10px; line-height:20px}

.toll p{color:#ff6600; font-size:15px; text-align:right;}

.toll p span{ color:#ff6600}

.toll h4{ color:#ff6600; font-size:15px; font-family: 'Open Sans', sans-serif; text-align:right}



.toll1{position:absolute; right:170px; top:10px; line-height:20px}

.toll1 p{color:#336633; font-size:15px; text-align:right;}

.toll1 p span{ color:#336633}

.toll1 h4{ color:#336633; font-size:15px; font-family: 'Open Sans', sans-serif}



.tabmain{background:#14327c; border-left:5px solid #4f669d}

.tabmain h3{color:#fff !important; background:#ff6600; padding:5px;  font:20px/1.5em "Ubuntu Condensed",sans-serif; border-left:5px solid #d75702; margin-left:-5px}

.tabmain h3 span{text-align:right; font-size:15px; float:right}

.tabmain h3 span a{color:#fff}

.tabmain h3 span a:hover{border-bottom:1px dotted #fff}

.tabmain p{color:#fff; padding:5px 10px}

.tabmain ul li {border-top: 1px dotted #fff;color: #333333;display: block;}

.tabmain ul li a {color:#fff;display: block; background: #14327c; font:normal 15px/1.5em 'Open Sans', sans-serif; padding:7px 3px 6px 17px}

.tabmain ul li a:hover {color: #fff; background:#2a50af; padding-left:25px; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}

.tabmain ul li:first-child {border: 0 none;}



.border{margin:5px 0 0 0; width:100%; background:url(../images/border.png) no-repeat; height:18px}



.left_icons {left: 0;position: fixed;top:44%;width: 50px;z-index: 99}

.left_icons a {clear: both;display: block;height: 39px;margin-bottom: 5px;margin-left: -8px;width: 48px}

.left_icons a:hover {display: block;height: 39px;margin-left: 0;width: 48px}



.form5{position:absolute; right:0; top:67px}

.form5 input[type="text"]{background:#fff;padding:5px 10px;height:18px;width:250px;border:1px solid #f0f0f0;font:normal 13px/1.5em "PT Sans",sans-serif;float:left}

.form5 input[type="submit"]{background:#444 url(../images/search1.png) no-repeat;border:none;color:#fff;cursor:pointer;float:left;float:left;width:30px;height:30px}

.form5 input[type="submit"]:hover{background:#444 url(../images/search1.png) no-repeat}





table.sample {border:1px solid #000;border-collapse:collapse;border-width: 1px;border-style: solid;padding-left:0.2cm;padding-right:0.2cm;border-color:gray;background-color: white; margin:8px 0}

table.sample th {border-width: 1px;padding:5px;border-style: solid;background-color: #336633; font-family:"Open Sans",sans-serif; color:#fff; text-transform:uppercase; font-weight:400; font-size:15px}

table.sample td {border-width: 1px;padding:5px;border-style: solid;border-color: gray;background-color: ; font-family:"Open Sans",sans-serif; font-weight:400; text-align:left; color:#222}

table.sample td a{color:#116db8}

table.sample td a:hover{color:#222}



.sample tr:nth-child(even) {background: #fffacd}

.sample tr:nth-child(odd) {background: #d9f4f3}



/*=======================     nav     =======================*/

#nav_container{ height:38px; background:url(../images/menu-bg1.jpg) repeat-x;}



/*=======================     banner     =======================*/

#banner_container{ background: url(../images/banner_bg.jpg) repeat-x bottom  }

.banner{width:100%; background:url(../images/ship.jpg) no-repeat; height:270px}



/*=======================     content    =======================*/

 #content_container{background:url(../images/content_bg1.jpg) repeat;}

.main_content{ width:1060px; margin:20px auto; padding:15px; background:#fff; box-shadow:0 2px 6px rgba(50, 50, 50, 0.25)}

.content1{ width:71%; float:right;}

.right_side1{width:27%; float:left}



.services{}

.services h2{ color:#18367f; font:normal 20px/1.5em 'Ubuntu Condensed', sans-serif; text-align:center; text-transform:uppercase}

.services h5{color:#ff6600; font:normal 18px/1em 'Ubuntu Condensed', sans-serif; text-align:center; margin-bottom:40px}

.services h6{color:#ff6600; font:normal 18px/1em 'Ubuntu Condensed', sans-serif; text-align:center; margin-bottom:10px; text-transform:uppercase}

.services .box5{float:left; width:30%; margin-right:50px}

.services .box5 img{background:#fff; box-shadow:0 0 5px #d7d7da; box-sizing:border-box; float:left; padding:5px; border-radius:5px; margin-bottom:20px}

.services .box5 p{font-size:13px}



.main_content h2{ color:#222; font:normal 28px/1.5em 'Ubuntu Condensed', sans-serif;}

.main_content h2 span{color:#ff6600}

.main_content h3{ color:#336633; font:normal 19px/1.5em 'Ubuntu Condensed', sans-serif; margin-bottom:10px}

.main_content h4{ color:#0077b7; font:normal 22px/1.5em 'Ubuntu Condensed', sans-serif;}



.main_content p{font-size:15px; color:#222; font-weight:300}

.main_content p .img{box-shadow:0 0 5px #d7d7da; box-sizing:border-box; float:left; padding:5px; margin-right:20px;}

.bg{background:#f2f2f2; padding:14px}



.read{margin:5px 0}

.read a{background:#444;color:#fff; padding:3px 9px; float:right;}

.read a:hover{background:#222}



.content{width:73%; float:left;}

.right_side{width:22%; float:right; text-align:center;background:#f2f2f2; padding:10px}

.right_side h3{color:#fff !important; background:#be2e59; padding:5px;  font:20px/1.5em "Ubuntu Condensed",sans-serif;}

.right_side p{text-align:center; color:#222; margin:10px 0 20px 0; padding-bottom:10px; border-bottom:1px dotted #444}



.left{width:700px; float:left}

.left ul{}

.left ul li{color:#535353; background:url("../images/arrow2.png") no-repeat scroll 8px 8px rgba(0, 0, 0, 0); padding-left:17px; font-size:15px; font-family:'Open Sans', sans-serif}



.right{width:27%; float:right}

.right .form h6{font:normal 17px/1.5em 'Open Sans', sans-serif; color:#fff; margin-bottom:10px; text-transform:uppercase; padding:5px 10px; background:#ff6600; border-radius:5px}

.right .form{width:90%; background:#0077b7; padding:5%}

.right .form .row{margin:2px 0; float:left; width:100%}

.right .form .row label{font:normal 15px 'PT Sans', sans-serif; color:#fff; width:30%; float:left}

.right .form input[type="text"]{background:#fff;border:medium none;color:#444;font-size:12px;margin:3px 0;padding:3px 5px;width:65%; float:right; font-family:Arial,Helvetica,sans-serif;}

.right .form input[type="email"]{background:#fff;border:medium none;color:#444;font-size:12px;margin:3px 0;padding:3px 5px;width:65%; float:right; font-family:Arial,Helvetica,sans-serif;}
.right .form textarea{background:#fff;border:medium none;color:#868686;font-family:Arial,Helvetica,sans-serif;font-size:12px;height:80px;margin:3px 0;padding:5px;width:65%; float:right;}

.right .form input[type="submit"]{background:#444;border:none;color:#FFF;font-weight:bold;margin:5px 0 0 0;padding:5px;cursor:pointer; cursor:pointer; font:bold 12px/1.5em Arial, Helvetica, sans-serif; float:right}

.right .form input[type="submit"]:hover{background:#222}



ul.tabs {float: left;list-style: none outside none;margin:1% 1% 0 1%;padding: 0;width: 98%;}

ul.tabs li {background:#f2f2f2;color: #444;cursor: pointer;float: left;font:600 15px/1.5em "Open Sans",sans-serif;margin: 0;overflow: hidden;padding:6px 10px;position: relative; border-right:1px solid #fff; text-transform:uppercase}

ul.tabs li:hover {background:#0077b7;color: #FFFFFF;}

ul.tabs li.active {background:#0077b7;color: #FFFFFF;}

.tab_container {background:#f8f8f8;float: left;width:97.5%; margin:0 1% 1% 1%}

.tab_content {display: none;padding:10px;}

.tab_content ul{float:left; margin:5px 0px}

.tab_content ul li{padding:3px 0; background:url("../images/arrow2.png") no-repeat scroll 8px 11px rgba(0, 0, 0, 0);padding-left:17px; color:#444;}

.tab_content ul li a{color:#444; font-weight:bold}

.tab_content ul li a:hover{color:#098adc}





.technology{color:#fff; background:#0077b7; padding:4px; cursor:pointer; float:left; font:normal 15px/1.5em 'HelveticaCondensed'; margin:10px 0 12px; width:100%}

.thelanguage{text-align:justify; margin:5px 0 10px 0px; font:normal 15px 'PT Sans', sans-serif; color:#626262; float:left; width:100%}

.box1{width:220px; height:120px; float:left; background:#f2f2f2}

.mr{margin-right:20px; margin-bottom:20px}



.contact34{font:600 18px/1.5em "Open Sans",sans-serif; text-transform:uppercase; color:#222; margin-bottom:15px}

.fl3{float:left; width:100%; margin-top:20px}

.fl3 .p1{float:left; padding-top:10px}

.fl3 p img{float:left; margin-right:10px}



/*=======================     footer    =======================*/

#footer_container{ background:#0077b7; color:#fff; margin-top:20px; padding:10px 0}

footer{width:1060px; margin:0 auto}

footer .box{margin:0 10px 15px 0; width:23%; float:left}





footer p{color:#fff; font:normal 15px/1.5em 'Open Sans', sans-serif; margin:0px;}

footer p a{color:#fff}

footer p a:hover{color:#ff9000}



footer h4{color:#fff; font:26px/1.5em 'Ubuntu Condensed', sans-serif}

footer .box ul{float:left;}

footer .box ul li{padding:2px 0;}

footer .box ul li a{color:#fff; background:url("../images/arrow.png") no-repeat scroll 8px 6px rgba(0, 0, 0, 0); padding-left:17px; font-size:15px; font-family:'Open Sans', sans-serif}

footer .box ul li a:hover{color:#ff9000}



.form_footer {color:#333;}
.form_footer input[type="text"]{background:#fff; height:20px; padding:4px 4px; width:100%; border:none; margin-bottom:5px; font:normal 12px/1.5em Arial, Helvetica, sans-serif}
.form_footer input[type="email"]{background:#fff; height:20px; padding:4px 4px; width:100%; border:none; margin-bottom:5px; font:normal 12px/1.5em Arial, Helvetica, sans-serif}

.form_footer textarea{background:#fff; height:70px; padding:4px 4px; width:100%; border:none; margin-bottom:5px; font:normal 12px/1.5em Arial, Helvetica, sans-serif; color:#7d7d7d;}

.form_footer input[type="submit"]{background:#444; padding:5px 12px; font:bold 12px/1.5em Arial, Helvetica, sans-serif; color:#fff; border:0; cursor:pointer; float:left}

.form_footer input[type="submit"]:hover{background:#222}



.copyright{background:#00bfff; padding:10px 0}



/*Back to top button */

#back-top {position: fixed;bottom: 30px;right:5px;}

#back-top a {width:42px;display: block;text-align: center;font:10px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #444;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}

#back-top a:hover {color: #ff6600;}

#back-top span {width:42px;height:42px;display: block;margin-bottom: 7px;background: #444 url(../images/up-arrow.png) no-repeat center center;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}

#back-top a:hover span {background-color: #ff6600;}



.content p img{float:left; margin-right:15px}

.ir{float:right !important; margin-left:20px; margin-right:0 !important}



.list{float:left; margin:10px 0; width:50%}

.list li{padding:3px 0; background:url("../images/arrow2.png") no-repeat scroll 8px 11px rgba(0, 0, 0, 0);padding-left:17px; color: #212121; font:15px/1.5em 'Open Sans', sans-serif; text-transform:none}

.list li a{color: #212121}

.list li a:hover{color: #14327b}



.list1{float:left; margin:10px 0;}

.list1 li{padding:3px 0; background:url("../images/arrow2.png") no-repeat scroll 8px 11px rgba(0, 0, 0, 0);padding-left:17px; color: #222; font-size:15px;}



.pa{float:left;width:55%}

.pa1{float:right;width:40%}

.error{color:#FF0000; font-style:12px!important; font-family:Arial, Helvetica, sans-serif!important;}



.reg_form input[type="text"]{ background: #fff none repeat scroll 0 0;

    border: 1px solid #dadada !important;

    box-shadow: none;

    box-sizing: border-box;

    color: #333333;

    font-size: 14px;

    height:40px;

    line-height: 1.2em;

    margin: 0 0 5px;

    padding: 10px;

    position: relative;

    text-decoration: none;

    text-transform: none;

    transition: all 0.3s ease 0s;}

	.reg_form select{ background: #fff none repeat scroll 0 0;

    border: 1px solid #dadada !important;

    box-shadow: none;

    box-sizing: border-box;

    color: #333333;

    font-size: 14px;

    height:40px;

    line-height: 1.2em;

    margin: 0 0 5px;

    padding: 10px;

    position: relative;

    text-decoration: none;

    text-transform: none;

    transition: all 0.3s ease 0s;}

.note{font-size:12px; color:#ccc;}







table.sample1 {

    background-color: white;

   border:1px solid #cccccc;



    margin: 8px 0;

    padding-left: 0.2cm;

    padding-right: 0.2cm;

}

table.sample1 th {

   border:1px solid #cccccc;

    color: #fff;

    font-family: "Open Sans",sans-serif;

    font-size: 14px;

    font-weight: 400;

    padding: 5px;

    text-transform: uppercase;

}

table.sample1 td {

   border:1px solid #cccccc;

    color: #222;

    font-family: "Open Sans",sans-serif;

    font-weight: 400;

    padding: 5px;

    text-align: left;

}

table.sample1 td a {

    color: #116db8;

}

table.sample1 td a:hover {

    color: #222;

}

.sample1 tr:nth-child(2n) {

    background:#f7f7f7 none repeat scroll 0 0;

}

.sample1 tr:nth-child(2n+1) {

    background:#ffffff none repeat scroll 0 0;

}

.error{color:#FF0000; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

.required{color:#FF0000; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

.note1{font-size:11px; margin-top:2px;}

.list_comp {margin-left:15px;}

.list_comp li{list-style:disc; margin-bottom:4px;}





div.create_account {

    background: #f7f7f7 none repeat scroll 0 0;

    border: 1px solid #dfdede;

    border-radius: 4px 4px 0 0;

    margin: 0;

    padding: 20px;

}

.btn_add{ margin-top:5px;}

.header_top{background:#336633; height:34px; }

ul.top_link{text-align:right; margin-top:5px;} 

.top_link li{display:inline; color:#FFF; text-align:right; }

.top_link li a{color:#FFF;padding:7px  6px; }

 .btn-green{background:#879f26!important; border:1px solid #336633!important;}

 .price_cart{text-transform:none!important;;}

 .cart-table h4.product-name{ color: #0077b7;

    font: 16px/1.5em "Open Sans",sans-serif!important; font-weight:600!important;}

	 .totalprice {color: #333;

    font: 18px/1.5em "Open Sans",sans-serif!important; font-weight:600!important; margin-top:2px;}
	.edit_profile{margin-bottom:3px; font-size:12px;}
.sub_notes{color:#ff0000; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.demo_mode{background:#ff0000; padding:8px; color:#FFF; font-size:12px;Font: 16px/1.5em "Open Sans",sans-serif!important; margin-bottom:10px; width:100%; }





.weir_site{width:768px; height:139px; background:url(../images/weir_site.png) no-repeat; font:600 14px/1.5 'Calibri'; position:relative; margin:50px;}
.weir_site .bl_start{width:100px;   position:absolute; top:34px; left:-58px;}
.weir_site .height_left{ left: -37px;
    position: absolute;
    top: 10px;
    width: 100px;}
.weir_site .length_top{ left: 342px;
    position: absolute;
    top: -20px;
    width: 200px;}
.weir_site .top_right{width:100px;   position:absolute; top:-20px; right:0; text-align:right}
.weir_site .bl_end{width:100px;   position:absolute; top:126px; left:725px; text-align:right}
.weir_site .height_right{width: 81px; position: absolute; top: 57px; right: -58px; text-align: center;}


.desilting_tank{width:461px; height:379px; background:url(../images/desilting_tank.jpg) no-repeat; font:600 14px/1.5 'Calibri'; position:relative; margin:50px;}
.desilting_tank .des_value{width:100px; position:absolute; top:36px; left:200px;}
.desilting_tank .right_value{width:100px; position:absolute; top:18px; right:-90px;}
.desilting_tank .right_value1{width:100px; position:absolute; top:90px; right:-90px;}
.desilting_tank .right_value2{width:100px; position:absolute; top:223px; right:-90px;}
.desilting_tank .right_value3{width:100px; position:absolute; top:332px; right:-90px;}
.desilting_tank .right_value4{width:100px; position:absolute; top:377px; right:166px;}
.desilting_tank .right_value5{width:100px; position:absolute; top:308px; left:110px;}
.desilting_tank .right_value6{width:100px; position:absolute; top:120px; left:16px;}



.forbay_tank{width:649px; height:410px; background:url(../images/forbay_tank.jpg) no-repeat; font:600 14px/1.5 'Calibri'; position:relative; margin:50px;}
.forbay_tank .forbay_value6{width:100px; position:absolute; top:14px; left:134px;}
.forbay_tank .forbay_value{width:100px; position:absolute; top:14px; left:238px;}
.forbay_tank .forbay_value1{width:100px; position:absolute; bottom:14px; left:221px;}
.forbay_tank .forbay_value2{width:100px; position:absolute; top:200px; left:27px;}
.forbay_tank .forbay_value3{width:100px; position:absolute; top:310px; right:97px;}
.forbay_tank .forbay_value4{  left: 200px;
    position: absolute;
    top: 180px;
    width: 200px;}
	
.forbay_tank .forbay_value5{ left: 82px;
    position: absolute;
    top: 200px;
    width: 200px;}

.intake_tank{width:500px; height:450px; background:url(../images/Intake_tank.png) no-repeat; font:600 14px/1.5 'Calibri'; position:relative; margin:50px;}
.intake_tank .intake_value{ left: 235px;
    position: absolute;
    top: 105px;
    width: 100px;}
.intake_tank .intake_value1{    left: 119px;
    position: absolute;
    top: 88px;
    width: 100px;}
.intake_tank .intake_value2{ left: 24px;
    position: absolute;
    top:230px;
    width: 100px;}
.intake_tank .intake_value3{   position: absolute;
    right: -63px;
    top:190px;
    width: 100px;}
	
.rcc{width:500px; height:450px; background:url(../images/Intake_tank.png) no-repeat; font:600 14px/1.5 'Calibri'; position:relative; margin:50px;}
.rcc .rcc_value{ left: 235px;
    position: absolute;
    top: 105px;
    width: 100px;}
.rcc .rcc_value1{    left: 119px;
    position: absolute;
    top: 88px;
    width: 100px;}
.rcc .rcc_value2{ left: 24px;
    position: absolute;
    top:230px;
    width: 100px;}
.rcc .rcc_value3{   position: absolute;
    right: -63px;
    top:190px;
    width: 100px;}
	
.rcc .rcc_value4{   position: absolute;
    bottom: 99px;
    left: 151px;
    position: absolute;
    width: 180px;}
	.rcc .rcc_value5{  position: absolute;
    right: -94px;
    top: 40px;
    width: 200px;}


.penstock{width:571px; height:529px; background:url(../images/penstock.jpg) no-repeat; font:600 14px/1.5 'Calibri'; position:relative; margin:50px;}
.penstock .penstock_value{width:100px; position:absolute; top:122px; left:259px;}
.penstock .penstock_value1{  position: absolute;
    right: -21px;
    top: 109px;
    width: 100px;}


.water_conductor{width:465px; height:418px; background:url(../images/water_conductor_system.png) no-repeat; font:normal 13px/1.5 'Calibri'; position:relative; margin:50px;}
.water_conductor .wcs_value{width:100px; position:absolute; top:190px; left:166px;}
.water_conductor .wcs_value1{width:100px; position:absolute; top:171px; right:-103px;}
.water_conductor .wcs_value2{  bottom: 40px;
    left: 166px;
    position: absolute;
    width: 180px;}
.water_conductor .wcs_value3{  left: 160px;
    position: absolute;
    top: 28px;
    width: 200px;}


.wcs_hst{width:510px; height:414px; background:url(../images/wcs_hst.png) no-repeat; font:600 14px/1.5 'Calibri'; position:relative; margin:50px;}
.wcs_hst .wcs_value{width:100px; position:absolute; top:250px; left:283px;}
 .wcs_hst .wcs_value1{ left:150px;
    position: absolute;
    top: 372px;
    width:280px;}

 
.rcc_channel{width:371px; height:319px; background:url(../images/RCC_Channel.png) no-repeat; font:600 14px/1.5 'Calibri'; position:relative; margin:50px;}
.rcc_channel .rcc_value{width:100px; position:absolute; top:41px; left:151px;}
.rcc_channel .rcc_value1{width:100px; position:absolute; top:-11px; right:-108px;}
.rcc_channel .rcc_value2{width:100px; position:absolute; bottom:36px; left:151px;}
.rcc_channel .rcc_value3{width:100px; position:absolute; top:55px; right:-108px;}



.surgeshaft{width:864px; height:482px; background:url(../images/Surgeshaft.jpg) no-repeat; font:600 14px/1.5 'Calibri'; position:relative; margin:50px;}
.surgeshaft .surgeshaft_value{width:100px; position:absolute; top:231px; left:226px;}
.surgeshaft .surgeshaft_value1{width:100px; position:absolute; top:231px; left:130px;}
.surgeshaft .surgeshaft_value2{width:100px; position:absolute; top:362px; left:56px;}
.surgeshaft .surgeshaft_value3{width:100px; position:absolute; top:-4px; left:400px;}
.surgeshaft .surgeshaft_value4{width:100px; position:absolute; top:56px; left:400px;}
.surgeshaft .surgeshaft_value5{width:100px; position:absolute; top:185px; left:400px;}
.surgeshaft .surgeshaft_value6{width:100px; position:absolute; top:285px; left:400px;}
.surgeshaft .surgeshaft_value7{width:100px; position:absolute; bottom:10px; left:400px;}
.surgeshaft .surgeshaft_value8{width:100px; position:absolute; bottom:80px; right:118px;}
.surgeshaft .surgeshaft_value9{width:100px; position:absolute; bottom:60px; right:20px;}
.surgeshaft .surgeshaft_value10{width:100px; position:absolute; top:40px; right:115px;}
.surgeshaft .surgeshaft_value11{width:100px; position:absolute; top:135px; right:115px;}
.surgeshaft .surgeshaft_value12{bottom: 36px;
    left: 221px;
    position: absolute;
    width: 100px;}