html, body {border:0; margin:0; padding:0; background:url(../images/bg.png) repeat-x;}
body {font-family:'PTS55F'; font-size:13px; color:#121212;}
.font_fam_BarbedorT{font-family:'BarbedorT';}
@font-face{font-family:'PTS55F'; src:url(../fonts/PTS55F.ttf);}
@font-face{font-family:'FRAMDCN'; src:url(../fonts/FRAMDCN.ttf);}


h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-family:'FRAMDCN'; font-weight:normal; text-transform:uppercase;}

p, ul, ol {margin:0; padding:0;}

img {border:0;}

a, a:link, a:visited, a:hover {text-decoration:none; outline:none;}

form input, form select, form textarea {font:12px, tahoma, calibri;}

form label {cursor:pointer;}

table {border:0px; margin:0; padding:0;}

table tr td {padding:0px;}

.left{float:left;}

.right{float:right}

.width100{width:100%;}
.wrapper{width:100%; float:left;
}
.center-align{
	width:1000px;
	margin:0 auto;
}
/*-------------------------------------Font Style-----------------------------------------*/
h1{
	font-size:22px;
	color:#00677b;
}
h2{
	font-size:18px;
	color:#00677b;
	margin-top:20px;
}
h3{
	font-size:14px;
	color:#222;
	margin-top:20px;
}
strong{
	color:#f08a26;
}
p{
	font-size:13px;
	text-align:justify;
	line-height:22px;
	color:#222;
	margin-top:10px;
}
.large-font{
	font-family:'FRAMDCN';
	font-size:30px;
	color:#fff;
}
.black-text{
	color:#121212;
}
.blue-text{
	color:#0c98ce;
}
.list1 li{
	list-style:url(../images/list.png);
	line-height:22px;
	margin-left:170px;
}
.list li{
	list-style:url(../images/list.png);
	line-height:24px;
	margin-left:30px;
	margin-top:10px;
}
.align-right{
	text-align:right;
}
.align-left{
	text-align:left;
}
.align-center{
	text-align:center;
}

/*-------------------------------------Header Part-----------------------------------------*/
.header-area{
	width:100%;
	float:left;
	/*background:#183441;
	border-bottom:1px solid #000;*/
	z-index:2;
	position:relative;
}
.header-box{
	width:1000px;
	float:left;
}
.logo-box{
	width:500px;
	float:left;
	height:80px;
	padding:10px 0;
}

.siemens-box{
	width:450px;
	float:left;
	height:80px;
	padding-left:30px;
}

.siemens-box img{
	width:150px;
	float:left;
	height:35px;
	padding-left:59px;
	padding-top:30px;
}

.siemens-box p{
	/*font-weight:bold;*/
	color:#fff;
	font-size:18px;
	padding-left:20px;
	padding-top:9px;
	font-family:'FRAMDCN';
}
/*---------------------------------------------------Menu Coding-------------------------------------------------------------------*/
.menu-box{
	width:1000px;
	float:left;
}
button{
    background-color: #2e90a8;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	border-radius:7px;
	
}

.nav li{
	list-style:none;
	color: #ccc;
	display:inline;
	line-height:45px;
}
.nav a{
	padding: 15px 25px;
	margin: 0px 1px 0 0;
	text-decoration: none;
	font-size: 13px;
	background:#223f4c;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	color: #0593ae;
}
.nav a:hover{
	padding: 15px 25px;
	margin: 0px 1px 0 0;
	text-decoration: none;
	font-size: 13px;
	color: #0593ae; 
	background:#00677b;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
}

