﻿/* CSS Document */
body
{
	margin:0; padding:0;
}
 
#wrapper
{
	width:998px; height:auto; margin:auto;  
}
#header
{
	width:998px; height:149px; float:left;  
}

 #menu
{
	width:998px; float:left; margin:0px 0px 0px 0px; background-color:#DB0E0E;height:30px; 
}

#banner
{
	width:510px; height:200px; float:left; text-align:left; 
}
 
#main-body
{ 
	width:998px; float:left; height:auto;    
}

#text-body
{ 
	width:998px; float:left;   margin:20px 0 0 0;
}

#text-body-content
{
	width:520px; float:left; height:auto; padding:0px 0px 0px 0px;
}

#content{width:520px; 
margin:auto; background-color:#FFFFFF; margin-left:0px;float:left;  padding:15px 0px 0px 0px;
	font-family:Arial; font-size:13px;	font-style:normal; text-align:justify; color:#000; line-height:200%;}
	
	#text-body-inner
{
	width:755px; float:left; height:auto; padding:0px 0px 0px 0px;
}
	#content-inner{width:755px; 
margin:auto; background-color:#FFFFFF; margin:0px; float:left;  padding:0px 0px 0px 0px;
	font-family:Arial; font-size:13px;	font-style:normal; text-align:justify; color:#000; line-height:190%;}

	
	
#text-body-leftside-box
{
	width:230px; height:auto; float:left; padding:0px 7px 0px 0px;
}
#box-left{
width:215px;
border:1px solid #00529B;
	 -moz-border-radius:5px 5px 7px 7px; 
-webkit-border-radius: 5px 5px 7px 7px;  
border-radius: 5px 5px 7px 7px;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
float:left;
margin-bottom:15px;
 }
 
#box-right{
width:215px;
border:1px solid #00529B;
	 -moz-border-radius:5px 5px 7px 7px; 
-webkit-border-radius: 5px 5px 7px 7px;  
border-radius: 5px 5px 7px 7px;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
float:right;  
margin-bottom:15px;
 } 
 
#text-body-rightside-box
{
	width:230px; height:auto; float:right; padding:0px 0px 0px 4px;
}
 
 
.bodytext
{
	 
	font-family:Arial; font-size:12px;	font-style:normal; text-align:justify; color:#000; line-height:150%;
}

#main-footer
{
	width:998px; float:left; height:50px; margin:20px 0px 0px 0px;
}

#footer
{
	width:998px; margin:auto; font-family:Arial; font-size:12px;	font-style:normal; text-align:justify; color:#000;border-top:3px solid #CC0D0D;    
}

.copyright
{
	text-align:right; padding:15px 0px 0px 0px;
}

h1
{
 font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; text-align:left; margin:0; padding:0; color:#CC0D0D; border-bottom:1px dotted #999999; 
 text-align:center; font-weight:bold;
}

h2
{
	font-family: Georgia, "Times New Roman", Times, serif; font-size:15px; text-align:left; margin:0; color:#0063C6; padding-top:5px;padding-left:0px;
}
.orange
{
	color:#D6940B;
	font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
	font-weight:bold;
}
.head2
{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
	color:#0063C6;
	font-weight:bold;
}

.blue
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
	color:#0063C6;
	font-weight:bold;
}
.blue:hover{
	color:#0063C6;
}

.btn-txt
{
	margin:0; padding:5px 10px 0px 0px;
}

.details
{
	margin:0; padding:5px 10px 0px 0px; text-align:right; color:#990000; font-size:12px;
}

a
{
	color: #333333;
	text-decoration:none;
}
a:hover
{
	color:#DB0E0E;
	text-decoration:none;
}
.img-align-left
{
	float:left; margin:0px 10px 0px 0px;  
		 -webkit-box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
     -moz-box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
     box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	 border:0.5px solid #FFF;
	 padding:1px;
 }
 
 .img-align-right
{
	float:right; margin:0px 0px 0px 10px;  
		 -webkit-box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
     -moz-box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
     box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	 border:0.5px solid #FFF;
	 padding:1px;
 }
#rightisde-btn
{
	width:250px; float:right; background-image:url(../images/rightside-btn.jpg); height:86px; background-repeat:no-repeat; margin-bottom:5px; padding:0px;
}


#bodytext1 ul {
padding:0px;
margin:0px;

}
#bodytext1 ul li{
    font-family: Arial ;
	font-weight:bold;
	font-size:13px;
	line-height:165%;
	color:#333333;
	list-style:none;
	text-align:left;
	margin-top:4px;
	margin-left:5px;
	padding-left:25px;
	background-image: url(../images/arrow1.jpg);
	background-repeat:no-repeat;
	background-position:0 2px;
 	border:none;}

