body
{
background:#ccc;
margin:0px;
padding:0px;
font-family:arial;

color:#000;
border-top:3px solid #46838f;
}

#main
{
background:#fff;
width:1002px;
height:1002px;
float:inherit;


}
#header
{
width:1002px;
height:auto;
float:left;

}

.hdrpart1
{
width:1002px;
height:auto;
float:left;
}

.logo
{
width:182px;
height:116px;
padding-top:21px;
float:left;
padding-left:31px;
}

.bannerholder
{
width:960px;
height:292px;
float:left;
padding:0px 0px 0px 21px;
}


.banner1
{
width:310px;
height:292px;
float:left;}

.banner2
{
width:285px;
height:292px;
float:left;
}

.headerpar2
{
	width:342px;
	height:auto;
	background:#FFF;
	float:left;
	padding-top:11px;
	}
	
.enquiry
{
	width:258px;
	height:53px;
	margin-top:19px;
	border:6px solid #7a7a7a;
	border-bottom:0px;
	border-right:0px;
	background:#fff;
	float:left;
	}

.enqurypin
{
	width:60px;
	height:96px;
	float:left;
	background:url(../images/online-enquiry-pin.jpg) no-repeat;
	}
.onlineenqry
{
	width:290px;
	height:auto;
	padding:20px;
	padding-top:0px;
	float:left;
	border:6px solid #7a7a7a;
	border-top:0px;
	background:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	}
	
.headerpart3
{
	width:23px;
	height:292px;
	float:left;
	padding-top:139px;
	}
.lht5
{
	line-height:5px;}

.lht3
{
	line-height:3px;}
	
#part2
{
	width:1002px;
	height:auto;
	padding-top:16px;
	float:left;
	
	background:#FFF;
	background:url(../images/box-border.jpg) repeat-x bottom;
	padding-bottom:8px;}
	
.box1
{
	width:299px;
	height:auto;
	float:left;
	padding-left:26px;
	padding-top:22px;
	background:url(../images/box-pin.jpg) #87c7c6 top left no-repeat;
	}
	

	
.corprt
{
	width:285px;
	height:118px;
	padding-left:14px;
	padding-top:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	float:left;
	background:url(../images/corprt-offie.jpg) no-repeat;
	padding-bottom:13px;
	}
	
.corprt span
{
	
	font-family:"Times New Roman", Times, serif;
	font-size:25px;
	padding-bottom:5px;
	color:#000;

	}

.corprt1
{
	width:285px;
	height:115px;
	padding-left:14px;
	padding-top:15px;
	font-family:"Times New Roman", Times, serif;

	float:left;
	background:url(../images/smsbox.jpg) no-repeat;
	padding-bottom:13px;
	}
	
.corprt1 span
{
	
	font-family:"Times New Roman", Times, serif;
	color:#000;

	}
	
.corprt2
{
	width:285px;
	height:115px;
	padding-right:14px;
	padding-top:15px;
	font-family:"Times New Roman", Times, serif;
	font-size:25px;
	line-height:40px;
	float:left;
	background:url(../images/contact.jpg) no-repeat;
	padding-bottom:13px;
	}
	
.corprt2 span
{
	
	font-family:"Times New Roman", Times, serif;
	font-size:31px;
	padding-bottom:5px;
	color:#000;

	}
	
.blnkbox
{
	width:27px;
	height:152px;
	margin-top:13px;
	background:#87c7c6;
	float:left;
	}
#p3
{
    width:100%;
    float:left;
    background:#f0ede6;
    }
#part3
{
	width:990px;
	height:auto;

	padding:16px 6px 0px 6px;

	background:#f0ede6;
	float:left;}
#part3c
{

width:970px;
	height:auto;
	margin:10px;
	padding:16px 6px 16px 6px;
	border-radius:10px ;
	background:#2c4156;
	float:left;    }	
	
#left
{
	width:237px;
	height:auto;
	float:left;
	}
	
.softwarebox
{
	width:235px;
	height:auto;
	float:left;
	border:1px solid #979590;
	}