/* Reset */
.menu,
.menu ul,
.menu li,
.menu a {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

.menu li {
	position: relative;
	list-style: none;
	float: left;
	display: block;
	text-transform:uppercase;
	text-align:center;
}

/* Links */

.menu li a {
	display: block;
	padding: 15px 25px;
	margin: 0px 1px 0 0;
	text-decoration: none;
	font-size: 13px;
	background:#223f4c;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;

	color: #0593ae;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,.6);*/

	/*-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;*/
}

.menu li:first-child a { border-left: none; }
.menu li:last-child a{ border-right: none; }

.menu li:hover > a { color: #0593ae; 
	background:#00677b;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	}

/* Sub Menu */

.menu ul {
	position: absolute;
	left: 0;
	opacity: 0;	
	background:#00677b;
	/*-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;*/

	/*-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;*/
}

.menu li:hover > ul { opacity: 1; }

.menu ul li {
	height: 0;
	overflow: hidden;
	padding: 0;

	/*-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;*/
}

.menu li:hover > ul li {
	height: auto;
	overflow: visible;
	padding: 0;
}

.menu ul li a {
	width: 200px;
	padding: 7px 10px 7px 10px;
	margin: 0;
	border: none;
	border-bottom: 1px solid #eee;
	text-align:left;
	border-radius:0;
}

.menu ul li a:hover {
	width: 200px;
	padding: 7px 10px 7px 10px;
	margin: 0;
	background:#00677b;
	border: none;
	border-bottom: 1px solid #eee;
	border-radius:0;
	/*-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;*/
}

.menu ul li:last-child a { border: none; }
.current a{	
	padding: 15px 25px;
	margin: 0px 1px 0 0;
	text-decoration: none;
	font-size: 13px;
	color: #0593ae; 
	background:#00677b;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	}
/*-------------------------------------Banner Part-----------------------------------------*/
.banner-area{
	width:100%;
	float:left;
	/*background:#183441;*/
	z-index:1;
	position:relative;
}
.banner-box{
	width:1000px;
	float:left;
	height:400px;
	background:#00677b;
}
.banner-box1{
	width:1000px;
	float:left;
	padding:50px 0;
	text-align:right;
}
/*-------------------------------------Content Part-----------------------------------------*/
.content-area{
	width:100%;
	float:left;
}
.content-box{
	width:1000px;
	float:left;
	padding:20px 0;
}
.left-box{
	width:720px;
	float:left;
}
.right-box{
	width:250px;
	float:left;
}
.m-right30{
	margin-right:30px;
}
.home-small-box350{
	width:350px;
	float:left;
	margin:20px 0;
}
.home-img-box{
	width:125px;
	float:left;
	margin-right:10px;
}
.bottom-img-box720{
	width:680px;
	float:left;
	background:#ededed;
	padding:18px;
	border:1px solid#dddddd;
}
.box_img{
	margin:0 20px;
}
.bottom-img-box250{
	width:210px;
	float:left;
	background:#ededed;
	padding:18px;
	border:1px solid#dddddd;
	margin-top:30px;
}
/*-------------------------------------Footer Part-----------------------------------------*/
.footer-area{
	width:100%;
	float:left;
	border-top:5px solid#13b4f3;
	background:#183441;
}
.footer-box{
	width:1000px;
	float:left;
	padding:20px 0;
}
.footer-center-box{
	width:1000px;
	float:left;
	text-align:center;
	margin-bottom:10px;
}
.footer-left-box{
	width:500px;
	float:left;
	text-align:left;
	color:#fff;
}
.footer-right-box{
	width:500px;
	float:left;
	text-align:right;
	color:#fff;
}
.footer li{
	list-style:none;
	display:inline;
}
.footer a{
	color:#fff;
	text-decoration:none;
	padding:0 10px;
}
.footer a:hover{
	color:#0c98ce;
	text-decoration:none;
	padding:0 10px;
}
a{
	color:#fff;
}
a:hover{
	color:#0c98ce;
}
.details-main-box700{
	width:698px;
	float:left;
	border:1px solid#eee;
	padding:10px;
	margin:5px 0 20px 0;
}
.d-img-box{
	width:150px;
	float:left;
	text-align:center;
}
.d-details-box{
	width:500px;
	float:left;
	border-left:1px solid#eee;
	padding-left:10px;
	margin-left:10px;
}
.contact-details-box{
	width:450px;
	float:left;
}
.map-box{
	width:500px;
	float:left;
}
/* ==================== Form style sheet ==================== */

form { margin: 25px 0 0 29px; width: 900px; padding-bottom: 30px; }

fieldset { margin: 0 0 22px 0; border: 1px solid #e8e8e8; padding: 12px 100px; background-color: #f4f5f5; }
legend { font-size: 13px; background-color: #333333;   color: #FFFFFF;  padding: 4px 8px; }

label.float { float: left; display: block; width: 150px; margin: 5px 0 8px 0; clear: left; }
label { display: block; width: auto; font-family:arial; font-size:13px; font-weight:normal; margin: 0 0 10px 0; }
label.spam-protection { display: inline; width: auto; margin: 0; }

input.inp-text, textarea, input.choose, input.answer { border: 1px solid #e8e8e8; padding: 3px; }
input.inp-text { width: 500px; margin: 5px 0 8px 0; }
textarea { width: 500px; height: 150px; margin: 0 0 12px 0; display: block; }

input.choose { margin: 0 2px 0 0; }
input.answer { width: 40px; margin: 0 0 0 10px; }
input.submit-button { font: 1.4em;    letter-spacing: 1px; display: block; margin: 23px 0 0 0; }

form br { display: none; }

/*----------------------------------------PRODUCT PAGE JQUERY CSS--------------------------------------------------*/
.glossymenu{
margin: 5px 0;
padding: 0;
width: 248px; /*width of menu*/
border: 1px solid #005d7f;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background:url(../images/header_bg.jpg) repeat-x bottom;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 10px 0;
padding-left: 10px;
text-decoration: none;
text-transform:uppercase;
border-bottom:1px solid#eee;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background:url(../images/banner_bg.jpg) repeat-x top;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #eee;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #005d7f;
}

.glossymenu div.submenu ul li a{
display: block;
color: black;
text-decoration: none;
padding: 10px 0;
padding-left: 10px;
text-transform:uppercase;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}
.products-img-box{
	width:250px;
	height:250px;
	float:left;
	margin:0 10px 10px 0;
}
.products-box{
	width:628px;
	height:auto;
	float:left;
	border:1px solid #900;
	padding:10px;
	margin:10px 0;
}
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
	 
}
#tbl table, #tbl tr,#tbl td
{
	border: none;
}
th, td {
    padding: 10px;
    text-align: left;
}

table, tr{
	height:30px;
}
table,td{
	padding-left:5px;
}
table tr td {
    padding: 7px;
}
.form-control{
	height: 37px;
	
}
.on{
	width:500px;
	float:right;
}
.off{
	width:200px; 
	float:left;
}