#bodytext1-box ul {
padding:0px;
margin:0px;

}
#bodytext1-box  ul li{
    font-family: Arial ;
	font-weight:bold;
	font-size:13px;
	line-height:166%;
	color:#333333;
	list-style:none;
	text-align:left;
	margin-top:4px;
	margin-left:5px;
	padding-left:25px;
	background-image: url(../images/arrow1.jpg);
	background-repeat:no-repeat;
	background-position:0 2px;
 	border:none;}

#bodytext1-box1 ul {
padding:0px;
margin:0px;

}
#bodytext1-box1  ul li{
    font-family: Arial ;
	font-weight:bold;
	font-size:13px;
	line-height:195%;
	color:#333333;
	list-style:none;
	text-align:left;
	margin-top:4px;
	margin-left:5px;
	padding-left:25px;
	background-image: url(../images/arrow1.jpg);
	background-repeat:no-repeat;
	background-position:0 2px;
 	border:none;}
#bodytext2 ul {
padding:0px;
margin:0px;

}
#bodytext2 ul li{
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:165%;
	color:#000;
	list-style:none;
	text-align:left;
	margin-top:0px;
	margin-left:0px;
	padding-left:20px;
	background-image: url(../images/arrow1.jpg);
	background-repeat:no-repeat;
	background-position:0 2px;
	 
	border:none;}
	
	#bodytext2 ul {
padding:0px;
margin:0px;

}
#bodytext3 ul li{
    font-family: Arial ;
	font-size:14px;
	line-height:168%;
	color:#000;
	list-style:none;
	text-align:left;
	margin-top:6px;
	margin-left:5px;
	padding-left:25px;
	background-image: url(../images/arrow2.jpg);
	background-repeat:no-repeat;
	background-position:0 1px;
	 
 	border:none;}
		#bodytext3 ul {
padding:0px;
margin:0px;
 }
 
 
 #bodytext4 ul li{
    font-family: Arial ;
	font-size:13px;
	line-height:168%;
	color:#000;
	list-style:none;
	text-align: justify;
	margin-top:8px;
	margin-left:5px;
	padding-left:25px;
	background-image: url(../images/arrow2.jpg);
	background-repeat:no-repeat;
	background-position:0 0px;
	 
 	border:none;}
		#bodytext4 ul {
padding:0px;
margin:0px;
 }
 
#rightisde-btn1
{
	width:250px; height:280px;float:right;  margin-bottom:5px;
}

 
.product-scroll
{
	width:250px;
	height:auto;
	margin:auto;
	margin-bottom:5px;
	border:1px solid #9DCEFF;
	 -moz-border-radius: 10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px;  
border-radius: 10px 10px 10px 10px;
	    padding:0px 0px 0px 0px;
		 margin:0px 0px 0px 0px; 
		 background-color:#fff;
}
.product-scroll-left
{
	width:242px;
	height:auto;
	margin:auto;
	margin-bottom:5px;
	border:1px solid #9DCEFF;
	 -moz-border-radius: 10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px;  
border-radius: 10px 10px 10px 10px;
	    padding:5px 5px 5px 5px;
		 margin:5px 0px 0px 0px; 
		 background-color:#fff;
}
.list
{
	     padding-bottom:5px; margin-bottom:5px; padding-top:3px; padding-left:3px;
}

.list-1
{
	border-bottom:1px dotted #5BC7EB; border-top:1px dotted #5BC7EB;   padding-bottom:5px; margin-bottom:5px; padding-top:3px; padding-left:3px;
}

.table-head{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
font-style:normal;
padding-bottom:2px;}




#banner-table-border
{
	border:1px solid #5BC7EB;
	-moz-border-radius: 10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px;  
border-radius: 10px 10px 10px 10px;
	    padding:5px 5px 0px 5px;
		 margin:5px 0px 0px 0px; 
		 background-color:#E1F0FF;
}

#banner-table-border-inner
{
	border:1px solid #5BC7EB;
-moz-border-radius: 10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px;  
border-radius: 10px 10px 10px 10px;
	    padding:5px 5px 0px 5px;
		 margin:5px 0px 0px 0px; 
		 background-color:#5BC7EB;
		 font-family:Arial; 
		 font-size:15px;	
		 font-style:normal;
		 color:#fff;
		 height:30px;
}
.table-text
{
 
		 font-family:Arial; 
		 font-size:12px;	
		 font-style:normal;
		 color:#000; 
		line-height:150%;
		padding-left:10px;
		text-align:left;
 }

 .img-shadow
{
	 -webkit-box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
     -moz-box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
     box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	 border:0.5px solid #FFF;
	 padding:2px;
}
/* ATM/General Complaint form */
input[type=text], select, textarea, input[type=phone] {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: #CC0D0D;
  color: white;
  padding: 10px 18px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #00529B;
}
input[type=reset] {
  background-color: #00529B;
  color: white;
  padding: 10px 18px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #CC0D0D;
}
.container {
  border-radius: 5px;
  padding: 20px;
}