div h1
{
	width:219px;
	height:27px;
	font-size:18px;
	margin:0px;
	float:left;
	padding-left:16px;
	padding-top:13px;
	background: #469386;
		color:#fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#7fbdbc), to(#469386));
	background: -moz-linear-gradient(top,  #7fbdbc,  #469386);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fbdbc', endColorstr='#469386');
	text-shadow: 0 1px 1px rgba(0,0,0,.8);
	}
.sofbx
{
	width:204px;
	height:auto;
	float:left;
	padding:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:18px;
	text-align:justify;
	background:#fff;
	}
	
.softwarebox1
{
	width:235px;
	height:auto;
	float:left;
	border:1px solid #979590;
	margin-top:6px;
	}
	
.softwarebox1 h1
{
	
	font-weight:bold;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	
	}
	
.softwarebox h1
{
	
	font-weight:bold;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	
	}
	
#centerpart
{
	width:504px;
	height:auto;
	float:left;
	font-size:12px;
	line-height:20px;
	background:#fff;
	margin-left:6px;
	margin-right:6px;
	}
	
#right
{
	width:237px;
	height:auto;
	float:left;
	}
	
	
/* according manu*/

.pageContent 

{ 
width: 504px; 
}
	
.accordion 
{ 
list-style-type: none; 
padding: 0;

margin: 0 0 30px; 
border: 1px solid #17a; 
border-top: none; 
border-left: none; 
}

.accordion ul 
{ 
padding: 0; 
margin: 0; 
font-size:12px;
float: left; 
display: block; 
width: 100%; 
}

.accordion li 
{ 
background: #469386;

	background: -webkit-gradient(linear, left top, left bottom, from(#7fbdbc), to(#469386));
	background: -moz-linear-gradient(top,  #7fbdbc,  #469386);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fbdbc', endColorstr='#469386');
cursor: pointer; 
list-style-type: none; 
padding: 0; 
margin: 0; 
float: left; 
display: block; 
width: 100%;
}

.accordion li.active>a 
{ 
background:url(../images/close.gif) no-repeat center right; 
}

.accordion li div 
{ 
padding: 21px;

background:#fff;
line-height:18px;
display: block;
font-size:12px;
clear: both; 
float: left; 
width: 462px;
}

.accordion a 
{ 
text-decoration: none; 
border-bottom: 0px solid #4df;
font: bold 1em/2em Arial, sans-serif; 
color: #000; 
padding: 0 10px; 
display: block; 
cursor: pointer; 
background: url(../images/open.gif) no-repeat center right;
}

	
	/* Level 2 */
.accordion li ul li 
{ 
background:#FFF;
font-size: 12px; 
}


#btm
{
	width:990px;
	background:#449284;
	padding:6px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	float:left;
	}
	
.inventorytxt
{
	width:380px;
	padding-left:390px;
	height:160px;
	float:left;

	}
.ftr
{
	width:978px;
	height:auto;
	padding:6px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	}
	
.callnow
{

	width:380px;
	height:auto;
	float:left;
	font-size:28px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	}
	
.callnow strong
{
	font-size:20px;
	font-weight:normal;}
	
.callnow span
{
	font-size:12px;
	color:#000000;
	letter-spacing:1px;
}

.downloadbutton
{
	width:254px;
	height:45px;
	float:left;
	background:url(../images/button.png) no-repeat;
	margin-left:126px;
	margin-top:10px;
	font-size:30px;
	line-height:40px;
	font-family:"Times New Roman", Times, serif;
	color:#fff;
	text-decoration:none;
	}
	
.downloadbutton a
{
	
	color:#fff;
	text-decoration:none;
	}
	
.downloadbutton a:hover
{
	
	color:#000;
	text-decoration:none;
	}
	

.Accountacregis
{
	width:254px;
	height:45px;
	margin-left:20px;
	margin-top:5px;
	float:left;
	background:url(../images/button.png) no-repeat;
	text-align:center;
	font-size:20px;
	line-height:40px;
	font-family:"Times New Roman", Times, serif;
	color:#fff;
	text-decoration:none;
	}
	
.Accountacregis a
{
	
	color:#fff;
	text-decoration:none;
	}
	
.Accountacregis a:hover
{
	
	color:#000;
	text-decoration:none;
	}
	
	
.counterbtn
{
   
    float:left;
     font-family:Arial, Verdana;
      font-size:14px;
      margin-top:10px;
      background:#175d50;
      color:#ffffff;
      text-decoration:none;
      font-weight:bold;
}
.counterbtn a
{
   
   padding:10px 40px 10px 40px;
      background:#175d50;
      color:#ffffff;
      text-decoration:none;
      border-radius:10px;
}
.counterbtn a:hover
{
   padding:10px 40px 10px 40px;
     background:#000000;
      color:#ffffff;
      text-decoration:none;
      border-radius:10px;
}

.counterbtn1
{
   
    float:right;
     font-family:Arial, Verdana;
      font-size:14px;
      margin-top:10px;
      background:#175d50;
      color:#ffffff;
      text-decoration:none;
       font-weight:bold;
}
.counterbtn1 a
{
   
   padding:10px 40px 10px 40px;
      background:#175d50;
      color:#ffffff;
      text-decoration:none;
      border-radius:10px;
}
.counterbtn1 a:hover
{
   padding:10px 40px 10px 40px;
     background:#000000;
      color:#ffffff;
      text-decoration:none;
      border-radius:10px;
}	

.popup
{
	

	width:663px;
	padding-top:22px;
	height:auto;
	float:left;
	

	background: #ffffff;


	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9d8bf'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9d8bf));
	background: -moz-linear-gradient(top, #ffffff, #f9d8bf); 
	
box-shadow: 1px 1px 10px #333333;
border-radius:20px;
/*
background: rgb(247,148,49);

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3OTQzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyY2M0MGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(247,148,49,1) 0%, rgba(255,255,255,1) 49%, rgba(44,196,13,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,148,49,1)), color-stop(49%,rgba(255,255,255,1)), color-stop(100%,rgba(44,196,13,1)));
background: -webkit-linear-gradient(top, rgba(247,148,49,1) 0%,rgba(255,255,255,1) 49%,rgba(44,196,13,1) 100%);
background: -o-linear-gradient(top, rgba(247,148,49,1) 0%,rgba(255,255,255,1) 49%,rgba(44,196,13,1) 100%); 
background: -ms-linear-gradient(top, rgba(247,148,49,1) 0%,rgba(255,255,255,1) 49%,rgba(44,196,13,1) 100%);
background: linear-gradient(to bottom, rgba(247,148,49,1) 0%,rgba(255,255,255,1) 49%,rgba(44,196,13,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79431', endColorstr='#2cc40d',GradientType=0 ); /* IE6-8 */
	}
	
.pnm
{
	width:70px;
	padding-top:5px;
	height:27px;
	padding-left:25px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;}
	
.pnm span
{
	color:#ff6c00;
	font-weight:bold;
	padding-left:3px;}
	
.pnmbx
{
	width:200px;
	height:32px;
	
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;}
	
.pnmbx textarea
{
	width:195px;
	height:80px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 5px 5px 5px;
	font-size:12px;
	color:#cccccc;
	border:1px solid #e5e5e5;
	float:left;}
	
.pnmbx select
{
	width:207px;
	line-height:18px;
	padding:4px 5px 4px 5px;
	font-size:12px;
	color:#cccccc;
	border:1px solid #e5e5e5;
	float:left;}
	
.pnmbx option
{


	color:#000;
}
	
.pnmbx2
{
	width:50px;
	height:32px;
	float:left;
}
	
.pnmbx input
{
	width:195px;
	line-height:18px;
	padding:5px 5px 5px 5px;
	font-size:12px;
	color:#cccccc;
	border:1px solid #e5e5e5;
	float:left;}
.pnmbx1
{
	padding-top:10px;
	font-size:12px;
	width:150px;
	float:left;}	
.pnmbx1 input
{
	width:50px;
}
.pbtn
{
	width:200px;
	height:auto;
	padding-top:5px;
	float:left;
	padding-left:300px;}
.popsubmit
{


	background:#ff6c00 !important;
	line-height:20px;
	padding:5px 10px 5px 10px;
	cursor:pointer;
	border:0px;
	float:left;
	color:#FFF;
	font-size:14px;	
	border-radius:10px;
	}
	

.popfeature
{
	width:296px;
	height:auto;
	float:left;
	
	}
.poplogo
{
	width:143px;
	height:65px;
	float:left;
	padding-left:68px;
	padding-bottom:17px;
	}
	
.poppoints
{
	width:276px;
	height:auto;
	float:left;
	padding-bottom:8px;
	background:url(../images/popupdot.png) no-repeat left top;
	font-size:12px;
	color:#000;
	padding-left:15px;}	
	
.transparent
{
	opacity:0.4;
	filter:alpha(opacity=40);
	background:#000;
	/*background:url(../images/HOLI2013.png) center no-repeat ;*/
	cursor: wait;
	-moz-opacity: .10;
}

.popboxholdr
{
	width:295px;
	height:auto;
	float:left;
	}

.pnmbxnew 
{
	width:495px;
	height:32px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;}
		
.pnmbxnew input
{
	width:487px;
	line-height:18px;
	padding:5px 5px 5px 5px;
	font-size:12px;
	color:#cccccc;
	border:1px solid #e5e5e5;
	float:left;}
	
.popholder
{
	width:663px;
	height:auto;
	float:left;}	
.popimgholder
{
	width:367px;
	height:auto;
	float:left;}			
	
.popupnew
{
	width:615px;
	padding:24px;
	height:auto;
	float:left;
	background: #ffffff;
	box-shadow:inset 0 0 10px #e6e6e6;
	border:1px solid #999;
	border-radius:10px;
	}
	
.pophldr
{
	width:615px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #ffffff;
	}	
	
	.submitbutton
{

	
	float:left;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#95c823', endColorstr='#6cb219'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#95c823), to(#6cb219));
	background: -moz-linear-gradient(top, #95c823, #6cb219); 
	border:0px;
	padding:10px 10px 10px 10px;
	font-size:12px;
	border-radius:8px;

	font-family:"Times New Roman", Times, serif;
	color:#fff;
	text-decoration:none;
	}
	
.submitbutton a
{
	
	color:#fff;
	text-decoration:none;
	}
	
.submitbutton a:hover
{
	
	color:#000;
	text-decoration:none;
	}	
	
	
	.canclebutton
{

	
	float:left;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7032a', endColorstr='#d3203d'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#f7032a), to(#d3203d));
	background: -moz-linear-gradient(top, #f7032a, #d3203d); 
	border:0px;
	padding:10px 10px 10px 10px;
	font-size:12px;
	border-radius:8px;
	margin-left:10px;

	font-family:"Times New Roman", Times, serif;
	color:#fff;
	text-decoration:none;
	}
	
.canclebutton a
{
	
	color:#fff;
	text-decoration:none;
	}
	
.canclebutton a:hover
{
	
	color:#000;
	text-decoration:none;
	}
.responsive-menu{display:none;}
.w70{width:70%;}
._90{width:90px !important;}
._200{width:200px;}
._48{width:48%;}
._160{width:160px;}
.w60{width:60%;}
.capcodeImg{width:30%; float:left; margin-left:10px;}
.capcodeImg img{max-width:100%; height:auto; }
.uploader{width:125px; margin-left:35px;}
@media only screen and (max-width:768px){
    *{ box-sizing:border-box;}
    #main,
    #header,
    .hdrpart1{width:100%;}
    .logo{float:none; margin:0 auto; width:130px; height:auto;}
    .logo img{max-width:100%; height:auto;}
    .inventorytxt,
    .callnow{width:100%; padding-left:0; text-align:center;}
    .inventorytxt{margin-bottom:15px; height:auto;}
    .downloadbutton{width:100%; margin-left:0; background-position:center;}
    .bannerholder,#part2{width:100%; height:auto;padding:0 15px; margin-bottom:15px;}
    .bannerholder img{max-width:100%; height:auto;}
    .box1{width:100%; padding:10px; background: #87c7c6;}
    .corprt,.corprt1,.corprt2{width:100%; height:auto; padding:10px;}
    .Accountacregis{width:100%; margin-left:0; background-position:center;}
    .blnkbox{height:auto;}
    #part3c{width:100%; padding:0; margin:0;}


    #leftc{width:100%; min-height:inherit; margin:0; padding:0;}
    #rightc,.frmbox{width:100%; padding:15px; min-height:inherit !important;}
    #rightc{border:none;}
    .frmbox img{max-width:100%; height:auto !important}    
    .lftmanu br{display:none;}
    .lftmanu{display:none;}
    .responsive-menu{width:100%; background:#246ab1; padding:10px; color:#fff; display:block;}
    .responsive-menu span{font-size:12px; text-transform:uppercase; font-weight:bold;}
    .responsive-menu button{float:right; background:none; border:none; width:35px; cursor:pointer; display:inline-block;}
    .responsive-menu button .iconbar{width:100%; height:2px; background:#fff; display:block; margin-bottom:4px; opacity:0.8;}
    .responsive-menu button:hover .iconbar{opacity:1;}
    .responsive-menu button:focus{outline:none;}
    .lftmanu a{display:block; float:none; line-height:30px; border-bottom:1px solid #246ab1}
    .lftmanu a:hover{line-height:30px;}
    .formheading{padding:10px; border-radius:15px 15px 0 0;}
    .frminner,
    .frminner1,.w70,.w60{width:100% !important;}
    .frminner1 input, textarea, select{width:100%;}
    .frminner,.frminner1{margin-bottom:7px;}
    .frminner{padding-bottom:0;}
    .textboxname{width:100% !important; margin-bottom:7px}
    .capcodeImg{width:28%;}
    .capcodeImg img{border-radius:8px;}
    .codeSection .reloadBtn{width:25% !important;}
    .codeSection .note{top:0 !important;}
    .btnholder{width:100%; padding-left:0;}
    .note{text-align:left;}
    .codeSectionSpace{padding-top:0 !important;}
    ._90{width:33.3% !important;}
    .smalltextbox{width:20% !important; margin-right:-1px;}
    .newbox{width:100%; margin: 15px 0;}
    .ftr,#btm{width:100%;}
    .uploader,
    .frmholder,.frmholder1{width:100%; margin-left:0;}
    .Margcodesmallbox,.Margcodebigbox{width:23%;}
    .rdo{width:100%;}
    .rdo label{font-size:14px;}
}